Friendica/friendica-github
1
0
Fork 0
mirror of https://github.com/friendica/friendica synced 2024-12-22 17:20:16 +00:00
Code Issues Projects Releases Packages Wiki Activity

Saving the post content using localstorage

Browse source 
If a post is created and the browser window crashes or the Composer window is hard-closed in some other way, all content is lost. 
Content is now saved temporarily so that it can be displayed again when the browser is restarted.
This commit is contained in:
loma-one 2024-09-15 17:55:50 +02:00 committed by GitHub
parent 38ff423716
commit 9a224a8ca9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 43 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
view/templates/item/compose.tpl
View file

@ -127,33 +127,54 @@
// Set initial height
textarea.style.height = "auto";
textarea.style.height = (textarea.scrollHeight) + "px";
// Restore saved content
const savedContent = localStorage.getItem(`comment-edit-text-${textarea.id}`);
if (savedContent) {
textarea.value = savedContent;
textarea.style.height = "auto";
textarea.style.height = (textarea.scrollHeight) + "px";
}
});
});
function togglePermissions() {
var permissionsSection = document.getElementById('permissions-section');
if (permissionsSection.style.display === 'none' || permissionsSection.style.display === '') {
permissionsSection.style.display = 'block';
} else {
permissionsSection.style.display = 'none';
}
}
// Auto-save content to localStorage every 5 seconds
setInterval(() => {
var textareas = document.querySelectorAll(".expandable-textarea");
textareas.forEach(function(textarea) {
localStorage.setItem(`comment-edit-text-${textarea.id}`, textarea.value);
});
}, 5000);
// Warn the user before leaving the page
var formSubmitting = false;
function togglePermissions() {
var permissionsSection = document.getElementById('permissions-section');
if (permissionsSection.style.display === 'none' || permissionsSection.style.display === '') {
permissionsSection.style.display = 'block';
} else {
permissionsSection.style.display = 'none';
}
}
function setFormSubmitting() {
formSubmitting = true;
}
// Warn the user before leaving the page
var formSubmitting = false;
window.addEventListener("beforeunload", function (event) {
if (!formSubmitting) {
var confirmationMessage = 'Are you sure you want to reload the page? All unsaved changes will be lost.';
event.returnValue = confirmationMessage;
return confirmationMessage;
}
});
function setFormSubmitting() {
formSubmitting = true;
// Remove saved content from localStorage when form is submitted
var textareas = document.querySelectorAll(".expandable-textarea");
textareas.forEach(function(textarea) {
localStorage.removeItem(`comment-edit-text-${textarea.id}`);
});
}
// Set the formSubmitting flag when the form is submitted
document.getElementById('comment-edit-form-{{$id}}').addEventListener('submit', setFormSubmitting);
window.addEventListener("beforeunload", function (event) {
if (!formSubmitting) {
var confirmationMessage = 'Are you sure you want to reload the page? All unsaved changes will be lost.';
event.returnValue = confirmationMessage;
return confirmationMessage;
}
});
// Set the formSubmitting flag when the form is submitted
document.getElementById('comment-edit-form-{{$id}}').addEventListener('submit', setFormSubmitting);
</script>