{"version":3,"sources":["webpack:///../../../src/components/VPagination/VPagination.ts","webpack:///./src/views/notifications/ChangeRequestsList.vue?9dbf","webpack:///src/views/notifications/ChangeRequestsList.vue","webpack:///./src/views/notifications/ChangeRequestsList.vue?6376","webpack:///./src/views/notifications/ChangeRequestsList.vue"],"names":["onVisible","name","directives","Resize","props","circle","disabled","length","type","default","validator","val","nextIcon","prevIcon","totalVisible","Number","value","pageAriaLabel","currentPageAriaLabel","previousAriaLabel","nextAriaLabel","wrapperAriaLabel","data","maxButtons","selected","computed","classes","this","themeClasses","items","parseInt","maxLength","Math","range","even","left","right","start","end","watch","mounted","methods","init","setTimeout","onResize","width","$el","parentElement","window","next","e","previous","from","i","genIcon","h","staticClass","class","attrs","label","on","click","fn","genItem","color","isCurrentPage","ariaLabel","setBackgroundColor","$vuetify","lang","t","genItems","map","key","index","isNaN","genList","modifiers","quiet","render","children","rtl","role","_vm","_h","$createElement","_c","_self","filter","getChangeRequests","_l","changeRequest","id","_v","_s","notification_id","notification_text","_f","duration","status","created_at","pagination","total","model","query","callback","$$v","$set","expression","_e","staticRenderFns","component","VContainer","VPagination","VSimpleTable"],"mappings":"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","file":"js/chunk-2f4b23b2.c28122d9.js","sourcesContent":["import './VPagination.sass'\n\nimport VIcon from '../VIcon'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Intersectable from '../../mixins/intersectable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, CreateElement, VNodeChildrenArrayContents } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Intersectable({ onVisible: ['init'] }),\n  Themeable\n).extend({\n  name: 'v-pagination',\n\n  directives: { Resize },\n\n  props: {\n    circle: Boolean,\n    disabled: Boolean,\n    length: {\n      type: Number,\n      default: 0,\n      validator: (val: number) => val % 1 === 0,\n    },\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    totalVisible: [Number, String],\n    value: {\n      type: Number,\n      default: 0,\n    },\n    pageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.page',\n    },\n    currentPageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.currentPage',\n    },\n    previousAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.previous',\n    },\n    nextAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.next',\n    },\n    wrapperAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.wrapper',\n    },\n  },\n\n  data () {\n    return {\n      maxButtons: 0,\n      selected: null as number | null,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-pagination': true,\n        'v-pagination--circle': this.circle,\n        'v-pagination--disabled': this.disabled,\n        ...this.themeClasses,\n      }\n    },\n\n    items (): (string | number)[] {\n      const totalVisible = parseInt(this.totalVisible, 10)\n\n      if (totalVisible === 0) {\n        return []\n      }\n\n      const maxLength = Math.min(\n        Math.max(0, totalVisible) || this.length,\n        Math.max(0, this.maxButtons) || this.length,\n        this.length\n      )\n\n      if (this.length <= maxLength) {\n        return this.range(1, this.length)\n      }\n\n      const even = maxLength % 2 === 0 ? 1 : 0\n      const left = Math.floor(maxLength / 2)\n      const right = this.length - left + 1 + even\n\n      if (this.value > left && this.value < right) {\n        const start = this.value - left + 2\n        const end = this.value + left - 2 - even\n\n        return [1, '...', ...this.range(start, end), '...', this.length]\n      } else if (this.value === left) {\n        const end = this.value + left - 1 - even\n        return [...this.range(1, end), '...', this.length]\n      } else if (this.value === right) {\n        const start = this.value - left + 1\n        return [1, '...', ...this.range(start, this.length)]\n      } else {\n        return [\n          ...this.range(1, left),\n          '...',\n          ...this.range(right, this.length),\n        ]\n      }\n    },\n  },\n\n  watch: {\n    value () {\n      this.init()\n    },\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init () {\n      this.selected = null\n\n      this.$nextTick(this.onResize)\n      // TODO: Change this (f75dee3a, cbdf7caa)\n      setTimeout(() => (this.selected = this.value), 100)\n    },\n    onResize () {\n      const width = this.$el && this.$el.parentElement\n        ? this.$el.parentElement.clientWidth\n        : window.innerWidth\n\n      this.maxButtons = Math.floor((width - 96) / 42)\n    },\n    next (e: Event) {\n      e.preventDefault()\n      this.$emit('input', this.value + 1)\n      this.$emit('next')\n    },\n    previous (e: Event) {\n      e.preventDefault()\n      this.$emit('input', this.value - 1)\n      this.$emit('previous')\n    },\n    range (from: number, to: number) {\n      const range = []\n\n      from = from > 0 ? from : 1\n\n      for (let i = from; i <= to; i++) {\n        range.push(i)\n      }\n\n      return range\n    },\n    genIcon (h: CreateElement, icon: string, disabled: boolean, fn: EventListener, label: String): VNode {\n      return h('li', [\n        h('button', {\n          staticClass: 'v-pagination__navigation',\n          class: {\n            'v-pagination__navigation--disabled': disabled,\n          },\n          attrs: {\n            disabled,\n            type: 'button',\n            'aria-label': label,\n          },\n          on: disabled ? {} : { click: fn },\n        }, [h(VIcon, [icon])]),\n      ])\n    },\n    genItem (h: CreateElement, i: string | number): VNode {\n      const color: string | false = (i === this.value) && (this.color || 'primary')\n      const isCurrentPage = i === this.value\n      const ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel\n\n      return h('button', this.setBackgroundColor(color, {\n        staticClass: 'v-pagination__item',\n        class: {\n          'v-pagination__item--active': i === this.value,\n        },\n        attrs: {\n          type: 'button',\n          'aria-current': isCurrentPage,\n          'aria-label': this.$vuetify.lang.t(ariaLabel, i),\n        },\n        on: {\n          click: () => this.$emit('input', i),\n        },\n      }), [i.toString()])\n    },\n    genItems (h: CreateElement): VNode[] {\n      return this.items.map((i, index) => {\n        return h('li', { key: index }, [\n          isNaN(Number(i)) ? h('span', { class: 'v-pagination__more' }, [i.toString()]) : this.genItem(h, i),\n        ])\n      })\n    },\n    genList (h: CreateElement, children: VNodeChildrenArrayContents): VNode {\n      return h('ul', {\n        directives: [{\n          modifiers: { quiet: true },\n          name: 'resize',\n          value: this.onResize,\n        }],\n        class: this.classes,\n      }, children)\n    },\n  },\n\n  render (h): VNode {\n    const children = [\n      this.genIcon(h,\n        this.$vuetify.rtl ? this.nextIcon : this.prevIcon,\n        this.value <= 1,\n        this.previous,\n        this.$vuetify.lang.t(this.previousAriaLabel)),\n      this.genItems(h),\n      this.genIcon(h,\n        this.$vuetify.rtl ? this.prevIcon : this.nextIcon,\n        this.value >= this.length,\n        this.next,\n        this.$vuetify.lang.t(this.nextAriaLabel)),\n    ]\n\n    return h('nav', {\n      attrs: {\n        role: 'navigation',\n        'aria-label': this.$vuetify.lang.t(this.wrapperAriaLabel),\n      },\n    }, [this.genList(h, children)])\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"id\":\"regular-tables\",\"fluid\":\"\",\"tag\":\"section\"}},[_c('base-material-card',{staticClass:\"px-5 py-3\",attrs:{\"icon\":\"mdi-bell-outline\",\"title\":\"Notifications Change Requests List\"}},[_c('v-simple-table',[_c('filter-list',{attrs:{\"filters\":_vm.filter,\"on-change\":_vm.getChangeRequests}}),_c('tbody',_vm._l((_vm.changeRequests),function(changeRequest){return _c('tr',{key:changeRequest.id},[_c('td',[_vm._v(_vm._s(changeRequest.id))]),_c('td',[_vm._v(_vm._s(changeRequest.notification_id))]),_c('td',[_vm._v(_vm._s(changeRequest.notification_text))]),_c('td',[_vm._v(_vm._s(_vm._f(\"dateDuration\")(changeRequest.duration.duration)))]),_c('td',[_vm._v(_vm._s(changeRequest.status))]),_c('td',[_vm._v(_vm._s(changeRequest.created_at))])])}),0)],1)],1),_c('div',{staticClass:\"text-center\"},[(_vm.pagination.total > 10)?_c('v-pagination',{attrs:{\"length\":_vm.pagination.length,\"total-visible\":7},on:{\"input\":_vm.getChangeRequests,\"next\":_vm.getChangeRequests,\"previous\":_vm.getChangeRequests},model:{value:(_vm.query.page),callback:function ($$v) {_vm.$set(_vm.query, \"page\", $$v)},expression:\"query.page\"}}):_vm._e()],1),_c('div',{staticClass:\"py-3\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container\n    id=\"regular-tables\"\n    fluid\n    tag=\"section\"\n  >\n<!--    <base-v-component-->\n<!--      heading=\"Notifications Change Requests List\"-->\n<!--    />-->\n\n    <base-material-card\n      icon=\"mdi-bell-outline\"\n      title=\"Notifications Change Requests List\"\n      class=\"px-5 py-3\"\n    >\n      <v-simple-table>\n        <filter-list\n          :filters=\"filter\"\n          :on-change=\"getChangeRequests\">\n        </filter-list>\n\n        <tbody>\n          <tr v-for=\"changeRequest in changeRequests\" v-bind:key='changeRequest.id'>\n            <td>{{ changeRequest.id }}</td>\n            <td>{{ changeRequest.notification_id }}</td>\n            <td>{{ changeRequest.notification_text }}</td>\n            <td>{{ changeRequest.duration.duration | dateDuration }}</td>\n            <td>{{ changeRequest.status }}</td>\n            <td>{{ changeRequest.created_at }}</td>\n          </tr>\n        </tbody>\n      </v-simple-table>\n    </base-material-card>\n    <div class=\"text-center\">\n      <v-pagination\n        v-if=\"pagination.total > 10\"\n        v-model=\"query.page\"\n        :length=\"pagination.length\"\n        :total-visible=\"7\"\n        @input=\"getChangeRequests\"\n        @next=\"getChangeRequests\"\n        @previous=\"getChangeRequests\"/>\n    </div>\n    <div class=\"py-3\" />\n  </v-container>\n</template>\n\n<script>\n  import FilterList from '../../components/base/FilterList'\n\n  export default {\n    name: 'ChangeRequestsList',\n    components: {FilterList},\n    watch: {\n      $route() {\n        this.getUrlParams();\n        this.getChangeRequests();\n      }\n    },\n    data () {\n      return {\n        changeRequests: [],\n        pagination: {\n          page: 1,\n          length: 0,\n          total: 0\n        },\n        query: {\n          page: 1,\n          notification_id: this.$route.params.notification_id,\n          notification_text : '',\n          duration: '',\n          status : ''\n        },\n        filter: [\n          {\n            name: 'page',\n            value: 1,\n            type: \"pagination\"\n          },\n          {\n            name: 'id',\n            value: \"\",\n            type: \"text_field\"\n          },\n          {\n            name: 'notification_id',\n            // value: this.$route.query.notification_id,\n            value: this.$route.params.notification_id,\n            type: \"text_field\"\n          },\n          {\n            name: 'notification_text',\n            value: \"\",\n            type: \"text_field\"\n          },\n          {\n            name: 'duration',\n            value: '',\n            type: \"text_field\",\n          },\n          {\n            name: 'status',\n            value: \"\",\n            type: \"select\",\n            items: [\n              {text: \"pending\", value: \"pending\"},\n              {text: \"approved\", value: \"approved\"},\n              {text : \"rejected\", value: \"rejected\"}\n            ]\n          },\n          {\n            name: \"created_at\",\n            value: \"\",\n            type: \"text_field\"\n          },\n        ]\n      }\n    },\n    created () {\n      this.getChangeRequests()\n    },\n    methods: {\n      getUrlParams() {\n        if (!Object.keys(this.$route.query).length) {\n          this.query = {\n            page: 1\n          };\n          this.filter = [\n            {\n              name: 'page',\n              value: 1,\n              type: \"pagination\"\n            },\n            {\n              name: 'id',\n              value: \"\",\n              type: \"text_field\"\n            },\n            {\n              name: 'notification_id',\n              value: \"\",\n              type: \"text_field\"\n            },\n            {\n              name: 'notification_text',\n              value: \"\",\n              type: \"text_field\"\n            },\n            {\n              name: 'duration',\n              value: '',\n              type: \"text_field\",\n            },\n            {\n              name: 'status',\n              value: \"\",\n              type: \"select\",\n              items: [\n                {text: \"pending\", value: \"pending\"},\n                {text: \"approved\", value: \"approved\"},\n                {text : \"rejected\", value: \"rejected\"}\n              ]\n            },\n            {\n              name: \"created_at\",\n              value: \"\",\n              type: \"text_field\"\n            },\n          ];\n          this.$root.$emit('refreshParams', this.filter)\n        } else {\n          this.query = this.$route.query;\n          this.filter.forEach(param => {\n            param.value = this.query[param['name']];\n          });\n        }\n      },\n      getChangeRequests () {\n        this.$authApi.get(`/notification-change-requests`, {\n          params:this.query\n        }).then(res => {\n          this.changeRequests = res.data.data.data;\n          this.pagination.length = res.data.data.last_page\n          this.pagination.total = res.data.data.total;\n        })\n      },\n    },\n  }\n</script>\n\n<style scoped>\n\n</style>\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!./ChangeRequestsList.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!./ChangeRequestsList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChangeRequestsList.vue?vue&type=template&id=3cb8f6f3&scoped=true&\"\nimport script from \"./ChangeRequestsList.vue?vue&type=script&lang=js&\"\nexport * from \"./ChangeRequestsList.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  \"3cb8f6f3\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VPagination } from 'vuetify/lib/components/VPagination';\nimport { VSimpleTable } from 'vuetify/lib/components/VDataTable';\ninstallComponents(component, {VContainer,VPagination,VSimpleTable})\n"],"sourceRoot":""}