matt/opnform-host-nginx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Julien Nahum
2023-12-11 11:56:21 +01:00
parent 6ee56ac4cc
commit 5c4dc2a3d6
34 changed files with 92 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/components/forms/FileInput.vue
View File

@@ -19,7 +19,7 @@
v-if="loading"
class="text-gray-600 dark:text-gray-400"
>
<loader class="mx-auto h-6 w-6" />
<Loader class="mx-auto h-6 w-6" />
<p class="mt-2 text-center text-sm text-gray-500">
Uploading your file...
</p>

2
client/components/forms/FlatSelectInput.vue
View File

@@ -6,7 +6,7 @@
<slot name="label" />
</template>
<loader v-if="loading" key="loader" class="h-6 w-6 text-nt-blue mx-auto" />
<Loader v-if="loading" key="loader" class="h-6 w-6 text-nt-blue mx-auto" />
<div v-for="(option, index) in options" v-else :key="option[optionKey]" role="button"
:class="[theme.default.input,'cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 flex',{ 'mb-2': index !== options.length,'!ring-red-500 !ring-2': hasValidation && form.errors.has(name), '!cursor-not-allowed !bg-gray-200':disabled }]"
@click="onSelect(option[optionKey])"

2
client/components/forms/ImageInput.vue
View File

@@ -59,7 +59,7 @@
@drop.prevent="onUploadDropEvent($event)"
>
<div v-if="loading" class="text-gray-600 dark:text-gray-400">
<loader class="h-6 w-6 mx-auto m-10" />
<Loader class="h-6 w-6 mx-auto m-10" />
<p class="text-center mt-6">
Uploading your file...
</p>

4
client/components/forms/components/VSelect.vue
View File

@@ -9,7 +9,7 @@
>
<div :class="{'h-6': !multiple, 'min-h-8': multiple && !loading}">
<transition name="fade" mode="out-in">
<loader v-if="loading" key="loader" class="h-6 w-6 text-nt-blue mx-auto" />
<Loader v-if="loading" key="loader" class="h-6 w-6 text-nt-blue mx-auto" />
<div v-else-if="modelValue" key="value" class="flex" :class="{'min-h-8': multiple}">
<slot name="selected" :option="modelValue" />
</div>
@@ -45,7 +45,7 @@
/>
</div>
<div v-if="loading" class="w-full py-2 flex justify-center">
<loader class="h-6 w-6 text-nt-blue mx-auto" />
<Loader class="h-6 w-6 text-nt-blue mx-auto" />
</div>
<template v-if="filteredOptions.length > 0">
<li v-for="item in filteredOptions" :key="item[optionKey]" role="option" :style="optionStyle"