Weather is done

src/app/battery/battery.component.html

@@ -0,0 +1,3 @@
+<p>
+  batterys works!
+</p>

src/app/battery/battery.component.ts

@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-batterys',
+  templateUrl: './battery.component.html'
+})
+export class BatteryComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/battery/battery.service.ts

@@ -0,0 +1,42 @@
+import {Injectable} from '@angular/core';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class BatteryService {
+    percentage: number[] = [0];
+    charging: boolean;
+
+    get average() {
+        return this.percentage.reduce((acc, battery) => acc + battery, 0) / this.percentage.length;
+    }
+
+    get icon() {
+        if (this.charging == null) return 'battery_unknown';
+
+        let temp = 'battery';
+        if (this.charging) temp += '_charging';
+
+        let average = this.average;
+        if (average <= 20) {
+            temp += '_20';
+        } else if (average <= 30) {
+            temp += '_30';
+        } else if (average <= 50) {
+            temp += '_50';
+        } else if (average <= 60) {
+            temp += '_60';
+        } else if (average <= 80) {
+            temp += '_80';
+        } else if (average <= 90) {
+            temp += '_90';
+        } else if (average > 90) {
+            temp += 'full'
+        }
+
+        return temp;
+    }
+
+    constructor() {
+    }
+}