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

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

@ -795,11 +795,11 @@ export default {
addBlankPage (item) {
const documentRef = this.documentRefs.find(
(e) => e.document.uuid === item.attachment_uuid
);
console.log(documentRef.document);
const documentId = documentRef.document.id;
const apiUrl = `/api/templates/${this.template.id}/documents/${documentId}/add_new_image`;
)
const confirmed = window.confirm('Are you sure you want to create new image?')
if (confirmed) {
const documentId = documentRef.document.id
const apiUrl = `/api/templates/${this.template.id}/documents/${documentId}/add_new_image`
fetch(apiUrl, {
method: 'POST',
headers: {
@ -807,8 +807,8 @@ export default {
},
body: JSON.stringify({
template_id: this.template.id,
document: documentRef.document,
}),
document: documentRef.document
})
})
.then((response) => {
if (!response.ok) {
@ -817,104 +817,13 @@ export default {
return response.json()
})
.then((data) => {
console.log('Success:', data)
console.log('Success: ---', data)
})
.catch((error) => {
console.error('Error:', 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>

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

@ -1,6 +1,6 @@
<template>
<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
:src="previewImage.url"
:width="previewImage.metadata.width"
@ -147,8 +147,8 @@ export default {
},
emits: ['scroll-to', 'change', 'remove', 'up', 'down', 'replace', 'remove-image', 'add-blank-page'],
computed: {
previewImage () {
return [...this.document.preview_images].sort((a, b) => parseInt(a.filename) - parseInt(b.filename))[0]
sortedPreviewImages () {
return [...this.document.preview_images].sort((a, b) => parseInt(a.filename) - parseInt(b.filename))
}
},
mounted () {

41
lib/templates/process_document.rb
Unescape View File

@ -162,18 +162,18 @@ module Templates
def delete_picture(template, attachment_id, page_number)
attachment = ActiveStorage::Attachment.find_by(id: attachment_id)
return unless attachment
attachment.purge
# deleted_page_field = {
# 'type' => 'deleted_page',
# 'areas' => [{
# 'x' => 0,
# 'y' => 0,
# 'w' => 1,
# 'h' => 1
# 'attachment_uuid' => SecureRandom.uuid,
# 'page' => page_number,
# }]
# }
# attachment.purge
deleted_page_field = {
'type' => 'deleted_page',
'areas' => [{
'x' => 0,
'y' => 0,
'w' => 1,
'h' => 1,
'attachment_uuid' => SecureRandom.uuid,
'page' => page_number,
}]
}
template.fields << deleted_page_field
template.save!
end
@ -192,7 +192,7 @@ module Templates
end
def generate_blank_image #gives images when debug
def generate_blank_image
height = 2000
Vips::Image.new_from_array([[255]* MAX_WIDTH] * height, 255)
end
@ -202,11 +202,10 @@ module Templates
begin
previews_count = attachment.preview_images.count
# base_filename = "#{SecureRandom.uuid}_#{previews_count + 1}"
ActiveStorage::Attachment.create!(
blob: ActiveStorage::Blob.create_and_upload!(
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 }
),
name: ATTACHMENT_NAME,
@ -217,17 +216,5 @@ module Templates
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

Write Preview
Loading…
Cancel
Save