git @ Cat's Eye Technologies Gemooy / 6ea62b5
toggleSaveArea() so that it can be collapsed again. Chris Pressey 7 months ago
2 changed file(s) with 16 addition(s) and 9 deletion(s). Raw diff Collapse all Expand all
1212 var div = DAM.maker('div');
1313
1414 var unsavedChanges = false;
15 var saveAreaVisible = false;
1516
1617 function updatePresetOptions() {
1718 presetSelect.innerHTML = '';
2425
2526 function resetDropdownToDefault() {
2627 presetSelect.value = '';
28 }
29
30 function toggleSaveArea() {
31 saveAreaVisible = !saveAreaVisible;
32 saveArea.style.display = saveAreaVisible ? "inline-block" : "none";
33 toggleSaveAreaButton.textContent = saveAreaVisible ? "Save <<" : "Save >>";
2734 }
2835
2936 function saveText() {
4552 localStorage.setItem(name, text);
4653 updatePresetOptions();
4754 unsavedChanges = false;
48 saveArea.style = "display: none";
55 toggleSaveArea(); // Hide save area after successful save
4956 // Select the newly saved preset in the dropdown
5057 presetSelect.value = name;
5158 }
8087 saveButton
8188 );
8289
83 var openSaveAreaButton = button(
84 { onclick: function() { saveArea.style = "display: inline-block"; } },
85 'Save...'
90 var toggleSaveAreaButton = button(
91 { onclick: toggleSaveArea },
92 'Save >>'
8693 );
8794
8895 textArea.addEventListener('input', function() {
110117 return div(
111118 { class: 'dam-saveable-widget' },
112119 presetSelect,
113 openSaveAreaButton,
120 toggleSaveAreaButton,
114121 saveArea
115122 );
116123 }
3939 var controlPanel = div(
4040 subPanel,
4141 div(
42 DAM.makeSaveable({
43 editor: editor,
44 onUpdate: function(text) { c.performReset(text); }
45 }),
4246 DAM.makeEditable({
4347 editor: editor,
4448 display: display,
45 onUpdate: function(text) { c.performReset(text); }
46 }),
47 DAM.makeSaveable({
48 editor: editor,
4949 onUpdate: function(text) { c.performReset(text); }
5050 })
5151 ),