{"version":3,"sources":["webpack:///./src/modules/class-school/_components/ModalAddMemberClassSchool.vue?cd2c","webpack:///./node_modules/toggle-selection/index.js","webpack:///./src/modules/class-school/_api/classSchoolUserServices.js","webpack:///./src/modules/class-school/_components/ModalAddMemberClassSchool.vue?8976","webpack:///src/modules/class-school/_components/ModalAddMemberClassSchool.vue","webpack:///./src/modules/class-school/_components/ModalAddMemberClassSchool.vue?1ac8","webpack:///./src/modules/class-school/_components/ModalAddMemberClassSchool.vue","webpack:///./node_modules/copy-to-clipboard/index.js"],"names":["module","exports","selection","document","getSelection","rangeCount","active","activeElement","ranges","i","push","getRangeAt","tagName","toUpperCase","blur","removeAllRanges","type","forEach","range","addRange","focus","saveClassSchoolUser","params","apiEndpoint","HttpService","post","then","res","data","catch","e","changeNameMemberService","getAllMemberInClassSchoolService","DeleteMemberInClassSchoolService","id","get","render","_vm","this","_h","$createElement","_c","_self","ref","attrs","on","resetModal","staticClass","_v","model","value","callback","$$v","userId","expression","_s","form","code","password","handleCopyCodeAndPass","handleCopyLinkJoin","isLoading","handleHideModal","handleAddMember","staticRenderFns","name","props","classSchoolId","default","components","confirmActive","submitted","domain","nameSchool","classId","subjectId","computed","screenWidth","mounted","methods","handleCopyPass","handleCopyCode","getDetailClassSchool","getDetail","self","copyToClipboard","text","copy","debug","message","handleDone","handleSave","toggleModal","handleShowModal","component","deselectCurrent","clipboardToIE11Formatting","defaultMessage","format","copyKey","test","navigator","userAgent","replace","options","reselectPrevious","mark","success","createRange","createElement","textContent","ariaHidden","style","all","position","top","clip","whiteSpace","webkitUserSelect","MozUserSelect","msUserSelect","userSelect","addEventListener","stopPropagation","preventDefault","clipboardData","console","warn","window","clearData","setData","onCopy","body","appendChild","selectNodeContents","successful","execCommand","Error","err","error","prompt","removeRange","removeChild"],"mappings":"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","file":"js/chunk-8227ad9c.073af989.js","sourcesContent":["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!./ModalAddMemberClassSchool.vue?vue&type=style&index=0&id=f0788eca&lang=scss&scoped=true&\"","\nmodule.exports = function () {\n  var selection = document.getSelection();\n  if (!selection.rangeCount) {\n    return function () {};\n  }\n  var active = document.activeElement;\n\n  var ranges = [];\n  for (var i = 0; i < selection.rangeCount; i++) {\n    ranges.push(selection.getRangeAt(i));\n  }\n\n  switch (active.tagName.toUpperCase()) { // .toUpperCase handles XHTML\n    case 'INPUT':\n    case 'TEXTAREA':\n      active.blur();\n      break;\n\n    default:\n      active = null;\n      break;\n  }\n\n  selection.removeAllRanges();\n  return function () {\n    selection.type === 'Caret' &&\n    selection.removeAllRanges();\n\n    if (!selection.rangeCount) {\n      ranges.forEach(function(range) {\n        selection.addRange(range);\n      });\n    }\n\n    active &&\n    active.focus();\n  };\n};\n","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveClassSchoolUser = params => {\r\n    let apiEndpoint = `ClassSchoolUser/Create`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n//\r\nexport const changeNameMemberService = params => {\r\n    let apiEndpoint = `ClassSchoolUser/ChangeNameMember`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\n\r\nexport const getAllMemberInClassSchoolService = params => {\r\n    let apiEndpoint = `ClassSchoolUser/GetAllMemberInClassSchool`;\r\n    return HttpService.post(apiEndpoint,params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const DeleteMemberInClassSchoolService = id => {\r\n    let apiEndpoint = `ClassSchoolUser/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-add-member-class-school\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-save-class-school\"},[_c('h4',{staticClass:\"title-header\"},[_c('strong',[_vm._v(\"Thêm học sinh\")])]),_c('div',{staticClass:\"row padding-left-20 padding-right-20\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{staticClass:\"label-form\",attrs:{\"for\":\"userId\"}},[_vm._v(\"Nhập ID học sinh:\")])]),_c('div',{staticClass:\"col-md-8\"},[_c('b-form-input',{attrs:{\"placeholder\":\"Nhập id của học sinh\",\"id\":\"userId\",\"type\":\"text\"},model:{value:(_vm.userId),callback:function ($$v) {_vm.userId=$$v},expression:\"userId\"}})],1)]),_c('div',{staticClass:\"custom-line\"},[_c('div',{staticClass:\"line1\"}),_c('div',{staticClass:\"text-line\"},[_vm._v(\"\\n                    hoặc\\n                \")]),_c('div',{staticClass:\"line1\"})]),_c('div',{staticClass:\"row padding-left-20 padding-right-20\"},[_c('div',{staticClass:\"col-md-6\"},[_c('label',{attrs:{\"for\":\"code\"}},[_vm._v(\"Mã lớp:\")])]),_c('div',{staticClass:\"col-md-6\"},[_c('label',{attrs:{\"for\":\"password\"}},[_vm._v(\"Mật khẩu:\")])]),_c('div',{staticClass:\"col-md-6\"},[_c('strong',{staticClass:\"code\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.form.code)+\"\\n                    \")])]),_c('div',{staticClass:\"col-md-6\"},[_c('strong',{staticClass:\"password\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.form.password)+\"\\n\\n                    \")])])]),_c('div',{staticClass:\"row padding-left-20 padding-right-20\"},[_c('div',{staticClass:\"col-md-12\"},[_c('b-button',{staticClass:\"btn-copy\",on:{\"click\":_vm.handleCopyCodeAndPass}},[_c('img',{staticClass:\"icon-copy\",attrs:{\"src\":require(\"@/assets/img/copy.png\")}}),_vm._v(\"\\n                        Sao chép mã và mật khẩu\\n                    \")])],1)]),_c('div',{staticClass:\"col-md-12\"},[_c('b-button',{staticClass:\"btn-copy btn-copy-link\",on:{\"click\":_vm.handleCopyLinkJoin}},[_c('img',{staticClass:\"icon-link\",attrs:{\"src\":require(\"@/assets/img/link.png\")}}),_vm._v(\"\\n                    Sao chép đường liên kết\\n                \")])],1),_c('div',{staticClass:\"form_action display-flex justity-content-space-around\"},[_c('button',{staticClass:\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                    Hủy\\n                \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleAddMember}},[_vm._v(\"\\n                    Thêm mới\\n                \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-add-member-class-school\"\r\n            @hidden=\"resetModal\">\r\n            <div class=\"container wrap-form-save-class-school\">\r\n                <h4 class=\"title-header\">\r\n                    <strong>Thêm học sinh</strong>\r\n                </h4>\r\n                <div class=\"row padding-left-20 padding-right-20\">\r\n                    <div class=\"col-md-4\">\r\n                        <label class=\"label-form\" for=\"userId\">Nhập ID học sinh:</label>\r\n                    </div>\r\n                    <div class=\"col-md-8\">\r\n                        <b-form-input placeholder=\"Nhập id của học sinh\" id=\"userId\" type=\"text\"\r\n                            v-model=\"userId\"></b-form-input>\r\n                    </div>\r\n                </div>\r\n                <div class=\"custom-line\">\r\n                    <div class=\"line1\">\r\n\r\n                    </div>\r\n                    <div class=\"text-line\">\r\n                        hoặc\r\n                    </div>\r\n                    <div class=\"line1\">\r\n\r\n                    </div>\r\n                </div>\r\n                <div class=\"row padding-left-20 padding-right-20\">\r\n                    <div class=\"col-md-6\">\r\n                        <label for=\"code\">Mã lớp:</label>\r\n                    </div>\r\n                    <div class=\"col-md-6\">\r\n                        <label for=\"password\">Mật khẩu:</label>\r\n\r\n                    </div>\r\n                    <div class=\"col-md-6\">\r\n                        <strong class=\"code\">\r\n                            {{ form.code }}\r\n                        </strong>\r\n                    </div>\r\n                    <div class=\"col-md-6\">\r\n                        <strong class=\"password\">\r\n                            {{ form.password }}\r\n\r\n                        </strong>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n                <div class=\"row padding-left-20 padding-right-20\">\r\n                    <!-- <div class=\"col-md-6\">\r\n                            <b-button class=\"btn-copy\" @click=\"handleCopyCode\">\r\n                                <img class=\"icon-copy\" src=\"@/assets/img/copy.png\" />\r\n                                Sao chép mã\r\n                            </b-button>\r\n                        </div> -->\r\n                    <div class=\"col-md-12\">\r\n                        <b-button class=\"btn-copy\" @click=\"handleCopyCodeAndPass\">\r\n                            <img class=\"icon-copy\" src=\"@/assets/img/copy.png\" />\r\n                            Sao chép mã và mật khẩu\r\n                        </b-button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-12\">\r\n\r\n                    <b-button class=\"btn-copy btn-copy-link\" @click=\"handleCopyLinkJoin\">\r\n                        <img class=\"icon-link\" src=\"@/assets/img/link.png\" />\r\n                        Sao chép đường liên kết\r\n                    </b-button>\r\n                </div>\r\n                <div class=\"form_action display-flex justity-content-space-around\">\r\n                    <button type=\"button\"\r\n                        class=\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                        :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                        Hủy\r\n                    </button>\r\n                    <button type=\"button\"\r\n                        class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                        :disabled=\"isLoading\" @click=\"handleAddMember\">\r\n                        Thêm mới\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { getDetail } from './../_api/classSchoolServices'\r\nimport { saveClassSchoolUser } from './../_api/classSchoolUserServices'\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nimport copy from 'copy-to-clipboard';\r\nexport default {\r\n    name: \"ModalAddMemberClassSchool\",\r\n    props: {\r\n        classSchoolId: {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n    components: {\r\n    },\r\n    data() {\r\n        return {\r\n            userId: '',\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            domain: APP_CONFIG.domain,\r\n            form: {\r\n                id: 0,\r\n                nameSchool: '',\r\n                code: '',\r\n                name: '',\r\n                password: '',\r\n                classId: '',\r\n                subjectId: '',\r\n\r\n            }\r\n        }\r\n    },\r\n\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n    },\r\n    mounted() {\r\n        this.handleShowModal()\r\n        if (this.classSchoolId > 0) {\r\n            this.getDetailClassSchool()\r\n        }\r\n    },\r\n\r\n    methods: {\r\n        handleCopyPass() {\r\n            this.copyToClipboard(this.form.password)\r\n        },\r\n        handleCopyCode() {\r\n            this.copyToClipboard(this.form.code)\r\n        },\r\n        handleCopyCodeAndPass() {\r\n            let text = `Mã lớp:${this.form.code} Mật khẩu:${this.form.password}`\r\n            this.copyToClipboard(text)\r\n        },\r\n        getDetailClassSchool() {\r\n            let self = this\r\n            getDetail(this.classSchoolId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.form = {\r\n                        id: res.data.id,\r\n                        nameSchool: res.data.nameSchool,\r\n                        code: res.data.code,\r\n                        name: res.data.name,\r\n                        password: res.data.password,\r\n                        classId: res.data.classId,\r\n                        subjectId: res.data.subjectId,\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleAddMember() {\r\n            let self = this\r\n            let data = {\r\n                userId: this.userId,\r\n                classSchoolId: this.classSchoolId\r\n            }\r\n            // thêm\r\n            if (!data.userId.trim()) {\r\n                self.$toast.success('Vui lòng nhập ID của học sinh')\r\n            } else {\r\n                saveClassSchoolUser(data).then((res) => {\r\n                    if (res && !res.errors) {\r\n                        self.$toast.success(res.message)\r\n                        this.userId = ''\r\n                        this.handleDone()\r\n                    }\r\n                })\r\n            }\r\n        },\r\n        handleCopyLinkJoin() {\r\n            let linkJoin = `${this.domain}/tham-gia-lop-hoc`\r\n            this.copyToClipboard(linkJoin)\r\n        },\r\n        copyToClipboard(text) {\r\n            copy(text, {\r\n                debug: true,\r\n                message: 'Press #{key} to copy',\r\n            });\r\n        },\r\n        handleDone() {\r\n            //this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        handleSave() {\r\n\r\n        },\r\n        resetModal() {\r\n\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-add-member-class-school'].toggle('#toggle-btn')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-add-member-class-school'].hide()\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-add-member-class-school'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.btn-copy {\r\n\r\n    // margin: 5px 0px 5px 0px;\r\n    // background: white;\r\n    // color: black;\r\n    // border: 1px solid #d5d2d2;\r\n    .icon-copy,\r\n    .icon-link {\r\n        width: 20px;\r\n    }\r\n}\r\n\r\n.custom-line {\r\n    display: flex;\r\n    margin-top: 20px;\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n\r\n    .line1 {\r\n        width: 100%;\r\n        height: 2px;\r\n        background: #e5e5e5;\r\n    }\r\n\r\n    .line2 {\r\n        width: 100%;\r\n        height: 2px;\r\n        background: #e5e5e5;\r\n    }\r\n\r\n    .text-line {\r\n        margin-top: -10px;\r\n        padding-left: 10px;\r\n        padding-right: 10px;\r\n        color: #e5e5e5;\r\n    }\r\n}\r\n\r\n.icon-link {\r\n    width: 20px;\r\n}\r\n\r\n.padding-left-20 {\r\n    padding-left: 20px;\r\n}\r\n\r\n.padding-right-20 {\r\n    padding-right: 20px;\r\n}\r\n\r\n.btn-copy {\r\n    margin: 5px 0px 5px 0px;\r\n    background: white;\r\n    color: black;\r\n    border: 1px solid #d5d2d2;\r\n    width: 100%;\r\n}\r\n\r\n.label-form {\r\n    font-size: 14px;\r\n}\r\n\r\n.text-center {\r\n    text-align: center;\r\n}\r\n\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.wrap-form-save-class-school {\r\n    padding-top: 20px;\r\n    background-color: white;\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-around {\r\n    justify-content: space-around\r\n}\r\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!./ModalAddMemberClassSchool.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!./ModalAddMemberClassSchool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalAddMemberClassSchool.vue?vue&type=template&id=f0788eca&scoped=true&\"\nimport script from \"./ModalAddMemberClassSchool.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalAddMemberClassSchool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalAddMemberClassSchool.vue?vue&type=style&index=0&id=f0788eca&lang=scss&scoped=true&\"\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  \"f0788eca\",\n  null\n  \n)\n\nexport default component.exports","\"use strict\";\n\nvar deselectCurrent = require(\"toggle-selection\");\n\nvar clipboardToIE11Formatting = {\n  \"text/plain\": \"Text\",\n  \"text/html\": \"Url\",\n  \"default\": \"Text\"\n}\n\nvar defaultMessage = \"Copy to clipboard: #{key}, Enter\";\n\nfunction format(message) {\n  var copyKey = (/mac os x/i.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\") + \"+C\";\n  return message.replace(/#{\\s*key\\s*}/g, copyKey);\n}\n\nfunction copy(text, options) {\n  var debug,\n    message,\n    reselectPrevious,\n    range,\n    selection,\n    mark,\n    success = false;\n  if (!options) {\n    options = {};\n  }\n  debug = options.debug || false;\n  try {\n    reselectPrevious = deselectCurrent();\n\n    range = document.createRange();\n    selection = document.getSelection();\n\n    mark = document.createElement(\"span\");\n    mark.textContent = text;\n    // avoid screen readers from reading out loud the text\n    mark.ariaHidden = \"true\"\n    // reset user styles for span element\n    mark.style.all = \"unset\";\n    // prevents scrolling to the end of the page\n    mark.style.position = \"fixed\";\n    mark.style.top = 0;\n    mark.style.clip = \"rect(0, 0, 0, 0)\";\n    // used to preserve spaces and line breaks\n    mark.style.whiteSpace = \"pre\";\n    // do not inherit user-select (it may be `none`)\n    mark.style.webkitUserSelect = \"text\";\n    mark.style.MozUserSelect = \"text\";\n    mark.style.msUserSelect = \"text\";\n    mark.style.userSelect = \"text\";\n    mark.addEventListener(\"copy\", function(e) {\n      e.stopPropagation();\n      if (options.format) {\n        e.preventDefault();\n        if (typeof e.clipboardData === \"undefined\") { // IE 11\n          debug && console.warn(\"unable to use e.clipboardData\");\n          debug && console.warn(\"trying IE specific stuff\");\n          window.clipboardData.clearData();\n          var format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting[\"default\"]\n          window.clipboardData.setData(format, text);\n        } else { // all other browsers\n          e.clipboardData.clearData();\n          e.clipboardData.setData(options.format, text);\n        }\n      }\n      if (options.onCopy) {\n        e.preventDefault();\n        options.onCopy(e.clipboardData);\n      }\n    });\n\n    document.body.appendChild(mark);\n\n    range.selectNodeContents(mark);\n    selection.addRange(range);\n\n    var successful = document.execCommand(\"copy\");\n    if (!successful) {\n      throw new Error(\"copy command was unsuccessful\");\n    }\n    success = true;\n  } catch (err) {\n    debug && console.error(\"unable to copy using execCommand: \", err);\n    debug && console.warn(\"trying IE specific stuff\");\n    try {\n      window.clipboardData.setData(options.format || \"text\", text);\n      options.onCopy && options.onCopy(window.clipboardData);\n      success = true;\n    } catch (err) {\n      debug && console.error(\"unable to copy using clipboardData: \", err);\n      debug && console.error(\"falling back to prompt\");\n      message = format(\"message\" in options ? options.message : defaultMessage);\n      window.prompt(message, text);\n    }\n  } finally {\n    if (selection) {\n      if (typeof selection.removeRange == \"function\") {\n        selection.removeRange(range);\n      } else {\n        selection.removeAllRanges();\n      }\n    }\n\n    if (mark) {\n      document.body.removeChild(mark);\n    }\n    reselectPrevious();\n  }\n\n  return success;\n}\n\nmodule.exports = copy;\n"],"sourceRoot":""}