import QtQuick 2.3
import QtQuick.Layouts 1.1

Core {
    id: container

    /*
     * Pojedyńcza instancja MapperIO dla wartości liczbowej (np. 0 do 100).
     * Aktualna wartość, nastawialny tryb, nastawialna wartość w trybie manualnym
     */

    /*
     * Property do ustawienia przy tworzeniu
     */

    property string     prop_title: ""                          // nagłówek parametru
    property int        prop_index_output_value : -1            // index parametru output.value
    property int        prop_index_setting_mode : -1            // index parametru setting.mode
    property int        prop_index_setting_manual_value : -1    // index parametru setting.manual.value

    property int        prop_div: 0                             // dzielnik (0 - brak dzielnika)
    property int        prop_unit_format: 1                     // sposób wyświetlania jednostek (jeśli dotyczy): 0 - za wartością w tym samym rozmiarze; 1 - za wartością jako index górny; 2 - za wartością jako index dolny
    property string     prop_unit: "°C"                         // wyświetlana jednostka
    property int        prop_value_change : 1                   // co ile ma być zmieniana wartość
    property int        prop_value_min : 0                      // wartośc minimalna
    property int        prop_value_max : 100                    // wartość maksymalna

    /*
     * Property prywatne pozostałe
     */

    property int        prv_initialized : 0                     // kontrolka została zainicjalizowana
    property int        prv_offset : 8                          //

    Layout.fillWidth: true
    Layout.minimumWidth: 150
    Layout.maximumWidth: 600

    Layout.fillHeight: true
    Layout.minimumHeight: 100
    Layout.maximumHeight: 250

    Layout.alignment: Qt.AlignHCenter

    width: 100
    height: 300

    color: "#00000000"

    Component.onCompleted: {
        if (!prv_initialized) {
            valueChanged.connect(menuChanged);

            prv_initialized = 1;
        }
    }

    Item {
        id: itm_group
        x: 0
        y: 0
        width: parent.width
        height: parent.height

        Rectangle {
            id: rec_background
            x: 0
            y: 10
            width: parent.width
            height: parent.height - y
            color: "lightgray"
            border.color: "gray"
            radius: 5
            opacity: 1

        }

        Item {
            id: itm_title
            x: 20
            y: 0
            width: parent.width - 40
            height: 20

            Rectangle {
                x: 0
                y: 0
                width: parent.width
                height: parent.height
                color: "lightgray"
                border.color: "gray"
                opacity: 1
            }

            Text {
                id: txt_title

                x: 10
                y: 0
                width: parent.width - 20
                height: parent.height

                color: "#6e6e6e"
                text: prop_title
                verticalAlignment: Text.AlignVCenter
                horizontalAlignment: Text.AlignHCenter

                font.family: "Mukti Narrow"
                font.strikeout: false
                font.bold: false
                font.italic: false
                fontSizeMode : Text.Fit
                minimumPixelSize: 10
                font.pixelSize: 0.8 * parent.height

            }

        }

        C_value_view_03 {
            id: param_value
            x: prv_offset
            y: 15 + prv_offset
            width: parent.width - 2 * prv_offset
            height: 100

            prop_title: "Stan"
            prop_index: prop_index_output_value
            prop_p_0 : prop_div + ";" + prop_unit_format + ";" + prop_unit

        }

        C_combo_set_01 {
            id: param_mode
            x: prv_offset
            y: param_value.y + param_value.height + prv_offset
            width: parent.width - 2 * prv_offset
            height: 100

            prop_title: "Tryb"
            prop_index: prop_index_setting_mode
            prop_p_0 : "AUTO|Ręczny;0|1"
        }

        C_value_set_01 {
            id: param_manual_value
            x: prv_offset
            y: param_mode.y + param_mode.height + prv_offset
            width: parent.width - 2 * prv_offset
            height: 100

            prop_title: "Stan w trybie ręcznym"
            prop_index: prop_index_setting_manual_value
            prop_p_0 : prop_div + ";" + prop_value_change + ";" + prop_value_min + ";" + prop_value_max + ";" + prop_unit + ";" + prop_unit_format
        }
    }


}