feat(src/components/codecs/CodecsModel): in progress

linphone-desktop/ui/modules/Linphone/Codecs/CodecsViewer.qml

+import QtQml.Models 2.2
 import QtQuick 2.7
 import QtQuick.Layouts 1.3
 
@@ -7,7 +8,7 @@ import Linphone.Styles 1.0
 // =============================================================================
 
 Column {
-  property alias model: view.model
+  property alias model: visualModel.model
 
   // ---------------------------------------------------------------------------
   // Header.
@@ -72,14 +73,40 @@ Column {
 
     height: count * CodecsViewerStyle.attribute.height
 
-    delegate: Rectangle {
-      color: 'transparent'
+    model: DelegateModel {
+      id: visualModel
+
+      delegate: MouseArea {
+        id: dragArea
+
+        property bool held: false
+
+        anchors {
+          left: parent.left
+          right: parent.right
+        }
+
+        drag {
+          axis: Drag.YAxis
+          target: held ? content : undefined
+        }
 
         height: CodecsViewerStyle.attribute.height
-      width: parent.width
+
+        onPressAndHold: held = true
+        onReleased: held = false
 
         RowLayout {
-        anchors.fill: parent
+          id: content
+
+          Drag.active: dragArea.held
+          Drag.source: dragArea
+          Drag.hotSpot.x: width / 2
+          Drag.hotSpot.y: height / 2
+
+          height: dragArea.height
+          width: dragArea.width
+
           spacing: CodecsViewerStyle.column.spacing
 
           CodecAttribute {
@@ -114,10 +141,16 @@ Column {
           }
         }
 
-      MouseArea {
-        id: mouseArea
-
+        DropArea {
           anchors.fill: parent
+
+          onEntered: {
+            visualModel.items.move(
+              drag.source.DelegateModel.itemsIndex,
+              dragArea.DelegateModel.itemsIndex
+            )
+          }
+        }
       }
     }
   }