{"version":3,"sources":["webpack:///./src/views/app/pages/Details.vue?1e77","webpack:///src/views/app/pages/Details.vue","webpack:///./src/views/app/pages/Details.vue?82aa","webpack:///./src/views/app/pages/Details.vue","webpack:///./src/components/Listing/CommentItem.vue?9019","webpack:///./src/views/app/pages/Mailing.vue?b151","webpack:///./src/views/app/pages/Mailing.vue","webpack:///./src/views/app/pages/DataList.vue?b77e","webpack:///src/views/app/pages/DataList.vue","webpack:///./src/views/app/pages/DataList.vue?f5f0","webpack:///./src/views/app/pages/DataList.vue","webpack:///./src/views/app/pages/ImageList.vue?3e33","webpack:///src/views/app/pages/ImageList.vue","webpack:///./src/views/app/pages/ImageList.vue?f224","webpack:///./src/views/app/pages/ImageList.vue","webpack:///./src/components/Listing/OrderItem.vue?1441","webpack:///./src/views/app/pages/ThumbList.vue?51cc","webpack:///src/views/app/pages/ThumbList.vue","webpack:///./src/views/app/pages/ThumbList.vue?43e5","webpack:///./src/views/app/pages/ThumbList.vue","webpack:///./src/components/Listing/CommentItem.vue?e8ec","webpack:///src/components/Listing/CommentItem.vue","webpack:///./src/components/Listing/CommentItem.vue?f67c","webpack:///./src/components/Listing/CommentItem.vue?45f9","webpack:///./src/data/orders.js","webpack:///./src/components/Listing/DataListItem.vue?79ce","webpack:///src/components/Listing/DataListItem.vue","webpack:///./src/components/Listing/DataListItem.vue?9573","webpack:///./src/components/Listing/DataListItem.vue","webpack:///./src/components/Listing/ThumbListItem.vue?c420","webpack:///src/components/Listing/ThumbListItem.vue","webpack:///./src/components/Listing/ThumbListItem.vue?edfc","webpack:///./src/components/Listing/ThumbListItem.vue","webpack:///./src/components/Listing/OrderItem.vue?81e5","webpack:///src/components/Listing/OrderItem.vue","webpack:///./src/components/Listing/OrderItem.vue?feed","webpack:///./src/components/Listing/OrderItem.vue?17fd","webpack:///./src/views/app/pages/Invoice.vue?edd7","webpack:///src/views/app/pages/Invoice.vue","webpack:///./src/views/app/pages/Invoice.vue?bb5a","webpack:///./src/views/app/pages/Invoice.vue","webpack:///./src/components/Listing/OrderItem.vue?ae66","webpack:///./src/views/app/pages/index.vue?2f06","webpack:///./src/views/app/pages/index.vue","webpack:///./src/components/Listing/CommentItem.vue?086b","webpack:///./src/components/Svg/DataListIcon.vue?6507","webpack:///./src/components/Svg/DataListIcon.vue","webpack:///./src/components/Svg/ThumbListIcon.vue?0751","webpack:///./src/components/Svg/ThumbListIcon.vue","webpack:///./src/components/Svg/ImageListIcon.vue?fb2c","webpack:///./src/components/Svg/ImageListIcon.vue","webpack:///./src/components/Svg/MenuIcon.vue?5460","webpack:///./src/components/Svg/MenuIcon.vue","webpack:///./src/components/Svg/MobileMenuIcon.vue?3cb6","webpack:///./src/components/Svg/MobileMenuIcon.vue","webpack:///./src/components/Svg/index.js","webpack:///./src/components/Listing/ImageListItem.vue?52fc","webpack:///src/components/Listing/ImageListItem.vue","webpack:///./src/components/Listing/ImageListItem.vue?294f","webpack:///./src/components/Listing/ImageListItem.vue","webpack:///./src/views/app/pages/Search.vue?6366","webpack:///src/views/app/pages/Search.vue","webpack:///./src/views/app/pages/Search.vue?9796","webpack:///./src/views/app/pages/Search.vue"],"names":["components","Stars","RadialProgressCard","SmallLineChartCard","AreaShadowChart","CommentItem","OrderItem","data","isLoad","smallChartData1","smallChartData2","smallChartData3","smallChartData4","areaChartData","comments","slice","orders","methods","mounted","_this","setTimeout","DataListIcon","ThumbListIcon","ImageListIcon","vSelect","ImageListItem","ThumbListItem","DataListItem","apiBase","apiUrl","displayMode","sort","column","label","sortOptions","page","perPage","search","from","to","total","lastPage","items","pageSizes","selectedItems","categories","value","statuses","text","newItem","title","category","description","status","loadItems","axios","get","then","response","res","per_page","last_page","hideModal","refname","$refs","hide","changeDisplayMode","displayType","changePageSize","changeOrderBy","addNewItem","console","log","selectAll","isToggle","length","map","x","id","keymap","event","srcKey","getIndex","arr","prop","i","toggleItem","itemId","shiftKey","_this$selectedItems","itemsForToggle","start","end","Math","min","max","push","apply","_toConsumableArray","item","includes","filter","handleContextmenu","vnode","key","onContextCopy","onContextArchive","onContextDelete","linkGen","pageNum","computed","isSelectedAll","isAnyItemSelected","concat","watch","d1","props","detail","store","province","thumb","rate","$emit","keyword","currentPage","totalPage"],"mappings":"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","file":"assets/js/pages.1d7ffe38.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('h1',[_vm._v(\"Chocolate Cake\")]),_vm._v(\" \"),_c('div',{staticClass:\"float-sm-right mb-2\"},[_c('b-dropdown',{staticClass:\"top-right-button top-right-button-single\",attrs:{\"id\":\"ddown5\",\"text\":_vm.$t('pages.actions'),\"size\":\"lg\",\"variant\":\"outline-primary\",\"no-fade\":\"true\"}},[_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('dashboards.last-week')))]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('dashboards.this-month')))])],1)],1),_vm._v(\" \"),_c('piaf-breadcrumb'),_vm._v(\" \"),_c('b-tabs',{attrs:{\"nav-class\":\"separator-tabs ml-0 mb-5\",\"content-class\":\"tab-content\",\"no-fade\":true}},[_c('b-tab',{attrs:{\"title\":_vm.$t('pages.details')}},[_c('b-row',[_c('b-colxx',{staticClass:\"mb-4\",attrs:{\"xxs\":\"12\",\"lg\":\"4\"}},[_c('b-card',{staticClass:\"mb-4\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"position-absolute card-top-buttons\"},[_c('b-button',{staticClass:\"icon-button\",attrs:{\"variant\":\"outline-white\"}},[_c('i',{staticClass:\"simple-icon-pencil\"})])],1),_vm._v(\" \"),_c('img',{staticClass:\"card-img-top\",attrs:{\"src\":\"/assets/img/detail.jpg\",\"alt\":\"Detail\"}}),_vm._v(\" \"),_c('b-card-body',[_c('p',{staticClass:\"text-muted text-small mb-2\"},[_vm._v(_vm._s(_vm.$t('pages.description')))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-3\"},[_vm._v(\"\\r\\n                      It’s all about simplicity…Less is more. Chocolate Cake\\r\\n                      exclusively brings you the classic chocolate cake.\\r\\n                      This cake is the one you always dream of-moist cake\\r\\n                      and creamy chocolate frosting.\\r\\n                      \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" This cake proudly serves itself for a family\\r\\n                      gathering, a dinner party, a birthday celebration, a\\r\\n                      baby christening, and a gift to someone special or\\r\\n                      simply to have on hand on the cake stand at home\\r\\n                      served with an ice cold glass of milk!\\r\\n                    \")]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-2\"},[_vm._v(_vm._s(_vm.$t('pages.rating')))]),_vm._v(\" \"),_c('div',{staticClass:\"mb-3\"},[_c('stars',{attrs:{\"value\":\"4\",\"disabled\":true}})],1),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-2\"},[_vm._v(_vm._s(_vm.$t('pages.price')))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-3\"},[_vm._v(\"$8,14\")]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-2\"},[_vm._v(_vm._s(_vm.$t('pages.ingredients')))]),_vm._v(\" \"),_c('div',{staticClass:\"mb-3\"},[_c('p',{staticClass:\"d-sm-inline-block mb-1\"},[_c('b-badge',{staticClass:\"mb-1 mr-1\",attrs:{\"pill\":\"\",\"variant\":\"outline-secondary\"}},[_vm._v(\"Flour\")]),_vm._v(\" \"),_c('b-badge',{staticClass:\"mb-1 mr-1\",attrs:{\"pill\":\"\",\"variant\":\"outline-secondary\"}},[_vm._v(\"Chocolate\")]),_vm._v(\" \"),_c('b-badge',{staticClass:\"mb-1 mr-1\",attrs:{\"pill\":\"\",\"variant\":\"outline-secondary\"}},[_vm._v(\"Caster Sugar\")]),_vm._v(\" \"),_c('b-badge',{staticClass:\"mb-1 mr-1\",attrs:{\"pill\":\"\",\"variant\":\"outline-secondary\"}},[_vm._v(\"Baking Powder\")]),_vm._v(\" \"),_c('b-badge',{staticClass:\"mb-1 mr-1\",attrs:{\"pill\":\"\",\"variant\":\"outline-secondary\"}},[_vm._v(\"Milk\")]),_vm._v(\" \"),_c('b-badge',{staticClass:\"mb-1 mr-1\",attrs:{\"pill\":\"\",\"variant\":\"outline-secondary\"}},[_vm._v(\"Eggs\")]),_vm._v(\" \"),_c('b-badge',{staticClass:\"mb-1 mr-1\",attrs:{\"pill\":\"\",\"variant\":\"outline-secondary\"}},[_vm._v(\"Vegetable Oil\")])],1)]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-2\"},[_vm._v(_vm._s(_vm.$t('pages.is-vegan')))]),_vm._v(\" \"),_c('p',[_vm._v(\"No\")])])],1),_vm._v(\" \"),_c('radial-progress-card',{staticClass:\"mb-4\",attrs:{\"title\":_vm.$t('pages.order-status'),\"percent\":85,\"no-suffle\":\"\"}}),_vm._v(\" \"),_c('radial-progress-card',{staticClass:\"mb-4\",attrs:{\"title\":_vm.$t('pages.bake-progress'),\"percent\":40,\"no-suffle\":\"\"}})],1),_vm._v(\" \"),_c('b-colxx',{attrs:{\"xxs\":\"12\",\"lg\":\"8\"}},[(_vm.isLoad)?_c('b-row',[_c('b-colxx',{staticClass:\"mb-4\",attrs:{\"xxs\":\"6\"}},[_c('small-line-chart-card',{staticClass:\"dashboard-small-chart-analytics\",attrs:{\"label-prefix\":\"$\",\"data\":_vm.smallChartData1}})],1),_vm._v(\" \"),_c('b-colxx',{staticClass:\"mb-4\",attrs:{\"xxs\":\"6\"}},[_c('small-line-chart-card',{staticClass:\"dashboard-small-chart-analytics\",attrs:{\"label-prefix\":\"$\",\"data\":_vm.smallChartData2}})],1),_vm._v(\" \"),_c('b-colxx',{staticClass:\"mb-4\",attrs:{\"xxs\":\"6\"}},[_c('small-line-chart-card',{staticClass:\"dashboard-small-chart-analytics\",attrs:{\"label-prefix\":\"$\",\"data\":_vm.smallChartData3}})],1),_vm._v(\" \"),_c('b-colxx',{staticClass:\"mb-4\",attrs:{\"xxs\":\"6\"}},[_c('small-line-chart-card',{staticClass:\"dashboard-small-chart-analytics\",attrs:{\"label-prefix\":\"$\",\"data\":_vm.smallChartData4}})],1)],1):_vm._e(),_vm._v(\" \"),(_vm.isLoad)?_c('b-card',{staticClass:\"mb-4\",attrs:{\"title\":_vm.$t('pages.popularity')}},[_c('div',{staticClass:\"chart-container\"},[_c('area-shadow-chart',{attrs:{\"data\":_vm.areaChartData,\"height\":300}})],1)]):_vm._e(),_vm._v(\" \"),_c('b-card',{staticClass:\"mb-4\",attrs:{\"title\":_vm.$t('pages.comments')}},_vm._l((_vm.comments),function(comment,index){return _c('comment-item',{key:index,attrs:{\"data\":comment,\"detail-path\":\"#\"}})}),1)],1)],1)],1),_vm._v(\" \"),_c('b-tab',{attrs:{\"title\":_vm.$t('pages.orders')}},[_c('b-row',[_c('b-colxx',_vm._l((_vm.orders),function(order,index){return _c('order-item',{key:index,attrs:{\"data\":order,\"detail-path\":\"#\"}})}),1)],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<div>\r\n  <b-row>\r\n    <b-colxx xxs=\"12\">\r\n      <h1>Chocolate Cake</h1>\r\n      <div class=\"float-sm-right mb-2\">\r\n         <b-dropdown id=\"ddown5\" :text=\"$t('pages.actions')\" size=\"lg\" variant=\"outline-primary\" class=\"top-right-button top-right-button-single\" no-fade=\"true\">\r\n            <b-dropdown-item>{{ $t('dashboards.last-week') }}</b-dropdown-item>\r\n            <b-dropdown-item>{{ $t('dashboards.this-month') }}</b-dropdown-item>\r\n          </b-dropdown>\r\n      </div>\r\n      <piaf-breadcrumb/>\r\n      <b-tabs nav-class=\"separator-tabs ml-0 mb-5\" content-class=\"tab-content\" :no-fade=\"true\">\r\n        <b-tab :title=\"$t('pages.details')\" >\r\n          <b-row>\r\n            <b-colxx xxs=\"12\" lg=\"4\" class=\"mb-4\">\r\n              <b-card class=\"mb-4\" no-body>\r\n                  <div class=\"position-absolute card-top-buttons\">\r\n                    <b-button variant=\"outline-white\" class=\"icon-button\"><i class=\"simple-icon-pencil\" /></b-button>\r\n                  </div>\r\n                  <img src=\"/assets/img/detail.jpg\" alt=\"Detail\" class=\"card-img-top\"/>\r\n                  <b-card-body>\r\n                    <p class=\"text-muted text-small mb-2\">{{ $t('pages.description') }}</p>\r\n                    <p class=\"mb-3\">\r\n                      It’s all about simplicity…Less is more. Chocolate Cake\r\n                      exclusively brings you the classic chocolate cake.\r\n                      This cake is the one you always dream of-moist cake\r\n                      and creamy chocolate frosting.\r\n                      <br />\r\n                      <br /> This cake proudly serves itself for a family\r\n                      gathering, a dinner party, a birthday celebration, a\r\n                      baby christening, and a gift to someone special or\r\n                      simply to have on hand on the cake stand at home\r\n                      served with an ice cold glass of milk!\r\n                    </p>\r\n                    <p class=\"text-muted text-small mb-2\">{{ $t('pages.rating') }}</p>\r\n                    <div class=\"mb-3\">\r\n                      <stars value=\"4\" :disabled=true></stars>\r\n                    </div>\r\n                    <p class=\"text-muted text-small mb-2\">{{ $t('pages.price') }}</p>\r\n                    <p class=\"mb-3\">$8,14</p>\r\n                    <p class=\"text-muted text-small mb-2\">{{ $t('pages.ingredients') }}</p>\r\n                    <div class=\"mb-3\">\r\n                      <p class=\"d-sm-inline-block mb-1\">\r\n                        <b-badge pill variant=\"outline-secondary\" class=\"mb-1 mr-1\">Flour</b-badge>\r\n                        <b-badge pill variant=\"outline-secondary\" class=\"mb-1 mr-1\">Chocolate</b-badge>\r\n                        <b-badge pill variant=\"outline-secondary\" class=\"mb-1 mr-1\">Caster Sugar</b-badge>\r\n                        <b-badge pill variant=\"outline-secondary\" class=\"mb-1 mr-1\">Baking Powder</b-badge>\r\n                        <b-badge pill variant=\"outline-secondary\" class=\"mb-1 mr-1\">Milk</b-badge>\r\n                        <b-badge pill variant=\"outline-secondary\" class=\"mb-1 mr-1\">Eggs</b-badge>\r\n                        <b-badge pill variant=\"outline-secondary\" class=\"mb-1 mr-1\">Vegetable Oil</b-badge>\r\n                      </p>\r\n                    </div>\r\n                    <p class=\"text-muted text-small mb-2\">{{ $t('pages.is-vegan') }}</p>\r\n                    <p>No</p>\r\n                  </b-card-body>\r\n              </b-card>\r\n              <radial-progress-card :title=\"$t('pages.order-status')\" :percent=\"85\" no-suffle class=\"mb-4\"/>\r\n              <radial-progress-card :title=\"$t('pages.bake-progress')\" :percent=\"40\" no-suffle class=\"mb-4\"/>\r\n            </b-colxx>\r\n            <b-colxx xxs=\"12\" lg=\"8\">\r\n              <b-row v-if=\"isLoad\">\r\n                 <b-colxx xxs=\"6\" class=\"mb-4\">\r\n                    <small-line-chart-card class=\"dashboard-small-chart-analytics\" label-prefix=\"$\" :data=\"smallChartData1\"/>\r\n                </b-colxx>\r\n                <b-colxx xxs=\"6\" class=\"mb-4\">\r\n                    <small-line-chart-card class=\"dashboard-small-chart-analytics\" label-prefix=\"$\" :data=\"smallChartData2\"/>\r\n                </b-colxx>\r\n                <b-colxx xxs=\"6\" class=\"mb-4\">\r\n                    <small-line-chart-card class=\"dashboard-small-chart-analytics\" label-prefix=\"$\" :data=\"smallChartData3\"/>\r\n                </b-colxx>\r\n                <b-colxx xxs=\"6\" class=\"mb-4\">\r\n                    <small-line-chart-card class=\"dashboard-small-chart-analytics\" label-prefix=\"$\" :data=\"smallChartData4\"/>\r\n                </b-colxx>\r\n              </b-row>\r\n              <b-card class=\"mb-4\" :title=\"$t('pages.popularity')\"  v-if=\"isLoad\">\r\n                <div class=\"chart-container\">\r\n                  <area-shadow-chart :data=\"areaChartData\" :height=\"300\"/>\r\n                </div>\r\n              </b-card>\r\n              <b-card class=\"mb-4\" :title=\"$t('pages.comments')\">\r\n                  <comment-item v-for=\"(comment,index) in comments\" :key=\"index\" :data=\"comment\" detail-path=\"#\" />\r\n              </b-card>\r\n            </b-colxx>\r\n          </b-row>\r\n        </b-tab>\r\n\r\n        <b-tab :title=\"$t('pages.orders')\">\r\n          <b-row>\r\n            <b-colxx>\r\n                <order-item v-for=\"(order,index) in orders\" :key=\"index\" :data=\"order\" detail-path=\"#\" />\r\n            </b-colxx>\r\n          </b-row>\r\n        </b-tab>\r\n      </b-tabs>\r\n\r\n    </b-colxx>\r\n  </b-row>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Stars from '@/components/Common/Stars'\r\nimport RadialProgressCard from '@/components/Cards/RadialProgressCard'\r\nimport SmallLineChartCard from '@/components/Cards/SmallLineChartCard'\r\nimport AreaShadowChart from '@/components/Charts/AreaShadow'\r\nimport CommentItem from '@/components/Listing/CommentItem'\r\nimport OrderItem from '@/components/Listing/OrderItem'\r\n\r\nimport { smallChartData1, smallChartData2, smallChartData3, smallChartData4, areaChartData } from '@/data/charts'\r\nimport comments from '@/data/comments'\r\nimport orders from '@/data/orders'\r\n\r\nexport default {\r\n  components: {\r\n    Stars,\r\n    RadialProgressCard,\r\n    SmallLineChartCard,\r\n    AreaShadowChart,\r\n    CommentItem,\r\n    OrderItem\r\n  },\r\n  data () {\r\n    return {\r\n      isLoad: false,\r\n      smallChartData1,\r\n      smallChartData2,\r\n      smallChartData3,\r\n      smallChartData4,\r\n      areaChartData,\r\n      comments: comments.slice(0, 5),\r\n      orders\r\n    }\r\n  },\r\n  methods: {\r\n\r\n  },\r\n  mounted () {\r\n    setTimeout(() => {\r\n      this.isLoad = true\r\n    }, 50)\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Details.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Details.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Details.vue?vue&type=template&id=634bd6a1&\"\nimport script from \"./Details.vue?vue&type=script&lang=js&\"\nexport * from \"./Details.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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./CommentItem.vue?vue&type=style&index=0&scope=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('piaf-breadcrumb',{attrs:{\"heading\":_vm.$t('menu.mailing')}}),_vm._v(\" \"),_c('div',{staticClass:\"separator mb-5\"})],1)],1),_vm._v(\" \"),_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('div',{staticStyle:{\"height\":\"auto !important\",\"width\":\"100% !important\",\"font-family\":\"Helvetica,Arial,sans-serif !important\",\"margin-bottom\":\"40px\"},attrs:{\"leftmargin\":\"0\",\"marginwidth\":\"0\",\"topmargin\":\"0\",\"marginheight\":\"0\",\"offset\":\"0\"}},[_c('center',[_c('table',{staticStyle:{\"max-width\":\"600px\",\"background-color\":\"#ffffff\",\"border\":\"1px solid #e4e2e2\",\"border-collapse\":\"separate !important\",\"border-radius\":\"4px\",\"border-spacing\":\"0\",\"color\":\"#242128\",\"margin\":\"0\",\"padding\":\"40px\"},attrs:{\"bgcolor\":\"#ffffff\",\"border\":\"0\",\"cellpadding\":\"0\",\"cellspacing\":\"0\",\"heigth\":\"auto\"}},[_c('tbody',[_c('tr',[_c('td',{staticStyle:{\"padding-bottom\":\"40px\",\"border-top\":\"0\",\"height\":\"100% !important\",\"width\":\"100% !important\"},attrs:{\"align\":\"left\",\"valign\":\"center\"}},[_c('img',{attrs:{\"src\":\"https://coloredstrategies.com/mailing/piaf.png\"}})]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-bottom\":\"40px\",\"border-top\":\"0\",\"height\":\"100% !important\",\"width\":\"100% !important\"},attrs:{\"align\":\"right\",\"valign\":\"center\"}},[_c('span',{staticStyle:{\"color\":\"#8f8f8f\",\"font-weight\":\"normal\",\"line-height\":\"2\",\"font-size\":\"14px\"}},[_vm._v(\"02.02.2019\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"10px\",\"border-top\":\"1px solid #e4e2e2\"},attrs:{\"colSpan\":\"2\"}},[_c('h3',{staticStyle:{\"color\":\"#303030\",\"font-size\":\"18px\",\"line-height\":\"1.6\",\"font-weight\":\"500\"}},[_vm._v(\"Get Started\")]),_vm._v(\" \"),_c('p',{staticStyle:{\"color\":\"#8f8f8f\",\"font-size\":\"14px\",\"padding-bottom\":\"20px\",\"line-height\":\"1.4\"}},[_vm._v(\"\\r\\n                                Dynamically target high-payoff intellectual capital for customized technologies. Objectively integrate emerging core competencies before process-centric communities. Dramatically evisculate holistic innovation rather than client-centric data.\"),_c('br'),_c('br'),_vm._v(\"Progressively maintain extensive infomediaries via extensible niches. Dramatically disseminate standardized metrics after resource-leveling processes.\\r\\n                            \")]),_vm._v(\" \"),_c('h3',{staticStyle:{\"color\":\"#303030\",\"font-size\":\"18px\",\"line-height\":\"1.6\",\"font-weight\":\"500\"}},[_vm._v(\"Verification Code\")]),_vm._v(\" \"),_c('p',{staticStyle:{\"background-color\":\"#f1f1f1\",\"padding\":\"8px 15px\",\"border-radius\":\"50px\",\"display\":\"inline-block\",\"margin-bottom\":\"20px\",\"font-size\":\"14px\",\"line-height\":\"1.4\",\"font-family\":\"Courier New, Courier, monospace\",\"margin-top\":\"0\"}},[_vm._v(\"148 544 174\")]),_vm._v(\" \"),_c('h3',{staticStyle:{\"color\":\"#303030\",\"font-size\":\"18px\",\"line-height\":\"1.6\",\"font-weight\":\"500\"}},[_vm._v(\"Steps to Follow\")]),_vm._v(\" \"),_c('ol',{staticStyle:{\"color\":\"#8f8f8f\",\"font-size\":\"14px\",\"padding-bottom\":\"20px\",\"padding-left\":\"20px\",\"line-height\":\"1.6\"}},[_c('li',[_vm._v(\"Preliminary thinking systems\")]),_vm._v(\" \"),_c('li',[_vm._v(\"Bandwidth efficient\")]),_vm._v(\" \"),_c('li',[_vm._v(\"Green space\")]),_vm._v(\" \"),_c('li',[_vm._v(\"Social impact\")])])])]),_vm._v(\" \"),_c('tr',[_c('td',{attrs:{\"colSpan\":\"2\"}},[_c('table',{staticStyle:{\"min-width\":\"100%\",\"border-collapse\":\"collapse\"},attrs:{\"border\":\"0\",\"cellpadding\":\"0\",\"cellspacing\":\"0\",\"width\":\"100%\"}},[_c('tbody',[_c('tr',[_c('td',{staticStyle:{\"padding\":\"15px 0px\"},attrs:{\"valign\":\"top\",\"align\":\"center\"}},[_c('table',{staticStyle:{\"border-collapse\":\"separate !important\"},attrs:{\"border\":\"0\",\"cellpadding\":\"0\",\"cellspacing\":\"0\"}},[_c('tbody',[_c('tr',[_c('td',{staticStyle:{\"padding\":\"13px\"},attrs:{\"align\":\"center\",\"valign\":\"middle\"}},[_c('a',{staticStyle:{\"font-size\":\"14px\",\"line-height\":\"1.5\",\"font-weight\":\"700\",\"letter-spacing\":\"1px\",\"padding\":\"15px 40px\",\"text-align\":\"center\",\"text-decoration\":\"none\",\"color\":\"#FFFFFF\",\"border-radius\":\"50px\",\"background-color\":\"#f18024\"},attrs:{\"href\":\"#\",\"title\":\"START NOW\",\"target\":\"_blank\"}},[_vm._v(\"START NOW\")])])])])])])])])])])])])]),_vm._v(\" \"),_c('table',{staticStyle:{\"margin-top\":\"30px\",\"padding-bottom\":\"20px\",\"margin-bottom\":\"40px\"}},[_c('tbody',[_c('tr',[_c('td',{attrs:{\"align\":\"center\",\"valign\":\"center\"}},[_c('p',{staticStyle:{\"font-size\":\"12px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"5px\"}},[_vm._v(\"\\r\\n                                ColoredStrategies Inc, 35 Little Russell St. Bloomsburg London,UK\\r\\n                            \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"12px\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"5px\",\"margin-bottom\":\"5px\"}},[_c('a',{staticStyle:{\"color\":\"#f18024\",\"text-decoration\":\"none\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Privacy Policy\")]),_vm._v(\" | \"),_c('a',{staticStyle:{\"color\":\"#f18024\",\"text-decoration\":\"none\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Unscubscribe\")])])])])])])])],1),_vm._v(\" \"),_c('div',{staticStyle:{\"height\":\"auto !important\",\"width\":\"100% !important\",\"font-family\":\"Helvetica,Arial,sans-serif !important\"},attrs:{\"leftmargin\":\"0\",\"marginwidth\":\"0\",\"topmargin\":\"0\",\"marginheight\":\"0\",\"offset\":\"0\"}},[_c('center',[_c('table',{staticStyle:{\"max-width\":\"600px\",\"background-color\":\"#ffffff\",\"border\":\"1px solid #e4e2e2\",\"border-collapse\":\"separate !important\",\"border-radius\":\"4px\",\"border-spacing\":\"0\",\"color\":\"#242128\",\"margin\":\"0\",\"padding\":\"40px\"},attrs:{\"bgcolor\":\"#ffffff\",\"border\":\"0\",\"cellpadding\":\"0\",\"cellspacing\":\"0\",\"heigth\":\"auto\"}},[_c('tbody',[_c('tr',[_c('td',{staticStyle:{\"padding-bottom\":\"40px\",\"border-top\":\"0\",\"height\":\"100% !important\",\"width\":\"100% !important\"},attrs:{\"align\":\"left\",\"valign\":\"center\"}},[_c('img',{attrs:{\"src\":\"https://coloredstrategies.com/mailing/piaf.png\"}})]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-bottom\":\"40px\",\"border-top\":\"0\",\"height\":\"100% !important\",\"width\":\"100% !important\"},attrs:{\"align\":\"right\",\"valign\":\"center\"}},[_c('span',{staticStyle:{\"color\":\"#8f8f8f\",\"font-weight\":\"normal\",\"line-height\":\"2\",\"font-size\":\"14px\"}},[_vm._v(\"02.02.2019\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"10px\",\"border-top\":\"1px solid #e4e2e2\"},attrs:{\"colSpan\":\"2\"}},[_c('table',[_c('tr',[_c('td',{staticStyle:{\"padding-bottom\":\"20px\"},attrs:{\"colSpan\":\"2\"}},[_c('h3',{staticStyle:{\"color\":\"#303030\",\"font-size\":\"18px\",\"line-height\":\"1.6\",\"font-weight\":\"500\"}},[_vm._v(\"Order Summary\")]),_vm._v(\" \"),_c('p',{staticStyle:{\"color\":\"#8f8f8f\",\"font-size\":\"14px\",\"padding-bottom\":\"20px\",\"line-height\":\"1.4\",\"margin-bottom\":\"0\"}},[_vm._v(\"\\r\\n                                            Dynamically target high-payoff intellectual capital for customized technologies. Objectively integrate emerging core competencies before process-centric communities. Dramatically evisculate holistic innovation rather than client-centric data.\"),_c('br'),_c('br'),_vm._v(\"Progressively maintain extensive infomediaries via extensible niches.\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\",\"width\":\"140px\"}},[_c('img',{staticStyle:{\"width\":\"113px\",\"height\":\"85px\",\"object-fit\":\"cover\",\"border-radius\":\"3px\"},attrs:{\"src\":\"https://coloredstrategies.com/mailing/product-1.jpg\"}})]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\"}},[_c('h4',{staticStyle:{\"font-size\":\"16px\",\"line-height\":\"1\",\"margin-bottom\":\"20px\"}},[_c('a',{staticStyle:{\"text-decoration\":\"none\",\"color\":\"#303030\",\"font-weight\":\"500\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Marble Cake\")])]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"12px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\"},attrs:{\"href\":\"#\"}},[_vm._v(\"3 pcs\")]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"12px\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"5px\"}},[_vm._v(\"Standart Package\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\",\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"color\":\"#f18024\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\"}},[_vm._v(\"$14.82\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"border-top\":\"1px solid #e4e2e2\"},attrs:{\"colSpan\":\"3\"}},[_vm._v(\" \")])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\",\"width\":\"140px\"}},[_c('img',{staticStyle:{\"width\":\"113px\",\"height\":\"85px\",\"object-fit\":\"cover\",\"border-radius\":\"3px\"},attrs:{\"src\":\"https://coloredstrategies.com/mailing/product-2.jpg\"}})]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\"}},[_c('h4',{staticStyle:{\"font-size\":\"16px\",\"line-height\":\"1\",\"margin-bottom\":\"20px\"}},[_c('a',{staticStyle:{\"text-decoration\":\"none\",\"color\":\"#303030\",\"font-weight\":\"500\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Chocolate Cake\")])]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"12px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\"},attrs:{\"href\":\"#\"}},[_vm._v(\"2 pcs\")]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"12px\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"5px\"}},[_vm._v(\"Standart Package\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\",\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"color\":\"#f18024\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\"}},[_vm._v(\"$4.24\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"border-top\":\"1px solid #e4e2e2\"},attrs:{\"colSpan\":\"3\"}},[_vm._v(\" \")])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\",\"width\":\"140px\"}},[_c('img',{staticStyle:{\"width\":\"113px\",\"height\":\"85px\",\"object-fit\":\"cover\",\"border-radius\":\"3px\"},attrs:{\"src\":\"https://coloredstrategies.com/mailing/product-3.jpg\"}})]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\"}},[_c('h4',{staticStyle:{\"font-size\":\"16px\",\"line-height\":\"1\",\"margin-bottom\":\"20px\"}},[_c('a',{staticStyle:{\"text-decoration\":\"none\",\"color\":\"#303030\",\"font-weight\":\"500\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Fat Rascal\")])]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"12px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\"},attrs:{\"href\":\"#\"}},[_vm._v(\"1 pcs\")]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"12px\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"5px\"}},[_vm._v(\"Standart Package\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\",\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"color\":\"#f18024\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\"}},[_vm._v(\"$12.91\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"border-top\":\"1px solid #e4e2e2\"},attrs:{\"colSpan\":\"3\"}},[_vm._v(\" \")])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\",\"width\":\"140px\"}},[_c('img',{staticStyle:{\"width\":\"113px\",\"height\":\"85px\",\"object-fit\":\"cover\",\"border-radius\":\"3px\"},attrs:{\"src\":\"https://coloredstrategies.com/mailing/product-4.jpg\"}})]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\"}},[_c('h4',{staticStyle:{\"font-size\":\"16px\",\"line-height\":\"1\",\"margin-bottom\":\"20px\"}},[_c('a',{staticStyle:{\"text-decoration\":\"none\",\"color\":\"#303030\",\"font-weight\":\"500\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Cremeschnitte\")])]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"12px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\"},attrs:{\"href\":\"#\"}},[_vm._v(\"4 pcs\")]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"12px\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"5px\"}},[_vm._v(\"Standart Package\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"20px\",\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"color\":\"#f18024\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\"}},[_vm._v(\"$54.20\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"border-top\":\"1px solid #e4e2e2\"},attrs:{\"colSpan\":\"3\"}},[_vm._v(\" \")])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"5px\",\"text-align\":\"right\",\"color\":\"#909090\"},attrs:{\"colSpan\":\"2\"}},[_c('p',{staticStyle:{\"font-size\":\"12px\",\"line-height\":\"1\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"margin-bottom\":\"0\"}},[_vm._v(\"Subtotal: \")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"5px\",\"text-align\":\"right\",\"padding-left\":\"15px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"color\":\"#f18024\",\"white-space\":\"nowrap\",\"margin-bottom\":\"0\"}},[_vm._v(\"$124.20\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"5px\",\"text-align\":\"right\",\"color\":\"#909090\"},attrs:{\"colSpan\":\"2\"}},[_c('p',{staticStyle:{\"font-size\":\"12px\",\"line-height\":\"1\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"margin-bottom\":\"0\"}},[_vm._v(\"Shipping: \")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"5px\",\"text-align\":\"right\",\"padding-left\":\"15px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"color\":\"#f18024\",\"white-space\":\"nowrap\",\"margin-bottom\":\"0\"}},[_vm._v(\"$4.04\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"5px\",\"text-align\":\"right\",\"color\":\"#909090\"},attrs:{\"colSpan\":\"2\"}},[_c('p',{staticStyle:{\"font-size\":\"12px\",\"line-height\":\"1\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"margin-bottom\":\"0\"}},[_vm._v(\"Taxes: \")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"5px\",\"text-align\":\"right\",\"padding-left\":\"15px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"color\":\"#f18024\",\"white-space\":\"nowrap\",\"margin-bottom\":\"0\"}},[_vm._v(\"$9.14\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"5px\",\"text-align\":\"right\",\"color\":\"#909090\"},attrs:{\"colSpan\":\"2\"}},[_c('p',{staticStyle:{\"font-size\":\"12px\",\"line-height\":\"1\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"margin-bottom\":\"0\"}},[_c('strong',[_vm._v(\"Total: \")])])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"0px\",\"padding-bottom\":\"5px\",\"text-align\":\"right\",\"padding-left\":\"15px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"margin-top\":\"5px\",\"vertical-align\":\"top\",\"color\":\"#f18024\",\"white-space\":\"nowrap\",\"margin-bottom\":\"0\"}},[_c('strong',[_vm._v(\"$137.38\")])])])])])])])])]),_vm._v(\" \"),_c('table',{staticStyle:{\"margin-top\":\"30px\",\"padding-bottom\":\"20px\",\"margin-bottom\":\"40px\"}},[_c('tbody',[_c('tr',[_c('td',{attrs:{\"align\":\"center\",\"valign\":\"center\"}},[_c('p',{staticStyle:{\"font-size\":\"12px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"5px\"}},[_vm._v(\"\\r\\n                                ColoredStrategies Inc, 35 Little Russell St. Bloomsburg London,UK\\r\\n                            \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"12px\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"5px\",\"margin-bottom\":\"5px\"}},[_c('a',{staticStyle:{\"color\":\"#f18024\",\"text-decoration\":\"none\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Privacy Policy\")]),_vm._v(\"\\r\\n                                | \"),_c('a',{staticStyle:{\"color\":\"#f18024\",\"text-decoration\":\"none\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Unscubscribe\")])])])])])])])],1),_vm._v(\" \"),_c('div',{staticStyle:{\"height\":\"auto !important\",\"width\":\"100% !important\",\"font-family\":\"Helvetica,Arial,sans-serif !important\"},attrs:{\"leftmargin\":\"0\",\"marginwidth\":\"0\",\"topmargin\":\"0\",\"marginheight\":\"0\",\"offset\":\"0\"}},[_c('center',[_c('table',{staticStyle:{\"max-width\":\"600px\",\"background-color\":\"#ffffff\",\"border\":\"1px solid #e4e2e2\",\"border-collapse\":\"separate !important\",\"border-radius\":\"4px\",\"border-spacing\":\"0\",\"color\":\"#242128\",\"margin\":\"0\",\"padding\":\"40px\"},attrs:{\"bgcolor\":\"#ffffff\",\"border\":\"0\",\"cellpadding\":\"0\",\"cellspacing\":\"0\",\"heigth\":\"auto\"}},[_c('tbody',[_c('tr',[_c('td',{staticStyle:{\"padding-bottom\":\"40px\",\"border-top\":\"0\",\"height\":\"100% !important\",\"width\":\"100% !important\"},attrs:{\"align\":\"left\",\"valign\":\"center\"}},[_c('img',{attrs:{\"src\":\"https://coloredstrategies.com/mailing/piaf.png\"}})]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-bottom\":\"40px\",\"border-top\":\"0\",\"height\":\"100% !important\",\"width\":\"100% !important\"},attrs:{\"align\":\"right\",\"valign\":\"center\"}},[_c('span',{staticStyle:{\"color\":\"#8f8f8f\",\"font-weight\":\"normal\",\"line-height\":\"2\",\"font-size\":\"14px\"}},[_vm._v(\"02.02.2019\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"10px\",\"border-top\":\"1px solid #e4e2e2\"},attrs:{\"colSpan\":\"2\"}},[_c('table',[_c('tr',[_c('td',{staticStyle:{\"padding-bottom\":\"20px\"}},[_c('h3',{staticStyle:{\"color\":\"#303030\",\"font-size\":\"18px\",\"line-height\":\"1.6\",\"font-weight\":\"500\"}},[_vm._v(\"Latest from Blog\")]),_vm._v(\" \"),_c('p',{staticStyle:{\"color\":\"#8f8f8f\",\"font-size\":\"14px\",\"padding-bottom\":\"20px\",\"line-height\":\"1.4\"}},[_vm._v(\"\\r\\n                                            Dynamically target high-payoff intellectual capital for customized technologies. Objectively integrate emerging core competencies before process-centric communities.\\r\\n                                        \")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-bottom\":\"30px\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"object-fit\":\"cover\",\"border-radius\":\"3px\",\"margin-bottom\":\"5px\"},attrs:{\"src\":\"https://dore-jquery.coloredstrategies.com/img/carousel-1.jpg\"}})]),_vm._v(\" \"),_c('h4',{staticStyle:{\"font-size\":\"16px\",\"line-height\":\"1\",\"margin-bottom\":\"5px\",\"margin-top\":\"10px\"}},[_c('a',{staticStyle:{\"text-decoration\":\"none\",\"color\":\"#303030\",\"font-weight\":\"500\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Distinctively Exploit Optimal Alignments\")])]),_vm._v(\" \"),_c('p',{staticStyle:{\"color\":\"#8f8f8f\",\"font-size\":\"14px\",\"line-height\":\"1.4\",\"margin-top\":\"10px\"}},[_vm._v(\"\\r\\n                                            Objectively integrate emerging core competencies before integrate emerging process-centric communities.\\r\\n                                        \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"14px\",\"line-height\":\"1\",\"margin-top\":\"5px\"}},[_c('a',{staticStyle:{\"color\":\"#f18024\",\"text-decoration\":\"initial\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Learn More\")])])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"border-top\":\"1px solid #e4e2e2\",\"padding-bottom\":\"10px\"},attrs:{\"colSpan\":\"3\"}},[_vm._v(\" \")])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-bottom\":\"30px\"}},[_c('a',{attrs:{\"href\":\"#\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"object-fit\":\"cover\",\"border-radius\":\"3px\",\"margin-bottom\":\"5px\"},attrs:{\"src\":\"https://dore-jquery.coloredstrategies.com/img/carousel-2.jpg\"}})]),_vm._v(\" \"),_c('h4',{staticStyle:{\"font-size\":\"16px\",\"line-height\":\"1\",\"margin-bottom\":\"5px\",\"margin-top\":\"10px\"}},[_c('a',{staticStyle:{\"text-decoration\":\"none\",\"color\":\"#303030\",\"font-weight\":\"500\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Assertively Iterate Resource Maximizing\")])]),_vm._v(\" \"),_c('p',{staticStyle:{\"color\":\"#8f8f8f\",\"font-size\":\"14px\",\"line-height\":\"1.4\",\"margin-top\":\"10px\"}},[_vm._v(\"\\r\\n                                            Objectively integrate emerging core competencies before integrate emerging process-centric communities.\\r\\n                                        \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"14px\",\"line-height\":\"1\",\"margin-top\":\"5px\"}},[_c('a',{staticStyle:{\"color\":\"#f18024\",\"text-decoration\":\"initial\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Learn More\")])])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"border-top\":\"1px solid #e4e2e2\",\"padding-bottom\":\"10px\"},attrs:{\"colSpan\":\"3\"}},[_vm._v(\" \")])]),_vm._v(\" \"),_c('tr',[_c('td',[_c('a',{attrs:{\"href\":\"#\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"object-fit\":\"cover\",\"border-radius\":\"3px\",\"margin-bottom\":\"5px\"},attrs:{\"src\":\"https://dore-jquery.coloredstrategies.com/img/carousel-3.jpg\"}})]),_vm._v(\" \"),_c('h4',{staticStyle:{\"font-size\":\"16px\",\"line-height\":\"1\",\"margin-bottom\":\"5px\",\"margin-top\":\"10px\"}},[_c('a',{staticStyle:{\"text-decoration\":\"none\",\"color\":\"#303030\",\"font-weight\":\"500\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Objectively Manufactured Products\")])]),_vm._v(\" \"),_c('p',{staticStyle:{\"color\":\"#8f8f8f\",\"font-size\":\"14px\",\"line-height\":\"1.4\",\"margin-top\":\"10px\"}},[_vm._v(\"\\r\\n                                            Objectively integrate emerging core competencies before integrate emerging process-centric communities.\\r\\n                                        \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"14px\",\"line-height\":\"1\",\"margin-top\":\"5px\"}},[_c('a',{staticStyle:{\"color\":\"#f18024\",\"text-decoration\":\"initial\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Learn More\")])])])])])])])])]),_vm._v(\" \"),_c('table',{staticStyle:{\"margin-top\":\"30px\",\"padding-bottom\":\"20px\",\"margin-bottom\":\"40px\"}},[_c('tbody',[_c('tr',[_c('td',{attrs:{\"align\":\"center\",\"valign\":\"center\"}},[_c('p',{staticStyle:{\"font-size\":\"12px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"5px\"}},[_vm._v(\"\\r\\n                                ColoredStrategies Inc, 35 Little Russell St. Bloomsburg London,UK\\r\\n                            \")]),_vm._v(\" \"),_c('p',{staticStyle:{\"font-size\":\"12px\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"5px\",\"margin-bottom\":\"5px\"}},[_c('a',{staticStyle:{\"color\":\"#f18024\",\"text-decoration\":\"none\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Privacy Policy\")]),_vm._v(\" | \"),_c('a',{staticStyle:{\"color\":\"#f18024\",\"text-decoration\":\"none\"},attrs:{\"href\":\"#\"}},[_vm._v(\"Unscubscribe\")])])])])])])])],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Mailing.vue?vue&type=template&id=60863d58&\"\nvar script = {}\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-colxx',{staticClass:\"disable-text-selection\"},[_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('h1',[_vm._v(_vm._s(_vm.$t('menu.data-list')))]),_vm._v(\" \"),_c('div',{staticClass:\"float-sm-right\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modalright\",modifiers:{\"modalright\":true}}],staticClass:\"top-right-button\",attrs:{\"variant\":\"primary\",\"size\":\"lg\"}},[_vm._v(_vm._s(_vm.$t('pages.add-new')))]),_vm._v(\" \"),_c('b-button-group',[_c('b-dropdown',{staticClass:\"check-button\",attrs:{\"split\":\"\",\"right\":\"\",\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.selectAll(true)}}},[_c('label',{staticClass:\"custom-control custom-checkbox pl-4 mb-0 d-inline-block\",attrs:{\"slot\":\"button-content\"},slot:\"button-content\"},[_c('input',{directives:[{name:\"shortkey\",rawName:\"v-shortkey\",value:({select: ['ctrl','a'], undo: ['ctrl','d']}),expression:\"{select: ['ctrl','a'], undo: ['ctrl','d']}\"}],staticClass:\"custom-control-input\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.isSelectedAll},on:{\"shortkey\":_vm.keymap}}),_vm._v(\" \"),_c('span',{class:{\n              'custom-control-label' :true,\n              'indeterminate' : _vm.isAnyItemSelected\n            }})]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('pages.delete')))]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('pages.another-action')))])],1)],1),_vm._v(\" \"),_c('b-modal',{ref:\"modalright\",staticClass:\"modal-right\",attrs:{\"id\":\"modalright\",\"title\":_vm.$t('pages.add-new-modal-title')}},[_c('b-form',[_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.product-name')}},[_c('b-form-input',{model:{value:(_vm.newItem.title),callback:function ($$v) {_vm.$set(_vm.newItem, \"title\", $$v)},expression:\"newItem.title\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.category')}},[_c('v-select',{attrs:{\"options\":_vm.categories},model:{value:(_vm.newItem.category),callback:function ($$v) {_vm.$set(_vm.newItem, \"category\", $$v)},expression:\"newItem.category\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.description')}},[_c('b-textarea',{attrs:{\"rows\":2,\"max-rows\":2},model:{value:(_vm.newItem.description),callback:function ($$v) {_vm.$set(_vm.newItem, \"description\", $$v)},expression:\"newItem.description\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.status')}},[_c('b-form-radio-group',{staticClass:\"pt-2\",attrs:{\"stacked\":\"\",\"options\":_vm.statuses},model:{value:(_vm.newItem.status),callback:function ($$v) {_vm.$set(_vm.newItem, \"status\", $$v)},expression:\"newItem.status\"}})],1)],1),_vm._v(\" \"),_c('template',{slot:\"modal-footer\"},[_c('b-button',{attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function($event){return _vm.hideModal('modalright')}}},[_vm._v(_vm._s(_vm.$t('pages.cancel')))]),_vm._v(\" \"),_c('b-button',{staticClass:\"mr-1\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.addNewItem()}}},[_vm._v(_vm._s(_vm.$t('pages.submit')))])],1)],2)],1),_vm._v(\" \"),_c('piaf-breadcrumb'),_vm._v(\" \"),_c('div',{staticClass:\"mb-2 mt-2\"},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.displayOptions\",modifiers:{\"displayOptions\":true}}],staticClass:\"pt-0 pl-0 d-inline-block d-md-none\",attrs:{\"variant\":\"empty\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('pages.display-options'))+\"\\n          \"),_c('i',{staticClass:\"simple-icon-arrow-down align-middle\"})]),_vm._v(\" \"),_c('b-collapse',{staticClass:\"d-md-block\",attrs:{\"id\":\"displayOptions\"}},[_c('span',{staticClass:\"mr-3 mb-2 d-inline-block float-md-left\"},[_c('a',{class:{'mr-2 view-icon':true,'active': _vm.displayMode==='list'},on:{\"click\":function($event){return _vm.changeDisplayMode('list')}}},[_c('data-list-icon')],1),_vm._v(\" \"),_c('a',{class:{'mr-2 view-icon':true,'active': _vm.displayMode==='thumb'},on:{\"click\":function($event){return _vm.changeDisplayMode('thumb')}}},[_c('thumb-list-icon')],1),_vm._v(\" \"),_c('a',{class:{'mr-2 view-icon':true,'active': _vm.displayMode==='image'},on:{\"click\":function($event){return _vm.changeDisplayMode('image')}}},[_c('image-list-icon')],1)]),_vm._v(\" \"),_c('div',{staticClass:\"d-block d-md-inline-block mb-2\"},[_c('b-dropdown',{staticClass:\"mr-1 float-md-left btn-group\",attrs:{\"id\":\"ddown1\",\"text\":((_vm.$t('pages.orderby')) + \" \" + (_vm.sort.label)),\"variant\":\"outline-dark\",\"size\":\"xs\"}},_vm._l((_vm.sortOptions),function(order,index){return _c('b-dropdown-item',{key:index,on:{\"click\":function($event){return _vm.changeOrderBy(order)}}},[_vm._v(_vm._s(order.label))])}),1),_vm._v(\" \"),_c('div',{staticClass:\"search-sm d-inline-block float-md-left mr-1 align-top\"},[_c('b-input',{attrs:{\"placeholder\":_vm.$t('menu.search')},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"float-md-right\"},[_c('span',{staticClass:\"text-muted text-small mr-1 mb-2\"},[_vm._v(_vm._s(_vm.from)+\"-\"+_vm._s(_vm.to)+\" of \"+_vm._s(_vm.total))]),_vm._v(\" \"),_c('b-dropdown',{staticClass:\"d-inline-block\",attrs:{\"id\":\"ddown2\",\"right\":\"\",\"text\":(\"\" + _vm.perPage),\"variant\":\"outline-dark\",\"size\":\"xs\"}},_vm._l((_vm.pageSizes),function(size,index){return _c('b-dropdown-item',{key:index,on:{\"click\":function($event){return _vm.changePageSize(size)}}},[_vm._v(_vm._s(size))])}),1)],1)])],1),_vm._v(\" \"),_c('div',{staticClass:\"separator mb-5\"})],1)],1),_vm._v(\" \"),(_vm.isLoad)?[(_vm.displayMode==='image')?_c('b-row',{key:\"image\"},_vm._l((_vm.items),function(item,index){return _c('b-colxx',{key:index,staticClass:\"mb-3\",attrs:{\"sm\":\"6\",\"lg\":\"4\",\"xl\":\"3\",\"id\":item.id}},[_c('image-list-item',{directives:[{name:\"contextmenu\",rawName:\"v-contextmenu:contextmenu\",arg:\"contextmenu\"}],key:item.id,attrs:{\"data\":item,\"selected-items\":_vm.selectedItems},on:{\"toggle-item\":_vm.toggleItem}})],1)}),1):(_vm.displayMode==='thumb')?_c('b-row',{key:\"thumb\"},_vm._l((_vm.items),function(item,index){return _c('b-colxx',{key:index,staticClass:\"mb-3\",attrs:{\"xxs\":\"12\",\"id\":item.id}},[_c('thumb-list-item',{directives:[{name:\"contextmenu\",rawName:\"v-contextmenu:contextmenu\",arg:\"contextmenu\"}],key:item.id,attrs:{\"data\":item,\"selected-items\":_vm.selectedItems},on:{\"toggle-item\":_vm.toggleItem}})],1)}),1):(_vm.displayMode==='list')?_c('b-row',{key:\"list\"},_vm._l((_vm.items),function(item,index){return _c('b-colxx',{key:index,staticClass:\"mb-3\",attrs:{\"xxs\":\"12\",\"id\":item.id}},[_c('data-list-item',{directives:[{name:\"contextmenu\",rawName:\"v-contextmenu:contextmenu\",arg:\"contextmenu\"}],key:item.id,attrs:{\"data\":item,\"selected-items\":_vm.selectedItems},on:{\"toggle-item\":_vm.toggleItem}})],1)}),1):_vm._e(),_vm._v(\" \"),(_vm.lastPage>1)?_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('b-pagination-nav',{attrs:{\"number-of-pages\":_vm.lastPage,\"link-gen\":_vm.linkGen,\"per-page\":_vm.perPage,\"align\":\"center\"},scopedSlots:_vm._u([{key:\"next-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-arrow-right\"})]},proxy:true},{key:\"prev-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-arrow-left\"})]},proxy:true},{key:\"first-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-control-start\"})]},proxy:true},{key:\"last-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-control-end\"})]},proxy:true}],null,false,2104427419),model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}})],1)],1):_vm._e()]:[_c('div',{staticClass:\"loading\"})],_vm._v(\" \"),_c('v-contextmenu',{ref:\"contextmenu\",on:{\"contextmenu\":_vm.handleContextmenu}},[_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextCopy()}}},[_c('i',{staticClass:\"simple-icon-docs\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Copy\")])]),_vm._v(\" \"),_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextArchive()}}},[_c('i',{staticClass:\"simple-icon-drawer\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Move to archive\")])]),_vm._v(\" \"),_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextDelete()}}},[_c('i',{staticClass:\"simple-icon-trash\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Delete\")])])],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-colxx class=\"disable-text-selection\">\r\n    <b-row>\r\n      <b-colxx xxs=\"12\">\r\n        <h1>{{ $t('menu.data-list') }}</h1>\r\n        <div class=\"float-sm-right\">\r\n          <b-button\r\n            v-b-modal.modalright\r\n            variant=\"primary\"\r\n            size=\"lg\"\r\n            class=\"top-right-button\"\r\n          >{{ $t('pages.add-new') }}</b-button>\r\n          <b-button-group>\r\n            <b-dropdown split right @click=\"selectAll(true)\" class=\"check-button\" variant=\"primary\">\r\n              <label\r\n                class=\"custom-control custom-checkbox pl-4 mb-0 d-inline-block\"\r\n                slot=\"button-content\"\r\n              >\r\n                <input\r\n                  class=\"custom-control-input\"\r\n                  type=\"checkbox\"\r\n                  :checked=\"isSelectedAll\"\r\n                  v-shortkey=\"{select: ['ctrl','a'], undo: ['ctrl','d']}\"\r\n                  @shortkey=\"keymap\"\r\n                >\r\n                <span\r\n                  :class=\"{\r\n                'custom-control-label' :true,\r\n                'indeterminate' : isAnyItemSelected\r\n              }\"\r\n                />\r\n              </label>\r\n              <b-dropdown-item>{{$t('pages.delete')}}</b-dropdown-item>\r\n              <b-dropdown-item>{{$t('pages.another-action')}}</b-dropdown-item>\r\n            </b-dropdown>\r\n          </b-button-group>\r\n          <b-modal\r\n            id=\"modalright\"\r\n            ref=\"modalright\"\r\n            :title=\"$t('pages.add-new-modal-title')\"\r\n            class=\"modal-right\"\r\n          >\r\n            <b-form>\r\n              <b-form-group :label=\"$t('pages.product-name')\">\r\n                <b-form-input v-model=\"newItem.title\"/>\r\n              </b-form-group>\r\n              <b-form-group :label=\"$t('pages.category')\">\r\n                <v-select :options=\"categories\" v-model=\"newItem.category\"/>\r\n              </b-form-group>\r\n              <b-form-group :label=\"$t('pages.description')\">\r\n                <b-textarea v-model=\"newItem.description\" :rows=\"2\" :max-rows=\"2\"/>\r\n              </b-form-group>\r\n              <b-form-group :label=\"$t('pages.status')\">\r\n                <b-form-radio-group\r\n                  stacked\r\n                  class=\"pt-2\"\r\n                  :options=\"statuses\"\r\n                  v-model=\"newItem.status\"\r\n                />\r\n              </b-form-group>\r\n            </b-form>\r\n\r\n            <template slot=\"modal-footer\">\r\n              <b-button\r\n                variant=\"outline-secondary\"\r\n                @click=\"hideModal('modalright')\"\r\n              >{{ $t('pages.cancel') }}</b-button>\r\n              <b-button\r\n                variant=\"primary\"\r\n                @click=\"addNewItem()\"\r\n                class=\"mr-1\"\r\n              >{{ $t('pages.submit') }}</b-button>\r\n            </template>\r\n          </b-modal>\r\n        </div>\r\n        <piaf-breadcrumb/>\r\n        <div class=\"mb-2 mt-2\">\r\n          <b-button\r\n            variant=\"empty\"\r\n            class=\"pt-0 pl-0 d-inline-block d-md-none\"\r\n            v-b-toggle.displayOptions\r\n          >\r\n            {{ $t('pages.display-options') }}\r\n            <i class=\"simple-icon-arrow-down align-middle\"/>\r\n          </b-button>\r\n          <b-collapse id=\"displayOptions\" class=\"d-md-block\">\r\n            <span class=\"mr-3 mb-2 d-inline-block float-md-left\">\r\n              <a\r\n                :class=\"{'mr-2 view-icon':true,'active': displayMode==='list'}\"\r\n                @click=\"changeDisplayMode('list')\"\r\n              >\r\n                <data-list-icon/>\r\n              </a>\r\n              <a\r\n                :class=\"{'mr-2 view-icon':true,'active': displayMode==='thumb'}\"\r\n                @click=\"changeDisplayMode('thumb')\"\r\n              >\r\n                <thumb-list-icon/>\r\n              </a>\r\n              <a\r\n                :class=\"{'mr-2 view-icon':true,'active': displayMode==='image'}\"\r\n                @click=\"changeDisplayMode('image')\"\r\n              >\r\n                <image-list-icon/>\r\n              </a>\r\n            </span>\r\n            <div class=\"d-block d-md-inline-block mb-2\">\r\n              <b-dropdown\r\n                id=\"ddown1\"\r\n                :text=\"`${$t('pages.orderby')} ${sort.label}`\"\r\n                variant=\"outline-dark\"\r\n                class=\"mr-1 float-md-left btn-group\"\r\n                size=\"xs\"\r\n              >\r\n                <b-dropdown-item\r\n                  v-for=\"(order,index) in sortOptions\"\r\n                  :key=\"index\"\r\n                  @click=\"changeOrderBy(order)\"\r\n                >{{ order.label }}</b-dropdown-item>\r\n              </b-dropdown>\r\n\r\n              <div class=\"search-sm d-inline-block float-md-left mr-1 align-top\">\r\n                <b-input :placeholder=\"$t('menu.search')\" v-model=\"search\"/>\r\n              </div>\r\n            </div>\r\n            <div class=\"float-md-right\">\r\n              <span class=\"text-muted text-small mr-1 mb-2\">{{from}}-{{to}} of {{ total }}</span>\r\n              <b-dropdown\r\n                id=\"ddown2\"\r\n                right\r\n                :text=\"`${perPage}`\"\r\n                variant=\"outline-dark\"\r\n                class=\"d-inline-block\"\r\n                size=\"xs\"\r\n              >\r\n                <b-dropdown-item\r\n                  v-for=\"(size,index) in pageSizes\"\r\n                  :key=\"index\"\r\n                  @click=\"changePageSize(size)\"\r\n                >{{ size }}</b-dropdown-item>\r\n              </b-dropdown>\r\n            </div>\r\n          </b-collapse>\r\n        </div>\r\n        <div class=\"separator mb-5\"/>\r\n      </b-colxx>\r\n    </b-row>\r\n    <template v-if=\"isLoad\">\r\n      <b-row v-if=\"displayMode==='image'\" key=\"image\">\r\n        <b-colxx\r\n          sm=\"6\"\r\n          lg=\"4\"\r\n          xl=\"3\"\r\n          class=\"mb-3\"\r\n          v-for=\"(item,index) in items\"\r\n          :key=\"index\"\r\n          :id=\"item.id\"\r\n        >\r\n          <image-list-item\r\n            :key=\"item.id\"\r\n            :data=\"item\"\r\n            :selected-items=\"selectedItems\"\r\n            @toggle-item=\"toggleItem\"\r\n            v-contextmenu:contextmenu\r\n          />\r\n        </b-colxx>\r\n      </b-row>\r\n      <b-row v-else-if=\"displayMode==='thumb'\" key=\"thumb\">\r\n        <b-colxx xxs=\"12\" class=\"mb-3\" v-for=\"(item,index) in items\" :key=\"index\" :id=\"item.id\">\r\n          <thumb-list-item\r\n            :key=\"item.id\"\r\n            :data=\"item\"\r\n            :selected-items=\"selectedItems\"\r\n            @toggle-item=\"toggleItem\"\r\n            v-contextmenu:contextmenu\r\n          />\r\n        </b-colxx>\r\n      </b-row>\r\n      <b-row v-else-if=\"displayMode==='list'\" key=\"list\">\r\n        <b-colxx xxs=\"12\" class=\"mb-3\" v-for=\"(item,index) in items\" :key=\"index\" :id=\"item.id\">\r\n          <data-list-item\r\n            :key=\"item.id\"\r\n            :data=\"item\"\r\n            :selected-items=\"selectedItems\"\r\n            @toggle-item=\"toggleItem\"\r\n            v-contextmenu:contextmenu\r\n          />\r\n        </b-colxx>\r\n      </b-row>\r\n      <b-row v-if=\"lastPage>1\">\r\n        <b-colxx xxs=\"12\">\r\n          <b-pagination-nav\r\n            :number-of-pages=\"lastPage\"\r\n            :link-gen=\"linkGen\"\r\n            v-model=\"page\"\r\n            :per-page=\"perPage\"\r\n            align=\"center\"\r\n          >\r\n            <template v-slot:next-text>\r\n              <i class=\"simple-icon-arrow-right\"/>\r\n            </template>\r\n            <template v-slot:prev-text>\r\n              <i class=\"simple-icon-arrow-left\"/>\r\n            </template>\r\n            <template v-slot:first-text>\r\n              <i class=\"simple-icon-control-start\"/>\r\n            </template>\r\n            <template v-slot:last-text>\r\n              <i class=\"simple-icon-control-end\"/>\r\n            </template>\r\n          </b-pagination-nav>\r\n        </b-colxx>\r\n      </b-row>\r\n    </template>\r\n    <template v-else>\r\n      <div class=\"loading\"></div>\r\n    </template>\r\n    <v-contextmenu ref=\"contextmenu\" @contextmenu=\"handleContextmenu\">\r\n      <v-contextmenu-item @click=\"onContextCopy()\">\r\n        <i class=\"simple-icon-docs\"/>\r\n        <span>Copy</span>\r\n      </v-contextmenu-item>\r\n      <v-contextmenu-item @click=\"onContextArchive()\">\r\n        <i class=\"simple-icon-drawer\"/>\r\n        <span>Move to archive</span>\r\n      </v-contextmenu-item>\r\n      <v-contextmenu-item @click=\"onContextDelete()\">\r\n        <i class=\"simple-icon-trash\"/>\r\n        <span>Delete</span>\r\n      </v-contextmenu-item>\r\n    </v-contextmenu>\r\n  </b-colxx>\r\n</template>\r\n<script>\r\nimport { DataListIcon, ThumbListIcon, ImageListIcon } from '@/components/Svg'\r\nimport vSelect from 'vue-select'\r\nimport axios from 'axios'\r\n\r\nimport ImageListItem from '@/components/Listing/ImageListItem'\r\nimport ThumbListItem from '@/components/Listing/ThumbListItem'\r\nimport DataListItem from '@/components/Listing/DataListItem'\r\nimport { apiUrl } from '@/constants/config'\r\n\r\nexport default {\r\n  components: {\r\n    DataListIcon,\r\n    ThumbListIcon,\r\n    ImageListIcon,\r\n    vSelect,\r\n    ImageListItem,\r\n    ThumbListItem,\r\n    DataListItem\r\n  },\r\n  data () {\r\n    return {\r\n      isLoad: false,\r\n      apiBase: apiUrl + '/cakes/fordatatable',\r\n      displayMode: 'list',\r\n      sort: { column: 'title', label: 'Product Name' },\r\n      sortOptions: [\r\n        { column: 'title', label: 'Product Name' },\r\n        { column: 'category', label: 'Category' },\r\n        { column: 'status', label: 'Status' }\r\n      ],\r\n      page: 1,\r\n      perPage: 4,\r\n      search: '',\r\n      from: 0,\r\n      to: 0,\r\n      total: 0,\r\n      lastPage: 0,\r\n      items: [],\r\n      pageSizes: [4, 8, 12],\r\n      selectedItems: [],\r\n      categories: [\r\n        { label: 'Cakes', value: 'Cakes' },\r\n        { label: 'Cupcakes', value: 'Cupcakes' },\r\n        { label: 'Desserts', value: 'Desserts' }\r\n      ],\r\n      statuses: [\r\n        { text: 'ON HOLD', value: 'ON HOLD' },\r\n        { text: 'PROCESSED', value: 'PROCESSED' }\r\n      ],\r\n      newItem: {\r\n        title: '',\r\n        category: '',\r\n        description: '',\r\n        status: ''\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    loadItems () {\r\n      this.isLoad = false\r\n\r\n      axios\r\n        .get(this.apiUrl)\r\n        .then(response => {\r\n          return response.data\r\n        })\r\n        .then(res => {\r\n          this.total = res.total\r\n          this.from = res.from\r\n          this.to = res.to\r\n          this.items = res.data\r\n          this.perPage = res.per_page\r\n          this.selectedItems = []\r\n          this.lastPage = res.last_page\r\n          this.isLoad = true\r\n        })\r\n    },\r\n    hideModal (refname) {\r\n      this.$refs[refname].hide()\r\n    },\r\n    changeDisplayMode (displayType) {\r\n      this.displayMode = displayType\r\n    },\r\n    changePageSize (perPage) {\r\n      this.perPage = perPage\r\n    },\r\n    changeOrderBy (sort) {\r\n      this.sort = sort\r\n    },\r\n    addNewItem () {\r\n      console.log('adding item : ', this.newItem)\r\n    },\r\n    selectAll (isToggle) {\r\n      if (this.selectedItems.length >= this.items.length) {\r\n        if (isToggle) this.selectedItems = []\r\n      } else {\r\n        this.selectedItems = this.items.map(x => x.id)\r\n      }\r\n    },\r\n    keymap (event) {\r\n      switch (event.srcKey) {\r\n        case 'select':\r\n          this.selectAll(false)\r\n          break\r\n        case 'undo':\r\n          this.selectedItems = []\r\n          break\r\n      }\r\n    },\r\n    getIndex (value, arr, prop) {\r\n      for (var i = 0; i < arr.length; i++) {\r\n        if (arr[i][prop] === value) {\r\n          return i\r\n        }\r\n      }\r\n      return -1\r\n    },\r\n    toggleItem (event, itemId) {\r\n      if (event.shiftKey && this.selectedItems.length > 0) {\r\n        let itemsForToggle = this.items\r\n        var start = this.getIndex(itemId, itemsForToggle, 'id')\r\n        var end = this.getIndex(\r\n          this.selectedItems[this.selectedItems.length - 1],\r\n          itemsForToggle,\r\n          'id'\r\n        )\r\n        itemsForToggle = itemsForToggle.slice(\r\n          Math.min(start, end),\r\n          Math.max(start, end) + 1\r\n        )\r\n        this.selectedItems.push(\r\n          ...itemsForToggle.map(item => {\r\n            return item.id\r\n          })\r\n        )\r\n      } else {\r\n        if (this.selectedItems.includes(itemId)) {\r\n          this.selectedItems = this.selectedItems.filter(x => x !== itemId)\r\n        } else this.selectedItems.push(itemId)\r\n      }\r\n    },\r\n    handleContextmenu (vnode) {\r\n      if (!this.selectedItems.includes(vnode.key)) {\r\n        this.selectedItems = [vnode.key]\r\n      }\r\n    },\r\n    onContextCopy () {\r\n      console.log(\r\n        'context menu item clicked - Copy Items: ',\r\n        this.selectedItems\r\n      )\r\n    },\r\n    onContextArchive () {\r\n      console.log(\r\n        'context menu item clicked - Move to Archive Items: ',\r\n        this.selectedItems\r\n      )\r\n    },\r\n    onContextDelete () {\r\n      console.log(\r\n        'context menu item clicked - Delete Items: ',\r\n        this.selectedItems\r\n      )\r\n    },\r\n    linkGen (pageNum) {\r\n      return '#page-' + pageNum\r\n    }\r\n  },\r\n  computed: {\r\n    isSelectedAll () {\r\n      return this.selectedItems.length >= this.items.length\r\n    },\r\n    isAnyItemSelected () {\r\n      return (\r\n        this.selectedItems.length > 0 &&\r\n        this.selectedItems.length < this.items.length\r\n      )\r\n    },\r\n    apiUrl () {\r\n      return `${this.apiBase}?sort=${this.sort.column}&page=${\r\n        this.page\r\n      }&per_page=${this.perPage}&search=${this.search}`\r\n    }\r\n  },\r\n  watch: {\r\n    search () {\r\n      this.page = 1\r\n    },\r\n    apiUrl () {\r\n      this.loadItems()\r\n    }\r\n  },\r\n  mounted () {\r\n    this.loadItems()\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataList.vue?vue&type=template&id=765e585c&\"\nimport script from \"./DataList.vue?vue&type=script&lang=js&\"\nexport * from \"./DataList.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-colxx',{staticClass:\"disable-text-selection\"},[_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('h1',[_vm._v(_vm._s(_vm.$t('menu.image-list')))]),_vm._v(\" \"),_c('div',{staticClass:\"float-sm-right\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modalright\",modifiers:{\"modalright\":true}}],staticClass:\"top-right-button\",attrs:{\"variant\":\"primary\",\"size\":\"lg\"}},[_vm._v(_vm._s(_vm.$t('pages.add-new')))]),_vm._v(\" \"),_c('b-button-group',[_c('b-dropdown',{staticClass:\"check-button\",attrs:{\"split\":\"\",\"right\":\"\",\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.selectAll(true)}}},[_c('label',{staticClass:\"custom-control custom-checkbox pl-4 mb-0 d-inline-block\",attrs:{\"slot\":\"button-content\"},slot:\"button-content\"},[_c('input',{directives:[{name:\"shortkey\",rawName:\"v-shortkey\",value:({select: ['ctrl','a'], undo: ['ctrl','d']}),expression:\"{select: ['ctrl','a'], undo: ['ctrl','d']}\"}],staticClass:\"custom-control-input\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.isSelectedAll},on:{\"shortkey\":_vm.keymap}}),_vm._v(\" \"),_c('span',{class:{\r\n                'custom-control-label' :true,\r\n                'indeterminate' : _vm.isAnyItemSelected\r\n              }})]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('pages.delete')))]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('pages.another-action')))])],1)],1),_vm._v(\" \"),_c('b-modal',{ref:\"modalright\",staticClass:\"modal-right\",attrs:{\"id\":\"modalright\",\"title\":_vm.$t('pages.add-new-modal-title')}},[_c('b-form',[_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.product-name')}},[_c('b-form-input',{model:{value:(_vm.newItem.title),callback:function ($$v) {_vm.$set(_vm.newItem, \"title\", $$v)},expression:\"newItem.title\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.category')}},[_c('v-select',{attrs:{\"options\":_vm.categories},model:{value:(_vm.newItem.category),callback:function ($$v) {_vm.$set(_vm.newItem, \"category\", $$v)},expression:\"newItem.category\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.description')}},[_c('b-textarea',{attrs:{\"rows\":2,\"max-rows\":2},model:{value:(_vm.newItem.description),callback:function ($$v) {_vm.$set(_vm.newItem, \"description\", $$v)},expression:\"newItem.description\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.status')}},[_c('b-form-radio-group',{staticClass:\"pt-2\",attrs:{\"stacked\":\"\",\"options\":_vm.statuses},model:{value:(_vm.newItem.status),callback:function ($$v) {_vm.$set(_vm.newItem, \"status\", $$v)},expression:\"newItem.status\"}})],1)],1),_vm._v(\" \"),_c('template',{slot:\"modal-footer\"},[_c('b-button',{attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function($event){return _vm.hideModal('modalright')}}},[_vm._v(_vm._s(_vm.$t('pages.cancel')))]),_vm._v(\" \"),_c('b-button',{staticClass:\"mr-1\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.addNewItem()}}},[_vm._v(_vm._s(_vm.$t('pages.submit')))])],1)],2)],1),_vm._v(\" \"),_c('piaf-breadcrumb'),_vm._v(\" \"),_c('div',{staticClass:\"mb-2 mt-2\"},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.displayOptions\",modifiers:{\"displayOptions\":true}}],staticClass:\"pt-0 pl-0 d-inline-block d-md-none\",attrs:{\"variant\":\"empty\"}},[_vm._v(\"\\r\\n          \"+_vm._s(_vm.$t('pages.display-options'))+\" \"),_c('i',{staticClass:\"simple-icon-arrow-down align-middle\"})]),_vm._v(\" \"),_c('b-collapse',{staticClass:\"d-md-block\",attrs:{\"id\":\"displayOptions\"}},[_c('span',{staticClass:\"mr-3 mb-2 d-inline-block float-md-left\"},[_c('a',{class:{'mr-2 view-icon':true,'active': _vm.displayMode==='list'},on:{\"click\":function($event){return _vm.changeDisplayMode('list')}}},[_c('data-list-icon')],1),_vm._v(\" \"),_c('a',{class:{'mr-2 view-icon':true,'active': _vm.displayMode==='thumb'},on:{\"click\":function($event){return _vm.changeDisplayMode('thumb')}}},[_c('thumb-list-icon')],1),_vm._v(\" \"),_c('a',{class:{'mr-2 view-icon':true,'active': _vm.displayMode==='image'},on:{\"click\":function($event){return _vm.changeDisplayMode('image')}}},[_c('image-list-icon')],1)]),_vm._v(\" \"),_c('div',{staticClass:\"d-block d-md-inline-block mb-2\"},[_c('b-dropdown',{staticClass:\"mr-1 float-md-left btn-group\",attrs:{\"id\":\"ddown1\",\"text\":((_vm.$t('pages.orderby')) + \" \" + (_vm.sort.label)),\"variant\":\"outline-dark\",\"size\":\"xs\"}},_vm._l((_vm.sortOptions),function(order,index){return _c('b-dropdown-item',{key:index,on:{\"click\":function($event){return _vm.changeOrderBy(order)}}},[_vm._v(_vm._s(order.label))])}),1),_vm._v(\" \"),_c('div',{staticClass:\"search-sm d-inline-block float-md-left mr-1 align-top\"},[_c('b-input',{attrs:{\"placeholder\":_vm.$t('menu.search')},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"float-md-right\"},[_c('span',{staticClass:\"text-muted text-small mr-1 mb-2\"},[_vm._v(_vm._s(_vm.from)+\"-\"+_vm._s(_vm.to)+\" of \"+_vm._s(_vm.total))]),_vm._v(\" \"),_c('b-dropdown',{staticClass:\"d-inline-block\",attrs:{\"id\":\"ddown2\",\"right\":\"\",\"text\":(\"\" + _vm.perPage),\"variant\":\"outline-dark\",\"size\":\"xs\"}},_vm._l((_vm.pageSizes),function(size,index){return _c('b-dropdown-item',{key:index,on:{\"click\":function($event){return _vm.changePageSize(size)}}},[_vm._v(_vm._s(size))])}),1)],1)])],1),_vm._v(\" \"),_c('div',{staticClass:\"separator mb-5\"})],1)],1),_vm._v(\" \"),(_vm.isLoad)?[(_vm.displayMode==='image')?_c('b-row',{key:\"image\"},_vm._l((_vm.items),function(item,index){return _c('b-colxx',{key:index,staticClass:\"mb-5\",attrs:{\"sm\":\"6\",\"lg\":\"4\",\"xl\":\"3\",\"id\":item.id}},[_c('image-list-item',{directives:[{name:\"contextmenu\",rawName:\"v-contextmenu:contextmenu\",arg:\"contextmenu\"}],key:item.id,attrs:{\"data\":item,\"selected-items\":_vm.selectedItems},on:{\"toggle-item\":_vm.toggleItem}})],1)}),1):(_vm.displayMode==='thumb')?_c('b-row',{key:\"thumb\"},_vm._l((_vm.items),function(item,index){return _c('b-colxx',{key:index,staticClass:\"mb-3\",attrs:{\"xxs\":\"12\",\"id\":item.id}},[_c('thumb-list-item',{directives:[{name:\"contextmenu\",rawName:\"v-contextmenu:contextmenu\",arg:\"contextmenu\"}],key:item.id,attrs:{\"data\":item,\"selected-items\":_vm.selectedItems},on:{\"toggle-item\":_vm.toggleItem}})],1)}),1):(_vm.displayMode==='list')?_c('b-row',{key:\"list\"},_vm._l((_vm.items),function(item,index){return _c('b-colxx',{key:index,staticClass:\"mb-3\",attrs:{\"xxs\":\"12\",\"id\":item.id}},[_c('data-list-item',{directives:[{name:\"contextmenu\",rawName:\"v-contextmenu:contextmenu\",arg:\"contextmenu\"}],key:item.id,attrs:{\"data\":item,\"selected-items\":_vm.selectedItems},on:{\"toggle-item\":_vm.toggleItem}})],1)}),1):_vm._e(),_vm._v(\" \"),(_vm.lastPage>1)?_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('b-pagination-nav',{attrs:{\"number-of-pages\":_vm.lastPage,\"link-gen\":_vm.linkGen,\"per-page\":_vm.perPage,\"align\":\"center\"},scopedSlots:_vm._u([{key:\"next-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-arrow-right\"})]},proxy:true},{key:\"prev-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-arrow-left\"})]},proxy:true},{key:\"first-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-control-start\"})]},proxy:true},{key:\"last-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-control-end\"})]},proxy:true}],null,false,2104427419),model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}})],1)],1):_vm._e()]:[_c('div',{staticClass:\"loading\"})],_vm._v(\" \"),_c('v-contextmenu',{ref:\"contextmenu\",on:{\"contextmenu\":_vm.handleContextmenu}},[_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextCopy()}}},[_c('i',{staticClass:\"simple-icon-docs\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Copy\")])]),_vm._v(\" \"),_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextArchive()}}},[_c('i',{staticClass:\"simple-icon-drawer\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Move to archive\")])]),_vm._v(\" \"),_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextDelete()}}},[_c('i',{staticClass:\"simple-icon-trash\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Delete\")])])],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<b-colxx class=\"disable-text-selection\">\r\n  <b-row>\r\n    <b-colxx xxs=\"12\">\r\n      <h1>{{ $t('menu.image-list') }}</h1>\r\n      <div class=\"float-sm-right\">\r\n        <b-button v-b-modal.modalright variant=\"primary\" size=\"lg\" class=\"top-right-button\">{{ $t('pages.add-new') }}</b-button>\r\n        <b-button-group>\r\n        <b-dropdown  split right @click=\"selectAll(true)\" class=\"check-button\" variant=\"primary\">\r\n            <label class=\"custom-control custom-checkbox pl-4 mb-0 d-inline-block\" slot=\"button-content\">\r\n              <input class=\"custom-control-input\" type=\"checkbox\"\r\n              :checked=\"isSelectedAll\"\r\n              v-shortkey=\"{select: ['ctrl','a'], undo: ['ctrl','d']}\" @shortkey=\"keymap\"\r\n              />\r\n              <span :class=\"{\r\n                'custom-control-label' :true,\r\n                'indeterminate' : isAnyItemSelected\r\n              }\"/>\r\n            </label>\r\n          <b-dropdown-item>{{$t('pages.delete')}}</b-dropdown-item>\r\n          <b-dropdown-item>{{$t('pages.another-action')}}</b-dropdown-item>\r\n        </b-dropdown>\r\n        </b-button-group>\r\n        <b-modal id=\"modalright\" ref=\"modalright\" :title=\"$t('pages.add-new-modal-title')\" class=\"modal-right\">\r\n             <b-form>\r\n              <b-form-group :label=\"$t('pages.product-name')\">\r\n                <b-form-input v-model=\"newItem.title\"  />\r\n              </b-form-group>\r\n              <b-form-group :label=\"$t('pages.category')\">\r\n                  <v-select  :options=\"categories\" v-model=\"newItem.category\"/>\r\n              </b-form-group>\r\n              <b-form-group  :label=\"$t('pages.description')\">\r\n                <b-textarea  v-model=\"newItem.description\"  :rows=\"2\" :max-rows=\"2\"/>\r\n              </b-form-group>\r\n              <b-form-group :label=\"$t('pages.status')\">\r\n                <b-form-radio-group stacked class=\"pt-2\" :options=\"statuses\" v-model=\"newItem.status\" />\r\n              </b-form-group>\r\n\r\n            </b-form>\r\n\r\n              <template slot=\"modal-footer\">\r\n                <b-button variant=\"outline-secondary\" @click=\"hideModal('modalright')\">{{ $t('pages.cancel') }}</b-button>\r\n                <b-button variant=\"primary\" @click=\"addNewItem()\" class=\"mr-1\">{{ $t('pages.submit') }}</b-button>\r\n              </template>\r\n          </b-modal>\r\n\r\n      </div>\r\n      <piaf-breadcrumb/>\r\n      <div class=\"mb-2 mt-2\">\r\n        <b-button variant=\"empty\" class=\"pt-0 pl-0 d-inline-block d-md-none\" v-b-toggle.displayOptions>\r\n          {{ $t('pages.display-options') }} <i class=\"simple-icon-arrow-down align-middle\" />\r\n        </b-button>\r\n        <b-collapse id=\"displayOptions\" class=\"d-md-block\">\r\n          <span class=\"mr-3 mb-2 d-inline-block float-md-left\">\r\n            <a :class=\"{'mr-2 view-icon':true,'active': displayMode==='list'}\" @click=\"changeDisplayMode('list')\"><data-list-icon/></a>\r\n            <a :class=\"{'mr-2 view-icon':true,'active': displayMode==='thumb'}\" @click=\"changeDisplayMode('thumb')\"><thumb-list-icon/></a>\r\n            <a :class=\"{'mr-2 view-icon':true,'active': displayMode==='image'}\" @click=\"changeDisplayMode('image')\"><image-list-icon/></a>\r\n          </span>\r\n          <div class=\"d-block d-md-inline-block mb-2\">\r\n            <b-dropdown id=\"ddown1\" :text=\"`${$t('pages.orderby')} ${sort.label}`\" variant=\"outline-dark\" class=\"mr-1 float-md-left btn-group \" size=\"xs\">\r\n                <b-dropdown-item v-for=\"(order,index) in sortOptions\" :key=\"index\" @click=\"changeOrderBy(order)\" >{{ order.label }}</b-dropdown-item>\r\n            </b-dropdown>\r\n\r\n            <div class=\"search-sm d-inline-block float-md-left mr-1 align-top\">\r\n              <b-input :placeholder=\"$t('menu.search')\" v-model=\"search\"/>\r\n            </div>\r\n          </div>\r\n          <div class=\"float-md-right\">\r\n            <span class=\"text-muted text-small mr-1 mb-2\">{{from}}-{{to}} of {{ total }}</span>\r\n            <b-dropdown id=\"ddown2\" right :text=\"`${perPage}`\" variant=\"outline-dark\" class=\"d-inline-block\" size=\"xs\">\r\n                <b-dropdown-item v-for=\"(size,index) in pageSizes\" :key=\"index\" @click=\"changePageSize(size)\" >{{ size }}</b-dropdown-item>\r\n            </b-dropdown>\r\n          </div>\r\n        </b-collapse>\r\n      </div>\r\n      <div class=\"separator mb-5\"/>\r\n    </b-colxx>\r\n  </b-row>\r\n  <template v-if=\"isLoad\">\r\n  <b-row v-if=\"displayMode==='image'\" key=\"image\">\r\n      <b-colxx  sm=\"6\" lg=\"4\" xl=\"3\" class=\"mb-5\" v-for=\"(item,index) in items\"   :key=\"index\"  :id=\"item.id\">\r\n        <image-list-item\r\n          :key=\"item.id\"\r\n          :data=\"item\"\r\n          :selected-items=\"selectedItems\"\r\n          @toggle-item=\"toggleItem\"\r\n          v-contextmenu:contextmenu\r\n        />\r\n      </b-colxx>\r\n    </b-row>\r\n    <b-row v-else-if=\"displayMode==='thumb'\" key=\"thumb\">\r\n      <b-colxx xxs=\"12\" class=\"mb-3\" v-for=\"(item,index) in items\"   :key=\"index\"  :id=\"item.id\">\r\n        <thumb-list-item\r\n          :key=\"item.id\"\r\n          :data=\"item\"\r\n          :selected-items=\"selectedItems\"\r\n          @toggle-item=\"toggleItem\"\r\n          v-contextmenu:contextmenu\r\n        />\r\n      </b-colxx>\r\n    </b-row>\r\n      <b-row v-else-if=\"displayMode==='list'\" key=\"list\">\r\n      <b-colxx xxs=\"12\" class=\"mb-3\" v-for=\"(item,index) in items\"   :key=\"index\"  :id=\"item.id\">\r\n        <data-list-item\r\n          :key=\"item.id\"\r\n          :data=\"item\"\r\n          :selected-items=\"selectedItems\"\r\n          @toggle-item=\"toggleItem\"\r\n          v-contextmenu:contextmenu\r\n        />\r\n      </b-colxx>\r\n    </b-row>\r\n    <b-row v-if=\"lastPage>1\">\r\n      <b-colxx xxs=\"12\">\r\n        <b-pagination-nav\r\n            :number-of-pages=\"lastPage\"\r\n            :link-gen=\"linkGen\"\r\n            v-model=\"page\"\r\n            :per-page=\"perPage\"\r\n            align=\"center\"\r\n          >\r\n            <template v-slot:next-text>\r\n              <i class=\"simple-icon-arrow-right\"/>\r\n            </template>\r\n            <template v-slot:prev-text>\r\n              <i class=\"simple-icon-arrow-left\"/>\r\n            </template>\r\n            <template v-slot:first-text>\r\n              <i class=\"simple-icon-control-start\"/>\r\n            </template>\r\n            <template v-slot:last-text>\r\n              <i class=\"simple-icon-control-end\"/>\r\n            </template>\r\n          </b-pagination-nav>\r\n\r\n      </b-colxx>\r\n    </b-row>\r\n\r\n    </template>\r\n    <template v-else>\r\n      <div class=\"loading\"></div>\r\n    </template>\r\n\r\n    <v-contextmenu ref=\"contextmenu\" @contextmenu=\"handleContextmenu\">\r\n      <v-contextmenu-item @click=\"onContextCopy()\"><i class=\"simple-icon-docs\" /> <span>Copy</span></v-contextmenu-item>\r\n      <v-contextmenu-item @click=\"onContextArchive()\"><i class=\"simple-icon-drawer\" /> <span>Move to archive</span></v-contextmenu-item>\r\n      <v-contextmenu-item @click=\"onContextDelete()\"><i class=\"simple-icon-trash\" /> <span>Delete</span></v-contextmenu-item>\r\n    </v-contextmenu>\r\n\r\n    </b-colxx>\r\n  </template>\r\n<script>\r\nimport { DataListIcon, ThumbListIcon, ImageListIcon } from '@/components/Svg'\r\nimport vSelect from 'vue-select'\r\nimport axios from 'axios'\r\n\r\nimport ImageListItem from '@/components/Listing/ImageListItem'\r\nimport ThumbListItem from '@/components/Listing/ThumbListItem'\r\nimport DataListItem from '@/components/Listing/DataListItem'\r\nimport { apiUrl } from '@/constants/config'\r\n\r\nexport default {\r\n  components: {\r\n    DataListIcon,\r\n    ThumbListIcon,\r\n    ImageListIcon,\r\n    vSelect,\r\n    ImageListItem,\r\n    ThumbListItem,\r\n    DataListItem\r\n  },\r\n  data () {\r\n    return {\r\n      isLoad: false,\r\n      apiBase: apiUrl + '/cakes/fordatatable',\r\n      displayMode: 'image',\r\n      sort: { column: 'title', label: 'Product Name' },\r\n      sortOptions: [\r\n        { column: 'title', label: 'Product Name' },\r\n        { column: 'category', label: 'Category' },\r\n        { column: 'status', label: 'Status' }\r\n      ],\r\n      page: 1,\r\n      perPage: 4,\r\n      search: '',\r\n      from: 0,\r\n      to: 0,\r\n      total: 0,\r\n      lastPage: 0,\r\n      items: [],\r\n      pageSizes: [4, 8, 12],\r\n      selectedItems: [],\r\n      categories: [\r\n        { label: 'Cakes', value: 'Cakes' },\r\n        { label: 'Cupcakes', value: 'Cupcakes' },\r\n        { label: 'Desserts', value: 'Desserts' }\r\n      ],\r\n      statuses: [\r\n        { text: 'ON HOLD', value: 'ON HOLD' },\r\n        { text: 'PROCESSED', value: 'PROCESSED' }\r\n      ],\r\n      newItem: {\r\n        title: '',\r\n        category: '',\r\n        description: '',\r\n        status: ''\r\n      }\r\n\r\n    }\r\n  },\r\n  methods: {\r\n    loadItems () {\r\n      this.isLoad = false\r\n      axios.get(this.apiUrl)\r\n        .then((response) => {\r\n          return response.data\r\n        })\r\n        .then((res) => {\r\n          this.total = res.total\r\n          this.from = res.from\r\n          this.to = res.to\r\n          this.items = res.data\r\n          this.perPage = res.per_page\r\n          this.selectedItems = []\r\n          this.lastPage = res.last_page\r\n          this.isLoad = true\r\n        })\r\n    },\r\n    hideModal (refname) {\r\n      this.$refs[refname].hide()\r\n    },\r\n    changeDisplayMode (displayType) {\r\n      this.displayMode = displayType\r\n    },\r\n    changePageSize (perPage) {\r\n      this.perPage = perPage\r\n    },\r\n    changeOrderBy (sort) {\r\n      this.sort = sort\r\n    },\r\n    addNewItem () {\r\n      console.log('adding item : ', this.newItem)\r\n    },\r\n    selectAll (isToggle) {\r\n      if (this.selectedItems.length >= this.items.length) {\r\n        if (isToggle) { this.selectedItems = [] }\r\n      } else {\r\n        this.selectedItems = this.items.map(x => x.id)\r\n      }\r\n    },\r\n    keymap (event) {\r\n      switch (event.srcKey) {\r\n        case 'select':\r\n          this.selectAll(false)\r\n          break\r\n        case 'undo':\r\n          this.selectedItems = []\r\n          break\r\n      }\r\n    },\r\n    getIndex (value, arr, prop) {\r\n      for (var i = 0; i < arr.length; i++) {\r\n        if (arr[i][prop] === value) {\r\n          return i\r\n        }\r\n      }\r\n      return -1\r\n    },\r\n    toggleItem (event, itemId) {\r\n      if (event.shiftKey && this.selectedItems.length > 0) {\r\n        let itemsForToggle = this.items\r\n        var start = this.getIndex(itemId, itemsForToggle, 'id')\r\n        var end = this.getIndex(this.selectedItems[this.selectedItems.length - 1], itemsForToggle, 'id')\r\n        itemsForToggle = itemsForToggle.slice(Math.min(start, end), Math.max(start, end) + 1)\r\n        this.selectedItems.push(\r\n          ...itemsForToggle.map(item => {\r\n            return item.id\r\n          })\r\n        )\r\n      } else {\r\n        if (this.selectedItems.includes(itemId)) {\r\n          this.selectedItems = this.selectedItems.filter(x => x !== itemId)\r\n        } else { this.selectedItems.push(itemId) }\r\n      }\r\n    },\r\n    handleContextmenu (vnode) {\r\n      if (!this.selectedItems.includes(vnode.key)) {\r\n        this.selectedItems = [vnode.key]\r\n      }\r\n    },\r\n    onContextCopy () {\r\n      console.log('context menu item clicked - Copy Items: ', this.selectedItems)\r\n    },\r\n    onContextArchive () {\r\n      console.log('context menu item clicked - Move to Archive Items: ', this.selectedItems)\r\n    },\r\n    onContextDelete () {\r\n      console.log('context menu item clicked - Delete Items: ', this.selectedItems)\r\n    },\r\n    linkGen (pageNum) {\r\n      return '#page-' + pageNum\r\n    }\r\n  },\r\n  computed: {\r\n    isSelectedAll () {\r\n      return this.selectedItems.length >= this.items.length\r\n    },\r\n    isAnyItemSelected () {\r\n      return this.selectedItems.length > 0 && this.selectedItems.length < this.items.length\r\n    },\r\n    apiUrl () {\r\n      return `${this.apiBase}?sort=${this.sort.column}&page=${this.page}&per_page=${this.perPage}&search=${this.search}`\r\n    }\r\n  },\r\n  watch: {\r\n    search () {\r\n      this.page = 1\r\n    },\r\n    apiUrl () {\r\n      this.loadItems()\r\n    }\r\n  },\r\n  mounted () {\r\n    this.loadItems()\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageList.vue?vue&type=template&id=36d63e1a&\"\nimport script from \"./ImageList.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageList.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","// extracted by mini-css-extract-plugin","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-colxx',{staticClass:\"disable-text-selection\"},[_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('h1',[_vm._v(_vm._s(_vm.$t('menu.thumb-list')))]),_vm._v(\" \"),_c('div',{staticClass:\"float-sm-right\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modalright\",modifiers:{\"modalright\":true}}],staticClass:\"top-right-button\",attrs:{\"variant\":\"primary\",\"size\":\"lg\"}},[_vm._v(_vm._s(_vm.$t('pages.add-new')))]),_vm._v(\" \"),_c('b-button-group',[_c('b-dropdown',{staticClass:\"check-button\",attrs:{\"split\":\"\",\"right\":\"\",\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.selectAll(true)}}},[_c('label',{staticClass:\"custom-control custom-checkbox pl-4 mb-0 d-inline-block\",attrs:{\"slot\":\"button-content\"},slot:\"button-content\"},[_c('input',{directives:[{name:\"shortkey\",rawName:\"v-shortkey\",value:({select: ['ctrl','a'], undo: ['ctrl','d']}),expression:\"{select: ['ctrl','a'], undo: ['ctrl','d']}\"}],staticClass:\"custom-control-input\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.isSelectedAll},on:{\"shortkey\":_vm.keymap}}),_vm._v(\" \"),_c('span',{class:{\n              'custom-control-label' :true,\n              'indeterminate' : _vm.isAnyItemSelected\n            }})]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('pages.delete')))]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(_vm._s(_vm.$t('pages.another-action')))])],1)],1),_vm._v(\" \"),_c('b-modal',{ref:\"modalright\",staticClass:\"modal-right\",attrs:{\"id\":\"modalright\",\"title\":_vm.$t('pages.add-new-modal-title')}},[_c('b-form',[_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.product-name')}},[_c('b-form-input',{model:{value:(_vm.newItem.title),callback:function ($$v) {_vm.$set(_vm.newItem, \"title\", $$v)},expression:\"newItem.title\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.category')}},[_c('v-select',{attrs:{\"options\":_vm.categories},model:{value:(_vm.newItem.category),callback:function ($$v) {_vm.$set(_vm.newItem, \"category\", $$v)},expression:\"newItem.category\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.description')}},[_c('b-textarea',{attrs:{\"rows\":2,\"max-rows\":2},model:{value:(_vm.newItem.description),callback:function ($$v) {_vm.$set(_vm.newItem, \"description\", $$v)},expression:\"newItem.description\"}})],1),_vm._v(\" \"),_c('b-form-group',{attrs:{\"label\":_vm.$t('pages.status')}},[_c('b-form-radio-group',{staticClass:\"pt-2\",attrs:{\"stacked\":\"\",\"options\":_vm.statuses},model:{value:(_vm.newItem.status),callback:function ($$v) {_vm.$set(_vm.newItem, \"status\", $$v)},expression:\"newItem.status\"}})],1)],1),_vm._v(\" \"),_c('template',{slot:\"modal-footer\"},[_c('b-button',{attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function($event){return _vm.hideModal('modalright')}}},[_vm._v(_vm._s(_vm.$t('pages.cancel')))]),_vm._v(\" \"),_c('b-button',{staticClass:\"mr-1\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.addNewItem()}}},[_vm._v(_vm._s(_vm.$t('pages.submit')))])],1)],2)],1),_vm._v(\" \"),_c('piaf-breadcrumb'),_vm._v(\" \"),_c('div',{staticClass:\"mb-2 mt-2\"},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.displayOptions\",modifiers:{\"displayOptions\":true}}],staticClass:\"pt-0 pl-0 d-inline-block d-md-none\",attrs:{\"variant\":\"empty\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('pages.display-options'))+\"\\n          \"),_c('i',{staticClass:\"simple-icon-arrow-down align-middle\"})]),_vm._v(\" \"),_c('b-collapse',{staticClass:\"d-md-block\",attrs:{\"id\":\"displayOptions\"}},[_c('span',{staticClass:\"mr-3 mb-2 d-inline-block float-md-left\"},[_c('a',{class:{'mr-2 view-icon':true,'active': _vm.displayMode==='list'},on:{\"click\":function($event){return _vm.changeDisplayMode('list')}}},[_c('data-list-icon')],1),_vm._v(\" \"),_c('a',{class:{'mr-2 view-icon':true,'active': _vm.displayMode==='thumb'},on:{\"click\":function($event){return _vm.changeDisplayMode('thumb')}}},[_c('thumb-list-icon')],1),_vm._v(\" \"),_c('a',{class:{'mr-2 view-icon':true,'active': _vm.displayMode==='image'},on:{\"click\":function($event){return _vm.changeDisplayMode('image')}}},[_c('image-list-icon')],1)]),_vm._v(\" \"),_c('div',{staticClass:\"d-block d-md-inline-block mb-2\"},[_c('b-dropdown',{staticClass:\"mr-1 float-md-left btn-group\",attrs:{\"id\":\"ddown1\",\"text\":((_vm.$t('pages.orderby')) + \" \" + (_vm.sort.label)),\"variant\":\"outline-dark\",\"size\":\"xs\"}},_vm._l((_vm.sortOptions),function(order,index){return _c('b-dropdown-item',{key:index,on:{\"click\":function($event){return _vm.changeOrderBy(order)}}},[_vm._v(_vm._s(order.label))])}),1),_vm._v(\" \"),_c('div',{staticClass:\"search-sm d-inline-block float-md-left mr-1 align-top\"},[_c('b-input',{attrs:{\"placeholder\":_vm.$t('menu.search')},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"float-md-right\"},[_c('span',{staticClass:\"text-muted text-small mr-1 mb-2\"},[_vm._v(_vm._s(_vm.from)+\"-\"+_vm._s(_vm.to)+\" of \"+_vm._s(_vm.total))]),_vm._v(\" \"),_c('b-dropdown',{staticClass:\"d-inline-block\",attrs:{\"id\":\"ddown2\",\"right\":\"\",\"text\":(\"\" + _vm.perPage),\"variant\":\"outline-dark\",\"size\":\"xs\"}},_vm._l((_vm.pageSizes),function(size,index){return _c('b-dropdown-item',{key:index,on:{\"click\":function($event){return _vm.changePageSize(size)}}},[_vm._v(_vm._s(size))])}),1)],1)])],1),_vm._v(\" \"),_c('div',{staticClass:\"separator mb-5\"})],1)],1),_vm._v(\" \"),(_vm.isLoad)?[(_vm.displayMode==='image')?_c('b-row',{key:\"image\"},_vm._l((_vm.items),function(item,index){return _c('b-colxx',{key:index,staticClass:\"mb-3\",attrs:{\"sm\":\"6\",\"lg\":\"4\",\"xl\":\"3\",\"id\":item.id}},[_c('image-list-item',{directives:[{name:\"contextmenu\",rawName:\"v-contextmenu:contextmenu\",arg:\"contextmenu\"}],key:item.id,attrs:{\"data\":item,\"selected-items\":_vm.selectedItems},on:{\"toggle-item\":_vm.toggleItem}})],1)}),1):(_vm.displayMode==='thumb')?_c('b-row',{key:\"thumb\"},_vm._l((_vm.items),function(item,index){return _c('b-colxx',{key:index,staticClass:\"mb-3\",attrs:{\"xxs\":\"12\",\"id\":item.id}},[_c('thumb-list-item',{directives:[{name:\"contextmenu\",rawName:\"v-contextmenu:contextmenu\",arg:\"contextmenu\"}],key:item.id,attrs:{\"data\":item,\"selected-items\":_vm.selectedItems},on:{\"toggle-item\":_vm.toggleItem}})],1)}),1):(_vm.displayMode==='list')?_c('b-row',{key:\"list\"},_vm._l((_vm.items),function(item,index){return _c('b-colxx',{key:index,staticClass:\"mb-3\",attrs:{\"xxs\":\"12\",\"id\":item.id}},[_c('data-list-item',{directives:[{name:\"contextmenu\",rawName:\"v-contextmenu:contextmenu\",arg:\"contextmenu\"}],key:item.id,attrs:{\"data\":item,\"selected-items\":_vm.selectedItems},on:{\"toggle-item\":_vm.toggleItem}})],1)}),1):_vm._e(),_vm._v(\" \"),(_vm.lastPage>1)?_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('b-pagination-nav',{attrs:{\"number-of-pages\":_vm.lastPage,\"link-gen\":_vm.linkGen,\"per-page\":_vm.perPage,\"align\":\"center\"},scopedSlots:_vm._u([{key:\"next-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-arrow-right\"})]},proxy:true},{key:\"prev-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-arrow-left\"})]},proxy:true},{key:\"first-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-control-start\"})]},proxy:true},{key:\"last-text\",fn:function(){return [_c('i',{staticClass:\"simple-icon-control-end\"})]},proxy:true}],null,false,2104427419),model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}})],1)],1):_vm._e()]:[_c('div',{staticClass:\"loading\"})],_vm._v(\" \"),_c('v-contextmenu',{ref:\"contextmenu\",on:{\"contextmenu\":_vm.handleContextmenu}},[_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextCopy()}}},[_c('i',{staticClass:\"simple-icon-docs\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Copy\")])]),_vm._v(\" \"),_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextArchive()}}},[_c('i',{staticClass:\"simple-icon-drawer\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Move to archive\")])]),_vm._v(\" \"),_c('v-contextmenu-item',{on:{\"click\":function($event){return _vm.onContextDelete()}}},[_c('i',{staticClass:\"simple-icon-trash\"}),_vm._v(\" \"),_c('span',[_vm._v(\"Delete\")])])],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-colxx class=\"disable-text-selection\">\r\n    <b-row>\r\n      <b-colxx xxs=\"12\">\r\n        <h1>{{ $t('menu.thumb-list') }}</h1>\r\n        <div class=\"float-sm-right\">\r\n          <b-button\r\n            v-b-modal.modalright\r\n            variant=\"primary\"\r\n            size=\"lg\"\r\n            class=\"top-right-button\"\r\n          >{{ $t('pages.add-new') }}</b-button>\r\n          <b-button-group>\r\n            <b-dropdown split right @click=\"selectAll(true)\" class=\"check-button\" variant=\"primary\">\r\n              <label\r\n                class=\"custom-control custom-checkbox pl-4 mb-0 d-inline-block\"\r\n                slot=\"button-content\"\r\n              >\r\n                <input\r\n                  class=\"custom-control-input\"\r\n                  type=\"checkbox\"\r\n                  :checked=\"isSelectedAll\"\r\n                  v-shortkey=\"{select: ['ctrl','a'], undo: ['ctrl','d']}\"\r\n                  @shortkey=\"keymap\"\r\n                >\r\n                <span\r\n                  :class=\"{\r\n                'custom-control-label' :true,\r\n                'indeterminate' : isAnyItemSelected\r\n              }\"\r\n                />\r\n              </label>\r\n              <b-dropdown-item>{{$t('pages.delete')}}</b-dropdown-item>\r\n              <b-dropdown-item>{{$t('pages.another-action')}}</b-dropdown-item>\r\n            </b-dropdown>\r\n          </b-button-group>\r\n          <b-modal\r\n            id=\"modalright\"\r\n            ref=\"modalright\"\r\n            :title=\"$t('pages.add-new-modal-title')\"\r\n            class=\"modal-right\"\r\n          >\r\n            <b-form>\r\n              <b-form-group :label=\"$t('pages.product-name')\">\r\n                <b-form-input v-model=\"newItem.title\"/>\r\n              </b-form-group>\r\n              <b-form-group :label=\"$t('pages.category')\">\r\n                <v-select :options=\"categories\" v-model=\"newItem.category\"/>\r\n              </b-form-group>\r\n              <b-form-group :label=\"$t('pages.description')\">\r\n                <b-textarea v-model=\"newItem.description\" :rows=\"2\" :max-rows=\"2\"/>\r\n              </b-form-group>\r\n              <b-form-group :label=\"$t('pages.status')\">\r\n                <b-form-radio-group\r\n                  stacked\r\n                  class=\"pt-2\"\r\n                  :options=\"statuses\"\r\n                  v-model=\"newItem.status\"\r\n                />\r\n              </b-form-group>\r\n            </b-form>\r\n\r\n            <template slot=\"modal-footer\">\r\n              <b-button\r\n                variant=\"outline-secondary\"\r\n                @click=\"hideModal('modalright')\"\r\n              >{{ $t('pages.cancel') }}</b-button>\r\n              <b-button\r\n                variant=\"primary\"\r\n                @click=\"addNewItem()\"\r\n                class=\"mr-1\"\r\n              >{{ $t('pages.submit') }}</b-button>\r\n            </template>\r\n          </b-modal>\r\n        </div>\r\n        <piaf-breadcrumb/>\r\n        <div class=\"mb-2 mt-2\">\r\n          <b-button\r\n            variant=\"empty\"\r\n            class=\"pt-0 pl-0 d-inline-block d-md-none\"\r\n            v-b-toggle.displayOptions\r\n          >\r\n            {{ $t('pages.display-options') }}\r\n            <i class=\"simple-icon-arrow-down align-middle\"/>\r\n          </b-button>\r\n          <b-collapse id=\"displayOptions\" class=\"d-md-block\">\r\n            <span class=\"mr-3 mb-2 d-inline-block float-md-left\">\r\n              <a\r\n                :class=\"{'mr-2 view-icon':true,'active': displayMode==='list'}\"\r\n                @click=\"changeDisplayMode('list')\"\r\n              >\r\n                <data-list-icon/>\r\n              </a>\r\n              <a\r\n                :class=\"{'mr-2 view-icon':true,'active': displayMode==='thumb'}\"\r\n                @click=\"changeDisplayMode('thumb')\"\r\n              >\r\n                <thumb-list-icon/>\r\n              </a>\r\n              <a\r\n                :class=\"{'mr-2 view-icon':true,'active': displayMode==='image'}\"\r\n                @click=\"changeDisplayMode('image')\"\r\n              >\r\n                <image-list-icon/>\r\n              </a>\r\n            </span>\r\n            <div class=\"d-block d-md-inline-block mb-2\">\r\n              <b-dropdown\r\n                id=\"ddown1\"\r\n                :text=\"`${$t('pages.orderby')} ${sort.label}`\"\r\n                variant=\"outline-dark\"\r\n                class=\"mr-1 float-md-left btn-group\"\r\n                size=\"xs\"\r\n              >\r\n                <b-dropdown-item\r\n                  v-for=\"(order,index) in sortOptions\"\r\n                  :key=\"index\"\r\n                  @click=\"changeOrderBy(order)\"\r\n                >{{ order.label }}</b-dropdown-item>\r\n              </b-dropdown>\r\n\r\n              <div class=\"search-sm d-inline-block float-md-left mr-1 align-top\">\r\n                <b-input :placeholder=\"$t('menu.search')\" v-model=\"search\"/>\r\n              </div>\r\n            </div>\r\n            <div class=\"float-md-right\">\r\n              <span class=\"text-muted text-small mr-1 mb-2\">{{from}}-{{to}} of {{ total }}</span>\r\n              <b-dropdown\r\n                id=\"ddown2\"\r\n                right\r\n                :text=\"`${perPage}`\"\r\n                variant=\"outline-dark\"\r\n                class=\"d-inline-block\"\r\n                size=\"xs\"\r\n              >\r\n                <b-dropdown-item\r\n                  v-for=\"(size,index) in pageSizes\"\r\n                  :key=\"index\"\r\n                  @click=\"changePageSize(size)\"\r\n                >{{ size }}</b-dropdown-item>\r\n              </b-dropdown>\r\n            </div>\r\n          </b-collapse>\r\n        </div>\r\n        <div class=\"separator mb-5\"/>\r\n      </b-colxx>\r\n    </b-row>\r\n    <template v-if=\"isLoad\">\r\n      <b-row v-if=\"displayMode==='image'\" key=\"image\">\r\n        <b-colxx\r\n          sm=\"6\"\r\n          lg=\"4\"\r\n          xl=\"3\"\r\n          class=\"mb-3\"\r\n          v-for=\"(item,index) in items\"\r\n          :key=\"index\"\r\n          :id=\"item.id\"\r\n        >\r\n          <image-list-item\r\n            :key=\"item.id\"\r\n            :data=\"item\"\r\n            :selected-items=\"selectedItems\"\r\n            @toggle-item=\"toggleItem\"\r\n            v-contextmenu:contextmenu\r\n          />\r\n        </b-colxx>\r\n      </b-row>\r\n      <b-row v-else-if=\"displayMode==='thumb'\" key=\"thumb\">\r\n        <b-colxx xxs=\"12\" class=\"mb-3\" v-for=\"(item,index) in items\" :key=\"index\" :id=\"item.id\">\r\n          <thumb-list-item\r\n            :key=\"item.id\"\r\n            :data=\"item\"\r\n            :selected-items=\"selectedItems\"\r\n            @toggle-item=\"toggleItem\"\r\n            v-contextmenu:contextmenu\r\n          />\r\n        </b-colxx>\r\n      </b-row>\r\n      <b-row v-else-if=\"displayMode==='list'\" key=\"list\">\r\n        <b-colxx xxs=\"12\" class=\"mb-3\" v-for=\"(item,index) in items\" :key=\"index\" :id=\"item.id\">\r\n          <data-list-item\r\n            :key=\"item.id\"\r\n            :data=\"item\"\r\n            :selected-items=\"selectedItems\"\r\n            @toggle-item=\"toggleItem\"\r\n            v-contextmenu:contextmenu\r\n          />\r\n        </b-colxx>\r\n      </b-row>\r\n      <b-row v-if=\"lastPage>1\">\r\n        <b-colxx xxs=\"12\">\r\n          <b-pagination-nav\r\n            :number-of-pages=\"lastPage\"\r\n            :link-gen=\"linkGen\"\r\n            v-model=\"page\"\r\n            :per-page=\"perPage\"\r\n            align=\"center\"\r\n          >\r\n            <template v-slot:next-text>\r\n              <i class=\"simple-icon-arrow-right\"/>\r\n            </template>\r\n            <template v-slot:prev-text>\r\n              <i class=\"simple-icon-arrow-left\"/>\r\n            </template>\r\n            <template v-slot:first-text>\r\n              <i class=\"simple-icon-control-start\"/>\r\n            </template>\r\n            <template v-slot:last-text>\r\n              <i class=\"simple-icon-control-end\"/>\r\n            </template>\r\n          </b-pagination-nav>\r\n        </b-colxx>\r\n      </b-row>\r\n    </template>\r\n    <template v-else>\r\n      <div class=\"loading\"></div>\r\n    </template>\r\n\r\n    <v-contextmenu ref=\"contextmenu\" @contextmenu=\"handleContextmenu\">\r\n      <v-contextmenu-item @click=\"onContextCopy()\">\r\n        <i class=\"simple-icon-docs\"/>\r\n        <span>Copy</span>\r\n      </v-contextmenu-item>\r\n      <v-contextmenu-item @click=\"onContextArchive()\">\r\n        <i class=\"simple-icon-drawer\"/>\r\n        <span>Move to archive</span>\r\n      </v-contextmenu-item>\r\n      <v-contextmenu-item @click=\"onContextDelete()\">\r\n        <i class=\"simple-icon-trash\"/>\r\n        <span>Delete</span>\r\n      </v-contextmenu-item>\r\n    </v-contextmenu>\r\n  </b-colxx>\r\n</template>\r\n<script>\r\nimport { DataListIcon, ThumbListIcon, ImageListIcon } from '@/components/Svg'\r\nimport vSelect from 'vue-select'\r\nimport axios from 'axios'\r\n\r\nimport ImageListItem from '@/components/Listing/ImageListItem'\r\nimport ThumbListItem from '@/components/Listing/ThumbListItem'\r\nimport DataListItem from '@/components/Listing/DataListItem'\r\nimport { apiUrl } from '@/constants/config'\r\n\r\nexport default {\r\n  components: {\r\n    DataListIcon,\r\n    ThumbListIcon,\r\n    ImageListIcon,\r\n    vSelect,\r\n    ImageListItem,\r\n    ThumbListItem,\r\n    DataListItem\r\n  },\r\n  data () {\r\n    return {\r\n      isLoad: false,\r\n      apiBase: apiUrl + '/cakes/fordatatable',\r\n      displayMode: 'thumb',\r\n      sort: { column: 'title', label: 'Product Name' },\r\n      sortOptions: [\r\n        { column: 'title', label: 'Product Name' },\r\n        { column: 'category', label: 'Category' },\r\n        { column: 'status', label: 'Status' }\r\n      ],\r\n      page: 1,\r\n      perPage: 4,\r\n      search: '',\r\n      from: 0,\r\n      to: 0,\r\n      total: 0,\r\n      lastPage: 0,\r\n      items: [],\r\n      pageSizes: [4, 8, 12],\r\n      selectedItems: [],\r\n      categories: [\r\n        { label: 'Cakes', value: 'Cakes' },\r\n        { label: 'Cupcakes', value: 'Cupcakes' },\r\n        { label: 'Desserts', value: 'Desserts' }\r\n      ],\r\n      statuses: [\r\n        { text: 'ON HOLD', value: 'ON HOLD' },\r\n        { text: 'PROCESSED', value: 'PROCESSED' }\r\n      ],\r\n      newItem: {\r\n        title: '',\r\n        category: '',\r\n        description: '',\r\n        status: ''\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    loadItems () {\r\n      this.isLoad = false\r\n      axios\r\n        .get(this.apiUrl)\r\n        .then(response => {\r\n          return response.data\r\n        })\r\n        .then(res => {\r\n          this.total = res.total\r\n          this.from = res.from\r\n          this.to = res.to\r\n          this.items = res.data\r\n          this.perPage = res.per_page\r\n          this.selectedItems = []\r\n          this.lastPage = res.last_page\r\n          this.isLoad = true\r\n        })\r\n    },\r\n    hideModal (refname) {\r\n      this.$refs[refname].hide()\r\n    },\r\n    changeDisplayMode (displayType) {\r\n      this.displayMode = displayType\r\n    },\r\n    changePageSize (perPage) {\r\n      this.perPage = perPage\r\n    },\r\n    changeOrderBy (sort) {\r\n      this.sort = sort\r\n    },\r\n    addNewItem () {\r\n      console.log('adding item : ', this.newItem)\r\n    },\r\n    selectAll (isToggle) {\r\n      if (this.selectedItems.length >= this.items.length) {\r\n        if (isToggle) this.selectedItems = []\r\n      } else {\r\n        this.selectedItems = this.items.map(x => x.id)\r\n      }\r\n    },\r\n    keymap (event) {\r\n      switch (event.srcKey) {\r\n        case 'select':\r\n          this.selectAll(false)\r\n          break\r\n        case 'undo':\r\n          this.selectedItems = []\r\n          break\r\n      }\r\n    },\r\n    getIndex (value, arr, prop) {\r\n      for (var i = 0; i < arr.length; i++) {\r\n        if (arr[i][prop] === value) {\r\n          return i\r\n        }\r\n      }\r\n      return -1\r\n    },\r\n    toggleItem (event, itemId) {\r\n      if (event.shiftKey && this.selectedItems.length > 0) {\r\n        let itemsForToggle = this.items\r\n        var start = this.getIndex(itemId, itemsForToggle, 'id')\r\n        var end = this.getIndex(\r\n          this.selectedItems[this.selectedItems.length - 1],\r\n          itemsForToggle,\r\n          'id'\r\n        )\r\n        itemsForToggle = itemsForToggle.slice(\r\n          Math.min(start, end),\r\n          Math.max(start, end) + 1\r\n        )\r\n        this.selectedItems.push(\r\n          ...itemsForToggle.map(item => {\r\n            return item.id\r\n          })\r\n        )\r\n      } else {\r\n        if (this.selectedItems.includes(itemId)) {\r\n          this.selectedItems = this.selectedItems.filter(x => x !== itemId)\r\n        } else this.selectedItems.push(itemId)\r\n      }\r\n    },\r\n    handleContextmenu (vnode) {\r\n      if (!this.selectedItems.includes(vnode.key)) {\r\n        this.selectedItems = [vnode.key]\r\n      }\r\n    },\r\n    onContextCopy () {\r\n      console.log(\r\n        'context menu item clicked - Copy Items: ',\r\n        this.selectedItems\r\n      )\r\n    },\r\n    onContextArchive () {\r\n      console.log(\r\n        'context menu item clicked - Move to Archive Items: ',\r\n        this.selectedItems\r\n      )\r\n    },\r\n    onContextDelete () {\r\n      console.log(\r\n        'context menu item clicked - Delete Items: ',\r\n        this.selectedItems\r\n      )\r\n    },\r\n    linkGen (pageNum) {\r\n      return '#page-' + pageNum\r\n    }\r\n  },\r\n  computed: {\r\n    isSelectedAll () {\r\n      return this.selectedItems.length >= this.items.length\r\n    },\r\n    isAnyItemSelected () {\r\n      return (\r\n        this.selectedItems.length > 0 &&\r\n        this.selectedItems.length < this.items.length\r\n      )\r\n    },\r\n    apiUrl () {\r\n      return `${this.apiBase}?sort=${this.sort.column}&page=${\r\n        this.page\r\n      }&per_page=${this.perPage}&search=${this.search}`\r\n    }\r\n  },\r\n  watch: {\r\n    search () {\r\n      this.page = 1\r\n    },\r\n    apiUrl () {\r\n      this.loadItems()\r\n    }\r\n  },\r\n  mounted () {\r\n    this.loadItems()\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThumbList.vue?vue&type=template&id=039dc9d4&\"\nimport script from \"./ThumbList.vue?vue&type=script&lang=js&\"\nexport * from \"./ThumbList.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex flex-row mb-3 pb-3 border-bottom\"},[_c('router-link',{attrs:{\"tag\":\"a\",\"to\":_vm.detailPath}},[_c('img',{staticClass:\"img-thumbnail border-0 list-thumbnail align-self-center\",attrs:{\"src\":_vm.data.thumb,\"alt\":_vm.data.title}})]),_vm._v(\" \"),_c('div',{staticClass:\"pl-3 pr-2\"},[_c('router-link',{attrs:{\"tag\":\"a\",\"to\":_vm.detailPath}},[_c('p',{staticClass:\"font-weight-medium mb-0\"},[_vm._v(_vm._s(_vm.data.title))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-1 text-muted text-small\"},[_vm._v(\"Check In : \"),_c('b',{staticClass:\"dark\"},[_vm._v(\"08:00 \")]),_vm._v(\"      Check Out : \"),_c('b',{staticClass:\"dark\"},[_vm._v(\"18:00\")])]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted mb-1 text-small\"},[_vm._v(\"Position : PC\")]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted mb-1 text-small\"},[_vm._v(\"Store : \"+_vm._s(_vm.data.store))]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted mb-1 text-small\"},[_vm._v(\"Province : \"+_vm._s(_vm.data.province))]),_vm._v(\" \"),_c('b-dropdown',{staticClass:\"mr-0 mb-0\",staticStyle:{\"width\":\"100px\",\"float\":\"right\"},attrs:{\"id\":\"ddown5\",\"text\":\"1 (ทำงาน)\",\"size\":\"xs\",\"variant\":\"outline-info\"}},[_c('b-dropdown-item',[_vm._v(\"S2 (ลาป่วย)\")]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(\"S1 (ลากิจ)\")]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(\"S4 (ไม่มี RO)\")]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(\"A (ทำชด)\")]),_vm._v(\" \"),_c('b-dropdown-item',[_vm._v(\"1 (ทำงาน)\")])],1),_vm._v(\" \\n              \"),_c('b-dropdown',{staticClass:\"mr-0 mb-0\",staticStyle:{\"width\":\"100px\",\"float\":\"right\",\"padding-right\":\"5px\"},attrs:{\"id\":\"ddown5\",\"text\":\"คิดเต็มวัน\",\"size\":\"xs\",\"variant\":\"outline-info\"}},[_c('b-dropdown-item',{attrs:{\"value\":\"1\"}},[_vm._v(\"คิดเต็มวัน\")]),_vm._v(\" \"),_c('b-dropdown-item',{attrs:{\"value\":\"0.5\"}},[_vm._v(\"ครึ่งวัน\")]),_vm._v(\" \"),_c('b-dropdown-item',{attrs:{\"value\":\"0\"}},[_vm._v(\"ไม่คิด\")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"d-flex flex-row mb-3 pb-3 border-bottom\">\r\n        <router-link tag=\"a\" :to=\"detailPath\">\r\n            <img :src=\"data.thumb\" :alt=\"data.title\" class=\"img-thumbnail border-0 list-thumbnail align-self-center\"/>\r\n\r\n        </router-link>\r\n        <div class=\"pl-3 pr-2\">\r\n            <router-link tag=\"a\" :to=\"detailPath\">\r\n                <p class=\"font-weight-medium mb-0 \">{{ data.title }}</p>\r\n                <!-- <p class=\"text-muted mb-1 text-small\">Store : {{ data.store }}</p> -->\r\n                <p class=\"mb-1 text-muted text-small\">Check In : <b class=\"dark\">08:00 </b>&nbsp;&nbsp;&nbsp;   Check Out : <b class=\"dark\">18:00</b> </p>\r\n                <p class=\"text-muted mb-1 text-small\">Position : PC</p>\r\n                <p class=\"text-muted mb-1 text-small\">Store : {{ data.store }}</p>\r\n                <p class=\"text-muted mb-1 text-small\">Province : {{ data.province }}</p>\r\n\r\n                 <b-dropdown id=\"ddown5\" text=\"1 (ทำงาน)\" style=\"width:100px; float: right; \" size=\"xs\" variant=\"outline-info\" class=\"mr-0 mb-0\">\r\n                      <b-dropdown-item>S2 (ลาป่วย)</b-dropdown-item>\r\n                      <b-dropdown-item>S1 (ลากิจ)</b-dropdown-item>\r\n                      <b-dropdown-item>S4 (ไม่มี RO)</b-dropdown-item>\r\n                      <b-dropdown-item>A (ทำชด)</b-dropdown-item>\r\n                      <b-dropdown-item>1 (ทำงาน)</b-dropdown-item>\r\n                  </b-dropdown>&nbsp;\r\n                  <b-dropdown id=\"ddown5\" text=\"คิดเต็มวัน\" style=\"width:100px; float: right; padding-right:5px;\" size=\"xs\" variant=\"outline-info\" class=\"mr-0 mb-0\">\r\n                      <b-dropdown-item value=\"1\">คิดเต็มวัน</b-dropdown-item>\r\n                      <b-dropdown-item value=\"0.5\">ครึ่งวัน</b-dropdown-item>\r\n                      <b-dropdown-item value=\"0\">ไม่คิด</b-dropdown-item>\r\n                  </b-dropdown>\r\n\r\n            </router-link>\r\n\r\n        </div>\r\n        <!-- <div id=\"mybutton\">\r\n          <div class=\"d-flex\">\r\n            <div style=\"cursor: pointer;\" class=\"align-self-center list-thumbnail-letters rounded-circle m-2\" @click=\"onSave()\" >{{ $t(\"menu.save\")}}</div>\r\n          </div>\r\n        </div> -->\r\n\r\n    </div>\r\n</template>\r\n<script>\r\nimport vSelect from 'vue-select'\r\nimport Stars from '@/components/Common/Stars'\r\nexport default {\r\n  components: {\r\n    Stars,\r\n    vSelect\r\n  },\r\n  data () {\r\n    return {\r\n      d1: [\r\n        { value: '01', label: '01' }\r\n      ]\r\n    }\r\n  },\r\n  methods: {\r\n\r\n  },\r\n  mounted () {\r\n  },\r\n  props: ['data', 'detailPath']\r\n}\r\n</script>\r\n<style scope>\r\n\r\n.btn-group > .btn:first-child {\r\n    margin-left: 0;\r\n    width: 100%;\r\n}\r\n.btn-group > .btn:first-child {\r\n    margin-left: 0;\r\n    width: 100%;\r\n    text-align: left;\r\n}\r\n.dropdown-toggle::after {\r\n    display: inline-block;\r\n    width: 0;\r\n    height: 0;\r\n    margin-left: .255em;\r\n    vertical-align: .255em;\r\n    content: \"\";\r\n    border-top: .3em solid;\r\n    border-right: .3em solid transparent;\r\n    border-bottom: 0;\r\n    border-left: .3em solid transparent;\r\n    text-align: right;\r\n    float: right;\r\n    margin-top: 5px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommentItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommentItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CommentItem.vue?vue&type=template&id=267a3a57&\"\nimport script from \"./CommentItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CommentItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CommentItem.vue?vue&type=style&index=0&scope=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  null,\n  null\n  \n)\n\nexport default component.exports","const data = [\r\n  {\r\n    title: 'นางสาว วัลลิภา  อุทกศิริ',\r\n    detail: '',\r\n    store: ' ท๊อฟฟี่โฮลเซลล์ เปลี่ยนเป็น คลังพลาซ่า',\r\n    province: 'นครราชสีมา',\r\n    thumb: '/assets/img/goose-breast-thumb.jpg',\r\n    rate: 5,\r\n    key: 0\r\n  },\r\n  {\r\n    title: 'นางสาว รขนก พุฒพิมาย',\r\n    detail: '',\r\n    store: ' ท๊อฟฟี่โฮลเซลล์ เปลี่ยนเป็น คลังพลาซ่า',\r\n    province: 'นครราชสีมา',\r\n    thumb: '/assets/img/goose-breast-thumb.jpg',\r\n    rate: 4,\r\n    key: 1\r\n  },\r\n  {\r\n    title: 'นาง สุนทรี ทุมนาหาด',\r\n    detail: '',\r\n    store: ' ท๊อฟฟี่โฮลเซลล์ เปลี่ยนเป็น คลังพลาซ่า',\r\n    province: 'นครราชสีมา',\r\n    thumb: '/assets/img/goose-breast-thumb.jpg',\r\n    rate: 5,\r\n    key: 2\r\n  },\r\n  {\r\n    title: 'นางสาว สุดาพร อินเนา',\r\n    detail: '',\r\n    store: ' ท๊อฟฟี่โฮลเซลล์ เปลี่ยนเป็น คลังพลาซ่า',\r\n    province: 'นครราชสีมา',\r\n    thumb: '/assets/img/goose-breast-thumb.jpg',\r\n    rate: 3,\r\n    key: 3\r\n  },\r\n  {\r\n    title: 'นางสาว ปรียา รุจิยาปนนท์',\r\n    detail: '',\r\n    store: ' ท๊อฟฟี่โฮลเซลล์ เปลี่ยนเป็น คลังพลาซ่า',\r\n    province: 'นครราชสีมา',\r\n    thumb: '/assets/img/goose-breast-thumb.jpg',\r\n    rate: 2,\r\n    key: 4\r\n  },\r\n  {\r\n    title: 'นางสาว น้ำฝน  พลสิงห์',\r\n    detail: '',\r\n    store: ' ท๊อฟฟี่โฮลเซลล์ เปลี่ยนเป็น คลังพลาซ่า',\r\n    province: 'นครราชสีมา',\r\n    thumb: '/assets/img/goose-breast-thumb.jpg',\r\n    rate: 5,\r\n    key: 5\r\n  },\r\n  {\r\n    title: 'นางสาว ปัทมาภรณ์ จงกลนิธารณ์',\r\n    detail: '',\r\n    store: ' ท๊อฟฟี่โฮลเซลล์ เปลี่ยนเป็น คลังพลาซ่า',\r\n    province: 'นครราชสีมา',\r\n    thumb: '/assets/img/goose-breast-thumb.jpg',\r\n    rate: 4,\r\n    key: 6\r\n  }\r\n]\r\nexport default data\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{class:{'d-flex flex-row':true,'active' : _vm.selectedItems.includes(_vm.data.id)},attrs:{\"no-body\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggleItem($event,_vm.data.id)}}},[_c('div',{staticClass:\"pl-2 d-flex flex-grow-1 min-width-zero\"},[_c('div',{staticClass:\"card-body align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero align-items-lg-center\"},[_c('router-link',{staticClass:\"w-40 w-sm-100\",attrs:{\"to\":(\"?p=\" + (_vm.data.id))}},[_c('p',{staticClass:\"list-item-heading mb-1 truncate\"},[_vm._v(_vm._s(_vm.data.title))])]),_vm._v(\" \"),_c('p',{staticClass:\"mb-1 text-muted text-small w-15 w-sm-100\"},[_vm._v(_vm._s(_vm.data.category))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-1 text-muted text-small w-15 w-sm-100\"},[_vm._v(_vm._s(_vm.data.date))]),_vm._v(\" \"),_c('div',{staticClass:\"w-15 w-sm-100\"},[_c('b-badge',{attrs:{\"pill\":\"\",\"variant\":_vm.data.statusColor}},[_vm._v(_vm._s(_vm.data.status))])],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"custom-control custom-checkbox pl-1 align-self-center pr-4\"},[_c('b-form-checkbox',{staticClass:\"itemCheck mb-0\",attrs:{\"checked\":_vm.selectedItems.includes(_vm.data.id)}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-card @click.prevent=\"toggleItem($event,data.id)\" :class=\"{'d-flex flex-row':true,'active' : selectedItems.includes(data.id)}\" no-body>\r\n        <div class=\"pl-2 d-flex flex-grow-1 min-width-zero\">\r\n            <div class=\"card-body align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero align-items-lg-center\">\r\n                <router-link :to=\"`?p=${data.id}`\" class=\"w-40 w-sm-100\">\r\n                    <p class=\"list-item-heading mb-1 truncate\">{{data.title}}</p>\r\n                </router-link>\r\n                <p class=\"mb-1 text-muted text-small w-15 w-sm-100\">{{data.category}}</p>\r\n                <p class=\"mb-1 text-muted text-small w-15 w-sm-100\">{{data.date}}</p>\r\n                <div class=\"w-15 w-sm-100\">\r\n                   <b-badge pill :variant=\"data.statusColor\">{{ data.status }}</b-badge>\r\n                </div>\r\n            </div>\r\n            <div class=\"custom-control custom-checkbox pl-1 align-self-center pr-4\">\r\n                <b-form-checkbox :checked=\"selectedItems.includes(data.id)\" class=\"itemCheck mb-0\"/>\r\n            </div>\r\n        </div>\r\n    </b-card>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: ['data', 'selectedItems'],\r\n  methods: {\r\n    toggleItem (event, itemId) {\r\n      this.$emit('toggle-item', event, itemId)\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataListItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataListItem.vue?vue&type=template&id=a11961ee&\"\nimport script from \"./DataListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./DataListItem.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{class:{'d-flex flex-row':true,'active' : _vm.selectedItems.includes(_vm.data.id)},attrs:{\"no-body\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggleItem($event,_vm.data.id)}}},[_c('router-link',{staticClass:\"d-flex\",attrs:{\"to\":(\"?p=\" + (_vm.data.id))}},[_c('img',{staticClass:\"list-thumbnail responsive border-0\",attrs:{\"src\":_vm.data.img,\"alt\":_vm.data.title}})]),_vm._v(\" \"),_c('div',{staticClass:\"pl-2 d-flex flex-grow-1 min-width-zero\"},[_c('div',{staticClass:\"card-body align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero align-items-lg-center\"},[_c('router-link',{staticClass:\"w-40 w-sm-100\",attrs:{\"to\":(\"?p=\" + (_vm.data.id))}},[_c('p',{staticClass:\"list-item-heading mb-1 truncate\"},[_vm._v(_vm._s(_vm.data.title))])]),_vm._v(\" \"),_c('p',{staticClass:\"mb-1 text-muted text-small w-15 w-sm-100\"},[_vm._v(_vm._s(_vm.data.category))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-1 text-muted text-small w-15 w-sm-100\"},[_vm._v(_vm._s(_vm.data.date))]),_vm._v(\" \"),_c('div',{staticClass:\"w-15 w-sm-100\"},[_c('b-badge',{attrs:{\"pill\":\"\",\"variant\":_vm.data.statusColor}},[_vm._v(_vm._s(_vm.data.status))])],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"custom-control custom-checkbox pl-1 align-self-center pr-4\"},[_c('b-form-checkbox',{staticClass:\"itemCheck mb-0\",attrs:{\"checked\":_vm.selectedItems.includes(_vm.data.id)}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-card @click.prevent=\"toggleItem($event,data.id)\" :class=\"{'d-flex flex-row':true,'active' : selectedItems.includes(data.id)}\" no-body>\r\n        <router-link :to=\"`?p=${data.id}`\" class=\"d-flex\">\r\n            <img :src=\"data.img\" class=\"list-thumbnail responsive border-0\" :alt=\"data.title\"/>\r\n        </router-link>\r\n        <div class=\"pl-2 d-flex flex-grow-1 min-width-zero\">\r\n            <div class=\"card-body align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero align-items-lg-center\">\r\n                <router-link :to=\"`?p=${data.id}`\" class=\"w-40 w-sm-100\">\r\n                    <p class=\"list-item-heading mb-1 truncate\">{{data.title}}</p>\r\n                </router-link>\r\n                <p class=\"mb-1 text-muted text-small w-15 w-sm-100\">{{data.category}}</p>\r\n                <p class=\"mb-1 text-muted text-small w-15 w-sm-100\">{{data.date}}</p>\r\n                <div class=\"w-15 w-sm-100\">\r\n                     <b-badge pill :variant=\"data.statusColor\">{{ data.status }}</b-badge>\r\n                </div>\r\n            </div>\r\n            <div class=\"custom-control custom-checkbox pl-1 align-self-center pr-4\">\r\n                <b-form-checkbox :checked=\"selectedItems.includes(data.id)\" class=\"itemCheck mb-0\"/>\r\n            </div>\r\n        </div>\r\n    </b-card>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: ['data', 'selectedItems'],\r\n  methods: {\r\n    toggleItem (event, itemId) {\r\n      this.$emit('toggle-item', event, itemId)\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbListItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThumbListItem.vue?vue&type=template&id=50275d87&\"\nimport script from \"./ThumbListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ThumbListItem.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex flex-row mb-3 pb-3 border-bottom\"},[_c('router-link',{attrs:{\"tag\":\"a\",\"to\":_vm.detailPath}},[_c('img',{staticClass:\"img-thumbnail border-0 list-thumbnail align-self-center\",attrs:{\"src\":_vm.data.thumb,\"alt\":_vm.data.title}})]),_vm._v(\" \"),_c('div',{staticClass:\"pl-3 pr-2\"},[_c('router-link',{attrs:{\"tag\":\"a\",\"to\":_vm.detailPath}},[_c('p',{staticClass:\"font-weight-medium mb-0\"},[_vm._v(_vm._s(_vm.data.title))]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted mb-1 text-small\"},[_vm._v(\"Position : PC\")]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted mb-1 text-small\"},[_vm._v(\"Store : \"+_vm._s(_vm.data.store))]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted mb-1 text-small\"},[_vm._v(\"Province : \"+_vm._s(_vm.data.province))])])],1),_vm._v(\" \"),_c('div',{attrs:{\"id\":\"mybutton\"}},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"align-self-center list-thumbnail-letters rounded-circle m-2\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.onSave()}}},[_vm._v(_vm._s(_vm.$t(\"menu.save\")))])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"d-flex flex-row mb-3 pb-3 border-bottom\">\r\n        <router-link tag=\"a\" :to=\"detailPath\">\r\n            <img :src=\"data.thumb\" :alt=\"data.title\" class=\"img-thumbnail border-0 list-thumbnail align-self-center\"/>\r\n        </router-link>\r\n        <div class=\"pl-3 pr-2\">\r\n            <router-link tag=\"a\" :to=\"detailPath\">\r\n                <p class=\"font-weight-medium mb-0 \">{{ data.title }}</p>\r\n                <!-- <p class=\"text-muted mb-1 text-small\">Store : {{ data.store }}</p> -->\r\n                <p class=\"text-muted mb-1 text-small\">Position : PC</p>\r\n                <p class=\"text-muted mb-1 text-small\">Store : {{ data.store }}</p>\r\n                <p class=\"text-muted mb-1 text-small\">Province : {{ data.province }}</p>\r\n            </router-link>\r\n        </div>\r\n        <div id=\"mybutton\">\r\n          <div class=\"d-flex\">\r\n            <div style=\"cursor: pointer;\" class=\"align-self-center list-thumbnail-letters rounded-circle m-2\" @click=\"onSave()\" >{{ $t(\"menu.save\")}}</div>\r\n          </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport Stars from '@/components/Common/Stars'\r\nexport default {\r\n  components: {\r\n    Stars\r\n  },\r\n  props: ['data', 'detailPath']\r\n}\r\n</script>\r\n<style scope>\r\n\r\n.btn-group > .btn:first-child {\r\n    margin-left: 0;\r\n    width: 100%;\r\n}\r\n.btn-group > .btn:first-child {\r\n    margin-left: 0;\r\n    width: 100%;\r\n    text-align: left;\r\n}\r\n.dropdown-toggle::after {\r\n    display: inline-block;\r\n    width: 0;\r\n    height: 0;\r\n    margin-left: .255em;\r\n    vertical-align: .255em;\r\n    content: \"\";\r\n    border-top: .3em solid;\r\n    border-right: .3em solid transparent;\r\n    border-bottom: 0;\r\n    border-left: .3em solid transparent;\r\n    text-align: right;\r\n    float: right;\r\n    margin-top: 5px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrderItem.vue?vue&type=template&id=17c80e58&\"\nimport script from \"./OrderItem.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OrderItem.vue?vue&type=style&index=0&scope=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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('piaf-breadcrumb',{attrs:{\"heading\":_vm.$t('menu.invoice')}}),_vm._v(\" \"),_c('div',{staticClass:\"separator mb-5\"})],1)],1),_vm._v(\" \"),_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('b-card',{staticClass:\"mb-4\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',[_vm._v(_vm._s(_vm.$t('pages.invoice-info')))])],1)],1)],1),_vm._v(\" \"),_c('b-row',[_c('b-colxx',{staticClass:\"mb-3\",attrs:{\"xxs\":\"12\"}},[_c('h3',[_vm._v(_vm._s(_vm.$t('pages.vue-version')))])])],1),_vm._v(\" \"),_c('b-row',{staticClass:\"invoice-vue\"},[_c('b-colxx',{staticClass:\"mb-5\",attrs:{\"xxs\":\"12\"}},[_c('b-card',{staticClass:\"mb-5 invoice-contents\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',{staticClass:\"d-flex flex-column justify-content-between\"},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('div',{staticClass:\"d-flex flex-row justify-content-between pt-2 pb-2\"},[_c('div',{staticClass:\"d-flex align-self-center\"},[_c('img',{attrs:{\"src\":\"https://coloredstrategies.com/mailing/piaf.png\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex w-30 text-right align-self-center\"},[_c('p',{staticClass:\"text-small text-semi-muted mb-0\"},[_vm._v(\"ColoredStrategies Inc 35 Little Russell St. Bloomsburg London,UK\"),_c('br'),_vm._v(\"784 451 12 47\")])])]),_vm._v(\" \"),_c('div',{staticClass:\"border-bottom pt-4 mb-5\"}),_vm._v(\" \"),_c('div',{staticClass:\"d-flex flex-row justify-content-between mb-5\"},[_c('div',{staticClass:\"d-flex flex-column w-70 mr-2 p-4 text-semi-muted bg-semi-muted\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(\"Latashia Nagy\")]),_vm._v(\" \"),_c('p',{staticClass:\"mb-0\"},[_vm._v(\"100-148 Warwick Trfy, Kansas City, USA\")])]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex w-30 flex-column text-right p-4 text-semi-muted bg-semi-muted\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(\"Invoice #: 741\")]),_vm._v(\" \"),_c('p',{staticClass:\"mb-0\"},[_vm._v(\"02.02.2019\")])])]),_vm._v(\" \"),_c('table',{staticClass:\"table table-borderless\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"text-muted text-extra-small mb-2\"},[_vm._v(\"ITEM NAME\")]),_vm._v(\" \"),_c('th',{staticClass:\"text-muted text-extra-small mb-2\"},[_vm._v(\"COUNT\")]),_vm._v(\" \"),_c('th',{staticClass:\"text-right text-muted text-extra-small mb-2\"},[_vm._v(\"PRICE\")])])]),_vm._v(\" \"),_c('tbody',[_c('tr',[_c('td',[_vm._v(\"Marble Cake\")]),_vm._v(\" \"),_c('td',[_vm._v(\"3 pcs\")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right\"},[_vm._v(\"$ 14.82\")])]),_vm._v(\" \"),_c('tr',[_c('td',[_vm._v(\"Chocolate Cake\")]),_vm._v(\" \"),_c('td',[_vm._v(\"2 pcs\")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right\"},[_vm._v(\"$ 8.97\")])]),_vm._v(\" \"),_c('tr',[_c('td',[_vm._v(\"Fat Rascal\")]),_vm._v(\" \"),_c('td',[_vm._v(\"2 pcs\")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right\"},[_vm._v(\"$ 18.24\")])]),_vm._v(\" \"),_c('tr',[_c('td',[_vm._v(\"Cremeschnitte\")]),_vm._v(\" \"),_c('td',[_vm._v(\"2 pcs\")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right\"},[_vm._v(\"$ 4.24\")])]),_vm._v(\" \"),_c('tr',[_c('td',[_vm._v(\"Cheesecake\")]),_vm._v(\" \"),_c('td',[_vm._v(\"3 pcs\")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right\"},[_vm._v(\"$ 6.27\")])]),_vm._v(\" \"),_c('tr',[_c('td',[_vm._v(\"Magdalena\")]),_vm._v(\" \"),_c('td',[_vm._v(\"2 pcs\")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right\"},[_vm._v(\"$ 10.97\")])]),_vm._v(\" \"),_c('tr',[_c('td',[_vm._v(\"Genoise\")]),_vm._v(\" \"),_c('td',[_vm._v(\"2 pcs\")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right\"},[_vm._v(\"$ 21.24\")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex flex-column\"},[_c('div',{staticClass:\"border-bottom pt-3 mb-5\"}),_vm._v(\" \"),_c('table',{staticClass:\"table table-borderless d-flex justify-content-end\"},[_c('tbody',[_c('tr',[_c('td',{staticClass:\"text-semi-muted\"},[_vm._v(\"Subtotal :\")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right\"},[_vm._v(\"$ 61.82\")])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"text-semi-muted\"},[_vm._v(\"Tax :\")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right\"},[_vm._v(\"$ 61.82\")])]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"text-semi-muted\"},[_vm._v(\"Shipping :\")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right\"},[_vm._v(\"$ 3.21\")])]),_vm._v(\" \"),_c('tr',{staticClass:\"font-weight-bold\"},[_c('td',{staticClass:\"text-semi-muted\"},[_vm._v(\"Total :\")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right\"},[_vm._v(\"$ 68.14\")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"border-bottom pt-3 mb-5\"}),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small text-center\"},[_vm._v(\"Invoice was created on a computer and is valid without the signature and seal. \")])])])],1)],1)],1),_vm._v(\" \"),_c('b-row',[_c('b-colxx',{staticClass:\"mb-3\",attrs:{\"xxs\":\"12\"}},[_c('h3',[_vm._v(_vm._s(_vm.$t('pages.inline-version')))])])],1),_vm._v(\" \"),_c('b-row',{staticClass:\"invoice\"},[_c('b-colxx',{staticClass:\"mb-4\",attrs:{\"xxs\":\"12\"}},[_c('div',{staticClass:\"invoice-contents\",staticStyle:{\"background-color\":\"#ffffff\",\"height\":\"1200px\",\"max-width\":\"830px\",\"font-family\":\"Helvetica,Arial,sans-serif !important\",\"position\":\"relative\"}},[_c('table',{staticStyle:{\"width\":\"100%\",\"background-color\":\"#ffffff\",\"border-collapse\":\"separate !important\",\"border-spacing\":\"0\",\"color\":\"#242128\",\"margin\":\"0\",\"padding\":\"30px\",\"padding-top\":\"20px\"},attrs:{\"bgcolor\":\"#ffffff\",\"border\":\"0\",\"cellpadding\":\"0\",\"cellspacing\":\"0\",\"heigth\":\"auto\"}},[_c('tbody',[_c('tr',[_c('td',{staticStyle:{\"padding-bottom\":\"35px\",\"padding-top\":\"15px\",\"border-top\":\"0\",\"width\":\"100% !important\"},attrs:{\"align\":\"left\",\"valign\":\"center\"}},[_c('img',{attrs:{\"src\":\"https://coloredstrategies.com/mailing/piaf.png\"}})]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-bottom\":\"20px\",\"border-top\":\"0\",\"width\":\"100% !important\"},attrs:{\"align\":\"right\",\"valign\":\"center\"}},[_c('p',{staticStyle:{\"color\":\"#8f8f8f\",\"font-weight\":\"normal\",\"line-height\":\"1.2\",\"font-size\":\"12px\",\"white-space\":\"nowrap\"}},[_vm._v(\"\\r\\n                              ColoredStrategies Inc\"),_c('br'),_vm._v(\" 35 Little Russell St. Bloomsburg London,UK\"),_c('br'),_vm._v(\"784 451 12 47\\r\\n                          \")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"30px\",\"border-top\":\"1px solid #f1f0f0\"},attrs:{\"colspan\":\"2\"}},[_c('table',{staticStyle:{\"width\":\"100%\"}},[_c('tbody',[_c('tr',[_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"border-radius\":\"3px\",\"padding\":\"30px\",\"background-color\":\"#f9f9f9\",\"border-right\":\"5px solid white\"}},[_c('p',{staticStyle:{\"color\":\"#303030\",\"font-size\":\"14px\",\"line-height\":\"1.6\",\"margin\":\"0\",\"padding\":\"0\"}},[_vm._v(\"\\r\\n                                              Latashia Nagy\"),_c('br'),_vm._v(\"100-148 Warwick Trfy, Kansas City, USA\\r\\n                                          \")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"text-align\":\"right\",\"padding-top\":\"0px\",\"padding-bottom\":\"0\",\"vertical-align\":\"middle\",\"padding\":\"30px\",\"background-color\":\"#f9f9f9\",\"border-radius\":\"3px\",\"border-left\":\"5px solid white\"}},[_c('p',{staticStyle:{\"color\":\"#8f8f8f\",\"font-size\":\"14px\",\"padding\":\"0\",\"line-height\":\"1.6\",\"margin\":\"0\"}},[_vm._v(\"\\r\\n                                              Invoice #: 741\"),_c('br'),_vm._v(\"\\r\\n                                              02.02.2019\\r\\n                                          \")])])])])]),_vm._v(\" \"),_c('table',{staticStyle:{\"width\":\"100%\",\"margin-top\":\"40px\"}},[_c('thead',[_c('tr',[_c('th',{staticStyle:{\"text-align\":\"left\",\"font-size\":\"10px\",\"color\":\"#8f8f8f\",\"padding-bottom\":\"10px\",\"padding-top\":\"10px\"}},[_vm._v(\"\\r\\n                                          ITEM NAME\\r\\n                                      \")]),_vm._v(\" \"),_c('th',{staticStyle:{\"text-align\":\"left\",\"font-size\":\"10px\",\"color\":\"#8f8f8f\",\"padding-bottom\":\"10px\",\"padding-top\":\"10px\"}},[_vm._v(\"\\r\\n                                          COUNT\\r\\n                                      \")]),_vm._v(\" \"),_c('th',{staticStyle:{\"text-align\":\"right\",\"font-size\":\"10px\",\"color\":\"#8f8f8f\",\"padding-bottom\":\"10px\",\"padding-top\":\"10px\"}},[_vm._v(\"\\r\\n                                          PRICE\\r\\n                                      \")])])]),_vm._v(\" \"),_c('tbody',[_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"margin-bottom\":\"0\",\"color\":\"#303030\",\"font-weight\":\"500\",\"margin-top\":\"10px\"}},[_vm._v(\"Marble\\r\\n                                              Cake\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\"},attrs:{\"href\":\"#\"}},[_vm._v(\"3\\r\\n                                              pcs\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\",\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"color\":\"#303030\",\"margin-bottom\":\"0\",\"margin-top\":\"0\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\"}},[_vm._v(\"$\\r\\n                                              14.82\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"margin-bottom\":\"0\",\"color\":\"#303030\",\"font-weight\":\"500\",\"margin-top\":\"10px\"}},[_vm._v(\"Chocolate\\r\\n                                              Cake\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\"},attrs:{\"href\":\"#\"}},[_vm._v(\"2\\r\\n                                              pcs\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\",\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"color\":\"#303030\",\"margin-bottom\":\"0\",\"margin-top\":\"0\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\"}},[_vm._v(\"$\\r\\n                                              8.97\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"margin-bottom\":\"0\",\"color\":\"#303030\",\"font-weight\":\"500\",\"margin-top\":\"10px\"}},[_vm._v(\"Fat\\r\\n                                              Rascal\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\"},attrs:{\"href\":\"#\"}},[_vm._v(\"2\\r\\n                                              pcs\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\",\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"color\":\"#303030\",\"margin-bottom\":\"0\",\"margin-top\":\"0\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\"}},[_vm._v(\"$\\r\\n                                              18.24\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"margin-bottom\":\"0\",\"color\":\"#303030\",\"font-weight\":\"500\",\"margin-top\":\"10px\"}},[_vm._v(\"Cremeschnitte\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\"},attrs:{\"href\":\"#\"}},[_vm._v(\"2\\r\\n                                              pcs\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\",\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"color\":\"#303030\",\"margin-bottom\":\"0\",\"margin-top\":\"0\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\"}},[_vm._v(\"$\\r\\n                                              4.24\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"margin-bottom\":\"0\",\"color\":\"#303030\",\"font-weight\":\"500\",\"margin-top\":\"10px\"}},[_vm._v(\"Cheesecake\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\"},attrs:{\"href\":\"#\"}},[_vm._v(\"3\\r\\n                                              pcs\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\",\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"color\":\"#303030\",\"margin-bottom\":\"0\",\"margin-top\":\"0\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\"}},[_vm._v(\"$\\r\\n                                              6.27\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"margin-bottom\":\"0\",\"color\":\"#303030\",\"font-weight\":\"500\",\"margin-top\":\"10px\"}},[_vm._v(\"Magdalena\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\"},attrs:{\"href\":\"#\"}},[_vm._v(\"2\\r\\n                                              pcs\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\",\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"color\":\"#303030\",\"margin-bottom\":\"0\",\"margin-top\":\"0\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\"}},[_vm._v(\"$\\r\\n                                              10.97\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"margin-bottom\":\"0\",\"color\":\"#303030\",\"font-weight\":\"500\",\"margin-top\":\"10px\"}},[_vm._v(\"Genoise\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"text-decoration\":\"none\",\"line-height\":\"1\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\"},attrs:{\"href\":\"#\"}},[_vm._v(\"2\\r\\n                                              pcs\")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"padding-bottom\":\"10px\",\"text-align\":\"right\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1\",\"color\":\"#303030\",\"margin-bottom\":\"0\",\"margin-top\":\"0\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\"}},[_vm._v(\"$\\r\\n                                              21.24\")])])])])])])])])]),_vm._v(\" \"),_c('table',{staticStyle:{\"position\":\"absolute\",\"bottom\":\"0\",\"width\":\"100%\",\"background-color\":\"#ffffff\",\"border-collapse\":\"separate !important\",\"border-spacing\":\"0\",\"color\":\"#242128\",\"margin\":\"0\",\"padding\":\"30px\",\"padding-top\":\"20px\"},attrs:{\"bgcolor\":\"#ffffff\",\"border\":\"0\",\"cellpadding\":\"0\",\"cellspacing\":\"0\",\"heigth\":\"auto\"}},[_c('tr',[_c('td',{staticStyle:{\"border-top\":\"1px solid #f1f0f0\"},attrs:{\"colspan\":\"3\"}},[_vm._v(\" \")])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"width\":\"100%\",\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"},attrs:{\"colspan\":\"2\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"text-decoration\":\"none\",\"line-height\":\"1.6\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\",\"text-align\":\"right\"},attrs:{\"href\":\"#\"}},[_vm._v(\"\\r\\n                          Subtotal : \")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"text-align\":\"right\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1.6\",\"color\":\"#303030\",\"margin-bottom\":\"0\",\"margin-top\":\"0\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\",\"margin-left\":\"15px\"}},[_vm._v(\"$\\r\\n                          61.82\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"width\":\"100%\",\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"},attrs:{\"colspan\":\"2\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"text-decoration\":\"none\",\"line-height\":\"1.6\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\",\"text-align\":\"right\"},attrs:{\"href\":\"#\"}},[_vm._v(\"\\r\\n                          Tax : \")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"text-align\":\"right\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1.6\",\"color\":\"#303030\",\"margin-bottom\":\"0\",\"margin-top\":\"0\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\",\"margin-left\":\"15px\"}},[_vm._v(\"$\\r\\n                          2.18\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"width\":\"100%\",\"padding-top\":\"10px\",\"padding-bottom\":\"10px\"},attrs:{\"colspan\":\"2\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"text-decoration\":\"none\",\"line-height\":\"1.6\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\",\"text-align\":\"right\"},attrs:{\"href\":\"#\"}},[_vm._v(\"\\r\\n                          Shipping : \")])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"text-align\":\"right\",\"padding-bottom\":\"10px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1.6\",\"color\":\"#303030\",\"margin-bottom\":\"0\",\"margin-top\":\"0\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\",\"margin-left\":\"15px\"}},[_vm._v(\"$\\r\\n                          3.21\")])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"width\":\"100%\",\"padding-bottom\":\"15px\",\"padding-top\":\"10px\"},attrs:{\"colspan\":\"2\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"text-decoration\":\"none\",\"line-height\":\"1.6\",\"color\":\"#909090\",\"margin-top\":\"0px\",\"margin-bottom\":\"0\",\"text-align\":\"right\"},attrs:{\"href\":\"#\"}},[_c('strong',[_vm._v(\"Total : \")])])]),_vm._v(\" \"),_c('td',{staticStyle:{\"padding-top\":\"10px\",\"text-align\":\"right\",\"padding-bottom\":\"15px\"}},[_c('p',{staticStyle:{\"font-size\":\"13px\",\"line-height\":\"1.6\",\"color\":\"#303030\",\"margin-bottom\":\"0\",\"margin-top\":\"0\",\"vertical-align\":\"top\",\"white-space\":\"nowrap\",\"margin-left\":\"15px\"}},[_c('strong',[_vm._v(\"$\\r\\n                              68.14\")])])])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"border-top\":\"1px solid #f1f0f0\"},attrs:{\"colspan\":\"3\"}},[_vm._v(\" \")])]),_vm._v(\" \"),_c('tr',[_c('td',{staticStyle:{\"text-align\":\"center\"},attrs:{\"colspan\":\"3\"}},[_c('p',{staticStyle:{\"color\":\"#909090\",\"font-size\":\"11px\",\"text-align\":\"center\"}},[_vm._v(\"Invoice was created\\r\\n                          on a computer and\\r\\n                          is valid without the signature and seal. \")])])])])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<div>\r\n  <b-row>\r\n    <b-colxx xxs=\"12\">\r\n      <piaf-breadcrumb :heading=\"$t('menu.invoice')\"/>\r\n      <div class=\"separator mb-5\"></div>\r\n    </b-colxx>\r\n  </b-row>\r\n  <b-row>\r\n    <b-colxx xxs=\"12\">\r\n        <b-card class=\"mb-4\" no-body>\r\n           <b-card-body>{{ $t('pages.invoice-info') }}</b-card-body>\r\n        </b-card>\r\n    </b-colxx>\r\n  </b-row>\r\n  <b-row>\r\n    <b-colxx xxs=\"12\" class=\"mb-3\">\r\n        <h3>{{ $t('pages.vue-version') }}</h3>\r\n    </b-colxx>\r\n  </b-row>\r\n\r\n  <b-row class=\"invoice-vue\">\r\n    <b-colxx xxs=\"12\" class=\"mb-5\">\r\n        <b-card class=\"mb-5 invoice-contents\" no-body>\r\n           <b-card-body class=\"d-flex flex-column justify-content-between\">\r\n            <div class=\"d-flex flex-column\">\r\n            <div class=\"d-flex flex-row justify-content-between pt-2 pb-2\">\r\n                <div class=\"d-flex align-self-center\">\r\n                    <img src=\"https://coloredstrategies.com/mailing/piaf.png\" />\r\n                </div>\r\n                <div class=\"d-flex w-30 text-right align-self-center\">\r\n                    <p class=\"text-small text-semi-muted mb-0\">ColoredStrategies Inc 35 Little Russell St. Bloomsburg London,UK<br />784 451 12 47</p>\r\n                </div>\r\n            </div>\r\n            <div class=\"border-bottom pt-4 mb-5\"></div>\r\n\r\n            <div class=\"d-flex flex-row justify-content-between mb-5\">\r\n                <div class=\"d-flex flex-column w-70 mr-2 p-4 text-semi-muted bg-semi-muted\">\r\n                    <p class=\"mb-0\">Latashia Nagy</p>\r\n                    <p class=\"mb-0\">100-148 Warwick Trfy, Kansas City, USA</p>\r\n                </div>\r\n                <div class=\"d-flex w-30 flex-column text-right p-4 text-semi-muted bg-semi-muted\">\r\n                    <p class=\"mb-0\">Invoice #: 741</p>\r\n                    <p class=\"mb-0\">02.02.2019</p>\r\n                </div>\r\n            </div>\r\n\r\n              <table class=\"table table-borderless\">\r\n                <thead>\r\n                    <tr>\r\n                        <th class=\"text-muted text-extra-small mb-2\">ITEM NAME</th>\r\n                        <th class=\"text-muted text-extra-small mb-2\">COUNT</th>\r\n                        <th class=\"text-right text-muted text-extra-small mb-2\">PRICE</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>Marble Cake</td>\r\n                        <td>3 pcs</td>\r\n                        <td class=\"text-right\">$ 14.82</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Chocolate Cake</td>\r\n                        <td>2 pcs</td>\r\n                        <td class=\"text-right\">$ 8.97</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Fat Rascal</td>\r\n                        <td>2 pcs</td>\r\n                        <td class=\"text-right\">$ 18.24</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Cremeschnitte</td>\r\n                        <td>2 pcs</td>\r\n                        <td class=\"text-right\">$ 4.24</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Cheesecake</td>\r\n                        <td>3 pcs</td>\r\n                        <td class=\"text-right\">$ 6.27</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Magdalena</td>\r\n                        <td>2 pcs</td>\r\n                        <td class=\"text-right\">$ 10.97</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Genoise</td>\r\n                        <td>2 pcs</td>\r\n                        <td class=\"text-right\">$ 21.24</td>\r\n                    </tr>\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n\r\n            <div class=\"d-flex flex-column\">\r\n              <div class=\"border-bottom pt-3 mb-5\"></div>\r\n              <table class=\"table table-borderless d-flex justify-content-end\">\r\n                  <tbody>\r\n                      <tr>\r\n                          <td class=\"text-semi-muted\">Subtotal :</td>\r\n                          <td class=\"text-right\">$ 61.82</td>\r\n                      </tr>\r\n                      <tr>\r\n                          <td class=\"text-semi-muted\">Tax :</td>\r\n                          <td class=\"text-right\">$ 61.82</td>\r\n                      </tr>\r\n                      <tr>\r\n                          <td class=\"text-semi-muted\">Shipping :</td>\r\n                          <td class=\"text-right\">$ 3.21</td>\r\n                      </tr>\r\n                      <tr class=\"font-weight-bold\">\r\n                          <td class=\"text-semi-muted\">Total :</td>\r\n                          <td class=\"text-right\">$ 68.14</td>\r\n                      </tr>\r\n                  </tbody>\r\n              </table>\r\n              <div class=\"border-bottom pt-3 mb-5\"></div>\r\n              <p class=\"text-muted text-small text-center\">Invoice was created on a computer and is valid without the signature and seal. </p>\r\n          </div>\r\n\r\n           </b-card-body>\r\n        </b-card>\r\n    </b-colxx>\r\n  </b-row>\r\n\r\n  <b-row>\r\n    <b-colxx xxs=\"12\" class=\"mb-3\">\r\n        <h3>{{ $t('pages.inline-version') }}</h3>\r\n    </b-colxx>\r\n  </b-row>\r\n\r\n  <b-row class=\"invoice\">\r\n    <b-colxx xxs=\"12\" class=\"mb-4\">\r\n        <div class=\"invoice-contents\" style=\"background-color:#ffffff; height:1200px; max-width:830px; font-family: Helvetica,Arial,sans-serif !important; position: relative;\">\r\n          <table bgcolor=\"#ffffff\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"width:100%; background-color:#ffffff;border-collapse:separate !important; border-spacing:0;color:#242128; margin:0;padding:30px; padding-top: 20px;\" heigth=\"auto\">\r\n              <tbody>\r\n                  <tr>\r\n                      <td align=\"left\" valign=\"center\" style=\"padding-bottom:35px; padding-top:15px; border-top:0;width:100% !important;\">\r\n                          <img src=\"https://coloredstrategies.com/mailing/piaf.png\" />\r\n                      </td>\r\n                      <td align=\"right\" valign=\"center\" style=\"padding-bottom:20px;border-top:0;width:100% !important;\">\r\n                          <p style=\"color: #8f8f8f; font-weight: normal; line-height: 1.2; font-size: 12px; white-space: nowrap; \">\r\n                              ColoredStrategies Inc<br> 35 Little Russell St. Bloomsburg London,UK<br>784 451 12 47\r\n                          </p>\r\n                      </td>\r\n                  </tr>\r\n                  <tr>\r\n                      <td colspan=\"2\" style=\"padding-top:30px; border-top:1px solid #f1f0f0\">\r\n                          <table style=\"width: 100%;\">\r\n                              <tbody>\r\n                                  <tr>\r\n                                      <td style=\"vertical-align:middle; border-radius: 3px; padding:30px; background-color: #f9f9f9; border-right: 5px solid white;\">\r\n                                          <p style=\"color:#303030; font-size: 14px;  line-height: 1.6; margin:0; padding:0;\">\r\n                                              Latashia Nagy<br>100-148 Warwick Trfy, Kansas City, USA\r\n                                          </p>\r\n                                      </td>\r\n\r\n                                      <td style=\"text-align: right; padding-top:0px; padding-bottom:0; vertical-align:middle; padding:30px; background-color: #f9f9f9; border-radius: 3px; border-left: 5px solid white;\">\r\n                                          <p style=\"color:#8f8f8f; font-size: 14px; padding: 0; line-height: 1.6; margin:0; \">\r\n                                              Invoice #: 741<br>\r\n                                              02.02.2019\r\n                                          </p>\r\n                                      </td>\r\n                                  </tr>\r\n                              </tbody>\r\n                          </table>\r\n                          <table style=\"width: 100%; margin-top:40px;\">\r\n                              <thead>\r\n                                  <tr>\r\n                                      <th style=\"text-align:left; font-size: 10px; color:#8f8f8f; padding-bottom: 15px; padding-top:10px; padding-bottom:10px;\">\r\n                                          ITEM NAME\r\n                                      </th>\r\n                                      <th style=\"text-align:left; font-size: 10px; color:#8f8f8f; padding-bottom: 15px; padding-top:10px; padding-bottom:10px;\">\r\n                                          COUNT\r\n                                      </th>\r\n                                      <th style=\"text-align:right; font-size: 10px; color:#8f8f8f; padding-bottom: 15px; padding-top:10px; padding-bottom:10px;\">\r\n                                          PRICE\r\n                                      </th>\r\n                                  </tr>\r\n                              </thead>\r\n                              <tbody>\r\n                                  <tr>\r\n                                      <td style=\"padding-top:0px; padding-bottom:5px; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;\">Marble\r\n                                              Cake</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:10px; padding-bottom:10px;\">\r\n                                          <p href=\"#\" style=\"font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;\">3\r\n                                              pcs</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:0px; padding-bottom:0; text-align: right; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;\">$\r\n                                              14.82</p>\r\n                                      </td>\r\n                                  </tr>\r\n\r\n                                  <tr>\r\n                                      <td style=\"padding-top:0px; padding-bottom:5px; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;\">Chocolate\r\n                                              Cake</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:10px; padding-bottom:10px;\">\r\n                                          <p href=\"#\" style=\"font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;\">2\r\n                                              pcs</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:0px; padding-bottom:0; text-align: right; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;\">$\r\n                                              8.97</p>\r\n                                      </td>\r\n                                  </tr>\r\n                                  <tr>\r\n                                      <td style=\"padding-top:0px; padding-bottom:5px; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;\">Fat\r\n                                              Rascal</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:10px; padding-bottom:10px;\">\r\n                                          <p href=\"#\" style=\"font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;\">2\r\n                                              pcs</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:0px; padding-bottom:0; text-align: right; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;\">$\r\n                                              18.24</p>\r\n                                      </td>\r\n                                  </tr>\r\n                                  <tr>\r\n                                      <td style=\"padding-top:0px; padding-bottom:5px; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;\">Cremeschnitte</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:10px; padding-bottom:10px;\">\r\n                                          <p href=\"#\" style=\"font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;\">2\r\n                                              pcs</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:0px; padding-bottom:0; text-align: right; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;\">$\r\n                                              4.24</p>\r\n                                      </td>\r\n                                  </tr>\r\n                                  <tr>\r\n                                      <td style=\"padding-top:0px; padding-bottom:5px; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;\">Cheesecake</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:10px; padding-bottom:10px;\">\r\n                                          <p href=\"#\" style=\"font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;\">3\r\n                                              pcs</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:0px; padding-bottom:0; text-align: right; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;\">$\r\n                                              6.27</p>\r\n                                      </td>\r\n                                  </tr>\r\n                                  <tr>\r\n                                      <td style=\"padding-top:0px; padding-bottom:5px; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;\">Magdalena</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:10px; padding-bottom:10px;\">\r\n                                          <p href=\"#\" style=\"font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;\">2\r\n                                              pcs</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:0px; padding-bottom:0; text-align: right; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;\">$\r\n                                              10.97</p>\r\n                                      </td>\r\n                                  </tr>\r\n                                  <tr>\r\n                                      <td style=\"padding-top:0px; padding-bottom:5px; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;\">Genoise</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:10px; padding-bottom:10px;\">\r\n                                          <p href=\"#\" style=\"font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;\">2\r\n                                              pcs</p>\r\n                                      </td>\r\n                                      <td style=\"padding-top:0px; padding-bottom:0; text-align: right; padding-top:10px; padding-bottom:10px;\">\r\n                                          <p style=\"font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;\">$\r\n                                              21.24</p>\r\n                                      </td>\r\n                                  </tr>\r\n\r\n                              </tbody>\r\n                          </table>\r\n                      </td>\r\n                  </tr>\r\n              </tbody>\r\n          </table>\r\n\r\n          <table bgcolor=\"#ffffff\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"position:absolute; bottom:0; width:100%; background-color:#ffffff;border-collapse:separate !important; border-spacing:0;color:#242128; margin:0;padding:30px; padding-top: 20px;\"\r\n              heigth=\"auto\">\r\n              <tr>\r\n                  <td colspan=\"3\" style=\"border-top:1px solid #f1f0f0\">&nbsp;</td>\r\n              </tr>\r\n              <tr>\r\n                  <td colspan=\"2\" style=\"width: 100%;padding-top:10px; padding-bottom:10px;\">\r\n                      <p href=\"#\" style=\"font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;\">\r\n                          Subtotal : </p>\r\n                  </td>\r\n                  <td style=\"padding-top:0px; text-align: right;padding-top:10px; padding-bottom:10px;\">\r\n                      <p style=\"font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px\">$\r\n                          61.82</p>\r\n                  </td>\r\n              </tr>\r\n              <tr>\r\n                  <td colspan=\"2\" style=\"width: 100%;padding-top:10px; padding-bottom:10px;\">\r\n                      <p href=\"#\" style=\"font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;\">\r\n                          Tax : </p>\r\n                  </td>\r\n                  <td style=\"padding-top:0px; text-align: right;padding-top:10px; padding-bottom:10px;\">\r\n                      <p style=\"font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px\">$\r\n                          2.18</p>\r\n                  </td>\r\n              </tr>\r\n              <tr>\r\n                  <td colspan=\"2\" style=\"width: 100%;padding-top:10px; padding-bottom:10px;\">\r\n                      <p href=\"#\" style=\"font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;\">\r\n                          Shipping : </p>\r\n                  </td>\r\n                  <td style=\"padding-top:0px; text-align: right;padding-top:10px; padding-bottom:10px;\">\r\n                      <p style=\"font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px\">$\r\n                          3.21</p>\r\n                  </td>\r\n              </tr>\r\n              <tr>\r\n                  <td colspan=\"2\" style=\" width: 100%; padding-bottom:15px; padding-top:10px;\">\r\n                      <p href=\"#\" style=\"font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;\">\r\n                          <strong>Total : </strong></p>\r\n                  </td>\r\n                  <td style=\"padding-top:0px; text-align: right; padding-bottom:15px; padding-top:10px;\">\r\n                      <p style=\"font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px\"><strong>$\r\n                              68.14</strong></p>\r\n                  </td>\r\n              </tr>\r\n              <tr>\r\n                  <td colspan=\"3\" style=\"border-top:1px solid #f1f0f0\">&nbsp;</td>\r\n              </tr>\r\n              <tr>\r\n                  <td colspan=\"3\" style=\"text-align:center;\">\r\n                      <p style=\"color: #909090; font-size:11px; text-align:center;\">Invoice was created\r\n                          on a computer and\r\n                          is valid without the signature and seal. </p>\r\n                  </td>\r\n              </tr>\r\n          </table>\r\n      </div>\r\n\r\n    </b-colxx>\r\n  </b-row>\r\n\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  data () {\r\n    return {\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Invoice.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Invoice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Invoice.vue?vue&type=template&id=2040d870&\"\nimport script from \"./Invoice.vue?vue&type=script&lang=js&\"\nexport * from \"./Invoice.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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./OrderItem.vue?vue&type=style&index=0&scope=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('router-view')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=9e81adc0&\"\nvar script = {}\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","// extracted by mini-css-extract-plugin","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 19 19\"}},[_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M17.5,3H.5a.5.5,0,0,1,0-1h17a.5.5,0,0,1,0,1Z\"}}),_vm._v(\" \"),_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M17.5,10H.5a.5.5,0,0,1,0-1h17a.5.5,0,0,1,0,1Z\"}}),_vm._v(\" \"),_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M17.5,17H.5a.5.5,0,0,1,0-1h17a.5.5,0,0,1,0,1Z\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./DataListIcon.vue?vue&type=template&id=09b00039&\"\nvar script = {}\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 19 19\"}},[_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M17.5,3H6.5a.5.5,0,0,1,0-1h11a.5.5,0,0,1,0,1Z\"}}),_vm._v(\" \"),_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M3,2V3H1V2H3m.12-1H.88A.87.87,0,0,0,0,1.88V3.12A.87.87,0,0,0,.88,4H3.12A.87.87,0,0,0,4,3.12V1.88A.87.87,0,0,0,3.12,1Z\"}}),_vm._v(\" \"),_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M3,9v1H1V9H3m.12-1H.88A.87.87,0,0,0,0,8.88v1.24A.87.87,0,0,0,.88,11H3.12A.87.87,0,0,0,4,10.12V8.88A.87.87,0,0,0,3.12,8Z\"}}),_vm._v(\" \"),_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M3,16v1H1V16H3m.12-1H.88a.87.87,0,0,0-.88.88v1.24A.87.87,0,0,0,.88,18H3.12A.87.87,0,0,0,4,17.12V15.88A.87.87,0,0,0,3.12,15Z\"}}),_vm._v(\" \"),_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M17.5,10H6.5a.5.5,0,0,1,0-1h11a.5.5,0,0,1,0,1Z\"}}),_vm._v(\" \"),_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M17.5,17H6.5a.5.5,0,0,1,0-1h11a.5.5,0,0,1,0,1Z\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ThumbListIcon.vue?vue&type=template&id=a2204e20&\"\nvar script = {}\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 19 19\"}},[_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M7,2V8H1V2H7m.12-1H.88A.87.87,0,0,0,0,1.88V8.12A.87.87,0,0,0,.88,9H7.12A.87.87,0,0,0,8,8.12V1.88A.87.87,0,0,0,7.12,1Z\"}}),_vm._v(\" \"),_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M17,2V8H11V2h6m.12-1H10.88a.87.87,0,0,0-.88.88V8.12a.87.87,0,0,0,.88.88h6.24A.87.87,0,0,0,18,8.12V1.88A.87.87,0,0,0,17.12,1Z\"}}),_vm._v(\" \"),_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M7,12v6H1V12H7m.12-1H.88a.87.87,0,0,0-.88.88v6.24A.87.87,0,0,0,.88,19H7.12A.87.87,0,0,0,8,18.12V11.88A.87.87,0,0,0,7.12,11Z\"}}),_vm._v(\" \"),_c('path',{staticClass:\"view-icon-svg\",attrs:{\"d\":\"M17,12v6H11V12h6m.12-1H10.88a.87.87,0,0,0-.88.88v6.24a.87.87,0,0,0,.88.88h6.24a.87.87,0,0,0,.88-.88V11.88a.87.87,0,0,0-.88-.88Z\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ImageListIcon.vue?vue&type=template&id=aa043c8c&\"\nvar script = {}\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('svg',{staticClass:\"main\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 9 17\"}},[_c('rect',{attrs:{\"x\":\"0.48\",\"y\":\"0.5\",\"width\":\"7\",\"height\":\"1\"}}),_vm._v(\" \"),_c('rect',{attrs:{\"x\":\"0.48\",\"y\":\"7.5\",\"width\":\"7\",\"height\":\"1\"}}),_vm._v(\" \"),_c('rect',{attrs:{\"x\":\"0.48\",\"y\":\"15.5\",\"width\":\"7\",\"height\":\"1\"}})]),_vm._v(\" \"),_c('svg',{staticClass:\"sub\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 18 17\"}},[_c('rect',{attrs:{\"x\":\"1.56\",\"y\":\"0.5\",\"width\":\"16\",\"height\":\"1\"}}),_vm._v(\" \"),_c('rect',{attrs:{\"x\":\"1.56\",\"y\":\"7.5\",\"width\":\"16\",\"height\":\"1\"}}),_vm._v(\" \"),_c('rect',{attrs:{\"x\":\"1.56\",\"y\":\"15.5\",\"width\":\"16\",\"height\":\"1\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./MenuIcon.vue?vue&type=template&id=13ba5b42&\"\nvar script = {}\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 26 17\"}},[_c('rect',{attrs:{\"x\":\"0.5\",\"y\":\"0.5\",\"width\":\"25\",\"height\":\"1\"}}),_vm._v(\" \"),_c('rect',{attrs:{\"x\":\"0.5\",\"y\":\"7.5\",\"width\":\"25\",\"height\":\"1\"}}),_vm._v(\" \"),_c('rect',{attrs:{\"x\":\"0.5\",\"y\":\"15.5\",\"width\":\"25\",\"height\":\"1\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./MobileMenuIcon.vue?vue&type=template&id=cfe67468&\"\nvar script = {}\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","import DataListIcon from './DataListIcon'\r\nimport ThumbListIcon from './ThumbListIcon'\r\nimport ImageListIcon from './ImageListIcon'\r\nimport MenuIcon from './MenuIcon'\r\nimport MobileMenuIcon from './MobileMenuIcon'\r\n\r\nexport { DataListIcon, ThumbListIcon, ImageListIcon, MenuIcon, MobileMenuIcon }\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{class:{'active' : _vm.selectedItems.includes(_vm.data.id)},attrs:{\"no-body\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggleItem($event,_vm.data.id)}}},[_c('div',{staticClass:\"position-relative\"},[_c('router-link',{staticClass:\"w-40 w-sm-100\",attrs:{\"to\":(\"?p=\" + (_vm.data.id))}},[_c('img',{staticClass:\"card-img-top\",attrs:{\"src\":_vm.data.img,\"alt\":_vm.data.title}})]),_vm._v(\" \"),_c('b-badge',{staticClass:\"position-absolute badge-top-left\",attrs:{\"pill\":\"\",\"variant\":_vm.data.statusColor}},[_vm._v(_vm._s(_vm.data.status))])],1),_vm._v(\" \"),_c('b-card-body',[_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"2\"}},[_c('b-form-checkbox',{staticClass:\"itemCheck mb-0\",attrs:{\"checked\":_vm.selectedItems.includes(_vm.data.id)}})],1),_vm._v(\" \"),_c('b-colxx',{staticClass:\"mb-3\",attrs:{\"xxs\":\"10\"}},[_c('h6',{staticClass:\"mb-4 card-subtitle\"},[_vm._v(_vm._s(_vm.data.title))]),_vm._v(\" \"),_c('p',{staticClass:\"text-muted text-small mb-0 font-weight-light card-text\"},[_vm._v(_vm._s(_vm.data.date))])])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-card @click.prevent=\"toggleItem($event,data.id)\" :class=\"{'active' : selectedItems.includes(data.id)}\" no-body>\r\n        <div class=\"position-relative\">\r\n            <router-link :to=\"`?p=${data.id}`\" class=\"w-40 w-sm-100\">\r\n                <img :src=\"data.img\" class=\"card-img-top\" :alt=\"data.title\"/>\r\n            </router-link>\r\n            <b-badge pill :variant=\"data.statusColor\" class=\"position-absolute badge-top-left\">{{ data.status }}</b-badge>\r\n        </div>\r\n        <b-card-body>\r\n            <b-row>\r\n                <b-colxx xxs=\"2\">\r\n                    <b-form-checkbox :checked=\"selectedItems.includes(data.id)\" class=\"itemCheck mb-0\"/>\r\n                </b-colxx>\r\n                <b-colxx xxs=\"10\" class=\"mb-3\">\r\n                    <h6 class=\"mb-4 card-subtitle\">{{data.title}}</h6>\r\n                    <p class=\"text-muted text-small mb-0 font-weight-light card-text\">{{data.date}}</p>\r\n                </b-colxx>\r\n            </b-row>\r\n        </b-card-body>\r\n    </b-card>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: ['data', 'selectedItems'],\r\n  methods: {\r\n    toggleItem (event, itemId) {\r\n      this.$emit('toggle-item', event, itemId)\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageListItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageListItem.vue?vue&type=template&id=8f7f4bb8&\"\nimport script from \"./ImageListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageListItem.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('piaf-breadcrumb',{attrs:{\"heading\":((_vm.$t('menu.search')) + \" : \" + _vm.keyword)}}),_vm._v(\" \"),_c('div',{staticClass:\"separator mb-5\"})],1)],1),_vm._v(\" \"),_c('b-row',[_c('b-colxx',{attrs:{\"xxs\":\"12\"}},[_c('b-card',{staticClass:\"mb-4\"},_vm._l((_vm.items),function(item,index){return _c('div',{key:index,class:{'mb-3':_vm.items.length!=(index+1)}},[_c('router-link',{staticClass:\"w-40 w-sm-100\",attrs:{\"tag\":\"a\",\"to\":(\"#\" + (item.id))}},[_c('p',{staticClass:\"list-item-heading mb-1 color-theme-1\"},[_vm._v(_vm._s(item.title))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-1 text-muted text-small\"},[_vm._v(_vm._s(item.category)+\" | \"+_vm._s(item.title))]),_vm._v(\" \"),_c('p',{staticClass:\"mb-4 text-small\"},[_vm._v(_vm._s(item.description))])]),_vm._v(\" \"),(_vm.items.length!=(index+1))?_c('div',{staticClass:\"separator mb-5\"}):_vm._e()],1)}),0)],1),_vm._v(\" \"),_c('b-colxx',{staticClass:\"mt-3\",attrs:{\"xxs\":\"12\"}},[_c('b-pagination-nav',{staticClass:\"justify-content-center pagination\",attrs:{\"number-of-pages\":_vm.totalPage,\"link-gen\":_vm.linkGen,\"per-page\":5,\"next-text\":\"<i class='simple-icon-arrow-right' />\",\"prev-text\":\"<i class='simple-icon-arrow-left' />\",\"first-text\":\"<i class='simple-icon-control-start' />\",\"last-text\":\"<i class='simple-icon-control-end' />\"},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<div>\r\n  <b-row>\r\n    <b-colxx xxs=\"12\">\r\n      <piaf-breadcrumb :heading=\"`${$t('menu.search')} : ${keyword}`\"/>\r\n      <div class=\"separator mb-5\"></div>\r\n    </b-colxx>\r\n  </b-row>\r\n  <b-row>\r\n    <b-colxx xxs=\"12\">\r\n        <b-card class=\"mb-4\" >\r\n           <div v-for=\"(item,index) in items\" :key=\"index\" :class=\"{'mb-3':items.length!=(index+1)}\">\r\n             <router-link tag=\"a\" :to=\"`#${item.id}`\" class=\"w-40 w-sm-100\">\r\n                <p class=\"list-item-heading mb-1 color-theme-1\">{{item.title}}</p>\r\n                <p class=\"mb-1 text-muted text-small\">{{item.category}} | {{item.title}}</p>\r\n                <p class=\"mb-4 text-small\">{{ item.description }}</p>\r\n             </router-link>\r\n             <div class=\"separator mb-5\" v-if=\"items.length!=(index+1)\"></div>\r\n           </div>\r\n        </b-card>\r\n    </b-colxx>\r\n    <b-colxx xxs=\"12\" class=\"mt-3 \">\r\n      <b-pagination-nav\r\n        class=\"justify-content-center pagination\"\r\n        :number-of-pages=\"totalPage\"\r\n        :link-gen=\"linkGen\"\r\n        v-model=\"currentPage\"\r\n        :per-page=\"5\"\r\n        next-text=\"<i class='simple-icon-arrow-right' />\"\r\n        prev-text=\"<i class='simple-icon-arrow-left' />\"\r\n        first-text=\"<i class='simple-icon-control-start' />\"\r\n        last-text=\"<i class='simple-icon-control-end' />\"\r\n      />\r\n    </b-colxx>\r\n\r\n  </b-row>\r\n  </div>\r\n</template>\r\n<script>\r\nimport items from '@/data/products'\r\nexport default {\r\n  data () {\r\n    return {\r\n      keyword: 'Cake',\r\n      currentPage: 1,\r\n      totalPage: 4,\r\n      items\r\n    }\r\n  },\r\n  methods: {\r\n    linkGen (pageNum) {\r\n      return '#page-' + pageNum\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Search.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Search.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Search.vue?vue&type=template&id=7363eac2&\"\nimport script from \"./Search.vue?vue&type=script&lang=js&\"\nexport * from \"./Search.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"],"sourceRoot":""}