UPD views, FIX fonts, re-install

client/src/components/home/HomeFeatures.vue

@@ -11,9 +11,9 @@
     <div class="grid grid-cols-3 gap-4">
       <div class="justify-center rounded-md p-4 shadow-xl">
         <i class="pi pi-file-export" />
-        <div class="font-semibold mb-3 text-lg">EUF</div>
+        <div class="font-semibold mb-3 text-lg">Data Format</div>
         <p class="m-0 text-secondary font-medium">
-          Support and promote the bedRMod (EU) format. This format is similar to the
+          Support and promote the bedRMod format. This format is similar to the
           <a
             class="text-crmg hover:text-crmb"
             href="https://www.encodeproject.org/data-standards/wgbs/"
@@ -51,11 +51,19 @@
         <i class="pi pi-comments" />
         <div class="font-semibold mb-3 text-lg">Support</div>
         <p class="m-0 text-secondary font-medium">
-          Full support during the development phase.
+          Full support during the development phase. Check our
+          <a
+            href="https://github.com/dieterich-lab/scimodom/discussions"
+            class="text-crmg hover:text-crmb"
+            target="_blank"
+            rel="noopener noreferrer"
+            >forum</a
+          >
+          or
           <a href="mailto:[email protected]" class="text-crmg hover:text-crmb"
-            >Contact us</a
+            >contact us</a
           >
-          with your feedback, request, or question.
+          with your feedback, request, or questions.
         </p>
       </div>
       <div class="justify-center rounded-md p-4 shadow-xl">

client/src/components/home/HomeRoadmap.vue

@@ -60,7 +60,7 @@
                   <h2 class="text-lg font-bold mt-0 mb-2">Advanced Queries</h2>
                   <p class="mt-0 mb-3 line-height-3">
                     Allow to filter by genomic annotation (feature, biotype), evidence per site
-                    across techniques, dataset.
+                    across techniques, dataset, ...
                   </p>
                   <div class="border-2 border-solid border-crmbs-50 rounded">
                     <div
@@ -72,7 +72,7 @@
                 <div class="p-3 border-l-4 border-solid border-crmbs-50 rounded-l">
                   <h2 class="text-lg font-bold mt-0 mb-2">Data Annotation</h2>
                   <p class="mt-0 mb-3 line-height-3">
-                    Provide advanced and faster records annotation.
+                    Update model, provide advanced and faster records annotation.
                   </p>
                   <div class="border-2 border-solid border-crmbs-50 rounded">
                     <div
@@ -250,7 +250,9 @@
                 <div class="flex-1 flex gap-3 flex-col">
                   <div class="p-3 border-l-4 border-solid border-crmgs-50 rounded-l">
                     <h2 class="text-lg font-bold mt-0 mb-2">Tables Display</h2>
-                    <p class="mt-0 mb-3 line-height-3">Update layout (+intuitive, +control)</p>
+                    <p class="mt-0 mb-3 line-height-3">
+                      Re-design, update layout (+intuitive, +control)
+                    </p>
                     <div class="border-2 border-solid border-crmgs-50 rounded">
                       <div
                         class="border-2 border-solid border-crmgs-50 rounded"

client/src/views/DocumentationView.vue

@@ -106,6 +106,16 @@
           Annotation are created by intersecting dataset records with features (UTRs, CDS, ...)
           merged across transcripts extracted from a given Ensembl GTF file.
         </p>
+        <p class="indent-4 text-xl leading-relaxed mt-4 mb-2">
+          For detailed documentation and development notes, consult the
+          <a
+            class="text-crmg hover:text-crmb"
+            href="https://dieterich-lab.github.io/scimodom/"
+            target="_blank"
+            rel="noopener noreferrer"
+            >server documentation</a
+          >.
+        </p>
       </div>
       <!-- HOW TO ----  -->
       <div class="text-justify m-6">

client/src/views/DownloadView.vue

@@ -9,8 +9,12 @@
         </span>
         selected dataset
       </h1>
-      <p class="text-lg font-normal text-gray-500 lg:text-xl">Database dump or EUF files</p>
+      <p class="text-lg font-normal text-gray-500 lg:text-xl">Database dumps</p>
       <Divider :pt="{ root: { class: 'bg-crmg' } }" />
+      <p class="indent-4 text-xl leading-relaxed mt-2 mb-4">
+        Data export is available for Search, Browse, and Compare. Database dumps of all or selected
+        dataset will soon be available.
+      </p>
     </SectionLayout>
   </DefaultLayout>
 </template>

client/src/views/SearchView.vue

@@ -26,6 +26,7 @@ const dt = ref()
 const first = ref(0)
 const records = ref()
 const loading = ref(false)
+const loadingButton = ref(false)
 const totalRecords = ref(0)
 const lazyParams = ref({})
 const filters = ref({
@@ -42,7 +43,9 @@ const filters = ref({
 })
 
 const submitQuery = () => {
+  loadingButton.value = true
   lazyLoad()
+  loadingButton.value = false
 }
 
 function isAllSelected() {
@@ -215,6 +218,7 @@ onMounted(() => {
           icon="pi pi-sync"
           label="Submit"
           :disabled="disabled"
+          :loading="loadingButton"
           @click="submitQuery"
           :pt="{
             root: {