Improve template pages

This commit is contained in:
Julien Nahum 2022-11-29 15:13:00 +01:00
parent cd946c8d7c
commit 73cb016473
2 changed files with 15 additions and 13 deletions

View File

@ -3,10 +3,8 @@
<!-- Login modal --> <!-- Login modal -->
<modal :show="showLoginModal" @close="showLoginModal=false" max-width="lg"> <modal :show="showLoginModal" @close="showLoginModal=false" max-width="lg">
<template #icon> <template #icon>
<svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8">
<path <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
d="M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg> </svg>
</template> </template>
<template #title> <template #title>
@ -21,10 +19,8 @@
<!-- Register modal --> <!-- Register modal -->
<modal :show="showRegisterModal" @close="$emit('close')" max-width="lg"> <modal :show="showRegisterModal" @close="$emit('close')" max-width="lg">
<template #icon> <template #icon>
<svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8">
<path <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
d="M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg> </svg>
</template> </template>
<template #title> <template #title>
@ -34,7 +30,7 @@
<register-form :isQuick="true" @openLogin="openLogin" @afterQuickLogin="afterQuickLogin" /> <register-form :isQuick="true" @openLogin="openLogin" @afterQuickLogin="afterQuickLogin" />
</div> </div>
</modal> </modal>
</div> </div>
</template> </template>

View File

@ -21,18 +21,21 @@
</div> </div>
<div v-html="template.description"></div> <div v-html="template.description"></div>
<div class="mt-5 text-center"> <div class="mt-5 text-center">
<v-button class="mt-4 sm:mt-0" :to="{path:'/forms/create?template='+template.slug}"> <v-button v-if="authenticated" class="mt-4 sm:mt-0" :to="{path:'/forms/create?template='+template.slug}">
Use this template
</v-button>
<v-button v-else class="mt-4 sm:mt-0" :to="{path:'/forms/create/guest?template='+template.slug}">
Use this template Use this template
</v-button> </v-button>
</div> </div>
<h3 class="text-center text-gray-500 mt-6 mb-2">Template Preview</h3> <h3 class="text-center text-gray-500 mt-8 mb-2">Template Preview</h3>
<open-complete-form ref="open-complete-form" :form="form" :creating="true" <open-complete-form ref="open-complete-form" :form="form" :creating="true"
class="mb-4 p-4 bg-gray-50 rounded-lg overflow-hidden"/> class="mb-4 p-4 bg-gray-50 rounded-lg overflow-hidden"/>
<div v-if="template.questions.length > 0" id="questions"> <div v-if="template.questions.length > 0" id="questions">
<h3 class="text-xl font-semibold mb-3">Frequently asked questions</h3> <h3 class="text-xl font-semibold mt-8">Frequently asked questions</h3>
<div class="mt-5 pt-2"> <div class="pt-2">
<div v-for="(ques,ques_key) in template.questions" :key="ques_key" class="my-3 border rounded-lg"> <div v-for="(ques,ques_key) in template.questions" :key="ques_key" class="my-3 border rounded-lg">
<h5 class="border-b p-2">{{ ques.question }}</h5> <h5 class="border-b p-2">{{ ques.question }}</h5>
<div class="p-2" v-html="ques.answer"></div> <div class="p-2" v-html="ques.answer"></div>
@ -85,6 +88,9 @@ export default {
methods: {}, methods: {},
computed: { computed: {
...mapGetters({
authenticated: 'auth/check'
}),
...mapState({ ...mapState({
templatesLoading: state => state['open/templates'].loading templatesLoading: state => state['open/templates'].loading
}), }),