{"version":3,"sources":["webpack:///./src/components/grid/DatetimeCellDisplayTemplate.vue?2526","webpack:///src/components/grid/DatetimeCellDisplayTemplate.vue","webpack:///./src/components/grid/DatetimeCellDisplayTemplate.vue?a5b3","webpack:///./src/components/grid/DatetimeCellDisplayTemplate.vue","webpack:///./src/views/AnnualCatalog/List.vue?6cd3","webpack:///src/views/AnnualCatalog/List.vue","webpack:///./src/views/AnnualCatalog/List.vue?b4af","webpack:///./src/views/AnnualCatalog/List.vue?959a","webpack:///./src/views/AnnualCatalog/List.vue?432d"],"names":["render","_vm","this","_h","$createElement","_c","_self","templateArgs","_v","_s","shortDateFormat","hourFormat","longDateFormat","staticRenderFns","name","data","dateValue","mounted","methods","convertFromUtcToLocal","dateUtc","computed","minutes","day","year","hours","seconds","component","attrs","$t","staticClass","directives","rawName","value","expression","domProps","on","$event","type","indexOf","_k","keyCode","key","stopPropagation","massSearch","clearFilters","target","composing","searchQuery","ref","transportSettings","schemaModelFields","defaultGridRows","dataSourceError","gridOptions","editable","filterable","pageable","reorderable","resizable","groupable","allowCopy","columnMenu","sortable","mode","allowUnsort","showIndexes","selectable","scrollable","dataBound","toolbar","excel","pdf","btnsTemplate","_e","kendo","props","showHideButton","default","showPinButton","showNewButton","showExportTemplateButton","showImportFromExcelButton","showResizeIcon","size","showBtns","showSettingsBtn","components","PageTitle","created","window","componentName","titleKey","settingsTooltipText","id","nullable","visible","date","userName","rawHtml","read","url","dataType","contentType","beforeSend","parameterMap","showUserSettingsForm","newDate","fileName","allPages","avoidLinks","paperSize","title","subject","creator","margin","top","left","right","bottom","landscape","repeatHeaders","scale","goToAnnualCatalog","args","e","text","color","time","models","saveState","localStorage","loadState","grid","req","toolbarTemplate","template","parentComponent","btns","tooltip","class","icon","show","clickHandler","changeGridSettings","datetimeDisplayTemplate","showShortDate","gridSettingsChanged","loadColumnsVisibilitySettings","then","settings","catch","setColumnVisibilitySettings","container","token","hasReadRights"],"mappings":"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G,mBACA2C,IACAhF,UACAwB,cACAiB,YACAwC,YACAC,WACAJ,wBAEApE,MACAV,YACAwB,cACAiB,YACAwC,YACAC,WACAJ,0BAEAK,MACAnF,YACAwB,YACAiB,YACAwC,YACAC,WACAJ,sCAEAM,UACApF,gBACAwB,cACAiB,YACAwC,YACAC,WACAJ,2BAGAO,WACAjD,mBACAkD,MACAC,gEACAC,gBACAhE,YACAiE,+BACAC,4BAEAC,gCAEAC,wBACAC,WACArD,8BACA,gCADA,CAEAiB,OACAqC,gCACAC,aAIArC,KACAoC,6BACAC,YACAC,cACAC,eACAC,6BACAC,+BACAC,6BACAC,QACAC,UACAC,WACAC,YACAC,cAEAC,aACAC,iBACAC,cAKAxG,SACAyG,kBADA,SACAC,GACA,mDAEAvD,UAJA,SAIAwD,GACA,sCAEAxE,gBAPA,SAOAwE,GACA,iBACAb,qCACAc,+CACAC,eACAC,iDAGAvB,2BACA,2BACA,CAAAwB,mCAEA,iBACA,qBAGAC,qBACA,oCAEAC,oEAEAC,qBACA,yCACA,gCAEA,GACAC,6BAGA7B,uBACA,YACA8B,0DAGAC,2BACA,MACA,sHAIA,0BAEA9D,yBACA,OACA+D,oDACAjI,+BACAsH,EADA,CAEAY,gCACAC,MACA,CACA5H,YACAgH,QACAa,gCACAC,wBACAC,mBACAC,wBACAC,0CAMAC,mBArEA,WAsEA,sDAEAC,oCACA,qBACAT,oDACAjI,cACAS,iBACAkI,oBAIAC,oBAjFA,SAiFAxD,EAAA7E,EAAAmB,GACA,oCAEAmH,8BApFA,WAoFA,WACA,yFACAC,MAAA,YACA,2BAKA,IADA,SACA,iCACAC,gCAEA,iCACA,wCACA,8CAIA,oCACAC,OAAA,YACA,cACAvC,qEACAc,6BACAC,eACAC,iDAIAwB,4BA/GA,WAoHA,IAJA,oCACA,YAGA,oBACA,WACA,SACA,gDACA,4DAIA,wCACAnB,gBAEAA,mBAIAxF,aAnIA,WAoIA,oBACA,oCACA,IACAwF,sBACAA,qBACAA,2BACAA,0BAGAzF,WA7IA,WA8IA,qBAWA,oCACA,MACA,6DACA,GACAyF,6BAdA,iBACArB,wCACAc,kCACAC,gBACAC,kDAeA/G,mBACA,kBACAwI,0DAEApI,UACAqI,iBACA,iCAEApF,mBACA,OACA,CACAxD,aACAgH,mDAIA6B,cAZA,WAaA,wDC5Z6V,I,wBCQzVhI,EAAY,eACd,EACA3B,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAc,E,2CCnBf","file":"js/chunk-4abee056.8903bf19.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.templateArgs.showShortDate)?_c('span',[_vm._v(_vm._s(_vm.shortDateFormat))]):(_vm.templateArgs.showHourFormat)?_c('span',[_vm._v(_vm._s(_vm.hourFormat))]):_c('span',[_vm._v(_vm._s(_vm.longDateFormat))])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <span v-if=\"templateArgs.showShortDate\">{{shortDateFormat}}</span>\r\n    <span v-else-if=\"templateArgs.showHourFormat\">{{hourFormat}}</span>\r\n    <span v-else>{{longDateFormat}}</span>\r\n\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: \"datetimeCellDisplayTemplate\",\r\n        data() {\r\n            return {\r\n                templateArgs: {},\r\n                dateValue: ''\r\n            };\r\n        },\r\n        mounted() {\r\n            this.convertFromUtcToLocal()\r\n        },\r\n        methods: {\r\n            convertFromUtcToLocal() {\r\n                if (this.templateArgs.dateValue) {\r\n                    //this.dateValue = this.$helpers.convertFromUtcToLocal(this.templateArgs.dateValue);\r\n                    //console.log(this.templateArgs.dateValue)\r\n                    let dateUtc = new Date(this.templateArgs.dateValue);\r\n                    if (dateUtc) {\r\n                        this.dateValue = new Date(Date.UTC(dateUtc.getFullYear(),\r\n                            dateUtc.getMonth(), dateUtc.getDate(), dateUtc.getHours(), dateUtc.getMinutes(), dateUtc.getSeconds()));\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        computed: {\r\n            hourFormat() {\r\n                if (!this.dateValue) {\r\n                    return '';\r\n                }\r\n\r\n\r\n                let hours = '' + this.dateValue.getHours(),\r\n                    minutes = '' + this.dateValue.getMinutes();\r\n\r\n                if (hours.length < 2) hours = '0' + hours;\r\n                if (minutes.length < 2) minutes = '0' + minutes;\r\n\r\n                return [hours, minutes].join(':');\r\n            },\r\n            shortDateFormat() {\r\n                if (!this.dateValue) {\r\n                    return '';\r\n                }\r\n\r\n                let month = '' + (this.dateValue.getMonth() + 1),\r\n                    day = '' + this.dateValue.getDate(),\r\n                    year = this.dateValue.getFullYear();\r\n\r\n                if (month.length < 2) month = '0' + month;\r\n                if (day.length < 2) day = '0' + day;\r\n\r\n                return [day, month, year].join('.');\r\n            },\r\n            longDateFormat() {\r\n                if (!this.dateValue) {\r\n                    return '';\r\n                }\r\n\r\n                let month = '' + (this.dateValue.getMonth() + 1),\r\n                    day = '' + this.dateValue.getDate(),\r\n                    year = this.dateValue.getFullYear(),\r\n                    hours = '' + this.dateValue.getHours(),\r\n                    minutes = '' + this.dateValue.getMinutes(),\r\n                    seconds = '' + this.dateValue.getSeconds();\r\n\r\n                if (month.length < 2) month = '0' + month;\r\n                if (day.length < 2) day = '0' + day;\r\n                if (hours.length < 2) hours = '0' + hours;\r\n                if (minutes.length < 2) minutes = '0' + minutes;\r\n                if (seconds.length < 2) seconds = '0' + seconds;\r\n\r\n                if (this.templateArgs.hideSconds) {\r\n                    return [day, month, year].join('.') + ' ' + [hours, minutes].join(':');\r\n                } else {\r\n                    return [day, month, year].join('.') + ' ' + [hours, minutes, seconds].join(':');\r\n                }\r\n\r\n            }\r\n        }\r\n    };\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DatetimeCellDisplayTemplate.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!./DatetimeCellDisplayTemplate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DatetimeCellDisplayTemplate.vue?vue&type=template&id=3fc87cf4&\"\nimport script from \"./DatetimeCellDisplayTemplate.vue?vue&type=script&lang=js&\"\nexport * from \"./DatetimeCellDisplayTemplate.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('page-title',{attrs:{\"title\":_vm.$t('annualCatalog.annualCatalog'),\"showTitle\":false}}),_c('div',{staticClass:\"card mx-auto mt-2 px-0\"},[_c('div',{staticClass:\"card-header bg-primary text-white\"},[_c('div',{staticClass:\"card-title h5 m-0\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('annualCatalog.annualCatalog'))+\"\\n            \")])]),_c('div',{staticClass:\"btn-toolbar justify-content-between mt-3\",attrs:{\"role\":\"toolbar\"}},[_c('div',{staticClass:\"form-inline col-lg-6 col-md-12\"}),_c('div',{staticClass:\"input-group col-lg-6 col-md-12\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchQuery),expression:\"searchQuery\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"aria-label\":\"Mass search input\",\"aria-describedby\":\"massSearch\"},domProps:{\"value\":(_vm.searchQuery)},on:{\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }$event.stopPropagation();return _vm.massSearch($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }$event.stopPropagation();return _vm.clearFilters($event)}],\"input\":function($event){if($event.target.composing){ return; }_vm.searchQuery=$event.target.value}}}),_c('button',{staticClass:\"btn btn-secondary\",on:{\"click\":function($event){$event.stopPropagation();return _vm.massSearch($event)}}},[_c('i',{staticClass:\"fas fa-search\"}),_vm._v(\"\\n                    \"+_vm._s(_vm.$t('buttons.search.btnText'))+\"\\n                \")]),_c('button',{staticClass:\"btn btn-secondary\",on:{\"click\":function($event){$event.stopPropagation();return _vm.clearFilters($event)}}},[_c('i',{staticClass:\"fas fa-times\"}),_vm._v(\"\\n                    \"+_vm._s(_vm.$t('buttons.clearFilters.btnText'))+\"\\n                \")])])]),_c('div',{staticClass:\"card-body\"},[_c('kendo-datasource',{ref:\"datasource1\",attrs:{\"transport\":_vm.transportSettings,\"schema-model-id\":'id',\"schema-model-fields\":_vm.schemaModelFields,\"schema-total\":'count',\"schema-data\":'items',\"page-size\":_vm.defaultGridRows,\"server-paging\":true,\"server-sorting\":true,\"server-filtering\":true,\"error\":_vm.dataSourceError}}),_c('kendo-grid',{ref:\"grid\",attrs:{\"height\":600,\"data-source-ref\":'datasource1',\"editable\":_vm.gridOptions.editable,\"filterable\":_vm.gridOptions.filterable,\"pageable\":_vm.gridOptions.pageable,\"reorderable\":_vm.gridOptions.reorderable,\"resizable\":_vm.gridOptions.resizable,\"groupable\":_vm.gridOptions.groupable,\"allow-copy\":_vm.gridOptions.allowCopy,\"column-menu\":_vm.gridOptions.columnMenu,\"sortable-mode\":_vm.gridOptions.sortable.mode,\"sortable-allow-unsort\":_vm.gridOptions.sortable.allowUnsort,\"sortable-show-indexes\":_vm.gridOptions.sortable.showIndexes,\"selectable\":_vm.gridOptions.selectable,\"scrollable\":_vm.gridOptions.scrollable,\"dataBound\":_vm.dataBound,\"toolbar\":_vm.toolbar,\"excel\":_vm.gridOptions.excel,\"pdf\":_vm.gridOptions.pdf}},[_c('kendo-grid-column',{attrs:{\"field\":'id',\"title\":_vm.$t('activity.id')}}),_c('kendo-grid-column',{attrs:{\"field\":'year',\"title\":_vm.$t('planning.year')}}),_c('kendo-grid-column',{attrs:{\"field\":'date',\"format\":'{0:dd-MM-yyyy}',\"title\":_vm.$t('annualCatalog.createdDate')}}),_c('kendo-grid-column',{attrs:{\"field\":'userName',\"title\":_vm.$t('annualCatalog.createdUser')}}),(_vm.showBtns)?_c('kendo-grid-column',{attrs:{\"template\":_vm.btnsTemplate,\"field\":\"btnsColumn\",\"title\":_vm.$t('actions')}}):_vm._e()],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <page-title :title=\"$t('annualCatalog.annualCatalog')\" :showTitle=\"false\"></page-title>\r\n        <div class=\"card mx-auto mt-2 px-0\">\r\n            <div class=\"card-header bg-primary text-white\">\r\n                <div class=\"card-title h5 m-0\">\r\n                    {{ $t('annualCatalog.annualCatalog') }}\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"btn-toolbar justify-content-between mt-3\" role=\"toolbar\">\r\n                <div class=\"form-inline col-lg-6 col-md-12\">\r\n\r\n                </div>\r\n\r\n                <div class=\"input-group col-lg-6 col-md-12\">\r\n                    <input v-model=\"searchQuery\" v-on:keyup.enter.stop=\"massSearch\" v-on:keyup.esc.stop=\"clearFilters\" type=\"text\" class=\"form-control\" aria-label=\"Mass search input\"\r\n                           aria-describedby=\"massSearch\">\r\n                    <button class=\"btn btn-secondary\" @click.stop=\"massSearch\">\r\n                        <i class=\"fas fa-search\"></i>\r\n                        {{ $t('buttons.search.btnText') }}\r\n                    </button>\r\n                    <button class=\"btn btn-secondary\"\r\n                            @click.stop=\"clearFilters\">\r\n                        <i class=\"fas fa-times\"></i>\r\n                        {{ $t('buttons.clearFilters.btnText') }}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"card-body\">\r\n                <kendo-datasource ref=\"datasource1\"\r\n                                  :transport=\"transportSettings\"\r\n                                  :schema-model-id=\"'id'\"\r\n                                  :schema-model-fields=\"schemaModelFields\"\r\n                                  :schema-total=\"'count'\"\r\n                                  :schema-data=\"'items'\"\r\n                                  :page-size='defaultGridRows'\r\n                                  :server-paging=\"true\"\r\n                                  :server-sorting=\"true\"\r\n                                  :server-filtering=\"true\"\r\n                                  :error=\"dataSourceError\">\r\n                </kendo-datasource>\r\n                <kendo-grid ref=\"grid\"\r\n                            :height=\"600\"\r\n                            :data-source-ref=\"'datasource1'\"\r\n                            :editable=\"gridOptions.editable\"\r\n                            :filterable=\"gridOptions.filterable\"\r\n                            :pageable=\"gridOptions.pageable\"\r\n                            :reorderable=\"gridOptions.reorderable\"\r\n                            :resizable=\"gridOptions.resizable\"\r\n                            :groupable=\"gridOptions.groupable\"\r\n                            :allow-copy=\"gridOptions.allowCopy\"\r\n                            :column-menu=\"gridOptions.columnMenu\"\r\n                            :sortable-mode=\"gridOptions.sortable.mode\"\r\n                            :sortable-allow-unsort=\"gridOptions.sortable.allowUnsort\"\r\n                            :sortable-show-indexes=\"gridOptions.sortable.showIndexes\"\r\n                            :selectable=\"gridOptions.selectable\"\r\n                            :scrollable=\"gridOptions.scrollable\"\r\n                            :dataBound=\"dataBound\"\r\n                            :toolbar=\"toolbar\"\r\n                            :excel=\"gridOptions.excel\"\r\n                            :pdf=\"gridOptions.pdf\">\r\n                    <kendo-grid-column :field=\"'id'\"\r\n                                       :title=\"$t('activity.id')\">\r\n                    </kendo-grid-column>\r\n                    <kendo-grid-column :field=\"'year'\"\r\n                                       :title=\"$t('planning.year')\">\r\n                    </kendo-grid-column>\r\n                    <kendo-grid-column :field=\"'date'\"\r\n                                       :format=\"'{0:dd-MM-yyyy}'\"\r\n                                       :title=\"$t('annualCatalog.createdDate')\">\r\n                    </kendo-grid-column>\r\n                    <kendo-grid-column :field=\"'userName'\"\r\n                                       :title=\"$t('annualCatalog.createdUser')\">\r\n                    </kendo-grid-column>\r\n                    <kendo-grid-column :template=\"btnsTemplate\"\r\n                                       field=\"btnsColumn\"\r\n                                       :title=\"$t('actions')\"\r\n                                       v-if=\"showBtns\">\r\n                    </kendo-grid-column>\r\n                </kendo-grid>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import Vue from 'vue';\r\n    import store from '../../store/store';\r\n    import GridUserSettings from \"../../components/grid/UserSettings\";\r\n    import BtnsTemplate from \"../../components/grid/StandardBtnsTemplate\";\r\n    import PageTitle from '../../components/common/PageTitle';\r\n    import DatetimeCellDisplayTemplate from \"../../components/grid/DatetimeCellDisplayTemplate\";\r\n    import JSZip from 'jszip'\r\n\r\n    kendo.pdf.defineFont({\r\n        \"DejaVu Sans\": \"https://kendo.cdn.telerik.com/2019.2.619/styles/fonts/DejaVu/DejaVuSans.ttf\",\r\n        \"DejaVu Sans|Bold\": \"https://kendo.cdn.telerik.com/2019.2.619/styles/fonts/DejaVu/DejaVuSans-Bold.ttf\",\r\n        \"DejaVu Sans|Bold|Italic\": \"https://kendo.cdn.telerik.com/2019.2.619/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf\",\r\n        \"DejaVu Sans|Italic\": \"https://kendo.cdn.telerik.com/2019.2.619/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf\",\r\n        \"WebComponentsIcons\": \"https://kendo.cdn.telerik.com/2019.2.619/styles/fonts/glyphs/WebComponentsIcons.ttf\"\r\n    });\r\n\r\n    export default {\r\n        props: {\r\n            showHideButton: {\r\n                default: false,\r\n                type: Boolean\r\n            },\r\n            showPinButton: {\r\n                default: true,\r\n                type: Boolean\r\n            },\r\n            showNewButton: {\r\n                default: true,\r\n                type: Boolean\r\n            },\r\n            showExportTemplateButton: {\r\n                default: true,\r\n                type: Boolean\r\n            },\r\n            showImportFromExcelButton: {\r\n                default: true,\r\n                type: Boolean\r\n            },\r\n            showResizeIcon: {\r\n                default: false,\r\n                type: Boolean\r\n            },\r\n            size: {\r\n                default: 6,\r\n                type: Number\r\n            },\r\n            showBtns: {\r\n                default: true,\r\n                type: Boolean\r\n            },\r\n            showSettingsBtn: {\r\n                default: true,\r\n                type: Boolean\r\n            }\r\n        },\r\n        components: {\r\n            PageTitle,\r\n            'grid-user-settings': GridUserSettings,\r\n        },\r\n        created: function () {\r\n            window.JSZip = JSZip // ���������� � �� �� ������ �������� � excel\r\n        },\r\n        data() {\r\n            return {\r\n                componentName: \"annualcatalogproject\",\r\n                titleKey: 'activity.title',\r\n                defaultGridRows: this.$store.getters.defaultGridRows,\r\n                settingsTooltipText: this.$t('buttons.settings.tooltipText'),\r\n                searchQuery: '',\r\n                schemaModelFields: {\r\n                    id: {\r\n                        name: 'id',\r\n                        type: 'number',\r\n                        editable: false,\r\n                        nullable: true,\r\n                        visible: true,\r\n                        titleKey: 'activity.id'\r\n                    },\r\n                    year: {\r\n                        name: 'year',\r\n                        type: 'number',\r\n                        editable: false,\r\n                        nullable: false,\r\n                        visible: true,\r\n                        titleKey: 'planning.year'\r\n                    },\r\n                    date: {\r\n                        name: 'date',\r\n                        type: 'date',\r\n                        editable: false,\r\n                        nullable: false,\r\n                        visible: true,\r\n                        titleKey: 'annualCatalog.createdDate'\r\n                    },\r\n                    userName: {\r\n                        name: 'userName',\r\n                        type: 'string',\r\n                        editable: false,\r\n                        nullable: false,\r\n                        visible: true,\r\n                        titleKey: 'annualCatalog'\r\n                    }\r\n                },\r\n                rawHtml: \"\",\r\n                transportSettings: {\r\n                    read: {\r\n                        url: `${store.getters.baseUrl}/api/AnnualCatalog/list`,\r\n                        dataType: 'json',\r\n                        type: 'POST',\r\n                        contentType: 'application/json',\r\n                        beforeSend: this.beforeSend\r\n                    },\r\n                    parameterMap: this.parameterMap\r\n                },\r\n                showUserSettingsForm: false,\r\n                newDate: '',\r\n                gridOptions: {\r\n                    ...this.$store.getters.gridOptions,\r\n                    excel: {\r\n                        fileName: 'Годишен каталог.xlsx',\r\n                        allPages: false,\r\n                        /*                        filterable: true,\r\n                                                collapsible: true,*/\r\n                    },\r\n                    pdf: {\r\n                        fileName: 'AnnualCatalog.pdf',\r\n                        allPages: false,\r\n                        avoidLinks: true,\r\n                        paperSize: 'A4',\r\n                        title: this.$t(this.titleKey),\r\n                        subject: this.$t(this.titleKey),\r\n                        creator: this.$store.userName,\r\n                        margin: {\r\n                            top: '2cm',\r\n                            left: '1cm',\r\n                            right: '1cm',\r\n                            bottom: '1cm'\r\n                        },\r\n                        landscape: true,\r\n                        repeatHeaders: true,\r\n                        scale: 0.6,\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            goToAnnualCatalog(args) {\r\n                this.$router.push('/annualCatalog/details/' + args.id);\r\n            },\r\n            dataBound(e) {\r\n                this.loadColumnsVisibilitySettings();\r\n            },\r\n            dataSourceError(e) {\r\n                this.$vs.notify({\r\n                    title: this.$t('notifications.error'),\r\n                    text: this.$helpers.kendoDataSourceErrorText(e),\r\n                    color: 'danger',\r\n                    time: this.$store.getters.notificationDuration,\r\n                });\r\n            },\r\n            parameterMap: function (options, operation) {\r\n                if (operation !== 'read' && options.models) {\r\n                    return { models: kendo.stringify(options.models) }\r\n                } else {\r\n                    this.saveState();\r\n                    return kendo.stringify(options);\r\n                }\r\n            },\r\n            saveState: function () {\r\n                let grid = this.$refs.grid.kendoWidget();\r\n\r\n                localStorage[\"audit-grid-options\"] = kendo.stringify(grid.getOptions());\r\n            },\r\n            loadState: function () {\r\n                let options = localStorage[\"kendo-grid-options\"];\r\n                let grid = this.$refs.grid.kendoWidget();\r\n\r\n                if (options) {\r\n                    grid.setOptions(JSON.parse(options));\r\n                }\r\n            },\r\n            beforeSend: function (req) {\r\n                if (this.token) {\r\n                    req.setRequestHeader('Authorization', 'Bearer ' + this.token);\r\n                }\r\n            },\r\n            toolbarTemplate: function () {\r\n                let templateHtml =\r\n                    '<span>' +\r\n                    '<a class=\"k-pager-refresh k-link k-button\" title=\"Refresh\"><span class=\"k-icon k-i-reload\"></span></a>' +\r\n                    '</span>';\r\n\r\n                return kendo.template(templateHtml);\r\n            },\r\n            btnsTemplate: function (e) {\r\n                return {\r\n                    template: Vue.component(BtnsTemplate.name, BtnsTemplate),\r\n                    templateArgs: {\r\n                        ...e,\r\n                        parentComponent: this.$refs.grid,\r\n                        btns: [\r\n                            {\r\n                                name: \"edit\",\r\n                                text: \"\",\r\n                                tooltip: this.$t('buttons.open'),\r\n                                class: 'btn btn-success',\r\n                                icon: \"fas fa-edit\",\r\n                                show: this.hasReadRights,\r\n                                clickHandler: this.goToAnnualCatalog\r\n                            }\r\n                        ]\r\n                    }\r\n                };\r\n            },\r\n            changeGridSettings() {\r\n                this.showUserSettingsForm = !this.showUserSettingsForm;\r\n            },\r\n            datetimeDisplayTemplate: function (e) {\r\n                return this.newDate = {\r\n                    template: Vue.component(DatetimeCellDisplayTemplate.name, DatetimeCellDisplayTemplate),\r\n                    templateArgs: {\r\n                        dateValue: e.date,\r\n                        showShortDate: false\r\n                    },\r\n                };\r\n            },\r\n            gridSettingsChanged(componentName, name, value) {\r\n                this.setColumnVisibilitySettings();\r\n            },\r\n            loadColumnsVisibilitySettings() {\r\n                return this.$http.get('/api/personalization/' + this.componentName + '/getColumnVisibility'\r\n                ).then((response) => {\r\n                    if (response.data.settings === null) {\r\n                        return;\r\n                    }\r\n\r\n                    let settings = [];\r\n                    for (var i = 0; i < response.data.settings.length; i++) {\r\n                        settings.push(response.data.settings[i].name)\r\n                    }\r\n                    for (const key in this.schemaModelFields) {\r\n                        if (this.schemaModelFields.hasOwnProperty(key)) {\r\n                            this.schemaModelFields[key].visible = settings.includes(key);\r\n                        }\r\n                    }\r\n\r\n                    this.setColumnVisibilitySettings();\r\n                }).catch(error => {\r\n                    this.$vs.notify({\r\n                        title: this.$t('request.response.status.' + this.$helpers.errorStatusCode(error)),\r\n                        text: this.$helpers.errorText(error),\r\n                        color: 'danger',\r\n                        time: this.$store.getters.notificationDuration\r\n                    })\r\n                })\r\n            },\r\n            setColumnVisibilitySettings() {\r\n                var grid = this.$refs.grid.kendoWidget();\r\n                var columns = grid.columns;\r\n\r\n                // restore columns visibility state using the stored values\r\n                for (var i = 0; i < columns.length; i++) {\r\n                    var column = columns[i];\r\n                    if (!column.field\r\n                        || !this.schemaModelFields.hasOwnProperty(column.field)\r\n                        || !this.schemaModelFields[column.field].hasOwnProperty('visible')) {\r\n                        continue;\r\n                    }\r\n\r\n                    if (this.schemaModelFields[column.field].visible) {\r\n                        grid.showColumn(column);\r\n                    } else {\r\n                        grid.hideColumn(column);\r\n                    }\r\n                }\r\n            },\r\n            clearFilters() {\r\n                this.searchQuery = '';\r\n                const grid = this.$refs.grid.kendoWidget();\r\n                if (grid) {\r\n                    grid.dataSource.sort({});\r\n                    grid.dataSource.page(1);\r\n                    grid.dataSource.aggregate([]);\r\n                    grid.dataSource.filter({});\r\n                }\r\n            },\r\n            massSearch() {\r\n                if (!this.searchQuery) {\r\n                    this.$vs.notify({\r\n                        title: this.$t('buttons.search.btnText'),\r\n                        text: this.$t('emptySearchFilter'),\r\n                        color: 'warning',\r\n                        time: this.$store.getters.notificationDuration\r\n                    })\r\n\r\n                    return;\r\n                }\r\n\r\n                let grid = this.$refs.grid.kendoWidget();\r\n                if (grid) {\r\n                    let filter = this.$helpers.getMassFilterForGrid(grid, this.searchQuery);\r\n                    if (filter) {\r\n                        grid.dataSource.filter(filter);\r\n                    }\r\n                }\r\n            },\r\n        },\r\n        mounted: function () {\r\n            var container = $(this.$el);\r\n            container.find('[data-toggle=\"tooltip\"]').tooltip({ container });\r\n        },\r\n        computed: {\r\n            token: function () {\r\n                return store.getters.authToken;\r\n            },\r\n            toolbar: function () {\r\n                return [\r\n                    {\r\n                        name: 'excel',\r\n                        text: this.$t('buttons.excelExport.tooltipText')\r\n                    }\r\n                ];\r\n            },\r\n            hasReadRights() {\r\n                return this.$store.getters.claims.annualCatalog.read;\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style>\r\n    .k-pdf-export colgroup > col:nth-child(4) {\r\n        width: 0px !important;\r\n    }\r\n</style>\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./List.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./List.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./List.vue?vue&type=template&id=4390dad2&\"\nimport script from \"./List.vue?vue&type=script&lang=js&\"\nexport * from \"./List.vue?vue&type=script&lang=js&\"\nimport style0 from \"./List.vue?vue&type=style&index=0&id=4390dad2&prod&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","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!./List.vue?vue&type=style&index=0&id=4390dad2&prod&lang=css&\""],"sourceRoot":""}