//======================================================================================================================================================================== // CONFIG_MODULE_CREATION.QML // Ce fichier traite la création d'un module dans la table TB_Modules_config // La page est appelée depuis la page config_réseau_k_bus.qml, en cliquant sur "+" //======================================================================================================================================================================== import QtQuick 2.12 import QtQuick.Controls 2.12 import QtQml.Models import qt.koriolan.shipheart 1.0 import"fonctions.js" as Fonctions Shipheart_page { id: page_config_module_modification // Mis en forme : readonly property double pourcentage_largeur_colonne_gauche: 0.75 readonly property double pourcentage_largeur_unites_formulaire: 0.1 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 : // Données : property int type_module: -1 property string nom_module: "" property int adresse_module: 0 // 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 { } } } // Titre de la page : Shipheart_titre_1 {titre:qsTr("Création d'un module à l'adresse [%1]").arg(adresse_module); 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 : Type de module 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("Type de module") width: parent.width * pourcentage_largeur_labels_formulaire couleur: (champ_formulaire_Type_module.currentIndex !== 0) ? shipheart_formulaire_couleur_texte_par_defaut : shipheart_formulaire_couleur_texte_en_erreur } Shipheart_formulaire_combobox { id: champ_formulaire_Type_module model: ListModel { } width: parent.width * (1 - pourcentage_largeur_labels_formulaire) onActivated: { shipheart_clic(); type_module = champ_formulaire_Type_module.model.get(champ_formulaire_Type_module.currentIndex).valeur; // champ_formulaire_Nom.text = Fonctions.nom_type_module(champ_formulaire_Type_module.model.get(champ_formulaire_Type_module.currentIndex).valeur) + " @" + adresse_module; } } Shipheart_formulaire_ligne_separation { haut_bas_hautbas: shipheart_formulaire_ligne_separation_basse } } //------------------------------------------------------------------------------- // Ligne de séparation : Rectangle { width: parent.width height: 5 color: "transparent" } //------------------------------------------------------------------------------- // Ligne de formulaire : Nom Rectangle { width: (shipheart_largeur_page * pourcentage_largeur_colonne_gauche) - (espace_colonnes_principales / 2) implicitHeight: champ_formulaire_Nom.implicitHeight + 10 color: "transparent" visible: (champ_formulaire_Type_module.currentIndex !== 0) Shipheart_formulaire_label { text: qsTr("Nom du module") width: parent.width * pourcentage_largeur_labels_formulaire anchors.top: parent.top // Ces deux lignes permettent... verticalAlignment: Text.AlignTop // ... d'aligner le label avec le haut du Textarea qui suit (utile loesque le textarea est très long) } Shipheart_formulaire_textarea { id: champ_formulaire_Nom width: parent.width * (1 - pourcentage_largeur_labels_formulaire) horizontalAlignment: Text.AlignJustify wrapMode: Label.Wrap } Shipheart_formulaire_ligne_separation { haut_bas_hautbas: shipheart_formulaire_ligne_separation_basse } } //------------------------------------------------------------------------------- // Ligne de formulaire : Emplacement Rectangle { width: (shipheart_largeur_page * pourcentage_largeur_colonne_gauche) - (espace_colonnes_principales / 2) implicitHeight: champ_formulaire_Emplacement.implicitHeight + 10 color: "transparent" visible: (champ_formulaire_Type_module.currentIndex !== 0) && (champ_formulaire_Nom.text !== "") Shipheart_formulaire_label { text: qsTr("Emplacement du module à bord") width: parent.width * pourcentage_largeur_labels_formulaire anchors.top: parent.top // Ces deux lignes permettent... verticalAlignment: Text.AlignTop // ... d'aligner le label avec le haut du Textarea qui suit (utile loesque le textarea est très long) } Shipheart_formulaire_textarea { id: champ_formulaire_Emplacement width: parent.width * (1 - pourcentage_largeur_labels_formulaire) horizontalAlignment: Text.AlignJustify wrapMode: Label.Wrap } Shipheart_formulaire_ligne_separation { haut_bas_hautbas: shipheart_formulaire_ligne_separation_basse } } //------------------------------------------------------------------------------- // Ligne de séparation : Rectangle { width: parent.width height: 5 color: "transparent" } //------------------------------------------------------------------------------- // Ligne de formulaire : Commentaires Rectangle { width: (shipheart_largeur_page * pourcentage_largeur_colonne_gauche) - (espace_colonnes_principales / 2) implicitHeight: champ_formulaire_Commentaires.implicitHeight + 10 color: "transparent" visible: (champ_formulaire_Type_module.currentIndex !== 0) && (champ_formulaire_Nom.text !== "") Shipheart_formulaire_label { text: qsTr("Commentaires") width: parent.width * pourcentage_largeur_labels_formulaire anchors.top: parent.top // Ces deux lignes permettent... verticalAlignment: Text.AlignTop // ... d'aligner le label avec le haut du Textarea qui suit (utile loesque le textarea est très long) } Shipheart_formulaire_textarea { id: champ_formulaire_Commentaires width: parent.width * (1 - pourcentage_largeur_labels_formulaire) horizontalAlignment: Text.AlignJustify wrapMode: Label.Wrap } Shipheart_formulaire_ligne_separation { haut_bas_hautbas: shipheart_formulaire_ligne_separation_basse } } //------------------------------------------------------------------------------- // Ligne d'extension pour laisser la liste remonter au-dessus de l'écran si besoin : Rectangle { width: parent.width height: 100 color: "transparent" } } } } //------------------------------------------------------- // 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(); creation(); 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 i; //--------------------------------------------------------------------------------------- // Type de module : champ_formulaire_Type_module.model.clear(); champ_formulaire_Type_module.model.append({"valeur": shipheart_type_module_inconnu, "texte": Fonctions.nom_type_module(shipheart_type_module_inconnu) }); // champ_formulaire_Type_module.model.append({"valeur": shipheart_type_module_shipbase, "texte": Fonctions.nom_type_module(shipheart_type_module_shipbase) }); champ_formulaire_Type_module.model.append({"valeur": shipheart_type_module_shippower8DC, "texte": Fonctions.nom_type_module(shipheart_type_module_shippower8DC) }); champ_formulaire_Type_module.model.append({"valeur": shipheart_type_module_shippower812, "texte": Fonctions.nom_type_module(shipheart_type_module_shippower812) }); champ_formulaire_Type_module.model.append({"valeur": shipheart_type_module_shippower4AC, "texte": Fonctions.nom_type_module(shipheart_type_module_shippower4AC) }); champ_formulaire_Type_module.model.append({"valeur": shipheart_type_module_shipBS, "texte": Fonctions.nom_type_module(shipheart_type_module_shipBS) }); // Positionnement de l'index sur la valeur en cours : i = recherche_index_valeur_modele(type_module, champ_formulaire_Type_module.model, "Type_module"); champ_formulaire_Type_module.currentIndex = i; // La valeur de retour d'erreur de la fonction étant '-1', comme la valeur 'Non-définie', on peut l'affecter directement, sans vérifier la valeir de retour. Dans ces 2 cas, on sera en NON DEFINI... } //============================================================================================================= // Création du module //============================================================================================================= function creation() { var req; var val; var texte_nom; var texte_emplacement; var texte_commentaires; // Mise à jour des textes : texte_nom = champ_formulaire_Nom.text.replace(/\"/g, "\\\""); //console.log("Nom = [" + champ_formulaire_Nom.text + "] et texte modifié = [" + texte_nom + "]") texte_emplacement = champ_formulaire_Emplacement.text.replace(/\"/g, "\\\""); //console.log("Emplacement = [" + champ_formulaire_Emplacement.text + "] et texte modifié = [" + texte_emplacement + "]") texte_commentaires = champ_formulaire_Commentaires.text.replace(/\"/g, "\\\""); //console.log("Commentaires = [" + champ_formulaire_Commentaires.text + "] et texte modifié = [" + texte_commentaires + "]") req = 'INSERT INTO TB_Modules_config '; req += '(Adresse_k_bus, '; req += 'Nom, '; req += 'Type, '; req += 'Emplacement, '; req += 'Commentaires) '; req += ' VALUES ('; req += adresse_module + ' '; req += ', "' + texte_nom + '" '; req += ', ' + type_module + ' '; req += ', "' + texte_emplacement + '" '; req += ', "' + texte_commentaires + '" '; req += ') '; console.log("Requête = [ " + req + "; ]") bdd.requete_unique(req); } //============================================================================================================= // 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