From e1de7004318a0fd906eb62b56bf45be87b91be1b Mon Sep 17 00:00:00 2001
From: Elvanos <xfenix@seznam.cz>
Date: Sat, 8 May 2021 16:05:13 +0200
Subject: [PATCH] 0.1.7-DEV-4

---
 src/components/DocumentPreview.vue            |  3 +-
 src/components/ObjectTree.vue                 |  8 +-
 src/components/appHeader/TopTabs.vue          |  7 ++
 src/components/dialogs/AboutApp.vue           |  2 +-
 .../dialogs/AdvancedSearchGuide.vue           |  2 +-
 src/components/dialogs/ChangeLog.vue          |  2 +-
 src/components/dialogs/CloseDocumentCheck.vue |  2 +-
 .../dialogs/DeleteDocumentCheck.vue           |  2 +-
 src/components/dialogs/ExistingDocument.vue   | 11 ++-
 src/components/dialogs/ImportProjectCheck.vue |  2 +-
 src/components/dialogs/KeybindCheatsheet.vue  |  2 +-
 src/components/dialogs/License.vue            |  2 +-
 src/components/dialogs/MergeProjectCheck.vue  |  2 +-
 src/components/dialogs/NewDocument.vue        |  8 +-
 src/components/dialogs/NewProjectCheck.vue    |  2 +-
 src/components/dialogs/ProgramSettings.vue    | 95 ++++++++++++++++++-
 src/components/dialogs/ProjectCloseCheck.vue  |  2 +-
 src/components/dialogs/RepairProject.vue      |  2 +-
 src/components/dialogs/TipsTricksTrivia.vue   |  2 +-
 .../fields/Field_MultiRelationship.vue        |  2 +-
 .../fields/Field_SingleRelationship.vue       |  2 +-
 src/components/fields/_FieldBase.ts           |  6 ++
 src/store/module-options/state.ts             |  9 ++
 23 files changed, 152 insertions(+), 25 deletions(-)

diff --git a/src/components/DocumentPreview.vue b/src/components/DocumentPreview.vue
index 2561f97..7d750a4 100644
--- a/src/components/DocumentPreview.vue
+++ b/src/components/DocumentPreview.vue
@@ -200,7 +200,7 @@ export default class DocumentPreview extends BaseClass {
 
   @Prop() readonly forceRefresh!: string
 
-  @Watch("forceRefresh", { immediate: true })
+  @Watch("forceRefresh")
   reactToForceRefresh () {
     this.reactToDocumentIDChange()
   }
@@ -350,6 +350,7 @@ export default class DocumentPreview extends BaseClass {
 .documentPreviewContent {
   padding: 20px;
   width: 700px;
+  max-width: 100%;
   background-color: map-get($customColors, 'gunmetal-lighter') !important;
   color: #fff;
 
diff --git a/src/components/ObjectTree.vue b/src/components/ObjectTree.vue
index 5e91fee..d625f89 100644
--- a/src/components/ObjectTree.vue
+++ b/src/components/ObjectTree.vue
@@ -68,10 +68,11 @@
           @mouseleave="setDocumentPreviewClose"
         >
          <documentPreview
-          v-if="!prop.node.isRoot && !prop.node.isTag && !prop.node.specialLabel"
+          v-if="!preventPreviewsTree && !prop.node.isRoot && !prop.node.isTag && !prop.node.specialLabel"
           :document-id="prop.node._id"
           :custom-anchor="'center right'"
           :custom-self="'center left'"
+          :external-close-trigger="documentPreviewClose"
         />
 
           <div class="documentLabel"
@@ -307,12 +308,11 @@ import { retrieveCurrentProjectName } from "src/scripts/projectManagement/projec
 import { createNewWithParent } from "src/scripts/documentActions/createNewWithParent"
 import { copyDocumentName, copyDocumentTextColor, copyDocumentBackgroundColor } from "src/scripts/documentActions/uniqueFieldCopy"
 import { copyDocument } from "src/scripts/documentActions/copyDocument"
-import documentPreview from "src/components/DocumentPreview.vue"
 
 @Component({
   components: {
     deleteDocumentCheckDialog,
-    documentPreview
+    documentPreview: () => import("src/components/DocumentPreview.vue")
   }
 })
 export default class ObjectTree extends BaseClass {
@@ -367,6 +367,7 @@ export default class ObjectTree extends BaseClass {
   hideTreeIconAddUnder = false
   hideTreeIconEdit = false
   hideTreeIconView = false
+  preventPreviewsTree = true
 
   @Watch("SGET_options", { immediate: true, deep: true })
   onSettingsChange () {
@@ -389,6 +390,7 @@ export default class ObjectTree extends BaseClass {
     this.hideTreeIconAddUnder = options.hideTreeIconAddUnder
     this.hideTreeIconEdit = options.hideTreeIconEdit
     this.hideTreeIconView = options.hideTreeIconView
+    this.preventPreviewsTree = options.preventPreviewsTree
     this.buildCurrentObjectTree()
   }
 
diff --git a/src/components/appHeader/TopTabs.vue b/src/components/appHeader/TopTabs.vue
index 4a57bab..43a9735 100644
--- a/src/components/appHeader/TopTabs.vue
+++ b/src/components/appHeader/TopTabs.vue
@@ -67,6 +67,7 @@
              {{retrieveFieldValue(document,'name')}}
             </div>
             <documentPreview
+              v-if="!preventPreviewsTabs"
               :document-id="document._id"
               :external-close-trigger="documentPreviewClose"
               :custom-delay="1500"
@@ -239,6 +240,11 @@ export default class TopTabs extends BaseClass {
    */
   hideDeadCrossThrough = false
 
+  /**
+   * Determines document previews should be shown or not
+   */
+  preventPreviewsTabs = true
+
   /**
    * Watch changes on options
    */
@@ -247,6 +253,7 @@ export default class TopTabs extends BaseClass {
     const options = this.SGET_options
     this.textShadow = options.textShadow
     this.hideDeadCrossThrough = options.hideDeadCrossThrough
+    this.preventPreviewsTabs = options.preventPreviewsTabs
   }
 
   /****************************************************************/
diff --git a/src/components/dialogs/AboutApp.vue b/src/components/dialogs/AboutApp.vue
index 56305ad..100d4b4 100644
--- a/src/components/dialogs/AboutApp.vue
+++ b/src/components/dialogs/AboutApp.vue
@@ -2,7 +2,7 @@
 
   <q-dialog
     v-model="dialogModel"
-    @hide="triggerDialogClose"
+    @before-hide="triggerDialogClose"
     >
     <q-card
       class="aboutDialog"
diff --git a/src/components/dialogs/AdvancedSearchGuide.vue b/src/components/dialogs/AdvancedSearchGuide.vue
index 8a2b6cd..c8a2db0 100644
--- a/src/components/dialogs/AdvancedSearchGuide.vue
+++ b/src/components/dialogs/AdvancedSearchGuide.vue
@@ -2,7 +2,7 @@
 
   <q-dialog
     v-model="dialogModel"
-    @hide="triggerDialogClose"
+    @before-hide="triggerDialogClose"
     >
     <q-card
       class="advancedSearchDialog"
diff --git a/src/components/dialogs/ChangeLog.vue b/src/components/dialogs/ChangeLog.vue
index f412f81..5988bcf 100644
--- a/src/components/dialogs/ChangeLog.vue
+++ b/src/components/dialogs/ChangeLog.vue
@@ -2,7 +2,7 @@
 
   <q-dialog
     v-model="dialogModel"
-    @hide="triggerDialogClose"
+    @before-hide="triggerDialogClose"
     >
     <q-card
       class="changeLogDialog"
diff --git a/src/components/dialogs/CloseDocumentCheck.vue b/src/components/dialogs/CloseDocumentCheck.vue
index dabd257..df0d292 100644
--- a/src/components/dialogs/CloseDocumentCheck.vue
+++ b/src/components/dialogs/CloseDocumentCheck.vue
@@ -1,7 +1,7 @@
 <template>
     <q-dialog
       v-model="dialogModel"
-      @hide="triggerDialogClose"
+      @before-hide="triggerDialogClose"
       >
       <q-card dark class="documentCloseDialog">
          <q-card-section class="row justify-center">
diff --git a/src/components/dialogs/DeleteDocumentCheck.vue b/src/components/dialogs/DeleteDocumentCheck.vue
index 9e37d08..46b4456 100644
--- a/src/components/dialogs/DeleteDocumentCheck.vue
+++ b/src/components/dialogs/DeleteDocumentCheck.vue
@@ -1,7 +1,7 @@
 <template>
     <q-dialog
       v-model="dialogModel"
-      @hide="triggerDialogClose"
+      @before-hide="triggerDialogClose"
       >
       <q-card dark class="documentCloseDialog">
          <q-card-section class="row justify-center">
diff --git a/src/components/dialogs/ExistingDocument.vue b/src/components/dialogs/ExistingDocument.vue
index bfedeb1..b09c6d9 100644
--- a/src/components/dialogs/ExistingDocument.vue
+++ b/src/components/dialogs/ExistingDocument.vue
@@ -2,7 +2,7 @@
       <q-dialog
       no-route-dismiss
       v-model="dialogModel"
-      @hide="triggerDialogClose"
+      @before-hide="triggerDialogClose"
       >
       <q-card
         dark
@@ -54,9 +54,12 @@
                     @mouseleave="setDocumentPreviewClose"
                   >
                   <documentPreview
+                    v-if="!preventPreviewsPopups"
                     :document-id="opt._id"
                     :external-close-trigger="documentPreviewClose"
                     :special-z-index="999999999"
+                    :custom-anchor="'top start'"
+                    :custom-self="'center right'"
                   />
                     <q-item-section avatar>
                       <q-icon
@@ -282,8 +285,14 @@ export default class ExistingDocumentDialog extends DialogBase {
     this.textShadow = this.SGET_options.textShadow
     this.hideDeadCrossThrough = this.SGET_options.hideDeadCrossThrough
     this.hideAdvSearchCheatsheetButton = this.SGET_options.hideAdvSearchCheatsheetButton
+    this.preventPreviewsPopups = this.SGET_options.preventPreviewsPopups
   }
 
+  /**
+   * Determines if the document previews should be disabled or not
+   */
+  preventPreviewsPopups = false
+
   /**
    * Hides the advanced search cheatsheet help button in relationship type fields.
    */
diff --git a/src/components/dialogs/ImportProjectCheck.vue b/src/components/dialogs/ImportProjectCheck.vue
index 55b3aba..6877988 100644
--- a/src/components/dialogs/ImportProjectCheck.vue
+++ b/src/components/dialogs/ImportProjectCheck.vue
@@ -1,7 +1,7 @@
 <template>
     <q-dialog
       v-model="dialogModel"
-      @hide="triggerDialogClose"
+      @before-hide="triggerDialogClose"
       no-route-dismiss
       >
       <q-card dark class="documentCloseDialog">
diff --git a/src/components/dialogs/KeybindCheatsheet.vue b/src/components/dialogs/KeybindCheatsheet.vue
index 66c67be..54ed883 100644
--- a/src/components/dialogs/KeybindCheatsheet.vue
+++ b/src/components/dialogs/KeybindCheatsheet.vue
@@ -2,7 +2,7 @@
 
   <q-dialog
     v-model="dialogModel"
-    @hide="triggerDialogClose"
+    @before-hide="triggerDialogClose"
     >
     <q-card
       class="keyBindsDialog"
diff --git a/src/components/dialogs/License.vue b/src/components/dialogs/License.vue
index c56ef0a..48beb5d 100644
--- a/src/components/dialogs/License.vue
+++ b/src/components/dialogs/License.vue
@@ -2,7 +2,7 @@
 
   <q-dialog
     v-model="dialogModel"
-    @hide="triggerDialogClose"
+    @before-hide="triggerDialogClose"
     >
     <q-card
       class="licenseDialog"
diff --git a/src/components/dialogs/MergeProjectCheck.vue b/src/components/dialogs/MergeProjectCheck.vue
index e963db7..28d1da1 100644
--- a/src/components/dialogs/MergeProjectCheck.vue
+++ b/src/components/dialogs/MergeProjectCheck.vue
@@ -1,7 +1,7 @@
 <template>
     <q-dialog
       v-model="dialogModel"
-      @hide="triggerDialogClose"
+      @before-hide="triggerDialogClose"
       no-route-dismiss
       >
       <q-card dark class="documentCloseDialog">
diff --git a/src/components/dialogs/NewDocument.vue b/src/components/dialogs/NewDocument.vue
index b936892..47dc7b6 100644
--- a/src/components/dialogs/NewDocument.vue
+++ b/src/components/dialogs/NewDocument.vue
@@ -2,7 +2,7 @@
     <q-dialog
       no-route-dismiss
       v-model="dialogModel"
-      @hide="triggerDialogClose"
+      @before-hide="triggerDialogClose"
       >
       <q-card
         dark
@@ -238,8 +238,10 @@ export default class NewDocumentDialog extends DialogBase {
    */
   triggerNewInput (e: NewObjectDocument) {
     this.dialogModel = false
-    this.addNewObjectRoute(e)
-    this.newDocumentModel = null
+    setTimeout(() => {
+      this.addNewObjectRoute(e)
+      this.newDocumentModel = null
+    }, 1000)
   }
 }
 </script>
diff --git a/src/components/dialogs/NewProjectCheck.vue b/src/components/dialogs/NewProjectCheck.vue
index 467a3de..47e6948 100644
--- a/src/components/dialogs/NewProjectCheck.vue
+++ b/src/components/dialogs/NewProjectCheck.vue
@@ -1,7 +1,7 @@
 <template>
     <q-dialog
       v-model="dialogModel"
-      @hide="triggerDialogClose"
+      @before-hide="triggerDialogClose"
       no-route-dismiss
       >
       <q-card dark class="newProjectCheckDialog">
diff --git a/src/components/dialogs/ProgramSettings.vue b/src/components/dialogs/ProgramSettings.vue
index 26807fc..ea48ccb 100644
--- a/src/components/dialogs/ProgramSettings.vue
+++ b/src/components/dialogs/ProgramSettings.vue
@@ -3,7 +3,7 @@
   <q-dialog
     v-model="dialogModel"
     persistent
-    @hide="triggerDialogClose"
+    @before-hide="triggerDialogClose"
     >
     <q-card
       class="programSettingsDialog"
@@ -25,6 +25,7 @@
           <q-tab name="docSettings" label="Document view/edit" />
           <q-tab name="popupSettings" label="Popups & Floating Windows" />
           <q-tab name="treeSettings" label="Hierarchical tree" />
+          <q-tab name="tabSettings" label="Opened documents tabs" />
 
           <q-separator dark />
 
@@ -324,6 +325,21 @@
                       />
                   </div>
 
+                  <div class="col-12 col-md-6 col-lg-4 optionWrapper">
+                    <div class="optionTitle">
+                      Prevent document previews
+                    <q-icon name="mdi-help-circle" size="16px" class="q-ml-md">
+                      <q-tooltip :delay="500">
+                        Determines if the document quick-previews on hover are on or off.
+                      </q-tooltip>
+                    </q-icon>
+                    </div>
+
+                      <q-toggle
+                        v-model="options.preventPreviewsDocuments"
+                      />
+                  </div>
+
                   <div class="col-12 col-md-6 col-lg-4 optionWrapper">
                     <div class="optionTitle">
                       DEVELOPMENT - Show document IDs
@@ -387,7 +403,7 @@
 
                   <div class="col-12 col-md-6 col-lg-4 optionWrapper">
                     <div class="optionTitle">
-                      Stop quick-search close after selection
+                      Stop closing after selection
                     <q-icon name="mdi-help-circle" size="16px" class="q-ml-md">
                       <q-tooltip :delay="500">
                         Normally the quick-search closes after an item is selected from it.
@@ -419,6 +435,21 @@
                       />
                   </div>
 
+                  <div class="col-12 col-md-6 col-lg-4 optionWrapper">
+                    <div class="optionTitle">
+                      Prevent document previews
+                    <q-icon name="mdi-help-circle" size="16px" class="q-ml-md">
+                      <q-tooltip :delay="500">
+                        Determines if the document quick-previews on hover are on or off.
+                      </q-tooltip>
+                    </q-icon>
+                    </div>
+
+                      <q-toggle
+                        v-model="options.preventPreviewsPopups"
+                      />
+                  </div>
+
                   <div class="col-12">
                     <div class="text-bold q-mt-xl">
                       Floating windows
@@ -483,6 +514,23 @@
                     />
                   </div>
 
+                  <div class="col-12 col-md-6 col-lg-4 optionWrapper">
+                    <div class="optionTitle">
+                      PERFORMANCE TAXING<br>Prevent document previews
+                    <q-icon name="mdi-help-circle" size="16px" class="q-ml-md">
+                      <q-tooltip :delay="500">
+                        Determines if the document quick-previews on hover are on or off.
+                        <br>
+                        <b>Turning OFF this setting might have a MASSIVE impact on the performance of the app.</b>
+                      </q-tooltip>
+                    </q-icon>
+                    </div>
+
+                      <q-toggle
+                        v-model="options.preventPreviewsTree"
+                      />
+                  </div>
+
                   <div class="col-12">
                     <div class="text-bold q-mt-xl">
                       Tag settings
@@ -724,6 +772,45 @@
             </q-scroll-area>
           </q-tab-panel>
 
+           <q-tab-panel name="tabSettings" dark class="q-pt-sm">
+             <q-scroll-area
+              class="programSettingsScrollArea"
+              visible
+              dark
+              :thumb-style="thumbStyle"
+              >
+                <div class="row justify-start">
+                  <div class="col-12">
+                    <div class="text-h6">
+                      Opened documents tabs
+                    </div>
+                  </div>
+
+                   <div class="col-12">
+                    <div class="text-bold q-mt-xl">
+                      Tab behavior
+                    </div>
+                  </div>
+
+                  <div class="col-12 col-md-6 col-lg-4 optionWrapper">
+                    <div class="optionTitle">
+                      Prevent document previews
+                    <q-icon name="mdi-help-circle" size="16px" class="q-ml-md">
+                      <q-tooltip :delay="500">
+                        Determines if the document quick-previews on hover are on or off.
+                      </q-tooltip>
+                    </q-icon>
+                    </div>
+
+                      <q-toggle
+                        v-model="options.preventPreviewsTabs"
+                      />
+                  </div>
+
+                </div>
+           </q-scroll-area>
+          </q-tab-panel>
+
           <q-tab-panel name="keybinds" dark>
             <q-table
               class="keybindsTable"
@@ -991,6 +1078,10 @@ export default class ProgramSettings extends DialogBase {
     hideTreeIconAddUnder: false,
     hideTreeIconEdit: false,
     hideTreeIconView: false,
+    preventPreviewsTree: true,
+    preventPreviewsTabs: true,
+    preventPreviewsPopups: false,
+    preventPreviewsDocuments: false,
     userKeybindList: []
   }
 
diff --git a/src/components/dialogs/ProjectCloseCheck.vue b/src/components/dialogs/ProjectCloseCheck.vue
index cd41c47..f4d4fc0 100644
--- a/src/components/dialogs/ProjectCloseCheck.vue
+++ b/src/components/dialogs/ProjectCloseCheck.vue
@@ -1,7 +1,7 @@
 <template>
     <q-dialog
     v-model="dialogModel"
-    @hide="triggerDialogClose"
+    @before-hide="triggerDialogClose"
     >
     <q-card dark>
 
diff --git a/src/components/dialogs/RepairProject.vue b/src/components/dialogs/RepairProject.vue
index b212ee8..1bdf2cb 100644
--- a/src/components/dialogs/RepairProject.vue
+++ b/src/components/dialogs/RepairProject.vue
@@ -1,7 +1,7 @@
 <template>
     <q-dialog
       v-model="dialogModel"
-      @hide="triggerDialogClose"
+      @before-hide="triggerDialogClose"
       no-route-dismiss
       :persistent="repairOngoing || repairFinished"
       >
diff --git a/src/components/dialogs/TipsTricksTrivia.vue b/src/components/dialogs/TipsTricksTrivia.vue
index b99d28b..3c3eb03 100644
--- a/src/components/dialogs/TipsTricksTrivia.vue
+++ b/src/components/dialogs/TipsTricksTrivia.vue
@@ -2,7 +2,7 @@
 
   <q-dialog
     v-model="dialogModel"
-    @hide="triggerDialogClose"
+    @before-hide="triggerDialogClose"
     >
     <q-card
       class="tipsTricksTriviaDialog"
diff --git a/src/components/fields/Field_MultiRelationship.vue b/src/components/fields/Field_MultiRelationship.vue
index 6af8852..6836e3f 100644
--- a/src/components/fields/Field_MultiRelationship.vue
+++ b/src/components/fields/Field_MultiRelationship.vue
@@ -43,7 +43,7 @@
       @mouseleave="setDocumentPreviewClose"
       >
         <documentPreview
-          v-if="!recursive"
+          v-if="!recursive || preventPreviewsDocuments"
           :document-id="single._id"
           :external-close-trigger="documentPreviewClose"
         />
diff --git a/src/components/fields/Field_SingleRelationship.vue b/src/components/fields/Field_SingleRelationship.vue
index 776af2a..03c29c5 100644
--- a/src/components/fields/Field_SingleRelationship.vue
+++ b/src/components/fields/Field_SingleRelationship.vue
@@ -134,7 +134,7 @@
 
         </q-menu>
         <documentPreview
-          v-if="!recursive"
+          v-if="!recursive || preventPreviewsDocuments"
           :document-id="localInput._id"
           :external-close-trigger="documentPreviewClose"
         />
diff --git a/src/components/fields/_FieldBase.ts b/src/components/fields/_FieldBase.ts
index b296ea6..f30f0c3 100644
--- a/src/components/fields/_FieldBase.ts
+++ b/src/components/fields/_FieldBase.ts
@@ -46,6 +46,7 @@ export default class FieldBase extends BaseClass {
     this.textShadow = this.SGET_options.textShadow
     this.hideDeadCrossThrough = this.SGET_options.hideDeadCrossThrough
     this.hideAdvSearchCheatsheetButton = this.SGET_options.hideAdvSearchCheatsheetButton
+    this.preventPreviewsDocuments = this.SGET_options.preventPreviewsDocuments
   }
 
   /**
@@ -72,4 +73,9 @@ export default class FieldBase extends BaseClass {
    * Determines if the tooltips should be disabled or not
    */
   disableDocumentToolTips = false
+
+  /**
+   * Determines if the document previews should be disabled or not
+   */
+  preventPreviewsDocuments = false
 }
diff --git a/src/store/module-options/state.ts b/src/store/module-options/state.ts
index 4295f50..ff46871 100644
--- a/src/store/module-options/state.ts
+++ b/src/store/module-options/state.ts
@@ -36,6 +36,11 @@ export interface OptionsStateInteface {
   hidePlushes: boolean
   showDocumentID: boolean
 
+  preventPreviewsTree: boolean
+  preventPreviewsTabs: boolean
+  preventPreviewsPopups: boolean
+  preventPreviewsDocuments: boolean
+
   userKeybindList: any[]
   treeWidth?: number
   pre017check?: boolean
@@ -78,6 +83,10 @@ function state (): OptionsStateInteface {
     hideTreeIconEdit: false,
     hideTreeIconView: false,
     showDocumentID: false,
+    preventPreviewsTree: true,
+    preventPreviewsTabs: true,
+    preventPreviewsPopups: false,
+    preventPreviewsDocuments: false,
     treeWidth: 374,
     userKeybindList: [],
     pre017check: true