//========================================================================================================================================================================
//  CONFIG_RESEAU_ONE_WIRE_MODIFICATION.QML
//  Ce fichier traite la configuration d'un device OW
//  La page est appelée depuis la page config_reseau_one_wire.qml, en cliquant sur un device
//========================================================================================================================================================================
import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQml.Models

import qt.koriolan.shipheart 1.0



Shipheart_page {
    id: page_config_reseau_one_wire_modification


    // 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: 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 string rom_code;

    // 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("Configuration de la sonde [%1]").arg(rom_code); 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 : Emplacement
                Rectangle {
                    width: (shipheart_largeur_page * pourcentage_largeur_colonne_gauche) - (espace_colonnes_principales / 2)
                    implicitHeight: champ_formulaire_Emplacement.implicitHeight
                    color: "transparent"

                    Shipheart_formulaire_label {
                        text: qsTr("Emplacement de la sonde")
                        width: parent.width * pourcentage_largeur_labels_formulaire
                    }

                    Shipheart_formulaire_textarea {
                        id: champ_formulaire_Emplacement
                        width: parent.width * (1 - pourcentage_largeur_labels_formulaire)
                        horizontalAlignment: Text.AlignJustify
                        wrapMode: Label.Wrap
                    }
                }

                //-------------------------------------------------------------------------------
                // 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();
                        mise_a_jour();
                        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 nb;
        var i;

//console.log("Rom_code = " + rom_code)

        //---------------------------------------------------------------------------------------
        //  Emplacement :
        req = 'SELECT Emplacement FROM TB_One_wire WHERE Rom_code="' + rom_code + '" ';
//console.log("Requête = [ " + req + "; ]")
        res = bdd.requete_unique(req);

        champ_formulaire_Emplacement.text = res[0];

    }


    //=============================================================================================================
    // Mise à jour des valeurs saisies
    //=============================================================================================================
    function mise_a_jour()
    {
        var req;
        var val;
        var texte_emplacement;
        var texte_commentaires;

        texte_emplacement = champ_formulaire_Emplacement.text.replace(/\"/g, "\\\"");
//console.log("Emplacement = [" + champ_formulaire_Emplacement.text + "] et texte modifié = [" + texte_emplacement + "]")

        req = 'UPDATE TB_One_wire SET Emplacement="' + texte_emplacement + '" WHERE Rom_code="' + rom_code + '" ';
//console.log("Requête = [ " + req + "; ]")
        bdd.requete_unique(req);

      }


}