Files
shipheart-qt/config_reseau_ethernet_wifi.qml

510 lines
22 KiB
QML

//========================================================================================================================================================================
// 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<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);
}
}