{"version":3,"sources":["webpack:///./src/components/studentdashboard/mentoringmenucomponents/CallBack.vue?9c31","webpack:///src/components/studentdashboard/mentoringmenucomponents/CallBack.vue","webpack:///./src/components/studentdashboard/mentoringmenucomponents/CallBack.vue?ba1b","webpack:///./src/components/studentdashboard/mentoringmenucomponents/CallBack.vue","webpack:///./src/components/studentdashboard/mentoringmenucomponents/CallBack.vue?89e0"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","staticStyle","_m","_v","_s","$route","query","n","directives","name","rawName","value","expression","attrs","model","callback","$$v","mobileNumber","on","timeUpdated","bestTime","_e","success","showInvalidTime","createCallBack","staticRenderFns","components","BTime","computed","watch","methods","self","$validator","validateAll","then","result","showLoadingOnElement","onSuccess","response","$vs","loading","close","$refs","create_btn","$el","onFinally","$ajaxGet","module","errors","items","forEach","error","notify","title","color","time","text","msg","position","iconPack","icon","context","hours","minutes","hrs","min","element","scale","type","container","component"],"mappings":"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","file":"js/chunk-0aabcc8a.dd09757a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"whole_page\"},[_c('div',{staticClass:\"fixed-max-width-650\",staticStyle:{\"flex-wrap\":\"wrap\"}},[_vm._m(0),_c('div',{staticClass:\"vx-row mt-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h2',[_c('strong',[_vm._v(_vm._s(_vm.$route.query.n))])]),_c('vs-divider',{staticClass:\"red-divider mt-6\"})],1)]),_c('div',{staticClass:\"vx-row mt-8\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h2',[_vm._v(\"My Mobile Number\")]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('digits:10'),expression:\"'digits:10'\"}],staticClass:\"custom-input_large--no-border w-full mt-8\",attrs:{\"type\":\"number\",\"name\":\"Mobile Number\"},model:{value:(_vm.mobileNumber),callback:function ($$v) {_vm.mobileNumber=$$v},expression:\"mobileNumber\"}}),_c('vs-divider',{staticClass:\"red-divider mt-6\"})],1)]),_c('div',{staticClass:\"vx-row mt-8\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h2',[_vm._v(\"Best Time:\")]),_c('b-time',{staticClass:\"dark_time\",attrs:{\"hide-header\":\"\",\"locale\":\"en\"},on:{\"context\":_vm.timeUpdated},model:{value:(_vm.bestTime),callback:function ($$v) {_vm.bestTime=$$v},expression:\"bestTime\"}})],1),(_vm.showInvalidTime)?_c('div',{staticClass:\"vx-col w-full mt-3\"},[_vm._m(1)]):_vm._e()]),_c('div',{staticClass:\"vx-row mt-8\"},[_c('div',{staticClass:\"vx-col w-full\"},[(!_vm.success)?_c('vs-button',{ref:\"create_btn\",staticClass:\"w-full vs-con-loading__container\",attrs:{\"disabled\":!_vm.mobileNumber || !_vm.bestTime || _vm.showInvalidTime,\"id\":\"create-callback_btn\",\"icon-pack\":\"feather\",\"icon\":\"icon-phone-call\"},on:{\"click\":_vm.createCallBack}},[_vm._v(\"SEND CALL BACK\")]):_c('vs-button',{staticClass:\"w-full button__fully-opaque\",attrs:{\"id\":\"success-callback_btn\",\"disabled\":true,\"icon-pack\":\"feather\",\"icon\":\"icon-check\"}},[_vm._v(\"SUCCESS!\")])],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h2',[_vm._v(\"Please give me a call to discuss\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h5',[_vm._v(\"Please choose a time between \"),_c('strong',[_vm._v(\"07:30 AM\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"05:00 PM\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div ref=\"whole_page\">\r\n    <div class=\"fixed-max-width-650\" style=\"flex-wrap: wrap;\">\r\n      <div class=\"vx-row\">\r\n        <div class=\"vx-col w-full\">\r\n          <h2>Please give me a call to discuss</h2>\r\n        </div>\r\n      </div>\r\n      <div class=\"vx-row mt-6\">\r\n        <div class=\"vx-col w-full\">\r\n          <h2><strong>{{ $route.query.n }}</strong></h2>\r\n          <vs-divider class=\"red-divider mt-6\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"vx-row mt-8\">\r\n        <div class=\"vx-col w-full\">\r\n          <h2>My Mobile Number</h2>\r\n          <vs-input class=\"custom-input_large--no-border w-full mt-8\" v-validate=\"'digits:10'\" type=\"number\" name=\"Mobile Number\" v-model=\"mobileNumber\" />\r\n          <vs-divider class=\"red-divider mt-6\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"vx-row mt-8\">\r\n        <div class=\"vx-col w-full\">\r\n          <h2>Best Time:</h2>\r\n          <b-time v-model=\"bestTime\" class=\"dark_time\" hide-header @context=\"timeUpdated\" locale=\"en\" />\r\n        </div>\r\n        <div v-if=\"showInvalidTime\" class=\"vx-col w-full mt-3\">\r\n          <h5>Please choose a time between <strong>07:30 AM</strong> and <strong>05:00 PM</strong></h5>\r\n        </div>\r\n      </div>\r\n      <div class=\"vx-row mt-8\">\r\n        <div class=\"vx-col w-full\">\r\n          <vs-button v-if=\"!success\" :disabled=\"!mobileNumber || !bestTime || showInvalidTime\" id=\"create-callback_btn\" ref=\"create_btn\" class=\"w-full vs-con-loading__container\" icon-pack=\"feather\" icon=\"icon-phone-call\" @click=\"createCallBack\">SEND CALL BACK</vs-button>\r\n          <vs-button v-else id=\"success-callback_btn\" :disabled=\"true\" class=\"w-full button__fully-opaque\" icon-pack=\"feather\" icon=\"icon-check\">SUCCESS!</vs-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {BTime} from 'bootstrap-vue'\r\n  export default {\r\n    data() {\r\n      return {\r\n        mobileNumber: \"\",\r\n        bestTime: \"\",\r\n        success: false,\r\n        showInvalidTime: true\r\n      }\r\n    },\r\n    components: {\r\n      BTime\r\n    },\r\n    computed: {\r\n      \r\n    },\r\n    watch: {\r\n      \r\n    },\r\n    methods: {\r\n      createCallBack() {\r\n        var self = this;\r\n\r\n        self.$validator.validateAll().then(result => {\r\n          if (result) {\r\n            self.showLoadingOnElement(\"create_btn\", 1, \"material\");\r\n\r\n            var onSuccess = response => {\r\n              self.$vs.loading.close(self.$refs.create_btn.$el);\r\n              self.success = true;\r\n            };\r\n            var onFinally = response => {\r\n              if (self.$refs.create_btn) {\r\n                self.$vs.loading.close(self.$refs.create_btn.$el);\r\n              }\r\n            };\r\n            \r\n            self.$ajaxGet(self, `MentorModule/CreateCallBack?moduleId=${self.$route.query.module}&number=${self.mobileNumber}&time=${self.bestTime}`, onSuccess, onFinally);\r\n          } else {\r\n            self.$validator.errors.items.forEach(function(error) {\r\n              self.$vs.notify({\r\n                title:'Attention',\r\n                color: \"warning\",\r\n                time: 5500,\r\n                text: error.msg,\r\n                position:'top-center',\r\n                iconPack: 'feather',\r\n                icon:'icon-info'\r\n              });\r\n            })\r\n            \r\n          }\r\n        })\r\n      },\r\n      timeUpdated(context) {\r\n        if (context.hours != null || context.minutes != null) {\r\n          var hrs = context.hours;\r\n          var min = context.minutes;\r\n\r\n          if (hrs <= 7 && min < 30) {\r\n            // console.log(\"choose a time of 07:30 or later\");\r\n            this.showInvalidTime = true;\r\n            return;\r\n\r\n          } else if(hrs < 7){\r\n            this.showInvalidTime = true;\r\n          }\r\n          \r\n          else if(hrs <= 7 && min >= 30){\r\n            this.showInvalidTime = false;\r\n          }\r\n          else if (hrs >= 17 && min >= 0) {\r\n            // console.log(\"choose a time earlier than 17:00\");\r\n            this.showInvalidTime = true;\r\n            return;\r\n          } else {\r\n            // console.log(\"valid time\");\r\n            this.showInvalidTime = false;\r\n            return;\r\n          }\r\n        }\r\n      },\r\n      showLoadingOnElement(element, scale, type, color) {\r\n        var self = this;\r\n        self.$vs.loading({\r\n          color: color,\r\n          type: type,\r\n          container: self.$refs[element].$el,\r\n          scale: scale\r\n        });\r\n      }\r\n    },   \r\n    mounted() {\r\n      var self = this;\r\n      \r\n    },\r\n  }\r\n\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.red-divider.vs-divider {\r\n  .vs-divider-border {\r\n    border-top: 2px solid rgba(255, 0, 0, 1) !important;\r\n  }\r\n}\r\n\r\n.custom-input_large--no-border {\r\n  .vs-input--input {\r\n    border: none !important;\r\n    height: 60px !important;\r\n    font-size: 2.2rem !important;\r\n    font-weight: 600 !important;\r\n    text-align-last: center !important;\r\n  }\r\n\r\n  input {\r\n    text-align: center !important;\r\n  }\r\n\r\n  input::-webkit-outer-spin-button,\r\n  input::-webkit-inner-spin-button {\r\n    -webkit-appearance: none;\r\n    margin: 0;\r\n  }\r\n\r\n  /* Firefox */\r\n  input[type=number] {\r\n    -moz-appearance: textfield;\r\n  }\r\n}\r\n\r\n.dark_time {\r\n  .form-control {\r\n    border: 1px solid #10163a !important;\r\n    color: white !important;\r\n    background-color: #262d4a !important;\r\n    height: 165px !important;\r\n\r\n    &.b-form-spinbutton {\r\n      .btn {\r\n        line-height: 3 !important;\r\n      }\r\n\r\n      output {\r\n        font-size: 23pt !important;\r\n      }\r\n    }\r\n\r\n    &.flex-column {\r\n      width: 80px !important;\r\n    }\r\n  }\r\n\r\n  .btn {\r\n    color: white !important;\r\n  }\r\n}\r\n\r\n#create-callback_btn {\r\n  justify-content: space-evenly !important;\r\n  min-height: 140px !important;\r\n  font-size: 3rem !important;\r\n  border-radius: 25px !important;\r\n  border-style: solid !important;\r\n  border-width: 4px !important;\r\n  border-color: rgba(0, 0, 0, 0.2) !important;\r\n  background-image: linear-gradient(#b01538,  #dc1e26) !important;\r\n\r\n  .vs-icon {\r\n    font-size: 6rem !important;\r\n  }\r\n\r\n  .vs-button--text {\r\n    text-align: right !important;\r\n    font-weight: 600 !important;\r\n    background: -webkit-linear-gradient(#c9c9c9, #c9c9c9) !important;\r\n    -webkit-background-clip: text !important;\r\n    -webkit-text-fill-color: transparent !important;\r\n  }\r\n}\r\n\r\n#success-callback_btn {\r\n  justify-content: space-evenly !important;\r\n  height: 140px !important;\r\n  font-size: 3rem !important;\r\n  border-radius: 25px !important;\r\n  border-style: solid !important;\r\n  border-width: 4px !important;\r\n  border-color: rgba(0, 0, 0, 0.2) !important;\r\n  background-image: linear-gradient(#1caf00,  #037500) !important;\r\n\r\n  .vs-icon {\r\n    font-size: 6rem !important;\r\n  }\r\n\r\n  .vs-button--text {\r\n    text-align: right !important;\r\n    font-weight: 600 !important;\r\n    background: -webkit-linear-gradient(#c9c9c9, #c9c9c9) !important;\r\n    -webkit-background-clip: text !important;\r\n    -webkit-text-fill-color: transparent !important;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CallBack.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CallBack.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CallBack.vue?vue&type=template&id=bba75b0a&\"\nimport script from \"./CallBack.vue?vue&type=script&lang=js&\"\nexport * from \"./CallBack.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CallBack.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","export * from \"-!../../../../node_modules/@vue/cli-service/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/lib/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!./CallBack.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}