diff --git a/pages/hash/:hash.vue b/pages/hash/:hash.vue index 7ba50ad66665fbf53cdd872d28a60a1203bafb44..c40847669df59ddb8cf64ace623468d72c4e5908 100644 --- a/pages/hash/:hash.vue +++ b/pages/hash/:hash.vue @@ -1,12 +1,94 @@ <template> <main class="content"> - <h2 class="display-2 text-center mb-5">{{ idFromHash.uid }}</h2> - <div class="row"> - <ul> - <li>{{ idFromHash.uid }}</li> - <li>{{ idFromHash.pubkey }}</li> - <li>{{ idFromHash.status }}</li> - </ul> + <div + class="spinner-border text-primary mx-auto d-block mb-3" + role="status" + v-if="$apollo.queries.idFromHash.loading" + > + <span class="sr-only">Loading...</span> + </div> + <div v-if="!$apollo.queries.idFromHash.loading"> + <h2 class="display-2 text-center mb-5">{{ idFromHash.uid }}</h2> + <div class="row"> + <div class="col-8 m-auto"> + <div class="table-responsive"> + <table class="table striped"> + <tr> + <td>uid</td> + <td>{{ idFromHash.uid }}</td> + </tr> + <tr> + <td>pubkey</td> + <td>{{ idFromHash.pubkey }}</td> + </tr> + <tr> + <td>status</td> + <td>{{ idFromHash.status }}</td> + </tr> + <tr> + <td>membership_pending</td> + <td>{{ idFromHash.membership_pending }}</td> + </tr> + <tr> + <td>membership_pending_block</td> + <td>{{ idFromHash.membership_pending_block }}</td> + </tr> + <tr> + <td>membership_pending_limitDate</td> + <td>{{ idFromHash.membership_pending_limitDate }}</td> + </tr> + <tr> + <td>id_written_block</td> + <td>{{ idFromHash.id_written_block.number }}</td> + </tr> + <tr> + <td>lastApplication</td> + <td>{{ idFromHash.lastApplication.number }}</td> + </tr> + <tr> + <td>limitDate</td> + <td>{{ idFromHash.limitDate }}</td> + </tr> + <tr> + <td>isLeaving</td> + <td>{{ idFromHash.isLeaving }}</td> + </tr> + <tr> + <td>sentry</td> + <td>{{ idFromHash.sentry }}</td> + </tr> + <tr> + <td>received_certifications</td> + <td>{{ idFromHash.received_certifications.limit }}</td> + </tr> + <tr> + <td>distance</td> + <td>{{ idFromHash.distance.value.ratio }}</td> + </tr> + <tr> + <td>distanceE</td> + <td>{{ idFromHash.distanceE.value.ratio }}</td> + </tr> + <tr> + <td>quality</td> + <td>{{ idFromHash.quality.ratio }}</td> + </tr> + <tr> + <td>qualityE</td> + <td>{{ idFromHash.qualityE.ratio }}</td> + </tr> + <tr> + <td>minDate</td> + <td>{{ idFromHash.minDate }}</td> + </tr> + <tr> + <td>minDatePassed</td> + <td>{{ idFromHash.minDatePassed }}</td> + </tr> + </table> + </div> + </div> + </div> </div> </main> </template> @@ -31,6 +113,41 @@ export default { uid status hash + membership_pending + membership_pending_block { + number + } + membership_pending_limitDate + id_written_block { + number + } + lastApplication { + number + } + limitDate + isLeaving + sentry + received_certifications { + limit + } + distance { + value { + ratio + } + } + distanceE { + value { + ratio + } + } + quality { + ratio + } + qualityE { + ratio + } + minDate + minDatePassed } } `,