//======================================================================================================================================================================== // CONFIG_RESEAU_ETHERNET.QML // Ce fichier traite la configuration du réseau Ethernet // La page est appelée depuis la page parametres_avances.qml //======================================================================================================================================================================== import QtQuick 2.12 import QtQuick.Controls 2.12 import QtQml.Models import qt.koriolan.shipheart 1.0 Shipheart_page { id: page_config_reseau_ethernet_wifi // 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: 0 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.45 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 property bool flag_init: true // Permet de bloquer certains affichage tant que l'init n'est pas terminée property int position_wifi_sta: 0 property int position_wifi_ap: 0 // Données : property string bssid_wifi_sta: "" // 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) { mise_a_jour(); } } } //=========================================================== // Lorsque la page est sur le point d'être affichée dans la pile : //=========================================================== StackView.onActivating: { mise_a_jour(); } // Titre de la page : Shipheart_titre_1 {titre:qsTr("Réseau Ethernet & Wifi"); 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; 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 // Cf Ship2net.qml pour ajouter ici des champs de saisie... } } } //------------------------------------------------------- // Ecran Milieu - Gauche : //------------------------------------------------------- Rectangle { id: zone_affichage_milieu_gauche x: 0 y: shipheart_hauteur_bandeau_haut + zone_affichage_haut_gauche.height + espace_lignes_principales; width: (shipheart_largeur_page * pourcentage_largeur_colonne_gauche) - (espace_colonnes_principales / 2) height: (affichage_hauteur_utile * (1 - pourcentage_hauteur_ligne_haut)) - espace_lignes_principales; color: "transparent" //------------------------------------------------------------------- // Grille pour afficher les valeurs des paramètres non configurables : GridView { id: grille_informations width: parent.width height: parent.height cellWidth: parent.width; cellHeight: hauteur_ligne_formulaire 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_informations delegate: Rectangle { width: zone_affichage_milieu_gauche.width height: visible ? hauteur_ligne_formulaire : 0 color: "transparent" visible: !flag_init // Sous-titre : Shipheart_titre_2 { titre: model.titre hauteur: shipheart_hauteur_bandeau_haut visible: !flag_init && (model.titre !== "") } // Champ d'info : Shipheart_formulaire_label { text: model.nom_champ width: parent.width * pourcentage_largeur_labels_formulaire visible: (model.titre === "") } Shipheart_formulaire_valeur_fixe { text: model.valeur_champ width: parent.width * (1 - pourcentage_largeur_labels_formulaire) x: parent.width * pourcentage_largeur_labels_formulaire visible: (model.titre === "") color: (model.etat === "NORMAL") ? couleur_blanc_casse : (model.etat === "OK") ? couleur_vert : couleur_rouge } Shipheart_formulaire_ligne_separation { haut_bas_hautbas: shipheart_formulaire_ligne_separation_basse visible: (model.titre === "") } Shipheart_formulaire_ligne_separation { haut_bas_hautbas: shipheart_formulaire_ligne_separation_haute epaisseur_ligne: 2 force: shipheart_formulaire_ligne_separation_force_elevee visible: (model.titre !== "") } } ListModel { id: modele_grille_informations } } } //------------------------------------------------------- // 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" // ATTENTION : cette barre latérale n'est pas "standard", la 'column' habituelle a été supprimée pour permettre le positionnement des boutons à certaines hauteur... // Bouton Wifi STA : Rectangle { y: position_wifi_sta * hauteur_ligne_formulaire width: parent.width height: hauteur_bouton_droit color: shipheart_couleur_fond_bouton radius: shipheart_rayon_bouton Text { anchors { verticalCenter: parent.verticalCenter horizontalCenter: parent.horizontalCenter } font.pixelSize: 20 text: qsTr("Modifier") color: couleur_blanc_casse } MouseArea { anchors.fill: parent onClicked: { shipheart_clic(); stackView.push("config_reseau_wifi_sta.qml"); } } } // Bouton Wifi AP : Rectangle { y: position_wifi_ap * hauteur_ligne_formulaire width: parent.width height: hauteur_bouton_droit color: shipheart_couleur_fond_bouton radius: shipheart_rayon_bouton Text { anchors { verticalCenter: parent.verticalCenter horizontalCenter: parent.horizontalCenter } font.pixelSize: 20 text: qsTr("Modifier") color: couleur_blanc_casse } MouseArea { anchors.fill: parent onClicked: { shipheart_clic(); stackView.push("config_reseau_wifi_ap.qml"); } } } } //------------------------------------------------------- // 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; var mode_validation_maj; //--------------------------------------------------------------------------------------- // Mise à jour des informations non configurables : mise_a_jour(); flag_init = false; } //============================================================================================================= // Mise à jour des valeurs courantes //============================================================================================================= function mise_a_jour() { var req, res; var nb; var i; var nom_champ, valeur_champ; var flag_valide; var wifi_sta_cde; var wifi_ap_cde; modele_grille_informations.clear(); //======================================================================================= // Ethernet: //======================================================================================= modele_grille_informations.append({ "titre": qsTr("Ethernet"), "nom_champ": "", "valeur_champ": "" }); //--------------------------------------------------------------------------------------- // Adresse IP Ethernet: req = 'SELECT Valeur FROM TB_Systeme WHERE Nom="Adresse_ip_ethernet" '; res = bdd.requete_unique(req); modele_grille_informations.append({ "titre": "", "nom_champ":qsTr("Adresse IP"), "valeur_champ": (res[0] === shipheart_adresse_ip_inconnue) ? qsTr("Non connecté") : res[0], "etat": (res[0] === shipheart_adresse_ip_inconnue) ? "NOK" : "OK" }); //======================================================================================= // Wifi STA : //======================================================================================= position_wifi_sta = modele_grille_informations.count; modele_grille_informations.append({ "titre": "Wifi STA [STAtion - " + qsTr("Connexion à un réseau existant") + "]", "nom_champ": "", "valeur_champ": "" }); //--------------------------------------------------------------------------------------- // Commande_sta: req = 'SELECT Valeur FROM TB_Configuration WHERE Nom="Wifi_sta_cde" '; res = bdd.requete_unique(req); wifi_sta_cde = Number(res[0]); modele_grille_informations.append({ "titre": "", "nom_champ":qsTr("Etat"), "valeur_champ": (wifi_sta_cde !== 0) ? qsTr("On") : qsTr("Off"), "etat": (wifi_sta_cde === 0) ? "NOK" : "NORMAL" }); //--------------------------------------------------------------------------------------- // BSSID_STA : if (wifi_sta_cde !== 0) { req = 'SELECT Valeur FROM TB_Configuration WHERE Nom="BSSID_Wifi_sta" '; res = bdd.requete_unique(req); bssid_wifi_sta = res[0]; } //--------------------------------------------------------------------------------------- // SSid_STA & Pwd_STA : if (wifi_sta_cde !== 0) { var nom_reseau_wifi_sta = "--"; var psk_reseau_wifi_sta = "--"; if (bssid_wifi_sta !== "") { req = 'SELECT Nom, Psk FROM TB_Wifi_sta WHERE Bssid="' + bssid_wifi_sta + '" '; res = bdd.requete_unique(req); nom_reseau_wifi_sta = res[0]; psk_reseau_wifi_sta = res[1]; } modele_grille_informations.append({ "titre": "", "nom_champ":qsTr("Nom du réseau [SSID]"), "valeur_champ": nom_reseau_wifi_sta, "etat": "NORMAL" }); /* modele_grille_informations.append({ "titre": "", "nom_champ":qsTr("Mot de passe d'accès au réseau"), "valeur_champ": psk_reseau_wifi_sta, "etat": "NORMAL" }); */ } //--------------------------------------------------------------------------------------- // Ip_STA : if (wifi_sta_cde !== 0) { req = 'SELECT Valeur FROM TB_Systeme WHERE Nom="Adresse_ip_wifi_sta" '; res = bdd.requete_unique(req); modele_grille_informations.append({ "titre": "", "nom_champ":qsTr("Adresse IP"), "valeur_champ": (res[0] === shipheart_adresse_ip_inconnue) ? qsTr("Non connecté") : res[0], "etat": (res[0] === shipheart_adresse_ip_inconnue) ? "NOK" : "OK" }); } //======================================================================================= // Wifi AP : //======================================================================================= position_wifi_ap = modele_grille_informations.count; modele_grille_informations.append({ "titre": "Wifi AP [Access Point - " + qsTr("Génération d'un réseau spécifique") + "]", "nom_champ": "", "valeur_champ": "" }); //--------------------------------------------------------------------------------------- // Commande AP : req = 'SELECT Valeur FROM TB_Configuration WHERE Nom="Wifi_ap_cde" '; res = bdd.requete_unique(req); wifi_ap_cde = Number(res[0]); modele_grille_informations.append({ "titre": "", "nom_champ":qsTr("Etat"), "valeur_champ": (wifi_ap_cde !== 0) ? qsTr("On") : qsTr("Off"), "etat": (wifi_ap_cde === 0) ? "NOK" : "NORMAL" }); //--------------------------------------------------------------------------------------- // SSid_AP : if (wifi_ap_cde !== 0) { req = 'SELECT Valeur FROM TB_Configuration WHERE Nom="Wifi_ap_ssid" '; res = bdd.requete_unique(req); modele_grille_informations.append({ "titre": "", "nom_champ":qsTr("Nom du réseau [SSID]"), "valeur_champ": res[0], "etat": "NORMAL" }); } //--------------------------------------------------------------------------------------- // Pwd_AP : /* if (wifi_ap_cde !== 0) { req = 'SELECT Valeur FROM TB_Configuration WHERE Nom="Wifi_ap_pwd" '; res = bdd.requete_unique(req); modele_grille_informations.append({ "titre": "", "nom_champ":qsTr("Mot de passe d'accès au réseau"), "valeur_champ": res[0], "etat": "NORMAL" }); } */ //--------------------------------------------------------------------------------------- // Canal : if (wifi_ap_cde !== 0) { req = 'SELECT Valeur FROM TB_Configuration WHERE Nom="Wifi_ap_canal" '; res = bdd.requete_unique(req); var canal = Number(res[0]); var freq; if (canal < 36) freq = "2.4"; else freq = "5"; modele_grille_informations.append({ "titre": "", "nom_champ": qsTr("Canal"), "valeur_champ": canal + " [" + freq + "GHz]", "etat": "NORMAL" }); } //--------------------------------------------------------------------------------------- // Ip_AP : if (wifi_ap_cde !== 0) { req = 'SELECT Valeur FROM TB_Systeme WHERE Nom="Adresse_ip_wifi_ap" '; res = bdd.requete_unique(req); modele_grille_informations.append({ "titre": "", "nom_champ":qsTr("Adresse IP"), "valeur_champ": (res[0] === shipheart_adresse_ip_inconnue) ? qsTr("Non connecté") : res[0], "etat": (res[0] === shipheart_adresse_ip_inconnue) ? "NOK" : "OK" }); } } //============================================================================================================= // 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