{"version":3,"sources":["webpack:///./src/views/UserProfile.vue?0e05","webpack:///src/views/UserProfile.vue","webpack:///./src/views/UserProfile.vue?484b","webpack:///./src/views/UserProfile.vue","webpack:///./src/views/UserProfile.vue?48ec","webpack:///./node_modules/quasar/src/components/page/QPage.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticClass","currentUserData","profileImgUrl","class","$q","screen","gt","md","_v","_s","name","email","_f","role","_l","org","index","key","_e","on","$event","save","model","value","formData","callback","$$v","$set","expression","staticRenderFns","component","QScrollArea","QPage","QCard","QCardSection","QImg","QAvatar","QTooltip","QSeparator","QCheckbox","Vue","extend","mixins","ListenersMixin","inject","pageContainer","default","console","error","layout","props","padding","Boolean","styleFn","Function","computed","style","offset","header","space","size","footer","height","container","containerHeight","minHeight","classes","h","qListeners","slot"],"mappings":"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","file":"js/userProfile.5882dca7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('q-scroll-area',{staticStyle:{\"height\":\"calc(100vh - 50px) !important\"}},[_c('q-page',{staticStyle:{\"min-height\":\"0px\"},attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"row full-width\"},[_c('div',{staticClass:\"col-12\"},[_c('q-card',{staticClass:\"full-width\",staticStyle:{\"min-height\":\"calc(100vh - 90px)\"}},[_c('q-card-section',{staticClass:\"bg-white text-accent\"},[_c('div',{staticClass:\"row items-center q-pa-md\"},[_c('div',{staticClass:\"col-12 col-md-3 col-xl-2\"},[_c('div',{staticClass:\"profileImageContainer\"},[_c('q-img',{staticStyle:{\"border-radius\":\"5px\"},attrs:{\"src\":_vm.currentUserData.profileImgUrl}})],1)]),_c('div',{staticClass:\"col-12 col-md-6\"},[_c('div',{staticClass:\"q-pa-md profileTextContainer\",class:{ 'q-ml-md': _vm.$q.screen.gt.md }},[_c('h3',{staticClass:\"q-mb-none\"},[_vm._v(\" \"+_vm._s(_vm.currentUserData.name)+\" \")]),_c('p',{staticClass:\"q-mb-none q-mr-xl\"},[_vm._v(\" \"+_vm._s(_vm.currentUserData.email)+\" \")]),_c('p',{staticClass:\"text-capitalize\"},[_vm._v(\" \"+_vm._s(_vm._f(\"splitCamelCase\")(_vm.currentUserData.role))+\" \")])])]),_c('div',{staticClass:\"col-12 col-md-3 col-xl-4\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('p',{staticClass:\"q-mb-none\",staticStyle:{\"font-weight\":\"bold !important\"}},[_vm._v(\" Organization \")]),_c('div',{staticClass:\"row\"},_vm._l((_vm.organizations),function(org,index){return (index < 6)?_c('div',{key:(\"organization_\" + index),staticClass:\"q-ma-xs\",staticStyle:{\"min-width\":\"50px\",\"max-width\":\"50px\",\"text-align\":\"center\"}},[_c('q-avatar',{staticClass:\"q-pa\",staticStyle:{\"margin\":\"auto\",\"position\":\"relative\"},attrs:{\"rounded\":\"\",\"size\":\"50px\",\"color\":\"red\"}},[_c('span',{staticStyle:{\"color\":\"white\",\"font-size\":\"60%\"}},[_vm._v(_vm._s(_vm._f(\"initials\")(org.name)))])]),_c('q-tooltip',[_vm._v(_vm._s(org.name))])],1):_vm._e()}),0)])])])])]),_c('q-separator'),_c('q-card-section',{staticClass:\"profileContentContainer\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('h3',{staticClass:\"q-my-xs\"},[_vm._v(\"Notifications\")])]),_c('div',{staticClass:\"col-12\"},[_c('q-checkbox',{attrs:{\"dense\":\"\",\"true-value\":1,\"false-value\":0,\"toggle-indeterminate\":false,\"label\":\"Receive Daily Summarized Device Event Notification\"},on:{\"input\":function($event){return _vm.save()}},model:{value:(_vm.formData.deviceEventSummarizedNotifications),callback:function ($$v) {_vm.$set(_vm.formData, \"deviceEventSummarizedNotifications\", $$v)},expression:\"formData.deviceEventSummarizedNotifications\"}}),_c('br'),_c('q-checkbox',{attrs:{\"dense\":\"\",\"true-value\":1,\"false-value\":0,\"toggle-indeterminate\":false,\"label\":\"Receive Device Event Notifications\"},on:{\"input\":function($event){return _vm.save()}},model:{value:(_vm.formData.deviceEventRealTimeNotifications),callback:function ($$v) {_vm.$set(_vm.formData, \"deviceEventRealTimeNotifications\", $$v)},expression:\"formData.deviceEventRealTimeNotifications\"}})],1)])])],1)],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <q-scroll-area style=\"height: calc(100vh - 50px) !important\">\n    <q-page fluid style=\"min-height: 0px\">\n      <div class=\"row full-width\">\n        <div class=\"col-12\">\n          <q-card class=\"full-width\" style=\"min-height: calc(100vh - 90px)\">\n            <q-card-section class=\"bg-white text-accent\">\n              <div class=\"row items-center q-pa-md\">\n                <div class=\"col-12 col-md-3 col-xl-2\">\n                  <div class=\"profileImageContainer\">\n                    <q-img\n                      :src=\"currentUserData.profileImgUrl\"\n                      style=\"border-radius: 5px\"\n                    >\n                    </q-img>\n                  </div>\n                </div>\n                <div class=\"col-12 col-md-6\">\n                  <div\n                    :class=\"{ 'q-ml-md': $q.screen.gt.md }\"\n                    class=\"q-pa-md profileTextContainer\"\n                  >\n                    <h3 class=\"q-mb-none\">\n                      {{ currentUserData.name }}\n                    </h3>\n                    <p class=\"q-mb-none q-mr-xl\">\n                      {{ currentUserData.email }}\n                    </p>\n                    <p class=\"text-capitalize\">\n                      {{ currentUserData.role | splitCamelCase }}\n                    </p>\n                  </div>\n                </div>\n                <div class=\"col-12 col-md-3 col-xl-4\">\n                  <div class=\"row\">\n                    <div class=\"col-12\">\n                      <p style=\"font-weight: bold !important\" class=\"q-mb-none\">\n                        Organization\n                      </p>\n                      <div class=\"row\">\n                        <div\n                          v-for=\"(org, index) in organizations\"\n                          :key=\"`organization_${index}`\"\n                          v-if=\"index < 6\"\n                          style=\"\n                            min-width: 50px;\n                            max-width: 50px;\n                            text-align: center;\n                          \"\n                          class=\"q-ma-xs\"\n                        >\n                          <q-avatar\n                            rounded\n                            style=\"margin: auto; position: relative\"\n                            size=\"50px\"\n                            color=\"red\"\n                            class=\"q-pa\"\n                          >\n                            <span style=\"color: white; font-size: 60%\">{{\n                              org.name | initials\n                            }}</span>\n                          </q-avatar>\n                          <q-tooltip>{{ org.name }}</q-tooltip>\n                        </div>\n                      </div>\n                    </div>\n                    <!-- <div class=\"col-12\">\n                      <p style=\"font-weight: bold !important\" class=\"q-mb-none\">\n                        Organization Members\n                      </p>\n                      <div class=\"row\">\n                        <div\n                          v-for=\"(org, index) in organizations\"\n                          :key=\"`organization_${index}`\"\n                          v-if=\"index < 6\"\n                          style=\"\n                            min-width: 50px;\n                            max-width: 50px;\n                            text-align: center;\n                          \"\n                          class=\"q-ma-xs\"\n                        >\n                          <q-avatar\n                            style=\"margin: auto; position: relative\"\n                            size=\"50px\"\n                            color=\"red\"\n                            class=\"q-pa\"\n                          >\n                            <span style=\"color: white; font-size: 60%\">{{\n                              org.name | initials\n                            }}</span>\n                          </q-avatar>\n                          <q-tooltip>{{ org.name }}</q-tooltip>\n                        </div>\n                      </div>\n                    </div> -->\n                  </div>\n                </div>\n              </div>\n            </q-card-section>\n\n            <q-separator />\n\n            <q-card-section class=\"profileContentContainer\">\n              <div class=\"row\">\n                <div class=\"col-12\">\n                  <h3 class=\"q-my-xs\">Notifications</h3>\n                </div>\n                <div class=\"col-12\">\n                  <q-checkbox\n                    dense\n                    v-model=\"formData.deviceEventSummarizedNotifications\"\n                    :true-value=\"1\"\n                    :false-value=\"0\"\n                    :toggle-indeterminate=\"false\"\n                    label=\"Receive Daily Summarized Device Event Notification\"\n                    @input=\"save()\"\n                  ></q-checkbox>\n                  <br />\n                  <q-checkbox\n                    dense\n                    v-model=\"formData.deviceEventRealTimeNotifications\"\n                    :true-value=\"1\"\n                    :false-value=\"0\"\n                    :toggle-indeterminate=\"false\"\n                    label=\"Receive Device Event Notifications\"\n                    @input=\"save()\"\n                  ></q-checkbox>\n                </div>\n              </div>\n            </q-card-section>\n          </q-card>\n        </div>\n      </div>\n    </q-page>\n  </q-scroll-area>\n</template>\n\n<script>\n  import { mapGetters } from \"vuex\";\n  import moment from \"moment\";\n\n  export default {\n    components: {},\n    computed: {\n      ...mapGetters({\n        currentUser: \"auth/currentUser\",\n        currentUserData: \"auth/currentUserData\",\n        organizations: \"organizations/list\",\n        organizationsLoading: \"organizations/listLoading\",\n      }),\n    },\n    props: {\n      source: String,\n    },\n    watch: {\n      currentUserData: function () {\n        this.formData = JSON.parse(JSON.stringify(this.currentUserData));\n      },\n    },\n    data: () => ({\n      passwordRules: [\n        (v) => !!v || \"Password is required\",\n        (v) => (v && v.length >= 8) || \"Password must have 8+ characters\",\n        (v) =>\n          (v && /(?=.*[A-Z])/.test(v)) ||\n          \"Password Must contain a capital letter\",\n        (v) =>\n          (v && /(?=.*[a-z])/.test(v)) ||\n          \"Password Must contain a lowercase letter\",\n        (v) => (v && /.*[0-9].*/.test(v)) || \"Password Must contain a number\",\n        (v) =>\n          (v && /[ `!@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?~]/.test(v)) ||\n          \"Password must have a special character\",\n      ],\n\n      formData: {\n        deviceEventSummarizedNotifications: 0,\n        deviceEventRealTimeNotifications: 0,\n      },\n    }),\n    mounted() {\n      this.$store.dispatch(\"organizations/loadAll\");\n      this.formData = JSON.parse(JSON.stringify(this.currentUserData));\n    },\n    methods: {\n      save() {\n        this.$store\n          .dispatch(\"users/saveProfile\", this.formData)\n          .then((result) => {\n            if (result.Result == \"Success\") {\n              this.$q.notify({\n                position: \"top-right\",\n                type: \"positive\",\n                message: result.Response.Message,\n              });\n            } else {\n              this.$q.notify({\n                position: \"top-right\",\n                type: \"negative\",\n                message: result.Response.Message,\n              });\n            }\n          });\n      },\n    },\n  };\n</script>\n\n<style scoped lang=\"scss\">\n  .profileImageContainer {\n    max-width: 270px;\n    margin: auto;\n  }\n  .profileContentContainer {\n    h3 {\n      font-size: 25px;\n      font-weight: bold;\n    }\n  }\n\n  .profileTextContainer {\n    h3 {\n      font-size: 40px;\n      font-weight: bold;\n    }\n\n    p {\n      font-weight: bold;\n      display: inline-block;\n    }\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/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProfile.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/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProfile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserProfile.vue?vue&type=template&id=7700cf05&scoped=true&\"\nimport script from \"./UserProfile.vue?vue&type=script&lang=js&\"\nexport * from \"./UserProfile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserProfile.vue?vue&type=style&index=0&id=7700cf05&scoped=true&lang=scss&\"\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  \"7700cf05\",\n  null\n  \n)\n\nexport default component.exports\nimport QScrollArea from 'quasar/src/components/scroll-area/QScrollArea.js';\nimport QPage from 'quasar/src/components/page/QPage.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport QAvatar from 'quasar/src/components/avatar/QAvatar.js';\nimport QTooltip from 'quasar/src/components/tooltip/QTooltip.js';\nimport QSeparator from 'quasar/src/components/separator/QSeparator.js';\nimport QCheckbox from 'quasar/src/components/checkbox/QCheckbox.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(component, 'components', {QScrollArea,QPage,QCard,QCardSection,QImg,QAvatar,QTooltip,QSeparator,QCheckbox});\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProfile.vue?vue&type=style&index=0&id=7700cf05&scoped=true&lang=scss&\"","import Vue from 'vue'\n\nimport ListenersMixin from '../../mixins/listeners.js'\n\nimport { slot } from '../../utils/slot.js'\n\nexport default Vue.extend({\n  name: 'QPage',\n\n  mixins: [ ListenersMixin ],\n\n  inject: {\n    pageContainer: {\n      default () {\n        console.error('QPage needs to be child of QPageContainer')\n      }\n    },\n    layout: {}\n  },\n\n  props: {\n    padding: Boolean,\n    styleFn: Function\n  },\n\n  computed: {\n    style () {\n      const offset =\n        (this.layout.header.space === true ? this.layout.header.size : 0) +\n        (this.layout.footer.space === true ? this.layout.footer.size : 0)\n\n      if (typeof this.styleFn === 'function') {\n        const height = this.layout.container === true\n          ? this.layout.containerHeight\n          : this.$q.screen.height\n\n        return this.styleFn(offset, height)\n      }\n\n      return {\n        minHeight: this.layout.container === true\n          ? (this.layout.containerHeight - offset) + 'px'\n          : (\n            this.$q.screen.height === 0\n              ? `calc(100vh - ${offset}px)`\n              : (this.$q.screen.height - offset) + 'px'\n          )\n      }\n    },\n\n    classes () {\n      if (this.padding === true) {\n        return 'q-layout-padding'\n      }\n    }\n  },\n\n  render (h) {\n    return h('main', {\n      staticClass: 'q-page',\n      style: this.style,\n      class: this.classes,\n      on: { ...this.qListeners }\n    }, slot(this, 'default'))\n  }\n})\n"],"sourceRoot":""}