public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

always parse the values

Browse Source
This commit is contained in:
bastantoine 2022-12-22 20:28:05 +01:00
parent a4f6c5da80
commit 3e96810140
1 changed files with 2 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/tools/jwt-parser/jwt-parser.vue
View File

@ -3,9 +3,6 @@
<n-form-item label="JWT to decode" :feedback="validation.message" :validation-status="validation.status">
<n-input v-model:value="raw_jwt" type="textarea" placeholder="Put your token here..." rows="5" />
</n-form-item>
<n-form-item label="Display parsed value?" label-placement="left" :show-feedback="false">
<n-switch v-model:value="showParsedValues" />
</n-form-item>
<n-table>
<tbody>
@ -13,16 +10,14 @@
<tr v-for="[key, value] in Object.entries(decodedJWT.header)" :key="key">
<td class="claims"><claim-vue :claim="key" /></td>
<td>
<span v-if="!showParsedValues">{{ value }}</span>
<value-vue v-else :claim="key" :value="value" />
<value-vue :claim="key" :value="value" />
</td>
</tr>
<td colspan="2" class="table-header"><strong>Payload</strong></td>
<tr v-for="[key, value] in Object.entries(decodedJWT.payload)" :key="key">
<td class="claims"><claim-vue :claim="key" /></td>
<td>
<span v-if="!showParsedValues">{{ value }}</span>
<value-vue v-else :claim="key" :value="value" />
<value-vue :claim="key" :value="value" />
</td>
</tr>
</tbody>
@ -42,7 +37,6 @@ import valueVue from './value.vue';
const raw_jwt = ref(
'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c',
);
const showParsedValues = ref(true);
const decodedJWT = computed(() => {
return safeJwtDecode(raw_jwt.value);