JASPER 178: Court file search result

web/src/components/criminal/CriminalAdjudicatorRestrictions.vue

@@ -44,6 +44,7 @@
 <script lang="ts">
   import { useCriminalFileStore } from '@/stores';
   import { AdjudicatorRestrictionsInfoType } from '@/types/common';
+  import { type BTableSortBy } from 'bootstrap-vue-next';
   import { defineComponent, onMounted, ref } from 'vue';
 
   export default defineComponent({
@@ -54,7 +55,7 @@
         []
       );
 
-      const sortBy = ref('adjudicator');
+      const sortBy = ref<BTableSortBy[]>(['adjudicator']);
       const sortDesc = ref(false);
       const isMounted = ref(false);
 

web/src/components/criminal/CriminalDocumentsView.vue

@@ -156,6 +156,7 @@
   import { useCommonStore, useCriminalFileStore } from '@/stores';
   import { ArchiveInfoType, DocumentRequestsInfoType } from '@/types/common';
   import { CourtDocumentType, DocumentData } from '@/types/shared';
+  import { type BTableSortBy } from 'bootstrap-vue-next';
   import {
     computed,
     defineComponent,
@@ -197,7 +198,7 @@
       const loadingPdf = ref(false);
       const activetab = ref('ALL');
       //      const tabIndex = ref(0);
-      const sortBy = ref('date');
+      const sortBy = ref<BTableSortBy[]>(['date']);
       const sortDesc = ref(true);
       //      const hoverRow = ref(-1);
       //      const hoverCol = ref(0);

web/src/components/criminal/CriminalFutureAppearancesTable.vue

@@ -84,6 +84,7 @@
 <script lang="ts">
   import { useCriminalFileStore } from '@/stores';
   import { criminalAppearancesListType } from '@/types/criminal';
+  import { type BTableSortBy } from 'bootstrap-vue-next';
   import { defineComponent, PropType, ref } from 'vue';
   import CriminalAppearanceDetails from './CriminalAppearanceDetails.vue';
 
@@ -98,7 +99,7 @@
       },
     },
     setup(props) {
-      const sortBy = ref('date');
+      const sortBy = ref<BTableSortBy[]>(['date']);
       const sortDesc = ref(true);
       const criminalFileStore = useCriminalFileStore();
 

web/src/components/criminal/CriminalParticipants.vue

@@ -101,6 +101,7 @@
 <script lang="ts">
   import { useCriminalFileStore } from '@/stores';
   import { participantListInfoType } from '@/types/criminal';
+  import { type BTableSortBy } from 'bootstrap-vue-next';
   import { defineComponent, onMounted, ref } from 'vue';
 
   export default defineComponent({
@@ -111,7 +112,7 @@
 
       const isMounted = ref(false);
       const numberOfParticipants = ref(0);
-      const sortBy = ref('name');
+      const sortBy = ref<BTableSortBy[]>(['name']);
       const sortDesc = ref(false);
 
       const fields = [

web/src/components/criminal/CriminalPastAppearancesTable.vue

@@ -93,6 +93,7 @@
 <script lang="ts">
   import { useCriminalFileStore } from '@/stores';
   import { criminalAppearancesListType } from '@/types/criminal';
+  import { type BTableSortBy } from 'bootstrap-vue-next';
   import { defineComponent, PropType, ref } from 'vue';
   import CriminalAppearanceDetails from './CriminalAppearanceDetails.vue';
 
@@ -108,7 +109,7 @@
     },
     setup(props) {
       const criminalFileStore = useCriminalFileStore();
-      const sortBy = 'dateref';
+      const sortBy = ref<BTableSortBy[]>(['dateref']);
       const sortDesc = ref(true);
 
       const defaultStyles = {

web/src/components/criminal/CriminalWitnesses.vue

@@ -103,6 +103,7 @@
   import { witnessCountInfoType, witnessListInfoType } from '@/types/criminal';
   import { witnessType } from '@/types/criminal/jsonTypes';
   import { computed, defineComponent, onMounted, ref } from 'vue';
+  import { type BTableSortBy } from 'bootstrap-vue-next';
 
   export default defineComponent({
     setup() {
@@ -119,7 +120,7 @@
       let numberOfPersonnelWitnesses = 0;
       let numberOfCivilianWitnesses = 0;
       let numberOfExpertWitnesses = 0;
-      const sortBy = ref('name');
+      const sortBy = ref<BTableSortBy[]>(['name']);
       const sortDesc = ref(false);
       const selectedType = ref('Required Only');
 

web/src/components/shared/table/ActionBar.vue

@@ -7,9 +7,10 @@
       color="#183a4a"
       rounded
     >
-      <v-app-bar-title class="px-5"
-        >{{ selected.length }} selected</v-app-bar-title
-      >
+      <v-app-bar-title class="px-5">
+        {{ selected.length }} selected
+      </v-app-bar-title>
+      <slot></slot>
     </v-app-bar>
   </div>
 </template>

web/src/plugins/vuetify.ts

@@ -52,5 +52,10 @@ export default createVuetify({
       dense: true,
       variant: 'outlined',
     },
+    VDataTable: {
+      hover: true,
+      showSelect: true,
+      returnObject: true,
+    }
   },
 });