@konfuzio/document-validation-ui 0.1.2-pre-release-4 → 0.1.2

package/src/components/DocumentError.vue

@@ -16,7 +16,11 @@
         </div>
       </section>
       <footer class="modal-card-foot">
-        <b-button type="is-primary" @click="handleContactSupport">
+        <b-button
+          type="is-primary"
+          class="primary-button"
+          @click="handleContactSupport"
+        >
           {{ $t("contact_support") }}
         </b-button>
       </footer>

package/src/components/DocumentPage/DocumentPage.vue

@@ -79,7 +79,7 @@
         >
           <v-tag
             :config="{
-              fill: '#2B3545',
+              fill: '#1A1A1A',
               lineJoin: 'round',
               hitStrokeWidth: 0,
               listening: false,

package/src/components/DocumentPage/NewAnnotation.vue

@@ -101,14 +101,14 @@
     <div class="annotation-buttons">
       <b-button
         type="is-text"
-        class="cancel-button popup-button"
+        class="cancel-button popup-button primary-button"
         :label="$t('cancel')"
         :disabled="loading"
         @click.prevent="close"
       />
       <b-button
         type="is-primary"
-        class="popup-button"
+        class="popup-button primary-button"
         :label="$t('save')"
         :disabled="loading || !getTextFromEntities || !selectedLabel"
         @click.prevent="save"

package/src/components/DocumentTopBar/DocumentTopBarButtons.vue

@@ -3,7 +3,7 @@
     <div v-if="editMode" class="edit-mode-buttons">
       <b-button
         :label="$t('cancel')"
-        class="button-cancel"
+        class="button-cancel primary-button"
         type="is-default"
         @click="closeEditMode"
       />
@@ -18,7 +18,7 @@
         "
         type="is-primary"
         :disabled="false"
-        class="button-next"
+        class="button-next primary-button"
         @click="handleButton"
       />
     </div>

package/src/components/DocumentsList/DocumentsList.vue

@@ -3,10 +3,7 @@
     v-if="documentsAvailableToReview && documentsAvailableToReview.length > 0"
     class="documents-list"
   >
-    <div
-      v-if="showCategoryInfo && selectedCategory"
-      class="documents-list-top"
-    >
+    <div v-if="showCategoryInfo && selectedCategory" class="documents-list-top">
       <div class="documents-list-top-left">
         <h2>{{ selectedCategory.name }}</h2>
         <p>
@@ -17,7 +14,7 @@
         <div class="action-box">
           <span>{{ $t("upload_documents") }}</span>
           <b-button
-            class="action-button"
+            class="action-button primary-button"
             type="is-primary"
             @click="requestTrialAccess"
           >
@@ -27,34 +24,28 @@
       </div>
     </div>
     <div class="documents-list-bottom">
-      <b-carousel-list
-        :data="documentsAvailableToReview"
-        :items-to-show="5"
-      >
+      <b-carousel-list :data="documentsAvailableToReview" :items-to-show="5">
         <template #item="document">
           <div
             :class="[
               'documents-list-thumbnail',
-              selectedDocument.id == document.id && 'selected'
+              selectedDocument.id == document.id && 'selected',
             ]"
             @click="changeDocument(document.id)"
           >
             <ServerImage
               :class="[
                 'img-thumbnail',
-                selectedDocument.id == document.id && 'selected'
+                selectedDocument.id == document.id && 'selected',
               ]"
               :image-url="`${document.thumbnail_url}?${document.updated_at}`"
             >
-              <b-skeleton
-                width="20px"
-                height="100%"
-              />
+              <b-skeleton width="20px" height="100%" />
             </ServerImage>
             <div
               :class="[
                 'document-name',
-                selectedDocument.id == document.id && 'selected'
+                selectedDocument.id == document.id && 'selected',
               ]"
             >
               <!-- if is the current document, then we use the store variable to get the file name edits in real time -->
@@ -90,27 +81,27 @@ export default {
   name: "DocumentsList",
   components: {
     ServerImage,
-    ErrorIcon
+    ErrorIcon,
   },
   data() {
     return {
       showCategoryInfo: false,
       selectedCategory: null,
-      documentsList: null
+      documentsList: null,
     };
   },
   computed: {
     ...mapState("document", ["selectedDocument"]),
     ...mapState("category", ["documentsAvailableToReview"]),
     ...mapGetters("category", ["category"]),
-    ...mapGetters("document", ["documentHadErrorDuringExtraction"])
+    ...mapGetters("document", ["documentHadErrorDuringExtraction"]),
   },
   watch: {
     showCategoryInfo(newValue) {
       if (newValue) {
         this.selectedCategory = this.category(this.selectedDocument.category);
       }
-    }
+    },
   },
   methods: {
     changeDocument(documentId) {
@@ -119,8 +110,8 @@ export default {
     },
     requestTrialAccess() {
       window.open("https://konfuzio.com", "_blank");
-    }
-  }
+    },
+  },
 };
 </script>
 <style scoped lang="scss" src="../../assets/scss/documents_list.scss"></style>

package/src/components/NotOptimizedViewportModal.vue

@@ -1,10 +1,6 @@
 <template>
   <section class="viewport-modal">
-    <b-modal
-      v-model="isModalActive"
-      class="modal-text-center"
-      :width="500"
-    >
+    <b-modal v-model="isModalActive" class="modal-text-center" :width="500">
       <section class="modal-card-body">
         <div class="image">
           <Illustration />
@@ -17,6 +13,7 @@
       <footer class="modal-card-foot">
         <b-button
           type="is-primary"
+          class="primary-button"
           @click="handleNotOptimizedModal"
         >
           {{ $t("ok") }}
@@ -32,18 +29,18 @@ import Illustration from "../assets/images/NotOptimizedIllustration";
 export default {
   name: "NotOptimizedViewportModal",
   components: {
-    Illustration
+    Illustration,
   },
   data() {
     return {
-      isModalActive: true
+      isModalActive: true,
     };
   },
   methods: {
     handleNotOptimizedModal() {
       this.isModalActive = false;
-    }
-  }
+    },
+  },
 };
 </script>