ConfigAppearance.qml

/*
    SPDX-FileCopyrightText: 2019 Marco Martin <mart@kde.org>
    SPDX-FileCopyrightText: 2019 David Edmundson <davidedmundson@kde.org>
    SPDX-FileCopyrightText: 2019 Arjen Hiemstra <ahiemstra@heimr.nl>
 
    SPDX-License-Identifier: LGPL-2.0-or-later
*/
 
import QtQuick
import QtQuick.Layouts
import QtQuick.Controls as QQC2
 
import org.kde.kirigami as Kirigami
import org.kde.kquickcontrols
import org.kde.config
import org.kde.newstuff as NewStuff
 
import org.kde.quickcharts as Charts
import org.kde.ksysguard.sensors as Sensors
import org.kde.ksysguard.faces as Faces
 
Kirigami.FormLayout {
    id: root
 
    signal configurationChanged
 
    function saveConfig() {
        controller.title = cfg_title;
        controller.faceId = cfg_chartFace;
        controller.showTitle = cfg_showTitle
        controller.updateRateLimit = cfg_updateRateLimit
 
        var preset = pendingPreset;
        pendingPreset = "";
        if (preset != "") {
            controller.loadPreset(preset);
            root.controller.highPrioritySensorColors = automaticColorSource.colors
        }
    }
 
    property Faces.SensorFaceController controller
    property alias cfg_title: titleField.text
    property alias cfg_showTitle: showTitleCheckbox.checked
    property string cfg_chartFace
    property alias cfg_updateRateLimit: updateRateLimitSpinBox.value
 
    onCfg_titleChanged: configurationChanged();
    onCfg_showTitleChanged: configurationChanged()
    onCfg_chartFaceChanged: configurationChanged();
    onCfg_updateRateLimitChanged: configurationChanged();
 
    // config keys of the selected preset to be applied on save
    property string pendingPreset
 
    Component.onCompleted: {
        cfg_title = controller.title;
        cfg_chartFace = controller.faceId;
        cfg_showTitle = controller.showTitle
        cfg_updateRateLimit = controller.updateRateLimit
    }
 
    Charts.ColorGradientSource {
        id: automaticColorSource
        baseColor: Kirigami.Theme.highlightColor
        itemCount: root.controller.highPrioritySensorIds.length
    }
 
    Kirigami.Dialog {
        id: presetDialog
        modal: true
 
        title: i18nd("KSysGuardSensorFaces", "Load Preset")
 
        ListView {
            implicitWidth: Kirigami.Units.gridUnit * 15
            implicitHeight: Kirigami.Units.gridUnit * 20
            focus: true
            model: controller.availablePresetsModel
            delegate: QQC2.ItemDelegate {
                id: delegate
                width: ListView.view.width
 
                text: model.display
 
                contentItem: RowLayout {
                    spacing: Kirigami.Units.smallSpacing
 
                    property bool truncated: label.truncated
 
                    QQC2.Label {
                        id: label
                        Layout.fillWidth: true
                        elide: Text.ElideRight
                        text: delegate.text
                    }
 
                    QQC2.ToolButton {
                        id: deleteButton
                        text: i18nd("KSysGuardSensorFaces", "Delete this preset")
                        icon.name: "delete"
                        visible: model.writable
                        onClicked: controller.uninstallPreset(model.pluginId);
                        display: QQC2.ToolButton.IconOnly
 
                        QQC2.ToolTip {
                            text: deleteButton.text
                        }
                    }
                }
 
                onClicked: {
                    cfg_title = model.display;
                    pendingPreset = model.pluginId;
                    if (model.config.chartFace) {
                        cfg_chartFace = model.config.chartFace;
                    }
 
                    root.configurationChanged();
                    presetDialog.close();
                }
            }
        }
    }
    RowLayout {
        Kirigami.FormData.label: i18nd("KSysGuardSensorFaces", "Presets:")
 
        QQC2.Button {
            icon.name: "document-open"
            text: i18nd("KSysGuardSensorFaces", "Load Preset...")
            onClicked: presetDialog.open()
        }
 
        NewStuff.Button {
            Accessible.name: i18nd("KSysGuardSensorFaces", "Get new presets...")
            configFile: "systemmonitor-presets.knsrc"
            text: ""
            onEntryEvent: controller.availablePresetsModel.reload();
            QQC2.ToolTip {
                text: parent.Accessible.name
            }
        }
 
        QQC2.Button {
            id: saveButton
            icon.name: "document-save"
            text: i18nd("KSysGuardSensorFaces", "Save Settings As Preset")
            onClicked: controller.savePreset();
        }
    }
 
    Kirigami.Separator {
        Kirigami.FormData.isSection: true
    }
 
    RowLayout {
        Kirigami.FormData.label: i18nd("KSysGuardSensorFaces", "Title:")
        QQC2.TextField {
            id: titleField
        }
        QQC2.CheckBox {
            id: showTitleCheckbox
            text: i18nd("KSysGuardSensorFaces", "Show Title")
        }
    }
 
    RowLayout {
        Kirigami.FormData.label: i18nd("KSysGuardSensorFaces", "Display Style:")
        QQC2.ComboBox {
            id: faceCombo
            model: controller.availableFacesModel
            textRole: "display"
            currentIndex: {
                // TODO just make an indexOf invocable on the model?
                for (var i = 0; i < count; ++i) {
                    if (model.pluginId(i) === cfg_chartFace) {
                        return i;
                    }
                }
                return -1;
            }
            onActivated: {
                cfg_chartFace = model.pluginId(index);
            }
        }
 
        NewStuff.Button {
            text: i18nd("KSysGuardSensorFaces", "Get New Display Styles...")
            configFile: "systemmonitor-faces.knsrc"
            onEntryEvent: controller.availableFacesModel.reload();
        }
    }
 
    QQC2.SpinBox {
        id: updateRateLimitSpinBox
        Layout.preferredWidth: titleField.implicitWidth
 
        Kirigami.FormData.label: i18nd("KSysGuardSensorFaces", "Minimum Time Between Updates:")
 
        from: 0
        to: 600000
        stepSize: 500
        editable: true
 
        textFromValue: function(value, locale) {
            if (value <= 0) {
                return i18nd("KSysGuardSensorFaces", "No Limit");
            } else {
                var seconds = value / 1000;
                if (seconds == 1) { // Manual plural handling because i18ndp doesn't handle floats :(
                    return i18nd("KSysGuardSensorFaces", "1 second");
                } else {
                    return i18nd("KSysGuardSensorFaces", "%1 seconds", seconds);
                }
            }
        }
        valueFromText: function(value, locale) {
            // Don't use fromLocaleString here since it will error out on extra
            // characters like the (potentially translated) seconds that gets
            // added above. Instead parseInt ignores non-numeric characters.
            var v = parseInt(value)
            if (isNaN(v)) {
                return 0;
            } else {
                return v * 1000;
            }
        }
    }
}