toggleSaveArea() so that it can be collapsed again.
Chris Pressey
7 months ago
12 | 12 |
var div = DAM.maker('div');
|
13 | 13 |
|
14 | 14 |
var unsavedChanges = false;
|
|
15 |
var saveAreaVisible = false;
|
15 | 16 |
|
16 | 17 |
function updatePresetOptions() {
|
17 | 18 |
presetSelect.innerHTML = '';
|
|
24 | 25 |
|
25 | 26 |
function resetDropdownToDefault() {
|
26 | 27 |
presetSelect.value = '';
|
|
28 |
}
|
|
29 |
|
|
30 |
function toggleSaveArea() {
|
|
31 |
saveAreaVisible = !saveAreaVisible;
|
|
32 |
saveArea.style.display = saveAreaVisible ? "inline-block" : "none";
|
|
33 |
toggleSaveAreaButton.textContent = saveAreaVisible ? "Save <<" : "Save >>";
|
27 | 34 |
}
|
28 | 35 |
|
29 | 36 |
function saveText() {
|
|
45 | 52 |
localStorage.setItem(name, text);
|
46 | 53 |
updatePresetOptions();
|
47 | 54 |
unsavedChanges = false;
|
48 | |
saveArea.style = "display: none";
|
|
55 |
toggleSaveArea(); // Hide save area after successful save
|
49 | 56 |
// Select the newly saved preset in the dropdown
|
50 | 57 |
presetSelect.value = name;
|
51 | 58 |
}
|
|
80 | 87 |
saveButton
|
81 | 88 |
);
|
82 | 89 |
|
83 | |
var openSaveAreaButton = button(
|
84 | |
{ onclick: function() { saveArea.style = "display: inline-block"; } },
|
85 | |
'Save...'
|
|
90 |
var toggleSaveAreaButton = button(
|
|
91 |
{ onclick: toggleSaveArea },
|
|
92 |
'Save >>'
|
86 | 93 |
);
|
87 | 94 |
|
88 | 95 |
textArea.addEventListener('input', function() {
|
|
110 | 117 |
return div(
|
111 | 118 |
{ class: 'dam-saveable-widget' },
|
112 | 119 |
presetSelect,
|
113 | |
openSaveAreaButton,
|
|
120 |
toggleSaveAreaButton,
|
114 | 121 |
saveArea
|
115 | 122 |
);
|
116 | 123 |
}
|
39 | 39 |
var controlPanel = div(
|
40 | 40 |
subPanel,
|
41 | 41 |
div(
|
|
42 |
DAM.makeSaveable({
|
|
43 |
editor: editor,
|
|
44 |
onUpdate: function(text) { c.performReset(text); }
|
|
45 |
}),
|
42 | 46 |
DAM.makeEditable({
|
43 | 47 |
editor: editor,
|
44 | 48 |
display: display,
|
45 | |
onUpdate: function(text) { c.performReset(text); }
|
46 | |
}),
|
47 | |
DAM.makeSaveable({
|
48 | |
editor: editor,
|
49 | 49 |
onUpdate: function(text) { c.performReset(text); }
|
50 | 50 |
})
|
51 | 51 |
),
|