Added "published status" icon and overrode pf css to better align the…

… icon.
teiid · Apr 3, 2018 · 1d3d45f · 1d3d45f
1 parent 7041554
commit 1d3d45f
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 6 deletions.
diff --git a/ngapp/src/app/dataservices/dataservices-list/dataservices-list.component.css b/ngapp/src/app/dataservices/dataservices-list/dataservices-list.component.css
@@ -36,3 +36,8 @@ a.list-pf-title.view-name {
   padding-left: 40px;
 }
 
+.list-pf:not(.list-pf-stacked) .list-pf-main-content > * + * {
+  margin-left: 10px;
+}
+
+
diff --git a/ngapp/src/app/dataservices/dataservices-list/dataservices-list.component.html b/ngapp/src/app/dataservices/dataservices-list/dataservices-list.component.html
@@ -19,11 +19,52 @@
             </div>
             <div class="list-pf-content-wrapper">
               <div class="list-pf-main-content">
-                <span class="pull-left pficon-ok" *ngIf="item.serviceDeploymentActive"></span>
-                <span class="pull-left pficon-error-circle-o" *ngIf="item.serviceDeploymentFailed"></span>
-                <span class="pull-left pficon-warning-triangle-o" *ngIf="item.serviceDeploymentInactive"></span>
-                <span class="pull-left pficon-unknown" *ngIf="item.serviceDeploymentNotDeployed"></span>
-                <span class="pull-left fa fa-spinner fa-pulse" *ngIf="item.serviceDeploymentLoading"></span>
+                <span class="pull-left pficon-ok"
+                      *ngIf="item.serviceDeploymentActive">
+                </span>
+                <span class="pull-left pficon-error-circle-o"
+                      *ngIf="item.serviceDeploymentFailed">
+                </span>
+                <span class="pull-left pficon-warning-triangle-o"
+                      *ngIf="item.serviceDeploymentInactive">
+                </span>
+                <span class="pull-left pficon-unknown"
+                      *ngIf="item.serviceDeploymentNotDeployed">
+                </span>
+                <span class="pull-left fa fa-spinner fa-pulse"
+                      *ngIf="item.serviceDeploymentLoading">
+                </span>
+
+                <span class="pull-left fa fa-cogs fa-2x"
+                      style="color:grey;"
+                      *ngIf="item.serviceNotPublished"
+                      data-toggle="tooltip"
+                      data-placement="right"
+                      title="Not Published">
+                </span>
+                <span class="pull-left fa fa-cogs fa-2x"
+                      style="color:red;"
+                      *ngIf="item.servicePublishFailed"
+                      data-toggle="tooltip"
+                      data-placement="right"
+                      title="Publishing Failed">
+               </span>
+                <span class="pull-left fa fa-cog fa-spin fa-2x"
+                      style="color:orange;"
+                      *ngIf="item.servicePublishing"
+                      data-toggle="tooltip"
+                      data-placement="right"
+                      title="Publishing">
+                </span>
+                <span class="pull-left fa fa-cogs fa-2x"
+                      style="color:green;"
+                      *ngIf="item.servicePublished"
+                      data-toggle="tooltip"
+                      data-placement="left"
+                      title="Published">
+      </span>
+
+
                 <a class="object-name-link" [routerLink]="[item.getId()]" (click)="onEditDataservice(item.getId())">{{ item.getId() }}</a>
                 <div class="list-pf-description">{{ getDescription( item ) }}</div>
               </div>

diff --git a/ngapp/src/environments/environment.ts b/ngapp/src/environments/environment.ts
@@ -59,6 +59,6 @@ export const environment = {
   komodoServiceUrl: komodoUrlPrefix + komodoEngine + "/" + komodoRestVersion + "/service",
 
   // Indicates if in UI development mode where OpenShift will not be used.
-  uiDevMode: false
+  uiDevMode: true
 
 };