From f230d114d570e5d83705f9ec9977c54a6355ec59 Mon Sep 17 00:00:00 2001
From: Steven Zou <szou@vmware.com>
Date: Wed, 15 Feb 2017 13:40:56 +0800
Subject: [PATCH] Fix bug: clarity service not found

---
 .../harbor-shell/harbor-shell.component.html  | 74 +++++++++----------
 harbor-app/src/app/core/core.module.ts        |  2 +-
 2 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/harbor-app/src/app/base/harbor-shell/harbor-shell.component.html b/harbor-app/src/app/base/harbor-shell/harbor-shell.component.html
index 3cfb0bfdb..e8abe9435 100644
--- a/harbor-app/src/app/base/harbor-shell/harbor-shell.component.html
+++ b/harbor-app/src/app/base/harbor-shell/harbor-shell.component.html
@@ -1,40 +1,40 @@
 <clr-main-container>
-  <clr-modal [(clrModalOpen)]="account_settings_opened">
-    <h3 class="modal-title">Accout Settings</h3>
-    <div class="modal-body">
-      <form>
-        <section class="form-block">
-          <div class="form-group">
-            <label for="account_settings_username" class="col-md-4">Username</label>
-            <input type="text" class="col-md-8" id="account_settings_username" size="20"> 
-          </div>
-          <div class="form-group">
-            <label for="account_settings_email" class="col-md-4">Email</label>
-            <input type="text" class="col-md-8" id="account_settings_email" size="20"> 
-          </div>
-          <div class="form-group">
-            <label for="account_settings_full_name" class="col-md-4">Full name</label>
-            <input type="text" class="col-md-8" id="account_settings_full_name" size="20"> 
-          </div>
-          <div class="form-group">
-            <label for="account_settings_comments" class="col-md-4">Comments</label>
-            <input type="text" class="col-md-8" id="account_settings_comments" size="20"> 
-          </div>
-          <div class="form-group">
-            <button type="button" class="col-md-4" class="btn btn-outline">Change Password</button>
-          </div>
-        </section>
-      </form>
+    <clr-modal [(clrModalOpen)]="account_settings_opened">
+        <h3 class="modal-title">Accout Settings</h3>
+        <div class="modal-body">
+            <form>
+                <section class="form-block">
+                    <div class="form-group">
+                        <label for="account_settings_username" class="col-md-4">Username</label>
+                        <input type="text" class="col-md-8" id="account_settings_username" size="20">
+                    </div>
+                    <div class="form-group">
+                        <label for="account_settings_email" class="col-md-4">Email</label>
+                        <input type="text" class="col-md-8" id="account_settings_email" size="20">
+                    </div>
+                    <div class="form-group">
+                        <label for="account_settings_full_name" class="col-md-4">Full name</label>
+                        <input type="text" class="col-md-8" id="account_settings_full_name" size="20">
+                    </div>
+                    <div class="form-group">
+                        <label for="account_settings_comments" class="col-md-4">Comments</label>
+                        <input type="text" class="col-md-8" id="account_settings_comments" size="20">
+                    </div>
+                    <div class="form-group">
+                        <button type="button" class="col-md-4" class="btn btn-outline">Change Password</button>
+                    </div>
+                </section>
+            </form>
+        </div>
+        <div class="modal-footer">
+            <button type="button" class="btn btn-outline" (click)="account_settings_opened = false">Cancel</button>
+            <button type="button" class="btn btn-primary" (click)="account_settings_opened = false">Ok</button>
+        </div>
+    </clr-modal>
+    <navigator></navigator>
+    <div class="content-container">
+        <div class="content-area">
+            <router-outlet></router-outlet>
+        </div>
     </div>
-    <div class="modal-footer">
-      <button type="button" class="btn btn-outline" (click)="account_settings_opened = false">Cancel</button>
-      <button type="button" class="btn btn-primary" (click)="account_settings_opened = false">Ok</button>
-    </div>
-  </clr-modal>
-  <navigator></navigator>
-  <div class="content-container">
-    <div class="content-area">
-      <router-outlet></router-outlet>
-    </div>
-  </div>
 </clr-main-container>
\ No newline at end of file
diff --git a/harbor-app/src/app/core/core.module.ts b/harbor-app/src/app/core/core.module.ts
index 115a5094c..a18380aa9 100644
--- a/harbor-app/src/app/core/core.module.ts
+++ b/harbor-app/src/app/core/core.module.ts
@@ -9,7 +9,7 @@ import { ClarityModule } from 'clarity-angular';
       BrowserModule,
       FormsModule,
       HttpModule,
-      ClarityModule
+      ClarityModule.forRoot()
   ],
   exports: [
       BrowserModule,