{"version":3,"sources":["webpack:///./src/assets/img/icon/trash.svg","webpack:///./src/assets/img/icon/VectorRight.svg","webpack:///./src/assets/img/icon/openinbox.svg","webpack:///./src/views/ParentProfile/Inbox.vue?3cb3","webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///./src/views/ParentProfile/Inbox.vue?a4a7","webpack:///src/views/ParentProfile/Inbox.vue","webpack:///./src/views/ParentProfile/Inbox.vue?eb15","webpack:///./src/views/ParentProfile/Inbox.vue","webpack:///./src/assets/img/icon/unopeninbox.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","attrs","on","$event","GoToPromotion","OpenDelete","OpenClear","_m","ClearInbox","DeleteInbox","staticRenderFns","data","methods","component"],"mappings":"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","file":"js/chunk-5d773528.b4a5cdce.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/trash.6ebeb961.svg\";","module.exports = __webpack_public_path__ + \"img/VectorRight.f78e6d66.svg\";","module.exports = __webpack_public_path__ + \"img/openinbox.04fa7cb4.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!./Inbox.vue?vue&type=style&index=0&id=ac97a836&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!./Inbox.vue?vue&type=style&index=0&id=ac97a836&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/VectorLeft.3808b713.svg\";","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('div',{staticStyle:{\"clear\":\"both\"}}),_c('br'),_c('div',[_c('CRow',[_c('CButton',{staticClass:\"btn-inbox ml-4\"},[_vm._v(\"All\")]),_c('CButton',{staticClass:\"custom-btn-inbox ml-2\"},[_vm._v(\"Promotion\")]),_c('CButton',{staticClass:\"custom-btn-inbox ml-2\"},[_vm._v(\"Tutor\")]),_c('CButton',{staticClass:\"custom-btn-inbox ml-2\"},[_vm._v(\"Homework\")]),_c('CButton',{staticClass:\"custom-btn-inbox ml-2\"},[_vm._v(\"Chat\")])],1)],1),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('br'),_c('div',{staticClass:\"custom-month-title\"},[_c('label',[_vm._v(\"APRIL 2022\")])]),_c('div',{staticClass:\"list-grade\"},[_c('div',{staticClass:\"float-left\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/unopeninbox.svg\")}})]),_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"Congratulations on winni...\")]),_c('br'),_c('label',{staticClass:\"ml-3 sub-title-card text-black\"},[_vm._v(\"Promotion\")])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticClass:\"mt-3\",attrs:{\"src\":require(\"../../assets/img/icon/VectorRight.svg\")},on:{\"click\":function($event){return _vm.GoToPromotion()}}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hr')]),_c('div',{staticClass:\"list-grade\"},[_c('div',{staticClass:\"float-left\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/unopeninbox.svg\")}})]),_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"Up to 50% OFF Special Pr...\")]),_c('br'),_c('label',{staticClass:\"ml-3 sub-title-card text-black\"},[_vm._v(\"Promotion\")])]),_c('div',{staticClass:\"float-right\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/VectorRight.svg\")}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('br'),_c('div',{staticClass:\"custom-month-title\"},[_c('label',[_vm._v(\"MARCH 2022\")])])]),_c('div',{staticClass:\"list-grade\"},[_c('div',{staticClass:\"float-left\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/openinbox.svg\")}})]),_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"We have found your tutor!\")]),_c('br'),_c('label',{staticClass:\"ml-3 sub-title-card text-black\"},[_vm._v(\"Tutor\")])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticClass:\"mt-3\",attrs:{\"src\":require(\"../../assets/img/icon/VectorRight.svg\")}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hr')]),_c('div',{staticClass:\"list-grade\"},[_c('div',{staticClass:\"float-left\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/openinbox.svg\")}})]),_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"We have found your tutor!\")]),_c('br'),_c('label',{staticClass:\"ml-3 sub-title-card text-black\"},[_vm._v(\"Tutor\")])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticClass:\"mt-3\",attrs:{\"src\":require(\"../../assets/img/icon/VectorRight.svg\")}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hr')]),_c('div',{staticClass:\"list-grade\"},[_c('div',{staticClass:\"float-left\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/openinbox.svg\")}})]),_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"Math class with cikgu Amir...\")]),_c('br'),_c('label',{staticClass:\"ml-3 sub-title-card text-black\"},[_vm._v(\"Homework\")])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticClass:\"mt-3\",attrs:{\"src\":require(\"../../assets/img/icon/VectorRight.svg\")}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hr')]),_c('div',{staticClass:\"list-grade\"},[_c('div',{staticClass:\"float-left\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/openinbox.svg\")}})]),_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"Username123 replied to your...\")]),_c('br'),_c('label',{staticClass:\"ml-3 sub-title-card text-black\"},[_vm._v(\"Chat\")])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticClass:\"mt-3\",attrs:{\"src\":require(\"../../assets/img/icon/VectorRight.svg\")}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hr')])])])])]),_c('div',{staticClass:\"bottom-center\"},[_c('CButton',{staticClass:\"btn-select-red mt-5\",on:{\"click\":function($event){return _vm.OpenDelete()}}},[_vm._v(\"Delete Selected Notification\")]),_c('br'),_c('CButton',{staticClass:\"btn-cancel mt-2\",on:{\"click\":function($event){return _vm.OpenClear()}}},[_vm._v(\"Cancel\")])],1),_c('div',{staticClass:\"header-top\"},[_vm._v(\"Inbox\")]),_vm._m(0),_vm._m(1),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('CModal',{attrs:{\"size\":\"md\",\"show\":_vm.ClearInbox},on:{\"update:show\":function($event){_vm.ClearInbox=$event}}},[_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"custom-title-popup\",staticStyle:{\"color\":\"#000a2c\"}},[_vm._v(\" Clear Inbox \")]),_c('br')]),_c('div',{staticClass:\"text-center\"},[_c('h4',{staticClass:\"sub-title-header\",staticStyle:{\"color\":\"#000a2c\"}},[_vm._v(\" Are you sure you want to clear all\"),_c('br'),_vm._v(\" notification? \")]),_c('br')]),_c('div',{staticClass:\"text-center\"},[_c('CButton',{staticClass:\"btn-select-blue mt-5\"},[_vm._v(\"Yes, Clear Inbox\")])],1)]),_c('CModal',{attrs:{\"size\":\"md\",\"show\":_vm.DeleteInbox},on:{\"update:show\":function($event){_vm.DeleteInbox=$event}}},[_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"custom-title-popup\",staticStyle:{\"color\":\"#000a2c\"}},[_vm._v(\" Delete Selected Notification \")]),_c('br')]),_c('div',{staticClass:\"text-center\"},[_c('h4',{staticClass:\"sub-title-header\",staticStyle:{\"color\":\"#000a2c\"}},[_vm._v(\" Are you sure you want to delete the\"),_c('br'),_vm._v(\" selected notification? \")]),_c('br')]),_c('div',{staticClass:\"text-center\"},[_c('CButton',{staticClass:\"btn-select-blue mt-5\"},[_vm._v(\"Yes, Clear Inbox\")])],1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header-left\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/VectorLeft.svg\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header-right\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/trash.svg\")}})])}]\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            <div style=\"clear: both\"></div>\n            <br />\n            <div>\n              <CRow>\n                <CButton class=\"btn-inbox ml-4\">All</CButton>\n                <CButton class=\"custom-btn-inbox ml-2\">Promotion</CButton>\n                <CButton class=\"custom-btn-inbox ml-2\">Tutor</CButton>\n                <CButton class=\"custom-btn-inbox ml-2\">Homework</CButton>\n                <CButton class=\"custom-btn-inbox ml-2\">Chat</CButton>\n              </CRow>\n            </div>\n            <div style=\"clear: both\"></div>\n            <br />\n            <div class=\"custom-month-title\">\n              <label>APRIL 2022</label>\n            </div>\n            <div class=\"list-grade\">\n              <div class=\"float-left\"><img src=\"../../assets/img/icon/unopeninbox.svg\" /></div>\n              <div class=\"float-left\">\n                <label class=\"ml-3\">Congratulations on winni...</label>\n                <br />\n                <label class=\"ml-3 sub-title-card text-black\">Promotion</label>\n              </div>\n              <div class=\"float-right\">\n                <img class=\"mt-3\" src=\"../../assets/img/icon/VectorRight.svg\" @click=\"GoToPromotion()\" />\n              </div>\n              <div style=\"clear: both\"></div>\n              <hr />\n            </div>\n            <div class=\"list-grade\">\n              <div class=\"float-left\"><img src=\"../../assets/img/icon/unopeninbox.svg\" /></div>\n              <div class=\"float-left\">\n                <label class=\"ml-3\">Up to 50% OFF Special Pr...</label>\n                <br />\n                <label class=\"ml-3 sub-title-card text-black\">Promotion</label>\n              </div>\n              <div class=\"float-right\">\n                <img src=\"../../assets/img/icon/VectorRight.svg\" />\n              </div>\n              <div style=\"clear: both\"></div>\n              <br />\n              <div class=\"custom-month-title\">\n              <label>MARCH 2022</label>\n            </div>\n            </div>\n            <div class=\"list-grade\">\n              <div class=\"float-left\"><img src=\"../../assets/img/icon/openinbox.svg\" /></div>\n              <div class=\"float-left\">\n                <label class=\"ml-3\">We have found your tutor!</label>\n                <br />\n                <label class=\"ml-3 sub-title-card text-black\">Tutor</label>\n              </div>\n              <div class=\"float-right\">\n                <img class=\"mt-3\" src=\"../../assets/img/icon/VectorRight.svg\" />\n              </div>\n              <div style=\"clear: both\"></div>\n              <hr />\n            </div>\n            <div class=\"list-grade\">\n              <div class=\"float-left\"><img src=\"../../assets/img/icon/openinbox.svg\" /></div>\n              <div class=\"float-left\">\n                <label class=\"ml-3\">We have found your tutor!</label>\n                <br />\n                <label class=\"ml-3 sub-title-card text-black\">Tutor</label>\n              </div>\n              <div class=\"float-right\">\n                <img class=\"mt-3\" src=\"../../assets/img/icon/VectorRight.svg\" />\n              </div>\n              <div style=\"clear: both\"></div>\n              <hr />\n            </div>\n            <div class=\"list-grade\">\n              <div class=\"float-left\"><img src=\"../../assets/img/icon/openinbox.svg\" /></div>\n              <div class=\"float-left\">\n                <label class=\"ml-3\">Math class with cikgu Amir...</label>\n                <br />\n                <label class=\"ml-3 sub-title-card text-black\">Homework</label>\n              </div>\n              <div class=\"float-right\">\n                <img class=\"mt-3\" src=\"../../assets/img/icon/VectorRight.svg\" />\n              </div>\n              <div style=\"clear: both\"></div>\n              <hr />\n            </div>\n            <div class=\"list-grade\">\n              <div class=\"float-left\"><img src=\"../../assets/img/icon/openinbox.svg\" /></div>\n              <div class=\"float-left\">\n                <label class=\"ml-3\">Username123 replied to your...</label>\n                <br />\n                <label class=\"ml-3 sub-title-card text-black\">Chat</label>\n              </div>\n              <div class=\"float-right\">\n                <img class=\"mt-3\" src=\"../../assets/img/icon/VectorRight.svg\" />\n              </div>\n              <div style=\"clear: both\"></div>\n              <hr />\n            </div>\n          </div>\n        </div>\n      </div>\n    </CContainer>\n    <div class=\"bottom-center\">\n      <CButton class=\"btn-select-red mt-5\" @click=\"OpenDelete()\">Delete Selected Notification</CButton>\n      <br />\n      <CButton class=\"btn-cancel mt-2\" @click=\"OpenClear()\">Cancel</CButton>\n    </div>\n    <div class=\"header-top\">Inbox</div>\n    <div class=\"header-left\">\n      <img src=\"../../assets/img/icon/VectorLeft.svg\" />\n    </div>\n    <div class=\"header-right\">\n      <img src=\"../../assets/img/icon/trash.svg\" />\n    </div>\n    <div style=\"clear: both\"></div>\n    <CModal size=\"md\" :show.sync=\"ClearInbox\">\n      <div class=\"text-center\">\n        <h3 class=\"custom-title-popup\" style=\"color: #000a2c\">\n          Clear Inbox\n        </h3>\n        <br />\n      </div>\n      <div class=\"text-center\">\n        <h4 class=\"sub-title-header\" style=\"color: #000a2c\">\n          Are you sure you want to clear all<br />\n          notification?\n        </h4>\n        <br />\n      </div>\n      <div class=\"text-center\">\n        <CButton class=\"btn-select-blue mt-5\">Yes, Clear Inbox</CButton>\n      </div>\n    </CModal>\n\n    <CModal size=\"md\" :show.sync=\"DeleteInbox\">\n      <div class=\"text-center\">\n        <h3 class=\"custom-title-popup\" style=\"color: #000a2c\">\n          Delete Selected Notification\n        </h3>\n        <br />\n      </div>\n      <div class=\"text-center\">\n        <h4 class=\"sub-title-header\" style=\"color: #000a2c\">\n          Are you sure you want to delete the<br />\n          selected notification?\n        </h4>\n        <br />\n      </div>\n      <div class=\"text-center\">\n        <CButton class=\"btn-select-blue mt-5\">Yes, Clear Inbox</CButton>\n      </div>\n    </CModal>\n    \n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      DeleteInbox: false,\n      ClearInbox: false,\n    };\n  },\n  methods: {\n    OpenClear() {\n      this.ClearInbox = true;\n    },\n    OpenDelete() {\n      this.DeleteInbox = true;\n    },\n  },\n};\n</script>\n\n<style scoped>\n@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap\");\n\ninput {\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\ninput ::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}\nbody {\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-promo-text {\n  font-family: \"Montserrat\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 150%;\n  align-items: center;\n\n  color: #000a2c;\n}\n.custom-promo-title {\n  font-family: \"Montserrat\";\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 29px;\n\n  color: #000a2c;\n}\n.custom-slider {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0px;\n  gap: 8px;\n\n  position: absolute;\n  width: 355px;\n  height: 26px;\n  left: 20px;\n  top: 24px;\n  overflow-x: scroll;\n}\n.custom-month-title{\n  width: 335px;\nheight: 15px;\n\n/* Smallest/Semibold */\n\nfont-family: 'Montserrat';\nfont-style: normal;\nfont-weight: 600;\nfont-size: 10px;\nline-height: 150%;\n/* identical to box height, or 15px */\n\n\ncolor: #787878;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 0;\nflex-grow: 0;\n\n  margin-left: 16px;\n  margin-top: 16px;\n  margin-right: 16px;\n}\n.btn-cancel{\n  font-family: 'Montserrat';\nfont-style: normal;\nfont-weight: 600;\nfont-size: 16px;\nline-height: 150%;\n/* identical to box height, or 24px */\n\n/* Blue/Primary */\n\ncolor: #007CEF;\n}\n.btn-select-red {\n  display: -webkit-inline-box;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 12px 24px;\n  gap: 12px;\n\n  width: 335px;\n  height: 48px;\n  color: #F85954;\n\n  /* Blue/Primary */\n\n  background: #ffffff;\n  border-radius: 50px;\n  border-color: #F85954;\n\n  /* Inside auto layout */\n\n  flex: none;\n  order: 0;\n  flex-grow: 0;\n\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 150%;\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!./Inbox.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!./Inbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Inbox.vue?vue&type=template&id=ac97a836&scoped=true&\"\nimport script from \"./Inbox.vue?vue&type=script&lang=js&\"\nexport * from \"./Inbox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Inbox.vue?vue&type=style&index=0&id=ac97a836&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  \"ac97a836\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/unopeninbox.d4cb7877.svg\";"],"sourceRoot":""}