update prettier (#790)

* update prettier

* enable auto-formatting for html

.vscode/settings.json

@@ -4,9 +4,6 @@
   "typescript.preferences.quoteStyle": "single",
   "typescript.preferences.importModuleSpecifier": "relative",
   "editor.formatOnSave": true,
-  "[html]": {
-    "editor.formatOnSave": false
-  },
   "[json]": {
     "editor.formatOnSave": false
   }

package-lock.json

@@ -12486,9 +12486,9 @@
       "dev": true
     },
     "prettier": {
-      "version": "1.14.2",
+      "version": "1.15.1",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.14.2.tgz",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.15.1.tgz",
-      "integrity": "sha512-McHPg0n1pIke+A/4VcaS2en+pTNjy4xF+Uuq86u/5dyDO59/TtFZtQ708QIRkEZ3qwKz3GVkVa6mpxK/CpB8Rg==",
+      "integrity": "sha512-4rgV2hyc/5Pk0XHH4VjJWHRgVjgRbpMfLQjREAhHBtyW1UvTFkjJEsueGYNYYZd9mn97K+1qv0EBwm11zoaSgA==",
       "dev": true
     },
     "process": {

package.json

@@ -90,7 +90,7 @@
     "karma-jasmine": "~1.1.0",
     "karma-jasmine-html-reporter": "^0.2.2",
     "ng-packagr": "^4.4.0",
-    "prettier": "^1.14.2",
+    "prettier": "^1.15.1",
     "protractor": "^5.4.0",
     "rimraf": "2.6.2",
     "rxjs-tslint-rules": "^4.8.0",

src/app/components/common/dynamic-column/dynamic-column.component.ts

@@ -41,7 +41,9 @@ import { ExtensionService } from '@alfresco/adf-extensions';
 
 @Component({
   selector: 'app-dynamic-column',
-  template: `<ng-container #content></ng-container>`,
+  template: `
+    <ng-container #content></ng-container>
+  `,
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: { class: 'app-dynamic-column' },

src/app/components/common/library-name-column/library-name-column.component.ts

@@ -37,9 +37,7 @@ import { ShareDataRow } from '@alfresco/adf-content-services';
 @Component({
   selector: 'app-library-name-column',
   template: `
-    <span
+    <span title="{{ displayTooltip }}" (click)="onClick()">
-      title="{{ displayTooltip }}"
-      (click)="onClick()">
       {{ displayText }}
     </span>
   `,

src/app/components/common/location-link/location-link.component.ts

@@ -42,10 +42,10 @@ import { ContentApiService } from '../../../services/content-api.service';
 @Component({
   selector: 'aca-location-link',
   template: `
-        <a href="" [title]="nodeLocation$ | async" (click)="goToLocation()">
+    <a href="" [title]="nodeLocation$ | async" (click)="goToLocation()">
-            {{ displayText | async }}
+      {{ displayText | async }}
-        </a>
+    </a>
-    `,
+  `,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   host: { class: 'aca-location-link adf-location-cell' }

src/app/components/common/name-column/name-column.component.ts

@@ -36,9 +36,7 @@ import { MinimalNodeEntity } from 'alfresco-js-api';
 @Component({
   selector: 'app-name-column',
   template: `
-    <span
+    <span title="{{ node | adfNodeNameTooltip }}" (click)="onClick()">
-      title="{{ node | adfNodeNameTooltip }}"
-      (click)="onClick()">
       {{ displayText }}
     </span>
   `,

src/app/components/common/trashcan-name-column/trashcan-name-column.component.ts

@@ -35,10 +35,7 @@ import { MinimalNodeEntity } from 'alfresco-js-api';
 @Component({
   selector: 'app-trashcan-name-column',
   template: `
-    <span
+    <span title="{{ node | adfNodeNameTooltip }}">{{ displayText }}</span>
-      title="{{ node | adfNodeNameTooltip }}">
-      {{ displayText }}
-    </span>
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,

src/app/components/info-drawer/comments-tab/comments-tab.component.ts

@@ -30,8 +30,11 @@ import { NodePermissionService } from '../../../services/node-permission.service
 @Component({
   selector: 'app-comments-tab',
   template: `
-        <adf-comments [readOnly]="!canUpdateNode" [nodeId]="node?.id"></adf-comments>
+    <adf-comments
-    `
+      [readOnly]="!canUpdateNode"
+      [nodeId]="node?.id"
+    ></adf-comments>
+  `
 })
 export class CommentsTabComponent {
   @Input()

src/app/components/info-drawer/metadata-tab/metadata-tab.component.ts

@@ -36,9 +36,10 @@ import { AppConfigService } from '@alfresco/adf-core';
       [readOnly]="!canUpdateNode"
       [displayEmpty]="canUpdateNode"
       [preset]="'custom'"
-      [node]="node">
+      [node]="node"
+    >
     </adf-content-metadata-card>
-    `,
+  `,
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-metadata-tab' }
 })

src/app/components/info-drawer/versions-tab/versions-tab.component.ts

@@ -29,21 +29,26 @@ import { MinimalNodeEntryEntity } from 'alfresco-js-api';
 @Component({
   selector: 'app-versions-tab',
   template: `
-        <ng-container *ngIf="isFileSelected;else empty">
+    <ng-container *ngIf="isFileSelected; else: empty">
-            <adf-version-manager
+      <adf-version-manager
-                [showComments]="'adf-version-manager.allowComments' | adfAppConfig:true"
+        [showComments]="
-                [allowDownload]="'adf-version-manager.allowDownload' | adfAppConfig:true"
+          'adf-version-manager.allowComments' | adfAppConfig: true
-                [node]="node">
+        "
-            </adf-version-manager>
+        [allowDownload]="
-        </ng-container>
+          'adf-version-manager.allowDownload' | adfAppConfig: true
+        "
+        [node]="node"
+      >
+      </adf-version-manager>
+    </ng-container>
 
-        <ng-template #empty>
+    <ng-template #empty>
-            <div class="adf-manage-versions-empty">
+      <div class="adf-manage-versions-empty">
-                <mat-icon class="adf-manage-versions-empty-icon">face</mat-icon>
+        <mat-icon class="adf-manage-versions-empty-icon">face</mat-icon>
-                {{ 'VERSION.SELECTION.EMPTY' | translate }}
+        {{ 'VERSION.SELECTION.EMPTY' | translate }}
-            </div>
+      </div>
-        </ng-template>
+    </ng-template>
-    `
+  `
 })
 export class VersionsTabComponent implements OnInit, OnChanges {
   @Input()

src/app/components/layout/page-layout/page-layout-content.component.ts

@@ -33,7 +33,9 @@ import {
 
 @Component({
   selector: 'app-page-layout-content',
-  template: `<ng-content></ng-content>`,
+  template: `
+    <ng-content></ng-content>
+  `,
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: { class: 'app-page-layout-content' }

src/app/components/layout/page-layout/page-layout-error.component.ts

@@ -31,7 +31,9 @@ import {
 
 @Component({
   selector: 'app-page-layout-error',
-  template: `<ng-content></ng-content>`,
+  template: `
+    <ng-content></ng-content>
+  `,
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: { class: 'app-page-layout-error' }

src/app/components/preview/preview-extension.component.ts

@@ -39,7 +39,9 @@ import { MinimalNodeEntryEntity } from 'alfresco-js-api';
 
 @Component({
   selector: 'app-preview-extension',
-  template: `<div #content></div>`
+  template: `
+    <div #content></div>
+  `
 })
 export class PreviewExtensionComponent implements OnInit, OnChanges, OnDestroy {
   @ViewChild('content', { read: ViewContainerRef })

src/app/components/toolbar/document-display-mode/document-display-mode.component.ts

@@ -33,10 +33,7 @@ import { ToggleDocumentDisplayMode } from '../../../store/actions';
 @Component({
   selector: 'app-document-display-mode',
   template: `
-    <button
+    <button mat-icon-button color="primary" (click)="onClick()">
-      mat-icon-button
-      color="primary"
-      (click)="onClick()">
       <mat-icon *ngIf="(displayMode$ | async) === 'list'">view_comfy</mat-icon>
       <mat-icon *ngIf="(displayMode$ | async) === 'gallery'">list</mat-icon>
     </button>

src/app/components/toolbar/toggle-favorite/toggle-favorite.component.ts

@@ -35,15 +35,16 @@ import { ContentManagementService } from '../../../services/content-management.s
   selector: 'app-toggle-favorite',
   template: `
     <button
-        mat-menu-item
+      mat-menu-item
-        #favorites="adfFavorite"
+      #favorites="adfFavorite"
-        (toggle)="onToggleEvent()"
+      (toggle)="onToggleEvent()"
-        [adf-node-favorite]="(selection$ | async).nodes">
+      [adf-node-favorite]="(selection$ | async).nodes"
-        <mat-icon *ngIf="favorites.hasFavorites()">star</mat-icon>
+    >
-        <mat-icon *ngIf="!favorites.hasFavorites()">star_border</mat-icon>
+      <mat-icon *ngIf="favorites.hasFavorites()">star</mat-icon>
-        <span>{{ 'APP.ACTIONS.FAVORITE' | translate }}</span>
+      <mat-icon *ngIf="!favorites.hasFavorites()">star_border</mat-icon>
+      <span>{{ 'APP.ACTIONS.FAVORITE' | translate }}</span>
     </button>
-    `,
+  `,
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-toggle-favorite' }
 })

src/app/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts

@@ -33,14 +33,15 @@ import { ToggleInfoDrawerAction } from '../../../store/actions';
 @Component({
   selector: 'app-toggle-info-drawer',
   template: `
-        <button
+    <button
-            mat-icon-button
+      mat-icon-button
-            [color]="(infoDrawerOpened$ | async) ? 'accent' : 'primary'"
+      [color]="(infoDrawerOpened$ | async) ? 'accent' : 'primary'"
-            [attr.title]="'APP.ACTIONS.DETAILS' | translate"
+      [attr.title]="'APP.ACTIONS.DETAILS' | translate"
-            (click)="onClick()">
+      (click)="onClick()"
-            <mat-icon>info_outline</mat-icon>
+    >
-        </button>
+      <mat-icon>info_outline</mat-icon>
-    `,
+    </button>
+  `,
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-toggle-info-drawer' }
 })