{"version":3,"sources":["webpack:///./src/components/views/Profile/PhoneNumbers.vue?d9c3","webpack:///src/components/views/Profile/PhoneNumbers.vue","webpack:///./src/components/views/Profile/PhoneNumbers.vue?d2ca","webpack:///./src/components/views/Profile/PhoneNumbers.vue","webpack:///./src/components/views/Profile/PhoneNumbers.vue?587b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","headers","phones","loading","on","listPhoneNumbers","scopedSlots","_u","key","fn","ref","item","validated","_e","$event","validatePhone","_v","deletePhone","proxy","model","value","callback","$$v","page","expression","staticRenderFns","data","created","methods","$router","push","alert","$api","getUserPhoneNumbers","username","callBack","response","forEach","phonenumber","phone","component","VIcon"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAa,CAACE,YAAY,cAAcC,MAAM,CAAC,QAAUP,EAAIQ,QAAQ,MAAQR,EAAIS,OAAO,QAAUT,EAAIU,SAASC,GAAG,CAAC,QAAUX,EAAIY,kBAAkBC,YAAYb,EAAIc,GAAG,CAAC,CAACC,IAAI,eAAeC,GAAG,SAASC,GAC1S,IAAIC,EAAOD,EAAIC,KACf,MAAO,CAAGA,EAAKC,UAAsJnB,EAAIoB,KAA/IhB,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,IAAII,GAAG,CAAC,MAAQ,SAASU,GAAQ,OAAOrB,EAAIsB,cAAcJ,MAAS,CAAClB,EAAIuB,GAAG,iBAA0BnB,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQ,GAAG,MAAQ,OAAOI,GAAG,CAAC,MAAQ,SAASU,GAAQ,OAAOrB,EAAIwB,YAAYN,MAAS,CAAClB,EAAIuB,GAAG,qBAAqB,CAACR,IAAI,UAAUC,GAAG,aAA6BS,OAAM,IAAO,MAAK,GAAMC,MAAM,CAACC,MAAO3B,EAAQ,KAAE4B,SAAS,SAAUC,GAAM7B,EAAI8B,KAAKD,GAAKE,WAAW,WACncC,EAAkB,GCiBtB,G,oBAAA,CACEC,KADF,WAEI,MAAO,CACLvB,SAAS,EACTF,QAAS,CACf,CACQ,KAAR,eACQ,MAAR,QACQ,UAAR,EACQ,MAAR,eAEA,CAAQ,KAAR,QAAQ,MAAR,SACA,CAAQ,KAAR,SAAQ,MAAR,aACA,CAAQ,KAAR,UAAQ,MAAR,YAEMC,OAAQ,KAGZyB,QAlBF,WAmBIjC,KAAKW,oBAEPuB,QAAS,CACPb,cADJ,SACA,GACMrB,KAAKmC,QAAQC,KAAK,CAAxB,gDAEIb,YAJJ,SAIA,cACMvB,KAAKqC,MAAM,UAAW,4BAA5B,8DACQ,EAAR,qEACU,EAAV,iIAII1B,iBAXJ,WAWA,WACMX,KAAKsC,KAAKC,oBAAoBvC,KAAKwC,UAAU,EAAOxC,KAAKyC,UAAS,SAAxE,GACQC,EAASC,SAAQ,SAAzB,4BACQ,EAAR,SACQ,EAAR,+DACUD,EAASC,SAAQ,SAA3B,GACY,EAAZ,4BACkB1B,EAAK2B,aAAeC,EAAMD,cAAaC,EAAM3B,UAAY,8BAI3E,cACQ,EAAR,mBChEoX,I,yDCQhX4B,EAAY,eACd,EACAhD,EACAiC,GACA,EACA,KACA,WACA,MAIa,aAAAe,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,QAAA,Q,kCCxB9B,yBAA+gB,EAAG","file":"js/chunk-44ab489a.f9022213.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.headers,\"items\":_vm.phones,\"loading\":_vm.loading},on:{\"refresh\":_vm.listPhoneNumbers},scopedSlots:_vm._u([{key:\"item.actions\",fn:function(ref){\nvar item = ref.item;\nreturn [(!item.validated)?_c('v-icon',{staticClass:\"mr-2\",attrs:{\"small\":\"\"},on:{\"click\":function($event){return _vm.validatePhone(item)}}},[_vm._v(\" mdi-check \")]):_vm._e(),_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.deletePhone(item)}}},[_vm._v(\" mdi-delete \")])]}},{key:\"no-data\",fn:function(){return undefined},proxy:true}],null,true),model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <data-table \n    v-model=\"page\"  \n    :headers=\"headers\" \n    :items=\"phones\" \n    :loading=\"loading\"\n    @refresh=\"listPhoneNumbers\"\n    class=\"elevation-1\">\n    <template v-slot:[`item.actions`]=\"{ item }\">\n      <v-icon small class=\"mr-2\" @click=\"validatePhone(item)\" v-if=\"!item.validated\"> mdi-check </v-icon>\n      <v-icon small color=\"red\" @click=\"deletePhone(item)\">\n        mdi-delete\n      </v-icon>\n    </template>\n    <template v-slot:no-data>\n    </template>\n  </data-table>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      loading: true,\n      headers: [\n        {\n          text: 'Phone number',\n          align: 'start',\n          sortable: false,\n          value: 'phonenumber',\n        },\n        { text: 'label', value: 'label' },\n        { text: 'status', value: 'validated' },\n        { text: 'actions', value: 'actions' }\n      ],\n      phones: [],\n    }\n  },\n  created() {\n    this.listPhoneNumbers()\n  },\n  methods: {\n    validatePhone(item) {\n      this.$router.push({name: 'AddPhoneNumber', params: {label: item.label}})\n    },\n    deletePhone(item) {\n      this.alert(\"confirm\", `Please confirm to remove ${item.phonenumber} from your profile`, undefined, ()=> {\n        this.$api.deleteUserPhonenumber(item.label, this.username, this.callBack(()=> {\n          this.alert(\"info\", `You successfully removed ${item.phonenumber} from your profile!`, undefined, undefined, this.listPhoneNumbers())\n        }))\n      })\n    },\n    listPhoneNumbers() {\n      this.$api.getUserPhoneNumbers(this.username, false, this.callBack(response=> {\n        response.forEach(item => item.validated = \"\")\n        this.phones = response\n        this.$api.getUserPhoneNumbers(this.username, true, this.callBack(response=> {\n          response.forEach(item=> {\n            this.phones.forEach(phone => {\n              if (item.phonenumber == phone.phonenumber) phone.validated = \"validated\"\n            })\n          })\n        }))\n      }, undefined, ()=> {\n        this.loading = false\n      }))\n    },\n\n  }\n}\n</script>\n\n<style scoped>\n.v-data-table {\n  width: fit-content;\n  max-width: 100%;\n}\n</style>","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!./PhoneNumbers.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!./PhoneNumbers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhoneNumbers.vue?vue&type=template&id=5e688cc8&scoped=true&\"\nimport script from \"./PhoneNumbers.vue?vue&type=script&lang=js&\"\nexport * from \"./PhoneNumbers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PhoneNumbers.vue?vue&type=style&index=0&id=5e688cc8&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  \"5e688cc8\",\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 { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n","import mod 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!./PhoneNumbers.vue?vue&type=style&index=0&id=5e688cc8&scoped=true&lang=css&\"; export default mod; 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!./PhoneNumbers.vue?vue&type=style&index=0&id=5e688cc8&scoped=true&lang=css&\""],"sourceRoot":""}