Expand Mode

Author: claytoncarney

bundle.js

@@ -5,7 +5,7 @@ <h1>KJS</h1>
   <p>ALL the power belongs to My King! The glory is all His.</p>
   <p>"Heaven and earth shall pass away, but my words shall not pass away."</p>
   <h1>Version</h1>
-  <p>2022.04.14</p>
+  <p>2022.08.07</p>
   <h1>Contact</h1>
   <p>Questions or comments?</p>
   <a href="mailto:github.1john419@gmail.com?subject=KJS%20Feedback" target="_blank">Send email</a>

help/about.html

@@ -31,6 +31,19 @@ <h3>Sorting</h3>
       </svg>
     </div>
   </div>
+  <h3>Expand Mode</h3>
+  <p>This toggle button in the lower toolbar sets the Expand Mode:</p>
+  <div class="entry entry--icon">
+    <div class="icon-description">Expand Mode</div>
+    <div class="icon-holder">
+      <svg class="icon-svg">
+        <title>Expand Mode</title>
+        <use class="icon-holder__use icon-holder__use--strong-mode" xlink:href="icons.svg#expand-mode"></use>
+      </svg>
+    </div>
+  </div>
+  <br>
+  <p>When Expand Mode is on, verse text for each bookmark is displayed</p>
   <h3>Strong Mode</h3>
   <p>This toggle button in the lower toolbar sets the Strong Mode:</p>
   <div class="entry entry--icon">

help/bookmark.html

@@ -30,6 +30,10 @@ class BookmarkController {
     }
   }
 
+  expandModeToggle() {
+    queue.publish('bookmark.expand-mode.toggle', null);
+  }
+
   exportPane() {
     queue.publish('bookmark.task.change', 'bookmark-export');
   }
@@ -136,10 +140,6 @@ class BookmarkController {
     queue.publish('bookmark.up', verseIdx);
   }
 
-  modeToggle() {
-    queue.publish('bookmark.strong-mode.toggle', null);
-  }
-
   moveCopyCopy(copyPkg) {
     queue.publish('bookmark.copy', copyPkg);
   }
@@ -169,6 +169,10 @@ class BookmarkController {
     this.sidebar = sidebar;
   }
 
+  strongModeToggle() {
+    queue.publish('bookmark.strong-mode.toggle', null);
+  }
+
   strongSelect(verseIdx) {
     this.strongSelectPending = true;
     queue.publish('strong.verse.change', verseIdx);
@@ -236,6 +240,9 @@ class BookmarkController {
     queue.subscribe('bookmark-list.down', (verseIdx) => {
       this.listDown(verseIdx);
     });
+    queue.subscribe('bookmark-list.expand-mode.click', () => {
+      this.expandModeToggle();
+    });
     queue.subscribe('bookmark-list.move-copy', (verseIdx) => {
       this.moveCopyPane(verseIdx);
     });
@@ -249,7 +256,7 @@ class BookmarkController {
       this.listSortInvert();
     });
     queue.subscribe('bookmark-list.strong-mode.click', () => {
-      this.modeToggle();
+      this.strongModeToggle();
     });
     queue.subscribe('bookmark-list.strong-select', (verseIdx) => {
       this.strongSelect(verseIdx);