@konfuzio/document-validation-ui 0.1.19-dev.2 → 0.1.19

package/src/components/DocumentAnnotations/AnnotationActionButtons.vue

@@ -1,152 +1,152 @@
-<template>
-  <div class="action-buttons">
-    <!-- loading -->
-    <div v-if="isLoading">
-      <b-notification :closable="false" class="loading-background">
-        <b-loading :active="isLoading" :is-full-page="false">
-          <b-icon icon="spinner" class="fa-spin loading-icon-size spinner" />
-        </b-loading>
-      </b-notification>
-    </div>
-
-    <!-- save button -->
-    <b-button
-      v-if="saveBtn && !isLoading && !publicView && !isDocumentReviewed"
-      :class="[
-        'annotation-save-btn text-btn',
-        actionBar && 'action-bar-save-btn',
-        actionBar ? 'tertiary-button' : 'primary-button',
-      ]"
-      type="is-primary"
-      @click.stop="save"
-    >
-      {{ $t("save") }}
-    </b-button>
-
-    <!-- cancel button -->
-    <b-button
-      v-if="cancelBtn && !isLoading && !isDocumentReviewed"
-      class="is-small annotation-cancel-btn"
-      icon-left="xmark"
-      @click.stop="cancel"
-    />
-
-    <div v-if="showHoverButton" class="accept-decline-container">
-      <b-button
-        v-if="declineBtn"
-        class="decline-btn"
-        :title="$t('decline')"
-        type="is-ghost"
-        @click.stop="decline"
-      >
-        <b-icon icon="xmark" class="decline-icon" />
-      </b-button>
-      <b-button
-        v-if="acceptBtn"
-        class="accept-btn"
-        :title="$t('accept')"
-        type="is-ghost"
-        @click.stop="accept"
-      >
-        <AcceptedCheckMark />
-      </b-button>
-    </div>
-    <!-- missing button -->
-    <div
-      v-if="showMissingBtn && showHoverButton"
-      class="missing-button-container"
-    >
-      <b-button type="is-ghost" class="missing-btn" @click.stop="markAsMissing">
-        {{ $t("missing_annotation") }}
-      </b-button>
-    </div>
-
-    <!-- Restore not found annotations -->
-    <b-button
-      v-if="restoreBtn && !isLoading && !publicView && !isDocumentReviewed"
-      class="restore-btn"
-      type="is-primary"
-      @click.stop="restore"
-    >
-      {{ $t("restore") }}
-    </b-button>
-  </div>
-</template>
-<script>
-/* Component for showing actions for each annotation row */
-import { mapGetters, mapState } from "vuex";
-import AcceptedCheckMark from "../../assets/images/AcceptedCheckMark";
-export default {
-  name: "AnnotationActionButtons",
-  components: {
-    AcceptedCheckMark,
-  },
-  props: {
-    saveBtn: {
-      type: Boolean,
-    },
-    cancelBtn: {
-      type: Boolean,
-    },
-    showMissingBtn: {
-      type: Boolean,
-    },
-    isLoading: {
-      type: Boolean,
-    },
-    acceptBtn: {
-      type: Boolean,
-    },
-    declineBtn: {
-      type: Boolean,
-    },
-    actionBar: {
-      type: Boolean,
-      required: false,
-    },
-    restoreBtn: {
-      type: Boolean,
-      required: false,
-    },
-  },
-  computed: {
-    ...mapState("document", ["publicView", "missingAnnotations"]),
-    ...mapGetters("document", ["isDocumentReviewed"]),
-    showHoverButton() {
-      return (
-        !this.isLoading &&
-        !this.cancelBtn &&
-        !this.saveBtn &&
-        !this.publicView &&
-        !this.isDocumentReviewed
-      );
-    },
-  },
-  methods: {
-    save() {
-      this.$emit("save");
-    },
-    cancel() {
-      this.$emit("cancel");
-    },
-    accept() {
-      this.$emit("accept");
-    },
-    markAsMissing() {
-      this.$emit("mark-as-missing");
-    },
-    decline() {
-      this.$emit("decline");
-    },
-    restore() {
-      this.$emit("restore");
-    },
-  },
-};
-</script>
-
-<style
-  scoped
-  lang="scss"
-  src="../../assets/scss/document_annotations.scss"
-></style>
+<template>
+  <div class="action-buttons">
+    <!-- loading -->
+    <div v-if="isLoading">
+      <b-notification :closable="false" class="loading-background">
+        <b-loading :active="isLoading" :is-full-page="false">
+          <b-icon icon="spinner" class="fa-spin loading-icon-size spinner" />
+        </b-loading>
+      </b-notification>
+    </div>
+
+    <!-- save button -->
+    <b-button
+      v-if="saveBtn && !isLoading && !publicView && !isDocumentReviewed"
+      :class="[
+        'annotation-save-btn text-btn',
+        actionBar && 'action-bar-save-btn',
+        actionBar ? 'tertiary-button' : 'primary-button',
+      ]"
+      type="is-primary"
+      @click.stop="save"
+    >
+      {{ $t("save") }}
+    </b-button>
+
+    <!-- cancel button -->
+    <b-button
+      v-if="cancelBtn && !isLoading && !isDocumentReviewed"
+      class="is-small annotation-cancel-btn"
+      icon-left="xmark"
+      @click.stop="cancel"
+    />
+
+    <div v-if="showHoverButton" class="accept-decline-container">
+      <b-button
+        v-if="declineBtn"
+        class="decline-btn"
+        :title="$t('decline')"
+        type="is-ghost"
+        @click.stop="decline"
+      >
+        <b-icon icon="xmark" class="decline-icon" />
+      </b-button>
+      <b-button
+        v-if="acceptBtn"
+        class="accept-btn"
+        :title="$t('accept')"
+        type="is-ghost"
+        @click.stop="accept"
+      >
+        <AcceptedCheckMark />
+      </b-button>
+    </div>
+    <!-- missing button -->
+    <div
+      v-if="showMissingBtn && showHoverButton"
+      class="missing-button-container"
+    >
+      <b-button type="is-ghost" class="missing-btn" @click.stop="markAsMissing">
+        {{ $t("missing_annotation") }}
+      </b-button>
+    </div>
+
+    <!-- Restore not found annotations -->
+    <b-button
+      v-if="restoreBtn && !isLoading && !publicView && !isDocumentReviewed"
+      class="restore-btn"
+      type="is-primary"
+      @click.stop="restore"
+    >
+      {{ $t("restore") }}
+    </b-button>
+  </div>
+</template>
+<script>
+/* Component for showing actions for each annotation row */
+import { mapGetters, mapState } from "vuex";
+import AcceptedCheckMark from "../../assets/images/AcceptedCheckMark";
+export default {
+  name: "AnnotationActionButtons",
+  components: {
+    AcceptedCheckMark,
+  },
+  props: {
+    saveBtn: {
+      type: Boolean,
+    },
+    cancelBtn: {
+      type: Boolean,
+    },
+    showMissingBtn: {
+      type: Boolean,
+    },
+    isLoading: {
+      type: Boolean,
+    },
+    acceptBtn: {
+      type: Boolean,
+    },
+    declineBtn: {
+      type: Boolean,
+    },
+    actionBar: {
+      type: Boolean,
+      required: false,
+    },
+    restoreBtn: {
+      type: Boolean,
+      required: false,
+    },
+  },
+  computed: {
+    ...mapState("document", ["publicView", "missingAnnotations"]),
+    ...mapGetters("document", ["isDocumentReviewed"]),
+    showHoverButton() {
+      return (
+        !this.isLoading &&
+        !this.cancelBtn &&
+        !this.saveBtn &&
+        !this.publicView &&
+        !this.isDocumentReviewed
+      );
+    },
+  },
+  methods: {
+    save() {
+      this.$emit("save");
+    },
+    cancel() {
+      this.$emit("cancel");
+    },
+    accept() {
+      this.$emit("accept");
+    },
+    markAsMissing() {
+      this.$emit("mark-as-missing");
+    },
+    decline() {
+      this.$emit("decline");
+    },
+    restore() {
+      this.$emit("restore");
+    },
+  },
+};
+</script>
+
+<style
+  scoped
+  lang="scss"
+  src="../../assets/scss/document_annotations.scss"
+></style>