[ACA-2122] automatic code formatting on commit (#890)

src/app/components/search/search-input-control/search-input-control.component.html

@@ -1,21 +1,33 @@
 <div class="app-search-container">
-    <button mat-icon-button
-            id="app-search-button"
-            class="app-search-button"
-            [title]="'SEARCH.BUTTON.TOOLTIP' | translate">
-        <mat-icon [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
-    </button>
-    <mat-form-field class="app-input-form-field" [floatLabel]="'never'">
-        <input matInput #searchInput
-            [attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate"
-            [type]="inputType"
-            id="app-control-input"
-            [(ngModel)]="searchTerm"
-            (ngModelChange)="inputChange($event)"
-            (keyup.enter)="searchSubmit($event)"
-            [placeholder]="'SEARCH.INPUT.PLACEHOLDER' | translate">
-        <div matSuffix class="app-suffix-search-icon-wrapper">
-          <mat-icon *ngIf="searchTerm.length" (click)="clear()" class="app-clear-icon">clear</mat-icon>
-        </div>
-    </mat-form-field>
+  <button
+    mat-icon-button
+    id="app-search-button"
+    class="app-search-button"
+    [title]="'SEARCH.BUTTON.TOOLTIP' | translate"
+  >
+    <mat-icon [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate"
+      >search</mat-icon
+    >
+  </button>
+  <mat-form-field class="app-input-form-field" [floatLabel]="'never'">
+    <input
+      matInput
+      #searchInput
+      [attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate"
+      [type]="inputType"
+      id="app-control-input"
+      [(ngModel)]="searchTerm"
+      (ngModelChange)="inputChange($event)"
+      (keyup.enter)="searchSubmit($event)"
+      [placeholder]="'SEARCH.INPUT.PLACEHOLDER' | translate"
+    />
+    <div matSuffix class="app-suffix-search-icon-wrapper">
+      <mat-icon
+        *ngIf="searchTerm.length"
+        (click)="clear()"
+        class="app-clear-icon"
+        >clear</mat-icon
+      >
+    </div>
+  </mat-form-field>
 </div>

src/app/components/search/search-input/search-input.component.html

@@ -1,40 +1,59 @@
-<div class="app-search-container searchMenuTrigger" [matMenuTriggerFor]="searchOptionsMenu"
-     (menuOpened)="onMenuOpened()">
-    <button mat-icon-button
-            class="app-search-button"
-            [title]="'SEARCH.BUTTON.TOOLTIP' | translate">
-        <mat-icon [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
-    </button>
-    <mat-form-field class="app-input-form-field" [floatLabel]="'never'">
-        <input matInput
-               [attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate"
-               [type]="'text'"
-               [disabled]="true"
-               [value]="searchedWord"
-               [placeholder]="'SEARCH.INPUT.PLACEHOLDER' | translate">
+<div
+  class="app-search-container searchMenuTrigger"
+  [matMenuTriggerFor]="searchOptionsMenu"
+  (menuOpened)="onMenuOpened()"
+>
+  <button
+    mat-icon-button
+    class="app-search-button"
+    [title]="'SEARCH.BUTTON.TOOLTIP' | translate"
+  >
+    <mat-icon [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate"
+      >search</mat-icon
+    >
+  </button>
+  <mat-form-field class="app-input-form-field" [floatLabel]="'never'">
+    <input
+      matInput
+      [attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate"
+      [type]="'text'"
+      [disabled]="true"
+      [value]="searchedWord"
+      [placeholder]="'SEARCH.INPUT.PLACEHOLDER' | translate"
+    />
 
-        <div matSuffix class="app-suffix-search-icon-wrapper">
-            <mat-icon>arrow_drop_down</mat-icon>
-        </div>
-    </mat-form-field>
+    <div matSuffix class="app-suffix-search-icon-wrapper">
+      <mat-icon>arrow_drop_down</mat-icon>
+    </div>
+  </mat-form-field>
 </div>
 
-<mat-menu #searchOptionsMenu="matMenu" [overlapTrigger]="true" class="app-search-options-menu">
-    <app-search-input-control #searchInputControl
-                              (click)="$event.stopPropagation()"
-                              (submit)="onSearchSubmit($event)"
-                              (searchChange)="onSearchChange($event)">
-    </app-search-input-control>
-    <mat-hint *ngIf="hasLibraryConstraint()" class="app-search-hint">{{ 'SEARCH.INPUT.HINT' | translate }}</mat-hint>
+<mat-menu
+  #searchOptionsMenu="matMenu"
+  [overlapTrigger]="true"
+  class="app-search-options-menu"
+>
+  <app-search-input-control
+    #searchInputControl
+    (click)="$event.stopPropagation()"
+    (submit)="onSearchSubmit($event)"
+    (searchChange)="onSearchChange($event)"
+  >
+  </app-search-input-control>
+  <mat-hint *ngIf="hasLibraryConstraint()" class="app-search-hint">{{
+    'SEARCH.INPUT.HINT' | translate
+  }}</mat-hint>
 
-    <div id="search-options">
-        <mat-checkbox *ngFor="let option of searchOptions"
-                    id="{{ option.id }}"
-                    [(ngModel)]="option.value"
-                    [disabled]="option.shouldDisable()"
-                    (change)="searchByOption()"
-                    (click)="$event.stopPropagation()">
-        {{ option.key | translate }}
-        </mat-checkbox>
-    </div>
+  <div id="search-options">
+    <mat-checkbox
+      *ngFor="let option of searchOptions"
+      id="{{ option.id }}"
+      [(ngModel)]="option.value"
+      [disabled]="option.shouldDisable()"
+      (change)="searchByOption()"
+      (click)="$event.stopPropagation()"
+    >
+      {{ option.key | translate }}
+    </mat-checkbox>
+  </div>
 </mat-menu>

src/app/components/search/search-results-row/search-results-row.component.html

@@ -1,17 +1,26 @@
 <div class="line">
-    <span *ngIf="isFile" (click)="showPreview()" class="link"> {{ name }} </span>
-    <span *ngIf="!isFile" (click)="navigate()" class="bold link"> {{ name }} </span>
-    <span *ngIf="hasTitle && showTitle"> ( {{ title }} ) </span>
+  <span *ngIf="isFile" (click)="showPreview()" class="link"> {{ name }} </span>
+  <span *ngIf="!isFile" (click)="navigate()" class="bold link">
+    {{ name }}
+  </span>
+  <span *ngIf="hasTitle && showTitle"> ( {{ title }} ) </span>
 </div>
 
-<div *ngIf="hasDescription" class="line">  {{ description }} </div>
+<div *ngIf="hasDescription" class="line">{{ description }}</div>
 
 <div class="line">
-    {{ 'APP.BROWSE.SEARCH.CUSTOM_ROW.MODIFIED' | translate }}: {{ modifiedAt | date:'medium' }}
+  {{ 'APP.BROWSE.SEARCH.CUSTOM_ROW.MODIFIED' | translate }}:
+  {{ modifiedAt | date: 'medium' }}
 
-    by <span> {{ user }}  </span>
+  by <span> {{ user }} </span>
 
-    <span *ngIf="size">| {{ 'APP.BROWSE.SEARCH.CUSTOM_ROW.SIZE' | translate }}: {{ size | adfFileSize }} </span>
+  <span *ngIf="size"
+    >| {{ 'APP.BROWSE.SEARCH.CUSTOM_ROW.SIZE' | translate }}:
+    {{ size | adfFileSize }}
+  </span>
 </div>
 
-<div class="line">{{ 'APP.BROWSE.SEARCH.CUSTOM_ROW.LOCATION' | translate }}: <aca-location-link [context]="context"></aca-location-link></div>
+<div class="line">
+  {{ 'APP.BROWSE.SEARCH.CUSTOM_ROW.LOCATION' | translate }}:
+  <aca-location-link [context]="context"></aca-location-link>
+</div>

src/app/components/search/search-results/search-results.component.html

@@ -1,8 +1,6 @@
 <app-page-layout>
-
   <app-page-layout-header>
-    <adf-breadcrumb root="APP.BROWSE.SEARCH.TITLE">
-    </adf-breadcrumb>
+    <adf-breadcrumb root="APP.BROWSE.SEARCH.TITLE"> </adf-breadcrumb>
     <adf-toolbar class="inline">
       <ng-container *ngFor="let entry of actions; trackBy: trackByActionId">
         <aca-toolbar-action [actionRef]="entry"></aca-toolbar-action>
@@ -13,83 +11,107 @@
   <app-page-layout-content>
     <div class="main-content">
       <div class="adf-search-results">
-          <adf-search-filter
-              #searchFilter
-              [ngClass]="{ 'adf-search-filter--hidden': hideSearchFilter() }"></adf-search-filter>
-          <div class="adf-search-results__content">
-              <mat-progress-bar
-                  *ngIf="isLoading"
-                  color="primary"
-                  mode="indeterminate">
-              </mat-progress-bar>
-              <div class="adf-search-results__content-header content" *ngIf="data?.list.entries.length">
-                  <div class="content__side--left">
-                      <div class="adf-search-results--info-text"
-                           *ngIf="totalResults !== 1">{{ 'APP.BROWSE.SEARCH.FOUND_RESULTS' | translate: { number: totalResults } }}</div>
-                      <div class="adf-search-results--info-text"
-                           *ngIf="totalResults === 1">{{ 'APP.BROWSE.SEARCH.FOUND_ONE_RESULT' | translate: { number: totalResults } }}</div>
-
-                      <div class="adf-search-results__facets">
-                              <adf-search-chip-list [searchFilter]="searchFilter"></adf-search-chip-list>
-                      </div>
-                  </div>
-
-                  <adf-search-sorting-picker class="content__side--right"></adf-search-sorting-picker>
+        <adf-search-filter
+          #searchFilter
+          [ngClass]="{ 'adf-search-filter--hidden': hideSearchFilter() }"
+        ></adf-search-filter>
+        <div class="adf-search-results__content">
+          <mat-progress-bar
+            *ngIf="isLoading"
+            color="primary"
+            mode="indeterminate"
+          >
+          </mat-progress-bar>
+          <div
+            class="adf-search-results__content-header content"
+            *ngIf="data?.list.entries.length"
+          >
+            <div class="content__side--left">
+              <div
+                class="adf-search-results--info-text"
+                *ngIf="totalResults !== 1"
+              >
+                {{
+                  'APP.BROWSE.SEARCH.FOUND_RESULTS'
+                    | translate: { number: totalResults }
+                }}
+              </div>
+              <div
+                class="adf-search-results--info-text"
+                *ngIf="totalResults === 1"
+              >
+                {{
+                  'APP.BROWSE.SEARCH.FOUND_ONE_RESULT'
+                    | translate: { number: totalResults }
+                }}
               </div>
 
-              <adf-document-list
-                  #documentList
-                  acaDocumentList
-                  acaContextActions
-                  [showHeader]="false"
-                  [selectionMode]="'multiple'"
-                  [sortingMode]="'server'"
-                  [sorting]="sorting"
-                  [node]="data"
-                  (node-dblclick)="onNodeDoubleClick($event.detail?.node)">
+              <div class="adf-search-results__facets">
+                <adf-search-chip-list
+                  [searchFilter]="searchFilter"
+                ></adf-search-chip-list>
+              </div>
+            </div>
 
-                  <data-columns>
-                      <data-column
-                          [key]="'$thumbnail'"
-                          [type]="'image'"
-                          [sr-title]="'ADF-DOCUMENT-LIST.LAYOUT.THUMBNAIL'"
-                          [sortable]="false">
-                      </data-column>
-
-                      <data-column
-                          key
-                          type="text">
-                              <ng-template let-context>
-                                  <aca-search-results-row [context]="context"></aca-search-results-row>
-                              </ng-template>
-                      </data-column>
-
-                  </data-columns>
-
-                  <empty-folder-content>
-                      <ng-template>
-                          <ng-container *ngIf="data">
-                              <div class="empty-search__block">
-                                  <p class="empty-search__text">
-                                      {{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}
-                                  </p>
-                              </div>
-                          </ng-container>
-                      </ng-template>
-                  </empty-folder-content>
-              </adf-document-list>
-
-              <adf-pagination *ngIf="!documentList.isEmpty()"
-                  acaPagination
-                  [target]="documentList"
-                  (change)="onPaginationChanged($event)">
-              </adf-pagination>
+            <adf-search-sorting-picker
+              class="content__side--right"
+            ></adf-search-sorting-picker>
           </div>
+
+          <adf-document-list
+            #documentList
+            acaDocumentList
+            acaContextActions
+            [showHeader]="false"
+            [selectionMode]="'multiple'"
+            [sortingMode]="'server'"
+            [sorting]="sorting"
+            [node]="data"
+            (node-dblclick)="onNodeDoubleClick($event.detail?.node)"
+          >
+            <data-columns>
+              <data-column
+                [key]="'$thumbnail'"
+                [type]="'image'"
+                [sr-title]="'ADF-DOCUMENT-LIST.LAYOUT.THUMBNAIL'"
+                [sortable]="false"
+              >
+              </data-column>
+
+              <data-column key type="text">
+                <ng-template let-context>
+                  <aca-search-results-row
+                    [context]="context"
+                  ></aca-search-results-row>
+                </ng-template>
+              </data-column>
+            </data-columns>
+
+            <empty-folder-content>
+              <ng-template>
+                <ng-container *ngIf="data">
+                  <div class="empty-search__block">
+                    <p class="empty-search__text">
+                      {{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}
+                    </p>
+                  </div>
+                </ng-container>
+              </ng-template>
+            </empty-folder-content>
+          </adf-document-list>
+
+          <adf-pagination
+            *ngIf="!documentList.isEmpty()"
+            acaPagination
+            [target]="documentList"
+            (change)="onPaginationChanged($event)"
+          >
+          </adf-pagination>
+        </div>
       </div>
     </div>
-    <div class="sidebar" *ngIf="infoDrawerOpened$ | async">
+    <div class="sidebar" *ngIf="(infoDrawerOpened$ | async)">
       <aca-info-drawer [node]="selection.last"></aca-info-drawer>
     </div>
   </app-page-layout-content>
-
 </app-page-layout>