[qml] AttributeItemDelegate: Handle keyable attribute cases

- display value or default value at current viewId for keyable attribute.
- allows to set/update current viewId value for keyable attribute.
- new add/remove key button for keyable attribute.

Author: gregoire-dl

meshroom/ui/qml/GraphEditor/AttributeItemDelegate.qml

@@ -149,15 +149,15 @@ RowLayout {
                         }
                         MenuItem {
                             text: "Copy"
-                            enabled: attribute.value != ""
+                            enabled: !attribute.keyable && attribute.value != ""
                             onTriggered: {
                                 Clipboard.clear()
                                 Clipboard.setText(attribute.value)
                             }
                         }
                         MenuItem {
                             text: "Paste"
-                            enabled: Clipboard.getText() != "" && root.editable
+                            enabled: Clipboard.getText() != "" && !attribute.keyable && root.editable
                             onTriggered: {
                                 _reconstruction.setAttribute(attribute, Clipboard.getText())
                             }
@@ -259,7 +259,10 @@ RowLayout {
         switch (attribute.type) {
             case "IntParam":
             case "FloatParam":
-                _reconstruction.setAttribute(root.attribute, Number(value))
+                if(attribute.keyable)
+                    _reconstruction.addAttributeKeyValue(root.attribute, _reconstruction.selectedViewId, Number(value))
+                else
+                    _reconstruction.setAttribute(root.attribute, Number(value))
                 updateAttributeLabel()
                 break
             case "File":
@@ -273,11 +276,12 @@ RowLayout {
     }
 
     Loader {
+        id: attributeLoader
         Layout.fillWidth: true
 
         sourceComponent: {
             // PushButtonParam always has value == undefined, so it needs to be excluded from this check
-            if (attribute.type != "PushButtonParam" && attribute.value === undefined) {
+            if (attribute.type != "PushButtonParam" && !attribute.keyable && attribute.value === undefined) {
                 return notComputedComponent
             }
             switch (attribute.type) {
@@ -617,7 +621,9 @@ RowLayout {
                     Layout.fillWidth: !slider.active
                     enabled: root.editable
                     // Cast value to string to avoid intrusive scientific notations on numbers
-                    property string displayValue: String(slider.active && slider.item.pressed ? slider.item.formattedValue : attribute.value)
+                    property string displayValue: String(slider.active && slider.item.pressed ? slider.item.formattedValue : 
+                                                        attribute.keyable ? attribute.keyValues.getValueAtKeyOrDefault(_reconstruction.selectedViewId) : 
+                                                        attribute.value)
                     text: displayValue
                     selectByMouse: true
                     // Note: Use autoScroll as a workaround for alignment
@@ -652,15 +658,18 @@ RowLayout {
                         readonly property int stepDecimalCount: stepSize <  1 ? String(stepSize).split(".").pop().length : 0
                         readonly property real formattedValue: value.toFixed(stepDecimalCount)
                         enabled: root.editable
-                        value: attribute.value
+                        value: attribute.keyable ? attribute.keyValues.getValueAtKeyOrDefault(_reconstruction.selectedViewId) : attribute.value
                         from: attribute.desc.range[0]
                         to: attribute.desc.range[1]
                         stepSize: attribute.desc.range[2]
                         snapMode: Slider.SnapAlways
 
                         onPressedChanged: {
                             if (!pressed) {
-                                _reconstruction.setAttribute(attribute, formattedValue)
+                                if(attribute.keyable)
+                                    _reconstruction.addAttributeKeyValue(attribute, _reconstruction.selectedViewId, formattedValue)
+                                else
+                                    _reconstruction.setAttribute(attribute, formattedValue)
                                 updateAttributeLabel()
                             }
                         }
@@ -674,8 +683,18 @@ RowLayout {
             Row {
                 CheckBox {
                     enabled: root.editable
-                    checked: attribute.value
-                    onToggled: _reconstruction.setAttribute(attribute, !attribute.value)
+                    checked: attribute.keyable ? attribute.keyValues.getValueAtKeyOrDefault(_reconstruction.selectedViewId) : attribute.value
+                    onToggled: {
+                        if(attribute.keyable) 
+                        {
+                            const value = attribute.keyValues.getValueAtKeyOrDefault(_reconstruction.selectedViewId)
+                            _reconstruction.addAttributeKeyValue(attribute, _reconstruction.selectedViewId, !value)
+                        }
+                        else 
+                        {
+                            _reconstruction.setAttribute(attribute, !attribute.value)
+                        }
+                    }
                 }
             }
         }
@@ -831,4 +850,23 @@ RowLayout {
             }
         }
     }
+
+    // Add or remove key button for keyable attribute
+    Loader {
+        active: attribute.keyable
+        sourceComponent: MaterialToolButton {
+            font.pointSize: 5
+            padding: 6
+            text: MaterialIcons.circle
+            checkable: true
+            checked: attribute.keyable && attribute.keyValues.hasKey(_reconstruction.selectedViewId)
+            enabled: root.editable
+            onClicked: {
+                if (attribute.keyValues.hasKey(_reconstruction.selectedViewId))
+                    _reconstruction.removeAttributeKey(attribute, _reconstruction.selectedViewId)
+                else
+                    _reconstruction.addAttributeKeyDefaultValue(attribute, _reconstruction.selectedViewId)
+            }
+        }
+    }
 }