From 0e13f47073b4c897a06b450bf2d6b5611b00f461 Mon Sep 17 00:00:00 2001
From: sunny <sunny@loafle.com>
Date: Thu, 12 Apr 2018 18:06:29 +0900
Subject: [PATCH] design

---
 src/app/pages/home/home-page.component.html   |  20 +++++++---
 src/app/pages/infra/infra-page.component.html |  10 ++++-
 src/assets/layout/css/layout-indigo.css       |  14 ++++---
 .../layout/images/overFlow_CI_white_162.png   | Bin 0 -> 4198 bytes
 .../images/overFlow_CI_white_200_30.png       | Bin 0 -> 4270 bytes
 .../infra/component/map/map.component.html    |  35 ++++++++++--------
 src/styles.scss                               |   8 ++++
 7 files changed, 60 insertions(+), 27 deletions(-)
 create mode 100644 src/assets/layout/images/overFlow_CI_white_162.png
 create mode 100644 src/assets/layout/images/overFlow_CI_white_200_30.png

diff --git a/src/app/pages/home/home-page.component.html b/src/app/pages/home/home-page.component.html
index 4c2c481..0c94ba9 100644
--- a/src/app/pages/home/home-page.component.html
+++ b/src/app/pages/home/home-page.component.html
@@ -1,8 +1,16 @@
-<p>home works</p>
+<div class="ui-fluid">
+        <div class="ui-g">
+            <div class="ui-g-12">
+                <div class="card no-margin">
+                    <h1>Home works</h1>
 
 
-<p-dialog header="Discovery" [style]="{width: '700px'}" [(visible)]="display">
-    <of-discovery-setting></of-discovery-setting>
-</p-dialog>
-
-<button type="text" (click)="showDialog()" pButton icon="fa-external-link-square" label="Show"></button>
\ No newline at end of file
+                    <p-dialog header="Discovery" [style]="{width: '700px'}" [(visible)]="display">
+                        <of-discovery-setting></of-discovery-setting>
+                    </p-dialog>
+                    
+                    <button pButton type="button" class="ui-button-large" icon="ui-icon-play-arrow" label="Discovery" style="width:auto" (click)="showDialog()"></button>
+                </div>
+            </div>
+        </div>
+    </div>
diff --git a/src/app/pages/infra/infra-page.component.html b/src/app/pages/infra/infra-page.component.html
index a53e928..12f1715 100644
--- a/src/app/pages/infra/infra-page.component.html
+++ b/src/app/pages/infra/infra-page.component.html
@@ -1 +1,9 @@
-<of-infra-map></of-infra-map>
+<div class="ui-fluid">
+    <div class="ui-g">
+        <div class="ui-g-12">
+            <div class="card no-margin">
+                <of-infra-map></of-infra-map>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/assets/layout/css/layout-indigo.css b/src/assets/layout/css/layout-indigo.css
index 89bb1c8..5c05915 100644
--- a/src/assets/layout/css/layout-indigo.css
+++ b/src/assets/layout/css/layout-indigo.css
@@ -537,8 +537,9 @@
 
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   .login-body {
-    background: url("../images/login/login2x.png") top left no-repeat #f7f7f7;
-    background-size: 100% auto; } }
+    /*background: url("../images/login/login2x.png") top left no-repeat #f7f7f7;*/
+    background: url("../images/login11.jpg") top left no-repeat;
+    background-size: 100% 100%; } }
 @media (max-width: 1024px) {
   .login-panel {
     text-align: center;
@@ -631,7 +632,8 @@
       vertical-align: middle;
       width: 200px;
       height: 30px;
-      background: url("../images/logo.png") top left no-repeat; }
+      /*background: url("../images/logo.png") top left no-repeat; }*/
+      background: url("../images/overFlow_CI_white_200_30.png") top left no-repeat; }
     .landing-wrapper #header .header-top #menu {
       float: right;
       list-style: none;
@@ -899,7 +901,8 @@
       padding: 0; } }
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
   .landing-wrapper .header .header-top .logo {
-    background: url("../images/logo2x.png") top left no-repeat;
+    /*background: url("../images/logo2x.png") top left no-repeat;*/
+    background: url("../images/overFlow_CI_white_200_30.png") top left no-repeat;
     background-size: 200px 30px; } }
 html {
   height: 100%; }
@@ -942,7 +945,8 @@ body {
     vertical-align: middle;
     width: 200px;
     height: 30px;
-    background: url("../images/logo2x.png") top left no-repeat;
+    /*background: url("../images/logo2x.png") top left no-repeat;*/
+    background: url("../images/overFlow_CI_white_200_30.png") top left no-repeat;
     background-size: 200px 30px; }
   .layout-container .topbar .topbar-left {
     box-sizing: border-box;
diff --git a/src/assets/layout/images/overFlow_CI_white_162.png b/src/assets/layout/images/overFlow_CI_white_162.png
new file mode 100644
index 0000000000000000000000000000000000000000..31a796d5cd2847de62615656b69b08460bc0f6a6
GIT binary patch
literal 4198
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
NczgKLFS&>B`wwag&M*J~

literal 0
HcmV?d00001

diff --git a/src/assets/layout/images/overFlow_CI_white_200_30.png b/src/assets/layout/images/overFlow_CI_white_200_30.png
new file mode 100644
index 0000000000000000000000000000000000000000..293ad5854bb86df232f8d85955cda7255845b790
GIT binary patch
literal 4270
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

literal 0
HcmV?d00001

diff --git a/src/packages/infra/component/map/map.component.html b/src/packages/infra/component/map/map.component.html
index a72d518..6b3a7ea 100644
--- a/src/packages/infra/component/map/map.component.html
+++ b/src/packages/infra/component/map/map.component.html
@@ -1,20 +1,25 @@
-
-
-
-<p-dialog header="Discovery" [width]="700" [(visible)]="display">
-  <of-discovery-setting></of-discovery-setting>
-</p-dialog>
-
-<button type="text" (click)="showDialog()" pButton icon="fa-external-link-square" label="Discovery"></button>
-
-
-
-<div style="margin-top: 8px">
-  <button pButton type="button" label="Expand all" (click)="expandAll()"></button>
-  <button pButton type="button" label="Collapse all" (click)="collapseAll()"></button>
+<div class="ui-g">
+  <h1>Map</h1>
+  <p-dialog header="Discovery" [width]="700" [(visible)]="display">
+    <of-discovery-setting></of-discovery-setting>
+  </p-dialog>
+  <div class="ui-g-12 ui-g-nopad">
+    <div class="ui-g">
+      <div class="ui-g-6 ui-g-nopad" style="padding-bottom:10px;">
+        <button pButton type="button" class="ui-button-large" icon="ui-icon-play-arrow" label="Discovery" style="width:auto" (click)="showDialog()"></button>
+      </div>
+      <div class="ui-g-6 ui-g-nopad ui-rtl" dir="rtl">
+        <button pButton type="button" class="ui-button-secondary" label="Expand all" style="width:auto; margin-top: 16px;" (click)="expandAll()"></button>
+        <button pButton type="button" class="ui-button-secondary" label="Collapse all" style="width:auto;" (click)="collapseAll()"></button>
+      </div>
+    </div>
+  </div>
+  <div class="ui-g-12 ui-g-nopad">
+    <p-tree [value]="infraTree" selectionMode="single" [(selection)]="selectedTree" ></p-tree>
+  </div>
 </div>
 
-<p-tree [value]="infraTree" [style]="{width: '360px'}" selectionMode="single" [(selection)]="selectedTree" ></p-tree>
+
 
 
 
diff --git a/src/styles.scss b/src/styles.scss
index 0eb4e4a..0a25685 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -17,4 +17,12 @@
         //background: url("../images/login/login2x.png") top left no-repeat #f7f7f7;
         background:  url("/assets/layout/images/login11.jpg") top left no-repeat #f7f7f7 !important; 
     }
+}
+
+.ui-button-secondary:hover{
+    color : white !important;
+}
+
+.ui-button-large {
+    font-size: 1.6em !important;
 }
\ No newline at end of file