DX format signature vue app

This commit is contained in:
nobohan 2024-11-14 12:05:16 +01:00 committed by Julien Fastré
parent 7a98bb5a06
commit d59cda9cc4
Signed by: julienfastre
GPG Key ID: BDE2190974723FCB

View File

@ -96,8 +96,15 @@
> >
{{ $t("cancel") }} {{ $t("cancel") }}
</button> </button>
<button v-if="userSignatureZone === null" <button
:class="{ btn: true, 'btn-sm': true, 'btn-create': canvasEvent !== 'add', 'btn-chill-green': canvasEvent === 'add', active: canvasEvent === 'add' }" v-if="userSignatureZone === null"
:class="{
btn: true,
'btn-sm': true,
'btn-create': canvasEvent !== 'add',
'btn-chill-green': canvasEvent === 'add',
active: canvasEvent === 'add',
}"
@click="toggleAddZone()" @click="toggleAddZone()"
:title="$t('add_sign_zone')" :title="$t('add_sign_zone')"
> >
@ -200,8 +207,15 @@
> >
{{ $t("cancel") }} {{ $t("cancel") }}
</button> </button>
<button v-if="userSignatureZone === null" <button
:class="{ btn: true, 'btn-sm': true, 'btn-create': canvasEvent !== 'add', 'btn-chill-green': canvasEvent === 'add', active: canvasEvent === 'add' }" v-if="userSignatureZone === null"
:class="{
btn: true,
'btn-sm': true,
'btn-create': canvasEvent !== 'add',
'btn-chill-green': canvasEvent === 'add',
active: canvasEvent === 'add',
}"
@click="toggleAddZone()" @click="toggleAddZone()"
:title="$t('add_sign_zone')" :title="$t('add_sign_zone')"
> >
@ -209,7 +223,7 @@
{{ $t("add_zone") }} {{ $t("add_zone") }}
</template> </template>
<template v-else> <template v-else>
{{ $t("click_on_document")}} {{ $t("click_on_document") }}
<div class="spinner-border spinner-border-sm" role="status"> <div class="spinner-border spinner-border-sm" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
</div> </div>
@ -218,8 +232,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-md-12 col-lg-9 m-auto my-5 text-center" :class="{onAddZone: canvasEvent === 'add'}"> <div
<canvas class="m-auto" id="canvas" ></canvas> class="col-xs-12 col-md-12 col-lg-9 m-auto my-5 text-center"
:class="{ onAddZone: canvasEvent === 'add' }"
>
<canvas class="m-auto" id="canvas"></canvas>
</div> </div>
<div class="col-xs-12 col-md-12 col-lg-9 m-auto p-4" id="action-buttons"> <div class="col-xs-12 col-md-12 col-lg-9 m-auto p-4" id="action-buttons">