From 526c5694fabf23060cf217b7d2d54d847dff1dc2 Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Tue, 9 May 2023 16:01:17 +0800
Subject: [PATCH] bulk import honey trap

---
 .../elements/UploadHoneyTrapCsvComponent.vue  | 69 +++++++++++++++++++
 resources/views/pages/settings.blade.php      |  5 ++
 2 files changed, 74 insertions(+)
 create mode 100644 resources/assets/vue/components/companies/elements/UploadHoneyTrapCsvComponent.vue

diff --git a/resources/assets/vue/components/companies/elements/UploadHoneyTrapCsvComponent.vue b/resources/assets/vue/components/companies/elements/UploadHoneyTrapCsvComponent.vue
new file mode 100644
index 00000000..9daf132c
--- /dev/null
+++ b/resources/assets/vue/components/companies/elements/UploadHoneyTrapCsvComponent.vue
@@ -0,0 +1,69 @@
+<template>
+    <div class="row">
+        <div class="col">
+            <div class="row" @keyup.enter="submitForm">
+                <div class="col ml-md-3 ml-0 mt-md-0 mt-3 bg-white padding-15">
+                    <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="$store.getters.isLoading(section)"></loading-component>
+                    <div class="row" v-show="!$store.getters.isLoading(section)">
+                        <div class="col">
+                            <div class="row m-b-10">
+                                <div class="col">
+                                    <div class="font-heading fs-16 all-caps bold m-b-15">Upload Honey Trap Csv</div>
+                                </div>
+                            </div>
+                            <error-message-component class="m-b-20" :error="error"></error-message-component>
+                            <div class="row">
+                                <div class="col">
+                                    <file-input-component :validator="$v.files" v-model="files">
+                                        <template slot="label">
+                                            <div class="font-heading fs-11 text-primary all-caps">Honey Trap Csv</div>
+                                        </template>
+                                    </file-input-component>
+                                </div>
+                            </div>
+                            <div class="row m-t-20">
+                                <div class="col">
+                                    <div class="row">
+                                        <div class="col">
+                                            <button type="button" class="btn btn-block p-t-10 p-b-10 p-r-35 p-l-35 btn-success b-rad-none" @click="submitForm">Upload & Update</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import ModalFromHandler from '../../../general/mixins/modalFormHandler'
+    import { required } from "vuelidate/lib/validators";
+    export default {
+        data(){
+            return {
+                files: [],
+                parameters: {}
+            }
+        },
+        validations: {
+            files: {
+                required
+            }
+        },
+        methods: {
+            submitForm(){
+
+                this.parameters = {
+                    files: this.files
+                };
+
+                this.submit(this.route('api.debtor.import'), 'post', this.section, true, false)
+            },
+        },
+        mixins: [ModalFromHandler]
+
+    }
+</script>
\ No newline at end of file
diff --git a/resources/views/pages/settings.blade.php b/resources/views/pages/settings.blade.php
index 100fb380..a7f735cb 100644
--- a/resources/views/pages/settings.blade.php
+++ b/resources/views/pages/settings.blade.php
@@ -321,6 +321,11 @@
                                                 <seasonal-segment-section-component></seasonal-segment-section-component>
                                             </div>
                                         </div>
+                                        <div class="row m-b-20">
+                                            <div class="col">
+                                                <upload-honey-trap-csv-component section="uploadHoneyTrapCsvComponent"></upload-honey-trap-csv-component>
+                                            </div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>