inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #443 from Alfresco/dev-eromano-156

Browse Source 
add checkbox option file upload
This commit is contained in:
Maurizio Vitale 2016-07-18 17:17:56 +01:00 committed by GitHub
commit 84333315d7
2 changed files with 68 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
demo-shell-ng2/app/components/files/files.component.html
View File

@ -120,37 +120,55 @@
</div> </div>
<p style="width:250px;margin: 20px;">
<label for="switch-multiple-file" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
<input type="checkbox" id="switch-multiple-file" class="mdl-switch__input" (change)="toggleMultipleFileUpload()" >
<span class="mdl-switch__label">Multiple File Upload</span>
</label>
</p>
<h5>Single file upload</h5>
<alfresco-upload-button data-automation-id="single-file-upload"
[uploaddirectory]="currentPath"
[currentFolderPath]="currentPath"
(onSuccess)="documentList.reload()">
</alfresco-upload-button>
<h5>Folder upload</h5> <p style="width:250px;margin: 20px;">
<alfresco-upload-button data-automation-id="folder-upload" <label for="switch-folder-upload" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
[uploaddirectory]="currentPath" <input type="checkbox" id="switch-folder-upload" class="mdl-switch__input" (change)="toggleFolder()">
[currentFolderPath]="currentPath" <span class="mdl-switch__label">Folder Upload</span>
[uploadFolders]="true" </label>
(onSuccess)="documentList.reload()"> </p>
</alfresco-upload-button>
<h5>Multiple file upload</h5> <p style="width:250px;margin: 20px;">
<input type="text" data-automation-id="accepted-files-type" [(ngModel)]="acceptedFilesType"> <label for="switch-accepted-file-type" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
<alfresco-upload-button data-automation-id="multiple-file-upload" <input type="checkbox" id="switch-accepted-file-type" class="mdl-switch__input" (change)="toggleAcceptedFilesType()">
[uploaddirectory]="currentPath" <span class="mdl-switch__label">Filter extension</span>
[currentFolderPath]="currentPath" </label>
acceptedFilesType="{{acceptedFilesType}}" </p>
[multipleFiles]="true"
(onSuccess)="documentList.reload()"> <h5>Upload</h5>
</alfresco-upload-button> <br>
<div *ngIf="acceptedFilesTypeShow">
<span class="mdl-input__label">Extension accepted</span>
<input type="text" data-automation-id="accepted-files-type" [(ngModel)]="acceptedFilesType">
<br/>
</div>
<div *ngIf="!acceptedFilesTypeShow">
<alfresco-upload-button data-automation-id="multiple-file-upload"
[uploaddirectory]="currentPath"
[currentFolderPath]="currentPath"
[multipleFiles]="multipleFileUpload"
[uploadFolders]="folderUpload"
(onSuccess)="documentList.reload()">
<div class="mdl-spinner mdl-js-spinner is-active"></div>
</alfresco-upload-button>
</div>
<div *ngIf="acceptedFilesTypeShow">
<alfresco-upload-button data-automation-id="multiple-file-upload"
[uploaddirectory]="currentPath"
[currentFolderPath]="currentPath"
acceptedFilesType="{{acceptedFilesType}}"
[multipleFiles]="multipleFileUpload"
[uploadFolders]="folderUpload"
(onSuccess)="documentList.reload()">
<div class="mdl-spinner mdl-js-spinner is-active"></div>
</alfresco-upload-button>
</div>
<alfresco-viewer [(showViewer)]="fileShowed"
[urlFile]="urlFile"
[fileName]="fileName"
[mimeType]="mimeType"
[overlayMode]="true">
<div class="mdl-spinner mdl-js-spinner is-active"></div>
</alfresco-viewer>
<file-uploading-dialog #fileDialog></file-uploading-dialog> <file-uploading-dialog #fileDialog></file-uploading-dialog>

24
demo-shell-ng2/app/components/files/files.component.ts
View File

@ -56,12 +56,14 @@ export class FilesComponent {
fileName: string; fileName: string;
mimeType: string; mimeType: string;
fileShowed: boolean = false; fileShowed: boolean = false;
multipleFileUpload: boolean = false;
folderUpload: boolean = false;
acceptedFilesTypeShow: boolean = false;
acceptedFilesType: string = '.jpg,.pdf,.js'; acceptedFilesType: string = '.jpg,.pdf,.js';
constructor( constructor(private contentService: AlfrescoContentService,
private contentService: AlfrescoContentService, documentActions: DocumentActionsService) {
documentActions: DocumentActionsService) {
documentActions.setHandler('my-handler', this.myDocumentActionHandler.bind(this)); documentActions.setHandler('my-handler', this.myDocumentActionHandler.bind(this));
} }
@ -93,4 +95,20 @@ export class FilesComponent {
this.currentPath = event.path; this.currentPath = event.path;
} }
} }
toggleMultipleFileUpload() {
this.multipleFileUpload = !this.multipleFileUpload;
return this.multipleFileUpload;
}
toggleFolder() {
this.multipleFileUpload = false;
this.folderUpload = !this.folderUpload;
return this.folderUpload;
}
toggleAcceptedFilesType() {
this.acceptedFilesTypeShow = !this.acceptedFilesTypeShow;
return this.acceptedFilesTypeShow;
}
} }