Make the Name of a ProgrammBlock in the list changeable

ModuleProgramView.qml

@@ -24,12 +24,22 @@ Item{
                 id:listView
                 delegate: ItemDelegate{
                     property var itemData : modelData
+                    property var selected: ListView.isCurrentItem
                     width: parent.width
                     height: 60
-                    text: modelData.name
                     onClicked: {
                         listView.currentIndex = index;
                     }
+
+                    TextInputField{
+                        id:input;
+                        text: modelData.name
+                        anchors.verticalCenter: parent.verticalCenter
+                        anchors.left: parent.left
+                        anchors.leftMargin: 15
+                        onTextChanged: modelData.name = text
+                        color: parent.selected ? "white" : "black"
+                    }
                 }
                 highlight: Rectangle{
                     color: "blue"