3f2b280cfeff946ae7cbf8e2d417a0d2b4bb6c7c
[apps/homescreen.git] / homescreen / qml / StatusArea.qml
1 /*
2  * Copyright (C) 2016 The Qt Company Ltd.
3  * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
4  * Copyright (c) 2017, 2018 TOYOTA MOTOR CORPORATION
5  *
6  * Licensed under the Apache License, Version 2.0 (the "License");
7  * you may not use this file except in compliance with the License.
8  * You may obtain a copy of the License at
9  *
10  *      http://www.apache.org/licenses/LICENSE-2.0
11  *
12  * Unless required by applicable law or agreed to in writing, software
13  * distributed under the License is distributed on an "AS IS" BASIS,
14  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15  * See the License for the specific language governing permissions and
16  * limitations under the License.
17  */
18
19 import QtQuick 2.2
20 import QtQuick.Layouts 1.1
21 import HomeScreen 1.0
22
23 Item {
24     id: root
25     width: 295
26     height: 218
27
28     property date now: new Date
29     Timer {
30         interval: 100; running: true; repeat: true;
31         onTriggered: root.now = new Date
32     }
33
34     Connections {
35         target: weather
36
37         onConditionChanged: {
38             var icon = ''
39
40             if (condition.indexOf("clouds") != -1) {
41                 icon = "WeatherIcons_Cloudy-01.png"
42             } else if (condition.indexOf("thunderstorm") != -1) {
43                 icon = "WeatherIcons_Thunderstorm-01.png"
44             } else if (condition.indexOf("snow") != -1) {
45                 icon = "WeatherIcons_Snow-01.png"
46             } else if (condition.indexOf("rain") != -1) {
47                 icon = "WeatherIcons_Rain-01.png"
48             }
49
50             condition_item.source = icon ? './images/Weather/' + icon : ''
51         }
52
53         onTemperatureChanged: {
54             temperature_item.text = temperature.split(".")[0] + '°F'
55         }
56     }
57
58     RowLayout {
59         anchors.fill: parent
60         spacing: 0
61         Item {
62             Layout.fillWidth: true
63             Layout.fillHeight: true
64             Layout.preferredWidth: 295 - 76
65             ColumnLayout {
66                 anchors.fill: parent
67                 anchors.margins: 40
68                 spacing: 0
69                 Text {
70                     Layout.fillWidth: true
71                     Layout.fillHeight: true
72                     text: Qt.formatDate(now, 'dddd').toUpperCase()
73                     font.family: 'Roboto'
74                     font.pixelSize: 13
75                     color: 'white'
76                     verticalAlignment:  Text.AlignVCenter
77 //                    Rectangle {
78 //                        anchors.fill: parent
79 //                        anchors.margins: 5
80 //                        color: 'red'
81 //                        border.color: 'blue'
82 //                        border.width: 1
83 //                        z: -1
84 //                    }
85                 }
86                 Text {
87                     Layout.fillWidth: true
88                     Layout.fillHeight: true
89                     text: Qt.formatTime(now, 'h:mm ap').toUpperCase()
90                     font.family: 'Roboto'
91                     font.pixelSize: 40
92                     color: 'white'
93                     horizontalAlignment:  Text.AlignHCenter
94                     verticalAlignment:  Text.AlignVCenter
95                 }
96                 RowLayout {
97                     Layout.fillWidth: true
98                     Layout.fillHeight: true
99                     Layout.preferredHeight: 20
100                     Image {
101                         id: condition_item
102                         source: './images/Weather/WeatherIcons_Rain-01.png'
103                     }
104                     Text {
105                         id: temperature_item
106                         text: '64°F'
107                         color: 'white'
108                         font.family: 'Helvetica'
109                         font.pixelSize: 32
110                     }
111                 }
112             }
113         }
114         ColumnLayout {
115             id: icons
116             Layout.fillWidth: true
117             Layout.fillHeight: true
118             Layout.preferredWidth: 76
119             spacing: -10
120
121             Image {
122                 id: bt_icon
123                 Layout.preferredWidth: 77
124                 Layout.preferredHeight: 73
125                 source: connStatus ? './images/Status/HMI_Status_Bluetooth_On-01.png' : './images/Status/HMI_Status_Bluetooth_Inactive-01.png'
126                 fillMode: Image.PreserveAspectFit
127                 property string deviceName: "none"
128                 property bool connStatus: false
129                 Connections {
130                     target: bluetooth
131
132                     //{"event":"Bluetooth-Manager\/connection","data":{"Status":"connected","Address":"88:BD:45:EC:3A:E6"},"jtype":"afb-event"}
133                     //{"event":"Bluetooth-Manager\/connection","data":{"Status":"disconnected","Address":"88:BD:45:EC:3A:E6"},"jtype":"afb-event"}
134                     onConnectionEvent: {
135                         // console.log("bluetooth connection is:", data.Status)
136                         // console.log("onConnectionEvent bt_icon.deviceName:",bt_icon.deviceName, "bt_icon.connStatus:", bt_icon.connStatus)
137                         if (data.Status == "connected"){
138                             bt_icon.connStatus = true
139                         } else if (data.Status == "disconnected"){
140                             bt_icon.connStatus = false
141                         }
142                     }
143                     //{"event":"Bluetooth-Manager\/device_updated","data":{"Address":"88:BD:45:EC:3A:E6","Name":"SG02","Paired":"True","Connected":"True","AVPConnected":"True","Metadata":{"Title":"","Artist":"","Status":"stop}
144                     onDeviceUpdatedEvent: {
145                         // console.log("bluetooth onDeviceUpdatedEvent date is:", data.Name, "Paired: ", data.Paired, "Connected: ", data.Connected)
146                         // console.log("onDeviceUpdatedEvent bt_icon.deviceName:",bt_icon.deviceName, "bt_icon.connStatus:", bt_icon.connStatus)
147                         if ( data.Paired == "True" &&  data.Connected == "True" ){
148                             bt_icon.deviceName = data.Name
149                             bt_icon.connStatus = true
150                         } else {
151                             if(bt_icon.deviceName == data.Name)
152                             {
153                                 bt_icon.connStatus = false
154                             }
155                         }
156                     }
157                 }
158             }
159             Repeater {
160                 model: StatusBarModel { objectName: "statusBar" }
161                 delegate: Image {
162                     Layout.preferredWidth: 77
163                     Layout.preferredHeight: 73
164                     source: model.modelData
165                     fillMode: Image.PreserveAspectFit
166                 }
167             }
168         }
169     }
170 }