mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-21 23:36:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

use a table to display the data

Browse source
This commit is contained in:
bastantoine 2022-11-18 19:29:46 +01:00
parent 8d0a4273fb
commit 7c100f4030
1 changed files with 23 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/tools/jwt-parser/jwt-parser.vue
View file

@ -4,14 +4,24 @@
<n-input v-model:value="raw_jwt" type="textarea" placeholder="Put your token here..." rows="5" /> <n-input v-model:value="raw_jwt" type="textarea" placeholder="Put your token here..." rows="5" />
</n-form-item> </n-form-item>
<p>Header</p> <n-table>
<ul> <tbody>
<li v-for="(value, key) in decodedJWT.header" :key="key">{{ key }}: {{ value }}</li> <td colspan="2" class="table-header"><b>Header</b></td>
</ul> <tr v-for="(value, key) in decodedJWT.header" :key="key">
<p>Payload</p> <td>
<ul> <i>{{ key }}</i>
<li v-for="(value, key) in decodedJWT.payload" :key="key">{{ key }}: {{ value }}</li> </td>
</ul> <td>{{ value }}</td>
</tr>
<td colspan="2" class="table-header"><b>Payload</b></td>
<tr v-for="(value, key) in decodedJWT.payload" :key="key">
<td>
<i>{{ key }}</i>
</td>
<td>{{ value }}</td>
</tr>
</tbody>
</n-table>
</n-card> </n-card>
</template> </template>
@ -39,4 +49,8 @@ const validation = useValidation({
}); });
</script> </script>
<style lang="less" scoped></style> <style lang="less" scoped>
.table-header {
text-align: center;
}
</style>