apachegh-31: Adding the status label badge and color to the community…

… account list
dinukadesilva · Oct 10, 2020 · bc71cd9 · bc71cd9
1 parent c1f3551
commit bc71cd9
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/custos-demo-gateway/src/components/workspace/Agents.vue b/custos-demo-gateway/src/components/workspace/Agents.vue
@@ -16,6 +16,11 @@
                  ref="selectableTable"
                  select-mode="single"
                  @row-selected="onCommunityAcSelected" caption-top>
+            <template v-slot:cell(status)="data">
+                <b-badge v-if="data.value == 'ACTIVE'" variant="success">Active</b-badge>
+                <b-badge v-else-if="data.value == 'DEACTIVE'" variant="danger">Inactive</b-badge>
+                <b-badge v-else-if="data.value == 'PENDING'" variant="warning">Pending</b-badge>
+            </template>
         </b-table>
         <div class="addAccItem">
             <b-button variant="outline-primary" v-on:click="this.addAccount">Add Service Account</b-button>