[ADF-1774] Extend "Create Folder" and add "Edit Folder" dialogs to ADF (#2585)

* [ADF-1774] Extend "Create Folder" and add "Edit Folder" dialogs to ADF

- added create and edit folder directives and used them inside the demo-shell file component
- added FolderDialogComponent for edit/create actions with name validators: forbidSpecialCharacters, forbidEndingDot and forbidOnlySpaces
- updated the translation files
- added unit tests for the new components
- removed the CreateFolderDialogComponent and its usage inside demo-shell
- added documentation files for FolderCreateDirective and FolderEditDirective

* [ADF-1774] fix messed up translation files because of previous commit

* [ADF-1774] changes required on code review comments
This commit is contained in:
suzanadirla
2017-11-03 16:45:42 +02:00
committed by Eugenio Romano
parent c74b696a6e
commit 5dabc39841
28 changed files with 1431 additions and 117 deletions

View File

@@ -0,0 +1,68 @@
/*!
* @license
* Copyright 2016 Alfresco Software, Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { Directive, HostListener, Input } from '@angular/core';
import { MatDialog, MatDialogConfig } from '@angular/material';
import { MinimalNodeEntryEntity } from 'alfresco-js-api';
import { FolderDialogComponent } from '../dialogs/folder.dialog';
import { AlfrescoContentService } from '../services/alfresco-content.service';
const DEFAULT_FOLDER_PARENT_ID = '-my-';
@Directive({
selector: '[adf-create-folder]'
})
export class FolderCreateDirective {
static DIALOG_WIDTH: number = 400;
@Input('adf-create-folder')
parentNodeId: string = DEFAULT_FOLDER_PARENT_ID;
@HostListener('click', [ '$event' ])
onClick(event) {
event.preventDefault();
this.openDialog();
}
constructor(
public dialogRef: MatDialog,
public content: AlfrescoContentService
) {}
private get dialogConfig(): MatDialogConfig {
const { DIALOG_WIDTH: width } = FolderCreateDirective;
const { parentNodeId } = this;
return {
data: { parentNodeId },
width: `${width}px`
};
}
private openDialog(): void {
const { dialogRef, dialogConfig, content } = this;
const dialogInstance = dialogRef.open(FolderDialogComponent, dialogConfig);
dialogInstance.afterClosed().subscribe((node: MinimalNodeEntryEntity) => {
if (node) {
content.folderCreate.next(node);
}
});
}
}