WIP

client/components/open/forms/OpenForm.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-if="isAutoSubmit">
     <p class="text-center p-4">
-      <loader class="h-6 w-6 text-nt-blue mx-auto" />
+      <Loader class="h-6 w-6 text-nt-blue mx-auto" />
     </p>
   </div>
   <form v-else-if="dataForm" @submit.prevent="">

client/components/open/forms/OpenFormButton.vue

@@ -5,7 +5,7 @@
     <template v-if="!loading">
       <slot />
     </template>
-    <loader v-else class="h-6 w-6 text-white mx-auto" />
+    <Loader v-else class="h-6 w-6 text-white mx-auto" />
   </button>
 </template>
 

client/components/open/forms/components/FormEditor.vue

@@ -78,7 +78,7 @@
     </div>
   </div>
   <div v-else class="flex justify-center items-center">
-    <loader class="w-6 h-6" />
+    <Loader class="w-6 h-6" />
   </div>
 </template>
 

client/components/open/forms/components/FormStats.vue

@@ -19,7 +19,7 @@
       >
 
     </div>
-    <loader v-else-if="isLoading" class="h-6 w-6 text-nt-blue mx-auto" />
+    <Loader v-else-if="isLoading" class="h-6 w-6 text-nt-blue mx-auto" />
     <LineChart v-else
                :options="chartOptions"
                :data="chartData"

client/components/open/forms/components/FormSubmissions.vue

@@ -40,7 +40,7 @@
       </div>
     </modal>
 
-    <loader v-if="!form || !formInitDone" class="h-6 w-6 text-nt-blue mx-auto" />
+    <Loader v-if="!form || !formInitDone" class="h-6 w-6 text-nt-blue mx-auto" />
     <div v-else>
       <div v-if="form && tableData.length > 0" class="flex flex-wrap items-end">
         <div class="flex-grow">

client/components/open/forms/components/templates/QuestionsEditor.vue

@@ -7,7 +7,7 @@
       <span v-if="required" class="text-red-500 required-dot">*</span>
     </label>
 
-    <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 class="my-3">
       <div v-for="(questionForm, quesKey) in allQuestions" :key="quesKey" class="bg-gray-100 p-2 mb-4">
           <v-button color="red" size="small" class="mb-2" @click.prevent="onRemove(quesKey)">
@@ -64,7 +64,7 @@ export default {
   watch: { },
 
   computed: { },
-  
+
   methods: {
     onAdd() {
       this.allQuestions.push(this.newQuestion)

client/components/open/tables/OpenTable.vue

@@ -60,14 +60,14 @@
       </tr>
       <tr v-if="loading" class="n-table-row border-t bg-gray-50 dark:bg-gray-900">
         <td :colspan="form.properties.length" class="p-8 w-full">
-          <loader class="w-4 h-4 mx-auto" />
+          <Loader class="w-4 h-4 mx-auto" />
         </td>
       </tr>
     </tbody>
     <tbody v-else key="body-content" class="n-table-body">
       <tr class="n-table-row loader w-full">
         <td :colspan="form.properties.length" class="n-table-cell w-full p-8">
-          <loader v-if="loading" class="w-4 h-4 mx-auto" />
+          <Loader v-if="loading" class="w-4 h-4 mx-auto" />
           <p v-else class="text-gray-500 text-center">
             No data found.
           </p>