demo.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. window.onload = function () {
  2. "use strict";
  3. var undoManager,
  4. ctrlLimit,
  5. circleDrawer,
  6. btnUndo,
  7. btnRedo,
  8. btnClear;
  9. undoManager = new UndoManager();
  10. circleDrawer = new CircleDrawer("view", undoManager);
  11. ctrlLimit = document.getElementById("ctrlLimit");
  12. btnUndo = document.getElementById("btnUndo");
  13. btnRedo = document.getElementById("btnRedo");
  14. btnClear = document.getElementById("btnClear");
  15. function updateUI() {
  16. btnUndo.disabled = !undoManager.hasUndo();
  17. btnRedo.disabled = !undoManager.hasRedo();
  18. }
  19. undoManager.setCallback(updateUI);
  20. btnUndo.onclick = function () {
  21. undoManager.undo();
  22. updateUI();
  23. };
  24. btnRedo.onclick = function () {
  25. undoManager.redo();
  26. updateUI();
  27. };
  28. btnClear.onclick = function () {
  29. undoManager.clear();
  30. updateUI();
  31. };
  32. var handleLimit = function(l) {
  33. var limit = parseInt(l, 10);
  34. if (!isNaN(limit)) {
  35. undoManager.setLimit(limit);
  36. }
  37. updateUI();
  38. };
  39. ctrlLimit.onchange = function() {
  40. handleLimit(this.value);
  41. };
  42. ctrlLimit.oninput = function() {
  43. handleLimit(this.value);
  44. };
  45. updateUI();
  46. };