/home/henzagold/admin_report/js/

File Upload :
llllll

Current File: //home/henzagold/admin_report/js/chunk-186b4d29.63a078e0.js.map
{"version":3,"sources":["webpack:///./src/views/ui-elements/data-list/thumb-view/DataListThumbView.vue?6f04","webpack:///./src/views/ui-elements/data-list/thumb-view/DataListThumbView.vue","webpack:///src/views/ui-elements/data-list/thumb-view/DataListThumbView.vue","webpack:///./src/views/ui-elements/data-list/thumb-view/DataListThumbView.vue?7ed0","webpack:///./src/views/ui-elements/data-list/thumb-view/DataListThumbView.vue?a256"],"names":["render","_vm","this","_c","_self","staticClass","attrs","addNewDataSidebar","sidebarData","on","toggleDataSidebar","ref","itemsPerPage","products","scopedSlots","_u","key","fn","data","_l","tr","indextr","img","_v","_s","name","category","Number","popularity","getPopularityColor","getOrderStatusColor","order_status","_f","price","$event","stopPropagation","editData","deleteData","id","model","value","selected","callback","$$v","expression","slot","addNewData","currentPage","length","queriedItems","staticRenderFns","components","DataViewSidebar","isMounted","computed","methods","console","created","moduleDataList","mounted","component"],"mappings":"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","file":"js/chunk-186b4d29.63a078e0.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataListThumbView.vue?vue&type=style&index=0&id=94ffad56&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"data-list-container\",attrs:{\"id\":\"data-list-thumb-view\"}},[_c('data-view-sidebar',{attrs:{\"isSidebarActive\":_vm.addNewDataSidebar,\"data\":_vm.sidebarData},on:{\"closeSidebar\":_vm.toggleDataSidebar}}),_c('vs-table',{ref:\"table\",attrs:{\"multiple\":\"\",\"pagination\":\"\",\"max-items\":_vm.itemsPerPage,\"search\":\"\",\"data\":_vm.products},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return [_c('tbody',_vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{staticClass:\"img-container\"},[_c('img',{staticClass:\"product-img\",attrs:{\"src\":tr.img}})]),_c('vs-td',[_c('p',{staticClass:\"product-name font-medium truncate\"},[_vm._v(_vm._s(tr.name))])]),_c('vs-td',[_c('p',{staticClass:\"product-category\"},[_vm._v(_vm._s(tr.category))])]),_c('vs-td',[_c('vs-progress',{staticClass:\"shadow-md\",attrs:{\"percent\":Number(tr.popularity),\"color\":_vm.getPopularityColor(Number(tr.popularity))}})],1),_c('vs-td',[_c('vs-chip',{staticClass:\"product-order-status\",attrs:{\"color\":_vm.getOrderStatusColor(tr.order_status)}},[_vm._v(_vm._s(_vm._f(\"title\")(tr.order_status)))])],1),_c('vs-td',[_c('p',{staticClass:\"product-price\"},[_vm._v(\"$\"+_vm._s(tr.price))])]),_c('vs-td',{staticClass:\"whitespace-no-wrap\"},[_c('feather-icon',{attrs:{\"icon\":\"EditIcon\",\"svgClasses\":\"w-5 h-5 hover:text-primary stroke-current\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.editData(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.id)}}})],1)],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 justify-between\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center\"},[_c('vs-dropdown',{staticClass:\"cursor-pointer mr-4 mb-4\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 shadow-drop rounded-lg d-theme-dark-bg cursor-pointer flex items-center justify-center text-lg font-medium w-32\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(\"Actions\")]),_c('feather-icon',{attrs:{\"icon\":\"ChevronDownIcon\",\"svgClasses\":\"h-4 w-4\"}})],1),_c('vs-dropdown-menu',[_c('vs-dropdown-item',[_c('span',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"TrashIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',[_vm._v(\"Delete\")])],1)]),_c('vs-dropdown-item',[_c('span',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"ArchiveIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',[_vm._v(\"Archive\")])],1)]),_c('vs-dropdown-item',[_c('span',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"FileIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',[_vm._v(\"Print\")])],1)]),_c('vs-dropdown-item',[_c('span',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"SaveIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',[_vm._v(\"Another Action\")])],1)])],1)],1),_c('div',{staticClass:\"p-3 mb-4 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(\"Add New\")])],1)],1),_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.products.length - _vm.currentPage * _vm.itemsPerPage > 0 ? _vm.currentPage * _vm.itemsPerPage : _vm.products.length)+\" of \"+_vm._s(_vm.queriedItems))]),_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=4}}},[_c('span',[_vm._v(\"4\")])]),_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=15}}},[_c('span',[_vm._v(\"15\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=20}}},[_c('span',[_vm._v(\"20\")])])],1)],1)],1),_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"Image\")]),_c('vs-th',{attrs:{\"sort-key\":\"name\"}},[_vm._v(\"Name\")]),_c('vs-th',{attrs:{\"sort-key\":\"category\"}},[_vm._v(\"Category\")]),_c('vs-th',{attrs:{\"sort-key\":\"popularity\"}},[_vm._v(\"Popularity\")]),_c('vs-th',{attrs:{\"sort-key\":\"order_status\"}},[_vm._v(\"Order Status\")]),_c('vs-th',{attrs:{\"sort-key\":\"price\"}},[_vm._v(\"Price\")]),_c('vs-th',[_vm._v(\"Action\")])],1)],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: DataListThumbView.vue\r\n Description: Data List - Thumb View\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========================================================================================== -->\r\n\r\n<template>\r\n <div id=\"data-list-thumb-view\" class=\"data-list-container\">\r\n\r\n <data-view-sidebar :isSidebarActive=\"addNewDataSidebar\" @closeSidebar=\"toggleDataSidebar\" :data=\"sidebarData\" />\r\n\r\n <vs-table ref=\"table\" multiple v-model=\"selected\" pagination :max-items=\"itemsPerPage\" search :data=\"products\">\r\n\r\n <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow justify-between\">\r\n\r\n <div class=\"flex flex-wrap-reverse items-center\">\r\n\r\n <!-- ACTION - DROPDOWN -->\r\n <vs-dropdown vs-trigger-click class=\"cursor-pointer mr-4 mb-4\">\r\n\r\n <div class=\"p-4 shadow-drop rounded-lg d-theme-dark-bg cursor-pointer flex items-center justify-center text-lg font-medium w-32\">\r\n <span class=\"mr-2\">Actions</span>\r\n <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\r\n </div>\r\n\r\n <vs-dropdown-menu>\r\n\r\n <vs-dropdown-item>\r\n <span class=\"flex items-center\">\r\n <feather-icon icon=\"TrashIcon\" svgClasses=\"h-4 w-4\" class=\"mr-2\" />\r\n <span>Delete</span>\r\n </span>\r\n </vs-dropdown-item>\r\n\r\n <vs-dropdown-item>\r\n <span class=\"flex items-center\">\r\n <feather-icon icon=\"ArchiveIcon\" svgClasses=\"h-4 w-4\" class=\"mr-2\" />\r\n <span>Archive</span>\r\n </span>\r\n </vs-dropdown-item>\r\n\r\n <vs-dropdown-item>\r\n <span class=\"flex items-center\">\r\n <feather-icon icon=\"FileIcon\" svgClasses=\"h-4 w-4\" class=\"mr-2\" />\r\n <span>Print</span>\r\n </span>\r\n </vs-dropdown-item>\r\n\r\n <vs-dropdown-item>\r\n <span class=\"flex items-center\">\r\n <feather-icon icon=\"SaveIcon\" svgClasses=\"h-4 w-4\" class=\"mr-2\" />\r\n <span>Another Action</span>\r\n </span>\r\n </vs-dropdown-item>\r\n\r\n </vs-dropdown-menu>\r\n </vs-dropdown>\r\n\r\n <!-- ADD NEW -->\r\n <div class=\"p-3 mb-4 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary border border-solid border-primary\" @click=\"addNewData\">\r\n <feather-icon icon=\"PlusIcon\" svgClasses=\"h-4 w-4\" />\r\n <span class=\"ml-2 text-base text-primary\">Add New</span>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- ITEMS PER PAGE -->\r\n <vs-dropdown vs-trigger-click class=\"cursor-pointer mb-4 mr-4\">\r\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\">\r\n <span class=\"mr-2\">{{ currentPage * itemsPerPage - (itemsPerPage - 1) }} - {{ products.length - currentPage * itemsPerPage > 0 ? currentPage * itemsPerPage : products.length }} of {{ queriedItems }}</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\r\n <vs-dropdown-item @click=\"itemsPerPage=4\">\r\n <span>4</span>\r\n </vs-dropdown-item>\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=15\">\r\n <span>15</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-menu>\r\n </vs-dropdown>\r\n </div>\r\n\r\n <template slot=\"thead\">\r\n <vs-th>Image</vs-th>\r\n <vs-th sort-key=\"name\">Name</vs-th>\r\n <vs-th sort-key=\"category\">Category</vs-th>\r\n <vs-th sort-key=\"popularity\">Popularity</vs-th>\r\n <vs-th sort-key=\"order_status\">Order Status</vs-th>\r\n <vs-th sort-key=\"price\">Price</vs-th>\r\n <vs-th>Action</vs-th>\r\n </template>\r\n\r\n <template slot-scope=\"{data}\">\r\n <tbody>\r\n <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n\r\n <vs-td class=\"img-container\">\r\n <img :src=\"tr.img\" class=\"product-img\" />\r\n </vs-td>\r\n\r\n <vs-td>\r\n <p class=\"product-name font-medium truncate\">{{ tr.name }}</p>\r\n </vs-td>\r\n\r\n <vs-td>\r\n <p class=\"product-category\">{{ tr.category }}</p>\r\n </vs-td>\r\n\r\n <vs-td>\r\n <vs-progress :percent=\"Number(tr.popularity)\" :color=\"getPopularityColor(Number(tr.popularity))\" class=\"shadow-md\" />\r\n </vs-td>\r\n\r\n <vs-td>\r\n <vs-chip :color=\"getOrderStatusColor(tr.order_status)\" class=\"product-order-status\">{{ tr.order_status | title }}</vs-chip>\r\n </vs-td>\r\n\r\n <vs-td>\r\n <p class=\"product-price\">${{ tr.price }}</p>\r\n </vs-td>\r\n\r\n <vs-td class=\"whitespace-no-wrap\">\r\n <feather-icon icon=\"EditIcon\" svgClasses=\"w-5 h-5 hover:text-primary stroke-current\" @click.stop=\"editData(tr)\" />\r\n <feather-icon icon=\"TrashIcon\" svgClasses=\"w-5 h-5 hover:text-danger stroke-current\" class=\"ml-2\" @click.stop=\"deleteData(tr.id)\" />\r\n </vs-td>\r\n\r\n </vs-tr>\r\n </tbody>\r\n </template>\r\n </vs-table>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport DataViewSidebar from '../DataViewSidebar.vue'\r\nimport moduleDataList from '@/store/data-list/moduleDataList.js'\r\n\r\nexport default {\r\n components: {\r\n DataViewSidebar\r\n },\r\n data () {\r\n return {\r\n selected: [],\r\n // products: [],\r\n itemsPerPage: 4,\r\n isMounted: false,\r\n addNewDataSidebar: false,\r\n sidebarData: {}\r\n }\r\n },\r\n computed: {\r\n currentPage () {\r\n if (this.isMounted) {\r\n return this.$refs.table.currentx\r\n }\r\n return 0\r\n },\r\n products () {\r\n return this.$store.state.dataList.products\r\n },\r\n queriedItems () {\r\n return this.$refs.table ? this.$refs.table.queriedResults.length : this.products.length\r\n }\r\n },\r\n methods: {\r\n addNewData () {\r\n this.sidebarData = {}\r\n this.toggleDataSidebar(true)\r\n },\r\n deleteData (id) {\r\n this.$store.dispatch('dataList/removeItem', id).catch(err => { console.error(err) })\r\n },\r\n editData (data) {\r\n // this.sidebarData = JSON.parse(JSON.stringify(this.blankData))\r\n this.sidebarData = data\r\n this.toggleDataSidebar(true)\r\n },\r\n getOrderStatusColor (status) {\r\n if (status === 'on_hold') return 'warning'\r\n if (status === 'delivered') return 'success'\r\n if (status === 'canceled') return 'danger'\r\n return 'primary'\r\n },\r\n getPopularityColor (num) {\r\n if (num > 90) return 'success'\r\n if (num > 70) return 'primary'\r\n if (num >= 50) return 'warning'\r\n if (num < 50) return 'danger'\r\n return 'primary'\r\n },\r\n toggleDataSidebar (val = false) {\r\n this.addNewDataSidebar = val\r\n }\r\n },\r\n created () {\r\n if (!moduleDataList.isRegistered) {\r\n this.$store.registerModule('dataList', moduleDataList)\r\n moduleDataList.isRegistered = true\r\n }\r\n this.$store.dispatch('dataList/fetchDataListItems')\r\n },\r\n mounted () {\r\n this.isMounted = true\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n#data-list-thumb-view {\r\n .vs-con-table {\r\n\r\n .product-name {\r\n max-width: 23rem;\r\n }\r\n\r\n .vs-table--header {\r\n display: flex;\r\n flex-wrap: wrap-reverse;\r\n margin-left: 1.5rem;\r\n margin-right: 1.5rem;\r\n > span {\r\n display: flex;\r\n flex-grow: 1;\r\n }\r\n\r\n .vs-table--search{\r\n padding-top: 0;\r\n\r\n .vs-table--search-input {\r\n padding: 0.9rem 2.5rem;\r\n font-size: 1rem;\r\n\r\n &+i {\r\n left: 1rem;\r\n }\r\n\r\n &:focus+i {\r\n left: 1rem;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .vs-table {\r\n border-collapse: separate;\r\n border-spacing: 0 1.3rem;\r\n padding: 0 1rem;\r\n\r\n\r\n tr{\r\n box-shadow: 0 4px 20px 0 rgba(0,0,0,.05);\r\n td{\r\n padding: 10px;\r\n &:first-child{\r\n border-top-left-radius: .5rem;\r\n border-bottom-left-radius: .5rem;\r\n }\r\n &:last-child{\r\n border-top-right-radius: .5rem;\r\n border-bottom-right-radius: .5rem;\r\n }\r\n &.img-container {\r\n // width: 1rem;\r\n // background: #fff;\r\n\r\n span {\r\n display: flex;\r\n justify-content: flex-start;\r\n }\r\n\r\n .product-img {\r\n height: 110px;\r\n }\r\n }\r\n }\r\n td.td-check{\r\n padding: 20px !important;\r\n }\r\n }\r\n }\r\n\r\n .vs-table--thead{\r\n th {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n\r\n .vs-table-text{\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n }\r\n }\r\n th.td-check{\r\n padding: 0 15px !important;\r\n }\r\n tr{\r\n background: none;\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n .vs-table--pagination {\r\n justify-content: center;\r\n }\r\n }\r\n}\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!./DataListThumbView.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!./DataListThumbView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataListThumbView.vue?vue&type=template&id=94ffad56&\"\nimport script from \"./DataListThumbView.vue?vue&type=script&lang=js&\"\nexport * from \"./DataListThumbView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataListThumbView.vue?vue&type=style&index=0&id=94ffad56&prod&lang=scss&\"\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"],"sourceRoot":""}

Copyright ©2k19 - Hexid | Tex7ure