0.9.0: Added toggles for #{add,edit}-slogan

Antifantwerp · Sep 17, 2024 · 99d78d2 · 99d78d2
1 parent ef30036
commit 99d78d2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "protest-comms",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "Coordinate slogans, moving, and communicate the needs of your group",
   "pwaManifest": {
     "name": "Protest Communicator",

diff --git a/src/layouts/settings.pug b/src/layouts/settings.pug
@@ -31,6 +31,6 @@ mixin settings()
     section#editor-change-slogans
         h2 Editor: Change slogans
         fieldset
-            input(type="button" aria-pressed="false" value="Add slogan")#add-slogan
+            input(type="button" value="Add slogan")#add-slogan
             input(type="button" aria-pressed="false" value="Edit slogans")#edit-slogans
         ol
diff --git a/src/settings.ts b/src/settings.ts
@@ -134,8 +134,8 @@ function onInputSignalQuickSelect() {
 
 function toggleButton(selector: string) {
     const button = $(selector);
-    const wasPressed = button.attr("aria-pressed") === "true";
-    if (wasPressed) {
+    const unpressing = button.attr("aria-pressed") === "true";
+    if (unpressing) {
         button.attr("aria-pressed", "false").removeClass("outline");
         return false;
     } else {
@@ -155,13 +155,14 @@ function onClickAddSlogan(e) {
     if (!addingSlogan) {
         addSlogan.before(`<label for="new-slogan" id="new-slogan-label" />`)
                  .before(`<input type="text" id="new-slogan" name="new-slogan" placeholder="New slogan text..." />`)
-        addSlogan.val("Save new slogan");
+        addSlogan.val("Save new slogan").addClass("outline");
     } else {
         pb.collection("slogans").create({
             text: $("#new-slogan").val()
         });
         $("#new-slogan").remove();
         $("#new-slogan-label").remove();
+        addSlogan.val("Add slogan").removeClass("outline")
     }
     addingSlogan = !addingSlogan;
 }
@@ -191,6 +192,7 @@ function _createAddSloganForm(sloganId: string, sloganText: string) {
 
 async function onClickEditSlogans() {
     const slogansList = $("#slogans ol");
+    toggleButton("#edit-slogans")
 
     if (editorCleanup()) {
         return;