Allowing adming to activate and manage auto break calculations.

Author: renemadsen

eform-client/src/app/plugins/modules/time-planning-pn/components/plannings/time-planning-actions/assigned-site/assigned-site-dialog.component.html

@@ -46,7 +46,7 @@
 <!--          {{ 'Use detailed pause editing' | translate }}-->
 <!--        </mat-checkbox>-->
 <!--      </div>-->
-      <div class="d-flex flex-row" *ngIf="!data.resigned && data.globalAutoBreakCalculationActive && selectCurrentUserIsFirstUser$ | async">
+      <div class="d-flex flex-row" *ngIf="!data.resigned && data.globalAutoBreakCalculationActive">
         <!-- data.autoBreakCalculationActive -->
         <mat-checkbox class="p-1"
                       [id]="'autoBreakCalculationActive'"

eform-client/src/app/plugins/modules/time-planning-pn/components/settings/time-planning-settings/time-planning-settings.component.html

@@ -16,11 +16,23 @@ <h4 class="mat-card-title">Google sheet information</h4>
             <mat-form-field class="w-100">
               <input matInput placeholder="Google sheet id" [(ngModel)]="settingsModel.googleSheetId">
             </mat-form-field>
+            <div class="mt-2" *ngIf="settingsModel.googleSheetId">
+              <a
+                id="openGoogleSheetLink"
+                mat-raised-button
+                color="primary"
+                [href]="'https://docs.google.com/spreadsheets/d/' + settingsModel.googleSheetId + '/edit'"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                {{ 'Open Google Sheet' | translate }}
+              </a>
+            </div>
           </div>
 
         </div>
         <br>
-        <div class="row">
+        <div class="row" *ngIf="selectCurrentUserIsFirstUser$ | async">
           <div class="col-12">
             <mat-slide-toggle
               color="primary"
@@ -126,7 +138,7 @@ <h4 class="mat-card-title">{{'Auto calculation of breaks' | translate}}</h4>
     </mat-card>
 
   </div>
-  <div class="flex-cards mt-4">
+  <div class="flex-cards mt-4" *ngIf="selectCurrentUserIsFirstUser$ | async">
     <mat-card class="mat-card-50">
       <mat-card-header>
         <h4 class="mat-card-title">{{'Show calculations as numbers instead of hh:mm' | translate}}</h4>
@@ -151,7 +163,7 @@ <h4 class="mat-card-title">{{'Show calculations as numbers instead of hh:mm' | t
       </mat-card-content>
     </mat-card>
   </div>
-  <div class="flex-cards mt-4">
+  <div class="flex-cards mt-4" *ngIf="selectCurrentUserIsFirstUser$ | async">
     <mat-card class="mat-card-50">
       <mat-card-header>
         <h4 class="mat-card-title">{{'Day of payment' | translate}}</h4>

eform-client/src/app/plugins/modules/time-planning-pn/components/settings/time-planning-settings/time-planning-settings.component.ts

@@ -2,6 +2,8 @@ import {Component, OnDestroy, OnInit} from '@angular/core';
 import {Subscription} from 'rxjs';
 import {TimePlanningPnSettingsService} from '../../../services';
 import {TimePlanningSettingsModel} from '../../../models';
+import {selectCurrentUserIsFirstUser} from "src/app/state";
+import {Store} from "@ngrx/store";
 
 @Component({
     selector: 'app-time-planning-settings',
@@ -13,8 +15,12 @@ export class TimePlanningSettingsComponent implements OnInit, OnDestroy {
   getSettings$: Subscription;
   settingsModel: TimePlanningSettingsModel = new TimePlanningSettingsModel();
   previousData: TimePlanningSettingsModel = new TimePlanningSettingsModel();
+  public selectCurrentUserIsFirstUser$ = this.store.select(selectCurrentUserIsFirstUser);
 
-  constructor(private timePlanningPnSettingsService: TimePlanningPnSettingsService) {
+  constructor(
+    private timePlanningPnSettingsService: TimePlanningPnSettingsService,
+    private store: Store
+  ) {
     this.previousData = {...this.settingsModel};
   }
   ngOnInit() {