Added sync organization and user button (#6592)

* updated docs Signed-off-by: Abdul-Az <aazeez@progress.com> * cypress error fix Signed-off-by: Abdul-Az <aazeez@progress.com> * lint fixes Signed-off-by: Abdul-Az <aazeez@progress.com> * updated docs Signed-off-by: Abdul-Az <aazeez@progress.com> * cypress error fix Signed-off-by: Abdul-Az <aazeez@progress.com> * Added button as per new design Signed-off-by: Chaitali Mane <cmane@progress.com> * update change Signed-off-by: Chaitali Mane <cmane@progress.com> Co-authored-by: Abdul-Az <aazeez@progress.com>
chef · Mar 3, 2022 · 492fd4c · 492fd4c
1 parent 1620af4
commit 492fd4c
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 4 deletions.
diff --git a/...ate-ui/src/app/modules/infra-proxy/chef-server-details/chef-server-details.component.html b/...ate-ui/src/app/modules/infra-proxy/chef-server-details/chef-server-details.component.html
@@ -10,7 +10,7 @@
       </chef-breadcrumbs>
       <chef-page-header>
         <div class="meta-box">
-          <div class="summary-body">
+          <div class="summary-body first">
             <chef-heading data-cy="page-title">{{ server?.name }}</chef-heading>
             <ul>
               <li>
@@ -21,6 +21,10 @@
                 <span class="heading">IP Address</span>
                 <span>{{ server?.ip_address }}</span>
               </li>
+            </ul>
+          </div>
+          <div class="summary-body middle">
+            <ul>
               <li>
                 <span class="heading">Web UI Key</span>
                 <span *ngIf="validating" data-cy="valid-webui-key" class="webUIKeyStatus">Validating...</span>
@@ -34,8 +38,18 @@
                   >Update</a>
                 </span>
               </li>
+              <li>
+                <span class="heading">Org &amp; User last synced</span>
+                <span>Thu, Feb 04, 12:00:00 UTC</span>
+              </li>
             </ul>
           </div>
+          <div class="summary-body last">
+            <app-authorized [allOf]="['/api/v0/infra/servers/{server_id}', 'put', [server?.id]]">
+              <chef-button id="sync-button" class="sync-button" secondary primary data-cy="sync-button">Sync Org and Users
+              </chef-button>
+            </app-authorized>
+          </div>
         </div>
         <chef-tab-selector [value]="tabValue" (change)="onSelectedTab($event)">
           <chef-option value='orgs' data-cy="orgs-tab">Orgs</chef-option>

diff --git a/...ate-ui/src/app/modules/infra-proxy/chef-server-details/chef-server-details.component.scss b/...ate-ui/src/app/modules/infra-proxy/chef-server-details/chef-server-details.component.scss
@@ -9,13 +9,26 @@ chef-page-header {
   border: 0.5px solid $chef-key-tab;
   border-radius: 4px;
   margin-bottom: 4em;
-  padding: 1em 0 4em;
+  padding: 1em 0 2em;
   background: $chef-white;
 
   .summary-body {
+    display: inline-block;
     font-size: 14px;
     padding: 0 1em;
 
+    &.first {
+      width: 33%;
+    }
+
+    &.middle {
+      width: 40%;
+    }
+
+    &.last {
+      width: 25%;
+    }
+
     .meta-head {
       text-transform: uppercase;
       font-size: 15px;
@@ -30,7 +43,7 @@ chef-page-header {
 
       li {
         display: flex;
-        margin-bottom: 5px;
+        margin-bottom: 15px;
 
         span {
           font-size: 14px;
@@ -40,7 +53,7 @@ chef-page-header {
           &.heading {
             display: inline-block;
             font-weight: bold;
-            width: 30%;
+            width: 50%;
           }
 
           &.webUIKeyStatus {
@@ -64,6 +77,11 @@ chef-page-header {
         }
       }
     }
+
+    .sync-button {
+      float: right;
+      margin-bottom: 0;
+    }
   }
 }