Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #438 from hotwax/#437_cycle_count_bulk_upload
Implemented: Added cycle count bulk import functionality (#437).
- Loading branch information
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,106 @@ | ||
| <template> | ||
| <ion-header> | ||
| <ion-toolbar> | ||
| <ion-buttons slot="start"> | ||
| <ion-button @click="closeModal"> | ||
| <ion-icon :icon="close" /> | ||
| </ion-button> | ||
| </ion-buttons> | ||
| <ion-title>{{ translate("CSV Mapping") }}</ion-title> | ||
| </ion-toolbar> | ||
| </ion-header> | ||
|
|
||
| <ion-item> | ||
| <ion-input :label="translate('Mapping name')" :placeholder="translate('Field mapping name')" v-model="mappingName" /> | ||
| </ion-item> | ||
|
|
||
| <ion-content class="ion-padding"> | ||
| <div> | ||
| <ion-list> | ||
| <ion-item :key="field" v-for="(fieldValues, field) in getFields()"> | ||
| <ion-select :label="translate(fieldValues.label)" interface="popover" :placeholder = "translate('Select')" v-model="fieldMapping[field]"> | ||
| <ion-select-option :key="index" v-for="(prop, index) in fileColumns">{{ prop }}</ion-select-option> | ||
| </ion-select> | ||
| </ion-item> | ||
| </ion-list> | ||
| </div> | ||
| <ion-fab vertical="bottom" horizontal="end" slot="fixed"> | ||
| <ion-fab-button @click="saveMapping"> | ||
| <ion-icon :icon="saveOutline" /> | ||
| </ion-fab-button> | ||
| </ion-fab> | ||
| </ion-content> | ||
| </template> | ||
|
|
||
| <script setup> | ||
| import { | ||
| IonButtons, | ||
| IonButton, | ||
| IonContent, | ||
| IonFab, | ||
| IonFabButton, | ||
| IonHeader, | ||
| IonIcon, | ||
| IonInput, | ||
| IonSelect, | ||
| IonSelectOption, | ||
| IonTitle, | ||
| IonToolbar, | ||
| IonItem, | ||
| IonList, | ||
| onIonViewDidEnter, | ||
|
Check warning on line 51 in src/components/CreateMappingModal.vue
|
||
| modalController | ||
| } from '@ionic/vue'; | ||
| import { close, save, saveOutline } from "ionicons/icons"; | ||
|
Check warning on line 55 in src/components/CreateMappingModal.vue
|
||
| import { computed, defineProps, onMounted, ref } from "vue"; | ||
| import { useStore } from "vuex"; | ||
| import { showToast } from '@/utils'; | ||
| import { translate } from "@hotwax/dxp-components"; | ||
| const store = useStore(); | ||
| const props = defineProps(["content", "seletedFieldMapping", "mappingType"]) | ||
| const fieldMappings = computed(() => store.getters["user/getFieldMappings"]) | ||
| let mappingName = ref(null) | ||
| let fieldMapping = ref ({}) | ||
| let fileColumns = ref([]) | ||
| let identificationTypeId = ref('SKU') | ||
|
Check warning on line 69 in src/components/CreateMappingModal.vue
|
||
| onMounted(() => { | ||
| fieldMapping.value = { ...props.seletedFieldMapping } | ||
| fileColumns.value = Object.keys(props.content[0]); | ||
| }) | ||
| function getFields() { | ||
| const fields = process.env["VUE_APP_MAPPING_" + props.mappingType]; | ||
| return fields ? JSON.parse(fields) : {}; | ||
| } | ||
| function closeModal() { | ||
| modalController.dismiss({ dismissed: true }); | ||
| } | ||
| async function saveMapping() { | ||
| if(!mappingName.value) { | ||
| showToast(translate("Enter mapping name")); | ||
| return | ||
| } | ||
| if (!areAllFieldsSelected()) { | ||
| showToast(translate("Map all fields")); | ||
| return | ||
| } | ||
| const id = generateUniqueMappingPrefId(); | ||
| await store.dispatch("user/createFieldMapping", { id, name: mappingName.value, value: fieldMapping.value, mappingType: props.mappingType }) | ||
| closeModal(); | ||
| } | ||
| function areAllFieldsSelected() { | ||
| return Object.values(fieldMapping.value).every(field => field !== ""); | ||
| } | ||
| //Todo: Generating unique identifiers as we are currently storing in local storage. Need to remove it as we will be storing data on server. | ||
| function generateUniqueMappingPrefId() { | ||
| const id = Math.floor(Math.random() * 1000); | ||
| return !fieldMappings.value[id] ? id : this.generateUniqueMappingPrefId(); | ||
| } | ||
| </script> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.