{"version":3,"sources":["webpack:///./src/components/DashBoard/Room/AddAddressBook.vue?2376","webpack:///src/components/DashBoard/Room/AddAddressBook.vue","webpack:///./src/components/DashBoard/Room/AddAddressBook.vue?b7f3","webpack:///./src/components/DashBoard/Room/AddAddressBook.vue","webpack:///./src/components/DashBoard/Room/AddAddressBook.vue?d888"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","preventDefault","validateBeforeSubmit","attrs","errors","has","first","slot","_v","directives","name","rawName","value","required","expression","model","callback","$$v","device","firstByRule","dialType","_l","option","key","domProps","txt","_s","dialInfo","staticRenderFns","data","diaTypelList","ip","methods","$validator","validateAll","then","result","status","message","type","resetData","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,OAAO,CAACG,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBT,EAAIU,qBAAqBF,MAAW,CAACJ,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,UAAU,CAACO,MAAM,CAAC,KAAO,CAAC,YAAaX,EAAIY,OAAOC,IAAI,WAAW,QAAUb,EAAIY,OAAOE,MAAM,UAAU,eAAe,2BAA2B,CAACV,EAAG,WAAW,CAACW,KAAK,SAAS,CAACf,EAAIgB,GAAG,4CAA4CZ,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIgB,GAAG,SAASZ,EAAG,UAAU,CAACa,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAaC,MAAM,CAAEC,UAAU,GAAOC,WAAW,qBAAqBX,MAAM,CAAC,KAAO,SAAS,KAAO,YAAY,aAAa,6BAA6BY,MAAM,CAACH,MAAOpB,EAAU,OAAEwB,SAAS,SAAUC,GAAMzB,EAAI0B,OAAOD,GAAKH,WAAW,aAAa,IAAI,GAAGlB,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,UAAU,CAACO,MAAM,CAAC,YAAc,SAAS,KAAO,CAAC,YAAaX,EAAIY,OAAOC,IAAI,cAAc,QAAU,CAAC,CAC1iC,2BAA4Bb,EAAIY,OAAOe,YAAY,YAAa,cAC7D,eAAe,2BAA2B,CAACvB,EAAG,WAAW,CAACW,KAAK,SAAS,CAACf,EAAIgB,GAAG,+BAA+BZ,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIgB,GAAG,SAASZ,EAAG,WAAW,CAACa,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAaC,MAAM,CAAEC,UAAU,GAAOC,WAAW,qBAAqBhB,YAAY,YAAYK,MAAM,CAAC,KAAO,YAAY,KAAO,aAAaY,MAAM,CAACH,MAAOpB,EAAY,SAAEwB,SAAS,SAAUC,GAAMzB,EAAI4B,SAASH,GAAKH,WAAW,aAAa,CAAClB,EAAG,SAAS,CAACO,MAAM,CAAC,MAAQ,GAAG,SAAW,GAAG,OAAS,KAAK,CAACX,EAAIgB,GAAG,cAAchB,EAAI6B,GAAI7B,EAAgB,cAAE,SAAS8B,GAAQ,OAAO1B,EAAG,SAAS,CAAC2B,IAAID,EAAOC,IAAIC,SAAS,CAAC,MAAQF,EAAOG,MAAM,CAACjC,EAAIgB,GAAGhB,EAAIkC,GAAGJ,EAAOG,YAAW,IAAI,IAAI,GAAG7B,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,UAAU,CAACO,MAAM,CAAC,KAAO,CAAC,YAAaX,EAAIY,OAAOC,IAAI,cAAc,QAAU,CAAC,CACrzB,iCAAkCb,EAAIY,OAAOe,YAAY,YAAa,cACrE,eAAe,2BAA2B,CAACvB,EAAG,WAAW,CAACW,KAAK,SAAS,CAACf,EAAIgB,GAAG,qCAAqCZ,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIgB,GAAG,SAASZ,EAAG,UAAU,CAACa,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAaC,MAAM,CAAEC,UAAU,GAAOC,WAAW,qBAAqBX,MAAM,CAAC,KAAO,YAAY,KAAO,aAAaY,MAAM,CAACH,MAAOpB,EAAY,SAAEwB,SAAS,SAAUC,GAAMzB,EAAImC,SAASV,GAAKH,WAAW,eAAe,IAAI,GAAGlB,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,UAAU,CAACO,MAAM,CAAC,MAAQ,MAAMP,EAAG,SAAS,CAACE,YAAY,oCAAoCK,MAAM,CAAC,KAAO,WAAW,CAACX,EAAIgB,GAAG,mBAAmB,UAC1oBoB,EAAkB,G,ooBCyFtB,OACEC,KADF,WAEI,MAAO,CACLC,aAAc,CAAC,CAArB,iBACMZ,OAAQ,GACRE,SAAU,GACVO,SAAU,GACVI,GAAI,YAGRC,QAAS,EAAX,KACA,8CADA,IAEI9B,qBAFJ,WAEA,WACMT,KAAKwC,WAAWC,cAAcC,MAAK,SAAzC,GACQ,GAAIC,EAAQ,CACV,IAAV,GACYlB,OAAQ,EAApB,OACYE,SAAU,EAAtB,SACYO,SAAU,EAAtB,SACYI,GAAI,EAAhB,IAEU,EAAV,uCACgBK,EAAOP,KAAKQ,QACd,EAAd,aACgBC,QAAS,+BACTC,KAAM,YAER,EAAd,YACc,EAAd,sBACgB,EAAhB,uBAGc,EAAd,aACgBD,QAAS,qBACTC,KAAM,sBAOlBC,UA/BJ,WAgCM/C,KAAKyB,OAAS,GACdzB,KAAK2B,SAAW,GAChB3B,KAAKkC,SAAW,GAChBlC,KAAKsC,GAAK,OC3IsW,I,wBCQlXU,EAAY,eACd,EACAlD,EACAqC,GACA,EACA,KACA,KACA,MAIa,aAAAa,E,kECnBf,yBAA0jB,EAAG","file":"js/chunk-5ccb88e9.73a46ccc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"roomList__address-form\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.validateBeforeSubmit($event)}}},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-one-fifth\"},[_c('b-field',{attrs:{\"type\":{'is-danger': _vm.errors.has('device')},\"message\":_vm.errors.first('device'),\"custom-class\":\"has-text-weight-normal\"}},[_c('template',{slot:\"label\"},[_vm._v(\"\\n            Tên của thiết bị đầu cuối \"),_c('span',{staticClass:\"has-text-danger\"},[_vm._v(\"*\")])]),_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({required: true}),expression:\"{required: true}\"}],attrs:{\"name\":\"device\",\"size\":\"is-medium\",\"data-vv-as\":\"Tên của thiết bị đầu cuối\"},model:{value:(_vm.device),callback:function ($$v) {_vm.device=$$v},expression:\"device\"}})],2)],1),_c('div',{staticClass:\"column is-one-fifth\"},[_c('b-field',{attrs:{\"placeholder\":\"Select\",\"type\":{'is-danger': _vm.errors.has('dial-type')},\"message\":[{\n          'Loại kết nối là bắt buộc': _vm.errors.firstByRule('dial-type', 'required')\n          }],\"custom-class\":\"has-text-weight-normal\"}},[_c('template',{slot:\"label\"},[_vm._v(\"\\n            Loại kết nối \"),_c('span',{staticClass:\"has-text-danger\"},[_vm._v(\"*\")])]),_c('b-select',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({required: true}),expression:\"{required: true}\"}],staticClass:\"dial-type\",attrs:{\"name\":\"dial-type\",\"size\":\"is-medium\"},model:{value:(_vm.dialType),callback:function ($$v) {_vm.dialType=$$v},expression:\"dialType\"}},[_c('option',{attrs:{\"value\":\"\",\"disabled\":\"\",\"hidden\":\"\"}},[_vm._v(\"--------\")]),_vm._l((_vm.diaTypelList),function(option){return _c('option',{key:option.key,domProps:{\"value\":option.txt}},[_vm._v(_vm._s(option.txt))])})],2)],2)],1),_c('div',{staticClass:\"column is-one-fifth\"},[_c('b-field',{attrs:{\"type\":{'is-danger': _vm.errors.has('dial-info')},\"message\":[{\n            'Thông tin cuộc gọi là bắt buộc': _vm.errors.firstByRule('dial-info', 'required')\n          }],\"custom-class\":\"has-text-weight-normal\"}},[_c('template',{slot:\"label\"},[_vm._v(\"\\n            Thông tin cuộc gọi \"),_c('span',{staticClass:\"has-text-danger\"},[_vm._v(\"*\")])]),_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({required: true}),expression:\"{required: true}\"}],attrs:{\"name\":\"dial-info\",\"size\":\"is-medium\"},model:{value:(_vm.dialInfo),callback:function ($$v) {_vm.dialInfo=$$v},expression:\"dialInfo\"}})],2)],1),_c('div',{staticClass:\"column is-one-fifth\"},[_c('b-field',{attrs:{\"label\":\"\"}}),_c('button',{staticClass:\"button is-info button-add-address\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Thêm danh bạ\")])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"roomList__address-form\">\n    <!-- <p class=\"title is-4\">Add Address Book</p> -->\n    <form @submit.prevent=\"validateBeforeSubmit\">\n      <div class=\"columns\">\n        <div class=\"column is-one-fifth\">\n          <b-field\n            :type=\"{'is-danger': errors.has('device')}\"\n            :message=\"errors.first('device')\"\n            custom-class=\"has-text-weight-normal\"\n          >\n            <template slot=\"label\">\n              Tên của thiết bị đầu cuối <span class=\"has-text-danger\">*</span>\n            </template>\n            <b-input\n              v-model=\"device\"\n              name=\"device\"\n              v-validate=\"{required: true}\"\n              size=\"is-medium\"\n              data-vv-as=\"Tên của thiết bị đầu cuối\"\n            ></b-input>\n          </b-field>\n        </div>\n        <div class=\"column is-one-fifth\">\n          <b-field\n            placeholder=\"Select\"\n            :type=\"{'is-danger': errors.has('dial-type')}\"\n            :message=\"[{\n            'Loại kết nối là bắt buộc': errors.firstByRule('dial-type', 'required')\n            }]\"\n            custom-class=\"has-text-weight-normal\"\n          >\n            <template slot=\"label\">\n              Loại kết nối <span class=\"has-text-danger\">*</span>\n            </template>\n            <b-select\n              name=\"dial-type\"\n              size=\"is-medium\"\n              v-model=\"dialType\"\n              v-validate=\"{required: true}\"\n              class=\"dial-type\"\n            >\n              <option value disabled hidden>--------</option>\n              <option\n                v-for=\"option in diaTypelList\"\n                :value=\"option.txt\"\n                :key=\"option.key\"\n              >{{ option.txt }}</option>\n            </b-select>\n          </b-field>\n        </div>\n        <div class=\"column is-one-fifth\">\n          <b-field\n            :type=\"{'is-danger': errors.has('dial-info')}\"\n            :message=\"[{\n              'Thông tin cuộc gọi là bắt buộc': errors.firstByRule('dial-info', 'required')\n            }]\"\n            custom-class=\"has-text-weight-normal\"\n          >\n            <template slot=\"label\">\n              Thông tin cuộc gọi <span class=\"has-text-danger\">*</span>\n            </template>\n            <b-input\n              v-model=\"dialInfo\"\n              name=\"dial-info\"\n              v-validate=\"{required: true}\"\n              size=\"is-medium\"\n            ></b-input>\n          </b-field>\n        </div>\n        <!--<div class=\"column is-one-fifth\">\n          <b-field label=\"IP\" :type=\"{'is-danger': errors.has('ip')}\" :message=\"errors.first('ip')\">\n            <b-input\n              v-model=\"ip\"\n              placeholder=\"IP\"\n              name=\"ip\"\n              v-validate=\"{required: true}\"\n              size=\"is-medium\"\n            ></b-input>\n          </b-field>\n        </div>-->\n\n        <div class=\"column is-one-fifth\">\n          <b-field label></b-field>\n          <button type=\"submit\" class=\"button is-info button-add-address\">Thêm danh bạ</button>\n        </div>\n      </div>\n    </form>\n  </div>\n</template>\n\n<script>\nimport { mapActions } from \"vuex\";\n\nexport default {\n  data() {\n    return {\n      diaTypelList: [{ id: 2, txt: \"sip\" }],\n      device: \"\",\n      dialType: \"\",\n      dialInfo: \"\",\n      ip: \"0.0.0.0\"\n    };\n  },\n  methods: {\n    ...mapActions(\"room\", [\"createAddressBook\"]),\n    validateBeforeSubmit() {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          const newAddressBook = {\n            device: this.device,\n            dialType: this.dialType,\n            dialInfo: this.dialInfo,\n            ip: this.ip\n          };\n          this.createAddressBook(newAddressBook).then(result => {\n            if (result.data.status) {\n              this.$toast.open({\n                message: \"Tạo mới danh bạ thành công!!\",\n                type: \"is-info\"\n              });\n              this.resetData();\n              this.$nextTick(() => {\n                this.$validator.reset();\n              });\n            } else {\n              this.$toast.open({\n                message: \"Nhập thông tin lỗi\",\n                type: \"is-danger\"\n              });\n            }\n          });\n        }\n      });\n    },\n    resetData() {\n      this.device = \"\";\n      this.dialType = \"\";\n      this.dialInfo = \"\";\n      this.ip = \"\";\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/scss/form.scss\";\n.roomList {\n  &__address-form {\n    margin-top: 10px;\n    margin-bottom: 30px;\n  }\n}\n.button-add-address {\n  margin-top: 16px;\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!./AddAddressBook.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!./AddAddressBook.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddAddressBook.vue?vue&type=template&id=05873764&\"\nimport script from \"./AddAddressBook.vue?vue&type=script&lang=js&\"\nexport * from \"./AddAddressBook.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddAddressBook.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddAddressBook.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddAddressBook.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}