1 files changed, 16 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/pwd-expiration-notification/pwd-expiration-notification.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/pwd-expiration-notification/pwd-expiration-notification.component.html
new file mode 100644
index 000000000..b1bc5150a
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/pwd-expiration-notification/pwd-expiration-notification.component.html
@@ -0,0 +1,16 @@
+<cd-alert-panel class="no-margin-bottom"
+                [type]="alertType"
+                *ngIf="displayNotification"
+                [showTitle]="false"
+                size="slim"
+                [dismissible]="alertType !== 'danger'"
+                (dismissed)="onDismissed()">
+  <div *ngIf="expirationDays === 0"
+       i18n>Your password will expire in <strong>less than 1</strong> day. Click
+    <a routerLink="/user-profile/edit"
+       class="alert-link">here</a> to change it now.</div>
+  <div *ngIf="expirationDays > 0"
+       i18n>Your password will expire in <strong>{{ expirationDays }}</strong> day(s). Click
+  <a routerLink="/user-profile/edit"
+     class="alert-link">here</a> to change it now.</div>
+</cd-alert-panel>