summaryrefslogtreecommitdiffstats
path: root/GUIModel/Header/Clock.qml
blob: a17205bf4c328bc8bf2965e2473807a80b500379 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
/*
 * Copyright 2020,2021 Panasonic 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.14

Item{
    id: clock
    property int timeHour
    property int timeMinute

    readonly property int timeHourMax: 23
    readonly property int timeHourMin: 0
    readonly property int timeMinuteMax: 59
    readonly property int timeMinuteMin: 0

    onTimeMinuteChanged: {
        updateMinute();
        updateClockVisible();
    }
    onTimeHourChanged: {
        hourUpdate();
        updateClockVisible();
    }

    function updateMinute(){
        clockParts.timeMinute10 = (timeMinute/10)%10
        clockParts.timeMinute1 = timeMinute%10
    }

    function hourUpdate(){
        clockParts.timeHour10 = (timeHour/10)%10
        clockParts.timeHour1 = timeHour%10
    }

    function updateClockVisible(){
        if((timeMinuteMin <= timeMinute) && (timeMinute <= timeMinuteMax)){
            if((timeHourMin <= timeHour) && (timeHour <= 9)){
                timeMinute1.visible = true
                timeMinute10.visible = true
                timeHour1.visible = true
                timeHour10.visible = false
            }else if((10 <= timeHour) && (timeHour <= timeHourMax)){
                timeMinute1.visible = true
                timeMinute10.visible = true
                timeHour1.visible = true
                timeHour10.visible = true
            }else{
                timeMinute1.visible = false
                timeMinute10.visible = false
                timeHour1.visible = false
                timeHour10.visible = false
            }
        }else{
            timeMinute1.visible = false
            timeMinute10.visible = false
            timeHour1.visible = false
            timeHour10.visible = false
        }
    }

    Component.onCompleted: {
        timeHour = 20
        timeMinute = 34
    }
    Item{
        id: clockParts
        property int timeHour10    //tens place of hour
        property int timeHour1     //ones place of hour
        property int timeMinute10  //tens place of minute
        property int timeMinute1   //ones place of minute
        Image{
            id: timeCron
            source: "qrc:/Images/NormalView/TIME/time_cron.png"
            x:1239
            y:49
            width:11
            height:34
        }
        Image{
            id: timeMinute1
            source: "qrc:/Images/NormalView/TIME/time_m1-" + parent.timeMinute1 + ".png"
            x:1275
            y:49
            width:23
            height:34
            visible: false
        }
        Image{
            id: timeMinute10
            source: "qrc:/Images/NormalView/TIME/time_m10-" + parent.timeMinute10 + ".png"
            x:1252
            y:49
            width:23
            height:34
            visible: false
        }
        Image{
            id: timeHour1
            source: "qrc:/Images/NormalView/TIME/time_h1-" + parent.timeHour1 + ".png"
            x:1214
            y:49
            width:23
            height:34
            visible: false
        }
        Image{
            id: timeHour10
            source: "qrc:/Images/NormalView/TIME/time_h10-" + parent.timeHour10 + ".png"
            x:1191
            y:49
            width:23
            height:34
            visible: false
        }
    }

    Timer {
        interval: 500
        repeat: true
        running: true
        onTriggered: {
            var date = new Date;
            timeHour = date.getHours();
            timeMinute = date.getMinutes();
        }
    }

}