app/images/HMI_Dashboard_Fuel_Icon.svg


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

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

<svg
   xmlns:i="&amp;ns_ai;"
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   version="1.1"
   id="Layer_1"
   x="0px"
   y="0px"
   viewBox="0 0 82 82"
   style="enable-background:new 0 0 82 82;"
   xml:space="preserve"
   inkscape:version="0.91 r13725"
   sodipodi:docname="HMI_Dashboard_Fuel_Icon.svg"><metadata
     id="metadata24"><rdf:RDF><cc:Work
         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
     id="defs22" /><sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="2560"
     inkscape:window-height="1464"
     id="namedview20"
     showgrid="false"
     inkscape:zoom="2.8780488"
     inkscape:cx="-201.52542"
     inkscape:cy="41"
     inkscape:window-x="0"
     inkscape:window-y="0"
     inkscape:window-maximized="1"
     inkscape:current-layer="Layer_1" /><style
     type="text/css"
     id="style3">
	.st0{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
</style><switch
     id="switch5"><g
       i:extraneous="self"
       id="g7"><g
         id="g9"><linearGradient
           id="SVGID_1_"
           gradientUnits="userSpaceOnUse"
           x1="5.022039e-04"
           y1="43.56"
           x2="81.0005"
           y2="43.56"
           gradientTransform="matrix(0.9999 1.092937e-02 -1.092937e-02 0.9999 0.978 -3.0001)"><stop
             offset="0"
             style="stop-color:#59FF7F"
             id="stop12" /><stop
             offset="1"
             style="stop-color:#6BFBFF"
             id="stop14" /></linearGradient><ellipse
           transform="matrix(1.092937e-02 -0.9999 0.9999 1.092937e-02 -0.4457 81.5494)"
           class="st0"
           cx="41"
           cy="41"
           rx="40"
           ry="40"
           id="ellipse16" /><path
           class="st1"
           d="M29.5,20.9L46.7,21c0.3,0,0.6,0.3,0.6,0.6l0,3.8l0,2.2l0,7.1l-18.4-0.1l0-7.1l0-2.2l0-3.8     C28.9,21.1,29.2,20.9,29.5,20.9L29.5,20.9z M28.7,17.9c-1.5,0-2.8,1.2-2.8,2.7l-0.2,39.7l-1.5,0c-0.4,0-0.6,0.3-0.6,0.6l0,0     l0,0.8l0,1.9l28.6,0.2l0-1.9l0-0.8l0,0c0-0.4-0.3-0.6-0.6-0.6l-1.4,0l0.1-21.7l2.9,0l-0.1,20.4l0,0c0,2.5,2.3,4.8,4.9,4.9     c2.3,0.1,4-1,4.8-2.6L63,41.2c-1.6-3.3-4.2-4.6-7.5-4.6l0.1-10.7l-5.2-2.2l0-2.9c0-1.5-1.2-2.7-2.7-2.7L28.7,17.9L28.7,17.9z      M50.4,26.2l3,1.1l0,9.1l-3,0L50.4,26.2L50.4,26.2z M55.4,59.5l0.2-20.6c3.2,0.1,5.2,1.7,5.7,5l0,0.2l-0.1,15.2l0,0     c0,0,0,0.1,0,0.1l0,0.1l0,0c-0.2,1.1-1.3,2.1-2.9,2.1S55.6,60.6,55.4,59.5L55.4,59.5z"
           id="path18" /></g></g></switch></svg>
/*
 * Copyright (C) 2016 The Qt Company Ltd.
 *
 * 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 QtWebSockets 1.0
import '..'

SettingPage {
    id: root
    icon: '/bluetooth/images/HMI_Settings_BluetoothIcon.svg'
    title: 'Bluetooth'
    checkable: true
    readonly property bool isBluetooth: true

    property string btAPIpath: bindingAddress + '/Bluetooth-manager/'
    property var jsonObjectBT: []
    property string currentState: 'idle'
    property string btState: 'off' //add property to indicate the bt status
    property string initDevice: 'N'

    property string address_str: bindingAddressWS
    property string token_str: ""
    property string api_str: "Bluetooth-Manager"
    property string verb_str: ""
    property var parameterJson: 'None'
    property string payloadLength: "9999"
    property var msgid_enu: {
         "call": 2,
         "retok": 3,
         "reterr": 4,
         "event": 5
    }
    property string request_str: ""
    property string status_str: ""
    property int pairedDeviceCount
    property bool btOn:false

    WebSocket {
        id: websocket
        url: address_str
        onTextMessageReceived: {
            var message_json = JSON.parse(message);
            //console.log("Raw response: " + message)
            //console.log("JSON response: " + message_json)
            if (message_json[0] === msgid_enu.reterr) {
                console.log("Return value is not OK!")
                return
            }
            else if ((message_json[0] === msgid_enu.event)){
                var eventContent = JSON.parse(JSON.stringify(message_json[2]))
                if (eventContent.event === "Bluetooth-Manager/device_added"){
                    //jsonObjectBT.add(eventContent.data)
                    //btDeviceList.clear()
                    console.log("BT list refreshed")
                    initDevice = 'Y'
                    if(eventContent.data.Paired==="True"){
                        pairedDeviceList.append({
                                        deviceAddress: eventContent.data.Address,
                                        deviceName: eventContent.data.Name,
                                        devicePairable:eventContent.data.Paired,
                                        deviceConnect: eventContent.data.Connected,
                                        connectAVP: eventContent.data.AVPConnected,
                                        connectHFP: eventContent.data.HFPConnected,
                                        textToShow: ""
                                    })
                        pairedDeviceCount=pairedDeviceCount+1
                    }
                  else
                        btDeviceList.append({
                                        deviceAddress: eventContent.data.Address,
                                        deviceName: eventContent.data.Name,
                                        devicePairable:eventContent.data.Paired,
                                        deviceConnect: eventContent.data.Connected,
                                        connectAVP: eventContent.data.AVPConnected,
                                        connectHFP: eventContent.data.HFPConnected,
                                        textToShow: ""
                                    })
                } else if(eventContent.event === "Bluetooth-Manager/device_removed"){
                  if (findDevice(eventContent.data.Address) >= 0){
                      btDeviceList.remove(findDevice(eventContent.data.Address))
                  }
                  else if(findPairDevice(eventContent.data.Address) >= 0){
                      pairedDeviceList.remove(findPairDevice(eventContent.data.Address))
                      pairedDeviceCount=pairedDeviceCount-1
                  }
                } else if(eventContent.event === "Bluetooth-Manager/device_updated"){
                  updateDeviceAttribute(eventContent.data)
                } else if(eventContent.event === "Bluetooth-Manager/request_confirmation"){
                    request(btAPIpath + "send_confirmation?value=yes", function (o) {
                    console.log(o.responseText)
                  })
                }
            }
            if ((verb_str == "connect") || (verb_str == "refresh")) {
                token_str = message_json[3]
            } else if (verb_str == "logout") {
                token_str = ""
                websocket.active = false
                console.log("close socket")
            }
        }
        onStatusChanged: {
            if (websocket.status == WebSocket.Error) {
                status_str = "Error: " + websocket.errorString
            } else if (websocket.status == WebSocket.Open) {
                status_str = "Socket opened; sending message..."
                if (verb_str == "connect"){
                    WebSocket.sendTextMessage (request_str)
                }
                sendSocketMesage("subscribe", { value: "device_updated" })
                sendSocketMesage("subscribe", { value: "device_added" })
                sendSocketMesage("subscribe", { value: "device_removed" })
                sendSocketMesage("subscribe", { value: "request_confirmation" })
            } else if (websocket.status == WebSocket.Closed) {
                status_str = "Socket closed"
            }
        }
        active: false
    }

    Text {
        id: log
        anchors.fill: parent
        anchors.margins: 10
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
    }

    onCheckedChanged: {
        console.log("Bluetooth set to", checked)
        if (checked == true) {
            pairedDeviceCount=0
            initBTlist()
            btOn=true
            request(btAPIpath + 'power?value=1', function (o) {
                // log the json response
                console.log(o.responseText)
                websocket.active = true
            })
            request(btAPIpath + 'set_property?Property=Discoverable\&value=true', function (o) {
               console.log(o.responseText)
            })
            request(btAPIpath + 'set_property?Property=Pairable\&value=true', function (o) {
               console.log(o.responseText)
            })
            request(btAPIpath + 'start_discovery', function (o) {
               console.log(o.responseText)
            })
            buttonScan.text = "STOP"		//when power on and after send the discovery command, button set to STOP
            currentState = 'discovering'
            btState = 'on'	//bt is on

        } else {
            btDeviceList.clear()
            pairedDeviceList.clear()
            pairedDeviceCount=0
            btOn=false
            request(btAPIpath + 'stop_discovery', function (o) {
               // log the json response
               console.log(o.responseText)
            })
            request(btAPIpath + 'power?value=0', function (o) {
                // log the json response
                console.log(o.responseText)
            })
            buttonScan.text = "SEARCH"	//when power off the button should be set to SEARCH
            currentState = 'idle'
            btState = 'off'	//bt off
            websocket.active = false
        }
    }

    function sendSocketMesage(verb, parameter) {
        var requestJson = [msgid_enu.call, payloadLength, api_str + '/'
                           + verb, parameter]
        websocket.sendTextMessage(JSON.stringify(requestJson))
    }
    ListModel {
      id: pairedDeviceList
    }
    ListModel {
      id: btDeviceList
    }


    Rectangle {
      anchors.horizontalCenter: parent.horizontalCenter
      anchors.bottom: parent.bottom
      anchors.margins: 80
      width: buttonScan.width + 10
      height: buttonScan.height + 10
      color: "#222"
      border.color: "white"

                Button {
                    id: buttonScan
                    anchors.centerIn: parent
                    width: 100
                    text: "SEARCH"	//default value is SEARCH

                    MouseArea {
                        //id: mouseArea
                        anchors.fill: parent

                        onClicked: {
                            if (buttonScan.text == "SEARCH"){
                                if (btState == 'on'){	//only response to the requirement when bt is on
                                    request(btAPIpath + 'start_discovery', function (o) {

                                    // log the json response
                                    console.log(o.responseText)
                                })
                                    buttonScan.text = "STOP"
                                    currentState = 'discovering'
                                }
                            }else{
                                request(btAPIpath + 'stop_discovery', function (o) {
                                    // log the json response
                                    console.log(o.responseText)
                                })
                                buttonScan.text = "SEARCH"
                                currentState = 'idle'
                            }
                        }
                    }
                }
      }

      function request(url, callback) {
            var xhr = new XMLHttpRequest()
            xhr.onreadystatechange = (function (myxhr) {
            return function () {
                     if (xhr.readyState == 4 && xhr.status == 200){
                         callback(myxhr)
                     }
                 }
             })(xhr)
             xhr.open('GET', url, false)
             xhr.send('')
       }

      Component {
         id:blueToothDevice
         Rectangle {
         height: 120
         width: parent.width
         color: "transparent"
             MouseArea {
               anchors.fill: parent
                 Column {
                     anchors.left: parent.left
                     anchors.leftMargin: 80
                     TextMetrics {
                        id: textMetrics
                        font.family: "Arial"
                        elide: Text.ElideRight
                        elideWidth: 140
                        text: deviceName
                     }
                     Text {
                        id: btName
                        text: textMetrics.elidedText
                        color: '#66FF99'
                        font.pixelSize: 48
                     }
                     Text {
                        id: btStatus
                        property string connectionState:""
                        text: {
                          if ((devicePairable === "True")
                                   && (deviceConnect === "True")
                                   && (connectAVP === "True")
                                   && (connectHFP === "False"))
                                   text = " AV Connection, "
                          else if ((devicePairable === "True")
                                    && (deviceConnect === "True")
                                    && (connectHFP === "True")
                                    && (connectAVP === "False"))
                                    text = " Handsfree Connection, "
                          else if ((devicePairable === "True")
                                   && (deviceConnect === "True")
                                   && (connectHFP === "True")
                                   && (connectAVP === "True"))
                                   text = " Handsfree & AV Connection, "
                          else
                             text = connectionState
                          if (initDevice === "Y")
                          {
                             textToShow = text
                             text = deviceAddress + text
                             initDevice = 'N'
                          }
                          else
                          {
                             text = deviceAddress + textToShow
                          }
                        }
                        font.pixelSize: 18
                        color: "#ffffff"
                        font.italic: true
                     }
                     Text {
                       id: btPairable
                       text: devicePairable
                       visible: false
                     }
                     Text {
                       id: btConnectstatus
                       text: deviceConnect
                       visible: false
                     }
                 }
                 Button {
                     id: removeButton
                     anchors.top:parent.top
                     anchors.topMargin: 15
                     //anchors.horizontalCenter: btName.horizontalCenter
                     anchors.right: parent.right
                     anchors.rightMargin: 100

                     text: "Remove"
                     MouseArea {
                         anchors.fill: parent
                         onClicked: {
                             request(btAPIpath + 'remove_device?value=' + deviceAddress, function (o) {
                                 console.log(o.responseText)
                             })
                             if (findDevice(deviceAddress) >= 0)
                                btDeviceList.remove(findDevice(deviceAddress))
                             else if (findPairDevice(deviceAddress) >= 0){
                                 pairedDeviceList.remove(findPairDevice(deviceAddress))
                                 pairedDeviceCount=pairedDeviceCount-1
                                 }
                         }
                     }
                 }

                 Button {
                  id: connectButton
                  anchors.top:parent.top
                  anchors.topMargin: 15
                  anchors.right: removeButton.left
                  anchors.rightMargin: 10

                  text:(deviceConnect == "True")? "Disconnect":((btPairable.text == "True")? "Connect":"Pair")
                  // only when HFP or AVP is connected, button will be shown as Disconnect
		  MouseArea {
                     anchors.fill: parent
                     onClicked: {
                        if (currentState == 'discovering'){
                             request(btAPIpath + 'stop_discovery', function (o) {
                               currentState = "idle"
                               console.log(o.responseText)
                             })
                           }
                        if (connectButton.text == "Pair"){
                             connectButton.text = "Connect"
                             request(btAPIpath + 'pair?value=' + deviceAddress, function (o) {
                             btPairable.text = "True"
                                console.log(o.responseText)
                             })
                             request(btAPIpath + 'set_device_property?Address=' + deviceAddress + '\&Property=Trusted\&value=true', function (o) {
                                console.log(o.responseText)
                             })
                         }
                         else if (connectButton.text == "Connect"){
                                  connectButton.text = "Disconnect"
                                  request(btAPIpath + 'connect?value=' + deviceAddress, function (o) {
                                    console.log(o.responseText)
                                  })
                         }
                         else if (connectButton.text == "Disconnect"){
                                  request(btAPIpath + 'disconnect?value=' + deviceAddress, function (o) {
                                    console.log(o.responseText)
                                  })
                                  connectButton.text = "Connect"
                          }
                      }
                    }
                }
             }

           /*  Image {
                 source: '../images/HMI_Settings_DividingLine.svg'
                 anchors.horizontalCenter: parent.horizontalCenter
                 anchors.top: parent.top
                 anchors.topMargin: -15

                 visible: model.index > 0
             }*/
          }
      }
      Text {
          id: pairedlabel
          width: parent.width
          anchors.top: parent.top
          anchors.topMargin: 50
          anchors.left: parent.left
          anchors.leftMargin: 80
          height: 80
          color:'grey'
          font.pixelSize: 30
          text:{
              if(btOn == true && pairedDeviceCount!=0)
                  "LIST OF PAIRED DEVICES"
              else
                  ""
          }
      }
      ListView{
          id: pairedListView
          width: parent.width
          anchors.top: pairedlabel.bottom
          anchors.bottom: pairedlabel.bottom
          anchors.bottomMargin: (-120*pairedDeviceCount)
          model: pairedDeviceList
          delegate: blueToothDevice
          clip: true
      }
      Image {
          anchors.bottom: pairedListView.bottom
          anchors.left: parent.left
          anchors.leftMargin: 80
          height: 5
          source: (btOn == true && pairedDeviceCount!=0)?'../images/HMI_Settings_DividingLine.svg':''
      }
      Text {
          id: detectedlabel
          width: parent.width
          anchors.top: pairedListView.bottom
          anchors.topMargin: (pairedDeviceCount!=0)? 80:-80
          anchors.left: parent.left
          anchors.leftMargin: 80
          height: 80
          color:'grey'
          font.pixelSize: 30
          text: {
              if (btOn == true)
                  "LIST OF DETECTED DEVICES"
              else
                  ""
          }
      }
      ListView {
          id:listView2
          width: parent.width
          anchors.top: detectedlabel.bottom
          anchors.bottom: parent.bottom
          anchors.bottomMargin: 150
          model: btDeviceList
          delegate: blueToothDevice
          clip: true
      }

      function checkBluetooth() {
          request(btAPIpath + 'power', function (o) {
                // log the json response
                var msg = JSON.parse(o.responseText)
                console.log(o.responseText)
                checked = msg.response.power == "on"
          })
      }

      function findDevice(address){
          for (var i = 0; i < btDeviceList.count; i++) {
              if (address === btDeviceList.get(i).deviceAddress){
                  return i
                  }
              }
          return -1
      }
      function findPairDevice(address){
          for (var i = 0; i < pairedDeviceList.count; i++) {
              if (address === pairedDeviceList.get(i).deviceAddress){
                  return i
                  }
              }
          return -1
      }

      function updateDeviceAttribute(data){
            var text = ""
            for (var i = 0; i < btDeviceList.count; i++) {
                if (data.Address === btDeviceList.get(i).deviceAddress){
                    btDeviceList.get(i).devicePairable = data.Paired
                    if (data.Paired === "True")
                    {
                        //console.log("connectButton  " + btDeviceList.get(i).btStatus)
                        //ALCZbtDeviceList.get(i).connectButton.text = "Connect"
                        pairedDeviceList.append({
                                        deviceAddress: btDeviceList.get(i).deviceAddress,
                                        deviceName: btDeviceList.get(i).deviceName,
                                        devicePairable:btDeviceList.get(i).devicePairable,
                                        deviceConnect: btDeviceList.get(i).deviceConnect,
                                        connectAVP: btDeviceList.get(i).connectAVP,
                                        connectHFP: btDeviceList.get(i).connectHFP,
                                        textToShow: ""
                                    })
                        pairedDeviceCount=pairedDeviceCount+1
                        btDeviceList.remove(i,1)
                        btDeviceList.layoutChanged()
                    }
                    else{
                        text=deviceConnectionAttribute(data)
                        btDeviceList.set(i, {
                                            textToShow: " " + text
                                        })
                        console.log("iamhere" + btDeviceList.get(i).deviceAddress + data.Paired)

                        //btDeviceList.get(i).btStatus = text + btDeviceList.get(i).deviceAddress //btDeviceList.get(i).textToShow
                        btDeviceList.layoutChanged()

                        btDeviceList.get(i).deviceConnect = data.Connected
                        console.log(data.Connected)
                    }

              }
          }
            for (var i = 0; i < pairedDeviceList.count; i++) {
               if(data.Address === pairedDeviceList.get(i).deviceAddress){
                    pairedDeviceList.get(i).devicePairable = data.Paired

                    text=deviceConnectionAttribute(data)
                    pairedDeviceList.set(i, {
                                            textToShow: " " + text
                                        })
                // console.log("iamhere" + btDeviceList.get(i).deviceAddress + data.Paired)

                  //btDeviceList.get(i).btStatus = text + btDeviceList.get(i).deviceAddress //btDeviceList.get(i).textToShow
                    pairedDeviceList.layoutChanged()

                    pairedDeviceList.get(i).deviceConnect = data.Connected
                //  console.log(data.Connected)
               }
            }
        }

      function deviceConnectionAttribute(data){
          var text=""
          if ((data.Paired === "True")
                     && (data.Connected === "True")
                     && (data.AVPConnected === "True")
                     && (data.HFPConnected === "False"))
              text = "AV Connection, "
          else if ((data.Paired === "True")
                      && (data.Connected === "True")
                      && (data.HFPConnected === "True")
                      && (data.AVPConnected === "False"))
              text = "Handsfree Connection, "
          else if ((data.Paired === "True")
                      && (data.Connected === "True")
                      && (data.HFPConnected === "True")
                      && (data.AVPConnected === "True")) {
              console.log("all connected!!")
              text = ", Handsfree & AV Connection"}
          else
              text = ""
          return text
      }

      function initBTlist(){
          pairedDeviceCount=0
          request(btAPIpath + 'discovery_result', function (o) {

              // log the json response
              console.log(o.responseText)

              // translate response into object
              var jsonObject = eval('(' + o.responseText + ')')

              jsonObjectBT = eval('(' + JSON.stringify(
                                                jsonObject.response) + ')')

              console.log("BT list refreshed")

              //console.log(jsonObject.response)
              for (var i = 0; i < jsonObjectBT.length; i++) {
               initDevice = 'Y'
               console.log(jsonObjectBT[i].Paired)
               if(jsonObjectBT[i].Paired==="True"){
                      pairedDeviceList.append({
                                      deviceAddress: jsonObjectBT[i].Address,
                                      deviceName: jsonObjectBT[i].Name,
                                      devicePairable:jsonObjectBT[i].Paired,
                                      deviceConnect: jsonObjectBT[i].Connected,
                                      connectAVP: jsonObjectBT[i].AVPConnected,
                                      connectHFP: jsonObjectBT[i].HFPConnected,
                                      textToShow: ""
                                  })
                      pairedDeviceCount=pairedDeviceCount+1
                  }
                else
                      btDeviceList.append({
                                       deviceAddress: jsonObjectBT[i].Address,
                                       deviceName: jsonObjectBT[i].Name,
                                       devicePairable:jsonObjectBT[i].Paired,
                                       deviceConnect: jsonObjectBT[i].Connected,
                                       connectAVP: jsonObjectBT[i].AVPConnected,
                                       connectHFP: jsonObjectBT[i].HFPConnected,
                                       textToShow: ""
                                  })
             }
          })
      }
 }