mirror of
https://github.com/alerta/alerta-webui.git
synced 2025-03-16 21:43:29 +00:00
1 line
No EOL
29 KiB
Text
1 line
No EOL
29 KiB
Text
{"version":3,"sources":["webpack:///./src/components/AlertListFilter.vue","webpack:///src/components/AlertListFilter.vue","webpack:///./src/components/AlertListFilter.vue?5805","webpack:///./src/components/AlertListFilter.vue?9275"],"names":["attrs","_c","close","slot","staticClass","model","value","_vm","filterText","expression","statusList","$t","filterStatus","callback","dateRanges","filterDateRange","directives","name","rawName","showDateRange","menu1","period","$set","ref","menu2","on","staticRenderFns","props","type","Boolean","default","data","vm","sidesheet","active","pagination","rowsPerPage","sortBy","startDate","startTime","endDate","endTime","computed","text","i18n","t","range","divider","isDark","$store","getters","getPreference","history","item","map","h","index","_objectSpread","isWatched","tag","concat","username","tags","indexOf","defaultStatusMap","statusMap","$config","alarm_model","status","Object","keys","sort","a","b","localeCompare","currentCustomers","currentServices","currentGroups","get","state","alerts","filter","set","dispatch","length","filterCustomer","customer","filterService","service","filterGroup","group","dateRange","getDateRange","moment","unix","watch","val","created","customer_views","getCustomers","getServices","getGroups","methods","from","to","t1","utc","t2","format","toEpoch","date","time","Date","getTime","setDateRange","reset","$emit","component"],"mappings":"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","file":"js/chunk-2d20f5c4.ef4fe4a0.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-navigation-drawer',{attrs:{\"value\":_vm.sidesheet,\"clipped\":\"\",\"disable-resize-watcher\":\"\",\"absolute\":\"\",\"hide-overlay\":\"\",\"width\":\"300\",\"right\":\"\"}},[_c('v-card',{attrs:{\"tile\":\"\"}},[_c('v-toolbar',{attrs:{\"color\":_vm.isDark ? '#616161' : '#eeeeee',\"card\":\"\",\"dense\":\"\"}},[_c('v-toolbar-title',[_vm._v(\" \"+_vm._s(_vm.$t('Filters'))+\" \")]),_c('v-spacer'),_c('v-toolbar-items'),_c('v-menu',{attrs:{\"bottom\":\"\",\"right\":\"\",\"offset-y\":\"\"}},[_c('v-btn',{attrs:{\"slot\":\"activator\",\"icon\":\"\"},on:{\"click\":_vm.close},slot:\"activator\"},[_c('v-icon',[_vm._v(\"close\")])],1)],1)],1),_c('v-container',{attrs:{\"fluid\":\"\",\"grid-list-xl\":\"\"}},[_c('v-layout',{attrs:{\"align-center\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"pb-0\",attrs:{\"xs12\":\"\"}},[_c('v-text-field',{attrs:{\"label\":_vm.$t('Search'),\"prepend-inner-icon\":\"search\",\"outline\":\"\",\"dense\":\"\",\"clearable\":\"\",\"hint\":_vm.$t('FilterDescription'),\"persistent-hint\":\"\"},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:\"filterText\"}})],1),_c('v-flex',{staticClass:\"pb-0\",attrs:{\"xs12\":\"\"}},[_c('v-select',{attrs:{\"items\":_vm.statusList,\"small-chips\":\"\",\"placeholder\":_vm.$t('AllStatuses'),\"label\":_vm.$t('Status'),\"multiple\":\"\",\"outline\":\"\",\"dense\":\"\",\"hint\":_vm.$t('StatusDescription'),\"persistent-hint\":\"\"},model:{value:(_vm.filterStatus),callback:function ($$v) {_vm.filterStatus=$$v},expression:\"filterStatus\"}})],1),(_vm.$config.customer_views)?_c('v-flex',{staticClass:\"pb-0\",attrs:{\"xs12\":\"\"}},[_c('v-select',{attrs:{\"items\":_vm.currentCustomers,\"menu-props\":{ maxHeight: '400' },\"placeholder\":_vm.$t('AllCustomers'),\"label\":_vm.$t('Customer'),\"multiple\":\"\",\"outline\":\"\",\"dense\":\"\",\"hint\":_vm.$t('CustomerDescription'),\"persistent-hint\":\"\"},model:{value:(_vm.filterCustomer),callback:function ($$v) {_vm.filterCustomer=$$v},expression:\"filterCustomer\"}})],1):_vm._e(),_c('v-flex',{staticClass:\"pb-0\",attrs:{\"xs12\":\"\"}},[_c('v-autocomplete',{attrs:{\"items\":_vm.currentServices,\"menu-props\":{ maxHeight: '400' },\"placeholder\":_vm.$t('AllServices'),\"label\":_vm.$t('Service'),\"multiple\":\"\",\"outline\":\"\",\"dense\":\"\",\"hint\":_vm.$t('ServiceDescription'),\"persistent-hint\":\"\"},model:{value:(_vm.filterService),callback:function ($$v) {_vm.filterService=$$v},expression:\"filterService\"}})],1),_c('v-flex',{staticClass:\"pb-0\",attrs:{\"xs12\":\"\"}},[_c('v-select',{attrs:{\"items\":_vm.currentGroups,\"menu-props\":{ maxHeight: '400' },\"placeholder\":_vm.$t('AllGroups'),\"label\":_vm.$t('Group'),\"multiple\":\"\",\"outline\":\"\",\"dense\":\"\",\"hint\":_vm.$t('GroupDescription'),\"persistent-hint\":\"\"},model:{value:(_vm.filterGroup),callback:function ($$v) {_vm.filterGroup=$$v},expression:\"filterGroup\"}})],1),_c('v-flex',{staticClass:\"pb-0\",attrs:{\"xs12\":\"\"}},[_c('span',{staticClass:\"body-2\"},[_vm._v(_vm._s(_vm.$t('DateTime')))]),_c('v-select',{attrs:{\"items\":_vm.dateRanges,\"name\":\"dateRange\",\"label\":_vm.$t('DateTime'),\"solo\":\"\",\"flat\":\"\",\"prepend-inner-icon\":\"schedule\",\"item-value\":\"range\",\"hide-details\":\"\"},model:{value:(_vm.filterDateRange),callback:function ($$v) {_vm.filterDateRange=$$v},expression:\"filterDateRange\"}})],1),_c('v-flex',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showDateRange),expression:\"showDateRange\"}],staticClass:\"pb-0 pr-0\",attrs:{\"xs8\":\"\"}},[_c('v-text-field',{attrs:{\"label\":_vm.$t('StartDate'),\"prepend-inner-icon\":\"event\",\"outline\":\"\",\"hide-details\":\"\"},on:{\"click:prepend-inner\":function($event){_vm.menu1 = !_vm.menu1}},model:{value:(_vm.period.startDate),callback:function ($$v) {_vm.$set(_vm.period, \"startDate\", $$v)},expression:\"period.startDate\"}})],1),_c('v-flex',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showDateRange),expression:\"showDateRange\"}],staticClass:\"pb-0 pl-1\",attrs:{\"xs4\":\"\"}},[_c('v-text-field',{attrs:{\"label\":_vm.$t('Time'),\"outline\":\"\",\"hide-details\":\"\"},model:{value:(_vm.period.startTime),callback:function ($$v) {_vm.$set(_vm.period, \"startTime\", $$v)},expression:\"period.startTime\"}})],1),_c('v-flex',{staticClass:\"pa-0\"},[_c('v-menu',{ref:\"menu1\",attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"lazy\":\"\",\"transition\":\"scale-transition\",\"offset-y\":\"\",\"full-width\":\"\",\"max-width\":\"290px\",\"min-width\":\"290px\"},model:{value:(_vm.menu1),callback:function ($$v) {_vm.menu1=$$v},expression:\"menu1\"}},[_c('div',{attrs:{\"slot\":\"activator\"},slot:\"activator\"}),_c('v-date-picker',{attrs:{\"no-title\":\"\"},on:{\"input\":function($event){_vm.menu1 = false}},model:{value:(_vm.period.startDate),callback:function ($$v) {_vm.$set(_vm.period, \"startDate\", $$v)},expression:\"period.startDate\"}})],1)],1),_c('v-flex',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showDateRange),expression:\"showDateRange\"}],staticClass:\"pb-0 pr-0\",attrs:{\"xs8\":\"\"}},[_c('v-text-field',{attrs:{\"label\":_vm.$t('EndDate'),\"prepend-inner-icon\":\"event\",\"outline\":\"\",\"hide-details\":\"\"},on:{\"click:prepend-inner\":function($event){_vm.menu2 = !_vm.menu2}},model:{value:(_vm.period.endDate),callback:function ($$v) {_vm.$set(_vm.period, \"endDate\", $$v)},expression:\"period.endDate\"}})],1),_c('v-flex',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showDateRange),expression:\"showDateRange\"}],staticClass:\"pb-0 pl-1\",attrs:{\"xs4\":\"\"}},[_c('v-text-field',{attrs:{\"label\":_vm.$t('Time'),\"outline\":\"\",\"hide-details\":\"\"},model:{value:(_vm.period.endTime),callback:function ($$v) {_vm.$set(_vm.period, \"endTime\", $$v)},expression:\"period.endTime\"}})],1),_c('v-flex',{staticClass:\"pa-0\"},[_c('v-menu',{ref:\"menu2\",attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"lazy\":\"\",\"transition\":\"scale-transition\",\"offset-y\":\"\",\"full-width\":\"\",\"max-width\":\"290px\",\"min-width\":\"290px\"},model:{value:(_vm.menu2),callback:function ($$v) {_vm.menu2=$$v},expression:\"menu2\"}},[_c('div',{attrs:{\"slot\":\"activator\"},slot:\"activator\"}),_c('v-date-picker',{attrs:{\"no-title\":\"\"},on:{\"input\":function($event){_vm.menu2 = false}},model:{value:(_vm.period.endDate),callback:function ($$v) {_vm.$set(_vm.period, \"endDate\", $$v)},expression:\"period.endDate\"}})],1)],1)],1)],1)],1),_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-card-actions',[_c('v-btn',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showDateRange),expression:\"showDateRange\"}],attrs:{\"color\":\"primary\"},on:{\"click\":_vm.setDateRange}},[_vm._v(\" \"+_vm._s(_vm.$t('Apply'))+\" \")]),_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"blue darken-1\",\"flat\":\"\"},on:{\"click\":_vm.reset}},[_vm._v(\" \"+_vm._s(_vm.$t('Reset'))+\" \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <v-navigation-drawer\n :value=\"sidesheet\"\n clipped\n disable-resize-watcher\n absolute\n hide-overlay\n width=\"300\"\n right\n >\n <v-card tile>\n <v-toolbar\n :color=\"isDark ? '#616161' : '#eeeeee'\"\n card\n dense\n >\n <v-toolbar-title>\n {{ $t('Filters') }}\n </v-toolbar-title>\n <v-spacer />\n <v-toolbar-items />\n <v-menu\n bottom\n right\n offset-y\n >\n <v-btn\n slot=\"activator\"\n icon\n @click=\"close\"\n >\n <v-icon>close</v-icon>\n </v-btn>\n </v-menu>\n </v-toolbar>\n\n <v-container\n fluid\n grid-list-xl\n >\n <v-layout\n align-center\n wrap\n >\n <v-flex\n xs12\n class=\"pb-0\"\n >\n <v-text-field\n v-model=\"filterText\"\n :label=\"$t('Search')\"\n prepend-inner-icon=\"search\"\n outline\n dense\n clearable\n :hint=\"$t('FilterDescription')\"\n persistent-hint\n />\n </v-flex>\n\n <v-flex\n xs12\n class=\"pb-0\"\n >\n <v-select\n v-model=\"filterStatus\"\n :items=\"statusList\"\n small-chips\n :placeholder=\"$t('AllStatuses')\"\n :label=\"$t('Status')\"\n multiple\n outline\n dense\n :hint=\"$t('StatusDescription')\"\n persistent-hint\n />\n </v-flex>\n\n <v-flex\n v-if=\"$config.customer_views\"\n xs12\n class=\"pb-0\"\n >\n <v-select\n v-model=\"filterCustomer\"\n :items=\"currentCustomers\"\n :menu-props=\"{ maxHeight: '400' }\"\n :placeholder=\"$t('AllCustomers')\"\n :label=\"$t('Customer')\"\n multiple\n outline\n dense\n :hint=\"$t('CustomerDescription')\"\n persistent-hint\n />\n </v-flex>\n\n <v-flex\n xs12\n class=\"pb-0\"\n >\n <v-autocomplete\n v-model=\"filterService\"\n :items=\"currentServices\"\n :menu-props=\"{ maxHeight: '400' }\"\n :placeholder=\"$t('AllServices')\"\n :label=\"$t('Service')\"\n multiple\n outline\n dense\n :hint=\"$t('ServiceDescription')\"\n persistent-hint\n />\n </v-flex>\n\n <v-flex\n xs12\n class=\"pb-0\"\n >\n <v-select\n v-model=\"filterGroup\"\n :items=\"currentGroups\"\n :menu-props=\"{ maxHeight: '400' }\"\n :placeholder=\"$t('AllGroups')\"\n :label=\"$t('Group')\"\n multiple\n outline\n dense\n :hint=\"$t('GroupDescription')\"\n persistent-hint\n />\n </v-flex>\n\n <v-flex\n xs12\n class=\"pb-0\"\n >\n <span class=\"body-2\">{{ $t('DateTime') }}</span>\n <v-select\n v-model=\"filterDateRange\"\n :items=\"dateRanges\"\n name=\"dateRange\"\n :label=\"$t('DateTime')\"\n solo\n flat\n prepend-inner-icon=\"schedule\"\n item-value=\"range\"\n hide-details\n />\n </v-flex>\n\n <v-flex\n v-show=\"showDateRange\"\n xs8\n class=\"pb-0 pr-0\"\n >\n <v-text-field\n v-model=\"period.startDate\"\n :label=\"$t('StartDate')\"\n prepend-inner-icon=\"event\"\n outline\n hide-details\n @click:prepend-inner=\"menu1 = !menu1\"\n />\n </v-flex>\n\n <v-flex\n v-show=\"showDateRange\"\n xs4\n class=\"pb-0 pl-1\"\n >\n <v-text-field\n v-model=\"period.startTime\"\n :label=\"$t('Time')\"\n outline\n hide-details\n />\n </v-flex>\n\n <v-flex\n class=\"pa-0\"\n >\n <v-menu\n ref=\"menu1\"\n v-model=\"menu1\"\n :close-on-content-click=\"false\"\n :nudge-right=\"40\"\n lazy\n transition=\"scale-transition\"\n offset-y\n full-width\n max-width=\"290px\"\n min-width=\"290px\"\n >\n <div slot=\"activator\" />\n <v-date-picker\n v-model=\"period.startDate\"\n no-title\n @input=\"menu1 = false\"\n />\n </v-menu>\n </v-flex>\n <v-flex\n v-show=\"showDateRange\"\n xs8\n class=\"pb-0 pr-0\"\n >\n <v-text-field\n v-model=\"period.endDate\"\n :label=\"$t('EndDate')\"\n prepend-inner-icon=\"event\"\n outline\n hide-details\n @click:prepend-inner=\"menu2 = !menu2\"\n />\n </v-flex>\n\n <v-flex\n v-show=\"showDateRange\"\n xs4\n class=\"pb-0 pl-1\"\n >\n <v-text-field\n v-model=\"period.endTime\"\n :label=\"$t('Time')\"\n outline\n hide-details\n />\n </v-flex>\n <v-flex\n class=\"pa-0\"\n >\n <v-menu\n ref=\"menu2\"\n v-model=\"menu2\"\n :close-on-content-click=\"false\"\n :nudge-right=\"40\"\n lazy\n transition=\"scale-transition\"\n offset-y\n full-width\n max-width=\"290px\"\n min-width=\"290px\"\n >\n <div slot=\"activator\" />\n <v-date-picker\n v-model=\"period.endDate\"\n no-title\n @input=\"menu2 = false\"\n />\n </v-menu>\n </v-flex>\n </v-layout>\n </v-container>\n </v-card>\n <v-card flat>\n <v-flex\n xs12\n >\n <v-card-actions>\n <v-btn\n v-show=\"showDateRange\"\n color=\"primary\"\n @click=\"setDateRange\"\n >\n {{ $t('Apply') }}\n </v-btn>\n <v-spacer />\n <v-btn\n color=\"blue darken-1\"\n flat\n @click=\"reset\"\n >\n {{ $t('Reset') }}\n </v-btn>\n </v-card-actions>\n </v-flex>\n </v-card>\n </v-navigation-drawer>\n</template>\n\n<script>\nimport moment from 'moment'\nimport i18n from '@/plugins/i18n'\n\nexport default {\n props: {\n value: {\n type: Boolean,\n default: false\n }\n },\n data: vm => ({\n sidesheet: vm.value,\n active: null,\n pagination: {\n rowsPerPage: 10,\n sortBy: 'updateTime'\n },\n showDateRange: false,\n menu1: false,\n menu2: false,\n period: {\n startDate: null,\n startTime: null,\n endDate: null,\n endTime: null\n },\n }),\n computed: {\n dateRanges() {\n return [\n { text: i18n.t('Latest'), range: [null, null] },\n { text: i18n.t('Hour'), range: [-3600, null] },\n { text: i18n.t('SixHours'), range: [-3600 * 6, null] },\n { text: i18n.t('TwelveHours'), range: [-3600 * 12, null] },\n { divider: true },\n { text: i18n.t('SelectRange'), range: [0, 0] },\n ]\n },\n isDark() {\n return this.$store.getters.getPreference('isDark')\n },\n history() {\n return this.item.history.map((h, index) => ({ index: index, ...h }))\n },\n isWatched() {\n const tag = `watch:${this.username}`\n return this.item.tags.indexOf(tag) > -1\n },\n statusList() {\n // FIXME - remove defaultStatusMap from v7.0 onwards\n let defaultStatusMap = {\n 'open': 'A',\n 'assign': 'B',\n 'ack': 'C',\n 'shelved': 'D',\n 'blackout': 'E',\n 'closed': 'F',\n 'expired': 'G',\n 'unknown': 'H'\n }\n let statusMap = this.$config.alarm_model.status || defaultStatusMap\n return Object.keys(statusMap).sort((a, b) => {\n return statusMap[a].localeCompare(statusMap[b])\n })\n },\n currentCustomers() {\n return this.$store.getters['customers/customers']\n },\n currentServices() {\n return this.$store.getters['alerts/services']\n },\n currentGroups() {\n return this.$store.getters['alerts/groups']\n },\n filterText: {\n get() {\n return this.$store.state.alerts.filter.text\n },\n set(value) {\n this.$store.dispatch('alerts/setFilter', {\n text: value\n })\n }\n },\n filterStatus: {\n get() {\n return this.$store.state.alerts.filter.status\n },\n set(value) {\n this.$store.dispatch('alerts/setFilter', {\n status: value.length > 0 ? value : null\n })\n }\n },\n filterCustomer: {\n get() {\n return this.$store.state.alerts.filter.customer\n },\n set(value) {\n this.$store.dispatch('alerts/setFilter', {\n customer: value.length > 0 ? value : null\n })\n }\n },\n filterService: {\n get() {\n return this.$store.state.alerts.filter.service\n },\n set(value) {\n this.$store.dispatch('alerts/setFilter', {\n service: value.length > 0 ? value : null\n })\n }\n },\n filterGroup: {\n get() {\n return this.$store.state.alerts.filter.group\n },\n set(value) {\n this.$store.dispatch('alerts/setFilter', {\n group: value.length > 0 ? value : null\n })\n }\n },\n filterDateRange: {\n get() {\n return this.$store.state.alerts.filter.dateRange[0] > 0\n ? [0, 0]\n : this.$store.state.alerts.filter.dateRange\n },\n set(value) {\n if (value[0] === 0) {\n this.period = this.getDateRange(\n this.$store.state.alerts.filter.dateRange[0]\n ? this.$store.state.alerts.filter.dateRange[0]\n : moment().unix() - 7 * 24 * 3600, // 7 days ago\n this.$store.state.alerts.filter.dateRange[1]\n ? this.$store.state.alerts.filter.dateRange[1]\n : moment().unix()\n )\n this.showDateRange = true\n } else {\n this.showDateRange = false\n this.$store.dispatch('alerts/setFilter', {\n dateRange: value\n })\n }\n }\n },\n username() {\n return this.$store.getters['auth/getUsername']\n }\n },\n watch: {\n value(val) {\n this.sidesheet = val\n }\n },\n created() {\n if (this.$config.customer_views) {\n this.getCustomers()\n }\n this.getServices()\n this.getGroups()\n\n if (this.filterDateRange[0] === 0) {\n this.period = this.getDateRange(\n this.$store.state.alerts.filter.dateRange[0],\n this.$store.state.alerts.filter.dateRange[1]\n )\n this.showDateRange = true\n }\n },\n methods: {\n getCustomers() {\n this.$store.dispatch('customers/getCustomers')\n },\n getServices() {\n this.$store.dispatch('alerts/getServices')\n },\n getGroups() {\n this.$store.dispatch('alerts/getGroups')\n },\n getDateRange(from, to) {\n let t1 = moment.unix(from).utc()\n let t2 = moment.unix(to).utc()\n return {\n startDate: t1.format('YYYY-MM-DD'),\n startTime: t1.format('HH:mm'),\n endDate: t2.format('YYYY-MM-DD'),\n endTime: t2.format('HH:mm')\n }\n },\n toEpoch(date, time) {\n return new Date(date + ' ' + time).getTime() / 1000\n },\n setDateRange() {\n this.$store.dispatch('alerts/setFilter', {\n dateRange: [\n this.toEpoch(\n this.period.startDate,\n this.period.startTime\n ),\n this.toEpoch(\n this.period.endDate,\n this.period.endTime\n )\n ]\n })\n },\n reset() {\n this.showDateRange = false\n this.$store.dispatch('alerts/resetFilter')\n },\n close() {\n this.$emit('close')\n }\n }\n}\n</script>\n\n<style></style>\n","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!./AlertListFilter.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!./AlertListFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertListFilter.vue?vue&type=template&id=f6d0f840&\"\nimport script from \"./AlertListFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertListFilter.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":""} |