overte/interface/resources/qml/dialogs/TabletCustomQueryDialog.qml

//
//  TabletCustomQueryDialog.qml
//
//  Created by Vlad Stelmahovsky on 3/27/17
//  Copyright 2017 High Fidelity, Inc.
//
//  Distributed under the Apache License, Version 2.0.
//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//

import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Dialogs 1.2 as OriginalDialogs

import "../controls-uit" as ControlsUIT
import "../styles-uit"
import "../windows"

TabletModalWindow {
    id: root;
    HifiConstants { id: hifi; }

    y: hifi.dimensions.tabletMenuHeader

    title: ""
    visible: true;
    property bool keyboardOverride: true

    signal selected(var result);
    signal canceled();

    property int icon: hifi.icons.none;
    property string iconText: "";
    property int iconSize: 35;
    onIconChanged: updateIcon();

    property var textInput;
    property var comboBox;
    property var checkBox;
    onTextInputChanged: {
        if (textInput && textInput.text !== undefined) {
            textField.text = textInput.text;
        }
    }
    onComboBoxChanged: {
        if (comboBox && comboBox.index !== undefined) {
            comboBoxField.currentIndex = comboBox.index;
        }
    }
    onCheckBoxChanged: {
        if (checkBox && checkBox.checked !== undefined) {
            checkBoxField.checked = checkBox.checked;
        }
    }

    property bool keyboardEnabled: false
    property bool keyboardRaised: false
    property bool punctuationMode: false
    onKeyboardRaisedChanged: d.resize();

    property var warning: "";
    property var result;

    property var implicitCheckState: null;

    property int titleWidth: 0;
    onTitleWidthChanged: d.resize();

    MouseArea {
        width: parent.width
        height: parent.height
    }

    function updateIcon() {
        if (!root) {
            return;
        }
        iconText = hifi.glyphForIcon(root.icon);
    }

    function updateCheckbox() {
        if (checkBox.disableForItems) {
            var currentItemInDisableList = false;
            for (var i in checkBox.disableForItems) {
                if (comboBoxField.currentIndex === checkBox.disableForItems[i]) {
                    currentItemInDisableList = true;
                    break;
                }
            }

            if (currentItemInDisableList) {
                checkBoxField.enabled = false;
                if (checkBox.checkStateOnDisable !== null && checkBox.checkStateOnDisable !== undefined) {
                    root.implicitCheckState = checkBoxField.checked;
                    checkBoxField.checked = checkBox.checkStateOnDisable;
                }
                root.warning = checkBox.warningOnDisable;
            } else {
                checkBoxField.enabled = true;
                if (root.implicitCheckState !== null) {
                    checkBoxField.checked = root.implicitCheckState;
                    root.implicitCheckState = null;
                }
                root.warning = "";
            }
        }
    }

    TabletModalFrame {
        id: modalWindowItem
        width: parent.width - 12
        height: 240
        anchors {
            verticalCenter: parent.verticalCenter
            horizontalCenter: parent.horizontalCenter
        }

        QtObject {
            id: d;
            readonly property int minWidth: 470
            readonly property int maxWidth: 470
            readonly property int minHeight: 240
            readonly property int maxHeight: 720

            function resize() {
                var targetWidth = Math.max(titleWidth, 470);
                var targetHeight = (textField.visible ? textField.controlHeight + hifi.dimensions.contentSpacing.y : 0) +
                        (extraInputs.visible ? extraInputs.height + hifi.dimensions.contentSpacing.y : 0) +
                        (buttons.height + 3 * hifi.dimensions.contentSpacing.y) +
                        ((keyboardEnabled && keyboardRaised) ? (keyboard.raisedHeight + hifi.dimensions.contentSpacing.y) : 0);

                root.width = (targetWidth < d.minWidth) ? d.minWidth : ((targetWidth > d.maxWdith) ? d.maxWidth : targetWidth);
                root.height = (targetHeight < d.minHeight) ? d.minHeight : ((targetHeight > d.maxHeight) ?
                                                                                d.maxHeight : targetHeight);
                if (checkBoxField.visible && comboBoxField.visible) {
                    checkBoxField.width = extraInputs.width / 2;
                    comboBoxField.width = extraInputs.width / 2;
                } else if (!checkBoxField.visible && comboBoxField.visible) {
                    comboBoxField.width = extraInputs.width;
                }
            }
        }
//        Item {
//            anchors {
//                //                top: parent.top;
//                //                bottom: extraInputs.visible ? extraInputs.top : buttons.top;
//                left: parent.left;
//                right: parent.right;
//                topMargin: 20
//            }

            // FIXME make a text field type that can be bound to a history for autocompletion
            ControlsUIT.TextField {
                id: textField;
                label: root.textInput.label;
                focus: root.textInput ? true : false;
                visible: root.textInput ? true : false;
                anchors {
                    top: parent.top
                    left: parent.left;
                    right: parent.right;
                    leftMargin: 5; rightMargin: 5;
                    topMargin: textField.controlHeight - textField.height + 5
                }
            }

            ControlsUIT.Keyboard {
                id: keyboard
                raised: keyboardEnabled && keyboardRaised
                numeric: punctuationMode
                anchors {
                    left: parent.left
                    right: parent.right
                    leftMargin: 5; rightMargin: 5;
                    top: textField.bottom
                    topMargin: raised ? hifi.dimensions.contentSpacing.y : 0
                }
            }
            //        }

            Row {
                id: extraInputs;
                visible: Boolean(root.checkBox || root.comboBox);
                anchors {
                    left: parent.left;
                    right: parent.right;
                    leftMargin: 5; rightMargin: 5;
                    top: keyboard.bottom;
                    topMargin: hifi.dimensions.contentSpacing.y + 20;
                }
                height: comboBoxField.controlHeight;
                onHeightChanged: d.resize();
                onWidthChanged: d.resize();

                ControlsUIT.CheckBox {
                    id: checkBoxField;
                    text: root.checkBox.label;
                    focus: Boolean(root.checkBox);
                    visible: Boolean(root.checkBox);
                    //                anchors {
                    //                    left: parent.left;
                    //                    bottom: parent.bottom;
                    //                    leftMargin: 6;  // Magic number to align with warning icon
                    //                    bottomMargin: 6;
                    //                }
                }

                ControlsUIT.TabletComboBox {
                    id: comboBoxField;
                    label: root.comboBox.label;
                    focus: Boolean(root.comboBox);
                    visible: Boolean(root.comboBox);
                    //                anchors {
                    //                    right: parent.right;
                    //                    bottom: parent.bottom;
                    //                }
                    model: root.comboBox ? root.comboBox.items : [];
                    onAccepted: {
                        updateCheckbox();
                        focus = true;
                    }
                }
            }

            Row {
                id: buttons;
                focus: true;
                spacing: hifi.dimensions.contentSpacing.x;
                layoutDirection: Qt.RightToLeft;
                onHeightChanged: d.resize();
                onWidthChanged: {
                    d.resize();
                    resizeWarningText();
                }

                anchors {
                    bottom: parent.bottom;
                    left: parent.left;
                    right: parent.right;
                    bottomMargin: hifi.dimensions.contentSpacing.y;
                    leftMargin: 5; rightMargin: 5;
                }

                function resizeWarningText() {
                    var rowWidth = buttons.width;
                    var buttonsWidth = acceptButton.width + cancelButton.width + hifi.dimensions.contentSpacing.x * 2;
                    var warningIconWidth = warningIcon.width + hifi.dimensions.contentSpacing.x;
                    warningText.width = rowWidth - buttonsWidth - warningIconWidth;
                }

                ControlsUIT.Button {
                    id: cancelButton;
                    action: cancelAction;
                }

                ControlsUIT.Button {
                    id: acceptButton;
                    action: acceptAction;
                }

                Text {
                    id: warningText;
                    visible: Boolean(root.warning);
                    text: root.warning;
                    wrapMode: Text.WordWrap;
                    font.italic: true;
                    maximumLineCount: 2;
                }

                HiFiGlyphs {
                    id: warningIcon;
                    visible: Boolean(root.warning);
                    text: hifi.glyphs.alert;
                    size: hifi.dimensions.controlLineHeight;
                }
            }
//        }//column
        Action {
            id: cancelAction;
            text: qsTr("Cancel");
            shortcut: Qt.Key_Escape;
            onTriggered: {
                root.result = null;
                root.canceled();
                root.destroy();
            }
        }

        Action {
            id: acceptAction;
            text: qsTr("Add");
            shortcut: Qt.Key_Return;
            onTriggered: {
                var result = {};
                if (textInput) {
                    result.textInput = textField.text;
                }
                if (comboBox) {
                    result.comboBox = comboBoxField.currentIndex;
                    result.comboBoxText = comboBoxField.currentText;
                }
                if (checkBox) {
                    result.checkBox = checkBoxField.enabled ? checkBoxField.checked : null;
                }
                root.result = JSON.stringify(result);
                root.selected(root.result);
                root.destroy();
            }
        }
    }

    Keys.onPressed: {
        if (!visible) {
            return;
        }

        switch (event.key) {
        case Qt.Key_Escape:
        case Qt.Key_Back:
            cancelAction.trigger();
            event.accepted = true;
            break;

        case Qt.Key_Return:
        case Qt.Key_Enter:
            acceptAction.trigger();
            event.accepted = true;
            break;
        }
    }

    Component.onCompleted: {
        keyboardEnabled = HMD.active;
        updateIcon();
        updateCheckbox();
        d.resize();
        textField.forceActiveFocus();
    }
}