update borrow + fix invite

src/app/ui/durationpicker/durationpicker.component.html

@@ -0,0 +1,20 @@
+<div fxLayout="row wrap" fxLayoutAlign="start stretch">
+  <div fxFlex="33%">
+    <mat-form-field>
+      <input matInput type="number" min="0" placeholder="{{'durationpicker.days' | i18n}}" [formControl]="days">
+    </mat-form-field>
+  </div>
+  <div fxFlex="33%">
+    <mat-form-field>
+      <input matInput type="number" min="0" max="23" placeholder="{{'durationpicker.hours' | i18n}}"
+        [formControl]="hours">
+    </mat-form-field>
+  </div>
+  <div fxFlex="33%">
+    <mat-form-field>
+      <input matInput type="number" min="0" max="59" placeholder="{{'durationpicker.minutes' | i18n}}"
+        [formControl]="minutes">
+      <mat-hint align="end">{{duration}}</mat-hint>
+    </mat-form-field>
+  </div>
+</div>

src/app/ui/durationpicker/durationpicker.component.scss

@@ -0,0 +1,4 @@
+mat-form-field {
+  display: block;
+  padding-right: 8px;
+}

src/app/ui/durationpicker/durationpicker.component.ts

@@ -0,0 +1,98 @@
+import { Component, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as moment from 'moment';
+
+@Component({
+  selector: 'app-durationpicker',
+  templateUrl: './durationpicker.component.html',
+  styleUrls: [ './durationpicker.component.scss' ],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      multi: true,
+      useExisting: DurationpickerComponent
+    }
+  ]
+})
+export class DurationpickerComponent implements OnInit, ControlValueAccessor {
+
+  days = new FormControl();
+  hours = new FormControl();
+  minutes = new FormControl();
+
+  duration: string;
+  model: moment.Duration;
+  onChange = (duration) => { };
+  onTouched = () => { };
+  isDisabled = false;
+
+  constructor() { }
+
+  ngOnInit(): void {
+    this.days.valueChanges.subscribe(value => {
+      if (value < this.model.days()) {
+        this.model.subtract((this.model.days() - value), "days");
+      } else {
+        this.model.add((value - this.model.days()), "days");
+      }
+      this.checkValue();
+    })
+
+    this.hours.valueChanges.subscribe(value => {
+      if (value < this.model.hours()) {
+        this.model.subtract((this.model.hours() - value), "hours");
+      } else {
+        this.model.add((value - this.model.hours()), "hours");
+      }
+      this.checkValue();
+    })
+
+    this.minutes.valueChanges.subscribe(value => {
+      if (value < this.model.minutes()) {
+        this.model.subtract((this.model.minutes() - value), "minutes");
+      } else {
+        this.model.add((value - this.model.minutes()), "minutes");
+      }
+      this.checkValue();
+    })
+  }
+
+  checkValue() {
+    if (this.model.asMinutes() <= 0) {
+      this.days.setValue(0, { emitEvent: false });
+      this.hours.setValue(0, { emitEvent: false });
+      this.minutes.setValue(0, { emitEvent: false });
+      this.duration = null;
+    } else {
+      this.duration = this.model.toISOString();
+    }
+
+    this.onChange(this.duration);
+    this.onTouched();
+  }
+
+
+
+  writeValue(duration: string): void {
+    this.duration = duration;
+    this.model = moment.duration(this.duration);
+    this.days.setValue(this.model.days(), { emitEvent: false });
+    this.hours.setValue(this.model.hours()), { emitEvent: false };
+    this.minutes.setValue(this.model.minutes(), { emitEvent: false });
+    this.onTouched();
+  }
+
+  registerOnChange(onChange: any): void {
+    this.onChange = onChange;
+  }
+
+  registerOnTouched(onTouched: any): void {
+    this.onTouched = onTouched;
+  }
+
+  setDisabledState?(isDisabled: boolean): void {
+    this.isDisabled = isDisabled;
+  }
+
+
+}