test deactivate datepicker #3036

MTES-MCT · Sep 13, 2024 · 5b63164 · 5b63164
1 parent a7ab8c4
commit 5b63164
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 57 deletions.
diff --git a/assets/scripts/vue/components/common/external/HistoDatePicker.vue b/assets/scripts/vue/components/common/external/HistoDatePicker.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="histo-date-picker">
-    <Datepicker
-      v-model="dates"
+    <VueDatePicker
+      v-model="date"
       @update:modelValue="handleDate"
       locale="fr"
       range
@@ -20,39 +20,41 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-import Datepicker from '@vuepic/vue-datepicker'
+import VueDatepicker from '@vuepic/vue-datepicker'
 
 export default defineComponent({
   name: 'HistoDatePicker',
-  components: { Datepicker },
-  expose: ['updateDate'],
+  components: { VueDatepicker },
+  // expose: ['updateDate'],
   props: {
     id: { type: String, default: null },
     modelValue: { type: Array },
     placeholder: { type: String, default: null }
   },
-  watch: {
+  /*watch: {
     modelValue (newValue: any) {
       this.dates = newValue
     }
-  },
-  data () {
+  },*/
+  data: function () {
     return {
-      dates: this.modelValue
+      //dates: this.modelValue
+      date: null
     }
   },
   emits: ['update:modelValue'],
   methods: {
-    updateDate: function (newDates: Array<Date>) {
+    /*updateDate: function (newDates: Array<Date>) {
       this.dates = newDates
-    },
+    },*/
     handleDate: function (modelData: any) {
       if (modelData !== null && modelData[1] === null) {
         modelData[1] = new Date()
       }
-      if (this.dates !== undefined && this.dates !== null) {
+      /* if (this.dates !== undefined && this.dates !== null) {
         this.dates = modelData
-      }
+      } */
+     console.log(modelData)
       this.$emit('update:modelValue', modelData)
     }
   }

diff --git a/assets/scripts/vue/components/signalement-list/components/SignalementListFilters.vue b/assets/scripts/vue/components/signalement-list/components/SignalementListFilters.vue
@@ -138,14 +138,14 @@
                 />
               </div>
               <div class="fr-col-12 fr-col-lg-6 fr-col-xl-3 grey-background">
-                <HistoDatePicker
+                <!--HistoDatePicker
                     id="filter-date-depot"
                     ref="filter-date-depot"
                     v-model="sharedState.input.filters.dateDepot"
                     :placeholder="'Date de dépot'"
                     title="Rechercher par date de dépot"
                     @update:modelValue="onChange(false)"
-                />
+                /-->
               </div>
               <div class="fr-col-12 fr-col-lg-6 fr-col-xl-3 grey-background">
                 <HistoSelect
@@ -191,14 +191,14 @@
                 />
               </div>
               <div class="fr-col-12 fr-col-lg-6 fr-col-xl-3 grey-background">
-                <HistoDatePicker
+                <!--HistoDatePicker
                     id="filter-date-dernier-suivi"
                     ref="filter-date-dernier-suivi"
                     v-model="sharedState.input.filters.dateDernierSuivi"
                     :placeholder="'Date de dernier suivi'"
                     title="Rechercher par date de dernier suivi"
                     @update:modelValue="onChange(false)"
-                />
+                /-->
               </div>
               <div v-if="sharedState.user.canSeeStatusAffectation" class="fr-col-12 fr-col-lg-4 fr-col-xl-3 grey-background">
                 <HistoSelect
@@ -308,7 +308,7 @@ import AppAutoComplete from '../../common/AppAutoComplete.vue'
 import AppNumber from '../../common/AppNumber.vue'
 import AppSearch from '../../common/AppSearch.vue'
 import HistoSelect from '../../common/HistoSelect.vue'
-import HistoDatePicker from '../../common/external/HistoDatePicker.vue'
+//import HistoDatePicker from '../../common/external/HistoDatePicker.vue'
 import HistoMultiSelect from '../../common/HistoMultiSelect.vue'
 import { store } from '../store'
 import { buildBadge } from '../services/badgeFilterLabelBuilder'
@@ -321,16 +321,16 @@ export default defineComponent({
     AppAutoComplete,
     AppSearch,
     HistoMultiSelect,
-    HistoDatePicker,
+    //HistoDatePicker,
     HistoSelect
   },
   props: {
     onChange: { type: Function }
   },
   emits: ['changeTerritory', 'clickReset'],
   computed: {
-    filtersSanitized () {
-      const filters = Object.entries(this.sharedState.input.filters).filter(([key, value]) => {
+    filtersSanitized (): any {
+      const filters: any = Object.entries(this.sharedState.input.filters).filter(([key, value]) => {
         if (key === 'isImported' || key === 'showMyAffectationOnly' || key === 'showWithoutAffectationOnly') {
           return false
         }

diff --git a/assets/scripts/vue/components/stats/TheHistoStatsFilters.vue b/assets/scripts/vue/components/stats/TheHistoStatsFilters.vue
@@ -48,12 +48,12 @@
             />
         </div>
         <div class="fr-col-12 fr-col-lg-6 fr-col-xl-4">
-          <HistoDatePicker
+          <!--HistoDatePicker
             id="histofiltersdatepicker"
             ref="histofiltersdatepicker"
             v-model="sharedState.filters.dateRange"
             @update:modelValue="onChange(false)"
-            />
+            /-->
         </div>
         <div class="fr-col-12 fr-col-lg-6 fr-col-xl-5">
           <div class="fr-mb-3v">
@@ -88,7 +88,7 @@ import { store } from './store'
 import HistoSelect from '../common/HistoSelect.vue'
 import HistoMultiSelect from '../common/HistoMultiSelect.vue'
 import HistoCheckbox from '../common/HistoCheckbox.vue'
-import HistoDatePicker from '../common/external/HistoDatePicker.vue'
+//import HistoDatePicker from '../common/external/HistoDatePicker.vue'
 
 export default defineComponent({
   name: 'TheHistoStatsFilters',
@@ -98,8 +98,8 @@ export default defineComponent({
   components: {
     HistoSelect,
     HistoMultiSelect,
-    HistoCheckbox,
-    HistoDatePicker
+    HistoCheckbox/*,
+    HistoDatePicker*/
   },
   data () {
     const etiquettes = new Array<string>()

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -5,12 +5,12 @@
     "@sentry/browser": "^7.99.0",
     "@sentry/tracing": "^7.99.0",
     "@symfony/webpack-encore": "^3.0.0",
-    "@vuepic/vue-datepicker": "^3.4.6",
+    "@vuepic/vue-datepicker": "^9.0.3",
     "axios": "^1.7.4",
     "datatables.net-dt": "^1.12.1",
     "datatables.net-vue3": "^1.0.0",
     "libphonenumber-js": "^1.10.44",
-    "vue": "^3.2.37",
+    "vue": "^3.4.0",
     "vue-chartjs": "^4.1.1",
     "vue-loader": "^17.0.0",
     "vue-template-compiler": "^2.7.8"

diff --git a/webpack.config.js b/webpack.config.js
@@ -66,7 +66,7 @@ Encore
     .enableVersioning(Encore.isProduction())
 
     .configureBabel((config) => {
-        config.plugins.push('@babel/plugin-proposal-class-properties');
+        // config.plugins.push('@babel/plugin-proposal-class-properties');
     })
 
     // enables @babel/preset-env polyfills