Merge remote-tracking branch 'origin/pr/381' into testing

src/code/addButtons.ts

@@ -3,6 +3,7 @@ import QuickdrawButton from "./buttons/quickdrawButton";
 import WasabeeButton from "./buttons/wasabeeButton";
 import SyncButton from "./buttons/syncButton";
 import OpButton from "./buttons/opButton";
+import UndoButton from "./buttons/undoButton";
 import LinkButton from "./buttons/linkButton";
 import MarkerButton from "./buttons/markerButton";
 import UploadButton from "./buttons/uploadButton";
@@ -24,6 +25,7 @@ export function addButtons() {
     WasabeeButton,
     OpButton,
     QuickdrawButton,
+    UndoButton,
     QuickDeleteButton,
     LinkButton,
     MarkerButton,

src/code/buttons/undoButton.d.ts

@@ -0,0 +1,4 @@
+import { WButton } from "../leafletClasses";
+
+declare class UndoButton extends WButton {}
+export default UndoButton;

src/code/buttons/undoButton.js

@@ -0,0 +1,30 @@
+import { WButton } from "../leafletClasses";
+import wX from "../wX";
+import { undo } from "../undo";
+import { postToFirebase } from "../firebase/logger";
+
+const UndoButton = WButton.extend({
+  statics: {
+    TYPE: "UndoButton",
+  },
+
+  needWritePermission: true,
+
+  initialize: function (container) {
+    this.type = UndoButton.TYPE;
+    this.title = wX("toolbar.op.undo");
+
+    this.button = this._createButton({
+      container: container,
+      className: "wasabee-toolbar-undo",
+      callback: () => {
+        postToFirebase({ id: "analytics", action: "undo" });
+        undo();
+      },
+      context: this,
+      title: this.title,
+    });
+  },
+});
+
+export default UndoButton;

src/code/css/toolbar.css

@@ -136,6 +136,14 @@
   background-image: url(../images/toolbar_quickdelete.svg);
   background-size: 60%;
 }
+.wasabee-toolbar-undo {
+  background-image: url(../images/toolbar_undo.svg);
+  background-size: 60%;
+}
+.wasabee-toolbar-redo {
+  background-image: url(../images/toolbar_redo.svg);
+  background-size: 60%;
+}
 .wasabee-toolbar-link {
   background-image: url(../images/toolbar_addlinks.svg)
 }