/*
 * Copyright (C) 2016 The Qt Company Ltd.
 * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
 * Copyright (c) 2018 TOYOTA MOTOR CORPORATION
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import QtQuick 2.6
import QtQuick.Layouts 1.1
import QtQuick.Controls 2.0
import AppModel 1.0

ApplicationWindow {
    width: container.width * container.scale
    height: container.height * container.scale

    property int pid: -1

    Item {
        id: container
        anchors.centerIn: parent
        width: 1080
        height: 1488
        scale: screenInfo.scale_factor()

        Image {
          anchors.centerIn: parent
          source: './images/AGL_HMI_Blue_Background_Car-01.png'
        }

    GridView {
        id: grid
        anchors {
          topMargin: 60; bottomMargin: 0 
          leftMargin: 60; rightMargin: 60
          fill: parent
        }
        contentHeight: 320
        flickableDirection: Flickable.AutoFlickDirection
        snapMode: GridView.SnapOneRow
        visible: true
        cellWidth: 320
        cellHeight: 320
        interactive: true
        boundsBehavior: Flickable.StopAtBounds

        model: ApplicationModel { id: applicationModel }
        delegate: IconItem {
            width: grid.cellWidth
            height: grid.cellHeight
        }

        onFlickStarted: {
            console.warn("grid:onFlickStarted, status=", grid.flicking)
        }

        onFlickEnded: {
            console.warn("grid:onFlickEnded, status=", grid.flicking)
        }



        MouseArea {
            id: loc
            anchors.fill: parent
            property string currentId: ''
            property int newIndex: -1
            property int r_mouseX: loc.mouseX + grid.contentX
            property int r_mouseY: loc.mouseY + grid.contentY
            property bool flicking: grid.flicking
            property int index: grid.indexAt(r_mouseX, r_mouseY)
//            x: 62
//            y: 264
//            propagateComposedEvents: true
            onPressAndHold: {
                currentId = applicationModel.id(newIndex = index)
                grid.interactive = false
                console.warn("onPressAndHold:currentId = ", currentId, loc.mouseX, loc.mouseY, loc.index)
                console.warn("onPressAndHold:r_mouseX = ", r_mouseX, "r_mouseY = ", r_mouseX, "contentY = ", grid.contentY)
                for(var it in loc.children)
                    console.warn("itx=", loc.children[it].x, "ity=", loc.children[it].y, '\n')
            }
            onReleased: {
                console.warn("onReleased:currentId = ", currentId, loc.mouseX, loc.mouseY, loc.index)
                grid.interactive = true
                if(loc.index < 0) {
                    return
                }

                if (currentId === '') {
                    pid = launcher.launch(applicationModel.id(loc.index))
                    if (1 < pid) {
                        homescreenHandler.tapShortcut(applicationModel.name(loc.index))
                    }
                    else {
                        console.warn("app cannot be launched!")
                    }
                } else {
                    currentId = ''
                }
//                homescreenHandler.tapShortcut(applicationModel.name(loc.index))
            }
            onPositionChanged: {
                if (loc.currentId === '') {
                    console.warn("mouse.accepted = false")
//                    mouse.accepted = false
                    return
                }
                else {
                    console.warn("mouse.accepted = true")
//                    mouse.accepted = true
                }

                if (index < 0) return
                if (index === newIndex) return
                    applicationModel.move(newIndex, newIndex = index)
            }

//            onClicked: {
//                console.warn("CLICKED ON")
//            }
        }
    }
}
}