{"version":3,"sources":["webpack:///./src/views/ui-elements/saleshunter/DocumenttoCustomer.vue","webpack:///src/views/ui-elements/saleshunter/DocumenttoCustomer.vue","webpack:///./src/views/ui-elements/saleshunter/DocumenttoCustomer.vue?e3aa","webpack:///./src/views/ui-elements/saleshunter/DocumenttoCustomer.vue?b290","webpack:///./src/views/ui-elements/saleshunter/DocumenttoCustomer.vue?6663"],"names":["render","_vm","this","_c","_self","ref","_v","attrs","customerDropdown","on","populateData","model","value","customer","callback","$$v","expression","staticClass","itemsPerPage","document","scopedSlots","_u","key","fn","_ref","data","_l","tr","indextr","_s","revision","documentNr","createdate","formatDate","replace","split","$event","stopPropagation","showStatusPrompt","deleteData","selected","slot","addNewData","currentPage","length","statusPromptActive","documentDropdown","addDocumentDB","promptdata","statusPromptActiveViewer","myData","staticRenderFns","customerID","documentID","accountID","datetime","configdateTimePicker","enableTime","dateFormat","date2","sidebarData","isMounted","components","flatPickr","vSelect","computed","$refs","gridTable","currentx","mounted","loadcustomer","methods","moment","String","format","successNotify","$vs","notify","title","text","color","FailedNotify","self","mydata","myFile","GetGrid","getDocumentation","filter","item","documentID2","showLoadingOnElement","onSuccess","response","onFinally","loading","close","$el","$ajaxGet","element","scale","type","container","whenDone","map","label","name","id","statusPrompt","cid","did","component"],"mappings":"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","file":"js/chunk-fa12b08a.ee56ebe4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('vx-card',{ref:\"MainCard\"},[_c('div',[_c('div',[_c('label',[_vm._v(\"Customer Name\")]),_c('v-select',{attrs:{\"options\":_vm.customerDropdown,\"placeholder\":\"Search / Select Customer\"},on:{\"search:blur\":_vm.populateData},model:{value:(_vm.customer),callback:function ($$v) {_vm.customer=$$v},expression:\"customer\"}})],1),_c('vs-table',{ref:\"gridTable\",staticClass:\"vs-con-loading__container\",attrs:{\"pagination\":\"\",\"max-items\":_vm.itemsPerPage,\"search\":\"\",\"data\":_vm.document},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":tr.customer}},[_vm._v(_vm._s(tr.customer))]),_c('vs-td',{attrs:{\"data\":tr.document}},[_vm._v(_vm._s(tr.document))]),_c('vs-td',{attrs:{\"data\":tr.revision}},[_vm._v(_vm._s(tr.revision))]),_c('vs-td',{attrs:{\"data\":tr.documentNr}},[_vm._v(_vm._s(tr.documentNr))]),_c('vs-td',{attrs:{\"data\":tr.createdate}},[_vm._v(_vm._s(_vm.formatDate(tr.createdate.replace(\"T\", \" \").split('.')[0])))]),_c('vs-td',{staticClass:\"whitespace-no-wrap\"},[_c('feather-icon',{attrs:{\"icon\":\"EyeIcon\",\"svgClasses\":\"w-5 h-5 hover:text-primary stroke-current\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.showStatusPrompt(tr)}}}),_c('feather-icon',{staticClass:\"ml-2\",attrs:{\"icon\":\"TrashIcon\",\"svgClasses\":\"w-5 h-5 hover:text-danger stroke-current\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.deleteData(tr)}}})],1)],1)})}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{ref:\"addNew\",staticClass:\"p-3 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary border border-solid border-primary\",on:{\"click\":_vm.addNewData}},[_c('feather-icon',{attrs:{\"icon\":\"PlusIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"ml-2 text-base text-primary\"},[_vm._v(\"Assign System documents\")])],1),_c('vs-dropdown',{staticClass:\"cursor-pointer mr-4\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 border border-solid border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.currentPage * _vm.itemsPerPage - (_vm.itemsPerPage - 1))+\" - \"+_vm._s(_vm.document.length - _vm.currentPage * _vm.itemsPerPage > 0 ? _vm.currentPage * _vm.itemsPerPage : _vm.document.length)+\" of \"+_vm._s(_vm.document.length))]),_c('feather-icon',{attrs:{\"icon\":\"ChevronDownIcon\",\"svgClasses\":\"h-4 w-4\"}})],1),_c('vs-dropdown-menu',[_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=10}}},[_c('span',[_vm._v(\"10\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=20}}},[_c('span',[_vm._v(\"20\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=50}}},[_c('span',[_vm._v(\"50\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=100}}},[_c('span',[_vm._v(\"100\")])])],1)],1)],1),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"customer\"}},[_vm._v(\"Customer\")]),_c('vs-th',{attrs:{\"sort-key\":\"Document\"}},[_vm._v(\"Document\")]),_c('vs-th',{attrs:{\"sort-key\":\"revision\"}},[_vm._v(\"Revision\")]),_c('vs-th',{attrs:{\"sort-key\":\"documentNr\"}},[_vm._v(\"Control Number\")]),_c('vs-th',{attrs:{\"sort-key\":\"createdate\"}},[_vm._v(\"Uploaded\")]),_c('vs-th',[_vm._v(\"Action\")])],1)],2)],1),_c('vs-prompt',{ref:\"statusPrompt\",attrs:{\"title\":\"Documentation to customer\",\"acceptText\":\"Add Document\",\"cancelText\":\"Cancel\",\"active\":_vm.statusPromptActive},on:{\"cancel\":function($event){_vm.documentDropdown=0},\"accept\":_vm.addDocumentDB,\"update:active\":function($event){_vm.statusPromptActive=$event}}},[_c('div',{staticClass:\"con-exemple-prompt\"},[_c('div',[_c('label',[_vm._v(\"Document\")]),_c('v-select',{attrs:{\"placeholder\":\"Choose file\",\"options\":_vm.promptdata},model:{value:(_vm.documentDropdown),callback:function ($$v) {_vm.documentDropdown=$$v},expression:\"documentDropdown\"}})],1)])]),_c('vs-prompt',{ref:\"statusPrompt\",attrs:{\"title\":\"Viewer\",\"acceptText\":\"Close\",\"active\":_vm.statusPromptActiveViewer},on:{\"update:active\":function($event){_vm.statusPromptActiveViewer=$event}}},[_c('div',[_c('iframe',{attrs:{\"src\":_vm.myData,\"frameborder\":\"0\"}})])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: LoadingDefault.vue\r\n    Description: Add default loading to your application\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n    CRUD_Account_Get CRUD_Account_Get\r\n    https://localhost:44341/api/FAMS/SP_JsonResult?storeproc=CRUD_Account_Get&parameters=1\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n  <div>\r\n   \r\n    <vx-card ref=\"MainCard\">\r\n      <div>\r\n        <div >\r\n          <label>Customer Name</label>  \r\n                <v-select  :options=\"customerDropdown\" placeholder=\"Search / Select Customer\"  v-model=\"customer\"  @search:blur=\"populateData\" />\r\n              </div>\r\n        <vs-table\r\n          ref=\"gridTable\"\r\n          v-model=\"selected\"\r\n          pagination\r\n          :max-items=\"itemsPerPage\"\r\n          search\r\n          :data=\"document\"\r\n          class=\"vs-con-loading__container\"\r\n        >\r\n          <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow\">\r\n            <!-- ADD NEW -->\r\n              \r\n\r\n              <div\r\n              ref=\"addNew\"\r\n              class=\"p-3 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary border border-solid border-primary\"\r\n              @click=\"addNewData\"\r\n            >\r\n              <feather-icon icon=\"PlusIcon\" svgClasses=\"h-4 w-4\" />\r\n              <span class=\"ml-2 text-base text-primary\">Assign System documents</span>\r\n            </div>\r\n            \r\n\r\n            <!-- ITEMS PER PAGE -->\r\n            <vs-dropdown vs-trigger-click class=\"cursor-pointer mr-4\">\r\n              <div\r\n                class=\"p-4 border border-solid border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\"\r\n              >\r\n                <span\r\n                  class=\"mr-2\"\r\n                >{{ currentPage * itemsPerPage - (itemsPerPage - 1) }} - {{ document.length - currentPage * itemsPerPage > 0 ? currentPage * itemsPerPage : document.length }} of {{ document.length }}</span>\r\n                <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\r\n              </div>\r\n              <!-- <vs-button class=\"btn-drop\" type=\"line\" color=\"primary\" icon-pack=\"feather\" icon=\"icon-chevron-down\"></vs-button> -->\r\n              <vs-dropdown-menu>\r\n                <vs-dropdown-item @click=\"itemsPerPage=10\">\r\n                  <span>10</span>\r\n                </vs-dropdown-item>\r\n                <vs-dropdown-item @click=\"itemsPerPage=20\">\r\n                  <span>20</span>\r\n                </vs-dropdown-item>\r\n                <vs-dropdown-item @click=\"itemsPerPage=50\">\r\n                  <span>50</span>\r\n                </vs-dropdown-item>\r\n                <vs-dropdown-item @click=\"itemsPerPage=100\">\r\n                  <span>100</span>\r\n                </vs-dropdown-item>\r\n              </vs-dropdown-menu>\r\n            </vs-dropdown>\r\n          </div>\r\n\r\n          <template slot=\"thead\">\r\n            <vs-th sort-key=\"customer\">Customer</vs-th>\r\n            <vs-th sort-key=\"Document\">Document</vs-th>\r\n            <vs-th sort-key=\"revision\">Revision</vs-th>\r\n           <vs-th sort-key=\"documentNr\">Control Number</vs-th>\r\n           <vs-th sort-key=\"createdate\">Uploaded</vs-th>\r\n            <vs-th>Action</vs-th>\r\n          </template>\r\n          <!-- visible: false -->\r\n          <template slot-scope=\"{data}\">\r\n            <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n              <vs-td :data=\"tr.customer\">{{tr.customer}}</vs-td>\r\n              <vs-td :data=\"tr.document\">{{tr.document}}</vs-td>\r\n              <vs-td :data=\"tr.revision\">{{tr.revision}}</vs-td>\r\n              <vs-td :data=\"tr.documentNr\">{{tr.documentNr}}</vs-td>\r\n              <vs-td :data=\"tr.createdate\">{{formatDate(tr.createdate.replace(\"T\", \" \").split('.')[0])}}</vs-td>\r\n              <vs-td class=\"whitespace-no-wrap\">\r\n                <feather-icon\r\n                  icon=\"EyeIcon\"\r\n                  svgClasses=\"w-5 h-5 hover:text-primary stroke-current\"           \r\n                  @click.stop=\"showStatusPrompt(tr)\"\r\n                />\r\n                <feather-icon\r\n                  icon=\"TrashIcon\"\r\n                  svgClasses=\"w-5 h-5 hover:text-danger stroke-current\"\r\n                  class=\"ml-2\"\r\n                  @click.stop=\"deleteData(tr)\"\r\n                />\r\n              </vs-td>\r\n              \r\n            </vs-tr>\r\n          </template>\r\n        </vs-table>\r\n      </div>\r\n       <vs-prompt\r\n        ref=\"statusPrompt\"\r\n        title=\"Documentation to customer\"\r\n        acceptText=\"Add Document\"\r\n        cancelText=\"Cancel\"\r\n        @cancel=\"documentDropdown=0\"\r\n        @accept=\"addDocumentDB\"\r\n        :active.sync=\"statusPromptActive\">\r\n        <div class=\"con-exemple-prompt\">\r\n          <div>\r\n            <label>Document</label>\r\n            <v-select placeholder=\"Choose file\" :options=\"promptdata\" v-model=\"documentDropdown\"></v-select>\r\n          </div>\r\n        </div>\r\n      </vs-prompt>\r\n\r\n      <vs-prompt\r\n        ref=\"statusPrompt\"\r\n        title=\"Viewer\"\r\n        acceptText=\"Close\"\r\n        :active.sync=\"statusPromptActiveViewer\">\r\n         <div>\r\n            <iframe :src=\"myData\" frameborder=\"0\" > </iframe>\r\n        </div>\r\n      </vs-prompt>\r\n\r\n    </vx-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport flatPickr from \"vue-flatpickr-component\";\r\nimport \"flatpickr/dist/flatpickr.css\";\r\nimport moment from \"moment\";\r\nimport vSelect from \"vue-select\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      statusPromptActiveViewer: false,\r\n      customerID:0,\r\n      customer:0,\r\n      documentID:0,\r\n      documentDropdown: 0,\r\n\r\n      accountID:0,\r\n      statusPromptActive: false,\r\n      promptdata: [],\r\n      customerDropdown:[],\r\n\r\n      itemsPerPage: 10,\r\n    \r\n      selected: [],\r\n      document: [],\r\n    \r\n      datetime: null,\r\n      configdateTimePicker: {\r\n        enableTime: true,\r\n        dateFormat: \"Y/m/d h:m\"\r\n      },\r\n      date2: null,\r\n      sidebarData: {},\r\n      isMounted: false,\r\n    };\r\n  },\r\n  components: {\r\n    flatPickr  ,\r\n    \"v-select\": vSelect\r\n  },\r\n  computed: {\r\n    currentPage() {\r\n      if (this.isMounted) {\r\n        return this.$refs.gridTable.currentx;\r\n      }\r\n      return 0;\r\n    }\r\n  },\r\n  mounted() {\r\n    this.loadcustomer();\r\n    this.isMounted = true;\r\n  },\r\n  methods: {\r\n    formatDate: function(value) {\r\n      if (value) {\r\n        return moment(String(value)).format(\"YYYY-MM-DD\");\r\n      }\r\n    },\r\n\r\n     successNotify() {\r\n      this.$vs.notify({\r\n        title: 'Successfully',\r\n        text: 'Item successfully added | updated | removed',\r\n        color: 'success'\r\n      })\r\n    },\r\n  FailedNotify() {\r\n      this.$vs.notify({\r\n        title: 'Not Successfull',\r\n        text: 'Item not added',\r\n        color: 'danger'\r\n      })\r\n    },\r\n\r\n    //********************* Application events */\r\n     showStatusPrompt(data) {\r\n       var self = this;\r\n       self.mydata = data.myFile;\r\n       self.myData = 'data:application/pdf;base64,' + data.myFile\r\n       self.statusPromptActiveViewer = true;\r\n    },\r\n\r\n     populateData() {\r\n      var self = this;\r\n      //self.statusDropdown.value;\r\n      if (self.customer) {\r\n          self.customerID = self.customer.value;\r\n          self.GetGrid();\r\n        }\r\n      },\r\n\r\n     addNewData() {\r\n      var self = this;\r\n      self.getDocumentation(function () {\r\n        self.documentDropdown = self.promptdata.filter(function (item) { return item.value == self.documentID2; })[0];\r\n      });\r\n      self.statusPromptActive = true;\r\n    },\r\n\r\n    addDocumentDB() {\r\n      const self = this;\r\n      if(self.documentDropdown){\r\n        self.documentID = self.documentDropdown.value;\r\n        self.showLoadingOnElement(\"gridTable\", 1, \"radius\");\r\n        var onSuccess = function(response) {\r\n            self.GetGrid();\r\n          };\r\n          var onFinally = function() {\r\n            self.$vs.loading.close(self.$refs.gridTable.$el);\r\n            self.successNotify();\r\n          };\r\n          self.$ajaxGet(\r\n            self,\r\n            \"SalesSeeker/PerDocumentCustomerAdd?AccountID=1&CustomerID=\" + self.customerID  + \"&DocumentID=\" + self.documentID ,\r\n            onSuccess,\r\n            onFinally\r\n          );\r\n        }\r\n    },\r\n\r\n\r\n    showLoadingOnElement(element, scale, type) {\r\n      var self = this;\r\n      self.$vs.loading({\r\n        type: type,\r\n        container: self.$refs[element].$el,\r\n        scale: scale\r\n      });\r\n    },\r\n    //********************* SQL events */\r\n    getDocumentation(whenDone) {\r\n      const self = this;\r\n      // self.showLoadingOnElement(\"statusPrompt\", 1, \"radius\");\r\n\r\n      var onSuccess = function(response) {\r\n        self.promptdata = response.data.map((item) => {return {label: item.name, value: item.id} });\r\n        if (whenDone && typeof whenDone == \"function\")\r\n          whenDone();\r\n      };\r\n      var onFinally = function() {\r\n        self.$vs.loading.close(self.$refs.statusPrompt.$el);\r\n      };\r\n      self.$ajaxGet(\r\n        self,\r\n        \"SalesSeeker/SP_JsonResult?storeproc=CRUD_DocumentGeneric_Get&parameters=1\",\r\n        onSuccess,\r\n        onFinally\r\n      );\r\n    },\r\n\r\n    loadcustomer() {\r\n      const self = this;\r\n      // self.showLoadingOnElement(\"customerTable\", 1, \"radius\");\r\n      var onSuccess = function(response) {\r\n        self.customerDropdown = response.data.map(function(item) {\r\n          //return { text: item.customer, value: item.id };\r\n          return { label: item.customer, value: item.id };\r\n        });\r\n      };\r\n      var onFinally = function() {\r\n        // self.$vs.loading.close(self.$refs.categorySelect.$el);\r\n      };\r\n      self.$ajaxGet(\r\n        self,\r\n        \"SalesSeeker/SP_JsonResult?storeproc=CRUD_Customer_GetGrid&parameters=1\",\r\n        onSuccess,\r\n        onFinally\r\n      );\r\n    },\r\n  \r\n  \r\n    deleteData(data) {\r\n      const self = this;\r\n      self.showLoadingOnElement(\"gridTable\", 1, \"radius\");\r\n      var onSuccess = function(response) {\r\n        self.GetGrid();\r\n      };\r\n      var onFinally = function() {\r\n        self.$vs.loading.close(self.$refs.gridTable.$el);\r\n         self.successNotify();\r\n      };\r\n      self.$ajaxGet(\r\n        self,\r\n        \"SalesSeeker/PerDocumentCustomerRemove?AccountID=1&CustomerID=\" + data.cid  + \"&DocumentID=\" + data.did ,\r\n        onSuccess,\r\n        onFinally\r\n      );\r\n    },\r\n     \r\n    GetGrid() {\r\n      const self = this;\r\n      self.showLoadingOnElement(\"gridTable\", 1, \"radius\");\r\n\r\n      var onSuccess = function(response) {\r\n        self.document = response.data;\r\n      };\r\n      var onFinally = function() {\r\n        self.$vs.loading.close(self.$refs.gridTable.$el);\r\n      };\r\n      self.$ajaxGet(\r\n        self,\r\n         \"SalesSeeker/PerDocumentCustomerGet?AccountID=1&CustomerID=\" + self.customerID ,\r\n        onSuccess,\r\n        onFinally\r\n      );\r\n    },\r\n\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n \r\n</style>\r\n<style lang=\"stylus\">\r\n.con-exemple-prompt\r\n  padding 10px;\r\n  padding-bottom 0px;\r\n  .vs-input\r\n    width 100%\r\n    margin-top 10px;\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DocumenttoCustomer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DocumenttoCustomer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DocumenttoCustomer.vue?vue&type=template&id=2b95976c&scoped=true\"\nimport script from \"./DocumenttoCustomer.vue?vue&type=script&lang=js\"\nexport * from \"./DocumenttoCustomer.vue?vue&type=script&lang=js\"\nimport style1 from \"./DocumenttoCustomer.vue?vue&type=style&index=1&id=2b95976c&prod&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2b95976c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DocumenttoCustomer.vue?vue&type=style&index=1&id=2b95976c&prod&lang=stylus\""],"sourceRoot":""}