Persist preview visibility state in localStorage
This commit is contained in:
parent
2f8e676f78
commit
67648f06f9
1 changed files with 11 additions and 1 deletions
|
|
@ -90,7 +90,7 @@ function toggle(target, button, off_text, on_text) {
|
|||
}
|
||||
}
|
||||
|
||||
// Animate <details> close for preview-details elements.
|
||||
// Animate <details> close for preview-details elements and persist state in localStorage.
|
||||
if (typeof document.addEventListener === 'function') {
|
||||
document.addEventListener('click', function(e) {
|
||||
var summary = e.target.closest('.preview-toggle');
|
||||
|
|
@ -100,10 +100,13 @@ if (typeof document.addEventListener === 'function') {
|
|||
if (details.open && !details.classList.contains('closing')) {
|
||||
e.preventDefault();
|
||||
details.classList.add('closing');
|
||||
localStorage.setItem('remarkbox-preview-hidden', 'true');
|
||||
setTimeout(function() {
|
||||
details.open = false;
|
||||
details.classList.remove('closing');
|
||||
}, 800);
|
||||
} else if (!details.open) {
|
||||
localStorage.removeItem('remarkbox-preview-hidden');
|
||||
}
|
||||
}, true);
|
||||
}
|
||||
|
|
@ -118,6 +121,13 @@ function autoGrow(el) {
|
|||
// Initialize on DOM ready
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
// Restore preview state from localStorage
|
||||
if (localStorage.getItem('remarkbox-preview-hidden') === 'true') {
|
||||
document.querySelectorAll('.preview-details').forEach(function(details) {
|
||||
details.open = false;
|
||||
});
|
||||
}
|
||||
|
||||
// Auto-grow textareas on input
|
||||
document.querySelectorAll('.common-textarea').forEach(function(textarea) {
|
||||
textarea.addEventListener('input', function() {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue