apachegh-31: Fix all the table column header labels

dinukadesilva · Oct 12, 2020 · 8ea497d · 8ea497d
1 parent 5b7aa57
commit 8ea497d
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 6 deletions.
diff --git a/custos-demo-gateway/src/components/workspace/Agents.vue b/custos-demo-gateway/src/components/workspace/Agents.vue
@@ -15,6 +15,7 @@
             </div>
             <b-table small striped hover responsive :items="communityAccounts" :fields="community_fields" selectable
                      ref="selectableTable" select-mode="single" @row-selected="onCommunityAcSelected" caption-top>
+                <template v-slot:head(id)>Service Account ID</template>
                 <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>

diff --git a/custos-demo-gateway/src/components/workspace/Groups.vue b/custos-demo-gateway/src/components/workspace/Groups.vue
@@ -14,9 +14,9 @@
                 <b-spinner variant="primary" label="Text Centered"></b-spinner>
             </div>
             <b-table small striped hover responsive :items="groupItems" :fields="fields" selectable
-                     ref="selectableTable"
-                     select-mode="single"
-                     @row-selected="onRowSelected" caption-top>
+                     ref="selectableTable" select-mode="single" @row-selected="onRowSelected" caption-top>
+                <template v-slot:head(id)>ID</template>
+                <template v-slot:head(ownerId)>Owner</template>
             </b-table>
             <div class="addGr">
                 <b-button variant="outline-primary" v-on:click="addGr">Add Group</b-button>
@@ -51,6 +51,8 @@
                              selectable
                              select-mode="single"
                              @row-selected="onMemberShipSelected">
+                        <template v-slot:head(user_id)>Username</template>
+                        <template v-slot:head(type)>Permission Type</template>
                     </b-table>
                 </div>
 
@@ -66,6 +68,8 @@
                              :fields="memberGroupsFields"
                              selectable select-mode="single"
                              @row-selected="onGroupMemberShipSelected">
+                        <template v-slot:head(name)>Group Name</template>
+                        <template v-slot:head(id)>ID</template>
                     </b-table>
                 </div>
 
@@ -104,7 +108,6 @@
                         </option>
                     </b-form-select>
                 </div>
-
             </div>
             <template v-slot:modal-footer>
                 <div class="w-100">

diff --git a/custos-demo-gateway/src/components/workspace/Secrets.vue b/custos-demo-gateway/src/components/workspace/Secrets.vue
@@ -8,8 +8,8 @@
                 <b-spinner variant="primary" label="Text Centered"></b-spinner>
             </div>
             <b-table small striped hover responsive :items="secItems" :fields="fields" selectable
-                     select-mode="single"
-                     @row-selected="onRowSelected" caption-top>
+                     select-mode="single" @row-selected="onRowSelected" caption-top>
+                <template v-slot:head(owner_id)>Owner</template>
             </b-table>
             <div class="w-100">
                 <b-button variant="outline-primary" v-on:click="addSec">Add Secret</b-button>

diff --git a/custos-demo-gateway/src/components/workspace/Sharing.vue b/custos-demo-gateway/src/components/workspace/Sharing.vue
@@ -25,6 +25,7 @@
                     </div>
                     <b-table small striped hover responsive :items="permissionTypes" :fields="fields" selectable
                              ref="selectableTable" select-mode="single" @row-selected="onPrTySelected">
+                        <template v-slot:head(id)>Permission Type ID</template>
                     </b-table>
                 </div>
                 <div class="mt-5">
@@ -43,6 +44,7 @@
                     </div>
                     <b-table small striped hover responsive :items="entityTypes" :fields="fields" selectable
                              ref="selectableTable" select-mode="single" @row-selected="onEnTySelected" caption-top>
+                        <template v-slot:head(id)>Entity Type ID</template>
                     </b-table>
                 </div>
                 <div class="mt-5">
@@ -61,6 +63,8 @@
                     </div>
                     <b-table small striped hover responsive :items="entities" :fields="entityFields" selectable
                              ref="selectableTable" select-mode="single" @row-selected="onEntitySelected">
+                        <template v-slot:head(id)>Entity ID</template>
+                        <template v-slot:head(type)>Entity Type ID</template>
                     </b-table>
                 </div>
                 <div class="mt-5">
@@ -81,6 +85,14 @@
                              ref="selectableTable"
                              select-mode="single"
                              @row-selected="onSharingSelected">
+                        <template v-slot:head(entity_id)>Entity ID</template>
+                        <template v-slot:head(permission_type_id)>Permission Type ID</template>
+                        <template v-slot:head(owner_id)>Owner</template>
+                        <template v-slot:head(type)>Group/User</template>
+                        <template v-slot:cell(type)="data">
+                            <span v-if="data.value == 'GROUP'" variant="success">Group</span>
+                            <span v-else-if="data.value == 'USER'" variant="danger">User</span>
+                        </template>
                     </b-table>
                 </div>
 

diff --git a/custos-demo-gateway/src/components/workspace/Users.vue b/custos-demo-gateway/src/components/workspace/Users.vue
@@ -97,6 +97,7 @@
                     <b-table small striped hover responsive :items="selectedRoles" class="mt-2" selectable
                              select-mode="single"
                              @row-selected="onRoleSelected">
+                        <template v-slot:head(name)>Role</template>
                     </b-table>
                 </div>
             </div>