From 67e72c46daae5f04e87e4281657c0e9606287c52 Mon Sep 17 00:00:00 2001
From: Ratnadeep Rajendra Kharade <92khra1mst@hft-stuttgart.de>
Date: Mon, 25 Nov 2019 20:43:49 +0100
Subject: [PATCH] Added bike icons and logic to display bike icons

---
 src/app/home/home.page.html       |  19 +++++++
 src/app/home/home.page.scss       |  82 ++++++++++++++++++++++++++++++
 src/app/home/home.page.ts         |  25 +++++++++
 src/assets/images/ic_high.png     | Bin 0 -> 2731 bytes
 src/assets/images/ic_low.png      | Bin 0 -> 2310 bytes
 src/assets/images/ic_medium.png   | Bin 0 -> 2063 bytes
 src/assets/images/ic_position.png | Bin 0 -> 11638 bytes
 src/assets/images/vector.png      | Bin 0 -> 2056 bytes
 8 files changed, 126 insertions(+)
 create mode 100644 src/assets/images/ic_high.png
 create mode 100644 src/assets/images/ic_low.png
 create mode 100644 src/assets/images/ic_medium.png
 create mode 100644 src/assets/images/ic_position.png
 create mode 100644 src/assets/images/vector.png

diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 24ded16..1b29d49 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -11,3 +11,22 @@
 <ion-content>
   <div #map style="width: 100%; height: 100%" id="mapContainer"></div>
 </ion-content>
+
+<ion-footer>
+  <div class="bike-list-container">
+    <ion-icon class="bike-list-expander" name="arrow-dropup-circle" (click)="expandBikeList()"></ion-icon>
+    <div class="bike-container" *ngFor="let i of tempArr">
+      <div class="bike-name">
+        Bike 1
+      </div>
+      <div class="battery-info">
+        <div><ion-icon class="battery-icon" name="battery-charging"></ion-icon></div>
+        <div>100%</div>
+      </div>
+      <div class="address-info">
+        <div class="disance">56m</div>
+        <div class="address">Schllingstrasse 129</div>
+      </div>
+    </div>
+  </div>
+</ion-footer>
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 0ddc9e8..4fcdff4 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -2,3 +2,85 @@
   max-height: 35vh;
   overflow: hidden;
 }
+
+ion-footer{
+  overflow-y: auto;
+  padding-top: 30px;
+}
+
+.bike-list-container{
+  position: relative;
+
+  .bike-list-expander{
+    position: absolute;
+    font-size: 32px;
+    color: gray;
+    z-index: 200;
+    left: 46%;
+    top: -32px;
+  }
+}
+
+.bike-container{
+  height: 60px;
+  width: 100%;
+  border: 1px solid #aaaaaa;
+  border-radius: 5px;
+  box-sizing: border-box;
+  float: left;
+    width: 100%;
+    clear: both;
+
+  div {
+    height: inherit;
+    float: left;
+  }
+}
+
+.bike-name, .battery-info{
+  height: inherit;
+  line-height: 45px;
+}
+
+.battery-info{
+  width: 20%;
+}
+
+.bike-name{
+  width: 30%!important;
+  line-height: 60px;
+  padding-left: 10px;
+}
+
+.battery-info{
+  line-height: 60px;
+
+  div{
+    float: left;
+  }
+}
+.battery-icon{
+  font-size: 20px;
+}
+
+.address-info{
+  float: right!important;
+  width: 50%!important;
+  font-size: 14px;
+  text-align: right;
+  padding-right: 10px;
+
+  div{
+    width: 100%;
+  }
+
+  .disance{
+    height: 20px;
+    line-height: 20px;
+  }
+
+  .address{
+    height: 40px;
+    padding-top: 10px;
+  }
+}
diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts
index b7bef6e..5cb30e9 100644
--- a/src/app/home/home.page.ts
+++ b/src/app/home/home.page.ts
@@ -11,6 +11,12 @@ export class HomePage {
   private map: any;
   private currentLocation = {lat:0,lng:0};
 
+  public tempArr = [1,2];
+  public locationArr = [{lat:48.778409, lng:9.179252},
+    {lat:48.780926, lng:9.173456},
+    {lat:48.775174, lng:9.175459},
+    {lat:48.793704, lng:9.191112}]
+
   @ViewChild("map", { static: false })
   public mapElement: ElementRef;
   public constructor(private geolocation: Geolocation) {
@@ -44,6 +50,10 @@ export class HomePage {
     var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(this.map));
     var ui = H.ui.UI.createDefault(this.map, defaultLayers);
     this.getLocation(this.map);
+    var img = ['../../../assets/images/ic_high.png','../../../assets/images/ic_medium.png','../../../assets/images/ic_low.png'];
+    for(let i=0; i<this.locationArr.length; i++){
+      this.addMarker(this.locationArr[i].lat, this.locationArr[i].lng, img[i%2]);
+    }
   }
 
   getLocation(map) {
@@ -75,4 +85,19 @@ export class HomePage {
     map.addObject(marker);
     map.setCenter({ lat: lat, lng: lng });
   }
+
+  expandBikeList(){
+    for(let i=0; i<20; i++) {
+      this.tempArr.push(i+3);
+    }
+  }
+
+  addMarker(lat, lng, img){
+    var icon = new H.map.Icon(img);
+    // Create a marker using the previously instantiated icon:
+    var marker = new H.map.Marker({ lat: lat, lng: lng }, { icon: icon });
+
+    // Add the marker to the map:
+    this.map.addObject(marker);
+  }
 }
diff --git a/src/assets/images/ic_high.png b/src/assets/images/ic_high.png
new file mode 100644
index 0000000000000000000000000000000000000000..b68f5cdcfa8fe9dbdee1ec3dd1358853febb0011
GIT binary patch
literal 2731
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/ic_low.png b/src/assets/images/ic_low.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c6302f94b0e4cfba266cc36025caa0eb5310e5f
GIT binary patch
literal 2310
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/ic_medium.png b/src/assets/images/ic_medium.png
new file mode 100644
index 0000000000000000000000000000000000000000..7fc28aeb608abb652ba316101ec92c3379db82c5
GIT binary patch
literal 2063
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/ic_position.png b/src/assets/images/ic_position.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd808a0d7cdd7c362e5834522edb9855f2b4f03c
GIT binary patch
literal 11638
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/vector.png b/src/assets/images/vector.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a664e40099db6a73d4ab19b13037e7b1a443cc1
GIT binary patch
literal 2056
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

literal 0
HcmV?d00001

-- 
GitLab