From 8e5e5c90acb28ab49c7bdbb9ede6425030e8307c Mon Sep 17 00:00:00 2001
From: Mark Steadman <47225088+Steady5063@users.noreply.github.com>
Date: Mon, 16 Mar 2020 06:10:29 -0500
Subject: [PATCH] ACA 2618 - 2619 - Share Dialog - Physical Labels (#5439)

* 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>
---
 .../lib/content-node-share/content-node-share.dialog.html    | 5 +++--
 .../lib/content-node-share/content-node-share.dialog.scss    | 4 +++-
 lib/content-services/src/lib/i18n/en.json                    | 1 +
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/lib/content-services/src/lib/content-node-share/content-node-share.dialog.html b/lib/content-services/src/lib/content-node-share/content-node-share.dialog.html
index c2631d2380..eff64477f3 100644
--- a/lib/content-services/src/lib/content-node-share/content-node-share.dialog.html
+++ b/lib/content-services/src/lib/content-node-share/content-node-share.dialog.html
@@ -15,7 +15,7 @@
         </div>
 
         <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
                     cdkFocusInitial placeholder="{{ 'SHARE.PUBLIC-LINK' | translate }}" formControlName="sharedUrl"
                     readonly="readonly">
@@ -34,12 +34,13 @@
             </mat-slide-toggle>
             </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 #datetimePicker (closed)="onDatetimepickerClosed()" [type]="type" timeInterval="1"></mat-datetimepicker>
                 <input class="adf-share-link__input"
                     #dateTimePickerInput
                     matInput
+                    placeholder="{{ 'SHARE.EXPIRATION-LABEL' | translate }}"
                     [min]="minDate"
                     formControlName="time"
                     [matDatetimepicker]="datetimePicker" />
diff --git a/lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss b/lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss
index df7b1cce4c..41cd85d084 100644
--- a/lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss
+++ b/lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss
@@ -7,7 +7,9 @@
     font-size: 16px;
     opacity: 0.87;
 }
-
+.adf-float-label {
+   padding-top: 20px;
+}
 .adf-share-link-dialog {
 
     .adf-share-link {
diff --git a/lib/content-services/src/lib/i18n/en.json b/lib/content-services/src/lib/i18n/en.json
index 3b9bce143e..1d87351151 100644
--- a/lib/content-services/src/lib/i18n/en.json
+++ b/lib/content-services/src/lib/i18n/en.json
@@ -306,6 +306,7 @@
     "DESCRIPTION": "Click the link below to copy it to the clipboard.",
     "TITLE": "Link to share",
     "EXPIRES": "Expires on",
+    "EXPIRATION-LABEL" : "Expiration Date",
     "CLIPBOARD-MESSAGE": "Link copied to the clipboard",
     "CLOSE": "Close",
     "CONFIRMATION": {