/*
 * Copyright (c) 2020,2021 Panasonic Corporation
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */

import QtQuick 2.14
import QtGraphicalEffects 1.14

Item{
    id: digitalSpeed
    property real speedValue

    readonly property real digitalSpeedMax: 300
    readonly property real digitalSpeedMin: 0

    onSpeedValueChanged: {
        updateSpeedValue();
        updateSpeedNumPosition();
        updateSpeedNumVisible();
    }

    Connections{
        target: rootItem
        onTransNormalToAdas:{
            normalToAdasAnimation.start()
        }

        onTransAdasToMap:{
            /**/
        }

        onTransMapToNormal:{
            mapToNormalAnimation.start()
        }
    }

    function updateSpeedValue(){
        digitalSpeedParts.speedValue1 = speedValue%10
        digitalSpeedParts.speedValue10 = (speedValue/10)%10
        digitalSpeedParts.speedValue100 = (speedValue/100)%10
    }

    function updateSpeedNumPosition(){
        if((0 <= speedValue) && (speedValue < 10)){
            speedNum1.x = 93
        }else if((10 <= speedValue) && (speedValue < 100)){
            speedNum1.x = 137
            speedNum10.x = 47
        }else if(100 <= speedValue){
            speedNum1.x = 180
            speedNum10.x = 90
        }
    }

    function updateSpeedNumVisible(){
        if((digitalSpeedMin <= speedValue) && (speedValue < 10)){
            speedNum1.visible = true
            speedNum10.visible = false
            speedNum100.visible = false
        }else if((10 <= speedValue) && (speedValue < 100)){
            speedNum1.visible = true
            speedNum10.visible = true
            speedNum100.visible = false
        }else if((100 <= speedValue) && (speedValue <= digitalSpeedMax)){
            speedNum1.visible = true
            speedNum10.visible = true
            speedNum100.visible = true
        }else{
            speedNum1.visible = false
            speedNum10.visible = false
            speedNum100.visible = false
        }
    }

    Item{
        id:digitalSpeedParts
        property int speedValue1
        property int speedValue10
        property int speedValue100

        Image{
            id:ring4
            source: "qrc:/Images/NormalView/METER/ring4.ktx"
            x:762
            y:200
            width:396
            height:395
        }

        Image{
            id:speedUnit
            source: "qrc:/Images/NormalView/SPEED/speed_unit.png"
            x:907
            y:457
            width:97
            height:59
        }

        Item{
            id:speedNum

            x:816
            y:324
            Image{
                id:speedNum1
                source: "qrc:/Images/NormalView/SPEED/speed_num1-" + digitalSpeedParts.speedValue1 + ".png"
                x:93
                width:98
                height:120
                visible: true
            }
            Image{
                id:speedNum10
                source: "qrc:/Images/NormalView/SPEED/speed_num1-" + digitalSpeedParts.speedValue10 + ".png"
                width:98
                height:120
                visible: false
            }
            Image{
                id:speedNum100
                source: "qrc:/Images/NormalView/SPEED/speed_num1-" + digitalSpeedParts.speedValue100 + ".png"
                width:98
                height:120
                visible: false
            }
        }

        SequentialAnimation{
            id: normalToAdasAnimation
            onStarted: rootItem.focus=false
            /* remove background */
            SequentialAnimation{
                NumberAnimation{
                    target: ring4
                    property: "scale"
                    duration: 330
                    easing.type: Easing.Linear
                    from:1.0
                    to:0
                }

                PropertyAnimation{
                    target: ring4
                    property: "visible"
                    duration: 0
                    from:true
                    to:false
                }
            }

            ParallelAnimation{
                /* scaling */
                NumberAnimation {
                    target: speedNum
                    property: "scale"
                    duration: 891
                    easing.type: meterParts.easing
                    from:1
                    to:0.725
                }

                /* translation */
                PathAnimation{
                    target: speedNum
                    orientation: PathAnimation.Fixed
                    duration: 891
                    easing.type: meterParts.easing

                    path: Path {
                        startX: 816; startY: 324
                        PathLine { x: 860; y: 41 }
                    }
                }

                /* scaling */
                NumberAnimation {
                    target: speedUnit
                    property: "scale"
                    duration: 891
                    easing.type: meterParts.easing
                    from:1
                    to:0.73
                }

                /* slide */
                PathAnimation{
                    target: speedUnit
                    orientation: PathAnimation.Fixed
                    duration: 891
                    easing.type: meterParts.easing

                    path: Path {
                        startX: 907; startY: 457
                        PathLine { x: 914; y: 128 }
                    }
                }
            }

        }


        SequentialAnimation{
            id: mapToNormalAnimation
            onStarted: rootItem.focus=false
            onStopped: rootItem.focus=true
            PauseAnimation {
                duration: 254
            }

            PauseAnimation {
                duration: 330
            }

            ParallelAnimation{
                /* scaling */
                NumberAnimation {
                    target: speedNum
                    property: "scale"
                    duration: 891
                    easing.type: meterParts.easing
                    from:0.725
                    to:1.00
                }

                /* translation */
                PathAnimation{
                    target: speedNum
                    duration: 891
                    easing.type: meterParts.easing
                    path: Path {
                        startX: 860; startY: 41
                        PathLine { x: 816; y: 324 }
                    }
                }

                /* scaling */
                NumberAnimation {
                    target: speedUnit
                    property: "scale"
                    duration: 891
                    easing.type: meterParts.easing
                    from:0.73
                    to:1.00
                }

                /* translation */
                PathAnimation{
                    target: speedUnit
                    orientation: PathAnimation.Fixed
                    duration: 891
                    easing.type: meterParts.easing

                    path: Path {
                        startX: 914; startY: 128
                        PathLine { x: 907; y: 457 }
                    }
                }
            }

            /* visible backgournd */
            SequentialAnimation{
                PropertyAnimation{
                    target: ring4
                    property: "visible"
                    duration: 0
                    from:false
                    to:true
                }

                NumberAnimation{
                    target: ring4
                    property: "scale"
                    duration: 330
                    easing.type: Easing.Linear
                    from:0.0
                    to:1.0
                }
            }
            PauseAnimation {
                duration: 330
            }

        }
    }
}