MainPage.qml

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.1
import QtQml.Models 2.2

import iproapps.besttodolist 1.0

MainPageForm {
    toolButton.onClicked: {
        newTaskInputRowId.visible = true;
        toDoTextField.enabled = true;
        toolButton.visible = false;
        toDoTextField.forceActiveFocus();
    }

    TaskListDelegateModel {
        id: delegateModelId
        visualModel.model: backend.newTaskModel
        listView: parent.listView
    }

    listView.model: delegateModelId.visualModel
    listView.spacing: 4

    createTaskButtonId.onClicked: {
        var textValue = toDoTextField.text.trim();
        if (textValue === "")
            return;

        toDoTextField.enabled = false;
        toDoTextField.text = "";
        newTaskInputRowId.visible = false;
        toolButton.visible = true;

        Qt.inputMethod.hide()
        backend.newTask(textValue, colorPickerId.selectedColor);
        listView.positionViewAtBeginning()
    }
}