0.1.12 Added support for moving top tabs left and right

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fantasiaarchive",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "A database manager for world building",
   "productName": "Fantasia Archive",
   "author": "Elvanos <elvanos66@gmail.com>",
@@ -85,4 +85,4 @@
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }
-}
+}

src/components/appHeader/TopTabs.vue

@@ -158,6 +158,19 @@
                     <q-icon name="mdi-content-copy" />
                   </q-item-section>
                 </q-item>
+                <q-separator dark />
+                 <q-item clickable v-close-popup @click="tryMoveTabLeft(document)">
+                  <q-item-section>Move tab left</q-item-section>
+                  <q-item-section avatar>
+                    <q-icon name="mdi-chevron-left" />
+                  </q-item-section>
+                </q-item>
+                <q-item clickable v-close-popup @click="tryMoveTabRight(document)">
+                  <q-item-section>Move tab right</q-item-section>
+                  <q-item-section avatar>
+                    <q-icon name="mdi-chevron-right" />
+                  </q-item-section>
+                </q-item>
                 <q-separator v-if="!document.isNew" />
                 <q-item clickable v-close-popup @click="tryCloseTab(document)">
                   <q-item-section>Close this tab</q-item-section>
@@ -286,6 +299,18 @@ export default class TopTabs extends BaseClass {
       this.goToPreviousTab()
     }
 
+    // Move tab left - SHIFT + ALT + LEFT ARROW
+    if (this.determineKeyBind("moveTabLeft") && this.localDocuments.length > 0 && !this.SGET_getDialogsState) {
+      const currentDoc = this.findRequestedOrActiveDocument() as I_OpenedDocument
+      this.tryMoveTabLeft(currentDoc)
+    }
+
+    // Move tab right - SHIFT + ALT + RIGHT ARROW
+    if (this.determineKeyBind("moveTabRight") && this.localDocuments.length > 0 && !this.SGET_getDialogsState) {
+      const currentDoc = this.findRequestedOrActiveDocument() as I_OpenedDocument
+      this.tryMoveTabRight(currentDoc)
+    }
+
     // Close all tabs without changes except for this - CTRL + ALT + SHIFT + W
     if (this.determineKeyBind("closeAllTabsWithoutChangesButThis") && this.localDocuments.length > 0 && !this.SGET_getDialogsState) {
       const currentDoc = this.findRequestedOrActiveDocument() as I_OpenedDocument
@@ -347,6 +372,60 @@ export default class TopTabs extends BaseClass {
     }
   }
 
+  /**
+   * Attempts to move the document to right
+   */
+  tryMoveTabRight (doc?: I_OpenedDocument) {
+    const currentIndex = this.localDocuments.findIndex(localDoc => {
+      return localDoc._id === doc?._id
+    })
+
+    if (this.localDocuments.length > 1) {
+      let newIndex = currentIndex + 1
+
+      if (currentIndex === this.localDocuments.length - 1) {
+        newIndex = 0
+      }
+      /* eslint-disable */
+      // @ts-ignore
+      Array.prototype.move = function (from, to) {
+        this.splice(to, 0, this.splice(from, 1)[0])
+        return this
+      }
+      const copy = this.localDocuments.map(doc => doc)
+      // @ts-ignore
+      copy.move(currentIndex, newIndex)
+      this.localDocuments = copy
+    }
+  }
+
+  /**
+   * Attempts to move the document to left
+   */
+  tryMoveTabLeft (doc?: I_OpenedDocument) {
+    const currentIndex = this.localDocuments.findIndex(localDoc => {
+      return localDoc._id === doc?._id
+    })
+
+    if (this.localDocuments.length > 1) {
+      let newIndex = currentIndex - 1
+
+      if (currentIndex === 0) {
+        newIndex = this.localDocuments.length + 1
+      }
+      /* eslint-disable */
+      // @ts-ignore
+      Array.prototype.move = function (from, to) {
+        this.splice(to, 0, this.splice(from, 1)[0])
+        return this
+      }
+      const copy = this.localDocuments.map(doc => doc)
+      // @ts-ignore
+      copy.move(currentIndex, newIndex)
+      this.localDocuments = copy
+    }
+  }
+
   /**
    * Attempt to navigate to next tab
    */

src/documents/changeLog.md

@@ -1,8 +1,20 @@
-
 # Changelog
 
 ---
 
+## 0.1.12
+
+### Known issues
+
+- Creating a brand new project can very occasionally get stuck. Restarting the app fixes this.
+- Loading existing project can very occasionally get stuck. Restarting the app fixes this.
+- Saving documents can sometimes leave it in edit mode instead of closing it (data gets saved anyway).
+
+### New features
+
+- Added functionality to rearrange opened document tabs; either left or right
+- Added keybind support for rearranging opened document tabs
+
 ## 0.1.11
 
 ### Known issues
@@ -24,13 +36,14 @@
 - Saving documents can sometimes leave it in edit mode instead of closing it (data gets saved anyway).
 
 ### New features
+
 - **Added page-wide search option similar to web-browsers with a default keybind of "CTRL+ALT+F"**
   - The keybind can be modified to the user's preferences as usual in the Keybinds menu
 - **Added support for "@" links inside document editors** (thanks AkroMentos!)
- - Pressing "@" inside the big editor fields will now allow you connect links directly inside the text editors
- - Clicking on links created this way, while not in edit mode, inside text editors will open the connected document in a new tab
- - Clicking on links created this way, while in edit mode, inside text editors and holding CTRL key will also open the connected document in a new tab
- - Clicking on links created this way, while in document quick-preview, will open the connected document in a new tab
+- Pressing "@" inside the big editor fields will now allow you connect links directly inside the text editors
+- Clicking on links created this way, while not in edit mode, inside text editors will open the connected document in a new tab
+- Clicking on links created this way, while in edit mode, inside text editors and holding CTRL key will also open the connected document in a new tab
+- Clicking on links created this way, while in document quick-preview, will open the connected document in a new tab
 
 ### Bugfixes & Optimizations
 
@@ -92,7 +105,7 @@
   - Preview in split-view mode
   - Collapse/Expand all
   - Rename tag
-  - Delete tag  
+  - Delete tag
   - Add a new document to this tag
 - Added more common material/resource properties fields to the Resource document type
 
@@ -344,11 +357,11 @@
   - Finished is visible in the lists by default, but can be used to narrow down the search
   - Minor is NOT visible in the lists by default but can be included using this option
   - Instructions on how to trigger by these additions can be found in the `Advanced Search Guide` help menu
-- Added Fantasia mascot in the app! ^_^
+- Added Fantasia mascot in the app! ^\_^
 - Different document tabs now keep scroll distance and resume wherever you left them at
 - Added support for default empty keybinds
 - Added a dedicated button that opens the connected documents straight from the little chips in relationship fields while in edit mode
-- Added support for  background-color for documents
+- Added support for background-color for documents
 - Added support for "Minor document" mode switch for better organization and visual representation of documents
 - Added support for "Dead/Gone/Destroyed" mode switch for better organization and visual representation of documents
 - Added support for "Finished" mode switch for better organization and visual representation of documents
@@ -524,7 +537,7 @@
 - Massive overhaul of the search engine used by the Quick opening existing document and single/multi relationship fields (now supports tags, categories, document types, intelligent filtering, and intelligent sorting via the importance of the found values)
 - Added color support to single/multi relationship fields
 - Added a hierarchical path to Quick opening existing document and single/multi relationship fields
-- Added filtering to include or exclude documents that are considered categories in the  Quick opening existing document dialog
+- Added filtering to include or exclude documents that are considered categories in the Quick opening existing document dialog
 - Removed "Practitioners/Engineers" field from "Sciences/Technologies" document type as it was a duplicate of another one and was causing issues
 - Added automatic opening of hierarchical tree branches upon adding/moving documents under/among them
 - Added tags support

src/scripts/appSettings/defaultKeybinds.ts

@@ -176,6 +176,28 @@ export const defaultKeybinds = [
     tooltip: "Previous tab"
   },
 
+  // Move tab left - ALT + SHIFT + RIGHT ARROW
+  {
+    altKey: true,
+    ctrlKey: false,
+    shiftKey: true,
+    which: 37,
+    editable: true,
+    id: "moveTabLeft",
+    tooltip: "Move tab left"
+  },
+
+  // Move tab right - ALT + SHIFT + LEFT ARROW
+  {
+    altKey: true,
+    ctrlKey: false,
+    shiftKey: true,
+    which: 39,
+    editable: true,
+    id: "moveTabRight",
+    tooltip: "Move tab right"
+  },
+
   // Save document - CTRL + ALT + S
   {
     altKey: true,