{"version":3,"sources":["webpack:///./src/assets/img/icon/trash.svg","webpack:///./src/views/Notification.vue?cbe4","webpack:///src/views/Notification.vue","webpack:///./src/views/Notification.vue?d9da","webpack:///./src/views/Notification.vue","webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///./src/views/Notification.vue?461f","webpack:///./src/assets/img/icon/chevron-right-black.svg","webpack:///./src/assets/img/icon/notired.svg","webpack:///./src/assets/img/icon/notinored.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","$event","GoBackHome","radioClick","staticStyle","clickRadio","_l","item","index","key","Id","_s","_f","createdTime","GetMessageNoti","isSeen","dataMessage","notiType","directives","name","rawName","value","expression","domProps","id","type","Array","isArray","checkNoti","_i","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","SubmitDelete","staticRenderFns","components","MainlayoutBottom","TheSidebar","TheSidebarRight","data","noti","computed","methods","GetInfoUser","$API","GetNoti","$router","push","component"],"mappings":"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","file":"js/chunk-3b1c47b4.e7648618.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/trash.6ebeb961.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"c-app-new flex-row align-items-center d-sm-down-none\"},[_c('CRow',{staticClass:\"p-0\"},[_c('CCol',{staticClass:\"p-0\",attrs:{\"sm\":\"3\"}},[_c('TheSidebar')],1),_c('CCol',{staticClass:\"p-0\",attrs:{\"sm\":\"6\"}},[_c('div',{staticClass:\"header-top\"},[_vm._v(\"Inbox\")]),_c('div',{staticClass:\"header-left\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/VectorLeft.svg\")},on:{\"click\":function($event){return _vm.GoBackHome()}}})]),_c('div',{staticClass:\"header-right\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/trash.svg\")},on:{\"click\":function($event){return _vm.radioClick()}}})]),_c('br'),_vm._v(\" \"),_c('br'),_c('CContainer',{staticClass:\"p-0 mt-5\",staticStyle:{\"justify-content\":\"center\",\"margin-top\":\"0px\"}},[_c('div',{staticClass:\"container-box-new center\"},[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"card-custom-web-new\"},[_c('br'),_c('div',[_c('CBadge',{staticClass:\"custom-badge-primary\",staticStyle:{\"width\":\"60px\"}},[_vm._v(\"All\")]),_c('CBadge',{staticClass:\"custom-badge-default ml-2 mr-2\",staticStyle:{\"width\":\"75px\"}},[_vm._v(\"Promotion\")]),_c('CBadge',{staticClass:\"custom-badge-default mr-2\",staticStyle:{\"width\":\"60px\"}},[_vm._v(\"Tutor\")]),_c('CBadge',{staticClass:\"custom-badge-default mr-2\",staticStyle:{\"width\":\"78px\"}},[_vm._v(\"Homework\")]),_c('CBadge',{staticClass:\"custom-badge-default\",staticStyle:{\"width\":\"78px\"}},[_vm._v(\"Chat\")])],1),_c('br'),_c('br'),(this.clickRadio === false)?_c('div',{staticClass:\"text-left ml-4 mr-3\"},_vm._l((_vm.noti),function(item,index){return _c('div',{key:item.Id},[_c('label',{staticClass:\"custom-month-label mt-3\"},[_vm._v(_vm._s(_vm._f(\"moment\")(item.createdTime,\"h:mm a MMMM D, YYYY\")))]),_c('CRow',{staticClass:\"p-2\",on:{\"click\":function($event){return _vm.GetMessageNoti(index)}}},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"15%\"}},[(item.isSeen===true)?_c('span',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/notinored.svg\")}})]):_c('span',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/notired.svg\")}})])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"85%\"}},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"90%\"}},[_c('label',{staticClass:\"custom-header-noti\"},[_vm._v(_vm._s(item.dataMessage))]),_c('label',{staticClass:\"custom-subheader-noti\",staticStyle:{\"text-transform\":\"capitalize\"}},[_vm._v(_vm._s(item.notiType))])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"10%\"}},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/chevron-right-black.svg\")}})])])]),_c('hr',{staticStyle:{\"padding\":\"0px\",\"margin-top\":\"auto\",\"margin-bottom\":\"auto\"}})],1)}),0):_c('div',{staticClass:\"text-left ml-4 mr-3\"},_vm._l((_vm.noti),function(item){return _c('div',{key:item.Id},[_c('label',{staticClass:\"custom-month-label mt-3\"},[_vm._v(_vm._s(_vm._f(\"moment\")(item.createdTime,\"h:mm a MMMM D, YYYY\")))]),_c('CRow',{staticClass:\"p-2\"},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"15%\"}},[(item.isSeen===true)?_c('span',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/notinored.svg\")}})]):_c('span',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/notired.svg\")}})])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"85%\"}},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"90%\"}},[_c('label',{staticClass:\"custom-header-noti\"},[_vm._v(_vm._s(item.dataMessage))]),_c('label',{staticClass:\"custom-subheader-noti\",staticStyle:{\"text-transform\":\"capitalize\"}},[_vm._v(_vm._s(item.notiType))])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"10%\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkNoti),expression:\"checkNoti\"}],attrs:{\"type\":\"checkbox\",\"id\":\"checkbox\"},domProps:{\"value\":{id:item.id,type:item.notiType},\"checked\":Array.isArray(_vm.checkNoti)?_vm._i(_vm.checkNoti,{id:item.id,type:item.notiType})>-1:(_vm.checkNoti)},on:{\"change\":function($event){var $$a=_vm.checkNoti,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v={id:item.id,type:item.notiType},$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.checkNoti=$$a.concat([$$v]))}else{$$i>-1&&(_vm.checkNoti=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.checkNoti=$$c}}}})])])]),_c('hr',{staticStyle:{\"padding\":\"0px\",\"margin-top\":\"auto\",\"margin-bottom\":\"auto\"}}),_c('div',{staticClass:\"bottom-center text-center\"},[_c('CButton',{staticClass:\"btn-delete mt-5\",staticStyle:{\"position\":\"fixed\",\"bottom\":\"50px\",\"left\":\"0px\",\"right\":\"0px\",\"text-align\":\"center\",\"margin\":\"0 auto\"},on:{\"click\":function($event){return _vm.SubmitDelete(_vm.checkNoti)}}},[_vm._v(\" Delete Selected Notification \")]),_c('br'),_vm._v(\" \"),_c('br'),_c('label',{staticStyle:{\"color\":\"#007CEF\",\"position\":\"fixed\",\"bottom\":\"15px\",\"left\":\"0px\",\"right\":\"0px\",\"text-align\":\"center\",\"margin\":\"0 auto\",\"font-weight\":\"400\",\"font-size\":\"16px\",\"line-height\":\"150%\"}},[_vm._v(\" Cancel \")])],1)],1)}),0)])])])])],1),_c('CCol',{staticClass:\"p-0\",attrs:{\"sm\":\"3\"}},[_c('TheSidebarRight',{staticClass:\"mt-3\"})],1)],1)],1),_c('div',{staticClass:\"c-app-new flex-row align-items-center d-md-none d-lg-none\"},[_c('CRow',{staticClass:\"p-0\"},[_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_c('CContainer',{staticClass:\"p-0 mt-4\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"margin-top\":\"0px\"}},[_c('div',{staticClass:\"container-box center\"},[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"card-custom-web\"},[_c('br'),_c('div',[_c('CBadge',{staticClass:\"custom-badge-primary\",staticStyle:{\"width\":\"60px\"}},[_vm._v(\"All\")]),_c('CBadge',{staticClass:\"custom-badge-default ml-2 mr-2\",staticStyle:{\"width\":\"75px\"}},[_vm._v(\"Promotion\")]),_c('CBadge',{staticClass:\"custom-badge-default mr-2\",staticStyle:{\"width\":\"60px\"}},[_vm._v(\"Tutor\")]),_c('CBadge',{staticClass:\"custom-badge-default mr-2\",staticStyle:{\"width\":\"78px\"}},[_vm._v(\"Homework\")]),_c('CBadge',{staticClass:\"custom-badge-default\",staticStyle:{\"width\":\"78px\"}},[_vm._v(\"Chat\")])],1),_c('br'),_c('br'),(this.clickRadio === false)?_c('div',{staticClass:\"text-left ml-4 mr-3\"},_vm._l((_vm.noti),function(item,index){return _c('div',{key:item.Id},[_c('label',{staticClass:\"custom-month-label mt-3\"},[_vm._v(_vm._s(_vm._f(\"moment\")(item.createdTime,\"h:mm a MMMM D, YYYY\")))]),_c('CRow',{staticClass:\"p-2\",on:{\"click\":function($event){return _vm.GetMessageNoti(index)}}},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"15%\"}},[(item.isSeen===true)?_c('span',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/notinored.svg\")}})]):_c('span',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/notired.svg\")}})])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"85%\"}},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"90%\"}},[_c('label',{staticClass:\"custom-header-noti\"},[_vm._v(_vm._s(item.dataMessage))]),_c('label',{staticClass:\"custom-subheader-noti\",staticStyle:{\"text-transform\":\"capitalize\"}},[_vm._v(_vm._s(item.notiType))])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"10%\"}},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/chevron-right-black.svg\")}})])])]),_c('hr',{staticStyle:{\"padding\":\"0px\",\"margin-top\":\"auto\",\"margin-bottom\":\"auto\"}})],1)}),0):_c('div',{staticClass:\"text-left ml-4 mr-3\"},_vm._l((_vm.noti),function(item){return _c('div',{key:item.Id},[_c('label',{staticClass:\"custom-month-label mt-3\"},[_vm._v(_vm._s(_vm._f(\"moment\")(item.createdTime,\"h:mm a MMMM D, YYYY\")))]),_c('CRow',{staticClass:\"p-2\"},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"15%\"}},[(item.isSeen===true)?_c('span',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/notinored.svg\")}})]):_c('span',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/notired.svg\")}})])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"85%\"}},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"90%\"}},[_c('label',{staticClass:\"custom-header-noti\"},[_vm._v(_vm._s(item.dataMessage))]),_c('label',{staticClass:\"custom-subheader-noti\",staticStyle:{\"text-transform\":\"capitalize\"}},[_vm._v(_vm._s(item.notiType))])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"10%\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkNoti),expression:\"checkNoti\"}],attrs:{\"type\":\"checkbox\",\"id\":\"checkbox\"},domProps:{\"value\":{id:item.id,type:item.notiType},\"checked\":Array.isArray(_vm.checkNoti)?_vm._i(_vm.checkNoti,{id:item.id,type:item.notiType})>-1:(_vm.checkNoti)},on:{\"change\":function($event){var $$a=_vm.checkNoti,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v={id:item.id,type:item.notiType},$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.checkNoti=$$a.concat([$$v]))}else{$$i>-1&&(_vm.checkNoti=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.checkNoti=$$c}}}})])])]),_c('hr',{staticStyle:{\"padding\":\"0px\",\"margin-top\":\"auto\",\"margin-bottom\":\"auto\"}}),_c('div',{staticClass:\"bottom-center text-center\"},[_c('CButton',{staticClass:\"btn-delete mt-5\",staticStyle:{\"position\":\"fixed\",\"bottom\":\"50px\",\"left\":\"0px\",\"right\":\"0px\",\"text-align\":\"center\",\"margin\":\"0 auto\"},on:{\"click\":function($event){return _vm.SubmitDelete(_vm.checkNoti)}}},[_vm._v(\" Delete Selected Notification \")]),_c('br'),_vm._v(\" \"),_c('br'),_c('label',{staticStyle:{\"color\":\"#007CEF\",\"position\":\"fixed\",\"bottom\":\"15px\",\"left\":\"0px\",\"right\":\"0px\",\"text-align\":\"center\",\"margin\":\"0 auto\",\"font-weight\":\"400\",\"font-size\":\"16px\",\"line-height\":\"150%\"}},[_vm._v(\" Cancel \")])],1)],1)}),0)])])]),_c('MainlayoutBottom')],1),_c('div',{staticClass:\"header-top\"},[_vm._v(\"Inbox\")]),_c('div',{staticClass:\"header-left\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/VectorLeft.svg\")},on:{\"click\":function($event){return _vm.GoBackHome()}}})]),_c('div',{staticClass:\"header-right\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/trash.svg\")},on:{\"click\":function($event){return _vm.radioClick()}}})])],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n   <div>\n        <div class=\"c-app-new flex-row align-items-center d-sm-down-none\">\n            <CRow class=\"p-0\">\n                <CCol sm=\"3\" class=\"p-0\">\n                    <TheSidebar></TheSidebar>\n                </CCol>\n                <CCol sm=\"6\" class=\"p-0\">\n                  <div class=\"header-top\">Inbox</div>\n    <div class=\"header-left\">\n      <img src=\"../assets/img/icon/VectorLeft.svg\" @click=\"GoBackHome()\"/>\n    </div>\n    <div class=\"header-right\" >\n      <img src=\"../assets/img/icon/trash.svg\" @click=\"radioClick()\"/>\n    </div>\n    <br /> <br />\n                  <CContainer style=\"justify-content: center;margin-top:0px\" class=\"p-0 mt-5\">\n      <div class=\"container-box-new center\">\n        <div class=\"text-center\">\n          <div class=\"card-custom-web-new\">\n            <br />\n            <div>\n             <CBadge style=\"width: 60px\" class=\"custom-badge-primary\"\n              >All</CBadge\n            >\n            <CBadge style=\"width: 75px\" class=\"custom-badge-default ml-2 mr-2\"\n              >Promotion</CBadge\n            >\n            <CBadge style=\"width: 60px\" class=\"custom-badge-default mr-2\"\n              >Tutor</CBadge\n            >\n            <CBadge style=\"width: 78px\" class=\"custom-badge-default mr-2\"\n              >Homework</CBadge\n            >\n            <CBadge style=\"width: 78px\" class=\"custom-badge-default\"\n              >Chat</CBadge\n            ></div>\n           \n\n            <br /><br />\n            <div v-if=\"this.clickRadio === false\" class=\"text-left ml-4 mr-3\">\n              <div v-for=\"(item,index) in noti\" v-bind:key=\"item.Id\">\n              <label class=\"custom-month-label mt-3\">{{ item.createdTime | moment(\"h:mm a MMMM D, YYYY\") }}</label>\n              <CRow class=\"p-2\" @click=\"GetMessageNoti(index)\">\n                <div style=\"width: 15%\" class=\"float-left\">\n                <span v-if=\"item.isSeen===true\">\n                <img src=\"../assets/img/icon/notinored.svg\" />\n                </span>\n                  <span v-else>\n                    <img src=\"../assets/img/icon/notired.svg\" />\n                  </span>\n                  \n                </div>\n                <div style=\"width: 85%\" class=\"float-right\">\n                  <div style=\"width: 90%\" class=\"float-left\">\n                    <label class=\"custom-header-noti\"\n                      >{{ item.dataMessage }}</label\n                    >\n                    <label class=\"custom-subheader-noti\" style=\"text-transform: capitalize;\" >{{ item.notiType }}</label>\n                  </div>\n                    <div style=\"width: 10%\" class=\"float-right\">\n                      <img src=\"../assets/img/icon/chevron-right-black.svg\" />\n                    </div>\n                </div>\n              </CRow>\n              <hr style=\"padding: 0px; margin-top: auto; margin-bottom: auto\" />\n              </div>\n              <!-- <CRow class=\"p-2\">\n                <div style=\"width: 15%\" class=\"float-left\">\n                  <img src=\"../assets/img/icon/notired.svg\" />\n                </div>\n                <div style=\"width: 85%\" class=\"float-right\">\n                <div style=\"width: 90%\" class=\"float-left\">\n               \n                  <label class=\"custom-header-noti\"\n                    >Congratulations on winni...</label\n                  >\n                  <label class=\"custom-subheader-noti\">Promotion</label>\n                   </div>\n                   <div style=\"width: 10%\" class=\"float-right\">\n                    <img src=\"../assets/img/icon/chevron-right-black.svg\" /></div>\n                </div>\n              </CRow> -->\n            </div>\n\n            <div v-else class=\"text-left ml-4 mr-3\">\n              <div v-for=\"item in noti\" v-bind:key=\"item.Id\">\n                <label class=\"custom-month-label mt-3\">{{ item.createdTime | moment(\"h:mm a MMMM D, YYYY\") }}</label>\n                <CRow class=\"p-2\">\n                  <div style=\"width: 15%\" class=\"float-left\">\n                    <span v-if=\"item.isSeen===true\">\n                      <img src=\"../assets/img/icon/notinored.svg\" />\n                    </span>\n                    <span v-else>\n                      <img src=\"../assets/img/icon/notired.svg\" />\n                    </span>\n                  </div>\n                  <div style=\"width: 85%\" class=\"float-right\">\n                    <div style=\"width: 90%\" class=\"float-left\">\n                      <label class=\"custom-header-noti\">{{ item.dataMessage }}</label>\n                      <label class=\"custom-subheader-noti\" style=\"text-transform: capitalize;\" >{{ item.notiType }}</label>\n                    </div>\n                    <div style=\"width: 10%\" class=\"float-right\">\n                      <input type=\"checkbox\" id=\"checkbox\" :value=\"{id:item.id,type:item.notiType}\" v-model=\"checkNoti\" />\n                      <!-- <label for=\"item\">{{item.id}}</label>\n                      <div>Checked noti: {{ checkNoti }}</div> -->\n                    </div>\n                  </div>\n                </CRow>\n                <hr style=\"padding: 0px; margin-top: auto; margin-bottom: auto\" />\n              \n\n                <div class=\"bottom-center text-center\">\n                  <CButton style=\"\n                    position: fixed;\n                    bottom: 50px;\n                    left: 0px;\n                    right: 0px;\n                    text-align: center;\n                    margin: 0 auto;\" \n                    class=\"btn-delete mt-5\" @click=\"SubmitDelete(checkNoti)\" \n                  >\n                    Delete Selected Notification\n                  </CButton>\n                  <br /> <br />\n                  <label style=\"\n                    color: #007CEF; \n                    position: fixed; \n                    bottom: 15px; \n                    left: 0px;\n                    right: 0px;\n                    text-align: center;\n                    margin: 0 auto; \n                    font-weight: 400;\n                    font-size: 16px;\n                    line-height: 150%;\" \n                  >\n                    Cancel\n                  </label>\n                </div>\n              </div>\n            </div>\n\n            \n\n            \n\n          </div>\n        </div>\n      </div>\n    </CContainer>\n\n   \n    </CCol>\n    <CCol sm=\"3\" class=\"p-0\">\n          <TheSidebarRight class=\"mt-3\"></TheSidebarRight></CCol>\n        </CRow>\n        </div>\n\n        <div class=\"c-app-new flex-row align-items-center d-md-none d-lg-none\">\n        <CRow class=\"p-0\">\n      <br /> <br /> <br /> <br /> \n        <CContainer style=\"display: flex; justify-content: center;margin-top:0px\" class=\"p-0 mt-4\">\n          <div class=\"container-box center\">\n        <div class=\"text-center\">\n          <div class=\"card-custom-web\">\n            <br />\n            <div>\n             <CBadge style=\"width: 60px\" class=\"custom-badge-primary\"\n              >All</CBadge\n            >\n            <CBadge style=\"width: 75px\" class=\"custom-badge-default ml-2 mr-2\"\n              >Promotion</CBadge\n            >\n            <CBadge style=\"width: 60px\" class=\"custom-badge-default mr-2\"\n              >Tutor</CBadge\n            >\n            <CBadge style=\"width: 78px\" class=\"custom-badge-default mr-2\"\n              >Homework</CBadge\n            >\n            <CBadge style=\"width: 78px\" class=\"custom-badge-default\"\n              >Chat</CBadge\n            ></div>\n           \n\n            <br /><br />\n            <div v-if=\"this.clickRadio === false\" class=\"text-left ml-4 mr-3\">\n              <div v-for=\"(item,index) in noti\" v-bind:key=\"item.Id\">\n              <label class=\"custom-month-label mt-3\">{{ item.createdTime | moment(\"h:mm a MMMM D, YYYY\") }}</label>\n              <CRow class=\"p-2\" @click=\"GetMessageNoti(index)\">\n                <div style=\"width: 15%\" class=\"float-left\">\n                <span v-if=\"item.isSeen===true\">\n                <img src=\"../assets/img/icon/notinored.svg\" />\n                </span>\n                  <span v-else>\n                    <img src=\"../assets/img/icon/notired.svg\" />\n                  </span>\n                  \n                </div>\n                <div style=\"width: 85%\" class=\"float-right\">\n                  <div style=\"width: 90%\" class=\"float-left\">\n                    <label class=\"custom-header-noti\"\n                      >{{ item.dataMessage }}</label\n                    >\n                    <label class=\"custom-subheader-noti\" style=\"text-transform: capitalize;\" >{{ item.notiType }}</label>\n                  </div>\n                    <div style=\"width: 10%\" class=\"float-right\">\n                      <img src=\"../assets/img/icon/chevron-right-black.svg\" />\n                    </div>\n                </div>\n              </CRow>\n              <hr style=\"padding: 0px; margin-top: auto; margin-bottom: auto\" />\n              </div>\n              <!-- <CRow class=\"p-2\">\n                <div style=\"width: 15%\" class=\"float-left\">\n                  <img src=\"../assets/img/icon/notired.svg\" />\n                </div>\n                <div style=\"width: 85%\" class=\"float-right\">\n                <div style=\"width: 90%\" class=\"float-left\">\n               \n                  <label class=\"custom-header-noti\"\n                    >Congratulations on winni...</label\n                  >\n                  <label class=\"custom-subheader-noti\">Promotion</label>\n                   </div>\n                   <div style=\"width: 10%\" class=\"float-right\">\n                    <img src=\"../assets/img/icon/chevron-right-black.svg\" /></div>\n                </div>\n              </CRow> -->\n            </div>\n\n            <div v-else class=\"text-left ml-4 mr-3\">\n              <div v-for=\"item in noti\" v-bind:key=\"item.Id\">\n                <label class=\"custom-month-label mt-3\">{{ item.createdTime | moment(\"h:mm a MMMM D, YYYY\") }}</label>\n                <CRow class=\"p-2\">\n                  <div style=\"width: 15%\" class=\"float-left\">\n                    <span v-if=\"item.isSeen===true\">\n                      <img src=\"../assets/img/icon/notinored.svg\" />\n                    </span>\n                    <span v-else>\n                      <img src=\"../assets/img/icon/notired.svg\" />\n                    </span>\n                  </div>\n                  <div style=\"width: 85%\" class=\"float-right\">\n                    <div style=\"width: 90%\" class=\"float-left\">\n                      <label class=\"custom-header-noti\">{{ item.dataMessage }}</label>\n                      <label class=\"custom-subheader-noti\" style=\"text-transform: capitalize;\" >{{ item.notiType }}</label>\n                    </div>\n                    <div style=\"width: 10%\" class=\"float-right\">\n                      <input type=\"checkbox\" id=\"checkbox\" :value=\"{id:item.id,type:item.notiType}\" v-model=\"checkNoti\" />\n                      <!-- <label for=\"item\">{{item.id}}</label>\n                      <div>Checked noti: {{ checkNoti }}</div> -->\n                    </div>\n                  </div>\n                </CRow>\n                <hr style=\"padding: 0px; margin-top: auto; margin-bottom: auto\" />\n              \n\n                <div class=\"bottom-center text-center\">\n                  <CButton style=\"\n                    position: fixed;\n                    bottom: 50px;\n                    left: 0px;\n                    right: 0px;\n                    text-align: center;\n                    margin: 0 auto;\" \n                    class=\"btn-delete mt-5\" @click=\"SubmitDelete(checkNoti)\" \n                  >\n                    Delete Selected Notification\n                  </CButton>\n                  <br /> <br />\n                  <label style=\"\n                    color: #007CEF; \n                    position: fixed; \n                    bottom: 15px; \n                    left: 0px;\n                    right: 0px;\n                    text-align: center;\n                    margin: 0 auto; \n                    font-weight: 400;\n                    font-size: 16px;\n                    line-height: 150%;\" \n                  >\n                    Cancel\n                  </label>\n                </div>\n              </div>\n            </div>\n\n            \n\n            \n\n          </div>\n        </div>\n      </div>\n      <MainlayoutBottom></MainlayoutBottom>\n    </CContainer>\n    <div class=\"header-top\">Inbox</div>\n    <div class=\"header-left\">\n      <img src=\"../assets/img/icon/VectorLeft.svg\" @click=\"GoBackHome()\"/>\n    </div>\n    <div class=\"header-right\" >\n      <img src=\"../assets/img/icon/trash.svg\" @click=\"radioClick()\"/>\n    </div>\n    </CRow>\n    </div>\n  \n   \n  </div>\n</template>\n\n\n\n<script>\n\nimport Vue from \"vue\";\nVue.use(require(\"vue-moment\"));\nimport MainlayoutBottom from \"../containers/TheBottomCustom.vue\";\nimport TheSidebar from \"../containers/TheCustomSidebar.vue\";\nimport TheSidebarRight from \"../containers/TheCustomSidebarRight.vue\";\n\n\nexport default {\n  components: {\n    MainlayoutBottom,\n    TheSidebar,\n    TheSidebarRight\n  },\n  data: function () {\n    return {\n      noti: [],\n      clickRadio: false,\n      // id: \"\",\n      // noti: \"\",\n      // selectedId: \"\",\n      // selectedType: \"\",\n      checkNoti: [],\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  computed: {\n    noti(){\n    return groupBy(this.noti, 'notiType')\n  }\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.GetNoti(this.user.id);\n            this.GetMessageNoti(this.user.id);\n          }\n        });\n    },\n\n    GetNoti() {\n      this.$API\n        .get(this.$NotiUser + \"?id=\" + this.user.id + \"&limit=100\", {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.noti = response.data;\n          }\n        });\n    },\n\n    // getIdType(id) {\n    //   for (var index = 0; index < this.noti.length; index++) {\n    //     var element = this.noti[index];\n    //     if (element.id === id) {\n    //       console.log(\"tryData\", element);\n    //       this.selectedId = element.id;\n    //       // this.selectedType = type;\n\n    //       console.log(\"tryid\", this.selectedId);\n    //       // console.log(\"try type\", this.selectedType);\n    //     }\n    //   }\n    // },\n\n  SubmitDelete: function (checkNoti) {\n    const formData = new FormData();\n    //var notify = checkNoti;\n    let itemsData = JSON.stringify(checkNoti);\n    formData.append(\"items\", itemsData);\n    // console.log(\"TRY\", notify);\n\n    // let itemsData = notify;\n    // console.log(\"itemsData\", itemsData);\n    // const formData = new FormData();\n    // for (var index = 0; index < this.noti.length; index++) {\n    //   var notification = this.noti[index];\n    //   if (notification.id === checkNoti) {\n    //     let itemsData = JSON.stringify([{\"id\": checkNoti, \"type\": notification.notiType}]);\n    //     console.log(\"itemsTry\", itemsData);\n    //     console.log(\"nId\", checkNoti);\n    //     console.log(\"nType\", notification.notiType);\n    //     //formData.append(\"items\", itemsData);\n    //   }\n    // }\n\n    return this.$API\n    .post(this.$RemoveNotificationsNewv1, 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.Message = response.data.Message;\n        this.SuccessMessage = true;\n        this.GoToAllSet();\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     GoBack() {\n     this.$router.back();\n    },\n\n     GetMessageNoti(index) {\n\n      this.$router.push(\n        \"/DetailNotification?id=\" + this.user.id + \"&take=\" + this.noti[index].id + \"&notiType=\" + this.noti[index].notiType\n      );\n    },\n\n    radioClick() \n    {\n      this.clickRadio = true;\n    },\n    GoBackHome() {\n      this.$router.push(\"ExistingUser\");\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.card-custom-web {\n  max-width: 700px;\n  left: 0px;\n  margin-top: 129px;\n  height: auto;\n\n  /* Off white */\n\n  background: #f9f9f9;\n  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);\n  border-radius: 32px 0px 0px 0px;\n  color: #000;\n}\n\n.btn-delete {\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!./Notification.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!./Notification.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Notification.vue?vue&type=template&id=6e0e5061&scoped=true&\"\nimport script from \"./Notification.vue?vue&type=script&lang=js&\"\nexport * from \"./Notification.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Notification.vue?vue&type=style&index=0&id=6e0e5061&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  \"6e0e5061\",\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!./Notification.vue?vue&type=style&index=0&id=6e0e5061&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!./Notification.vue?vue&type=style&index=0&id=6e0e5061&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/chevron-right-black.3ba64a7a.svg\";","module.exports = __webpack_public_path__ + \"img/notired.f81434ca.svg\";","module.exports = __webpack_public_path__ + \"img/notinored.d3cf3ba0.svg\";"],"sourceRoot":""}