adding some highlight to the tokens managed by the logged user. This …

…commit closes #64.
telosnetwork · Sep 13, 2022 · 818c6f8 · 818c6f8
1 parent da4e44e
commit 818c6f8
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/pages/tokens/components/token-list.vue b/src/pages/tokens/components/token-list.vue
@@ -14,6 +14,7 @@
         @issue="issue"
         @retire="retire"
       ></token-detail>
+
       <q-table
         class="token-list"
         title="Tokens"
@@ -23,16 +24,21 @@
         row-key="name"
         @row-click="rowClicked"
       >
-        <template v-slot:body-cell-name="props">
-          <q-td :props="props">
-            <div class="d-flex flex justify-between items-center">
+        <template v-slot:body-cell="props">
+          <q-td
+            :props="props"
+            :class="(props.row.token_owner==account)?'bg-blue-grey-1 text-black':'bg-white text-black'"
+          >
+            <div v-if="props.col.name == 'name'" class="d-flex flex justify-between items-center">
               <q-avatar rounded>
                 <img :src="props.row.logo_sm" />
               </q-avatar>
               <span class="q-ml-md">{{ props.row.token_name }}</span>
             </div>
+            <div v-else>{{props.value}}</div>
           </q-td>
         </template>
+
         <template v-slot:top-right v-if="!createToken && isAuthenticated">
           <q-btn
             color="primary"