Apply Prettier (#1347)

src/app/components/nested-checkbox.component.html

@@ -1,18 +1,30 @@
 <div class="form-group mb-0">
-    <div class="form-check mt-1 form-check-block">
-        <input class="form-check-input" type="checkbox" [name]="pascalize(parentId)" [id]="parentId"
-            [(ngModel)]="parentChecked" [indeterminate]="parentIndeterminate">
-        <label class="form-check-label font-weight-normal" [for]="parentId">
-            {{parentId | i18n}}
-        </label>
-    </div>
-    <div class="form-group form-group-child-check mb-0">
-        <div class="form-check mt-1" *ngFor="let c of checkboxes">
-            <input class="form-check-input" type="checkbox" [name]="pascalize(c.id)" [id]="c.id" [ngModel]="c.get()"
-                (ngModelChange)="c.set($event)">
-            <label class="form-check-label font-weight-normal" [for]="c.id">
-                {{c.id | i18n}}
-            </label>
-        </div>
+  <div class="form-check mt-1 form-check-block">
+    <input
+      class="form-check-input"
+      type="checkbox"
+      [name]="pascalize(parentId)"
+      [id]="parentId"
+      [(ngModel)]="parentChecked"
+      [indeterminate]="parentIndeterminate"
+    />
+    <label class="form-check-label font-weight-normal" [for]="parentId">
+      {{ parentId | i18n }}
+    </label>
+  </div>
+  <div class="form-group form-group-child-check mb-0">
+    <div class="form-check mt-1" *ngFor="let c of checkboxes">
+      <input
+        class="form-check-input"
+        type="checkbox"
+        [name]="pascalize(c.id)"
+        [id]="c.id"
+        [ngModel]="c.get()"
+        (ngModelChange)="c.set($event)"
+      />
+      <label class="form-check-label font-weight-normal" [for]="c.id">
+        {{ c.id | i18n }}
+      </label>
     </div>
+  </div>
 </div>

src/app/components/nested-checkbox.component.ts

@@ -1,37 +1,39 @@
-import {
-    Component,
-    EventEmitter,
-    Input,
-    Output,
-} from '@angular/core';
-import { Utils } from 'jslib-common/misc/utils';
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { Utils } from "jslib-common/misc/utils";
 
 @Component({
-    selector: 'app-nested-checkbox',
-    templateUrl: 'nested-checkbox.component.html',
+  selector: "app-nested-checkbox",
+  templateUrl: "nested-checkbox.component.html",
 })
 export class NestedCheckboxComponent {
-    @Input() parentId: string;
-    @Input() checkboxes: { id: string, get: () => boolean, set: (v: boolean) => void; }[];
-    @Output() onSavedUser = new EventEmitter();
-    @Output() onDeletedUser = new EventEmitter();
+  @Input()
+  parentId: string;
+  @Input()
+  checkboxes: {
+    id: string;
+    get: () => boolean;
+    set: (v: boolean) => void;
+  }[];
+  @Output()
+  onSavedUser = new EventEmitter();
+  @Output()
+  onDeletedUser = new EventEmitter();
 
-    get parentIndeterminate() {
-        return !this.parentChecked &&
-            this.checkboxes.some(c => c.get());
-    }
+  get parentIndeterminate() {
+    return !this.parentChecked && this.checkboxes.some((c) => c.get());
+  }
 
-    get parentChecked() {
-        return this.checkboxes.every(c => c.get());
-    }
+  get parentChecked() {
+    return this.checkboxes.every((c) => c.get());
+  }
 
-    set parentChecked(value: boolean) {
-        this.checkboxes.forEach(c => {
-            c.set(value);
-        });
-    }
+  set parentChecked(value: boolean) {
+    this.checkboxes.forEach((c) => {
+      c.set(value);
+    });
+  }
 
-    pascalize(s: string) {
-        return Utils.camelToPascalCase(s);
-    }
+  pascalize(s: string) {
+    return Utils.camelToPascalCase(s);
+  }
 }

src/app/components/password-reprompt.component.html

@@ -1,39 +1,56 @@
 <div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="confirmUserTitle">
-    <div class="modal-dialog modal-dialog-scrollable" role="document">
-        <form class="modal-content" #form (ngSubmit)="submit()">
-            <div class="modal-header">
-                <h2 class="modal-title" id="confirmUserTitle">
-                    {{'passwordConfirmation' | i18n}}
-                </h2>
-                <button type="button" class="close" data-dismiss="modal">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-            </div>
-            <div class="modal-body">
-                {{'passwordConfirmationDesc' | i18n}}
+  <div class="modal-dialog modal-dialog-scrollable" role="document">
+    <form class="modal-content" #form (ngSubmit)="submit()">
+      <div class="modal-header">
+        <h2 class="modal-title" id="confirmUserTitle">
+          {{ "passwordConfirmation" | i18n }}
+        </h2>
+        <button type="button" class="close" data-dismiss="modal">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        {{ "passwordConfirmationDesc" | i18n }}
 
-                <div class="form-group">
-                    <label for="masterPassword">{{'masterPass' | i18n}}</label>
-                    <div class="d-flex">
-                        <input id="masterPassword" type="{{showPassword ? 'text' : 'password'}}"
-                            name="MasterPassword" class="text-monospace form-control" [(ngModel)]="masterPassword"
-                            required appAutofocus appInputVerbatim>
-                        <button type="button" class="ml-1 btn btn-link" appA11yTitle="{{'toggleVisibility' | i18n}}"
-                            (click)="togglePassword()">
-                            <i class="fa fa-lg" aria-hidden="true"
-                                [ngClass]="{'fa-eye': !showPassword, 'fa-eye-slash': showPassword}"></i>
-                        </button>
-                    </div>
-                </div>
-            </div>
-            <div class="modal-footer">
-                <button type="submit" class="btn btn-primary btn-submit" appBlurClick>
-                    <span>{{'ok' | i18n}}</span>
-                </button>
-                <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
-                    {{'cancel' | i18n}}
-                </button>
-            </div>
-        </form>
-    </div>
+        <div class="form-group">
+          <label for="masterPassword">{{ "masterPass" | i18n }}</label>
+          <div class="d-flex">
+            <input
+              id="masterPassword"
+              type="{{ showPassword ? 'text' : 'password' }}"
+              name="MasterPassword"
+              class="text-monospace form-control"
+              [(ngModel)]="masterPassword"
+              required
+              appAutofocus
+              appInputVerbatim
+            />
+            <button
+              type="button"
+              class="ml-1 btn btn-link"
+              appA11yTitle="{{ 'toggleVisibility' | i18n }}"
+              (click)="togglePassword()"
+            >
+              <i
+                class="fa fa-lg"
+                aria-hidden="true"
+                [ngClass]="{
+                  'fa-eye': !showPassword,
+                  'fa-eye-slash': showPassword
+                }"
+              ></i>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button type="submit" class="btn btn-primary btn-submit" appBlurClick>
+          <span>{{ "ok" | i18n }}</span>
+        </button>
+        <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
+          {{ "cancel" | i18n }}
+        </button>
+      </div>
+    </form>
+  </div>
 </div>

src/app/components/password-reprompt.component.ts

@@ -1,8 +1,8 @@
-import { Component } from '@angular/core';
+import { Component } from "@angular/core";
 
-import { PasswordRepromptComponent as BasePasswordRepromptComponent } from 'jslib-angular/components/password-reprompt.component';
+import { PasswordRepromptComponent as BasePasswordRepromptComponent } from "jslib-angular/components/password-reprompt.component";
 
 @Component({
-    templateUrl: 'password-reprompt.component.html',
+  templateUrl: "password-reprompt.component.html",
 })
 export class PasswordRepromptComponent extends BasePasswordRepromptComponent {}

src/app/components/password-strength.component.html

@@ -1,8 +1,16 @@
 <div class="progress">
-    <div class="progress-bar {{color}}" role="progressbar" [ngStyle]="{width: (scoreWidth + '%')}"
-        attr.aria-valuenow="{{scoreWidth}}" aria-valuemin="0" aria-valuemax="100">
-        <ng-container *ngIf="showText && text">
-            {{text}}
-        </ng-container>
-    </div>
+  <div
+    class="progress-bar {{ color }}"
+    role="progressbar"
+    [ngStyle]="{
+      width: scoreWidth + '%'
+    }"
+    attr.aria-valuenow="{{ scoreWidth }}"
+    aria-valuemin="0"
+    aria-valuemax="100"
+  >
+    <ng-container *ngIf="showText && text">
+      {{ text }}
+    </ng-container>
+  </div>
 </div>

src/app/components/password-strength.component.ts

@@ -1,44 +1,42 @@
-import {
-    Component,
-    Input,
-    OnChanges,
-} from '@angular/core';
+import { Component, Input, OnChanges } from "@angular/core";
 
-import { I18nService } from 'jslib-common/abstractions/i18n.service';
+import { I18nService } from "jslib-common/abstractions/i18n.service";
 
 @Component({
-    selector: 'app-password-strength',
-    templateUrl: 'password-strength.component.html',
+  selector: "app-password-strength",
+  templateUrl: "password-strength.component.html",
 })
 export class PasswordStrengthComponent implements OnChanges {
-    @Input() score?: number;
-    @Input() showText = false;
+  @Input()
+  score?: number;
+  @Input()
+  showText = false;
 
-    scoreWidth = 0;
-    color = 'bg-danger';
-    text: string;
+  scoreWidth = 0;
+  color = "bg-danger";
+  text: string;
 
-    constructor(private i18nService: I18nService) { }
+  constructor(private i18nService: I18nService) {}
 
-    ngOnChanges(): void {
-        this.scoreWidth = this.score == null ? 0 : (this.score + 1) * 20;
-        switch (this.score) {
-            case 4:
-                this.color = 'bg-success';
-                this.text = this.i18nService.t('strong');
-                break;
-            case 3:
-                this.color = 'bg-primary';
-                this.text = this.i18nService.t('good');
-                break;
-            case 2:
-                this.color = 'bg-warning';
-                this.text = this.i18nService.t('weak');
-                break;
-            default:
-                this.color = 'bg-danger';
-                this.text = this.score != null ? this.i18nService.t('weak') : null;
-                break;
-        }
+  ngOnChanges(): void {
+    this.scoreWidth = this.score == null ? 0 : (this.score + 1) * 20;
+    switch (this.score) {
+      case 4:
+        this.color = "bg-success";
+        this.text = this.i18nService.t("strong");
+        break;
+      case 3:
+        this.color = "bg-primary";
+        this.text = this.i18nService.t("good");
+        break;
+      case 2:
+        this.color = "bg-warning";
+        this.text = this.i18nService.t("weak");
+        break;
+      default:
+        this.color = "bg-danger";
+        this.text = this.score != null ? this.i18nService.t("weak") : null;
+        break;
     }
+  }
 }