Prettify additional modules (I through Z)

2 files changed, 105 insertions, 101 deletions

diff --git a/app/assets/javascripts/pdf/index.vue b/app/assets/javascripts/pdf/index.vue
index 2f480ecdc69..7b079fe02d9 100644
--- a/app/assets/javascripts/pdf/index.vue
+++ b/app/assets/javascripts/pdf/index.vue
@@ -1,57 +1,58 @@
 <script>
-  import pdfjsLib from 'vendor/pdf';
-  import workerSrc from 'vendor/pdf.worker.min';
+import pdfjsLib from 'vendor/pdf';
+import workerSrc from 'vendor/pdf.worker.min';
 
-  import page from './page/index.vue';
+import page from './page/index.vue';
 
-  export default {
-    components: { page },
-    props: {
-      pdf: {
-        type: [String, Uint8Array],
-        required: true,
-      },
+export default {
+  components: { page },
+  props: {
+    pdf: {
+      type: [String, Uint8Array],
+      required: true,
     },
-    data() {
-      return {
-        loading: false,
-        pages: [],
-      };
+  },
+  data() {
+    return {
+      loading: false,
+      pages: [],
+    };
+  },
+  computed: {
+    document() {
+      return typeof this.pdf === 'string' ? this.pdf : { data: this.pdf };
     },
-    computed: {
-      document() {
-        return typeof this.pdf === 'string' ? this.pdf : { data: this.pdf };
-      },
-      hasPDF() {
-        return this.pdf && this.pdf.length > 0;
-      },
+    hasPDF() {
+      return this.pdf && this.pdf.length > 0;
     },
-    watch: { pdf: 'load' },
-    mounted() {
-      pdfjsLib.PDFJS.workerSrc = workerSrc;
-      if (this.hasPDF) this.load();
+  },
+  watch: { pdf: 'load' },
+  mounted() {
+    pdfjsLib.PDFJS.workerSrc = workerSrc;
+    if (this.hasPDF) this.load();
+  },
+  methods: {
+    load() {
+      this.pages = [];
+      return pdfjsLib
+        .getDocument(this.document)
+        .then(this.renderPages)
+        .then(() => this.$emit('pdflabload'))
+        .catch(error => this.$emit('pdflaberror', error))
+        .then(() => {
+          this.loading = false;
+        });
     },
-    methods: {
-      load() {
-        this.pages = [];
-        return pdfjsLib.getDocument(this.document)
-          .then(this.renderPages)
-          .then(() => this.$emit('pdflabload'))
-          .catch(error => this.$emit('pdflaberror', error))
-          .then(() => { this.loading = false; });
-      },
-      renderPages(pdf) {
-        const pagePromises = [];
-        this.loading = true;
-        for (let num = 1; num <= pdf.numPages; num += 1) {
-          pagePromises.push(
-            pdf.getPage(num).then(p => this.pages.push(p)),
-          );
-        }
-        return Promise.all(pagePromises);
-      },
+    renderPages(pdf) {
+      const pagePromises = [];
+      this.loading = true;
+      for (let num = 1; num <= pdf.numPages; num += 1) {
+        pagePromises.push(pdf.getPage(num).then(p => this.pages.push(p)));
+      }
+      return Promise.all(pagePromises);
     },
-  };
+  },
+};
 </script>
 
 <template>
@@ -69,9 +70,9 @@
 </template>
 
 <style>
-  .pdf-viewer {
-    background: url('./assets/img/bg.gif');
-    display: flex;
-    flex-flow: column nowrap;
-  }
+.pdf-viewer {
+  background: url('./assets/img/bg.gif');
+  display: flex;
+  flex-flow: column nowrap;
+}
 </style>
diff --git a/app/assets/javascripts/pdf/page/index.vue b/app/assets/javascripts/pdf/page/index.vue
index 9f06833d560..96aadf41653 100644
--- a/app/assets/javascripts/pdf/page/index.vue
+++ b/app/assets/javascripts/pdf/page/index.vue
@@ -1,44 +1,47 @@
 <script>
-  export default {
-    props: {
-      page: {
-        type: Object,
-        required: true,
-      },
-      number: {
-        type: Number,
-        required: true,
-      },
+export default {
+  props: {
+    page: {
+      type: Object,
+      required: true,
     },
-    data() {
-      return {
-        scale: 4,
-        rendering: false,
-      };
+    number: {
+      type: Number,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      scale: 4,
+      rendering: false,
+    };
+  },
+  computed: {
+    viewport() {
+      return this.page.getViewport(this.scale);
     },
-    computed: {
-      viewport() {
-        return this.page.getViewport(this.scale);
-      },
-      context() {
-        return this.$refs.canvas.getContext('2d');
-      },
-      renderContext() {
-        return {
-          canvasContext: this.context,
-          viewport: this.viewport,
-        };
-      },
+    context() {
+      return this.$refs.canvas.getContext('2d');
     },
-    mounted() {
-      this.$refs.canvas.height = this.viewport.height;
-      this.$refs.canvas.width = this.viewport.width;
-      this.rendering = true;
-      this.page.render(this.renderContext)
-        .then(() => { this.rendering = false; })
-        .catch(error => this.$emit('pdflaberror', error));
+    renderContext() {
+      return {
+        canvasContext: this.context,
+        viewport: this.viewport,
+      };
     },
-  };
+  },
+  mounted() {
+    this.$refs.canvas.height = this.viewport.height;
+    this.$refs.canvas.width = this.viewport.width;
+    this.rendering = true;
+    this.page
+      .render(this.renderContext)
+      .then(() => {
+        this.rendering = false;
+      })
+      .catch(error => this.$emit('pdflaberror', error));
+  },
+};
 </script>
 
 <template>
@@ -51,20 +54,20 @@
 </template>
 
 <style>
-  .pdf-page {
-    margin: 8px auto 0 auto;
-    border-top: 1px #ddd solid;
-    border-bottom: 1px #ddd solid;
-    width: 100%;
-  }
+.pdf-page {
+  margin: 8px auto 0 auto;
+  border-top: 1px #ddd solid;
+  border-bottom: 1px #ddd solid;
+  width: 100%;
+}
 
-  .pdf-page:first-child {
-    margin-top: 0px;
-    border-top: 0px;
-  }
+.pdf-page:first-child {
+  margin-top: 0px;
+  border-top: 0px;
+}
 
-  .pdf-page:last-child {
-    margin-bottom: 0px;
-    border-bottom: 0px;
-  }
+.pdf-page:last-child {
+  margin-bottom: 0px;
+  border-bottom: 0px;
+}
 </style>