mgr/dashboard: branding: About modal box

Resolves: rhbz#2106618
Signed-off-by: Nizamudeen A <nia@redhat.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/about/about.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/about/about.component.html
index fdf4d95cfdd1e62cc69ddd5d19946cc68c49da24..c5601ef7323f40fe6b50a8c1c3443b207c38d0be 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/about/about.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/about/about.component.html
@@ -15,15 +15,15 @@
       <strong>{{ projectConstants.projectName }}</strong>
     </h3>
     <div class="product-versions">
-      <strong>Version</strong>
+      <strong>Release</strong>
       <br>
-      {{ versionNumber }}
-      {{ versionHash }}
+      {{ projectConstants.version }}
       <br>
-      {{ versionName }}
     </div>
     <br>
     <dl>
+      <dt>Version</dt>
+      <dd>{{ versionNumber }}</dd>
       <dt>Ceph Manager</dt>
       <dd>{{ hostAddr }}</dd>
       <dt>User</dt>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/constants/app.constants.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/constants/app.constants.ts
index cb67cada578b505117d9829b422a5622f0a8c60b..da8423ff5b77ce388c92ac541a00b377869f8d97 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/constants/app.constants.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/constants/app.constants.ts
@@ -3,11 +3,14 @@ import { Injectable } from '@angular/core';
 import { environment } from '~/environments/environment';
 
 export class AppConstants {
-  public static readonly organization = 'ceph';
-  public static readonly projectName = 'Ceph Dashboard';
-  public static readonly license = 'Free software (LGPL 2.1).';
-  public static readonly copyright = 'Copyright(c) ' + environment.year + ' Ceph contributors.';
   public static readonly cephLogo = 'assets/Ceph_Logo.svg';
+  public static readonly version = '6';
+  public static readonly organization = 'Redhat';
+  public static readonly projectName = 'Red Hat Ceph Storage Dashboard';
+  public static readonly license =
+    'Licensed under Creative Commons Attribution Share Alike 3.0 (CC-BY-SA-3.0)';
+  public static readonly copyright =
+    'Copyright(c) ' + environment.year + ' Red Hat Inc. and contributors.';
 }
 
 export enum URLVerbs {

diff --git a/src/pybind/mgr/dashboard/frontend/src/styles/vendor/_style-overrides.scss b/src/pybind/mgr/dashboard/frontend/src/styles/vendor/_style-overrides.scss
index c8ed38a28368451cf443a0089f80153f898a3c01..ae3b55bbbfd5ca80cd067f7cc7657cce8f9615f0 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/styles/vendor/_style-overrides.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles/vendor/_style-overrides.scss
@@ -299,6 +299,70 @@ cd-language-selector {
   display: none !important;
 }
 
+.about-container {
+  background: url('/assets/redhat_new_background.svg') no-repeat !important;
+  background-position: left bottom !important;
+  font-size: 1rem;
+  height: 70vh;
+  margin-left: -10rem;
+  text-shadow: none !important;
+  width: 70rem;
+
+  .modal-header {
+    background-color: transparent !important;
+
+    span {
+      display: none !important;
+    }
+
+    button::after {
+      border: 0;
+      content: '\f057';
+      font-family: 'ForkAwesome';
+      font-size: 2rem;
+      position: inherit;
+      right: 0;
+    }
+  }
+
+  .modal-body {
+    img {
+      background: url('../../assets/Logo-RedHat-A-Reverse-RGB.svg') no-repeat;
+      background-size: 150px;
+      display: inline-block;
+      width: 0;
+      padding-right: 150px;
+      padding-top: 36px;
+    }
+
+    .modal-footer {
+      background-color: transparent !important;
+    }
+
+    strong {
+      font-size: larger !important;
+    }
+  }
+
+  br {
+    display: none !important;
+  }
+
+  .product-versions {
+    margin-bottom: 0.4rem !important;
+
+    strong {
+      margin-right: 16.7rem !important;
+      font-size: medium !important;
+    }
+  }
+
+  .modal-footer {
+    font-size: 0.8rem !important;
+    margin-top: 5rem !important;
+  }
+}
+
 /* General */
 .text-primary {
   color: vv.$primary !important;