From 0ddd7c719d3e5014385b6d1eb35f1309f85d6b83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Danyi=20D=C3=A1vid?= <danyi.david@gmail.com>
Date: Mon, 19 Nov 2018 22:31:11 +0100
Subject: [PATCH] * maintenance year selector

---
 .../list-all-maintenances.component.html                    | 6 +++++-
 .../list-all-maintenances.component.ts                      | 6 ++++++
 .../maintenance-calendar.component.html                     | 4 ++++
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/maintenance/list-all-maintenances/list-all-maintenances.component.html b/src/app/maintenance/list-all-maintenances/list-all-maintenances.component.html
index d9471f6..4b39cb0 100644
--- a/src/app/maintenance/list-all-maintenances/list-all-maintenances.component.html
+++ b/src/app/maintenance/list-all-maintenances/list-all-maintenances.component.html
@@ -1,5 +1,9 @@
 <div class="ui main container">
     <h1 class="ui dividing header">Éves karbantartási feladatok</h1>
+    <div class="ui two item stackable tabs menu">
+        <a class="item" [class.active]="year==2018" [routerLink]="['/karbantartas/teljes-lista/2018']">2018</a>
+        <a class="item" [class.active]="year==2019" [routerLink]="['/karbantartas/teljes-lista/2019']">2019</a>
+    </div>
     <div class="ui raised segments">
         <div class="ui segment" *ngFor="let group of maintenances">
             <table class="ui celled striped selectable table">
@@ -13,7 +17,7 @@
                 <tbody>
 
                 <tr *ngFor="let device of group.devices">
-                    <td class="collapsing">{{device.name}}</td>
+                    <td class="collapsing-off">{{device.name}}</td>
                     <td>{{device.workDescription}}</td>
                     <td>
                         <div class="date-card-holder">
diff --git a/src/app/maintenance/list-all-maintenances/list-all-maintenances.component.ts b/src/app/maintenance/list-all-maintenances/list-all-maintenances.component.ts
index 86a12ff..f3681a9 100644
--- a/src/app/maintenance/list-all-maintenances/list-all-maintenances.component.ts
+++ b/src/app/maintenance/list-all-maintenances/list-all-maintenances.component.ts
@@ -15,6 +15,7 @@ import { RoleGuardService } from "../../auth/role-guard.service";
 })
 export class ListAllMaintenancesComponent implements OnInit {
 
+    public year: number = 2018;
     private today: string = "";
 
     constructor(private maintenanceManager: MaintenanceManagerService,
@@ -26,6 +27,11 @@ export class ListAllMaintenancesComponent implements OnInit {
 
     ngOnInit() {
         this.titleService.setTitle('Webnapló : Éves karbantartási feladatok');
+        this.route.params.subscribe((params: {
+            year: number
+        }) => {
+            this.year = params.year ? params.year : new Date().getFullYear();
+        });
         this.route.data.subscribe((data: {
             maintenances: Array<DeviceGroup>,
         }) => {
diff --git a/src/app/maintenance/maintenance-calendar/maintenance-calendar.component.html b/src/app/maintenance/maintenance-calendar/maintenance-calendar.component.html
index 5138673..6615f02 100644
--- a/src/app/maintenance/maintenance-calendar/maintenance-calendar.component.html
+++ b/src/app/maintenance/maintenance-calendar/maintenance-calendar.component.html
@@ -1,5 +1,9 @@
 <div class="ui main container">
     <h1 class="ui dividing header">Karbantartási naptár</h1>
+    <div class="ui two item stackable tabs menu">
+        <a class="item" [class.active]="year==2018" [routerLink]="['/karbantartas/naptar/2018']">2018</a>
+        <a class="item" [class.active]="year==2019" [routerLink]="['/karbantartas/naptar/2019']">2019</a>
+    </div>
     <div class="ui raised segments">
         <div class="ui segment" *ngFor="let data of maintenances">
             <app-calendar [year]="year" [month]="data[0].month" [data]="data"></app-calendar>