4.4.2 release

Author: toddbruner

package.json

@@ -48,8 +48,10 @@
     "@vue/babel-preset-jsx": "^1.2.4",
     "axios": "^1.6.2",
     "chart.js": "^3.9.1",
+    "chartjs-adapter-date-fns": "^3.0.0",
     "colors": "1.4.0",
     "core-js": "^3.21.1",
+    "date-fns": "4.1.0",
     "dompurify": "^2.4.1",
     "html-to-image": "^1.11.11",
     "idb": "^7.0.1",
@@ -75,6 +77,7 @@
     "vue-property-decorator": "^9.1.2",
     "vue-router": "^3.5.2",
     "vuetify": "~2.6.16",
+    "vuewordcloud": "17.12.23",
     "vuex": "^3.6.2",
     "vuex-class": "^0.3.2"
   },

src/App.vue

@@ -4,35 +4,8 @@
         <ScotNavBar style="z-index: 99;"/>
         <v-main style="max-height: 100vh">
             <QuickSettingsDrawer />
-            <v-dialog v-if="searchResults != undefined" :value="showSearchOverlay">
-                <v-card rounded :light="darkMode" :dark="!darkMode" v-click-outside="onClickOutsideOverlay" elevation="5">
-                    <v-card-title class="text-decoration-underline">Search Results</v-card-title>
-                    <v-card-subtitle> {{ searchResults.length }} results </v-card-subtitle>
-                    <v-list two-line>
-                        <v-list-item v-for="(result, index) in searchResults" :key="result.entry_id" :href="constructSearchLink(result.target_type, result.target_id, result.entry_id)" :link=true target="_blank">
-                            <v-list-item-icon>
-                                <v-icon> mdi-magnify</v-icon>
-                            </v-list-item-icon>
-                            <v-list-item-content>
-                                <v-list-item-title class="text-decoration-underline" v-html="result.target_type.charAt(0).toUpperCase() + result.target_type.slice(1) + ' ' + result.target_id + ' : ' + result.parent_text"></v-list-item-title>
-                                <v-list-item-subtitle>
-                                    <i>
-                                        {{ "Entry " }}
-                                        <b>{{  result.entry_id}} </b>
-                                    </i>
-                                </v-list-item-subtitle>
-                                <v-list-item-subtitle v-html="result.entry_text">
-                                </v-list-item-subtitle>
-                                <v-divider inset
-                                           v-if="index < searchResults.length - 1"
-                                           :key="index"></v-divider>
-                            </v-list-item-content>
-                        </v-list-item>
-                    </v-list>
-                </v-card>
-            </v-dialog>
-            <router-view>
-            </router-view>
+            <SearchDialog v-if="showSearchOverlay"/>
+            <router-view></router-view>
         </v-main>
         <v-footer app padless>
             <v-card elevation=0 width="100%" class="text-center">
@@ -43,7 +16,6 @@
         <v-snackbar v-model="showErrorPopup"
                     multi-line>
             {{ errorText }}
-
             <template v-slot:action="{ attrs }">
                 <v-btn color="red"
                        text
@@ -62,14 +34,16 @@
     import Component from 'vue-class-component';
     import ScotNavBar from '@/components/NavigationComponents/ScotNavBar.vue'
     import QuickSettingsDrawer from '@/components/UserSettingsComponent/QuickSettingsDrawer.vue'
-    import { Action, Getter, Mutation } from 'vuex-class';
+    import SearchDialog from '@/components/IRElementComponents/SearchDialog.vue'
+    import { Getter, Mutation } from 'vuex-class';
     import { Watch } from 'vue-property-decorator'
     import { IRElementType } from './store/modules/IRElements/types';
 
     @Component({
         components: {
             ScotNavBar,
-            QuickSettingsDrawer
+            QuickSettingsDrawer,
+            SearchDialog
         },
     })
     export default class App extends Vue {
@@ -78,11 +52,8 @@
         @Getter('darkMode', { 'namespace': 'user' }) darkMode: boolean
         @Getter('firehose', { 'namespace': 'user' }) firehose: EventSource | undefined
         @Getter('error') error: boolean
-        @Getter('searchResults', { 'namespace': 'user' }) searchResults: any
-        @Action('clearSearchResults', { 'namespace': 'user' }) clearSearchResults: CallableFunction
         @Getter('errorText') errorText: string
         @Getter('showSearchOverlay', { 'namespace': 'user' }) showSearchOverlay: boolean
-        @Action('changeShowSearchOverlay', { 'namespace': 'user' }) changeShowSearchOverlay: CallableFunction
         @Mutation('clearError') clearError: CallableFunction
         metaInfo() {
             return { meta: [{ "http-equiv": "Content-Security-Policy", "content": "upgrade-insecure-requests" }] }
@@ -104,36 +75,11 @@
             }
         }
 
-        constructSearchLink(targetType: string, targetId: number, entryId: number): string {
-            return window.location.protocol + "//" + window.location.host + "/#/" + this.targetTypePluralized(targetType) + "/" + targetId + "/" + entryId
-        }
-
-        targetTypePluralized(targetType: string): string | null {
-            if (targetType == IRElementType.Entity.toLowerCase()) {
-                return "entities"
-            }
-            else if (targetType == IRElementType.Dispatch.toLowerCase()) {
-                return "dispatches"
-            }
-            else if (targetType == IRElementType.EntityClass.toLowerCase()) {
-                return "entity classes"
-            }
-            else if (targetType == IRElementType.Entry.toLowerCase()) {
-                return "entries"
-            }
-            else {
-                return targetType + "s"
-            }
-        }
-
-        async onClickOutsideOverlay() {
-            await this.changeShowSearchOverlay({ value: false })
-        }
-
         @Watch('darkMode')
         onDarkModeChange() {
             this.$vuetify.theme.dark = this.darkMode
         }
+
         transitionName() {
             if (this.$route.meta && this.$route.meta.transitionName != undefined) {
                 return this.$route.meta.transitionName