|
41 | 41 | {{ t('libresign', 'Signature only') }} |
42 | 42 | </NcCheckboxRadioSwitch> |
43 | 43 | <NcButton v-if="displayResetRenderMode" |
44 | | - type="tertiary" |
| 44 | + variant="tertiary" |
45 | 45 | :aria-label="t('libresign', 'Reset to default')" |
46 | 46 | @click="resetRenderMode"> |
47 | 47 | <template #icon> |
|
51 | 51 | </fieldset> |
52 | 52 | <div v-if="renderMode !== 'GRAPHIC_ONLY'"> |
53 | 53 | <div class="settings-section__row"> |
54 | | - <NcButton type="tertiary" |
| 54 | + <NcButton variant="tertiary" |
55 | 55 | :aria-label="t('libresign', 'Show available variables')" |
56 | 56 | @click="showVariablesDialog = true"> |
57 | 57 | <template #icon> |
|
66 | 66 | :label="t('libresign', 'Signature text template')" |
67 | 67 | :placeholder="t('libresign', 'Signature text template')" /> |
68 | 68 | <NcButton v-if="displayResetTemplate" |
69 | | - type="tertiary" |
| 69 | + variant="tertiary" |
70 | 70 | :aria-label="t('libresign', 'Reset to default')" |
71 | 71 | @click="resetTemplate"> |
72 | 72 | <template #icon> |
|
76 | 76 | </div> |
77 | 77 | <div class="settings-section__row"> |
78 | 78 | <div v-if="renderMode === 'SIGNAME_AND_DESCRIPTION'" class="settings-section__row_signature"> |
79 | | - <NcTextField v-model:value="signatureFontSize" |
| 79 | + <NcTextField v-model="signatureFontSize" |
80 | 80 | :label="t('libresign', 'Signature font size')" |
81 | 81 | :placeholder="t('libresign', 'Signature font size')" |
82 | 82 | type="number" |
|
88 | 88 | @keydown.enter="saveTemplate" |
89 | 89 | @blur="saveTemplate" /> |
90 | 90 | <NcButton v-if="dislayResetSignatureFontSize" |
91 | | - type="tertiary" |
| 91 | + variant="tertiary" |
92 | 92 | :aria-label="t('libresign', 'Reset to default')" |
93 | 93 | @click="resetSignatureFontSize"> |
94 | 94 | <template #icon> |
|
100 | 100 | 'settings-section__row_template': renderMode === 'SIGNAME_AND_DESCRIPTION', |
101 | 101 | 'settings-section__row_template-only': renderMode !== 'SIGNAME_AND_DESCRIPTION', |
102 | 102 | }"> |
103 | | - <NcTextField v-model:value="templateFontSize" |
| 103 | + <NcTextField v-model="templateFontSize" |
104 | 104 | :label="t('libresign', 'Template font size')" |
105 | 105 | :placeholder="t('libresign', 'Template font size')" |
106 | 106 | type="number" |
|
112 | 112 | @keydown.enter="saveTemplate" |
113 | 113 | @blur="saveTemplate" /> |
114 | 114 | <NcButton v-if="displayResetTemplateFontSize" |
115 | | - type="tertiary" |
| 115 | + variant="tertiary" |
116 | 116 | :aria-label="t('libresign', 'Reset to default')" |
117 | 117 | @click="resetTemplateFontSize"> |
118 | 118 | <template #icon> |
|
132 | 132 | </div> |
133 | 133 | <div v-if="displayPreview" class="settings-section__row"> |
134 | 134 | <div class="settings-section__row_dimension"> |
135 | | - <NcTextField v-model:value="signatureWidth" |
| 135 | + <NcTextField v-model="signatureWidth" |
136 | 136 | :label="t('libresign', 'Default signature width')" |
137 | 137 | :placeholder="t('libresign', 'Default signature width')" |
138 | 138 | type="number" |
|
144 | 144 | @keydown.enter="saveTemplate" |
145 | 145 | @blur="saveTemplate" /> |
146 | 146 | <NcButton v-if="displayResetSignatureWidth" |
147 | | - type="tertiary" |
| 147 | + variant="tertiary" |
148 | 148 | :aria-label="t('libresign', 'Reset to default')" |
149 | 149 | @click="resetSignatureWidth"> |
150 | 150 | <template #icon> |
|
153 | 153 | </NcButton> |
154 | 154 | </div> |
155 | 155 | <div class="settings-section__row_dimension"> |
156 | | - <NcTextField v-model:value="signatureHeight" |
| 156 | + <NcTextField v-model="signatureHeight" |
157 | 157 | :label="t('libresign', 'Default signature height')" |
158 | 158 | :placeholder="t('libresign', 'Default signature height')" |
159 | 159 | type="number" |
|
165 | 165 | @keydown.enter="saveTemplate" |
166 | 166 | @blur="saveTemplate" /> |
167 | 167 | <NcButton v-if="displayResetSignatureHeight" |
168 | | - type="tertiary" |
| 168 | + variant="tertiary" |
169 | 169 | :aria-label="t('libresign', 'Reset to default')" |
170 | 170 | @click="resetSignatureHeight"> |
171 | 171 | <template #icon> |
|
177 | 177 | <fieldset class="settings-section__row settings-section__row_bar"> |
178 | 178 | <legend>{{ t('libresign', 'Background image') }}</legend> |
179 | 179 | <NcButton id="signature-background" |
180 | | - type="secondary" |
| 180 | + variant="secondary" |
181 | 181 | :aria-label="t('libresign', 'Upload new background image')" |
182 | 182 | @click="activateLocalFilePicker"> |
183 | 183 | <template #icon> |
|
186 | 186 | {{ t('libresign', 'Upload') }} |
187 | 187 | </NcButton> |
188 | 188 | <NcButton v-if="displayResetBackground" |
189 | | - type="tertiary" |
| 189 | + variant="tertiary" |
190 | 190 | :aria-label="t('libresign', 'Reset to default')" |
191 | 191 | @click="undoBackground"> |
192 | 192 | <template #icon> |
193 | 193 | <NcIconSvgWrapper :path="mdiUndoVariant" :size="20" /> |
194 | 194 | </template> |
195 | 195 | </NcButton> |
196 | 196 | <NcButton v-if="displayRemoveBackground" |
197 | | - type="tertiary" |
| 197 | + variant="tertiary" |
198 | 198 | :aria-label="t('libresign', 'Remove background')" |
199 | 199 | @click="removeBackground"> |
200 | 200 | <template #icon> |
|
223 | 223 | </NcButton> |
224 | 224 | </div> |
225 | 225 | <NcTextField v-if="displayPreview" |
226 | | - v-model:value="zoomLevel" |
| 226 | + v-model="zoomLevel" |
227 | 227 | class="settings-section__zoom_level" |
228 | 228 | :label="t('libresign', 'Zoom level')" |
229 | 229 | type="number" |
|
0 commit comments