Add precommit hooks

docs/compodoc/components/SettingsComponent.html

@@ -736,16 +736,14 @@ export class SettingsComponent implements OnInit {
       <div class="row">
         <div class="col-md-6 mb-2">
           <div class="card">
-            <mat-card-title class="card-header text-center">
-              SETTINGS
-            </mat-card-title>
+            <mat-card-title class="card-header text-center"> SETTINGS </mat-card-title>
             <div class="card-body">
               <h4>CICADA Admin Credentials</h4>
-              <span><strong>UserId: </strong> {{ userInfo?.userid }} </span><br>
-              <span><strong>Username: </strong> {{ userInfo?.name }} </span><br>
+              <span><strong>UserId: </strong> {{ userInfo?.userid }} </span><br />
+              <span><strong>Username: </strong> {{ userInfo?.name }} </span><br />
               <span><strong>Email: </strong> {{ userInfo?.email }} </span>
             </div>
-            <hr>
+            <hr />
             <div class="card-body">
               <h4>Organization Settings</h4>
               <a routerLink="/settings/organization"><i>Update your organization settings</i></a>
@@ -754,21 +752,27 @@ export class SettingsComponent implements OnInit {
         </div>
         <div class="col-md-6 mb-2">
           <div class="card">
-            <mat-card-title class="card-header text-center">
-              ACCOUNT MANAGEMENT
-            </mat-card-title>
+            <mat-card-title class="card-header text-center"> ACCOUNT MANAGEMENT </mat-card-title>
             <div class="card-body">
               <h4>Change Password</h4>
               <a routerLink="/settings"><i>Change your account password</i></a>
             </div>
-            <hr>
+            <hr />
             <div class="card-body">
               <h4>Two-step authentication</h4>
               <a routerLink="/settings"><i>Secure your account with two step verification</i></a>
             </div>
-            <hr>
+            <hr />
             <div class="card-body">
-              <button mat-raised-button color="primary" type="button" class="btn btn-outline-primary" (click)="logout()"> LOGOUT ADMIN </button>
+              <button
+                mat-raised-button
+                color="primary"
+                type="button"
+                class="btn btn-outline-primary"
+                (click)="logout()"
+              >
+                LOGOUT ADMIN
+              </button>
             </div>
           </div>
         </div>
@@ -777,39 +781,60 @@ export class SettingsComponent implements OnInit {
             <mat-card-title class="card-header">
               <div class="row">
                 TRUSTED USERS
-                <button mat-raised-button color="primary" type="button" class="btn btn-outline-primary ml-auto mr-2" (click)="downloadCsv()"> EXPORT </button>
+                <button
+                  mat-raised-button
+                  color="primary"
+                  type="button"
+                  class="btn btn-outline-primary ml-auto mr-2"
+                  (click)="downloadCsv()"
+                >
+                  EXPORT
+                </button>
               </div>
             </mat-card-title>
             <div class="card-body">
               <mat-form-field appearance="outline">
                 <mat-label> Filter </mat-label>
-                <input matInput type="text" (keyup)="doFilter($event.target.value)" placeholder="Filter">
+                <input
+                  matInput
+                  type="text"
+                  (keyup)="doFilter($event.target.value)"
+                  placeholder="Filter"
+                />
                 <mat-icon matSuffix>search</mat-icon>
               </mat-form-field>
-              <mat-table class="mat-elevation-z10" [dataSource]="dataSource" matSort matSortActive="name"
-                         matSortDirection="asc" matSortDisableClear>
-
+              <mat-table
+                class="mat-elevation-z10"
+                [dataSource]="dataSource"
+                matSort
+                matSortActive="name"
+                matSortDirection="asc"
+                matSortDisableClear
+              >
                 <ng-container matColumnDef="name">
                   <mat-header-cell *matHeaderCellDef mat-sort-header> NAME </mat-header-cell>
-                  <mat-cell *matCellDef="let user"> {{user.name}} </mat-cell>
+                  <mat-cell *matCellDef="let user"> {{ user.name }} </mat-cell>
                 </ng-container>
 
                 <ng-container matColumnDef="email">
                   <mat-header-cell *matHeaderCellDef mat-sort-header> EMAIL </mat-header-cell>
-                  <mat-cell *matCellDef="let user"> {{user.email}} </mat-cell>
+                  <mat-cell *matCellDef="let user"> {{ user.email }} </mat-cell>
                 </ng-container>
 
                 <ng-container matColumnDef="userId">
                   <mat-header-cell *matHeaderCellDef mat-sort-header> USER ID </mat-header-cell>
-                  <mat-cell *matCellDef="let user"> {{user.userid}} </mat-cell>
+                  <mat-cell *matCellDef="let user"> {{ user.userid }} </mat-cell>
                 </ng-container>
 
                 <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
                 <mat-row *matRowDef="let user; columns: displayedColumns"></mat-row>
               </mat-table>
 
-              <mat-paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 50, 100]" showFirstLastButtons></mat-paginator>
-
+              <mat-paginator
+                [pageSize]="5"
+                [pageSizeOptions]="[5, 10, 20, 50, 100]"
+                showFirstLastButtons
+              ></mat-paginator>
             </div>
           </div>
         </div>
@@ -856,7 +881,7 @@ export class SettingsComponent implements OnInit {
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><!-- Begin page --><div class="wrapper">  <app-sidebar></app-sidebar>  <!-- ============================================================== -->  <!-- Start Page Content here -->  <!-- ============================================================== -->  <div id="content">    <app-topbar></app-topbar>    <!-- Start Content-->    <div class="container-fluid" appMenuSelection>      <nav aria-label="breadcrumb">        <ol class="breadcrumb">          <li class="breadcrumb-item"><a routerLink="/home">Home</a></li>          <li class="breadcrumb-item active" aria-current="page">Settings</li>        </ol>      </nav>      <div class="row">        <div class="col-md-6 mb-2">          <div class="card">            <mat-card-title class="card-header text-center">              SETTINGS            </mat-card-title>            <div class="card-body">              <h4>CICADA Admin Credentials</h4>              <span><strong>UserId: </strong> {{ userInfo?.userid }} </span><br>              <span><strong>Username: </strong> {{ userInfo?.name }} </span><br>              <span><strong>Email: </strong> {{ userInfo?.email }} </span>            </div>            <hr>            <div class="card-body">              <h4>Organization Settings</h4>              <a routerLink="/settings/organization"><i>Update your organization settings</i></a>            </div>          </div>        </div>        <div class="col-md-6 mb-2">          <div class="card">            <mat-card-title class="card-header text-center">              ACCOUNT MANAGEMENT            </mat-card-title>            <div class="card-body">              <h4>Change Password</h4>              <a routerLink="/settings"><i>Change your account password</i></a>            </div>            <hr>            <div class="card-body">              <h4>Two-step authentication</h4>              <a routerLink="/settings"><i>Secure your account with two step verification</i></a>            </div>            <hr>            <div class="card-body">              <button mat-raised-button color="primary" type="button" class="btn btn-outline-primary" (click)="logout()"> LOGOUT ADMIN </button>            </div>          </div>        </div>        <div class="col-12">          <div class="card mb-3">            <mat-card-title class="card-header">              <div class="row">                TRUSTED USERS                <button mat-raised-button color="primary" type="button" class="btn btn-outline-primary ml-auto mr-2" (click)="downloadCsv()"> EXPORT </button>              </div>            </mat-card-title>            <div class="card-body">              <mat-form-field appearance="outline">                <mat-label> Filter </mat-label>                <input matInput type="text" (keyup)="doFilter($event.target.value)" placeholder="Filter">                <mat-icon matSuffix>search</mat-icon>              </mat-form-field>              <mat-table class="mat-elevation-z10" [dataSource]="dataSource" matSort matSortActive="name"                         matSortDirection="asc" matSortDisableClear>                <ng-container matColumnDef="name">                  <mat-header-cell *matHeaderCellDef mat-sort-header> NAME </mat-header-cell>                  <mat-cell *matCellDef="let user"> {{user.name}} </mat-cell>                </ng-container>                <ng-container matColumnDef="email">                  <mat-header-cell *matHeaderCellDef mat-sort-header> EMAIL </mat-header-cell>                  <mat-cell *matCellDef="let user"> {{user.email}} </mat-cell>                </ng-container>                <ng-container matColumnDef="userId">                  <mat-header-cell *matHeaderCellDef mat-sort-header> USER ID </mat-header-cell>                  <mat-cell *matCellDef="let user"> {{user.userid}} </mat-cell>                </ng-container>                <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>                <mat-row *matRowDef="let user; columns: displayedColumns"></mat-row>              </mat-table>              <mat-paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 50, 100]" showFirstLastButtons></mat-paginator>            </div>          </div>        </div>      </div>    </div>    <app-footer appMenuSelection></app-footer>  </div>  <!-- ============================================================== -->  <!-- End Page content -->  <!-- ============================================================== --></div></div>'
+        var COMPONENT_TEMPLATE = '<div><!-- Begin page --><div class="wrapper">  <app-sidebar></app-sidebar>  <!-- ============================================================== -->  <!-- Start Page Content here -->  <!-- ============================================================== -->  <div id="content">    <app-topbar></app-topbar>    <!-- Start Content-->    <div class="container-fluid" appMenuSelection>      <nav aria-label="breadcrumb">        <ol class="breadcrumb">          <li class="breadcrumb-item"><a routerLink="/home">Home</a></li>          <li class="breadcrumb-item active" aria-current="page">Settings</li>        </ol>      </nav>      <div class="row">        <div class="col-md-6 mb-2">          <div class="card">            <mat-card-title class="card-header text-center"> SETTINGS </mat-card-title>            <div class="card-body">              <h4>CICADA Admin Credentials</h4>              <span><strong>UserId: </strong> {{ userInfo?.userid }} </span><br />              <span><strong>Username: </strong> {{ userInfo?.name }} </span><br />              <span><strong>Email: </strong> {{ userInfo?.email }} </span>            </div>            <hr />            <div class="card-body">              <h4>Organization Settings</h4>              <a routerLink="/settings/organization"><i>Update your organization settings</i></a>            </div>          </div>        </div>        <div class="col-md-6 mb-2">          <div class="card">            <mat-card-title class="card-header text-center"> ACCOUNT MANAGEMENT </mat-card-title>            <div class="card-body">              <h4>Change Password</h4>              <a routerLink="/settings"><i>Change your account password</i></a>            </div>            <hr />            <div class="card-body">              <h4>Two-step authentication</h4>              <a routerLink="/settings"><i>Secure your account with two step verification</i></a>            </div>            <hr />            <div class="card-body">              <button                mat-raised-button                color="primary"                type="button"                class="btn btn-outline-primary"                (click)="logout()"              >                LOGOUT ADMIN              </button>            </div>          </div>        </div>        <div class="col-12">          <div class="card mb-3">            <mat-card-title class="card-header">              <div class="row">                TRUSTED USERS                <button                  mat-raised-button                  color="primary"                  type="button"                  class="btn btn-outline-primary ml-auto mr-2"                  (click)="downloadCsv()"                >                  EXPORT                </button>              </div>            </mat-card-title>            <div class="card-body">              <mat-form-field appearance="outline">                <mat-label> Filter </mat-label>                <input                  matInput                  type="text"                  (keyup)="doFilter($event.target.value)"                  placeholder="Filter"                />                <mat-icon matSuffix>search</mat-icon>              </mat-form-field>              <mat-table                class="mat-elevation-z10"                [dataSource]="dataSource"                matSort                matSortActive="name"                matSortDirection="asc"                matSortDisableClear              >                <ng-container matColumnDef="name">                  <mat-header-cell *matHeaderCellDef mat-sort-header> NAME </mat-header-cell>                  <mat-cell *matCellDef="let user"> {{ user.name }} </mat-cell>                </ng-container>                <ng-container matColumnDef="email">                  <mat-header-cell *matHeaderCellDef mat-sort-header> EMAIL </mat-header-cell>                  <mat-cell *matCellDef="let user"> {{ user.email }} </mat-cell>                </ng-container>                <ng-container matColumnDef="userId">                  <mat-header-cell *matHeaderCellDef mat-sort-header> USER ID </mat-header-cell>                  <mat-cell *matCellDef="let user"> {{ user.userid }} </mat-cell>                </ng-container>                <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>                <mat-row *matRowDef="let user; columns: displayedColumns"></mat-row>              </mat-table>              <mat-paginator                [pageSize]="5"                [pageSizeOptions]="[5, 10, 20, 50, 100]"                showFirstLastButtons              ></mat-paginator>            </div>          </div>        </div>      </div>    </div>    <app-footer appMenuSelection></app-footer>  </div>  <!-- ============================================================== -->  <!-- End Page content -->  <!-- ============================================================== --></div></div>'
     var COMPONENTS = [{'name': 'AccountDetailsComponent', 'selector': 'app-account-details'},{'name': 'AccountsComponent', 'selector': 'app-accounts'},{'name': 'AccountSearchComponent', 'selector': 'app-account-search'},{'name': 'AdminComponent', 'selector': 'app-admin'},{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'AuthComponent', 'selector': 'app-auth'},{'name': 'CreateAccountComponent', 'selector': 'app-create-account'},{'name': 'ErrorDialogComponent', 'selector': 'app-error-dialog'},{'name': 'FooterComponent', 'selector': 'app-footer'},{'name': 'FooterStubComponent', 'selector': 'app-footer'},{'name': 'NetworkStatusComponent', 'selector': 'app-network-status'},{'name': 'OrganizationComponent', 'selector': 'app-organization'},{'name': 'PagesComponent', 'selector': 'app-pages'},{'name': 'SettingsComponent', 'selector': 'app-settings'},{'name': 'SidebarComponent', 'selector': 'app-sidebar'},{'name': 'SidebarStubComponent', 'selector': 'app-sidebar'},{'name': 'TokenDetailsComponent', 'selector': 'app-token-details'},{'name': 'TokensComponent', 'selector': 'app-tokens'},{'name': 'TopbarComponent', 'selector': 'app-topbar'},{'name': 'TopbarStubComponent', 'selector': 'app-topbar'},{'name': 'TransactionDetailsComponent', 'selector': 'app-transaction-details'},{'name': 'TransactionsComponent', 'selector': 'app-transactions'}];
     var DIRECTIVES = [{'name': 'MenuSelectionDirective', 'selector': '[appMenuSelection]'},{'name': 'MenuToggleDirective', 'selector': '[appMenuToggle]'},{'name': 'PasswordToggleDirective', 'selector': '[appPasswordToggle]'},{'name': 'RouterLinkDirectiveStub', 'selector': '[appRouterLink]'}];
     var ACTUAL_COMPONENT = {'name': 'SettingsComponent'};