[ADF-3442] create library dialog (#4018)

* library dialog

* integrate with demo shell

* update resources

* fix license

* auto focus for the first input

* update e2e tests

* try close the dialog between tests

* fix afterEach

* Revert "try close the dialog between tests"

This reverts commit 63464f2b03c226c606d09b18c7d2782e3bb52c0a.

* update code due to css lint issues

* csslint settings for vs code

* missing import
lint fix
remove not used import
convert errorPage js to ts
convert tasklistpage js to ts
fix redirection creation folder in root
fix lint issue
fix e2e

* e2e fix

* fix PS tests

* navigation import

* fix tests tooltip
convert paginapage to ts

* fix lint

* fix lock files e2e
filterspage to ts

* fix lint

* fix cs cre
git dept 3 and not 50 as default in travis

* quiet log git download

* add some delay and change the delete lock

* fix node entry

* convert searchDialog to typescript
parallel protractor

* disable browser execute

* restote test

* change search tests

* move search in a separate e2e folder

* experiment fix e2e

* change util presence
change protractor conf

* fix unshare test

* improve query viewerPage using css over xpath

* waitForAngularEnabled before browser redirect

* convert util to ts and more

* convert other files to ts

* convert to ts other files

* trigger build

* function fixes use arrow function

* process service fixes

* lint fix
review timeout default

* fix failing tests

* restore timeout

* share dialog fix

* remove

* use configuration admin

* fix APS 2 login sso

demo-shell/src/app/components/config-editor/config-editor.component.ts

@@ -54,12 +54,13 @@ export class ConfigEditorComponent {
             this.invalidJson = true;
             this.notificationService.openSnackMessage(
                 'Wrong Code configuration ' + error,
-                4000
+                1000
             );
         } finally {
             if (!this.invalidJson) {
                 this.notificationService.openSnackMessage(
-                    'Saved'
+                    'Saved',
+                    1000
                 );
             }
         }

demo-shell/src/app/components/files/files.component.html

@@ -75,6 +75,7 @@
                         <mat-icon *ngIf="displayMode === 'gallery'" matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.LISTVIEW' | translate }}">list</mat-icon>
                     </button>
                     <button
+                        data-automation-id="create-new-folder"
                         mat-icon-button
                         [disabled]="!canCreateContent(documentList.folderNode)"
                         title="{{ 'DOCUMENT_LIST.TOOLBAR.NEW_FOLDER' | translate }}"
@@ -84,6 +85,12 @@
                         matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.NEW_FOLDER' | translate }}">
                         <mat-icon>create_new_folder</mat-icon>
                     </button>
+                    <button
+                        mat-icon-button
+                        matTooltip="{{ 'APP.CREATE_LIBRARY' | translate }}"
+                        (click)="createLibrary()">
+                        <mat-icon>library_add</mat-icon>
+                    </button>
                     <button mat-icon-button
                             [disabled]="!canEditFolder(documentList.selection)"
                             title="{{ 'DOCUMENT_LIST.TOOLBAR.EDIT_FOLDER' | translate }}"
@@ -372,7 +379,6 @@
                         target="document" 
                         *ngIf="authenticationService.isBpmLoggedIn()"
                         icon="play_arrow"
-                        target="document" 
                         title="DOCUMENT_LIST.ACTIONS.DOCUMENT.PROCESS_ACTION"
                         (execute)="startProcessAction($event)">
                     </content-action>
@@ -381,7 +387,7 @@
                         icon="lock"
                         permission="lock"
                         handler="lock"
-                        title="Lock">
+                        title="DOCUMENT_LIST.ACTIONS.LOCK">
                     </content-action>
                 </content-actions>
             </adf-document-list>

demo-shell/src/app/components/files/files.component.ts

@@ -35,7 +35,8 @@ import {
     DocumentListComponent,
     PermissionStyleModel,
     UploadFilesEvent,
-    ConfirmDialogComponent
+    ConfirmDialogComponent,
+    LibraryDialogComponent
 } from '@alfresco/adf-content-services';
 
 import { SelectAppsDialogComponent } from '@alfresco/adf-process-services';
@@ -346,7 +347,7 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
     openSnackMessage(event: any) {
         this.notificationService.openSnackMessage(
             event,
-            6000
+            4000
         );
     }
 
@@ -572,4 +573,17 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
     getFileFiltering() {
         return this.acceptedFilesTypeShow ? this.acceptedFilesType : '*';
     }
+
+    createLibrary() {
+        const dialogInstance: any = this.dialog.open(LibraryDialogComponent, {
+            width: '400px'
+        });
+
+        dialogInstance.componentInstance.error.subscribe((message) => {
+            this.notificationService.openSnackMessage(
+                message,
+                6000
+            );
+        });
+    }
 }

demo-shell/src/app/components/form/form.component.ts

@@ -89,7 +89,7 @@ export class FormComponent implements OnInit, OnDestroy {
         } catch (error) {
             this.notificationService.openSnackMessage(
                 'Wrong form configuration',
-                2000
+                4000
             );
         }
     }

demo-shell/src/app/components/process-service/process-service.component.html

@@ -270,8 +270,7 @@
                     </mat-slide-toggle>
                 </div>
                 <div>
-                    <mat-slide-toggle id="adf-show-header" (change)="toggleHeaderContent()"
-                                      [checked]="showHeaderContent">{{ 'PS-TAB.TASK-SHOW-HEADER'| translate }}
+                    <mat-slide-toggle id="adf-show-header" (change)="toggleHeaderContent()" [checked]="showHeaderContent">{{ 'PS-TAB.TASK-SHOW-HEADER'| translate }}
                     </mat-slide-toggle>
                 </div>
                 <div>

demo-shell/src/app/components/search/search-bar.component.html

@@ -1,4 +1,5 @@
-<adf-search-control [highlight]="true"
+<adf-search-control
+    [highlight]="true"
     (optionClicked)="onItemClicked($event)"
     (submit)="onSearchSubmit($event)">
     <!-- <adf-empty-search-result>