feat(pdf): cover base image

Novout · Oct 1, 2021 · 295a2eb · 295a2eb
1 parent 740d24b
commit 295a2eb
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 5 deletions.
diff --git a/src/components/editor/pdf/PDFConfiguration.vue b/src/components/editor/pdf/PDFConfiguration.vue
@@ -17,6 +17,32 @@
         />
       </svg>
     </HeroIcon>
+    <PDFConfigurationSlot>
+      <template #title>
+        <h2 class="text-2xl font-bold font-poppins">
+          {{ t('editor.pdf.custom.title.cover') }}
+        </h2>
+      </template>
+      <div
+        class="
+          flex flex-row flex-wrap
+          justify-start
+          items-center
+          my-3
+          overflow-x-hidden
+        "
+      >
+        <div class="wb-input-container">
+          <label class="mx-2 text-xs">{{
+            t('editor.pdf.base.pageSize')
+          }}</label>
+          <InputFile
+            :title="t('generics.input.image')"
+            @load="onCoverImageLoad"
+          />
+        </div>
+      </div>
+    </PDFConfigurationSlot>
     <PDFConfigurationSlot>
       <template #title>
         <h2 class="text-2xl font-bold font-poppins">
@@ -630,6 +656,7 @@
     store.commit('pdf/setStyles', {
       base: {
         ...base,
+        background: _base.value.background,
         pageMargins: basePageMargins,
       },
       paragraph,
@@ -641,4 +668,8 @@
 
     store.commit('absolute/switchPdfConfiguration', false)
   }
+
+  const onCoverImageLoad = (e: any) => {
+    store.commit('pdf/setBackground', e)
+  }
 </script>
diff --git a/src/lang/br/editor.ts b/src/lang/br/editor.ts
@@ -23,6 +23,7 @@ export default {
     },
     custom: {
       title: {
+        cover: 'Capa',
         paragraph: 'Parágrafo',
         headingOne: 'Título Principal',
         headingTwo: 'Título Secundário',

diff --git a/src/lang/br/index.ts b/src/lang/br/index.ts
@@ -2,4 +2,9 @@ import editor from './editor'
 
 export default {
   editor,
+  generics: {
+    input: {
+      image: 'Inserir Imagem',
+    },
+  },
 }
diff --git a/src/lang/en/editor.ts b/src/lang/en/editor.ts
@@ -15,14 +15,15 @@ export default {
       pageOrientation: 'Orientations',
       pageMargins: {
         title: 'Margins',
-        left: 'Esquerda',
-        top: 'Cima',
-        right: 'Direita',
-        bottom: 'Baixo',
+        left: 'Left',
+        top: 'Top',
+        right: 'Right',
+        bottom: 'Bottom',
       },
     },
     custom: {
       title: {
+        cover: 'Cover',
         paragraph: 'Paragraph',
         headingOne: 'Heading One',
         headingTwo: 'Heading Two',

diff --git a/src/lang/en/index.ts b/src/lang/en/index.ts
@@ -2,4 +2,9 @@ import editor from './editor'
 
 export default {
   editor,
+  generics: {
+    input: {
+      image: 'Insert Image',
+    },
+  },
 }
diff --git a/src/use/pdf.ts b/src/use/pdf.ts
@@ -105,7 +105,6 @@ export const usePDF: Callback<any> = () => {
       const pages: Array<ContextState> = store.state.project.pages
       const arr: Array<any> = []
 
-      // TODO: Resolve this
       const cover = frontCover(store)
       arr.push(cover)