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

ACA 2618 - 2619 - Share Dialog - Physical Labels (#5439)

Browse Source 
* chore: addition of physical labels to share dialog

* chore: addition of translated text

* chore: addition of expiration label

* Update content-node-share.dialog.scss

Co-authored-by: Eugenio Romano <eromano@users.noreply.github.com>
This commit is contained in:
Mark Steadman
2020-03-16 06:10:29 -05:00
committed by GitHub
parent acd9a33550
commit 8e5e5c90ac
3 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
lib/content-services/src/lib/content-node-share/content-node-share.dialog.html
View File

@@ -15,7 +15,7 @@
</div> </div>
<form [formGroup]="form"> <form [formGroup]="form">
<mat-form-field class="adf-full-width"> <mat-form-field class="adf-full-width adf-float-label" floatLabel='always'>
<input #sharedLinkInput data-automation-id="adf-share-link" class="adf-share-link__input" matInput <input #sharedLinkInput data-automation-id="adf-share-link" class="adf-share-link__input" matInput
cdkFocusInitial placeholder="{{ 'SHARE.PUBLIC-LINK' | translate }}" formControlName="sharedUrl" cdkFocusInitial placeholder="{{ 'SHARE.PUBLIC-LINK' | translate }}" formControlName="sharedUrl"
readonly="readonly"> readonly="readonly">
@@ -34,12 +34,13 @@
</mat-slide-toggle> </mat-slide-toggle>
</div> </div>
<mat-form-field class="adf-full-width"> <mat-form-field class="adf-full-width adf-float-label" floatLabel='always'>
<mat-datetimepicker-toggle #matDatetimepickerToggle="matDatetimepickerToggle" [for]="datetimePicker" matSuffix></mat-datetimepicker-toggle> <mat-datetimepicker-toggle #matDatetimepickerToggle="matDatetimepickerToggle" [for]="datetimePicker" matSuffix></mat-datetimepicker-toggle>
<mat-datetimepicker #datetimePicker (closed)="onDatetimepickerClosed()" [type]="type" timeInterval="1"></mat-datetimepicker> <mat-datetimepicker #datetimePicker (closed)="onDatetimepickerClosed()" [type]="type" timeInterval="1"></mat-datetimepicker>
<input class="adf-share-link__input" <input class="adf-share-link__input"
#dateTimePickerInput #dateTimePickerInput
matInput matInput
placeholder="{{ 'SHARE.EXPIRATION-LABEL' | translate }}"
[min]="minDate" [min]="minDate"
formControlName="time" formControlName="time"
[matDatetimepicker]="datetimePicker" /> [matDatetimepicker]="datetimePicker" />

4
lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss
View File

@@ -7,7 +7,9 @@
font-size: 16px; font-size: 16px;
opacity: 0.87; opacity: 0.87;
} }
.adf-float-label {
padding-top: 20px;
}
.adf-share-link-dialog { .adf-share-link-dialog {
.adf-share-link { .adf-share-link {

1
lib/content-services/src/lib/i18n/en.json
View File

@@ -306,6 +306,7 @@
"DESCRIPTION": "Click the link below to copy it to the clipboard.", "DESCRIPTION": "Click the link below to copy it to the clipboard.",
"TITLE": "Link to share", "TITLE": "Link to share",
"EXPIRES": "Expires on", "EXPIRES": "Expires on",
"EXPIRATION-LABEL" : "Expiration Date",
"CLIPBOARD-MESSAGE": "Link copied to the clipboard", "CLIPBOARD-MESSAGE": "Link copied to the clipboard",
"CLOSE": "Close", "CLOSE": "Close",
"CONFIRMATION": { "CONFIRMATION": {