From 566fc5de02f94700fe0ceebcd7332e1ef7be6b57 Mon Sep 17 00:00:00 2001
From: FangyuanCheng <fangyuanc@vmware.com>
Date: Thu, 29 Nov 2018 22:52:31 +0800
Subject: [PATCH] Add harbor logo to navigation bar

Signed-off-by: FangyuanCheng <fangyuanc@vmware.com>
---
 src/portal/src/app/base/navigator/navigator.component.html | 1 +
 src/portal/src/app/base/navigator/navigator.component.scss | 5 +++++
 src/portal/src/images/harbor-white-logo.svg                | 1 +
 3 files changed, 7 insertions(+)
 create mode 100644 src/portal/src/images/harbor-white-logo.svg

diff --git a/src/portal/src/app/base/navigator/navigator.component.html b/src/portal/src/app/base/navigator/navigator.component.html
index 53d2aa693..fa881e91b 100644
--- a/src/portal/src/app/base/navigator/navigator.component.html
+++ b/src/portal/src/app/base/navigator/navigator.component.html
@@ -2,6 +2,7 @@
     <div class="branding">
         <a href="javascript:void(0)" class="nav-link" (click)="homeAction()">
             <!-- <clr-icon shape="vm-bug"  *ngIf="!customStyle?.headerLogo"></clr-icon> -->
+            <img src="../../../images/harbor-white-logo.svg" class="harbor-logo" />
             <img [attr.src]="'static/images/'+customStyle?.headerLogo" *ngIf="customStyle?.headerLogo" style="width: 36px;height: 36px; object-fit: fill;">
             <span class="title">{{customProjectName?.projectName? customProjectName?.projectName:(appTitle | translate)}}</span>
         </a>
diff --git a/src/portal/src/app/base/navigator/navigator.component.scss b/src/portal/src/app/base/navigator/navigator.component.scss
index f0aa81937..7ca905221 100644
--- a/src/portal/src/app/base/navigator/navigator.component.scss
+++ b/src/portal/src/app/base/navigator/navigator.component.scss
@@ -33,4 +33,9 @@
 .nav-about-link {
     padding-left: 12px !important;
     padding-right: 12px !important;
+}
+
+.harbor-logo {
+    width: 40px;
+    margin-right: 15px;
 }
\ No newline at end of file
diff --git a/src/portal/src/images/harbor-white-logo.svg b/src/portal/src/images/harbor-white-logo.svg
new file mode 100644
index 000000000..0f2462db8
--- /dev/null
+++ b/src/portal/src/images/harbor-white-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><defs><style>.b2a540f0-8ed5-4940-ba5e-2b241de2719f{fill:#fff;}</style></defs><path class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" d="M23.28,45A22.5,22.5,0,1,1,45,21.73,22.52,22.52,0,0,1,23.28,45ZM21.86,4A18.56,18.56,0,1,0,41.12,21.86,18.56,18.56,0,0,0,21.86,4Z" transform="translate(0)"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="33.2 5.58 22.5 17.32 38.29 9.58 33.2 5.58"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="40.89 13.11 23.04 18.99 42.5 18.32 40.89 13.11"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="43.1 21.8 23.64 20.52 42.5 27.2 43.1 21.8"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="17.24 11.67 12.55 16.96 21.79 16.96 17.24 11.67"/><rect class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" x="13.09" y="16.96" width="1.52" height="4.76"/><rect class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" x="19.74" y="16.96" width="1.52" height="4.76"/><rect class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" x="16.32" y="18.7" width="1.71" height="3.02"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="21.16 28.68 13.29 25.85 13.44 22.88 20.9 22.88 21.16 28.68"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="21.3 31.58 13.14 28.65 13.23 27.12 21.24 30.22 21.3 31.58"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="21.42 34.16 13.01 31.14 13.09 29.6 21.36 32.81 21.42 34.16"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="21.55 36.73 12.88 33.63 12.97 32.09 21.49 35.39 21.55 36.73"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="21.79 44.15 12.47 41.18 12.81 34.88 21.62 38.3 21.79 44.15"/><rect class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" x="12.65" y="21.72" width="9.05" height="1.65"/></svg>
\ No newline at end of file