423 lines
19 KiB
QML
423 lines
19 KiB
QML
//========================================================================================================================================================================
|
|
// 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<modele.count; i ++)
|
|
{
|
|
if (modele.get(i).valeur === cible) break; // Cas où la valeur cible a été trouvée parmi les valeurs du modèle
|
|
}
|
|
if (i === modele.count)
|
|
{
|
|
console.log("Aucune valeur trouvée pour cible = [" + cible + "] du modèle = " + nom_modele);
|
|
i = -1; // Cas où la valeur n'a pas été trouvée parmi les valeurs du modèle
|
|
}
|
|
//else console.log("Valeur trouvée : [" + i + "] pour cible = [" + cible + "] soit texte = [" + modele.get(i).texte + "]");
|
|
return(i);
|
|
}
|
|
|
|
|
|
}
|
|
|