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

package/src/components/DocumentEdit/SidebarButtons.vue

@@ -1,53 +1,53 @@
-<template>
-  <div class="sidebar-buttons">
-    <!-- Rotate buttons -->
-    <div v-if="showRotateButton" class="rotate-button-container">
-      <b-button
-        class="rotate-button edit-mode-btn primary-button"
-        :disabled="buttonDisabled"
-        @click="rotateButton"
-      >
-        <div class="button-content">
-          <b-icon :icon="icon" class="is-small" />
-          <span class="button-text">{{ buttonText }}</span>
-        </div>
-      </b-button>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "SidebarButtons",
-  props: {
-    showRotateButton: {
-      type: Boolean,
-      default: false,
-    },
-    buttonDisabled: {
-      type: Boolean,
-      default: true,
-    },
-    buttonText: {
-      type: String,
-      default: null,
-    },
-    icon: {
-      type: String,
-      default: null,
-    },
-    tooltipInfo: {
-      type: String,
-      default: null,
-    },
-  },
-
-  methods: {
-    rotateButton() {
-      this.$emit("rotate");
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss" src="../../assets/scss/document_edit.scss"></style>
+<template>
+  <div class="sidebar-buttons">
+    <!-- Rotate buttons -->
+    <div v-if="showRotateButton" class="rotate-button-container">
+      <b-button
+        class="rotate-button edit-mode-btn primary-button"
+        :disabled="buttonDisabled"
+        @click="rotateButton"
+      >
+        <div class="button-content">
+          <b-icon :icon="icon" class="is-small" />
+          <span class="button-text">{{ buttonText }}</span>
+        </div>
+      </b-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "SidebarButtons",
+  props: {
+    showRotateButton: {
+      type: Boolean,
+      default: false,
+    },
+    buttonDisabled: {
+      type: Boolean,
+      default: true,
+    },
+    buttonText: {
+      type: String,
+      default: null,
+    },
+    icon: {
+      type: String,
+      default: null,
+    },
+    tooltipInfo: {
+      type: String,
+      default: null,
+    },
+  },
+
+  methods: {
+    rotateButton() {
+      this.$emit("rotate");
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss" src="../../assets/scss/document_edit.scss"></style>

package/src/components/DocumentEdit/SplitInfoBar.vue

@@ -1,21 +1,21 @@
-<template>
-  <div class="split-info-bar">
-    <div class="bar-icon">
-      <StarIcon />
-    </div>
-    <span> {{ $t("smart_split_suggestions") }}</span>
-  </div>
-</template>
-
-<script>
-import StarIcon from "../../assets/images/StarIcon";
-
-export default {
-  name: "SplitInfoBar",
-  components: {
-    StarIcon,
-  },
-};
-</script>
-
-<style scoped lang="scss" src="../../assets/scss/document_edit.scss"></style>
+<template>
+  <div class="split-info-bar">
+    <div class="bar-icon">
+      <StarIcon />
+    </div>
+    <span> {{ $t("smart_split_suggestions") }}</span>
+  </div>
+</template>
+
+<script>
+import StarIcon from "../../assets/images/StarIcon";
+
+export default {
+  name: "SplitInfoBar",
+  components: {
+    StarIcon,
+  },
+};
+</script>
+
+<style scoped lang="scss" src="../../assets/scss/document_edit.scss"></style>

package/src/components/DocumentEdit/index.js

@@ -1,4 +1,4 @@
-export { default as DocumentEdit } from "./DocumentEdit";
-export { default as EditSidebar } from "./EditSidebar";
-export { default as EditPages } from "./EditPages";
-export { default as RenameAndCategorize } from "./RenameAndCategorize";
+export { default as DocumentEdit } from "./DocumentEdit";
+export { default as EditSidebar } from "./EditSidebar";
+export { default as EditPages } from "./EditPages";
+export { default as RenameAndCategorize } from "./RenameAndCategorize";

package/src/components/DocumentModals/DocumentErrorModal.vue

@@ -1,58 +1,58 @@
-<template>
-  <section class="document-error-modal">
-    <b-modal
-      v-model="isModalActive"
-      :width="400"
-      :can-cancel="['x']"
-      :on-cancel="closeModal"
-    >
-      <section class="modal-card-body">
-        <div class="header">
-          <div class="error-icon">
-            <ErrorIcon class="icon" />
-          </div>
-        </div>
-        <div class="content">
-          <h3>{{ $t("document_error_title") }}</h3>
-          <p>{{ $t("document_error_info") }}</p>
-        </div>
-      </section>
-      <footer class="modal-card-foot">
-        <b-button
-          type="is-primary"
-          class="primary-button"
-          @click="handleContactSupport"
-        >
-          {{ $t("contact_support") }}
-        </b-button>
-      </footer>
-    </b-modal>
-  </section>
-</template>
-
-<script>
-import ErrorIcon from "../../assets/images/ErrorIcon";
-
-export default {
-  name: "DocumentErrorModal",
-  components: {
-    ErrorIcon,
-  },
-  data() {
-    return {
-      isModalActive: true,
-    };
-  },
-  methods: {
-    handleContactSupport() {
-      const documentError = "Document error";
-      this.$store.dispatch("document/contactSupport", documentError);
-    },
-    closeModal() {
-      this.$store.dispatch("document/setDocumentError", false);
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss" src="../../assets/scss/document_error.scss"></style>
+<template>
+  <section class="document-error-modal">
+    <b-modal
+      v-model="isModalActive"
+      :width="400"
+      :can-cancel="['x']"
+      :on-cancel="closeModal"
+    >
+      <section class="modal-card-body">
+        <div class="header">
+          <div class="error-icon">
+            <ErrorIcon class="icon" />
+          </div>
+        </div>
+        <div class="content">
+          <h3>{{ $t("document_error_title") }}</h3>
+          <p>{{ $t("document_error_info") }}</p>
+        </div>
+      </section>
+      <footer class="modal-card-foot">
+        <b-button
+          type="is-primary"
+          class="primary-button"
+          @click="handleContactSupport"
+        >
+          {{ $t("contact_support") }}
+        </b-button>
+      </footer>
+    </b-modal>
+  </section>
+</template>
+
+<script>
+import ErrorIcon from "../../assets/images/ErrorIcon";
+
+export default {
+  name: "DocumentErrorModal",
+  components: {
+    ErrorIcon,
+  },
+  data() {
+    return {
+      isModalActive: true,
+    };
+  },
+  methods: {
+    handleContactSupport() {
+      const documentError = "Document error";
+      this.$store.dispatch("document/contactSupport", documentError);
+    },
+    closeModal() {
+      this.$store.dispatch("document/setDocumentError", false);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss" src="../../assets/scss/document_error.scss"></style>

package/src/components/DocumentModals/NotOptimizedViewportModal.vue

@@ -1,51 +1,51 @@
-<template>
-  <section class="viewport-modal">
-    <b-modal v-model="isModalActive" class="modal-text-center" :width="500">
-      <section class="modal-card-body">
-        <div class="image">
-          <Illustration />
-        </div>
-        <div class="content">
-          <h3>{{ $t("small_viewport_title") }}</h3>
-          <p>{{ $t("small_viewport_info") }}</p>
-        </div>
-      </section>
-      <footer class="modal-card-foot">
-        <b-button
-          type="is-primary"
-          class="primary-button"
-          @click="handleNotOptimizedModal"
-        >
-          {{ $t("ok") }}
-        </b-button>
-      </footer>
-    </b-modal>
-  </section>
-</template>
-
-<script>
-import Illustration from "../../assets/images/NotOptimizedIllustration";
-
-export default {
-  name: "NotOptimizedViewportModal",
-  components: {
-    Illustration,
-  },
-  data() {
-    return {
-      isModalActive: true,
-    };
-  },
-  methods: {
-    handleNotOptimizedModal() {
-      this.isModalActive = false;
-    },
-  },
-};
-</script>
-
-<style
-  scoped
-  lang="scss"
-  src="../../assets/scss/document_viewport_modal.scss"
-></style>
+<template>
+  <section class="viewport-modal">
+    <b-modal v-model="isModalActive" class="modal-text-center" :width="500">
+      <section class="modal-card-body">
+        <div class="image">
+          <Illustration />
+        </div>
+        <div class="content">
+          <h3>{{ $t("small_viewport_title") }}</h3>
+          <p>{{ $t("small_viewport_info") }}</p>
+        </div>
+      </section>
+      <footer class="modal-card-foot">
+        <b-button
+          type="is-primary"
+          class="primary-button"
+          @click="handleNotOptimizedModal"
+        >
+          {{ $t("ok") }}
+        </b-button>
+      </footer>
+    </b-modal>
+  </section>
+</template>
+
+<script>
+import Illustration from "../../assets/images/NotOptimizedIllustration";
+
+export default {
+  name: "NotOptimizedViewportModal",
+  components: {
+    Illustration,
+  },
+  data() {
+    return {
+      isModalActive: true,
+    };
+  },
+  methods: {
+    handleNotOptimizedModal() {
+      this.isModalActive = false;
+    },
+  },
+};
+</script>
+
+<style
+  scoped
+  lang="scss"
+  src="../../assets/scss/document_viewport_modal.scss"
+></style>

package/src/components/DocumentPage/ActionBar.vue

@@ -1,48 +1,48 @@
-<template>
-  <div class="action-bar">
-    <div class="action-bar-elements">
-      <div v-if="documentActionBar.icon" class="action-icon">
-        <ActionIcon :icon="documentActionBar.icon" class="icon" />
-      </div>
-      <div v-if="documentActionBar.text" class="action-text">
-        {{ documentActionBar.text }}
-      </div>
-      <div v-if="documentActionBar.action" class="action-button">
-        <AnnotationActionButtons
-          :save-btn="documentActionBar.action !== null"
-          :is-loading="documentActionBar.loading"
-          :action-bar="true"
-          @save="handleSave()"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapState } from "vuex";
-import AnnotationActionButtons from "../DocumentAnnotations/AnnotationActionButtons";
-import ActionIcon from "../../assets/images/ActionIcon";
-
-export default {
-  name: "ActionBar",
-  components: {
-    ActionIcon,
-    AnnotationActionButtons,
-  },
-  computed: {
-    ...mapState("display", ["documentActionBar"]),
-  },
-  methods: {
-    handleSave() {
-      this.documentActionBar.action();
-    },
-  },
-};
-</script>
-
-<style
-  scoped
-  lang="scss"
-  src="../../assets/scss/document_action_bar.scss"
-></style>
+<template>
+  <div class="action-bar">
+    <div class="action-bar-elements">
+      <div v-if="documentActionBar.icon" class="action-icon">
+        <ActionIcon :icon="documentActionBar.icon" class="icon" />
+      </div>
+      <div v-if="documentActionBar.text" class="action-text">
+        {{ documentActionBar.text }}
+      </div>
+      <div v-if="documentActionBar.action" class="action-button">
+        <AnnotationActionButtons
+          :save-btn="documentActionBar.action !== null"
+          :is-loading="documentActionBar.loading"
+          :action-bar="true"
+          @save="handleSave()"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from "vuex";
+import AnnotationActionButtons from "../DocumentAnnotations/AnnotationActionButtons";
+import ActionIcon from "../../assets/images/ActionIcon";
+
+export default {
+  name: "ActionBar",
+  components: {
+    ActionIcon,
+    AnnotationActionButtons,
+  },
+  computed: {
+    ...mapState("display", ["documentActionBar"]),
+  },
+  methods: {
+    handleSave() {
+      this.documentActionBar.action();
+    },
+  },
+};
+</script>
+
+<style
+  scoped
+  lang="scss"
+  src="../../assets/scss/document_action_bar.scss"
+></style>