From 988d6ba6cddffc690c2c0baac6100271c04a8449 Mon Sep 17 00:00:00 2001
From: amansinghbais <singh11amanbais@gmail.com>
Date: Mon, 15 Jan 2024 19:02:13 +0530
Subject: [PATCH] Improved: code to remove unused ConfigureDateTimeFormatModal
 (#249)

---
 .../ConfigureDateTimeFormatModal.vue          | 153 ------------------
 1 file changed, 153 deletions(-)
 delete mode 100644 src/components/ConfigureDateTimeFormatModal.vue

diff --git a/src/components/ConfigureDateTimeFormatModal.vue b/src/components/ConfigureDateTimeFormatModal.vue
deleted file mode 100644
index 73d09df0..00000000
--- a/src/components/ConfigureDateTimeFormatModal.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <ion-header>
-    <ion-toolbar>
-      <ion-buttons slot="start">
-        <ion-button @click="closeModal"> 
-          <ion-icon :icon="close" />
-        </ion-button>
-      </ion-buttons>
-      <ion-title>{{ $t("Configure date time format") }}</ion-title>
-    </ion-toolbar>
-  </ion-header>
-
-  <ion-content>
-    <ion-item>
-      <ion-label color="medium">{{ $t("CSV input") }}</ion-label>
-      <ion-label slot="end">{{ arrivalDate }}</ion-label>
-    </ion-item> 
-    <ion-item>
-      <ion-label color="medium">{{ $t("Expected input") }}</ion-label>
-      <ion-label slot="end">{{ currentDate }}</ion-label>
-    </ion-item>
-    <ion-item lines="full">
-      <ion-label>{{ $t("Custom date format") }}</ion-label>
-      <ion-input clear-input='true' @keyup.enter="dateTimeFormat = $event.target.value;" v-model="dateTimeFormat" :value="dateTimeFormat" :placeholder="defaultDateTimeFormat" />
-    </ion-item>
-
-    <ion-item lines="none">
-      <a href="https://moment.github.io/luxon/#/formatting?id=table-of-tokens" target="_blank">{{ $t('View all date time formats supported by the HotWax Import app.') }}</a>
-    </ion-item>
-          
-    <ion-item class="ion-margin-top">
-      <ion-label color="medium">{{ $t("Parsed output") }}</ion-label>
-      <ion-label slot="end">{{ isDateInvalid(arrivalDate) ? $t("Invalid input") : arrivalDate }}</ion-label>
-      <ion-icon slot="end" color="danger" v-if="isDateInvalid(arrivalDate)" :icon="warningOutline"></ion-icon>
-    </ion-item>
-
-    <ion-item lines="none">
-      <ion-label class="ion-text-wrap" color="medium">
-        {{ $t("Changes to the date time format will cause edits done to your PO to be reverted.") }}
-      </ion-label>
-    </ion-item>
-
-    <ion-fab vertical="bottom" horizontal="end" slot="fixed">
-      <ion-fab-button @click="save()">
-        <ion-icon :icon="saveOutline" />
-      </ion-fab-button>
-    </ion-fab>
-  </ion-content>
-</template>
-
-<script lang="ts">
-import { 
-  IonButtons,
-  IonButton,
-  IonContent,
-  IonFab,
-  IonFabButton,
-  IonHeader,
-  IonItem,
-  IonIcon,
-  IonInput,
-  IonLabel,
-  IonTitle,
-  IonToolbar,
-  modalController,
-  alertController } from "@ionic/vue";
-import { defineComponent } from "vue";
-import { close, saveOutline, warningOutline } from "ionicons/icons";
-import { mapGetters } from 'vuex';
-import { DateTime } from 'luxon';
-import { useStore } from "@/store";
-
-export default defineComponent({
-  name: "ConfigureDateTimeFormatModal",
-  props: ["arrivalDate"],
-  data() {
-    return {
-      currentDate: '',
-      dateTimeFormat: '',
-      defaultDateTimeFormat: process.env.VUE_APP_DATE_FORMAT ? process.env.VUE_APP_DATE_FORMAT : 'MM/dd/yyyy'
-    }
-  },
-  computed: {
-    ...mapGetters({
-      currentDateTimeFormat: 'user/getPreferredDateTimeFormat'
-    })
-  },
-  mounted(){
-    this.dateTimeFormat = this.currentDateTimeFormat
-    this.currentDate = DateTime.now().toFormat(this.dateTimeFormat)
-  },
-  methods: {
-    closeModal() {
-      modalController.dismiss({ dismissed: true });
-    },
-    async save() {
-      const message = this.$t("Are you sure you want to change the date time format?");
-      const alert = await alertController.create({
-        header: this.$t("Update date time format"),
-        message,
-        buttons: [
-          {
-            text: this.$t("Cancel"),
-          },
-          {
-            text: this.$t("Confirm"),
-            handler: () => {
-              this.updateDateTimeFormat();
-            }
-          }
-        ],
-      });
-      return alert.present();
-    },
-    isDateInvalid(date: string) {
-      return !DateTime.fromFormat(date, this.dateTimeFormat).isValid
-    },
-    updateDateTimeFormat(){
-      this.dateTimeFormat = this.dateTimeFormat ? this.dateTimeFormat : this.defaultDateTimeFormat
-      this.store.dispatch('user/setPreferredDateTimeFormat', this.dateTimeFormat).then(() => this.closeModal());
-    },
-  },
-  setup() {
-    const store = useStore();
-    return {
-      close,
-      saveOutline,
-      store,
-      warningOutline
-    };
-  },
-  components: { 
-    IonButtons,
-    IonButton,
-    IonContent,
-    IonFab,
-    IonFabButton,
-    IonHeader,
-    IonIcon,
-    IonItem,
-    IonInput,
-    IonLabel,
-    IonTitle,
-    IonToolbar 
-    },
-});
-</script>
-
-<style scoped>
-a {
-  text-decoration: none;
-}
-</style>
\ No newline at end of file