{"version":3,"sources":["webpack:///./src/views/Tutors/SelectClassFrequency.vue?0024","webpack:///src/views/Tutors/SelectClassFrequency.vue","webpack:///./src/views/Tutors/SelectClassFrequency.vue?b104","webpack:///./src/views/Tutors/SelectClassFrequency.vue","webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///./src/views/Tutors/SelectClassFrequency.vue?020a"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_l","item","key","id","_s","Name","directives","name","rawName","value","expression","attrs","domProps","Id","_q","freqSelected","on","$event","insertFrequency","scheduleId","GoBack","staticRenderFns","$API","component","module","exports"],"mappings":"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","file":"js/chunk-14e906ca.35c9e321.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c-app flex-row align-items-center\"},[_c('CContainer',{staticClass:\"p-0\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('div',{staticClass:\"container-box center\"},[_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"card-custom-web\"},[_c('br'),_vm._v(\" \"),_c('br'),_c('h4',{staticClass:\"custom-user-grade\",staticStyle:{\"color\":\"#000\",\"text-align\":\"left\"}},[_vm._v(\" Set the frequency of the class \")]),_vm._l((_vm.freq),function(item){return _c('div',{key:item.id,staticClass:\"list-grade\"},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"90%\"}},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\" \"+_vm._s(item.Name)+\" \")])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"10%\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.freqSelected),expression:\"freqSelected\"}],attrs:{\"type\":\"radio\"},domProps:{\"value\":item.Id,\"checked\":_vm._q(_vm.freqSelected,item.Id)},on:{\"change\":function($event){_vm.freqSelected=item.Id}}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hr')])}),_c('div',{staticClass:\"bottom-center text-center\"},[_c('CButton',{staticClass:\"btn-select-blue mt-5\",staticStyle:{\"position\":\"fixed\",\"bottom\":\"30px\",\"left\":\"0px\",\"right\":\"0px\",\"text-align\":\"center\",\"margin\":\"0 auto\"},attrs:{\"color\":\"info\"},on:{\"click\":function($event){return _vm.insertFrequency(_vm.scheduleId, _vm.freqSelected)}}},[_vm._v(\" Save \")])],1)],2)])])]),_c('div',{staticClass:\"header-top\"},[_vm._v(\"Tutor Detail\")]),_c('div',{staticClass:\"header-left\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/VectorLeft.svg\")},on:{\"click\":function($event){return _vm.GoBack()}}})]),_c('div',{staticStyle:{\"clear\":\"both\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"c-app flex-row align-items-center\">\n      <CContainer style=\"display: flex; justify-content: center\" class=\"p-0\">\n        <div class=\"container-box center\">\n          <div class=\"text-left\">\n            <div class=\"card-custom-web\">\n              <br />  <br />\n\n              <h4 style=\"color: #000; text-align: left\" class=\"custom-user-grade\">\n                Set the frequency of the class\n              </h4>\n              \n              <div class=\"list-grade\" v-for=\"item in freq\" v-bind:key=\"item.id\">\n                <div style=\"width: 90%\" class=\"float-left\" >                    \n                  <label class=\"ml-3\"> {{ item.Name }} </label>\n                </div>\n                <div style=\"width: 10%\" class=\"float-right\">\n                  <input type=\"radio\" :value=\"item.Id\" v-model=\"freqSelected\" />\n                </div>\n                <div style=\"clear: both\"></div>\n                <hr />\n              </div>\n\n              <div class=\"bottom-center text-center\">\n                <CButton  style=\"\n                  position: fixed;\n                  bottom: 30px;\n                  left: 0px;\n                  right: 0px;\n                  text-align: center;\n                  margin: 0 auto;\n                  \" color=\"info\" class=\"btn-select-blue mt-5\" @click=\"insertFrequency(scheduleId, freqSelected)\">\n                  Save\n                </CButton>\n\n                <!-- kalau credit tak cukup -->\n                <!-- <CButton  style=\"\n                  position: fixed;\n                  bottom: 30px;\n                  left: 0px;\n                  right: 0px;\n                  text-align: center;\n                  margin: 0 auto;\n                  \" color=\"info\" class=\"btn-select-blue mt-5\" @click=\"GoToTopup()\">\n                  Topup Credit\n                </CButton> -->\n              </div>\n\n            </div>\n          </div>\n        </div>\n      </CContainer>\n      \n      <div class=\"header-top\">Tutor Detail</div>\n      <div class=\"header-left\">\n        <img src=\"../../assets/img/icon/VectorLeft.svg\" @click=\"GoBack()\" />\n      </div>\n      <div style=\"clear: both\"></div>\n      \n    </div>\n  </template>\n  \n  <script>\n  export default {\n    data() {\n      return {\n        SessionRemaining: false,\n        UploadModal: false,\n        students: [],\n        user: {},\n        freqSelected: \"\",\n        freq: [],\n        parent: [],\n        scheduleId: this.$route.query.scheduleId,\n      };\n    },\n    async mounted() {\n      let isAuth = await this.UserAuth();\n  \n      if (isAuth) {\n        this.Busy = false;\n        this.GetInfoUser();\n      } else {\n        this.GoToLogin();\n      }\n    },\n    methods: {\n      GetInfoUser() {\n        return this.$API\n          .get(this.$LoginUserDetailWebs, {\n            withCredentials: true,\n          })\n          .then((response) => {\n            if (response.status == 200) {\n              this.user = response.data;\n              // this.GetAuthorizeProfile(this.user.id);\n            //   this.GetListChild(this.user.id);\n              this.GetParentDetail(this.user.id);\n              this.GetProfileStudentsByStudentId();\n              this.GetFrequency();\n              this.GetTimeTableTeacher(this.user.id);\n            }\n          });\n      },\n      GetProfileStudentsByStudentId() {\n        this.$API\n          .get(\n            this.$GetStudentDetailByStudentId +\n              \"?studentId=\" +\n              this.$route.query.studentId,\n            {\n              withCredentials: true,\n            }\n          )\n          .then((response) => {\n            if (response.status == 200 && response.data != null) {\n              this.students = response.data;\n            }\n          });\n      },\n\n      GetFrequency() {\n        this.$API\n          .get(\n            this.$GetClassFrequency ,\n            {\n              withCredentials: true,\n            }\n          )\n          .then((response) => {\n            if (response.status == 200 && response.data != null) {\n              this.freq = response.data;\n            }\n          });\n      },\n\n      GetParentDetail() {\n        this.$API\n          .get(this.$GetParentDetailByUserId + \"?id=\" + this.user.id, {\n            withCredentials: true,\n          })\n          .then((response) => {\n            if (response.status == 200 && response.data != null) {\n              this.parent = response.data;\n            }\n          });\n      },\n\n      GetTimeTableTeacher() {\n      this.$API\n        .get(this.$ScheduleTeacherWeb + \"?id=\" + this.user.id, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.classes = response.data;\n            // console.log(\"TRY\", this.classes);\n          }\n        });\n      },\n\n      insertFrequency: function (scheduleId, sessionSelected) {\n        const formData = new FormData();\n        // var test = scheduleId;\n        // console.log(\"TRY\", test);\n        for (let index = 0; index < this.classes.length; index++) {\n            var element = this.classes[index];\n            // console.log(\"TRY\", element);\n\n            if(element.id == scheduleId) {\n                console.log(\"TRY\", element);\n            \n                var date = moment(element.start).format('YYYY-MM-DD');\n                var time = moment(element.start).format('hh:mm:ss');\n\n                formData.append(\"scheduleId\", element.id);\n                formData.append(\"dates\", date);\n                formData.append(\"times\", time);\n                formData.append(\"vcLink\", element.joinLink);\n                formData.append(\"meetingId\", element.meetingId);\n                formData.append(\"password\", element.password);\n                formData.append(\"sessionId\", sessionSelected);\n                formData.append(\"frequencyId\", freqSelected);\n                formData.append(\"isCheck\", true);\n\n                return this.$API\n                .post(this.$TutorEditSchedule, formData, {\n                    withCredentials: true,\n                })\n                .then((response) => {\n                    console.log(response.status);\n                    console.log(response.data);\n                    if(response.status == 200 && response.data != null) {\n                      this.$dialog\n                      .alert(\"Request Sent.\")\n                      this.GoToRecurrence();\n                    } else {\n                    this.Message = response.data.Message;\n                    this.ErrorMessage = true;\n                    }\n                })\n                .catch((error) => {\n                    if (error.response) {\n                    console.log(error.response.data);\n                    this.Error = true;\n                    this.Message = error;\n                    this.Message = \"Error\";\n                    this.Message = response.data.Message;\n                    this.ErrorMessage = true;\n                    }\n                });\n    }\n            \n        }\n      },\n    \n      GoBack() {\n        this.$router.back();\n      },\n    \n    },\n  };\n  </script>\n  \n  <style scoped>\n  @import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap\");\n  \n  input {\n    border-bottom: 2px solid #dbdbdb;\n    background: none;\n    border-top: none;\n    border-left: none;\n    border-right: none;\n    width: 90%;\n  }\n  \n  input ::placeholder {\n    color: #e0e0e0;\n  }\n  \n  ::placeholder {\n    /* Chrome, Firefox, Opera, Safari 10.1+ */\n    color: #e0e0e0;\n  }\n  .c-app {\n    background: linear-gradient(286.01deg, #5bc4ff 7.93%, #0085ff 96.74%);\n  }\n  .custom-bg-color {\n    background: linear-gradient(286.01deg, #5bc4ff 7.93%, #0085ff 96.74%);\n    /* Clickable/Light */\n  \n    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);\n    border-radius: 8px;\n    margin: 0px 20px;\n    display: flex;\n    justify-content: center;\n  }\n  body {\n    font-family: \"Montserrat\", sans-serif;\n  }\n  \n  .class-teach-name {\n    padding: 4px 1px;\n    top: 45px;\n    /* height: 40px; */\n  \n    font-family: \"Montserrat\";\n    font-style: normal;\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 20px;\n  \n    /* Pure/White */\n  \n    color: #ffffff;\n  \n    /* Inside auto layout */\n  \n    /* flex: none;\n    order: 0;\n    flex-grow: 0; */\n  }\n  .custom-btn-add {\n    font-family: \"Montserrat\";\n    font-style: normal;\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 150%;\n  \n    color: #007cef;\n  }\n  .custom-btn-deactive {\n    position: absolute;\n    left: 0%;\n    right: 0.61%;\n    top: 0%;\n    bottom: 0%;\n  \n    /* Body/1/Semibold */\n  \n    font-family: \"Montserrat\";\n    font-style: normal;\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 150%;\n    /* identical to box height, or 24px */\n  \n    color: #f85954;\n  }\n  .custom-text-deactive {\n    position: absolute;\n    width: 162px;\n    height: 22px;\n    left: 107px;\n    top: 25px;\n  \n    /* Title/1/Semibold */\n  \n    font-family: \"Montserrat\";\n    font-style: normal;\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 22px;\n    /* identical to box height */\n  \n    text-align: center;\n  \n    /* Black/Dark-001 */\n  \n    color: #000a2c;\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!./SelectClassFrequency.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!./SelectClassFrequency.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectClassFrequency.vue?vue&type=template&id=43b5ad51&scoped=true&\"\nimport script from \"./SelectClassFrequency.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectClassFrequency.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectClassFrequency.vue?vue&type=style&index=0&id=43b5ad51&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  \"43b5ad51\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/VectorLeft.3808b713.svg\";","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/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!./SelectClassFrequency.vue?vue&type=style&index=0&id=43b5ad51&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/@vue/cli-service/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!./SelectClassFrequency.vue?vue&type=style&index=0&id=43b5ad51&scoped=true&lang=css&\""],"sourceRoot":""}