{"version":3,"sources":["webpack:///./src/views/test/app-table/providers/index.vue?35f0","webpack:///src/views/test/app-table/providers/index.vue","webpack:///./src/views/test/app-table/providers/index.vue?fd5c","webpack:///./src/views/test/app-table/providers/index.vue","webpack:///./src/views/test/app-table/providers/index.vue?f561"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","selected_row","ref","attrs","cols","rows","loading","on","onRowClick","staticRenderFns","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACG,MAAM,CAAEP,EAAIQ,aAAe,QAAU,WAAY,CAACJ,EAAG,YAAY,CAACK,IAAI,YAAYH,YAAY,kBAAkBI,MAAM,CAAC,MAAQ,YAAY,KAAOV,EAAIW,KAAK,KAAOX,EAAIY,KAAK,QAAUZ,EAAIa,QAAQ,WAAY,EAAK,eAAeb,EAAIQ,cAAcM,GAAG,CAAC,YAAYd,EAAIe,eAAe,QAC5dC,EAAkB,G,gDC+BtB,GACE,WAAF,CACI,SAAJ,QAGE,KALF,WAMI,MAAJ,CACM,KAAN,CACA,CAAQ,IAAR,OAAQ,MAAR,OAAQ,WAAR,GACA,CAAQ,IAAR,OAAQ,MAAR,QACA,CAAQ,IAAR,WAAQ,MAAR,WAAQ,KAAR,SAEM,KAAN,GAEM,SAAN,EAEM,aAAN,OAIE,SAAF,kBACA,gBACA,wBAIE,QA1BF,WA2BI,KAAJ,QAGE,QA9BF,WA+BI,SAAJ,wDAGE,cAlCF,WAmCI,SAAJ,2DAGE,QAAF,CACI,KADJ,WAEM,KAAN,gBAGI,WALJ,SAKA,GACM,QAAN,gDAEM,KAAN,oBAEM,KAAN,uCAGI,wBAbJ,SAaA,GACA,8CACQ,KAAR,kBAEQ,KAAR,wCAII,sBArBJ,WAsBM,KAAN,kCAGI,aAzBJ,WAyBM,IAAN,OACM,KAAN,WAEM,KAAN,mCACA,kBAEQ,EAAR,kCAAU,MAAV,CACY,KAAZ,OAEY,KAAZ,OAEY,KAAZ,OAEY,KAAZ,OAEY,SAAZ,0CAGQ,EAAR,cAEA,mBACQ,QAAR,OACQ,EAAR,QACQ,EAAR,eAII,wBApDJ,SAoDA,GAGM,IAFA,IAAN,KAEA,wBACQ,IAAR,OAEA,8BACU,EAAV,uCAIM,OAAN,KCrI4X,I,wBCQxXC,EAAY,eACd,EACAlB,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,oECnBf","file":"assets/js/chunk-6a54b3c4.175f0e60.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-test-app-table-providers container\"},[_c('div',{staticClass:\"row\"},[_c('div',{class:[ _vm.selected_row ? 'col-8' : 'col-12' ]},[_c('app-table',{ref:\"providers\",staticClass:\"providers-table\",attrs:{\"title\":\"Providers\",\"cols\":_vm.cols,\"rows\":_vm.rows,\"loading\":_vm.loading,\"clickable\":true,\"selected-row\":_vm.selected_row},on:{\"row-click\":_vm.onRowClick}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <!-- /test/app-table/providers -->\r\n    <div class=\"page-test-app-table-providers container\">\r\n        <div class=\"row\">\r\n            <div :class=\"[ selected_row ? 'col-8' : 'col-12' ]\">\r\n                <app-table\r\n                    class=\"providers-table\"\r\n\r\n                    title=\"Providers\"\r\n\r\n                    :cols=\"cols\"\r\n                    :rows=\"rows\"\r\n\r\n                    :loading=\"loading\"\r\n\r\n                    :clickable=\"true\"\r\n                    :selected-row=\"selected_row\"\r\n\r\n                    ref=\"providers\"\r\n\r\n                    @row-click=\"onRowClick\"\r\n                ></app-table>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\n\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            cols: [\r\n                { key: 'spid',     title: 'spid',     highlight: true,               },\r\n                { key: 'name',     title: 'name',                                    },\r\n                { key: 'features', title: 'features',                  type: 'tags', },\r\n            ],\r\n            rows: [],\r\n\r\n            loading: false,\r\n\r\n            selected_row: null,\r\n        }\r\n    },\r\n\r\n    computed: {\r\n        ...mapGetters([\r\n            'providers_features',\r\n        ]),\r\n    },\r\n\r\n    created() {\r\n        this.init()\r\n    },\r\n\r\n    mounted() {\r\n        document.addEventListener('click', this.handleClickOutsideTable)\r\n    },\r\n\r\n    beforeDestroy() {\r\n        document.removeEventListener('click', this.handleClickOutsideTable)\r\n    },\r\n\r\n    methods: {\r\n        init() {\r\n            this.getProviders()\r\n        },\r\n\r\n        onRowClick(row) {\r\n            console.log('onRowClick', JSON.parse(JSON.stringify(row)))\r\n\r\n            this.selected_row = row.uuid\r\n\r\n            this.$nextTick(this.toggleProvidersResize)\r\n        },\r\n\r\n        handleClickOutsideTable(event) {\r\n            if (!this.$refs.providers.$el.contains(event.target)) {\r\n                this.selected_row = null\r\n\r\n                this.$nextTick(this.toggleProvidersResize)\r\n            }\r\n        },\r\n\r\n        toggleProvidersResize() {\r\n            this.$refs.providers.watchingResize()\r\n        },\r\n\r\n        getProviders() {\r\n            this.loading = true\r\n\r\n            this.$store.dispatch('getProviders', {})\r\n                .then(response => {\r\n\r\n                    this.rows = response.Providers.map(provider => ({\r\n                        uuid: provider.UUID,\r\n\r\n                        SPID: provider.SPID,\r\n\r\n                        spid: provider.SPID,\r\n\r\n                        name: provider.Name,\r\n\r\n                        features: this.getProviderFeaturesTags(provider.Features),\r\n                    }))\r\n\r\n                    this.loading = false\r\n                })\r\n                .catch(error => {\r\n                    console.log(error)\r\n                    this.rows = []\r\n                    this.loading = false\r\n                })\r\n        },\r\n\r\n        getProviderFeaturesTags(features) {\r\n            let tags = []\r\n\r\n            for (let i = 0, len = features.length; i < len; i++) {\r\n                const feature = features[i]\r\n\r\n                if (feature in this.providers_features) {\r\n                    tags.push(this.providers_features[feature].Title)\r\n                }\r\n            }\r\n\r\n            return tags\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.page-test-app-table-providers {\r\n    .row {\r\n        & > div {\r\n            transition: $transition-duration-primary;\r\n        }\r\n    }\r\n\r\n    .providers-table {\r\n        margin: 48px 0;\r\n\r\n        @include table-cols-width((150px, 115px, 305px), true);\r\n    }\r\n}\r\n\r\n@media (max-width: $tablet-size) {\r\n    .page-test-app-table-providers {\r\n        .providers-table {\r\n            @include table-cols-width((205px, 135px, 305px), true);\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: $mobile-size) {\r\n    .page-test-app-table-providers {\r\n        .providers-table {\r\n            @include table-cols-width-mobile((70px, 205px), 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=4471a5ee&\"\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","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&\""],"sourceRoot":""}