~aurora-l/touchmpg/trunk

/*
 * mileage is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; version 3.
 *
 * mileage is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import QtQuick 2.3
import QtQuick.XmlListModel 2.0
import Ubuntu.Components 1.2
import Ubuntu.Components.ListItems 0.1
import Ubuntu.Components.Popups 1.0
import QtQuick.LocalStorage 2.0
import QtQml 2.2
import Ubuntu.Components.Pickers 1.0
import U1db 1.0 as U1db
import "backend/dbdata.js" as Data



/*!
    \brief MainView with a Label and Button elements.
*/

MainView {
    id: root
    // objectName for functional testing purposes (autopilot-qt5)
    objectName: "mainView"

    // Note! applicationName needs to match the "name" field of the click manifest
    applicationName: "mileage.aurora"

    /*
     This property enables the application to change orientation
     when the device is rotated. The default is false.
    */
    // automaticOrientation: false



   width: units.gu(50)
   height: units.gu(80)

   //import the database:

   U1db.Database { id: db; path: "appdata.u1db" }
   U1db.Document {
       id: appdata1
       database: db
       docId: "appData1"
       create: true
       defaults: { "distanceunits": "" }
   }
   U1db.Document {
       id: appdata2
       database: db
       docId: "appData2"
       create: true
       defaults: { "fluidunits": "" }
   }   

   property real margins: units.gu(2)
   property real buttonWidth: units.gu(9)

   PageStack {
            id: mainStack
            Component.onCompleted: {
                    push(tabs)
                if (test1.text == "") {
                    mainStack.push(settingsPage)
                }
                }
   Tabs {
            id: tabs
            Tab {
                id: principal
                title: "Mileage"
    Page {
        id:mainpage
           title: i18n.tr("Fuel Economy Calculator") + "  " + Qt.formatDateTime(new Date,"dd MMM yyyy" )
           head.actions: [
             Action {
             iconName: "settings"
             text: i18n.tr("Search")
             onTriggered: mainStack.push(settingsPage)
             }
          ]
    Image {
         anchors.fill: parent
         source: "gaspumps.jpg"
         opacity: 0.2
           }

    Column {
           id: pageLayout
           spacing: units.gu(3)
           anchors {
               margins: units.gu(2)
           fill: parent
           }
    Row {
            id:rowdist
            spacing: units.gu(1)
    Button {
            id:test1
            height: units.gu(5)
            width: units.gu(12)
            text: appdata1.contents.distanceunits || ""
           }

    TextField {
            id: inputDistance
            objectName: "inputDistance"
            inputMethodHints: Qt.ImhFormattedNumbersOnly
            errorHighlight: false
            validator: DoubleValidator {notation: DoubleValidator.StandardNotation}
            height: units.gu(5)
            font.pixelSize: FontUtils.sizeToPixels("medium")
            placeholderText: '0.0'
            onTextChanged: {
                   if (activeFocus) {
                       if(test1 == "Miles")  {
                           inputKm.text = (inputDistance.text )
                       } else {
                           inputKm.text = (inputDistance.text / 0.621371192).toFixed(2)
                       }
                 }
             }
         }
    }

    Row {
        id:rowfluid
        spacing: units.gu(1)
    Button {
        id:test2
        height: units.gu(5)
        width: units.gu(12)
        text: appdata2.contents.fluidunits || ""
    }
    TextField {
        id: inputUnits
        objectName: "inputUnits"
        inputMethodHints: Qt.ImhFormattedNumbersOnly
        errorHighlight: false
        validator: DoubleValidator {notation: DoubleValidator.StandardNotation} 
        height: units.gu(5)
        font.pixelSize: FontUtils.sizeToPixels("medium")
        placeholderText: '0.0'
        onTextChanged: {
          if (activeFocus) {
              if(test2 == "Gallons")  {
                  inputLitres.text = (inputUnits.text * 4.546).toFixed(2)
                  outputMileage.text = (inputDistance.text / inputUnits.text).toFixed(2)
                  outputKmage.text = ((inputLitres.text / inputKm.text)*100).toFixed(2)
              } else {
                  inputLitres.text = (inputUnits.text)
                  outputMileage.text = (inputDistance.text / (inputUnits.text / 4.546)).toFixed(2)
                  outputKmage.text = ((inputLitres.text / inputKm.text)*100).toFixed(2)
                    }
                }
            }
        }
    }
     Row {
         id: row2
         spacing: units.gu(1)
       Label {
            id: inputKm
            visible: false
            objectName: "inputKm"     
     //       width: pageLayout.width - 2 * root.margins
            height: units.gu(5)
            font.pixelSize: FontUtils.sizeToPixels("medium")
             }
       Label {
            id: inputMiles
            visible: false
            objectName: "inputMiles"
      //      width: pageLayout.width - 2 * root.margins
            height: units.gu(5)
            font.pixelSize: FontUtils.sizeToPixels("medium")
            text: (inputKm.text * 0.621371192).toFixed(2)
        }
    }

        Row {
            id: row4
            spacing: units.gu(1)
        Label {
             id: inputLitres
             visible: false
             objectName: "inputLitres"         
          //   width: pageLayout.width - 2 * root.margins - root.buttonWidth
             height: units.gu(5)
             font.pixelSize: FontUtils.sizeToPixels("medium")        
             }
        Label {
             id: inputGallons
             visible: false
             objectName: "inputGallons"
           //  width: pageLayout.width - 22 * root.margins
             height: units.gu(5)
             font.pixelSize: FontUtils.sizeToPixels("medium")
             text: (inputLitres.text / 4.546).toFixed(2)
             }
        }
         Row {
             id: row5
             spacing: units.gu(1)
         Button {
             id: cost
         //    width: pageLayout.width - 20 * root.margins
             height: units.gu(5)
             width: units.gu(12)
             objectName: "Cost"
             text: i18n.tr("Cost      ")
             }

         TextField {
             id: inputCost
             objectName: "inputCost"
             inputMethodHints: Qt.ImhFormattedNumbersOnly
             errorHighlight: false
             validator: DoubleValidator {notation: DoubleValidator.StandardNotation}
      //       width: pageLayout.width - 2 * root.margins
             height: units.gu(5)
             font.pixelSize: FontUtils.sizeToPixels("medium")
             placeholderText: '0.0'
             onTextChanged: {
               if (activeFocus) {
               outputCost.text = (inputCost.text/inputDistance.text).toLocaleCurrencyString(Qt.locale())
               outputCostkm.text = (inputCost.text/inputKm.text).toLocaleCurrencyString(Qt.locale())
               }
              }
             }
            }
}
    Column {
               id: reportLayout
               spacing: units.gu(1)
               anchors {
                    margins: units.gu(2)
                    bottom: parent.bottom
                    left: parent.left
                    right: parent.right
                    }

         Row {
             id:row6
             spacing: units.gu(1)
         Label {
             id: mileage
             objectName: "mileage"
             width: units.gu(20)
             text: i18n.tr("Miles Per Gallon   ")
             font.family: "Ubuntu"
             color: "red"
                 }
         Text {
              id: outputMileage
              objectName: "outputMileage"
              font.family: "Ubuntu"
              font.pointSize: 24
              color: "red"
              text: '0.0'
                 }
               }

         Row {
             id:row7
              spacing: units.gu(1)
         Label {
              id: kmage
              objectName: "mileage"
              width: units.gu(20)
              text: i18n.tr("Litres Per 100km   ")
              font.family: "Ubuntu"
              color: "red"
              }
         Text {
              id: outputKmage
              objectName: "outputKmage"
              font.family: "Ubuntu"
              font.pointSize: 24
              color: "red"
              text: '0.0'
              }
             }

         Row {
             id:row8
             spacing: units.gu(1)
         Label {
             id: costage
             objectName: "costage"
             width: units.gu(20)
             text: i18n.tr("Cost Per Mile      ")
             font.family: "Ubuntu"
             color: "red"
             }
        Text {
             id: outputCost
             objectName: "outputCost"
             font.family: "Ubuntu"
             font.pointSize: 24
             color: "red"
             text: '0.0'
             }
            }

        Row {
            id:row9
             spacing: units.gu(1)
        Label {
             id: costagekm
             objectName: "costagekm"
             width: units.gu(20)
             text: i18n.tr("Cost Per Kilometre ")
             font.family: "Ubuntu"
             color: "red"
             }
        Text {
             id: outputCostkm
             objectName: "outputCostkm"
             font.family: "Ubuntu"
             font.pointSize: 24
             color: "red"
             text: '0.0'
             }
            }
        Row {
            id:row10
             spacing: units.gu(1)
        Button {
              id: clearBtn
              objectName: "clearBtn"
              text: i18n.tr("Clear all values")
              width: units.gu(22)
              onClicked: {
              inputDistance.text = '';
              inputKm.text = '';
              inputLitres.text = '';
              inputUnits.text = '';
              outputMileage.text = '';
              inputCost.text = '';
              outputKmage.text = '';
              outputCost.text = '';
              outputCostkm.text = '';
              }
             }
}
        Row {
            id:row11
            spacing: units.gu(1)
        Button {
              id: save
              width: units.gu(22)
              text: i18n.tr("Save and Clear Values   ")
              onClicked: {
              Data.insert(Qt.formatDateTime(new Date,"ddd dd MMM yyyy hh:mm" ), inputMiles.text, inputKm.text, inputLitres.text, inputGallons.text, inputCost.text)
              save.text = i18n.tr("Values saved");inputDistance.text = '';inputKm.text = '';inputLitres.text = '';inputUnits.text = '';inputCost.text = '';
              }
             }
            }
        }
    }
}

 //Manage Tab
    Tab {
       id: manage
       title: i18n.tr("Edit")
       page: Loader {
       parent: manage
       anchors.fill: parent
       source: (tabs.selectedTab === manage) ? Qt.resolvedUrl("Manage.qml") : ""
         }
       }
//Tab end

//About Tab
    Tab {
       id: about
       title: i18n.tr("About")
       page: Loader {
       parent: about
       anchors.fill: parent
       source: (tabs.selectedTab === about) ? Qt.resolvedUrl("About.qml") : ""
       }
    }
//Tab end

//Graphs Tab
    Tab {
       id: graphs
       title: i18n.tr("Graphs")
       page: Loader {
       parent: graphs
       anchors.fill: parent
       source: (tabs.selectedTab === graphs) ? Qt.resolvedUrl("backend/QChartGallery.qml") : ""
       }
     }
//Tab end
   }



    //******************************************************SETTINGS PAGE******************************************

   Page {
      title: "Unit Settings"
      id: settingsPage
      visible: false

   Column {
      id: colB1
      spacing: units.gu(2)
      anchors {
      margins: units.gu(2)
      fill: parent
      }

   Row {
      id:row1
      spacing: units.gu(1)

   ListModel {
      id: distanceModel
   ListElement {
      name: "Miles"
      }
   ListElement {
      name: "Kilometres"
      }
   }

   ItemSelector {
      id: os1
      containerHeight: units.gu(30)
      width: units.gu(15)
      model: distanceModel
   }
   Button {
      id: saveUnits1
      color: "#f5971a"
      width: units.gu(15)
      text: "Save"
      onClicked: {
       saveUnits1()
       function saveUnits1() {
       var units1 = os1.selectedIndex;
       if (units1 == 0) {
           appdata1.contents = {
           "distanceunits":"Miles"
            }
           appdata1.create = true
            }
       if (units1 == 1) {
           appdata1.contents = {
           "distanceunits":"Kilometres"
            }
           appdata1.create = true
                    }
                }
            }
        }
    }


   Row {
     id: row3
     spacing: units.gu(1)
   ListModel {
     id: fluidModel
   ListElement {
      name: "Gallons"
      }
   ListElement {
      name: "Litres"
      }
   }
   ItemSelector {
       id: os2
       containerHeight: units.gu(30)
       width: units.gu(15)
       model: fluidModel
       }

   Button {
      id: saveUnits2
      color: "#f5971a"
      width: units.gu(15)
      text: "Save"
      onClicked: {
         saveUnits2()
         function saveUnits2() {
         var units2 = os2.selectedIndex;
         if (units2 == 0) {
         appdata2.contents = {
         "fluidunits":"Gallons"
          }
         appdata2.create = true
          }
         if (units2 == 1) {
         appdata2.contents = {
         "fluidunits":"Litres"
          }
         appdata2.create = true
                }
            }
        }
    }
}

  Text {
     id: firstRun
     width: parent.width
     color: "green"
     font.family : "ubuntu"
     font.pixelSize : 22
     wrapMode: Text.WordWrap
     horizontalAlignment : Text.AlignJustify
     text: "
This Page appears the first time the app is run (> version 0.6) because there are no distance and / or fluid units set in the app. Please select the appropriate units of measurement from the selection boxes above."
     }
  Text {
      id: firstSave
      width: parent.width
      color: "red"
      font.bold: true
      font.family : "ubuntu"
      font.pixelSize : 22
      wrapMode: Text.WordWrap
      horizontalAlignment : Text.AlignJustify
      text:"YOU MUST SAVE BOTH VALUES, EVEN IF YOU HAVEN'T CHANGED ANY."
  }
  Text {
      id: firstSet
      width: parent.width
      wrapMode: Text.WordWrap
      font.family : "ubuntu"
      font.pixelSize : 22
      horizontalAlignment : Text.AlignJustify
      text:"Once you have done so, this page will not appear again unless you select the 'Settings' button from the main page of the app."
}
    Text {
        id: firstTip
        width: parent.width
        wrapMode: Text.WordWrap
        font.family : "ubuntu"
        font.pixelSize : 22
        horizontalAlignment : Text.AlignJustify
        text: "Tip:
US residents travel in miles, and buy fuel in gallons (Imperial)
EU residents travel in kilometres, and buy fuel in litres (Metric)
UK residents travel in miles, but buy fuel in litres (A curious hybrid of Imperial and Metric)"                   
                    }
                }
            }
       // }
   // ******************************END OF SETTINGS PAGE****************************************
    }
}