{"version":3,"sources":["webpack:///./src/views/content/companies/CompanyList.vue?e8ae","webpack:///src/views/content/companies/CompanyList.vue","webpack:///./src/views/content/companies/CompanyList.vue?c86f","webpack:///./src/views/content/companies/CompanyList.vue","webpack:///./src/misc/jsonHtmlPrinter.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","ref","itemsPerPage","companies","scopedSlots","_u","key","fn","data","_l","company","indextr","on","$event","goToCompanyDetail","company_id","_v","_s","name","active","_e","slot","showCreateCompanyDialog","currentPage","length","showCreateCompanyDialogFlag","createCompany","model","value","newCompanyModel","callback","$$v","$set","expression","staticRenderFns","component","injected","toHtml","json","injectJsonStyle","JSON","stringify","undefined","replace","match","cls","test","css","document","createElement","appendChild","createTextNode","getElementsByTagName"],"mappings":"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","file":"js/chunk-5ba4bec0.ecead6c3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{attrs:{\"id\":\"main-container\"}},[_c('div',{staticClass:\"data-list-container\",attrs:{\"id\":\"algolia-content-container\"}},[_c('vs-table',{ref:\"table\",staticClass:\"pb-5\",attrs:{\"search\":\"\",\"pagination\":\"\",\"max-items\":_vm.itemsPerPage,\"data\":_vm.companies},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(company,indextr){return _c('tbody',{key:indextr,attrs:{\"data\":company},on:{\"click\":function($event){return _vm.goToCompanyDetail(company.company_id)}}},[_c('vs-tr',{staticClass:\"cursor-pointer\"},[_c('vs-td',[_c('p',{staticClass:\"product-name font-medium truncate\"},[_vm._v(_vm._s(company.company_id))])]),_c('vs-td',[_c('p',{staticClass:\"product-name font-medium truncate\"},[_vm._v(_vm._s(company.name))])]),_c('vs-td',[(company.active === 1)?_c('vs-chip',{attrs:{\"color\":\"success\"}},[_vm._v(\"Yes\")]):_vm._e(),(company.active === 0)?_c('vs-chip',{attrs:{\"color\":\"warning\"}},[_vm._v(\"No\")]):_vm._e()],1)],1)],1)})}}])},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow justify-between\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"border\",\"icon-after\":\"\",\"icon\":\"add\"},on:{\"click\":_vm.showCreateCompanyDialog}},[_vm._v(\"Add New Company\")]),_c('vs-dropdown',{staticClass:\"cursor-pointer mb-4 mr-4\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 border border-solid d-theme-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.companies.length - _vm.currentPage * _vm.itemsPerPage > 0 ? _vm.currentPage * _vm.itemsPerPage : _vm.companies.length)+\" of \"+_vm._s(_vm.companies.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=15}}},[_c('span',[_vm._v(\"15\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=25}}},[_c('span',[_vm._v(\"25\")])]),_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\":\"company_id\"}},[_vm._v(\"ID\")]),_c('vs-th',{attrs:{\"sort-key\":\"name\"}},[_vm._v(\"Name\")]),_c('vs-th',{attrs:{\"sort-key\":\"active\"}},[_vm._v(\"Active\")])],1)],2)],1)]),_c('vs-prompt',{attrs:{\"title\":\"New Company\",\"active\":_vm.showCreateCompanyDialogFlag},on:{\"accept\":_vm.createCompany,\"update:active\":function($event){_vm.showCreateCompanyDialogFlag=$event}}},[_c('div',[_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Company Name\"},model:{value:(_vm.newCompanyModel.name),callback:function ($$v) {_vm.$set(_vm.newCompanyModel, \"name\", $$v)},expression:\"newCompanyModel.name\"}})],1)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ECommerceShop.vue\n  Description: eCommerce Shop Page\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n    Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n  <div>\n    <div id=\"main-container\">\n\n      <div id=\"algolia-content-container\" class=\"data-list-container\">\n\n        <vs-table ref=\"table\" class=\"pb-5\" search pagination :max-items=\"itemsPerPage\" :data=\"companies\">\n\n          <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow justify-between\">\n\n            <vs-button color=\"primary\" type=\"border\" icon-after icon=\"add\" @click=\"showCreateCompanyDialog\">Add New Company</vs-button>\n\n            <!-- ITEMS PER PAGE -->\n            <vs-dropdown vs-trigger-click class=\"cursor-pointer mb-4 mr-4\">\n              <div class=\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\">\n                <span class=\"mr-2\">{{ currentPage * itemsPerPage - (itemsPerPage - 1) }} - {{ companies.length - currentPage * itemsPerPage > 0 ? currentPage * itemsPerPage : companies.length }} of {{ companies.length }}</span>\n                <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\n              </div>\n              <!-- <vs-button class=\"btn-drop\" type=\"line\" color=\"primary\" icon-pack=\"feather\" icon=\"icon-chevron-down\"></vs-button> -->\n              <vs-dropdown-menu>\n\n                <vs-dropdown-item @click=\"itemsPerPage=15\">\n                  <span>15</span>\n                </vs-dropdown-item>\n                <vs-dropdown-item @click=\"itemsPerPage=25\">\n                  <span>25</span>\n                </vs-dropdown-item>\n                <vs-dropdown-item @click=\"itemsPerPage=50\">\n                  <span>50</span>\n                </vs-dropdown-item>\n                <vs-dropdown-item @click=\"itemsPerPage=100\">\n                  <span>100</span>\n                </vs-dropdown-item>\n              </vs-dropdown-menu>\n            </vs-dropdown>\n          </div>\n\n\n          <template slot=\"thead\">\n            <vs-th sort-key=\"company_id\">ID</vs-th>\n            <vs-th sort-key=\"name\">Name</vs-th>\n            <vs-th sort-key=\"active\">Active</vs-th>\n          </template>\n\n          <template slot-scope=\"{data}\">\n            <tbody :data=\"company\" :key=\"indextr\" v-for=\"(company, indextr) in data\" @click=\"goToCompanyDetail(company.company_id)\">\n            <vs-tr class=\"cursor-pointer\">\n\n              <vs-td>\n                <p class=\"product-name font-medium truncate\">{{ company.company_id }}</p>\n              </vs-td>\n\n              <vs-td>\n                <p class=\"product-name font-medium truncate\">{{ company.name }}</p>\n              </vs-td>\n\n              <vs-td>\n                <vs-chip v-if=\"company.active === 1\" color=\"success\">Yes</vs-chip>\n                <vs-chip v-if=\"company.active === 0\" color=\"warning\">No</vs-chip>\n              </vs-td>\n\n            </vs-tr>\n            </tbody>\n          </template>\n\n        </vs-table>\n\n      </div>\n    </div>\n\n\n\n    <vs-prompt\n      @accept=\"createCompany\"\n      title=\"New Company\"\n      :active.sync=\"showCreateCompanyDialogFlag\">\n      <div>\n\n        <div class=\"vx-row mb-2\">\n          <div class=\"vx-col w-full\">\n            <vs-input\n              :label-placeholder=\"`Company Name`\"\n              v-model=\"newCompanyModel.name\"\n              class=\"w-full\"\n            />\n          </div>\n        </div>\n\n      </div>\n    </vs-prompt>\n\n<!--    <div v-html=\"jp.toHtml(companies)\"></div>-->\n  </div>\n</template>\n\n<script>\n  import api from '@/http/api';\n  import models from '@/models';\n  import jsonPrinter from '@/misc/jsonHtmlPrinter';\n\n  export default {\n    components: {},\n    data() {\n      return {\n        showCreateCompanyDialogFlag: false,\n        models: models,\n        isSearchStalled: false,\n        currentRefinement: true,\n        jp: jsonPrinter,\n\n        isMounted: false,\n        itemsPerPage: 25,\n\n        companies: [new models.Company()],\n\n        newCompanyModel: new models.Company(),\n      }\n    },\n    mounted() {\n      this.isMounted = true;\n      this.fetchCompanies();\n    },\n    computed: {\n      currentPage() {\n        if(this.isMounted) {\n          return this.$refs.table.currentx\n        }\n        return 0\n      },\n    },\n    methods: {\n      async goToCompanyDetail(companyId) {\n        this.showCreateCompanyDialogFlag = false;\n        // just give the UI enough time to close the dialog\n        await new Promise(resolve => setTimeout(resolve, 300));\n        this.$router.push(`/content/companies/detail?id=${companyId}`).catch(() => {\n        });\n      },\n      showCreateCompanyDialog() {\n        this.newCompanyModel = new models.Company();\n        this.showCreateCompanyDialogFlag = true;\n\n      },\n      async createCompany() {\n        if (this.newCompanyModel.name === '') return;\n        this.isSearchStalled = true;\n\n        let newCompany = await api.createNewCompany(this.newCompanyModel);\n        this.isSearchStalled = false;\n\n        if (newCompany !== null && newCompany.company_id > 0) {\n          this.goToCompanyDetail(newCompany.company_id);\n        } else {\n          this.$vs.notify({\n            title: 'Error',\n            text: 'Error creating company',\n            color: 'danger',\n            icon: 'error'});\n        }\n\n      },\n      async fetchCompanies() {\n        this.isSearchStalled = true;\n        let companiesObj = await api.fetchAllCompanies();\n\n        this.companies = companiesObj.companies;\n        this.isSearchStalled = false;\n      },\n\n    },\n  }\n\n</script>\n\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!./CompanyList.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!./CompanyList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompanyList.vue?vue&type=template&id=4e1d38a4&\"\nimport script from \"./CompanyList.vue?vue&type=script&lang=js&\"\nexport * from \"./CompanyList.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","\nlet injected = false;\nexport default {\n\n  toHtml(json) {\n    this.injectJsonStyle();\n    if (typeof json != 'string') {\n      json = JSON.stringify(json, undefined, 2);\n    }\n    json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\\n/g, '<br/>').replace(/\\s/g, '&nbsp;');\n    return json.replace(/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?)/g, function (match) {\n      var cls = 'number';\n      if (/^\"/.test(match)) {\n        if (/:$/.test(match)) {\n          cls = 'j-html-key';\n        } else {\n          cls = 'j-html-string';\n        }\n      } else if (/true|false/.test(match)) {\n        cls = 'j-html-boolean';\n      } else if (/null/.test(match)) {\n        cls = 'j-html-null';\n      }\n      return '<span class=\"' + cls + '\">' + match + '</span>';\n    });\n  },\n\n  injectJsonStyle() {\n    // only inject once\n    if (injected) return;\n    let css = document.createElement('style');\n    // css.type = 'text/css';\n    css.appendChild(document.createTextNode('pre{outline:1px solid #ccc;padding:5px;margin:5px}.j-html-string{color:green}.number{color:#ff8c00}.j-html-boolean{color:#00f}.j-html-null{color:#ff00ff}.j-html-key{color:red}')); // Support for the rest\n    document.getElementsByTagName(\"head\")[0].appendChild(css);\n    injected = true;\n  }\n}\n"],"sourceRoot":""}