//======================================================================================================================================================================== // CONFIG_RESEAU_WIFI_STA.QML // Ce fichier traite la configuration du Wifi en mode STA // 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_wifi_sta // Mis en forme : readonly property double pourcentage_largeur_colonne_gauche: 0.75 readonly property double espace_colonnes_principales: 20 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 readonly property int step_timer_appui_long: 30 // en ms readonly property int periode_scan_wifi_sta: 15 // en s // Affichage : property int protection_mode: 0 property bool flag_init: true // Permet de bloquer certains affichage tant que l'init n'est pas terminée // Données : property int valeur_timer_appui_long: 0 property int compteur_scan_wifi_sta: 0 property int stackview_niveau_page: 0 property string bssid: "" property bool flag_pwd_visible: false property bool flag_wifi_sta_up: false // 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 (stackView.depth === stackview_niveau_page) // Permet d'éviter les raffraichissements si on est sur la page de liste des réseaux { mise_a_jour(); if (-- compteur_scan_wifi_sta <= 0) // Une demande est faite au démarrage de la page { if (flag_wifi_sta_up) demande_de_scan(); // Si le réseau est down, ce n'est pas la peine de faire un scan (yne erreur est émise par le shell dans ce cas mais rien de bloquant) compteur_scan_wifi_sta = periode_scan_wifi_sta ; } } } } } //=========================================================== // Lorsque la page est sur le point d'être affichée dans la pile : //=========================================================== StackView.onActivating: { compteur_scan_wifi_sta = 0; } // Titre de la page : Shipheart_titre_1 {titre:qsTr("Configuration Wifi en mode STA"); 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 - 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 //------------------------------------------------------------------------------- // Ligne de formulaire : STA_Commande Rectangle { width: parent.width height: visible ? hauteur_ligne_formulaire : 0 color: "transparent" //visible: false Shipheart_formulaire_label { text: qsTr("Etat") width: parent.width * pourcentage_largeur_labels_formulaire } Shipheart_formulaire_combobox { id: champ_formulaire_Sta_commande 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 : STA_Liste_ssid Rectangle { width: parent.width height: visible ? hauteur_ligne_formulaire : 0 color: "transparent" visible: !flag_init && (champ_formulaire_Sta_commande.model.get(champ_formulaire_Sta_commande.currentIndex).valeur === 1) Shipheart_formulaire_label { text: qsTr("Réseau") width: parent.width * pourcentage_largeur_labels_formulaire } Shipheart_formulaire_combobox { id: champ_formulaire_Sta_liste_ssid model: ListModel { } width: parent.width * (1 - pourcentage_largeur_labels_formulaire) onActivated: { shipheart_clic(); // Mémorisation du BSSID choisit (permet que les mise à jour de la liste de scan ne remette pas en cause ce choix) : bssid = champ_formulaire_Sta_liste_ssid.model.get(champ_formulaire_Sta_liste_ssid.currentIndex).bssid; // Pré-remplissage du Psk du nouveau réseau sélectionné (s'il était déjà connu) : champ_formulaire_Sta_psk.text = champ_formulaire_Sta_liste_ssid.model.get(champ_formulaire_Sta_liste_ssid.currentIndex).psk; // Mise à jour du flag de masquage de Pwd : flag_pwd_visible = champ_formulaire_Sta_liste_ssid.model.get(champ_formulaire_Sta_liste_ssid.currentIndex).connu; } } Shipheart_formulaire_ligne_separation { haut_bas_hautbas: shipheart_formulaire_ligne_separation_basse } } //------------------------------------------------------------------------------- // Ligne de formulaire : STA_PSK Rectangle { width: (shipheart_largeur_page * pourcentage_largeur_colonne_gauche) - (espace_colonnes_principales / 2) height: visible ? hauteur_ligne_formulaire : 0 color: "transparent" visible: !flag_init && (champ_formulaire_Sta_commande.model.get(champ_formulaire_Sta_commande.currentIndex).valeur === 1) && (champ_formulaire_Sta_liste_ssid.currentIndex !== 0) Shipheart_formulaire_label { text: qsTr("Mot de passe d'accès au réseau") width: parent.width * pourcentage_largeur_labels_formulaire } Shipheart_formulaire_textfield { id: champ_formulaire_Sta_psk width: parent.width * (1 - pourcentage_largeur_labels_formulaire) x: parent.width * pourcentage_largeur_labels_formulaire password_type: flag_pwd_visible } 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 - (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: !flag_init // && !clavier.active // SDIR #255 /* && ( (champ_formulaire_Sta_commande.model.get(champ_formulaire_Sta_commande.currentIndex).valeur === 0) // Commande OFF || // OU ( (champ_formulaire_Sta_liste_ssid.currentIndex !== 0) // Réseau existant choisit && // ET (champ_formulaire_Sta_psk.text.length > 0) ) // Psk non vide (il sera validé au moment de l'enregistrement pour le contenu) ) */ 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(); var texte_erreur = check_saisie(); if (texte_erreur === "") { enregistrement(); // Mise à jour des données saisies dans la BDD et reconfiguration par l'application pour prise en compte. stackView.pop(); // Retour aux Paramètres Avancés } else { boite_validation.niveau = 2 boite_validation.imageTitreSource = "/images/attention.png" boite_validation.message = texte_erreur; boite_validation.open(); } } } } //....................................................... // Bouton Liste des réseaux : //....................................................... Rectangle { width: parent.width height: hauteur_bouton_droit color: shipheart_couleur_fond_bouton radius: shipheart_rayon_bouton visible: !flag_init && !clavier.active Text { anchors { verticalCenter: parent.verticalCenter horizontalCenter: parent.horizontalCenter } font.pixelSize: 20 text: qsTr("Réseaux connus") color: couleur_blanc_casse } MouseArea { anchors.fill: parent onClicked: { shipheart_clic(); stackView.push("config_reseau_wifi_sta_liste.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() } } } } //------------------------------------------------------- // Boite de validation : // NB : il est important que ce composant soit directement // rattaché à la page pour qu'elle s'affiche en plein écran. //------------------------------------------------------- Shipheart_boite_dialogue { id: boite_validation boutonAnnuler: true onClicked: { switch(bouton) { case shipheart_boite_dialogue_bouton_1: break; case shipheart_boite_dialogue_bouton_2: break; default: } } } // 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 nom_champ, valeur_champ; var commande_sta; var commande_ap; var mode; var ap_canal; stackview_niveau_page = stackView.depth; //------------------------------------------------------------------------------- // Mode STA //------------------------------------------------------------------------------- //--------------------------------------------------------------------------------------- // Bssid_sta: req = 'SELECT Valeur FROM TB_Configuration WHERE Nom="BSSID_Wifi_sta" '; res = bdd.requete_unique(req); bssid = res[0]; //--------------------------------------------------------------------------------------- // Commande_sta: req = 'SELECT Valeur FROM TB_Configuration WHERE Nom="Wifi_sta_cde" '; res = bdd.requete_unique(req); commande_sta = Number(res[0]); champ_formulaire_Sta_commande.model.clear(); champ_formulaire_Sta_commande.model.append({"valeur": 0, "texte": qsTr("Off") }); champ_formulaire_Sta_commande.model.append({"valeur": 1, "texte": qsTr("On") }); // Positionnement de l'index sur la valeur en cours : i = recherche_index_valeur_modele(commande_sta, champ_formulaire_Sta_commande.model, "commande_sta"); if (i === -1) champ_formulaire_Sta_commande.currentIndex = recherche_index_valeur_modele(1, champ_formulaire_Sta_commande.model, "commande_sta"); else champ_formulaire_Sta_commande.currentIndex = i; mise_a_jour(); flag_init = false; // Indique que l'init est terminée } //============================================================================================================= // Mise à jour //============================================================================================================= function mise_a_jour() { var req, res; var nb; var i; var index_en_cours; //--------------------------------------------------------------------------------------- // Wifi STA Up : req = 'SELECT Valeur FROM TB_Configuration WHERE Nom="Wifi_sta_cde" '; res = bdd.requete_unique(req); flag_wifi_sta_up = (Number(res[0]) !== 0); //--------------------------------------------------------------------------------------- // Sta_liste_ssid : index_en_cours = 0; champ_formulaire_Sta_liste_ssid.model.clear(); champ_formulaire_Sta_liste_ssid.model.append({ "texte": qsTr("Aucun réseau..."), "bssid": "", "nom_ssid": "", "psk": "", "canal_ssid": 0, "qualite_ssid": 0, "connu": false }); req = 'SELECT Bssid, Presence, Nom, Psk, Canal, Qualite, Connu FROM TB_Wifi_sta ORDER BY Qualite DESC '; //console.log("req = [ " + req + " ;]"); nb = bdd.requete(req); for (i = 0; i < nb; i ++) { res = bdd.lecture_ligne(); if (!res.isEmpty) { if (bssid === res[0]) { index_en_cours = champ_formulaire_Sta_liste_ssid.model.count; if (flag_init) champ_formulaire_Sta_psk.text = res[3]; // On précharge le Psk à l'init (ensuite, c'est uniquement si changement de BSSID) } else if (Number(res[1]) === 0) continue; // Si le réseau n'est pas présent et n'est pas celui en cours, on ne le présente pas champ_formulaire_Sta_liste_ssid.model.append({ "texte": "
" + res[2] + "
" + res[0] + "" + ((Number(res[4]) < 20) ? "2.4GHz" : "5GHz") + " - Channel " + res[4] + "[" + Number(res[5]) + " %]
", "bssid": res[0], "nom_ssid": res[2], "psk": res[3], "canal_ssid": Number(res[4]), "qualite_ssid": Number(res[5]), "connu": (Number(res[6]) === 1)}); } else break; // Ne devrait pas arriver.... } //console.log("index en cours = " + index_en_cours); champ_formulaire_Sta_liste_ssid.currentIndex = index_en_cours; flag_pwd_visible = champ_formulaire_Sta_liste_ssid.model.get(index_en_cours).connu; } //============================================================================================================= // Check des valeurs saisies // Retourne une chaine vide si Ok, le message d'erreur si NOK //============================================================================================================= function check_saisie() { if (champ_formulaire_Sta_commande.model.get(champ_formulaire_Sta_commande.currentIndex).valeur > 0) { // NOTE : la mise en commentaires ci-dessosu vient du fait qu'il y a peu d'intérêt à verrouiller le contenu et la taille du SSID comme du PSK. // L'idée est en effet que l'on s'adapte à des réseaux existants donc, si les valeurs entrées leur conviennent, à nous aussi... /* var liste_caracteres_autorisés_ssid_sta = "-. "; // En plus des chiffres et des lettres majuscules et minuscules var regex_ssid_sta = new RegExp("(^[0-9A-Za-z" + liste_caracteres_autorisés_ssid_sta + "]+$)"); var liste_caracteres_autorisés_pwd_sta = "-_./="; // En plus des chiffres et des lettres majuscules et minuscules var regex_pwd_sta = new RegExp("(^[0-9A-Za-z" + liste_caracteres_autorisés_pwd_sta + "]+$)"); if ((champ_formulaire_Sta_liste_ssid.model.get(champ_formulaire_Sta_liste_ssid.currentIndex).nom_ssid.length < 1) || (champ_formulaire_Sta_liste_ssid.model.get(champ_formulaire_Sta_liste_ssid.currentIndex).nom_ssid.length > 32)) return(qsTr("Le nom du réseau (SSID) doit comprendre entre 1 et 32 caractères.
Merci d'entrer un nom valide.")); if ((champ_formulaire_Sta_psk.text.length < 8) || (champ_formulaire_Sta_psk.text.length > 63)) return(qsTr("Le mot de passe d'accès au réseau doit comprendre entre 8 et 63 caractères.
Merci d'entrer un mot de passe valide.")); if (! regex_ssid_sta.test(champ_formulaire_Sta_liste_ssid.model.get(champ_formulaire_Sta_liste_ssid.currentIndex).nom_ssid)) // S'il y a autre chose que le regex { return(qsTr("Le nom du réseau (SSID) doit comprendre uniquement :
- des lettres majuscules [A - Z],
- des lettres minuscules [a - z],
- des chiffres [0 - 9]
- les caractères spéciaux [%1].

Merci d'entrer un nom valide.").arg(liste_caracteres_autorisés_ssid_sta)); } if (! regex_pwd_sta.test(champ_formulaire_Sta_psk.text)) // S'il y a autre chose que le regex { return(qsTr("Le mot de passe d'accès au réseau doit comprendre uniquement :
- des lettres majuscules [A - Z],
- des lettres minuscules [a - z],
- des chiffres [0 - 9]
- les caractères spéciaux [%1].

Merci d'entrer un nom valide.").arg(liste_caracteres_autorisés_pwd_sta)); } */ } return(""); } //============================================================================================================= // Mise à jour des valeurs saisies //============================================================================================================= function enregistrement() { var req; // Mise à jour dans TB_Configuration : req = 'UPDATE TB_Configuration SET Valeur="' + champ_formulaire_Sta_commande.model.get(champ_formulaire_Sta_commande.currentIndex).valeur + '" WHERE Nom="Wifi_sta_cde" '; bdd.requete_unique(req); req = 'UPDATE TB_Configuration SET Valeur="' + champ_formulaire_Sta_liste_ssid.model.get(champ_formulaire_Sta_liste_ssid.currentIndex).bssid + '" WHERE Nom="BSSID_Wifi_sta" '; bdd.requete_unique(req); // Mise à jour des données du réseau choisit dans TB_Wifi_sta (si le BSSID est autre que AUCUN) : if (champ_formulaire_Sta_liste_ssid.model.get(champ_formulaire_Sta_liste_ssid.currentIndex).bssid !== "") { req = 'UPDATE TB_Wifi_sta SET '; req += ' Psk="' + champ_formulaire_Sta_psk.text + '", '; req += ' Connu=1 '; req += ' WHERE Bssid="' + bssid + '" '; console.log("req = [ " + req + " ;]"); bdd.requete_unique(req); } // Demande de rechargement de la config du Wifi : req = 'UPDATE TB_Configuration SET Valeur=1 WHERE Nom="Wifi_new_config" '; bdd.requete_unique(req); } //============================================================================================================= // Demande de scan de Wifi STA //============================================================================================================= function demande_de_scan() { var req; // Demande de scan : req = 'UPDATE TB_Configuration SET Valeur=2 WHERE Nom="Wifi_new_config" '; 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