Disable undo/redo buttons appropriately

1j01 · Aug 8, 2018 · 21b3b3c · 21b3b3c
1 parent d52d5d8
commit 21b3b3c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -109,7 +109,6 @@ <h2>Interactive Fretboard</h2>
 			<h2>Tablature Editor</h2>
 			<div class="controls">
 				<!-- TODO: icon buttons -->
-				<!-- TODO: disabled state when not hasUndo/hasRedo -->
 				<button id="undo">Undo</button>
 				<button id="redo">Redo</button>
 				<!-- (((multi-(line/row/string)) / (staff/stave)) (selection/cursor) [mode]) -->

diff --git a/src/app.coffee b/src/app.coffee
@@ -113,6 +113,12 @@ redo_button.addEventListener "click", ->
 	tablature_editor.editor.redo()
 	return
 
+tablature_editor.editor.on "input", ->
+	undo_manager = tablature_editor.editor.session.getUndoManager()
+	undo_button.disabled = not undo_manager.hasUndo()
+	redo_button.disabled = not undo_manager.hasRedo()
+
+
 do update_multi_row_selection_mode = ->
 	tablature_editor.multi_row_selection_mode = multi_row_selection_mode_input.checked
 	return