{"version":3,"sources":["webpack:///./src/views/Notifications.vue?fc46","webpack:///../../../src/components/VSnackbar/VSnackbar.ts","webpack:///../../../src/components/VGrid/VLayout.ts","webpack:///./src/views/Notifications.vue?ce7a","webpack:///src/views/Notifications.vue","webpack:///./src/views/Notifications.vue?db3e","webpack:///./src/views/Notifications.vue?3037"],"names":["name","props","app","centered","contentClass","type","default","multiLine","text","timeout","Number","transition","Boolean","validator","v","vertical","data","activeTimeout","computed","classes","this","bottom","hasBackground","isDark","styles","$vuetify","top","paddingBottom","paddingLeft","paddingRight","paddingTop","bar","watch","isActive","mounted","setTimeout","created","$attrs","hasOwnProperty","methods","genActions","$createElement","staticClass","attrs","class","genContent","role","genWrapper","setColor","directives","value","on","mouseenter","window","mouseleave","genTransition","render","h","style","_vm","_h","_c","_self","_v","_l","notification","key","_id","_s","$event","onRemove","model","callback","$$v","snackbar","expression","errorMessage","staticRenderFns","socket","items","headers","loading","userDialog","notifications","selectedItem","filter","defaultItem","first_name","last_name","address","address2","city","state","zip","email","phone","location","onEditUser","item","onCloseUserDialog","onAddUser","onSaveUser","params","isAdd","addUser","editUser","deleteUserConfirm","deleteDialog","deleteUser","selectedStreet","showErrorMessage","message","fetchAllUsers","fetchStreets","streets","concat","component","VBtn","VCard","VCardActions","VCardText","VCol","VContainer","VIcon","VLayout","VRow","VSnackbar","VSpacer"],"mappings":"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","file":"js/notifications.6e52de46.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./Notifications.vue?vue&type=style&index=0&id=430924aa&scoped=true&lang=css&\"","// Styles\nimport './VSnackbar.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from '../../mixins/toggleable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { deprecate, removed } from '../../util/console'\n\n// Types\nimport { PropType, VNode } from 'vue'\n\nexport default mixins(\n  VSheet,\n  Colorable,\n  Toggleable,\n  PositionableFactory([\n    'absolute',\n    'bottom',\n    'left',\n    'right',\n    'top',\n  ])\n/* @vue/component */\n).extend({\n  name: 'v-snackbar',\n\n  props: {\n    app: Boolean,\n    centered: Boolean,\n    contentClass: {\n      type: String,\n      default: '',\n    },\n    multiLine: Boolean,\n    text: Boolean,\n    timeout: {\n      type: [Number, String],\n      default: 5000,\n    },\n    transition: {\n      type: [Boolean, String] as PropType<false | string>,\n      default: 'v-snack-transition',\n      validator: v => typeof v === 'string' || v === false,\n    },\n    vertical: Boolean,\n  },\n\n  data: () => ({\n    activeTimeout: -1,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-snack--absolute': this.absolute,\n        'v-snack--active': this.isActive,\n        'v-snack--bottom': this.bottom || !this.top,\n        'v-snack--centered': this.centered,\n        'v-snack--has-background': this.hasBackground,\n        'v-snack--left': this.left,\n        'v-snack--multi-line': this.multiLine && !this.vertical,\n        'v-snack--right': this.right,\n        'v-snack--text': this.text,\n        'v-snack--top': this.top,\n        'v-snack--vertical': this.vertical,\n      }\n    },\n    // Text and outlined styles both\n    // use transparent backgrounds\n    hasBackground (): boolean {\n      return (\n        !this.text &&\n        !this.outlined\n      )\n    },\n    // Snackbar is dark by default\n    // override themeable logic.\n    isDark (): boolean {\n      return this.hasBackground\n        ? !this.light\n        : Themeable.options.computed.isDark.call(this)\n    },\n    styles (): object {\n      // Styles are not needed when\n      // using the absolute prop.\n      if (this.absolute) return {}\n\n      const {\n        bar,\n        bottom,\n        footer,\n        insetFooter,\n        left,\n        right,\n        top,\n      } = this.$vuetify.application\n\n      // Should always move for y-axis\n      // applicationable components.\n      return {\n        paddingBottom: convertToUnit(bottom + footer + insetFooter),\n        paddingLeft: !this.app ? undefined : convertToUnit(left),\n        paddingRight: !this.app ? undefined : convertToUnit(right),\n        paddingTop: convertToUnit(bar + top),\n      }\n    },\n  },\n\n  watch: {\n    isActive: 'setTimeout',\n    timeout: 'setTimeout',\n  },\n\n  mounted () {\n    if (this.isActive) this.setTimeout()\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('auto-height')) {\n      removed('auto-height', this)\n    }\n\n    /* istanbul ignore next */\n    // eslint-disable-next-line eqeqeq\n    if (this.timeout == 0) {\n      deprecate('timeout=\"0\"', '-1', this)\n    }\n  },\n\n  methods: {\n    genActions () {\n      return this.$createElement('div', {\n        staticClass: 'v-snack__action ',\n      }, [\n        getSlot(this, 'action', {\n          attrs: { class: 'v-snack__btn' },\n        }),\n      ])\n    },\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'v-snack__content',\n        class: {\n          [this.contentClass]: true,\n        },\n        attrs: {\n          role: 'status',\n          'aria-live': 'polite',\n        },\n      }, [getSlot(this)])\n    },\n    genWrapper () {\n      const setColor = this.hasBackground\n        ? this.setBackgroundColor\n        : this.setTextColor\n\n      const data = setColor(this.color, {\n        staticClass: 'v-snack__wrapper',\n        class: VSheet.options.computed.classes.call(this),\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n        on: {\n          mouseenter: () => window.clearTimeout(this.activeTimeout),\n          mouseleave: this.setTimeout,\n        },\n      })\n\n      return this.$createElement('div', data, [\n        this.genContent(),\n        this.genActions(),\n      ])\n    },\n    genTransition () {\n      return this.$createElement('transition', {\n        props: { name: this.transition },\n      }, [this.genWrapper()])\n    },\n    setTimeout () {\n      window.clearTimeout(this.activeTimeout)\n\n      const timeout = Number(this.timeout)\n\n      if (\n        !this.isActive ||\n        // TODO: remove 0 in v3\n        [0, -1].includes(timeout)\n      ) {\n        return\n      }\n\n      this.activeTimeout = window.setTimeout(() => {\n        this.isActive = false\n      }, timeout)\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-snack',\n      class: this.classes,\n      style: this.styles,\n    }, [\n      this.transition !== false\n        ? this.genTransition()\n        : this.genWrapper(),\n    ])\n  },\n})\n","import './_grid.sass'\n\nimport Grid from './grid'\n\nexport default Grid('layout')\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',[_c('v-col',[_c('div',{staticClass:\"user-title\"},[_vm._v(\" Notifications \")])])],1),_c('v-layout',[_vm._l((_vm.notifications),function(notification){return _c('v-card',{key:notification._id},[_c('v-row',[_c('v-col',[_c('v-card-text',{staticClass:\"pt-3 pb-3 pl-5\"},[_vm._v(_vm._s(notification.text))])],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"mr-9\",attrs:{\"icon\":\"\",\"color\":\"pink\"},on:{\"click\":function($event){return _vm.onRemove(notification)}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1)],1)],1)}),_c('v-snackbar',{model:{value:(_vm.snackbar),callback:function ($$v) {_vm.snackbar=$$v},expression:\"snackbar\"}},[_vm._v(\" \"+_vm._s(_vm.errorMessage)+\" \")])],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid>\n    <v-row>\n      <v-col>\n        <div class=\"user-title\">\n          Notifications\n        </div>\n      </v-col>\n    </v-row>\n    <v-layout>\n      <v-card v-for=\"notification in notifications\" :key=\"notification._id\">\n        <v-row>\n          <v-col>\n            <v-card-text class=\"pt-3 pb-3 pl-5\">{{\n              notification.text\n            }}</v-card-text>\n          </v-col>\n          <v-card-actions>\n            <v-spacer></v-spacer>\n            <v-btn\n              icon\n              color=\"pink\"\n              class=\"mr-9\"\n              @click=\"onRemove(notification)\"\n            >\n              <v-icon>mdi-close</v-icon>\n            </v-btn>\n          </v-card-actions>\n        </v-row>\n      </v-card>\n      <v-snackbar v-model=\"snackbar\">\n        {{ errorMessage }}\n      </v-snackbar>\n    </v-layout>\n  </v-container>\n</template>\n<script>\nimport { mapActions, mapGetters } from \"vuex\";\nimport io from \"socket.io-client\";\nvar socket = io.connect(process.env.VUE_APP_SOCKET_URL);\n\nexport default {\n  data() {\n    return {\n      items: [\"All\"],\n      headers: [\n        { text: \"\", value: \"text\", sortable: false },\n        { text: \"Date\", value: \"date\" },\n      ],\n      loading: false,\n      userDialog: false,\n      notifications: [\n        { text: \"Updated password\", _id: 2 },\n        { text: \"Welcome!\", _id: 1 },\n      ],\n      selectedItem: null,\n      errorMessage: null,\n      snackbar: false,\n      filter: \"\",\n      defaultItem: {\n        _id: -1,\n        first_name: \"\",\n        last_name: \"\",\n        address: null,\n        address2: \"\",\n        city: \"\",\n        state: \"\",\n        zip: \"\",\n        email: \"\",\n        phone: \"\",\n        location: null,\n      },\n    };\n  },\n  methods: {\n    ...mapActions(\"user\", {\n      fetchAllUsers: \"fetchAllUsers\",\n      fetchStreets: \"fetchStreets\",\n      addUser: \"addUser\",\n      editUser: \"editUser\",\n      deleteUser: \"deleteUser\",\n    }),\n    onEditUser(item) {\n      this.selectedItem = item;\n      this.userDialog = true;\n    },\n    onCloseUserDialog() {\n      this.userDialog = false;\n    },\n    onAddUser() {\n      this.selectedItem = null;\n      this.userDialog = true;\n    },\n    onSaveUser(item, isAdd) {\n      this.userDialog = false;\n      this.loading = true;\n      var params = {\n        email: item.email,\n        phone: item.phone,\n        first_name: item.first_name,\n        last_name: item.last_name,\n        address: item.address,\n        address2: item.address2,\n        city: item.city,\n        state: item.state,\n        zip: item.zip,\n      };\n      if (item.location[0] && item.location[1])\n        params.location = `${item.location[0]},${item.location[1]}`;\n      if (!isAdd) {\n        params[\"_id\"] = item._id;\n        this.editUser(params)\n          .then(() => (this.loading = false))\n          .catch((error) => {\n            this.loading = false;\n            if (this.response == undefined) {\n              console.log(error);\n            } else {\n              this.showErrorMessage(error.response.data.message);\n            }\n          });\n      } else {\n        this.addUser(params)\n          .then(() => (this.loading = false))\n          .catch((error) => {\n            this.loading = false;\n            this.showErrorMessage(error.response.data.message);\n          });\n      }\n    },\n    onRemove(item) {\n      //Show Dialog\n      this.notifications = this.notifications.filter((n) => n._id != item._id);\n    },\n    deleteUserConfirm() {\n      //Delete Action\n      this.deleteDialog = false;\n      this.loading = true;\n      this.deleteUser({ _id: this.selectedItem._id })\n        .then(() => (this.loading = false))\n        .catch((error) => {\n          this.loading = false;\n          this.showErrorMessage(error.response.data.message);\n        });\n    },\n    selectedStreet(item) {\n      if (item == \"All\") {\n        this.filter = \"\";\n      } else {\n        this.filter = item;\n      }\n    },\n    showErrorMessage(message) {\n      this.errorMessage = message;\n      this.snackbar = true;\n    },\n  },\n  computed: {\n    ...mapGetters(\"user\", {\n      users: \"getAllUsers\",\n      streets: \"getStreets\",\n    }),\n  },\n  created() {\n    this.loading = true;\n    this.fetchAllUsers()\n      .then(() => (this.loading = false))\n      .catch((error) => {\n        this.loading = false;\n        if (error.response != undefined && error.response.status === 401) {\n          this.tokenDialog = true;\n        } else {\n          console.log(error);\n        }\n      });\n\n    this.fetchStreets();\n\n    socket.on(\"AddedUser\", (data) => {\n      this.$store.commit(\"user/addUser\", data);\n      this.fetchAllUsers();\n    });\n    socket.on(\"UpdatedUser\", (data) => {\n      // console.log('updated user',data);\n      this.$store.commit(\"user/editUser\", data);\n    });\n  },\n  watch: {\n    streets() {\n      this.items = [\"All\"];\n      this.items = this.items.concat(this.streets);\n    },\n  },\n};\n</script>\n\n<style scoped>\n.user-title {\n  font-size: 48px;\n  font-family: \"Poppins-Medium\";\n  color: #482684;\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!./Notifications.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!./Notifications.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Notifications.vue?vue&type=template&id=430924aa&scoped=true&\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js&\"\nexport * from \"./Notifications.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Notifications.vue?vue&type=style&index=0&id=430924aa&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  \"430924aa\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSnackbar } from 'vuetify/lib/components/VSnackbar';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCol,VContainer,VIcon,VLayout,VRow,VSnackbar,VSpacer})\n"],"sourceRoot":""}