Merge branch 'vue-3' into migrate-to-nuxt

resources/js/components/common/ScrollShadow.vue

@@ -59,9 +59,9 @@ export default {
     window.addEventListener('resize', this.calcDimensions)
 
     // Check if shadows are necessary after the element is resized.
-    const scrollContainerObserver = newResizeObserver(this.toggleShadow)
-    if (scrollContainerObserver) {
-      scrollContainerObserver.observe(this.$refs.scrollContainer)
+    this.scrollContainerObserver = newResizeObserver(this.toggleShadow)
+    if (this.scrollContainerObserver) {
+      this.scrollContainerObserver.observe(this.$refs.scrollContainer)
     }
 
     // Recalculate the container dimensions when the wrapper is resized.

resources/js/components/open/forms/components/form-components/FormCustomSeo.vue

@@ -56,6 +56,9 @@ export default {
       return this.$store.getters['open/workspaces/getCurrent']()
     },
     customDomainOptions () {
+      if (!this.workspace || !this.workspace.custom_domains) {
+        return []
+      }
       return this.workspace.custom_domains.map((domain) => {
         return {
           name: domain,

resources/js/components/open/forms/components/form-components/FormCustomization.vue

@@ -70,8 +70,8 @@
                          label="Transparent Background" help="Only applies when form is embedded"
     />
     <toggle-switch-input name="confetti_on_submission" :form="form" class="mt-4"
-                         label="Confetti on successful submisison"
-                         @update:model-value="onChangeConfettiOnSubmission"
+                         label="Confetti on successful submission"
+                         @input="onChangeConfettiOnSubmission"
     />
     <toggle-switch-input name="auto_save" :form="form"
                          label="Auto save form response"

resources/js/components/pages/OpenFormFooter.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="w-full">
     <div class="grid md:grid-cols-3 my-8">
-      <div class="flex mt-2">
+      <div class="flex mt-2 items-center">
         <p class="text-sm text-gray-600 dark:text-gray-400 text-center w-full">
           © Copyright {{ currYear }}. All Rights Reserved
         </p>
@@ -14,18 +14,31 @@
           </span>
         </router-link>
       </div>
-      <ul class="flex justify-center mt-5 md:mt-1">
-          <li class="mr-10">
-            <router-link :to="{name:'privacy-policy'}" class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
-              Privacy Policy
-            </router-link>
-          </li>
-          <li class="list-disc pl-3">
-            <router-link :to="{name:'terms-conditions'}" class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
-              Terms & Conditions
-            </router-link>
-          </li>
-        </ul>
+      <div class="flex justify-center mt-5 md:mt-0">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-4 gap-y-2">
+          <a href="https://opnform.featurebase.app/" target="_blank"
+             class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
+            Feature Requests
+          </a>
+          <a href="https://opnform.featurebase.app/roadmap" target="_blank"
+             class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
+            Roadmap
+          </a>
+          <a href="www.facebook.com/groups/opnform" target="_blank"
+             class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
+            Facebook Group
+          </a>
+          <router-link :to="{name:'privacy-policy'}"
+                       class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
+            Privacy Policy
+          </router-link>
+
+          <router-link :to="{name:'terms-conditions'}"
+                       class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
+            Terms & Conditions
+          </router-link>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -57,7 +70,8 @@ export default {
     featureRequestsUrl: () => window.config.links.feature_requests
   },
 
-  mounted () {},
+  mounted() {
+  },
 
   methods: {}
 }

resources/js/pages/auth/login.vue

@@ -56,22 +56,17 @@
 </template>
 
 <script>
-import OpenFormFooter from '../../components/pages/OpenFormFooter.vue'
-import Testimonials from '../../components/pages/welcome/Testimonials.vue'
-import LoginForm from './components/LoginForm.vue'
-import SeoMeta from '../../mixins/seo-meta.js'
+import OpenFormFooter from '~/components/pages/OpenFormFooter.vue'
+import LoginForm from "./components/LoginForm.vue";
 
 export default {
   components: {
     OpenFormFooter,
-    Testimonials,
     LoginForm
   },
 
   middleware: 'guest',
 
-  mixins: [SeoMeta],
-
   data: () => ({
     metaTitle: 'Login',
   }),