import QtQuick 2.12
import QtQuick.Controls 2.12
Popup {
id: boite_dialogue_action_circuit
// Propriétés fixes :
readonly property double pourcentage_largeur_page_popup: 0.8
readonly property double pourcentage_hauteur_page_popup: 0.7
readonly property int padding_popup: 20
readonly property double pourcentage_boite_dialogue_titre: 0.3
readonly property double pourcentage_boite_dialogue_message: 1 - pourcentage_boite_dialogue_titre - pourcentage_boite_dialogue_ligne_boutons
readonly property double pourcentage_boite_dialogue_ligne_boutons: 0.3
readonly property int bouton_largeur: 200
readonly property int largeur_grand_bouton_action: (largeur_petit_bouton_action * 2) + espace_boutons
readonly property int largeur_petit_bouton_action: 140
readonly property int espace_boutons: 5
// Propriétés :
property string nom_circuit: ""
property int action_en_cours: -2
property int mode_cde: 0
// Propriétés alias :
property alias boutonAnnuler: bouton_annuler.visible
property alias boutonAnnulerTexte: bouton_annuler_label.text
// Signaux :
signal clicked(int bouton, int action) // Valeur à lire lorsque le "OnClicked' est activé
x: (shipheart_largeur_page * (1 - pourcentage_largeur_page_popup)) / 2;
y: (shipheart_hauteur_page * (1 - pourcentage_hauteur_page_popup)) / 2;
width: shipheart_largeur_page * pourcentage_largeur_page_popup;
height: shipheart_hauteur_page * pourcentage_hauteur_page_popup;
padding: padding_popup
modal: true
// focus: true // SDIR # 224 : Il ne faut PAS activer le focus. Sinon, à la fermeture, le focus précédent est réactivé (comme le dernier TextField par exemple)
closePolicy: Popup.NoAutoClose //Popup.CloseOnPressOutside
background: Rectangle {
color: shipheart_couleur_fond_boite_dialogue_niveau_0
radius: 20
}
Column {
id: affichage_boite_dialogue
spacing: 20
//=========================================================================
// Titre :
//=========================================================================
Rectangle {
id: titre_boite_dialogue
width: boite_dialogue_action_circuit.width - (2 * padding_popup)
height: (boite_dialogue_action_circuit.height - (2 * padding_popup) - (2 * affichage_boite_dialogue.spacing)) * pourcentage_boite_dialogue_titre
color: "transparent"
Label {
text: nom_circuit
anchors.fill: parent
verticalAlignment: Text.AlignTop
horizontalAlignment: Text.AlignHCenter
topPadding: 20
wrapMode: Text.Wrap
color: couleur_blanc_casse
font.pixelSize:40
font.weight: Font.Bold
}
Label {
text: qsTr("Action à appliquer au circuit lorsque l'évènement se déclenche :")
anchors.fill: parent
verticalAlignment: Text.AlignBottom
horizontalAlignment: Text.AlignHCenter
bottomPadding: 20
wrapMode: Text.Wrap
color: couleur_blanc_casse
font.pixelSize:18
}
}
//=========================================================================
// Choix de l'action :
//=========================================================================
Rectangle {
width: boite_dialogue_action_circuit.width - (2 * padding_popup)
height: (boite_dialogue_action_circuit.height - (2 * padding_popup) - (2 * affichage_boite_dialogue.spacing)) * pourcentage_boite_dialogue_message
color: "transparent"
//------------------------------------
// Ligne des actions générales :
Row {
anchors {
top: parent.top
horizontalCenter: parent.horizontalCenter
}
height: (parent.height / 2) - (spacing / 2)
spacing: espace_boutons
// Bouton Aucune action :
Rectangle {
property int val: -2
width: largeur_grand_bouton_action
height: parent.height
radius: shipheart_rayon_bouton
color: (action_en_cours === val) ? couleur_gris_fonce : couleur_gris_tres_fonce
Label {
anchors.fill: parent
horizontalAlignment: Qt.AlignHCenter
verticalAlignment: Qt.AlignVCenter
text: qsTr("Aucune")
font.pixelSize: 18
color: (action_en_cours === parent.val) ? couleur_green_yellow : couleur_blanc_casse
font.weight: (action_en_cours === parent.val) ? Font.Bold : Font.Normal
}
MouseArea {
anchors.fill: parent
onClicked: {
shipheart_clic();
boite_dialogue_action_circuit.clicked(shipheart_boite_dialogue_bouton_1, parent.val);
}
}
}
// Bouton Bascule :
Rectangle {
property int val: -1
width: largeur_grand_bouton_action
height: parent.height
radius: shipheart_rayon_bouton
color: (action_en_cours === val) ? couleur_gris_fonce : couleur_gris_tres_fonce
Label {
anchors.fill: parent
horizontalAlignment: Qt.AlignHCenter
verticalAlignment: Qt.AlignVCenter
topPadding: -(parent.height * 0.3)
text: qsTr("Le circuit bascule")
font.pixelSize: 18
color: (action_en_cours === parent.val) ? couleur_green_yellow : couleur_blanc_casse
font.weight: (action_en_cours === parent.val) ? Font.Bold : Font.Normal
}
Label { // Complment de texte en dessous du titre de bouton proprement-dit.
anchors.fill: parent
horizontalAlignment: Qt.AlignHCenter
verticalAlignment: Qt.AlignVCenter
topPadding: (parent.height * 0.3)
text: qsTr("[passe à ON s'il est OFF
ou à OFF s'il est ON]")
font.pixelSize: 15
// color: (action_en_cours === parent.val) ? couleur_green_yellow : couleur_gris_pale
color: couleur_gris_pale
}
MouseArea {
anchors.fill: parent
onClicked: {
shipheart_clic();
boite_dialogue_action_circuit.clicked(shipheart_boite_dialogue_bouton_1, parent.val);
}
}
}
}
//------------------------------------
// Ligne des consignes spécifiques :
Row {
anchors {
bottom: parent.bottom
horizontalCenter: parent.horizontalCenter
}
height: (parent.height / 2) - (spacing / 2)
spacing: espace_boutons
// Bouton OFF :
Rectangle {
property int val: 0
width: (mode_cde === shipheart_mode_commande_circuit_soft_variable) ? largeur_petit_bouton_action : largeur_grand_bouton_action
height: parent.height
radius: shipheart_rayon_bouton
color: (action_en_cours === 0) ? couleur_gris_fonce : couleur_gris_tres_fonce
Label {
anchors.fill: parent
horizontalAlignment: Qt.AlignHCenter
verticalAlignment: Qt.AlignVCenter
text: qsTr("OFF")
font.pixelSize: 18
color: (action_en_cours === parent.val) ? couleur_green_yellow : couleur_blanc_casse
font.weight: (action_en_cours === parent.val) ? Font.Bold : Font.Normal
}
MouseArea {
anchors.fill: parent
onClicked: {
shipheart_clic();
boite_dialogue_action_circuit.clicked(shipheart_boite_dialogue_bouton_1, parent.val);
}
}
}
// Bouton 10% :
Rectangle {
property int val: 10
width: largeur_petit_bouton_action
height: parent.height
radius: shipheart_rayon_bouton
color: (action_en_cours === val) ? couleur_gris_fonce : couleur_gris_tres_fonce
visible: (mode_cde === shipheart_mode_commande_circuit_soft_variable)
Label {
anchors.fill: parent
horizontalAlignment: Qt.AlignHCenter
verticalAlignment: Qt.AlignVCenter
text: parent.val + "%"
font.pixelSize: 18
color: (action_en_cours === parent.val) ? couleur_green_yellow : couleur_blanc_casse
font.weight: (action_en_cours === parent.val) ? Font.Bold : Font.Normal
}
MouseArea {
anchors.fill: parent
onClicked: {
shipheart_clic();
boite_dialogue_action_circuit.clicked(shipheart_boite_dialogue_bouton_1, parent.val);
}
}
}
// Bouton 25% :
Rectangle {
property int val: 25
width: largeur_petit_bouton_action
height: parent.height
radius: shipheart_rayon_bouton
color: (action_en_cours === val) ? couleur_gris_fonce : couleur_gris_tres_fonce
visible: (mode_cde === shipheart_mode_commande_circuit_soft_variable)
Label {
anchors.fill: parent
horizontalAlignment: Qt.AlignHCenter
verticalAlignment: Qt.AlignVCenter
text: parent.val + "%"
font.pixelSize: 18
color: (action_en_cours === parent.val) ? couleur_green_yellow : couleur_blanc_casse
font.weight: (action_en_cours === parent.val) ? Font.Bold : Font.Normal
}
MouseArea {
anchors.fill: parent
onClicked: {
shipheart_clic();
boite_dialogue_action_circuit.clicked(shipheart_boite_dialogue_bouton_1, parent.val);
}
}
}
// Bouton 50% :
Rectangle {
property int val: 50
width: largeur_petit_bouton_action
height: parent.height
radius: shipheart_rayon_bouton
color: (action_en_cours === val) ? couleur_gris_fonce : couleur_gris_tres_fonce
visible: (mode_cde === shipheart_mode_commande_circuit_soft_variable)
Label {
anchors.fill: parent
horizontalAlignment: Qt.AlignHCenter
verticalAlignment: Qt.AlignVCenter
text: parent.val + "%"
font.pixelSize: 18
color: (action_en_cours === parent.val) ? couleur_green_yellow : couleur_blanc_casse
font.weight: (action_en_cours === parent.val) ? Font.Bold : Font.Normal
}
MouseArea {
anchors.fill: parent
onClicked: {
shipheart_clic();
boite_dialogue_action_circuit.clicked(shipheart_boite_dialogue_bouton_1, parent.val);
}
}
}
// Bouton 75% :
Rectangle {
property int val: 75
width: largeur_petit_bouton_action
height: parent.height
radius: shipheart_rayon_bouton
color: (action_en_cours === val) ? couleur_gris_fonce : couleur_gris_tres_fonce
visible: (mode_cde === shipheart_mode_commande_circuit_soft_variable)
Label {
anchors.fill: parent
horizontalAlignment: Qt.AlignHCenter
verticalAlignment: Qt.AlignVCenter
text: parent.val + "%"
font.pixelSize: 18
color: (action_en_cours === parent.val) ? couleur_green_yellow : couleur_blanc_casse
font.weight: (action_en_cours === parent.val) ? Font.Bold : Font.Normal
}
MouseArea {
anchors.fill: parent
onClicked: {
shipheart_clic();
boite_dialogue_action_circuit.clicked(shipheart_boite_dialogue_bouton_1, parent.val);
}
}
}
// Bouton ON :
Rectangle {
property int val: 100
width: (mode_cde === shipheart_mode_commande_circuit_soft_variable) ? largeur_petit_bouton_action : largeur_grand_bouton_action
height: parent.height
radius: shipheart_rayon_bouton
color: (action_en_cours === 100) ? couleur_gris_fonce : couleur_gris_tres_fonce
Label {
anchors.fill: parent
horizontalAlignment: Qt.AlignHCenter
verticalAlignment: Qt.AlignVCenter
// text: qsTr("ON") + ((mode_cde === shipheart_mode_commande_circuit_soft_variable) ? "
100%" : "")
text: qsTr("ON")
font.pixelSize: 18
color: (action_en_cours === parent.val) ? couleur_green_yellow : couleur_blanc_casse
font.weight: (action_en_cours === parent.val) ? Font.Bold : Font.Normal
}
MouseArea {
anchors.fill: parent
onClicked: {
shipheart_clic();
boite_dialogue_action_circuit.clicked(shipheart_boite_dialogue_bouton_1, parent.val);
}
}
}
}
}
//=========================================================================
// Boutons :
//=========================================================================
Row {
height: (boite_dialogue_action_circuit.height - (2 * padding_popup) - (2 * affichage_boite_dialogue.spacing)) * pourcentage_boite_dialogue_ligne_boutons
anchors.horizontalCenter: parent.horizontalCenter
spacing: 20
//--------------------------------------------------------------------
// Bouton Annuler :
Rectangle {
id: bouton_annuler
width: bouton_largeur
height: parent.height * 0.5
anchors.verticalCenter: parent.verticalCenter
radius: shipheart_rayon_bouton
color: couleur_gris_tres_fonce
Label {
id: bouton_annuler_label
anchors.centerIn: parent
text: qsTr("Annuler")
color: couleur_blanc_casse
font.pixelSize:20
}
MouseArea {
anchors.fill: parent
onClicked: {
shipheart_clic();
boite_dialogue_action_circuit.clicked(shipheart_boite_dialogue_bouton_2, 0);
}
}
}
}
}
//=============================================================================================================
// Transitions d'ouverture et de fermeture de la boite de dialogue
//=============================================================================================================
enter: Transition {
ParallelAnimation {
NumberAnimation {
property: "opacity"
from: 0.0
to: 1.0
//easing.type: Easing.InElastic
duration: 200
}
NumberAnimation {
property: "scale"
from: 0.0
to: 1.0
// easing.type: Easing.OutBack
duration: 200
}
}
}
exit: Transition {
ParallelAnimation {
NumberAnimation {
property: "opacity"
from: 1.0
to: 0.0
duration: 200
}
NumberAnimation {
property: "scale"
from: 1.0
to: 0.0
duration: 200
}
}
}
}