Add links to votable arbitrator election ballot(s)

telosnetwork · Sep 4, 2023 · fd0ceef · fd0ceef
1 parent ddb5d79
commit fd0ceef
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/i18n/en-us/index.js b/src/i18n/en-us/index.js
@@ -634,6 +634,7 @@ export default {
 
             elections_table_title: 'Elections',
             elections_table_view_info: 'View Info',
+            elections_table_vote_now: 'Vote now',
             elections_table_seats: 'Seats',
             elections_table_end_add: 'End Add Candidates',
             elections_table_end_voting: 'End Voting',

diff --git a/src/pages/resolve/components/ElectionsTable.vue b/src/pages/resolve/components/ElectionsTable.vue
@@ -29,10 +29,18 @@
                         <q-td key="ballot_name" class="ballot_name">
                             <div class="info">
                                 <div class="ballot-name">
+                                  <a v-if="props.row.ballot_name" :href="`/trails/ballot/${props.row.ballot_name}`">
                                     {{
                                         props.row.ballot_name ||
                                             `${props.row.election_id}`
                                     }}
+                                  </a>
+                                  <span v-else>
+                                    {{
+                                        props.row.ballot_name ||
+                                            `${props.row.election_id}`
+                                    }}
+                                  </span>
                                 </div>
                                 <div class="ballot-subtitle">
                                     <a
@@ -42,7 +50,13 @@
                                         "
                                         target="_blank"
                                         >{{$t('pages.resolve.elections_table_view_info')}}</a
+                                    >&nbsp;&nbsp;
+                                    <a v-if="props.row.ballot_name && props.row.status === 2"
+                                      :href="`/trails/ballot/${props.row.ballot_name}`"
+                                      class="primary"
                                     >
+                                      <strong>{{ $t('pages.resolve.elections_table_vote_now') }}</strong>
+                                    </a>
                                 </div>
                             </div>
                         </q-td>
@@ -153,6 +167,9 @@ export default {
 
 <style lang="scss">
 #elections-table {
+    .primary {
+      color: #571aff;
+    }
     .resolve-table {
         .q-table__top {
             background-color: #571aff;