adminbruno
/
docuseal
mirror of https://github.com/docusealco/docuseal
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

side preview image correction

Browse Source
pull/150/merge^2
iozeey 2 years ago
parent 4f14aedb03
commit 18b14a9230
3 changed files with 46 additions and 150 deletions
Show Stats Download Patch File Download Diff File

147
app/javascript/template_builder/builder.vue
Unescape View File

@ -792,129 +792,38 @@ export default {
} }
}) })
}, },
addBlankPage(item) { addBlankPage (item) {
const documentRef = this.documentRefs.find( const documentRef = this.documentRefs.find(
(e) => e.document.uuid === item.attachment_uuid (e) => e.document.uuid === item.attachment_uuid
); )
console.log(documentRef.document); const confirmed = window.confirm('Are you sure you want to create new image?')
if (confirmed) {
const documentId = documentRef.document.id; const documentId = documentRef.document.id
const apiUrl = `/api/templates/${this.template.id}/documents/${documentId}/add_new_image`; const apiUrl = `/api/templates/${this.template.id}/documents/${documentId}/add_new_image`
fetch(apiUrl, { fetch(apiUrl, {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
}, },
body: JSON.stringify({ body: JSON.stringify({
template_id: this.template.id, template_id: this.template.id,
document: documentRef.document, document: documentRef.document
}), })
})
.then((response) => {
if (!response.ok) {
throw new Error(`HTTP error! Status: ${response.status}`)
}
return response.json()
})
.then((data) => {
console.log('Success:', data)
})
.catch((error) => {
console.error('Error:', error)
}) })
.then((response) => {
if (!response.ok) {
throw new Error(`HTTP error! Status: ${response.status}`)
}
return response.json()
})
.then((data) => {
console.log('Success: ---', data)
})
.catch((error) => {
console.error('Error: ---', error)
})
}
} }
// addBlankPage () {
// console.log(this.sortedDocuments)
// console.log(this.template)
// // here I need to send call to api controller action named add_new_image passing this.template as an argument on success response log success message.
// }
// addBlankPage () {
// console.log(this.sortedDocuments)
// console.log(this.template)
// // if (!document) {
// // console.error('No document available for adding a blank page.')
// // }
// // const selectedDocument = this.sortedDocuments.find(/* your condition to identify the selected document */)
// // if (selectedDocument) {
// // // Add a new blank page to the selected document
// // const newBlankPage = {
// // // Set properties for the new blank page
// // // Ensure that you generate unique values for id, uuid, etc.
// // id: /* unique id for the new page */,
// // uuid: /* unique uuid for the new page */,
// // // ... other properties ...
// // }
// // // Add the new page to the document's pages array
// // selectedDocument.pages.push(newBlankPage)
// // // Create a new preview image for the blank page
// // const newPreviewImage = {
// // id: /* unique id for the new preview image */,
// // url: /* url for the blank page image */,
// // metadata: {
// // width: /* width of the blank page */,
// // height: /* height of the blank page */,
// // },
// // // ... other properties ...
// // }
// // // Add the new preview image to the document's preview_images array
// // selectedDocument.preview_images.push(newPreviewImage)
// // // Save the changes
// // this.save()
// // }
// }
// async addBlankPage () {
// try {
// // Assuming 'this.document' refers to the current document or template
// const document = this.document
// // Check if the document is available
// if (!document) {
// console.error('No document available for adding a blank page.')
// return
// }
// // Generate a blank page image using Vips
// const blankPage = await this.generateBlankPage()
// // Assuming 'Templates::ProcessDocument' is accessible in this component
// // Add the blank page to the document using the processing module
// Templates::ProcessDocument.generate_preview_image(document, blankPage)
// // Assuming there's a method to save or update the document after adding the blank page
// await this.saveDocument(document);
// console.log('Blank page added successfully!');
// } catch (error) {
// console.error('Error adding blank page:', error);
// }
// },
// Function to generate a blank page using Vips
// generateBlankPage () {
// // Assuming you have a utility function or method to create a blank image
// // This could be a simple white image with the desired dimensions
// const blankPage = createBlankImage(); // You should implement this function
// return blankPage;
// },
// Assuming there's a method to save or update the document after modification
// async saveDocument (document) {
// try {
// // Perform the necessary steps to save or update the document
// // For example, you might use an API call or other methods to persist changes
// await document.save(); // You should implement this method
// console.log('Document saved successfully!');
// } catch (error) {
// console.error('Error saving document:', error);
// }
// }
} }
} }
</script> </script>

8
app/javascript/template_builder/preview.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<div v-for="(previewImage, index) in document.preview_images" :key="previewImage.id" class="relative"> <div v-for="(previewImage, index) in sortedPreviewImages" :key="previewImage.id" class="relative">
<img <img
:src="previewImage.url" :src="previewImage.url"
:width="previewImage.metadata.width" :width="previewImage.metadata.width"
@ -145,10 +145,10 @@ export default {
default: true default: true
} }
}, },
emits: ['scroll-to', 'change', 'remove', 'up', 'down', 'replace', 'remove-image','add-blank-page'], emits: ['scroll-to', 'change', 'remove', 'up', 'down', 'replace', 'remove-image', 'add-blank-page'],
computed: { computed: {
previewImage () { sortedPreviewImages () {
return [...this.document.preview_images].sort((a, b) => parseInt(a.filename) - parseInt(b.filename))[0] return [...this.document.preview_images].sort((a, b) => parseInt(a.filename) - parseInt(b.filename))
} }
}, },
mounted () { mounted () {

41
lib/templates/process_document.rb
Unescape View File

@ -162,18 +162,18 @@ module Templates
def delete_picture(template, attachment_id, page_number) def delete_picture(template, attachment_id, page_number)
attachment = ActiveStorage::Attachment.find_by(id: attachment_id) attachment = ActiveStorage::Attachment.find_by(id: attachment_id)
return unless attachment return unless attachment
attachment.purge # attachment.purge
# deleted_page_field = { deleted_page_field = {
# 'type' => 'deleted_page', 'type' => 'deleted_page',
# 'areas' => [{ 'areas' => [{
# 'x' => 0, 'x' => 0,
# 'y' => 0, 'y' => 0,
# 'w' => 1, 'w' => 1,
# 'h' => 1 'h' => 1,
# 'attachment_uuid' => SecureRandom.uuid, 'attachment_uuid' => SecureRandom.uuid,
# 'page' => page_number, 'page' => page_number,
# }] }]
# } }
template.fields << deleted_page_field template.fields << deleted_page_field
template.save! template.save!
end end
@ -192,7 +192,7 @@ module Templates
end end
def generate_blank_image #gives images when debug def generate_blank_image
height = 2000 height = 2000
Vips::Image.new_from_array([[255]* MAX_WIDTH] * height, 255) Vips::Image.new_from_array([[255]* MAX_WIDTH] * height, 255)
end end
@ -202,11 +202,10 @@ module Templates
begin begin
previews_count = attachment.preview_images.count previews_count = attachment.preview_images.count
# base_filename = "#{SecureRandom.uuid}_#{previews_count + 1}"
ActiveStorage::Attachment.create!( ActiveStorage::Attachment.create!(
blob: ActiveStorage::Blob.create_and_upload!( blob: ActiveStorage::Blob.create_and_upload!(
io: StringIO.new(image.write_to_buffer(FORMAT, Q: Q, interlace: true)), io: StringIO.new(image.write_to_buffer(FORMAT, Q: Q, interlace: true)),
filename: "#{SecureRandom.uuid}#{FORMAT}", filename: "#{previews_count}#{FORMAT}",
metadata: { analyzed: true, identified: true, width: image.width, height: image.height } metadata: { analyzed: true, identified: true, width: image.width, height: image.height }
), ),
name: ATTACHMENT_NAME, name: ATTACHMENT_NAME,
@ -217,17 +216,5 @@ module Templates
end end
end end
# ActiveStorage::Blob.create_and_upload!(
# io: StringIO.new(image.write_to_buffer(FORMAT, Q: Q, interlace: true)),
# filename: "#{SecureRandom.uuid}#{FORMAT}",
# metadata: { analyzed: true, identified: true, width: image.width, height: image.height }
# )
# end
# def upload_new_attachment(template, blob, attachment_name)
# template.documents.attach(blob)
# template.documents.last.update!(name: attachment_name)
# end
end end
end end

Write Preview
Loading…
Cancel
Save