mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
b1fd6cb60c
* fix translations form * fix style webpack script * fix tslint error problem in viewer * fix naming problems in attach file widget * add start process form values data initialization option * fix translation problems * missing return type * start process name configuration * add CS cross PS configuration * start process from file example * fix minor issues * add documentation and move the dialog in a separate component * easy test select app * alfrescoRepositoryName right property * file conversion test * fix issue after CR * Remove forgotten semicolon.
84 lines
4.1 KiB
HTML
84 lines
4.1 KiB
HTML
<div class="adf-attach-widget {{field.className}}"
|
|
[class.adf-invalid]="!field.isValid"
|
|
[class.adf-readonly]="field.readOnly">
|
|
<label class="adf-label" [attr.for]="field.id">{{field.name}}
|
|
<span *ngIf="isRequired()">*</span>
|
|
</label>
|
|
<div class="adf-attach-widget-container">
|
|
<div id="adf-attach-widget-simple-upload" *ngIf="isSimpleUploadButton() && isUploadButtonVisible()">
|
|
<a mat-raised-button color="primary">
|
|
{{ 'FORM.FIELD.UPLOAD' | translate }}
|
|
<mat-icon>file_upload</mat-icon>
|
|
<input #uploadFiles
|
|
[multiple]="multipleOption"
|
|
type="file"
|
|
[id]="field.id"
|
|
(change)="onFileChanged($event)" />
|
|
</a>
|
|
</div>
|
|
<div class="adf-attach-widget__menu-upload" *ngIf="isUploadButtonVisible() && isMultipleSourceUpload()">
|
|
<button mat-raised-button color="primary" [matMenuTriggerFor]="menu" [id]="field.id">
|
|
{{ 'FORM.FIELD.UPLOAD' | translate }}
|
|
<mat-icon>attach_file</mat-icon>
|
|
</button>
|
|
<mat-menu #menu="matMenu" class="adf-attach-widget__menu-content">
|
|
<button mat-menu-item (click)="uploadFile.click()"
|
|
id="attach-local-file"
|
|
*ngIf="isAllFileSourceSelected()">
|
|
{{ 'FORM.FIELD.LOCALSTORAGE' | translate }}
|
|
<mat-icon>file_upload</mat-icon>
|
|
<input #uploadFile
|
|
class="adf-attach-widget__input-type"
|
|
[multiple]="multipleOption"
|
|
type="file"
|
|
[id]="field.id"
|
|
(change)="onFileChanged($event)" />
|
|
</button>
|
|
<button mat-menu-item
|
|
*ngIf="isDefinedSourceFolder()"
|
|
id="attach-{{field.params?.fileSource?.name}}"
|
|
(click)="openSelectDialogFromFileSource()">
|
|
{{field.params?.fileSource?.name}}
|
|
<mat-icon>
|
|
<img class="adf-attach-widget__image-logo" src="../assets/images/alfresco-flower.svg">
|
|
</mat-icon>
|
|
</button>
|
|
<div *ngIf="!isDefinedSourceFolder()">
|
|
<button mat-menu-item *ngFor="let repo of repositoryList"
|
|
id="attach-{{repo?.name}}"
|
|
(click)="openSelectDialog(repo.id, repo.name)">
|
|
{{repo.name}}
|
|
<mat-icon>
|
|
<img class="adf-attach-widget__image-logo" src="../assets/images/alfresco-flower.svg">
|
|
</mat-icon>
|
|
</button>
|
|
</div>
|
|
</mat-menu>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="adf-attach-widget-readonly-list">
|
|
<mat-list *ngIf="hasFile">
|
|
<mat-list-item class="adf-attach-files-row" *ngFor="let file of field.value">
|
|
<img mat-list-icon class="adf-attach-widget__icon"
|
|
[id]="'file-'+file.id+'-icon'"
|
|
[src]="getIcon(file.mimeType)"
|
|
[alt]="mimeTypeIcon"
|
|
(click)="fileClicked(file)"
|
|
(keyup.enter)="fileClicked(file)"
|
|
role="button"
|
|
tabindex="0"/>
|
|
<span matLine id="{{'file-'+file.id}}" (click)="fileClicked(file)" (keyup.enter)="fileClicked(file)"
|
|
role="button" tabindex="0" class="adf-file">{{file.name}}</span>
|
|
<button *ngIf="!field.readOnly" mat-icon-button [id]="'file-'+file.id+'-remove'"
|
|
(click)="removeFile(file);" (keyup.enter)="removeFile(file);">
|
|
<mat-icon class="mat-24">highlight_off</mat-icon>
|
|
</button>
|
|
</mat-list-item>
|
|
</mat-list>
|
|
</div>
|
|
|
|
<error-widget [error]="field.validationSummary"></error-widget>
|
|
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
|