Add locked property; display lock instead of tab number if tab is not unlocked.

This commit is contained in:
John McCardle 2022-01-08 15:45:07 -05:00
commit 87fca05e77
2 changed files with 11 additions and 1 deletions

View file

@ -4,7 +4,10 @@
:class="[colorClasses, index < 5 && 'mr-px']"
@click="$store.commit('setActiveTab', index)"
>
{{ tabData.label }}
<template v-if="!tabData.locked">{{ tabData.label }}</template>
<template v-if="tabData.locked"
><i class="fa fa-lock" aria-hidden="true"></i
></template>
</div>
</template>