{"version":3,"sources":["webpack:///./src/views/test/app-table/product-orders/index.vue?429b","webpack:///./src/views/test/app-table/product-orders/index.vue?7aea","webpack:///src/views/test/app-table/product-orders/index.vue","webpack:///./src/views/test/app-table/product-orders/index.vue?5234","webpack:///./src/views/test/app-table/product-orders/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","cols","rows","loading","on","onDetails","onRefresh","staticRenderFns","component"],"mappings":"uIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gDAAgD,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,YAAY,CAACE,YAAY,uBAAuBC,MAAM,CAAC,MAAQ,iBAAiB,KAAOP,EAAIQ,KAAK,KAAOR,EAAIS,KAAK,QAAUT,EAAIU,SAASC,GAAG,CAAC,QAAUX,EAAIY,UAAU,QAAUZ,EAAIa,cAAc,QACpaC,EAAkB,G,YCyBtB,GACE,WAAF,CACI,SAAJ,QAGE,KALF,WAMI,MAAJ,CACM,cAAN,uCAEM,KAAN,CACA,CAAQ,IAAR,OAAQ,MAAR,QACA,CAAQ,IAAR,cAAQ,MAAR,eACA,CAAQ,IAAR,SAAQ,MAAR,UACA,CAAQ,IAAR,SAAQ,MAAR,SAAQ,KAAR,UAKM,CAAE,IAAR,UAAQ,MAAR,UAAQ,OAAR,UAAQ,KAAR,UAAQ,SAAR,YACA,CAAQ,IAAR,UAAQ,MAAR,UAAQ,OAAR,UAAQ,KAAR,UAAQ,SAAR,aAQM,KAAN,GAEM,SAAN,IAIE,QAjCF,WAkCI,KAAJ,QAGE,QAAF,CACI,KADJ,WACM,IAAN,OACA,MACA,QAEM,KAAN,WAEM,YAAN,WACQ,IAAR,IAEQ,EAAR,MACA,CACU,GAAV,IACU,KAAV,sBACU,YAAV,wDACU,OAAV,eACU,OAAV,CACY,OAAZ,YACY,KAAZ,aAYU,KAAV,qBACU,MAAV,CACY,OAAZ,CACc,KAAd,mBAIA,CACU,GAAV,IACU,KAAV,sBACU,YAAV,wDACU,OAAV,eACU,OAAV,CACY,OAAZ,YACY,KAAZ,aAYU,KAAV,qBACU,MAAV,CACY,OAAZ,CACc,KAAd,mBAIA,CACU,GAAV,IACU,KAAV,sBACU,YAAV,wDACU,OAAV,eACU,OAAV,CACY,OAAZ,YACY,KAAZ,aAYU,KAAV,qBACU,MAAV,CACY,OAAZ,CACc,KAAd,mBAIA,CACU,GAAV,IACU,KAAV,sBACU,YAAV,wDACU,OAAV,eACU,OAAV,CACY,OAAZ,YACY,KAAZ,aAYU,KAAV,qBACU,MAAV,CACY,OAAZ,CACc,KAAd,mBAIA,CACU,GAAV,IACU,KAAV,sBACU,YAAV,wDACU,OAAV,eACU,OAAV,CACY,OAAZ,YACY,KAAZ,aAYU,KAAV,qBACU,MAAV,CACY,OAAZ,CACc,KAAd,oBAMQ,EAAR,aACA,IAGI,UAnJJ,SAmJA,GACM,QAAN,gDAKI,UAzJJ,SAyJA,GACM,QAAN,kDCzN4X,I,wBCQxXC,EAAY,eACd,EACAhB,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"assets/js/chunk-13ffdb54.963a63d6.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-test-app-table-product-orders container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('app-table',{staticClass:\"product-orders-table\",attrs:{\"title\":\"Product Orders\",\"cols\":_vm.cols,\"rows\":_vm.rows,\"loading\":_vm.loading},on:{\"details\":_vm.onDetails,\"refresh\":_vm.onRefresh}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <!-- /test/app-table/product-orders -->\r\n    <div class=\"page-test-app-table-product-orders container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <app-table\r\n                    class=\"product-orders-table\"\r\n\r\n                    title=\"Product Orders\"\r\n\r\n                    :cols=\"cols\"\r\n                    :rows=\"rows\"\r\n\r\n                    :loading=\"loading\"\r\n\r\n                    @details=\"onDetails\"\r\n                    @refresh=\"onRefresh\"\r\n                ></app-table>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport appTable from '@/components/app-table'\r\n\r\nexport default {\r\n    components: {\r\n        appTable,\r\n    },\r\n\r\n    data() {\r\n        return {\r\n            customer_uuid: 'ceee8826-692b-49be-ab1f-4aac7f48d3a1',\r\n\r\n            cols: [\r\n                { key: 'date',        title: 'Date',                                                                                 },\r\n                { key: 'description', title: 'Description',                                                                          },\r\n                { key: 'charge',      title: 'Charge',                                                                               },\r\n                { key: 'status',      title: 'Status',                                          type: 'status',                      },\r\n\r\n                // { key: 'details',     title: 'Details',     action: 'details', icon: 'invoice',                                      },\r\n                // { key: 'refresh',     title: 'Refresh',     action: 'refresh', icon: 'refresh',                                       },\r\n\r\n                { key: 'details',     title: 'Details',     action: 'details', icon: 'invoice',                 behavior: 'detached' },\r\n                { key: 'refresh',     title: 'Refresh',     action: 'refresh', icon: 'refresh',                  behavior: 'detached' },\r\n\r\n                // { key: 'link',  title: 'Link',  type: 'link',  icon: 'link',                                                           },\r\n                // { key: 'route', title: 'Route', type: 'route', icon: 'link', route: { name: 'customer-details' },                      },\r\n\r\n                // { key: 'link',  title: 'Link',  type: 'link',  icon: 'link',                                      behavior: 'detached' },\r\n                // { key: 'route', title: 'Route', type: 'route', icon: 'link', route: { name: 'customer-details' }, behavior: 'detached' },\r\n            ],\r\n            rows: [],\r\n\r\n            loading: false,\r\n        }\r\n    },\r\n\r\n    created() {\r\n        this.init()\r\n    },\r\n\r\n    methods: {\r\n        init() {\r\n            const delay_in_ms = 1000\r\n            const charge = 26.65\r\n\r\n            this.loading = true\r\n\r\n            setTimeout(() => {\r\n                let id = 1\r\n\r\n                this.rows = [\r\n                    {\r\n                        id: id++,\r\n                        date: '2014-09-20 03:27:49',\r\n                        description: 'FWA Premium - 2/67 Argyle Street, Herne Bay, Auckland',\r\n                        charge: `$ ${ charge }`,\r\n                        status: {\r\n                            status: 'cancelled', // _table-tag-colors.scss\r\n                            text: 'Cancelled',\r\n                        },\r\n\r\n                        /*\r\n                            details: {\r\n                                disabled: false,\r\n                            },\r\n                            refresh: {\r\n                                disabled: false,\r\n                            },\r\n                        */\r\n\r\n                        link: 'https://github.com',\r\n                        route: {\r\n                            params: {\r\n                                uuid: this.customer_uuid,\r\n                            },\r\n                        },\r\n                    },\r\n                    {\r\n                        id: id++,\r\n                        date: '2014-09-20 03:27:49',\r\n                        description: 'FWA Premium - 2/67 Argyle Street, Herne Bay, Auckland',\r\n                        charge: `$ ${ charge }`,\r\n                        status: {\r\n                            status: 'cancelled', // _table-tag-colors.scss\r\n                            text: 'Cancelled',\r\n                        },\r\n\r\n                        /*\r\n                            details: {\r\n                                disabled: false,\r\n                            },\r\n                            refresh: {\r\n                                disabled: false,\r\n                            },\r\n                        */\r\n\r\n                        link: 'https://github.com',\r\n                        route: {\r\n                            params: {\r\n                                uuid: this.customer_uuid,\r\n                            },\r\n                        },\r\n                    },\r\n                    {\r\n                        id: id++,\r\n                        date: '2014-09-20 03:27:49',\r\n                        description: 'FWA Premium - 2/67 Argyle Street, Herne Bay, Auckland',\r\n                        charge: `$ ${ charge }`,\r\n                        status: {\r\n                            status: 'cancelled', // _table-tag-colors.scss\r\n                            text: 'Cancelled',\r\n                        },\r\n\r\n                        /*\r\n                            details: {\r\n                                disabled: false,\r\n                            },\r\n                            refresh: {\r\n                                disabled: false,\r\n                            },\r\n                        */\r\n\r\n                        link: 'https://github.com',\r\n                        route: {\r\n                            params: {\r\n                                uuid: this.customer_uuid,\r\n                            },\r\n                        },\r\n                    },\r\n                    {\r\n                        id: id++,\r\n                        date: '2014-09-20 03:27:49',\r\n                        description: 'FWA Premium - 2/67 Argyle Street, Herne Bay, Auckland',\r\n                        charge: `$ ${ charge }`,\r\n                        status: {\r\n                            status: 'cancelled', // _table-tag-colors.scss\r\n                            text: 'Cancelled',\r\n                        },\r\n\r\n                        /*\r\n                            details: {\r\n                                disabled: false,\r\n                            },\r\n                            refresh: {\r\n                                disabled: false,\r\n                            },\r\n                        */\r\n\r\n                        link: 'https://github.com',\r\n                        route: {\r\n                            params: {\r\n                                uuid: this.customer_uuid,\r\n                            },\r\n                        },\r\n                    },\r\n                    {\r\n                        id: id++,\r\n                        date: '2014-09-20 03:27:49',\r\n                        description: 'FWA Premium - 2/67 Argyle Street, Herne Bay, Auckland',\r\n                        charge: `$ ${ charge }`,\r\n                        status: {\r\n                            status: 'cancelled', // _table-tag-colors.scss\r\n                            text: 'Cancelled',\r\n                        },\r\n\r\n                        /*\r\n                            details: {\r\n                                disabled: false,\r\n                            },\r\n                            refresh: {\r\n                                disabled: false,\r\n                            },\r\n                        */\r\n\r\n                        link: 'https://github.com',\r\n                        route: {\r\n                            params: {\r\n                                uuid: this.customer_uuid,\r\n                            },\r\n                        },\r\n                    },\r\n                ]\r\n\r\n                this.loading = false\r\n            }, delay_in_ms)\r\n        },\r\n\r\n        onDetails(row) {\r\n            console.log('onDetails', JSON.parse(JSON.stringify(row)))\r\n\r\n            // this.rows[row.id - 1].details.disabled = true\r\n        },\r\n\r\n        onRefresh(row) {\r\n            console.log('onRefresh', JSON.parse(JSON.stringify(row)))\r\n\r\n            // this.rows[row.id - 1].refresh.disabled = true\r\n        },\r\n    },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.page-test-app-table-product-orders {\r\n    .product-orders-table {\r\n        margin: 48px 0;\r\n\r\n        @include table-cols-width((110px, 350px, 110px, 200px, 80px, 80px), true);\r\n\r\n        .cols {\r\n            .col {\r\n                &:nth-child(5) {\r\n                    justify-content: center;\r\n                }\r\n\r\n                &:nth-child(6) {\r\n                    justify-content: center;\r\n                }\r\n            }\r\n        }\r\n\r\n        .rows {\r\n            .row {\r\n                .col {\r\n                    &:nth-child(5) {\r\n                        justify-content: center;\r\n\r\n                        .btn-table-action {\r\n                            &.action-link,\r\n                            &.action-remove {\r\n                                margin-right: auto;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    &:nth-child(6) {\r\n                        justify-content: center;\r\n\r\n                        .btn-table-action {\r\n                            &.action-link,\r\n                            &.action-remove {\r\n                                margin-right: auto;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: $tablet-size) {\r\n    .page-test-app-table-product-orders {\r\n        .product-orders-table {\r\n            @include table-cols-width((90px, 160px, 80px, 180px, 50px, 50px), true);\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: $mobile-size) {\r\n    .page-test-app-table-product-orders {\r\n        .product-orders-table {\r\n            @include table-cols-width-mobile((90px, 160px, 24px), true);\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=47a9fbb3&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}