//======================================================================================================================================================================== // CONFIG_AFFICHAGE.QML // Ce fichier traite la configuration des paramètres d'affichage. // La page est appelée depuis la page parametres_avances.qml, en cliquant sur "Vos paramètres" > "Affichage" //======================================================================================================================================================================== import QtQuick 2.12 import qt.koriolan.shipheart 1.0 Shipheart_page { id: page_config_affichage // Mis en forme : readonly property double pourcentage_largeur_colonne_gauche: 0.75 readonly property double espace_colonnes_principales: 20 readonly property double pourcentage_hauteur_ligne_haut: 1 readonly property double espace_lignes_principales: 20 readonly property double affichage_hauteur_utile: shipheart_hauteur_page - shipheart_hauteur_bandeau_haut - shipheart_hauteur_bandeau_bas readonly property int hauteur_ligne_formulaire: 60 readonly property double pourcentage_largeur_labels_formulaire: 0.4 readonly property int hauteur_bouton_droit: 80 readonly property double pourcentage_bandeau_bas_largeur_zone_retour: 1 readonly property int periode_init_raffraichissement_parametres: 1 // En ms readonly property int periode_raffraichissement_parametres: 1000 // En ms // Affichage : property bool bouton_bandeau_bas_zone_retour_actif: false property int protection_mode: 0 // Données : // Modèles : // Note : les modèles chargés dans 'main.qml' n'ont pas à être rechargés dans les pages suivantes //=========================================================== // Timer periode raffraichissement parametres : //=========================================================== Timer { id: timer_raffraichissement_parametres interval: periode_init_raffraichissement_parametres triggeredOnStart: false running: true repeat: true onTriggered: { if (interval == periode_init_raffraichissement_parametres) { // Premier passage, 1ms après le premier chargement interval = periode_raffraichissement_parametres; init_page(); } else if (!bouton_bandeau_bas_zone_retour_actif) { } } } // Titre de la page : Shipheart_titre_1 {titre:qsTr("Configuration de l'affichage"); hauteur: shipheart_hauteur_bandeau_haut} //------------------------------------------------------- // Ecran Haut - Gauche : //------------------------------------------------------- Rectangle { id: zone_affichage_haut_gauche x: 0 y: shipheart_hauteur_bandeau_haut; width: (shipheart_largeur_page * pourcentage_largeur_colonne_gauche) - (espace_colonnes_principales / 2) height: (affichage_hauteur_utile * pourcentage_hauteur_ligne_haut) - (espace_lignes_principales / 2); color: "transparent" ListView { id: grille_principale width: parent.width height: parent.height snapMode: GridView.SnapToRow // L'arret de l'affichage se fera sur une rangée entière clip: true // Nécessaire pour que les Delegates s'arretent à l'intérieur de la GridView model: modele_grille_principale footer: Rectangle { // Permet de dégager la place suffisante en fin de GridView pour accéder même au dernier élément lorsque que clavier est déplié height: shipheart_hauteur_clavier color: "transparent" } ObjectModel { id: modele_grille_principale //------------------------------------------------------------------------------- // Ligne de formulaire : Nom du bateau Rectangle { width: (shipheart_largeur_page * pourcentage_largeur_colonne_gauche) - (espace_colonnes_principales / 2) height: visible ? hauteur_ligne_formulaire : 0 color: "transparent" Shipheart_formulaire_label { text: qsTr("Nom du bateau") width: parent.width * pourcentage_largeur_labels_formulaire } Shipheart_formulaire_textfield { id: champ_formulaire_Nom_bateau width: parent.width * (1 - pourcentage_largeur_labels_formulaire) x: parent.width * pourcentage_largeur_labels_formulaire } Shipheart_formulaire_ligne_separation { haut_bas_hautbas: shipheart_formulaire_ligne_separation_basse } } //------------------------------------------------------------------------------- // Ligne de formulaire : Fuseau horaire Rectangle { width: parent.width height: visible ? hauteur_ligne_formulaire : 0 color: "transparent" Shipheart_formulaire_label { text: qsTr("Fuseau horaire") width: parent.width * pourcentage_largeur_labels_formulaire } Shipheart_formulaire_combobox { id: champ_formulaire_Fuseau_horaire model: ListModel { } width: parent.width * (1 - pourcentage_largeur_labels_formulaire) onActivated: { shipheart_clic(); } } Shipheart_formulaire_ligne_separation { haut_bas_hautbas: shipheart_formulaire_ligne_separation_basse } } //------------------------------------------------------------------------------- // Ligne de formulaire : Time-out économiseur d'écran Rectangle { width: parent.width height: visible ? hauteur_ligne_formulaire : 0 color: "transparent" Shipheart_formulaire_label { text: qsTr("Temporisaton économiseur d'écran") width: parent.width * pourcentage_largeur_labels_formulaire } Shipheart_formulaire_combobox { id: champ_formulaire_Time_out_economiseur model: ListModel { } width: parent.width * (1 - pourcentage_largeur_labels_formulaire) onActivated: { shipheart_clic(); } } Shipheart_formulaire_ligne_separation { haut_bas_hautbas: shipheart_formulaire_ligne_separation_basse } } //------------------------------------------------------------------------------- // Ligne de formulaire : Thème d'affichage Rectangle { width: parent.width height: visible ? hauteur_ligne_formulaire : 0 color: "transparent" Shipheart_formulaire_label { text: qsTr("Thème d'affichage") width: parent.width * pourcentage_largeur_labels_formulaire } Shipheart_formulaire_combobox { id: champ_formulaire_Theme model: ListModel { } width: parent.width * (1 - pourcentage_largeur_labels_formulaire) onActivated: { shipheart_clic(); } } Shipheart_formulaire_ligne_separation { haut_bas_hautbas: shipheart_formulaire_ligne_separation_basse } } } } } //------------------------------------------------------- // Ecran Droite : //------------------------------------------------------- Rectangle { id: zone_affichage_droite x: zone_affichage_haut_gauche.width + espace_colonnes_principales y: shipheart_hauteur_bandeau_haut; width: (shipheart_largeur_page * (1 - pourcentage_largeur_colonne_gauche)) - (espace_colonnes_principales / 2) height: (affichage_hauteur_utile * pourcentage_hauteur_ligne_haut) - (espace_lignes_principales / 2); color: "transparent" Column { anchors.fill: parent spacing: 10 //--------------------------- // Bouton Enregistrer : //--------------------------- Rectangle { width: parent.width height: hauteur_bouton_droit color: shipheart_couleur_fond_bouton radius: shipheart_rayon_bouton // visible: !clavier.active // SDIR #255 Text { anchors { verticalCenter: parent.verticalCenter horizontalCenter: parent.horizontalCenter } font.pixelSize: 20 text: qsTr("Enregistrer") color: couleur_blanc_casse } MouseArea { anchors.fill: parent onClicked: { shipheart_clic(); mise_a_jour(); // Mise à jour des données saisies dans la BDD et reconfiguration par l'application pour prise en compte. stackView.pop(); } } } } } //------------------------------------------------------- // Bandeau bas : //------------------------------------------------------- Row { x: 0 y: shipheart_hauteur_page - shipheart_hauteur_bandeau_bas; width: shipheart_largeur_page; height: shipheart_hauteur_bandeau_bas; spacing: 5 padding: 5 //................................................. // Bouton retour //................................................. Rectangle { id: bandeau_bas_zone_retour width: (parent.width * pourcentage_bandeau_bas_largeur_zone_retour) - (2 * parent.padding) height: shipheart_hauteur_bandeau_bas - parent.topPadding - parent.bottomPadding; radius: shipheart_rayon_bouton color: shipheart_couleur_fond_bouton Image { source: "/images/icone_retour.png" sourceSize.height: 30 anchors { verticalCenter: parent.verticalCenter horizontalCenter: parent.horizontalCenter } } MouseArea { // Zone d'interaction. On est obligé de la mettre dans la grille pour que Rectangle et MouseArea soient frères ou parent/enfant ET qu'on n'occupe qu'un espace dans la grille. id: mouse_area_bandeau_bas_zone_retour anchors.fill: parent onClicked: { shipheart_clic(); stackView.pop() } } } } // Note : il est inutile de prévoir un Mousearea pour sortir de l'économiseur sur cette page puisqu'il // est systématiquement bloqué pour toutes les pages lancées depuis 'Paramètres Avancés'. //============================================================================================================= // Init de la page //============================================================================================================= function init_page() { var req, res; var nb; var i; var defaut_time_out_economiseur = 0; var capteur_temperature_accueil, defaut_capteur_temperature_accueil = 0; var theme, defaut_theme = 0; //--------------------------------------------------------------------------------------- // Nom du bateau : //--------------------------------------------------------------------------------------- req = 'SELECT Valeur FROM TB_Configuration WHERE Nom="Nom_du_bateau" '; res = bdd.requete_unique(req); champ_formulaire_Nom_bateau.text = res[0]; //--------------------------------------------------------------------------------------- // Fuseau horaire : //--------------------------------------------------------------------------------------- // Config actuelle : req = 'SELECT Valeur FROM TB_Configuration WHERE Nom="Fuseau_horaire" '; res = bdd.requete_unique(req); shipheart_fuseau_horaire = Number(res[0]); // Liste des fuseaux possibles : champ_formulaire_Fuseau_horaire.model.clear(); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-12), "texte": qsTr("UTC-12 (Yankee)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-11), "texte": qsTr("UTC-11 (X-Ray)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-10), "texte": qsTr("UTC-10 (Whisky)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-9), "texte": qsTr("UTC-9 (Victor)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-8), "texte": qsTr("UTC-8 (Uniform)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-7), "texte": qsTr("UTC-7 (Tango)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-6), "texte": qsTr("UTC-6 (Sierra)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-5), "texte": qsTr("UTC-5 (Romeo)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-4), "texte": qsTr("UTC-4 (Quebec)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-3), "texte": qsTr("UTC-3 (Papa)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-2), "texte": qsTr("UTC-2 (Oscar)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (-1), "texte": qsTr("UTC-1 (November)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (0), "texte": qsTr("UTC (Zoulou)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (1), "texte": qsTr("UTC+1 (Alpha)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (2), "texte": qsTr("UTC+2 (Bravo)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (3), "texte": qsTr("UTC+3 (Charlie)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (4), "texte": qsTr("UTC+4 (Delta)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (5), "texte": qsTr("UTC+5 (Echo)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (6), "texte": qsTr("UTC+6 (Foxtrot)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (7), "texte": qsTr("UTC+7 (Golf)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (8), "texte": qsTr("UTC+8 (Hotel)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (9), "texte": qsTr("UTC+9 (India)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (10), "texte": qsTr("UTC+10 (Kilo)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (11), "texte": qsTr("UTC+11 (Lima)") }); champ_formulaire_Fuseau_horaire.model.append({"valeur": (12), "texte": qsTr("UTC+12 (Mike)") }); // Positionnement de l'index sur la valeur en cours : i = recherche_index_valeur_modele(shipheart_fuseau_horaire, champ_formulaire_Fuseau_horaire.model, "Fuseau_horaire"); if (i === -1) champ_formulaire_Fuseau_horaire.currentIndex = recherche_index_valeur_modele(defaut_fuseau_horaire, champ_formulaire_Fuseau_horaire.model, "Fuseau_horaire"); else champ_formulaire_Fuseau_horaire.currentIndex = i; //--------------------------------------------------------------------------------------- // Time-out économiseur : //--------------------------------------------------------------------------------------- // Liste des time-outs possibles (en x 1s) : champ_formulaire_Time_out_economiseur.model.clear(); champ_formulaire_Time_out_economiseur.model.append({"valeur": (15), "texte": qsTr("15 secondes") }); champ_formulaire_Time_out_economiseur.model.append({"valeur": (30), "texte": qsTr("30 secondes") }); champ_formulaire_Time_out_economiseur.model.append({"valeur": (1*60), "texte": qsTr("1 minute") }); champ_formulaire_Time_out_economiseur.model.append({"valeur": (3*60), "texte": qsTr("3 minutes") }); champ_formulaire_Time_out_economiseur.model.append({"valeur": (10*60), "texte": qsTr("10 minutes") }); champ_formulaire_Time_out_economiseur.model.append({"valeur": defaut_time_out_economiseur, "texte": qsTr("Aucune limite") }); // Positionnement de l'index sur la valeur en cours : console.log("shipheart_time_out_economiseur AVANT recherche = " + shipheart_time_out_economiseur); i = recherche_index_valeur_modele(shipheart_time_out_economiseur, champ_formulaire_Time_out_economiseur.model, "Time_out_economiseur"); if (i === -1) champ_formulaire_Time_out_economiseur.currentIndex = recherche_index_valeur_modele(defaut_time_out_economiseur, champ_formulaire_Time_out_economiseur.model, "Time_out_economiseur"); else champ_formulaire_Time_out_economiseur.currentIndex = i; console.log("shipheart_time_out_economiseur : valeur de i après recherche = " + i); //--------------------------------------------------------------------------------------- // Theme d'affichage : //--------------------------------------------------------------------------------------- // Récupération de la valeur actuelle : theme = shipheart_theme; // Liste des time-outs possibles (en x 1s) : champ_formulaire_Theme.model.clear(); for (i = 0; i < shipheart_config_themes.length; i++) { champ_formulaire_Theme.model.append({"valeur": i, "texte": shipheart_config_themes[i][shipheart_index_theme_nom] }); } // Positionnement de l'index sur la valeur en cours : i = recherche_index_valeur_modele(theme, champ_formulaire_Theme.model, "Theme"); if (i === -1) champ_formulaire_Theme.currentIndex = recherche_index_valeur_modele(defaut_theme, champ_formulaire_Theme.model, "Theme"); else champ_formulaire_Theme.currentIndex = i; } //============================================================================================================= // Mise à jour des valeurs saisies //============================================================================================================= function mise_a_jour() { var req; //--------------------------------------------------------------------------------------- // Nom du bateau : //--------------------------------------------------------------------------------------- req = 'UPDATE TB_Configuration '; req += ' SET Valeur="' + champ_formulaire_Nom_bateau.text + '" '; req += ' WHERE Nom="Nom_du_bateau" '; //console.log("Requête = " + req) bdd.requete_unique(req); //--------------------------------------------------------------------------------------- // Fuseau horaire : //--------------------------------------------------------------------------------------- shipheart_fuseau_horaire = champ_formulaire_Fuseau_horaire.model.get(champ_formulaire_Fuseau_horaire.currentIndex).valeur; req = 'UPDATE TB_Configuration '; req += ' SET Valeur="' + shipheart_fuseau_horaire + '" '; req += ' WHERE Nom="Fuseau_horaire" '; //console.log("Requête = " + req) bdd.requete_unique(req); //--------------------------------------------------------------------------------------- // Time-out économiseur : //--------------------------------------------------------------------------------------- shipheart_time_out_economiseur = champ_formulaire_Time_out_economiseur.model.get(champ_formulaire_Time_out_economiseur.currentIndex).valeur; req = 'UPDATE TB_Configuration '; req += ' SET Valeur="' + shipheart_time_out_economiseur + '" '; req += ' WHERE Nom="Time_out_economiseur" '; //console.log("Requête = " + req) bdd.requete_unique(req); // Mise à jour de la nouvelle valeur de time-out dans le compteur en cours : shipheart_compteur_economiseur = shipheart_time_out_economiseur; //--------------------------------------------------------------------------------------- // Thème : //--------------------------------------------------------------------------------------- // Mise à jour dans la BDD : req = 'UPDATE TB_Configuration '; req += ' SET Valeur="' + champ_formulaire_Theme.model.get(champ_formulaire_Theme.currentIndex).valeur + '" '; req += ' WHERE Nom="Theme" '; //console.log("Requête = " + req) bdd.requete_unique(req); chargement_theme(); // Permet de faire les vérifications de cohérence (a priori, peu utile ici) et, surtout, de charger toutes les variables liées au thème } //============================================================================================================= // Recherche de l'index d'une certaine valeur dans un modele //============================================================================================================= function recherche_index_valeur_modele(cible, modele, nom_modele) { var i; for (i=0; i