Add precommit hooks

docs/compodoc/components/AccountsComponent.html

@@ -992,63 +992,99 @@ export class AccountsComponent implements OnInit {
         </ol>
       </nav>
       <div class="card">
-        <mat-card-title class="card-header">
-          Accounts
-        </mat-card-title>
+        <mat-card-title class="card-header"> Accounts </mat-card-title>
         <div class="card-body">
           <div class="row card-header">
             <mat-form-field appearance="outline">
               <mat-label> ACCOUNT TYPE </mat-label>
-              <mat-select id="typeSelect" [(value)]="accountsType" (selectionChange)="filterAccounts()">
+              <mat-select
+                id="typeSelect"
+                [(value)]="accountsType"
+                (selectionChange)="filterAccounts()"
+              >
                 <mat-option value="all">ALL</mat-option>
                 <mat-option *ngFor="let accountType of accountTypes" [value]="accountType">
-                  {{accountType | uppercase}}
+                  {{ accountType | uppercase }}
                 </mat-option>
               </mat-select>
             </mat-form-field>
-            <button mat-raised-button color="primary" type="button" class="btn btn-outline-primary ml-auto mr-2" routerLink="/accounts/search"> SEARCH </button>
-            <button mat-raised-button color="primary" type="button" class="btn btn-outline-primary mr-2" (click)="downloadCsv()"> EXPORT </button>
+            <button
+              mat-raised-button
+              color="primary"
+              type="button"
+              class="btn btn-outline-primary ml-auto mr-2"
+              routerLink="/accounts/search"
+            >
+              SEARCH
+            </button>
+            <button
+              mat-raised-button
+              color="primary"
+              type="button"
+              class="btn btn-outline-primary mr-2"
+              (click)="downloadCsv()"
+            >
+              EXPORT
+            </button>
           </div>
 
           <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="created"
-                     matSortDirection="desc" matSortDisableClear>
-
+          <mat-table
+            class="mat-elevation-z10"
+            [dataSource]="dataSource"
+            matSort
+            matSortActive="created"
+            matSortDirection="desc"
+            matSortDisableClear
+          >
             <ng-container matColumnDef="name">
               <mat-header-cell *matHeaderCellDef mat-sort-header> NAME </mat-header-cell>
-              <mat-cell *matCellDef="let user"> {{user?.vcard.fn[0].value}} </mat-cell>
+              <mat-cell *matCellDef="let user"> {{ user?.vcard.fn[0].value }} </mat-cell>
             </ng-container>
 
             <ng-container matColumnDef="phone">
               <mat-header-cell *matHeaderCellDef mat-sort-header> PHONE NUMBER </mat-header-cell>
-              <mat-cell *matCellDef="let user"> {{user?.vcard.tel[0].value}} </mat-cell>
+              <mat-cell *matCellDef="let user"> {{ user?.vcard.tel[0].value }} </mat-cell>
             </ng-container>
 
             <ng-container matColumnDef="created">
               <mat-header-cell *matHeaderCellDef mat-sort-header> CREATED </mat-header-cell>
-              <mat-cell *matCellDef="let user"> {{user?.date_registered | unixDate}} </mat-cell>
+              <mat-cell *matCellDef="let user"> {{ user?.date_registered | unixDate }} </mat-cell>
             </ng-container>
 
             <ng-container matColumnDef="balance">
               <mat-header-cell *matHeaderCellDef mat-sort-header> BALANCE </mat-header-cell>
-              <mat-cell *matCellDef="let user"> {{user?.balance | tokenRatio}} </mat-cell>
+              <mat-cell *matCellDef="let user"> {{ user?.balance | tokenRatio }} </mat-cell>
             </ng-container>
 
             <ng-container matColumnDef="location">
               <mat-header-cell *matHeaderCellDef mat-sort-header> LOCATION </mat-header-cell>
-              <mat-cell *matCellDef="let user"> {{user?.location.area_name}} </mat-cell>
+              <mat-cell *matCellDef="let user"> {{ user?.location.area_name }} </mat-cell>
             </ng-container>
 
             <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
-            <mat-row *matRowDef="let account; columns: displayedColumns" (click)="viewAccount(account)" matRipple></mat-row>
+            <mat-row
+              *matRowDef="let account; columns: displayedColumns"
+              (click)="viewAccount(account)"
+              matRipple
+            ></mat-row>
           </mat-table>
 
-          <mat-paginator [pageSize]="defaultPageSize" [pageSizeOptions]="pageSizeOptions" showFirstLastButtons></mat-paginator>
+          <mat-paginator
+            [pageSize]="defaultPageSize"
+            [pageSizeOptions]="pageSizeOptions"
+            showFirstLastButtons
+          ></mat-paginator>
         </div>
       </div>
     </div>
@@ -1093,7 +1129,7 @@ export class AccountsComponent 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">Accounts</li>        </ol>      </nav>      <div class="card">        <mat-card-title class="card-header">          Accounts        </mat-card-title>        <div class="card-body">          <div class="row card-header">            <mat-form-field appearance="outline">              <mat-label> ACCOUNT TYPE </mat-label>              <mat-select id="typeSelect" [(value)]="accountsType" (selectionChange)="filterAccounts()">                <mat-option value="all">ALL</mat-option>                <mat-option *ngFor="let accountType of accountTypes" [value]="accountType">                  {{accountType | uppercase}}                </mat-option>              </mat-select>            </mat-form-field>            <button mat-raised-button color="primary" type="button" class="btn btn-outline-primary ml-auto mr-2" routerLink="/accounts/search"> SEARCH </button>            <button mat-raised-button color="primary" type="button" class="btn btn-outline-primary mr-2" (click)="downloadCsv()"> EXPORT </button>          </div>          <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="created"                     matSortDirection="desc" matSortDisableClear>            <ng-container matColumnDef="name">              <mat-header-cell *matHeaderCellDef mat-sort-header> NAME </mat-header-cell>              <mat-cell *matCellDef="let user"> {{user?.vcard.fn[0].value}} </mat-cell>            </ng-container>            <ng-container matColumnDef="phone">              <mat-header-cell *matHeaderCellDef mat-sort-header> PHONE NUMBER </mat-header-cell>              <mat-cell *matCellDef="let user"> {{user?.vcard.tel[0].value}} </mat-cell>            </ng-container>            <ng-container matColumnDef="created">              <mat-header-cell *matHeaderCellDef mat-sort-header> CREATED </mat-header-cell>              <mat-cell *matCellDef="let user"> {{user?.date_registered | unixDate}} </mat-cell>            </ng-container>            <ng-container matColumnDef="balance">              <mat-header-cell *matHeaderCellDef mat-sort-header> BALANCE </mat-header-cell>              <mat-cell *matCellDef="let user"> {{user?.balance | tokenRatio}} </mat-cell>            </ng-container>            <ng-container matColumnDef="location">              <mat-header-cell *matHeaderCellDef mat-sort-header> LOCATION </mat-header-cell>              <mat-cell *matCellDef="let user"> {{user?.location.area_name}} </mat-cell>            </ng-container>            <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>            <mat-row *matRowDef="let account; columns: displayedColumns" (click)="viewAccount(account)" matRipple></mat-row>          </mat-table>          <mat-paginator [pageSize]="defaultPageSize" [pageSizeOptions]="pageSizeOptions" showFirstLastButtons></mat-paginator>        </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">Accounts</li>        </ol>      </nav>      <div class="card">        <mat-card-title class="card-header"> Accounts </mat-card-title>        <div class="card-body">          <div class="row card-header">            <mat-form-field appearance="outline">              <mat-label> ACCOUNT TYPE </mat-label>              <mat-select                id="typeSelect"                [(value)]="accountsType"                (selectionChange)="filterAccounts()"              >                <mat-option value="all">ALL</mat-option>                <mat-option *ngFor="let accountType of accountTypes" [value]="accountType">                  {{ accountType | uppercase }}                </mat-option>              </mat-select>            </mat-form-field>            <button              mat-raised-button              color="primary"              type="button"              class="btn btn-outline-primary ml-auto mr-2"              routerLink="/accounts/search"            >              SEARCH            </button>            <button              mat-raised-button              color="primary"              type="button"              class="btn btn-outline-primary mr-2"              (click)="downloadCsv()"            >              EXPORT            </button>          </div>          <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="created"            matSortDirection="desc"            matSortDisableClear          >            <ng-container matColumnDef="name">              <mat-header-cell *matHeaderCellDef mat-sort-header> NAME </mat-header-cell>              <mat-cell *matCellDef="let user"> {{ user?.vcard.fn[0].value }} </mat-cell>            </ng-container>            <ng-container matColumnDef="phone">              <mat-header-cell *matHeaderCellDef mat-sort-header> PHONE NUMBER </mat-header-cell>              <mat-cell *matCellDef="let user"> {{ user?.vcard.tel[0].value }} </mat-cell>            </ng-container>            <ng-container matColumnDef="created">              <mat-header-cell *matHeaderCellDef mat-sort-header> CREATED </mat-header-cell>              <mat-cell *matCellDef="let user"> {{ user?.date_registered | unixDate }} </mat-cell>            </ng-container>            <ng-container matColumnDef="balance">              <mat-header-cell *matHeaderCellDef mat-sort-header> BALANCE </mat-header-cell>              <mat-cell *matCellDef="let user"> {{ user?.balance | tokenRatio }} </mat-cell>            </ng-container>            <ng-container matColumnDef="location">              <mat-header-cell *matHeaderCellDef mat-sort-header> LOCATION </mat-header-cell>              <mat-cell *matCellDef="let user"> {{ user?.location.area_name }} </mat-cell>            </ng-container>            <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>            <mat-row              *matRowDef="let account; columns: displayedColumns"              (click)="viewAccount(account)"              matRipple            ></mat-row>          </mat-table>          <mat-paginator            [pageSize]="defaultPageSize"            [pageSizeOptions]="pageSizeOptions"            showFirstLastButtons          ></mat-paginator>        </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': 'AccountsComponent'};