{"version":3,"sources":["webpack:///./src/views/dashboard/components/dashboard-list.vue?e4f8","webpack:///src/views/dashboard/components/dashboard-list.vue","webpack:///./src/views/dashboard/components/dashboard-list.vue?cb50","webpack:///./src/views/dashboard/components/dashboard-list.vue","webpack:///./src/views/dashboard/components/dashboard-list.vue?713c"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","noBorder","staticClass","_v","_s","title","_m","attrs","_l","filter","key","code","on","$event","stopPropagation","display","uniqueKey","domProps","active","onFilterSelected","target","value","_e","record","index","_t","recordsTotalCount","displayRecordsCount","insertAdditionalRecords","staticRenderFns","name","props","records","total","filtered","filterGroups","filterStartAs","increments","displayAll","computed","length","toLowerCase","replace","methods","$emit","e","component"],"mappings":"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","file":"js/chunk-1dcd5a5a.411d6ba4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['card', { 'border-0' : _vm.noBorder }]},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"row mb-3 list-header-block\"},[_c('h2',{staticClass:\"card-title col\"},[_vm._v(_vm._s(_vm.title))]),(_vm.filtered)?_c('div',{staticClass:\"dropdown col-auto\"},[_vm._m(0),_c('div',{staticClass:\"dropdown-menu pl-2\",attrs:{\"aria-labelledby\":\"navbarDropdownTownSelect\"}},_vm._l((_vm.filterGroups),function(filter){return _c('label',{key:filter.code,staticClass:\"control control-checkbox dropdown-item\",on:{\"click\":function($event){$event.stopPropagation();}}},[_vm._v(\" \"+_vm._s(filter.display)+\" \"),_c('input',{attrs:{\"type\":\"checkbox\",\"name\":_vm.uniqueKey + '-filter'},domProps:{\"value\":filter.code,\"checked\":filter.active},on:{\"change\":function($event){return _vm.onFilterSelected($event.target.value)}}}),_c('div',{staticClass:\"control_indicator\"})])}),0)]):_vm._e()]),_c('ul',{staticClass:\"list-group list-group-flush border-bottom\"},[_c('transition-group',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},_vm._l((_vm.records),function(record,index){return _c('li',{key:'dashboard-list-item-' + index,staticClass:\"list-group-item d-flex px-2\"},[_vm._t(\"default\",null,{\"record\":record})],2)}),0)],1),(_vm.recordsTotalCount === 0)?_c('div',{staticClass:\"alert alert-warning mt-2\"},[_vm._t(\"no-records\",[_vm._v(\" No records available... \")])],2):_vm._e(),(_vm.displayRecordsCount < _vm.recordsTotalCount)?_c('p',{staticClass:\"text-center mb-0 mt-3\"},[_c('button',{staticClass:\"btn btn-link\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.insertAdditionalRecords}},[_vm._v(\"Load More\")])]):_vm._e()])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"nav-link dropdown-toggle border rounded border-primary\",attrs:{\"href\":\"#\",\"id\":\"navbarDropdownTownSelect\",\"role\":\"button\",\"data-toggle\":\"dropdown\",\"aria-haspopup\":\"true\",\"aria-expanded\":\"false\"}},[_c('span',[_vm._v(\"Sort by\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['card', { 'border-0' : noBorder }]\">\r\n    <div class=\"card-body\">\r\n      <div class=\"row mb-3 list-header-block\">\r\n        <h2 class=\"card-title col\">{{ title }}</h2>\r\n\r\n        <div class=\"dropdown col-auto\" v-if=\"filtered\">\r\n          <a class=\"nav-link dropdown-toggle border rounded border-primary\" href=\"#\" id=\"navbarDropdownTownSelect\" role=\"button\" data-toggle=\"dropdown\"\r\n              aria-haspopup=\"true\" aria-expanded=\"false\">\r\n            <span>Sort by</span>\r\n          </a>\r\n          <div class=\"dropdown-menu pl-2\" aria-labelledby=\"navbarDropdownTownSelect\">\r\n            <label class=\"control control-checkbox dropdown-item\" v-for=\"filter in filterGroups\" :key=\"filter.code\" @click.stop>\r\n              {{ filter.display }}\r\n              <input type=\"checkbox\" :name=\"uniqueKey + '-filter'\" :value=\"filter.code\" :checked=\"filter.active\" @change=\"onFilterSelected($event.target.value)\" />\r\n              <div class=\"control_indicator\"></div>\r\n            </label>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <ul class=\"list-group list-group-flush border-bottom\">\r\n        <transition-group name=\"fade\" mode=\"out-in\">\r\n          <li class=\"list-group-item d-flex px-2\" v-for=\"(record, index) in records\" :key=\"'dashboard-list-item-' + index\">\r\n            <slot :record=\"record\"></slot>\r\n          </li>\r\n        </transition-group>\r\n      </ul>\r\n\r\n      <div class=\"alert alert-warning mt-2\" v-if=\"recordsTotalCount === 0\">\r\n        <slot name=\"no-records\">\r\n          No records available...\r\n        </slot>\r\n      </div>\r\n\r\n      <p class=\"text-center mb-0 mt-3\" v-if=\"displayRecordsCount < recordsTotalCount\">\r\n        <button type=\"button\" class=\"btn btn-link\" @click=\"insertAdditionalRecords\">Load More</button>\r\n      </p>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.list-header-block {\r\n  height: 42px;\r\n}\r\n\r\n.fade-enter {\r\n  opacity: 0;\r\n}\r\n\r\n.fade-enter-active {\r\n  animation: fadein 1s;\r\n}\r\n\r\n.fade-leave {\r\n  opacity: 1;\r\n}\r\n\r\n.fade-leave-active {\r\n  animation: fadein 1s reverse;\r\n}\r\n\r\n@keyframes fadein {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n</style>\r\n\r\n<script>\r\nexport default {\r\n  name: \"dashboard-list\",\r\n  props: {\r\n    title: { type: String, required: true },\r\n    records: { type: Array, default: () => [] },\r\n    total: { type: Number, default: 0 },\r\n    filtered: { type: Boolean, default: false },\r\n    filterGroups: { type: Array },\r\n    filterStartAs: { type: String },\r\n    noBorder: { type: Boolean, default: false },\r\n    increments: { type: Number, default: 3 },\r\n    displayAll: { type: Boolean, default: false }\r\n  },\r\n  computed: {\r\n    displayRecordsCount () {\r\n      return this.records.length;\r\n    },\r\n    uniqueKey() {\r\n      return this.title.toLowerCase().replace(\" \", \"-\");\r\n    },\r\n    recordsTotalCount() {\r\n      return this.total || this.records.length;\r\n    }\r\n  },\r\n  methods: {\r\n    onFilterSelected: function(e) {\r\n      this.$emit(\"filter-changed\", e);\r\n    },\r\n    async insertAdditionalRecords() {\r\n      this.$emit(\"fetch\", this.displayRecordsCount + this.increments);\r\n    },\r\n  },\r\n};\r\n</script>\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!./dashboard-list.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!./dashboard-list.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dashboard-list.vue?vue&type=template&id=642f2c53&scoped=true&\"\nimport script from \"./dashboard-list.vue?vue&type=script&lang=js&\"\nexport * from \"./dashboard-list.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dashboard-list.vue?vue&type=style&index=0&id=642f2c53&scoped=true&lang=css&\"\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  \"642f2c53\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./dashboard-list.vue?vue&type=style&index=0&id=642f2c53&scoped=true&lang=css&\""],"sourceRoot":""}