inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

add test and documentation staticTitle option #1570 (#1744)

Browse Source
This commit is contained in:
Eugenio Romano
2017-03-22 09:57:52 +00:00
committed by Denys Vuika
parent 62915aff93
commit d32ed969a7
3 changed files with 42 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ng2-components/ng2-alfresco-upload/README.md
View File

@@ -177,7 +177,7 @@ Attribute | Options | Default | Description | Mandatory
`acceptedFilesType` | *string* | * | array of allowed file extensions , example: ".jpg,.gif,.png,.svg" | `acceptedFilesType` | *string* | * | array of allowed file extensions , example: ".jpg,.gif,.png,.svg" |
`currentFolderPath` | *string* | '/Sites/swsdp/documentLibrary' | define the path where the files are uploaded | `currentFolderPath` | *string* | '/Sites/swsdp/documentLibrary' | define the path where the files are uploaded |
`versioning` | *boolean* | false | Versioning false is the default uploader behaviour and it rename using an integer suffix if there is a name clash. Versioning true to indicate that a major version should be created | `versioning` | *boolean* | false | Versioning false is the default uploader behaviour and it rename using an integer suffix if there is a name clash. Versioning true to indicate that a major version should be created |
`staticTitle` | *string* | 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' or 'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' string in the JSON text file | define the text of the upload button|
### Drag and drop ### Drag and drop

12
ng2-components/ng2-alfresco-upload/src/components/upload-button.component.html
View File

@@ -5,8 +5,8 @@
<!--Multiple Files Upload--> <!--Multiple Files Upload-->
<span *ngIf="multipleFiles"> <span *ngIf="multipleFiles">
<label *ngIf="!staticTitle" for="upload-multiple-files">{{'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate}}</label> <label id="upload-multiple-file-label" *ngIf="!staticTitle" for="upload-multiple-files">{{'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate}}</label>
<label *ngIf="staticTitle" for="upload-multiple-files">{{staticTitle}}</label> <label id="upload-multiple-file-label-static" *ngIf="staticTitle" for="upload-multiple-files">{{staticTitle}}</label>
<input id="upload-multiple-files" data-automation-id="upload-multiple-files" type="file" name="uploadFiles" <input id="upload-multiple-files" data-automation-id="upload-multiple-files" type="file" name="uploadFiles"
(change)="onFilesAdded($event)" (change)="onFilesAdded($event)"
multiple="multiple" multiple="multiple"
@@ -16,8 +16,8 @@
<!--Single Files Upload--> <!--Single Files Upload-->
<span *ngIf="!multipleFiles"> <span *ngIf="!multipleFiles">
<label *ngIf="!staticTitle" for="upload-single-file">{{'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate}}</label> <label id="upload-single-file-label" *ngIf="!staticTitle" for="upload-single-file">{{'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate}}</label>
<label *ngIf="staticTitle" for="upload-single-file">{{staticTitle}}</label> <label id="upload-single-file-label-static" *ngIf="staticTitle" for="upload-single-file">{{staticTitle}}</label>
<input id="upload-single-file" data-automation-id="upload-single-file" type="file" name="uploadFiles" <input id="upload-single-file" data-automation-id="upload-single-file" type="file" name="uploadFiles"
(change)="onFilesAdded($event)" (change)="onFilesAdded($event)"
accept="{{acceptedFilesType}}" accept="{{acceptedFilesType}}"
@@ -28,8 +28,8 @@
<!--Folders Upload--> <!--Folders Upload-->
<div *ngIf="uploadFolders" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-button--file"> <div *ngIf="uploadFolders" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-button--file">
<i class="material-icons">file_upload</i> <i class="material-icons">file_upload</i>
<label *ngIf="!staticTitle" for="uploadFolder">{{'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate}}</label> <label id="uploadFolder-label" *ngIf="!staticTitle" for="uploadFolder">{{'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate}}</label>
<label *ngIf="staticTitle" for="uploadFolder">{{staticTitle}}</label> <label id="uploadFolder-label-static" *ngIf="staticTitle" for="uploadFolder">{{staticTitle}}</label>
<input id="uploadFolder" data-automation-id="uploadFolder" type="file" name="uploadFiles" <input id="uploadFolder" data-automation-id="uploadFolder" type="file" name="uploadFiles"
(change)="onDirectoryAdded($event)" (change)="onDirectoryAdded($event)"
multiple="multiple" multiple="multiple"

35
ng2-components/ng2-alfresco-upload/src/components/upload-button.component.spec.ts
View File

@@ -169,4 +169,39 @@ describe('UploadButtonComponent', () => {
component.onDirectoryAdded(fakeEvent); component.onDirectoryAdded(fakeEvent);
}); });
it('should by default the title of the button get from the JSON file', () => {
let compiled = fixture.debugElement.nativeElement;
fixture.detectChanges();
component.uploadFolders = false;
component.multipleFiles = false;
expect(compiled.querySelector('#upload-single-file-label').textContent).toEqual('FILE_UPLOAD.BUTTON.UPLOAD_FILE');
component.multipleFiles = true;
fixture.detectChanges();
expect(compiled.querySelector('#upload-multiple-file-label').textContent).toEqual('FILE_UPLOAD.BUTTON.UPLOAD_FILE');
component.uploadFolders = true;
fixture.detectChanges();
expect(compiled.querySelector('#uploadFolder-label').textContent).toEqual('FILE_UPLOAD.BUTTON.UPLOAD_FOLDER');
});
it('should staticTitle properties change the title of the upload buttons', () => {
let compiled = fixture.debugElement.nativeElement;
component.staticTitle = 'test-text';
component.uploadFolders = false;
component.multipleFiles = false;
fixture.detectChanges();
expect(compiled.querySelector('#upload-single-file-label-static').textContent).toEqual('test-text');
component.multipleFiles = true;
fixture.detectChanges();
expect(compiled.querySelector('#upload-multiple-file-label-static').textContent).toEqual('test-text');
component.uploadFolders = true;
fixture.detectChanges();
expect(compiled.querySelector('#uploadFolder-label-static').textContent).toEqual('test-text');
});
}); });