From 73cb016473579a0e1a7ee2750ae28255d4b1ecb9 Mon Sep 17 00:00:00 2001
From: Julien Nahum <jhumanj@MacBook-Pro-de-Julien.local>
Date: Tue, 29 Nov 2022 15:13:00 +0100
Subject: [PATCH] Improve template pages

---
 .../js/pages/auth/components/QuickRegister.vue     | 14 +++++---------
 resources/js/pages/templates/show.vue              | 14 ++++++++++----
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/resources/js/pages/auth/components/QuickRegister.vue b/resources/js/pages/auth/components/QuickRegister.vue
index dbc3bad..48b751a 100644
--- a/resources/js/pages/auth/components/QuickRegister.vue
+++ b/resources/js/pages/auth/components/QuickRegister.vue
@@ -3,10 +3,8 @@
     <!--  Login modal  -->
     <modal :show="showLoginModal" @close="showLoginModal=false" max-width="lg">
       <template #icon>
-        <svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path
-            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 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 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" />
         </svg>
       </template>
       <template #title>
@@ -21,10 +19,8 @@
     <!--  Register modal  -->
     <modal :show="showRegisterModal" @close="$emit('close')" max-width="lg">
       <template #icon>
-        <svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path
-            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 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 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" />
         </svg>
       </template>
       <template #title>
@@ -34,7 +30,7 @@
         <register-form :isQuick="true" @openLogin="openLogin" @afterQuickLogin="afterQuickLogin" />
       </div>
     </modal>
-    
+
   </div>
 </template>
 
diff --git a/resources/js/pages/templates/show.vue b/resources/js/pages/templates/show.vue
index e936378..3284657 100644
--- a/resources/js/pages/templates/show.vue
+++ b/resources/js/pages/templates/show.vue
@@ -21,18 +21,21 @@
           </div>
           <div v-html="template.description"></div>
           <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
             </v-button>
           </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"
                               class="mb-4 p-4 bg-gray-50 rounded-lg overflow-hidden"/>
 
           <div v-if="template.questions.length > 0" id="questions">
-            <h3 class="text-xl font-semibold mb-3">Frequently asked questions</h3>
-            <div class="mt-5 pt-2">
+            <h3 class="text-xl font-semibold mt-8">Frequently asked questions</h3>
+            <div class="pt-2">
               <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>
                 <div class="p-2" v-html="ques.answer"></div>
@@ -85,6 +88,9 @@ export default {
   methods: {},
 
   computed: {
+    ...mapGetters({
+      authenticated: 'auth/check'
+    }),
     ...mapState({
       templatesLoading: state => state['open/templates'].loading
     }),