{"version":3,"sources":["webpack:///./src/views/admin/Leverancieren.vue","webpack:///src/views/admin/Leverancieren.vue","webpack:///./src/views/admin/Leverancieren.vue?a5b0","webpack:///./src/views/admin/Leverancieren.vue?c7ec","webpack:///./src/views/admin/Leverancieren.vue?2eee"],"names":["staticClass","_vm","attrs","_c","on","_v","key","index","staticRenderFns","render","name","components","mixins","data","accountDescription","currentSort","computed","suppliers","sortedArray","sorted","text2","text1","methods","sort","getCardText","getCardSubText","component"],"mappings":"wRAAmM,EAAQ,W,IAAEA,OAA8C,EAAK,EAAI,S,OAAgEA,QAAY,UAAO,YAAYC,QAAuDD,UAAY,GAAM,QAACE,MAAM,CAAC,aAAO,KAAO,CAACC,EAAG,QAASD,MAAM,CAAC,KAAO,MAAsB,QAACE,YAAG,mC,CAAC,KAAO,qBAAiB,kC,YAAQH,Q,CAAqB,wDAAC,mBAAE,MAAMI,CAA0DL,Y,CAA0B,UAAe,OAAIG,MAAG,UAAiBH,MAAW,IAA6DA,IAA4CE,MAAM,YAAC,OAAO,uBAAoBF,0CAAY,iBAAyDE,YAAM,O,MAAC,CAAW,kB,CAAK,SAAQ,Q,YAAwBD,mB,CAAU,oCAAC,4CAAE,MAAMI,CAAkCL,Y,CAA0B,SAAQ,C,YAAa,yD,MAAC,CAAS,UAAkJ,IAAmBM,MAAIC,SAAK,GAACP,SAAY,U,CAAmC,iCAAC,YAAM,O,MAAUA,CAAuCI,MAAG,G,MAAQ,G,KAAkB,K,CAA0C,kHAAC,OAAM,UAAgBJ,MAA2C,YAAY,iBAA4CA,OAA6BG,KAAG,OAAiG,CAACF,EAAG,OAAO,CAA6C,YAAW,2BAC3sD,IACGO,eAAoB,GAEfC,OAAQD,iBAAe,Y,qRCsDjB,GACfE,qBACAC,WACA,GAEAC,gBACAC,WACAC,gQACAC,2BAEAC,aACA,gBACAC,sCAEAC,cAEA,qBA0BA,OAxBAC,iBACA,SACAC,KAEA,yBAEA,iBACAC,wBACAD,wBACA,MACA,kBACAC,wBACAD,wBACA,MAGA,YACA,EAEA,IACA,EAEA,IAEA,IAGAE,QACA,CACAC,OAEA,4EAEAC,eAEA,8DAEAC,kBAEA,+ECnHsW,I,wBCQlWC,EAAY,eACd,EACA,EACAlB,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E,2CCnBf","file":"js/chunk-32f828b6.e82cb898.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"px-2\"},[_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"7\"}},[_c('p',{staticClass:\"display-1 font-weight-thin mb-2\"},[_vm._v(\"Leverancieren\")])]),_c('v-spacer')],1),_c('v-row',[_c('v-col',{staticClass:\"pb-1\"},[_c('div',[_vm._v(_vm._s(_vm.accountDescription))])]),_c('v-col',{staticClass:\"mb-3\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"block\":\"\"},on:{\"click\":function($event){return _vm.goToNewSupplier()}}},[_vm._v(\" Voeg nieuwe leverancier toe \")])],1)],1),_c('v-row',{staticClass:\"mb-5\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('p',{staticClass:\"title mt-0 mb-0\"},[_vm._v(\"Geregistreerd\")])]),_c('v-col',{staticClass:\"ma-0 pt-0 px-0 sort-container\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"mr-4 pa-0 black white--text text-capitalize text-start\",attrs:{\"plain\":\"\"},on:{\"click\":function($event){return _vm.sort()}}},[_vm._v(\" Bedrijfsnaam \"),_c('v-icon',{staticClass:\"pr-2\",attrs:{\"large\":\"\",\"right\":\"\",\"dark\":\"\"}},[_vm._v(_vm._s(_vm.currentSort == 'bedrijfAsc' ? 'mdi-menu-up' : 'mdi-menu-down'))])],1)],1),_vm._l((_vm.sortedArray),function(supplier,index){return _c('v-col',{key:index,staticClass:\"pt-3 pb-1 px-0\",attrs:{\"cols\":\"12\"}},[_c('v-card',{staticClass:\"participant-card primary\",on:{\"click\":function($event){return _vm.goToSupplierId(supplier.item1)}}},[_c('v-card-title',{staticClass:\"subtitle-1 cols-12 pt-2 pb-0\"},[_vm._v(\" \"+_vm._s(supplier.item2)+\" \")]),_c('v-list',{staticClass:\"pa-0 primary\"},[_c('v-list-item',[_c('v-list-item-content',[_c('v-list-item-title',{staticClass:\"font-weight-thin\"},[_vm._v(_vm._s(supplier.item1))])],1)],1)],1)],1)],1)})],2)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        \r\n        <div class=\"px-2\">\r\n            <v-container>\r\n                <v-row no-gutters>\r\n                    <v-col cols=\"7\">\r\n                        <p class=\"display-1 font-weight-thin mb-2\">Leverancieren</p>\r\n                    </v-col>\r\n                    <v-spacer></v-spacer>\r\n                </v-row> \r\n                <v-row>\r\n                    <v-col class=\"pb-1\">\r\n                        <div>{{accountDescription}}</div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" class=\"mb-3\" >\r\n                        <v-btn color=\"primary\" block @click=\"goToNewSupplier()\">\r\n                            Voeg nieuwe leverancier toe\r\n                        </v-btn>\r\n                    </v-col>\r\n                </v-row>\r\n                \r\n                <v-row no-gutters class=\"mb-5\">\r\n                    <v-col>\r\n                        <p class=\"title mt-0 mb-0\">Geregistreerd</p>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" class=\"ma-0 pt-0 px-0 sort-container\">\r\n                        <v-btn plain\r\n                            class=\"mr-4 pa-0 black white--text text-capitalize text-start\"\r\n                            @click=\"sort()\">\r\n                            Bedrijfsnaam\r\n                            <v-icon large right dark class=\"pr-2\">{{currentSort == 'bedrijfAsc' ? 'mdi-menu-up' : 'mdi-menu-down'}}</v-icon>\r\n                        </v-btn>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" class=\"pt-3 pb-1 px-0\" v-for=\"(supplier, index) in sortedArray\" :key=\"index\">\r\n                        <v-card class=\"participant-card primary\" @click=\"goToSupplierId(supplier.item1)\">\r\n                            <v-card-title\r\n                            class=\"subtitle-1 cols-12 pt-2 pb-0\">\r\n                                {{ supplier.item2 }}\r\n                            </v-card-title>\r\n                            <v-list class=\"pa-0 primary\">\r\n                                <v-list-item>\r\n                                    <v-list-item-content>\r\n                                        <v-list-item-title class=\"font-weight-thin\">{{ supplier.item1 }}</v-list-item-title>\r\n                                    </v-list-item-content>\r\n                                </v-list-item>\r\n                            </v-list>\r\n                        </v-card>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-container>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\nimport { mapState } from 'vuex';\r\nexport default {\r\n    name: 'Leverancieren',\r\n    components: \r\n    {\r\n    },\r\n    mixins: [RouteMixin],\r\n    data: () => ({\r\n        accountDescription: \"Hierboven zijn de belangrijkste statistieken van de huidige periode weergegeven. Het is mogelijk om alle gegevens op deze pagina per kwartaal en per jaar te sorteren. Daarnaast zijn alle leverencieren hieronder alfabetisch gesorteerd.\",\r\n        currentSort: 'bedrijfAsc',\r\n    }),\r\n    computed: {\r\n        ...mapState({\r\n            suppliers: state => state.menuHelper.suppliers\r\n        }),\r\n        sortedArray() \r\n        {\r\n            let sorted = this.suppliers;\r\n\t\t\r\n            sorted = sorted.sort((a,b) => {\r\n                let text1 = \"\",\r\n                    text2 = \"\";\r\n\r\n                switch(this.currentSort)\r\n                {\r\n                    case \"bedrijfAsc\":\r\n                        text1 = a.item2.toLowerCase();\r\n                        text2 = b.item2.toLowerCase();\r\n                        break;\r\n                    case \"bedrijfDesc\":\r\n                        text1 = b.item2.toLowerCase();\r\n                        text2 = a.item2.toLowerCase();\r\n                        break;\r\n                }\r\n\r\n                if (text1 < text2) {\r\n                    return -1\r\n                }\r\n                if (text1 > text2) {\r\n                    return 1\r\n                }\r\n                return 0\r\n            })\r\n            return sorted;\r\n        }\r\n    },\r\n    methods: \r\n    {\r\n        sort()\r\n        {\r\n            this.currentSort = this.currentSort == 'bedrijfAsc' ? 'bedrijfDesc' : 'bedrijfAsc';\r\n        },\r\n        getCardText(item)\r\n        {\r\n           return `${item.name} | ${item.daysLastActive} dagen geleden actief`;\r\n        },\r\n        getCardSubText(item)\r\n        {\r\n           return `Aantal roadtrips meegereden: ${item.rideCount} (${item.kilometerRide} km)`;\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.header\r\n{\r\n    display: inline-flex;\r\n}\r\n\r\n.edit-icon\r\n{\r\n    width: 15px;\r\n    height: 15px;\r\n    cursor: pointer;\r\n}\r\n\r\n.v-input\r\n{\r\n    height: 25px;\r\n}\r\n\r\n.sort-container button.v-btn:not(.v-btn--round).v-size--default\r\n{\r\n    border-bottom: 1px solid #858282 !important;\r\n    border-radius: 0px;\r\n}\r\n\r\n.theme--dark.v-card.participant-card,\r\n.participant-card .theme--dark.v-list\r\n{\r\n    background-color: #005E39;\r\n}\r\n\r\n.participant-card .v-card__title\r\n{\r\n    margin-bottom: -10px;\r\n}\r\n\r\n.v-sheet.v-card.participant-card \r\n{\r\n    border-radius: 10px;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Leverancieren.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Leverancieren.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Leverancieren.vue?vue&type=template&id=35c73d43&scoped=true&\"\nimport script from \"./Leverancieren.vue?vue&type=script&lang=js&\"\nexport * from \"./Leverancieren.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Leverancieren.vue?vue&type=style&index=0&id=35c73d43&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"35c73d43\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Leverancieren.vue?vue&type=style&index=0&id=35c73d43&prod&scoped=true&lang=css&\""],"sourceRoot":""}