\r\n Father Name: {{searchResultDetails.FatherFullName}}\r\n Mother Name: {{searchResultDetails.MotherFullName}}\r\n
\r\n Edit Parents Details\r\n
\r\n \r\n
\r\n Class\r\n
\r\n Name: {{searchResultDetails.CLS_ClassName}}\r\n Name: No Active Class\r\n Level: {{searchResultDetails.CRS_Course_Name}}\r\n Level: No Active Level\r\n
\r\n Edit Class\r\n
\r\n \r\n
\r\n Bus\r\n
\r\n Bus: No Bus Assign\r\n
\r\n
\r\n Bus: {{busNoItem}}\r\n
\r\n
\r\n
\r\n\r\n
\r\n Details for \"\"\r\n \r\n
\r\n Parent\r\n
\r\n Father Name: {{searchResultDetails.ParentFatherFullName}}\r\n Mother Name: {{searchResultDetails.ParentMotherFullName}}\r\n Number of Child: {{searchResultDetails.NumberOfChild}}\r\n Father Phone Number: \r\n Father Phone Number: -\r\n Mother Phone Number: \r\n Mother Phone Number: -\r\n
\r\n Edit Parents Details\r\n
\r\n \r\n
\r\n \r\n Personal Email\r\n \r\n
\r\n Father: \r\n Mother: \r\n Guardian: \r\n
\r\n \r\n Company Email\r\n \r\n
\r\n Father: \r\n Mother: \r\n Guardian: \r\n Third Party: \r\n
\r\n
\r\n
\r\n\r\n
\r\n Details for \"\"\r\n \r\n
\r\n Class\r\n
\r\n Class Name: {{searchResultDetails.Display}}\r\n
\r\n\r\n \r\n Session expired, press ok to continue login, press cancel to logout\r\n \r\n
\r\n
\r\n Cancel\r\n
\r\n
\r\n OK\r\n
\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n","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!./App.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!./App.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=62cfb685\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=62cfb685&prod&lang=css\"\nimport style1 from \"./App.vue?vue&type=style&index=1&id=62cfb685&prod&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/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./PublicEvent.vue?vue&type=style&index=0&id=63b45530&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/china.6112349a.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./IncidentForm.vue?vue&type=style&index=0&id=3fc8aa8c&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./MainNotificationComponent.vue?vue&type=style&index=0&id=5e4f4eda&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StudentReceiptDetail.vue?vue&type=style&index=0&id=52451e14&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./PortfolioDetails.vue?vue&type=style&index=1&id=0ed6fa1c&prod&lang=css\"","module.exports = __webpack_public_path__ + \"img/Right.892e0aaf.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./checkAnimation.vue?vue&type=style&index=0&id=a5a38db0&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./TermlyReport.vue?vue&type=style&index=1&id=647a632f&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StaffScanTemperature.vue?vue&type=style&index=0&id=2dfa8fac&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./MyChild.vue?vue&type=style&index=0&id=79b73cbd&prod&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACCSURBVHgBxZDBEUAwEEX/ogBHbnSgBDpRgKEFNaQCncmNmwaYxSWZzCQxycVeMvPy//7dJZTTCnCFsJKZMjGk8UXw8SpTYBe1IShH9vEEkRVt1KMWQ2tVODipXaITmRezJfU+rhM3QYbgg/961XG2Khz83fF43hzBicnZ4UqbIBdY3mFBJ4B1W+EmAAAAAElFTkSuQmCC\"","var map = {\n\t\"./af\": \"2bfb\",\n\t\"./af.js\": \"2bfb\",\n\t\"./ar\": \"8e73\",\n\t\"./ar-dz\": \"a356\",\n\t\"./ar-dz.js\": \"a356\",\n\t\"./ar-kw\": \"423e\",\n\t\"./ar-kw.js\": \"423e\",\n\t\"./ar-ly\": \"1cfd\",\n\t\"./ar-ly.js\": \"1cfd\",\n\t\"./ar-ma\": \"0a84\",\n\t\"./ar-ma.js\": \"0a84\",\n\t\"./ar-ps\": \"4c98\",\n\t\"./ar-ps.js\": \"4c98\",\n\t\"./ar-sa\": \"8230\",\n\t\"./ar-sa.js\": \"8230\",\n\t\"./ar-tn\": \"6d83\",\n\t\"./ar-tn.js\": \"6d83\",\n\t\"./ar.js\": \"8e73\",\n\t\"./az\": \"485c\",\n\t\"./az.js\": \"485c\",\n\t\"./be\": \"1fc1\",\n\t\"./be.js\": \"1fc1\",\n\t\"./bg\": \"84aa\",\n\t\"./bg.js\": \"84aa\",\n\t\"./bm\": \"a7fa\",\n\t\"./bm.js\": \"a7fa\",\n\t\"./bn\": \"9043\",\n\t\"./bn-bd\": \"9686\",\n\t\"./bn-bd.js\": \"9686\",\n\t\"./bn.js\": \"9043\",\n\t\"./bo\": \"d26a\",\n\t\"./bo.js\": \"d26a\",\n\t\"./br\": \"6887\",\n\t\"./br.js\": \"6887\",\n\t\"./bs\": \"2554\",\n\t\"./bs.js\": \"2554\",\n\t\"./ca\": \"d716\",\n\t\"./ca.js\": \"d716\",\n\t\"./cs\": \"3c0d\",\n\t\"./cs.js\": \"3c0d\",\n\t\"./cv\": \"03ec\",\n\t\"./cv.js\": \"03ec\",\n\t\"./cy\": \"9797\",\n\t\"./cy.js\": \"9797\",\n\t\"./da\": \"0f14\",\n\t\"./da.js\": \"0f14\",\n\t\"./de\": \"b469\",\n\t\"./de-at\": \"b3eb\",\n\t\"./de-at.js\": \"b3eb\",\n\t\"./de-ch\": \"bb71\",\n\t\"./de-ch.js\": \"bb71\",\n\t\"./de.js\": \"b469\",\n\t\"./dv\": \"598a\",\n\t\"./dv.js\": \"598a\",\n\t\"./el\": \"8d47\",\n\t\"./el.js\": \"8d47\",\n\t\"./en-au\": \"0e6b\",\n\t\"./en-au.js\": \"0e6b\",\n\t\"./en-ca\": \"3886\",\n\t\"./en-ca.js\": \"3886\",\n\t\"./en-gb\": \"39a6\",\n\t\"./en-gb.js\": \"39a6\",\n\t\"./en-ie\": \"e1d3\",\n\t\"./en-ie.js\": \"e1d3\",\n\t\"./en-il\": \"7333\",\n\t\"./en-il.js\": \"7333\",\n\t\"./en-in\": \"ec2e\",\n\t\"./en-in.js\": \"ec2e\",\n\t\"./en-nz\": \"6f50\",\n\t\"./en-nz.js\": \"6f50\",\n\t\"./en-sg\": \"b7e9\",\n\t\"./en-sg.js\": \"b7e9\",\n\t\"./eo\": \"65db\",\n\t\"./eo.js\": \"65db\",\n\t\"./es\": \"898b\",\n\t\"./es-do\": \"0a3c\",\n\t\"./es-do.js\": \"0a3c\",\n\t\"./es-mx\": \"b5b7\",\n\t\"./es-mx.js\": \"b5b7\",\n\t\"./es-us\": \"55c9\",\n\t\"./es-us.js\": \"55c9\",\n\t\"./es.js\": \"898b\",\n\t\"./et\": \"ec18\",\n\t\"./et.js\": \"ec18\",\n\t\"./eu\": \"0ff2\",\n\t\"./eu.js\": \"0ff2\",\n\t\"./fa\": \"8df4\",\n\t\"./fa.js\": \"8df4\",\n\t\"./fi\": \"81e9\",\n\t\"./fi.js\": \"81e9\",\n\t\"./fil\": \"d69a\",\n\t\"./fil.js\": \"d69a\",\n\t\"./fo\": \"0721\",\n\t\"./fo.js\": \"0721\",\n\t\"./fr\": \"9f26\",\n\t\"./fr-ca\": \"d9f8\",\n\t\"./fr-ca.js\": \"d9f8\",\n\t\"./fr-ch\": \"0e49\",\n\t\"./fr-ch.js\": \"0e49\",\n\t\"./fr.js\": \"9f26\",\n\t\"./fy\": \"7118\",\n\t\"./fy.js\": \"7118\",\n\t\"./ga\": \"5120\",\n\t\"./ga.js\": \"5120\",\n\t\"./gd\": \"f6b4\",\n\t\"./gd.js\": \"f6b4\",\n\t\"./gl\": \"8840\",\n\t\"./gl.js\": \"8840\",\n\t\"./gom-deva\": \"aaf2\",\n\t\"./gom-deva.js\": \"aaf2\",\n\t\"./gom-latn\": \"0caa\",\n\t\"./gom-latn.js\": \"0caa\",\n\t\"./gu\": \"e0c5\",\n\t\"./gu.js\": \"e0c5\",\n\t\"./he\": \"c7aa\",\n\t\"./he.js\": \"c7aa\",\n\t\"./hi\": \"dc4d\",\n\t\"./hi.js\": \"dc4d\",\n\t\"./hr\": \"4ba9\",\n\t\"./hr.js\": \"4ba9\",\n\t\"./hu\": \"5b14\",\n\t\"./hu.js\": \"5b14\",\n\t\"./hy-am\": \"d6b6\",\n\t\"./hy-am.js\": \"d6b6\",\n\t\"./id\": \"5038\",\n\t\"./id.js\": \"5038\",\n\t\"./is\": \"0558\",\n\t\"./is.js\": \"0558\",\n\t\"./it\": \"6e98\",\n\t\"./it-ch\": \"6f12\",\n\t\"./it-ch.js\": \"6f12\",\n\t\"./it.js\": \"6e98\",\n\t\"./ja\": \"079e\",\n\t\"./ja.js\": \"079e\",\n\t\"./jv\": \"b540\",\n\t\"./jv.js\": \"b540\",\n\t\"./ka\": \"201b\",\n\t\"./ka.js\": \"201b\",\n\t\"./kk\": \"6d79\",\n\t\"./kk.js\": \"6d79\",\n\t\"./km\": \"e81d\",\n\t\"./km.js\": \"e81d\",\n\t\"./kn\": \"3e92\",\n\t\"./kn.js\": \"3e92\",\n\t\"./ko\": \"22f8\",\n\t\"./ko.js\": \"22f8\",\n\t\"./ku\": \"2421\",\n\t\"./ku-kmr\": \"7558\",\n\t\"./ku-kmr.js\": \"7558\",\n\t\"./ku.js\": \"2421\",\n\t\"./ky\": \"9609\",\n\t\"./ky.js\": \"9609\",\n\t\"./lb\": \"440c\",\n\t\"./lb.js\": \"440c\",\n\t\"./lo\": \"b29d\",\n\t\"./lo.js\": \"b29d\",\n\t\"./lt\": \"26f9\",\n\t\"./lt.js\": \"26f9\",\n\t\"./lv\": \"b97c\",\n\t\"./lv.js\": \"b97c\",\n\t\"./me\": \"293c\",\n\t\"./me.js\": \"293c\",\n\t\"./mi\": \"688b\",\n\t\"./mi.js\": \"688b\",\n\t\"./mk\": \"6909\",\n\t\"./mk.js\": \"6909\",\n\t\"./ml\": \"02fb\",\n\t\"./ml.js\": \"02fb\",\n\t\"./mn\": \"958b\",\n\t\"./mn.js\": \"958b\",\n\t\"./mr\": \"39bd\",\n\t\"./mr.js\": \"39bd\",\n\t\"./ms\": \"ebe4\",\n\t\"./ms-my\": \"6403\",\n\t\"./ms-my.js\": \"6403\",\n\t\"./ms.js\": \"ebe4\",\n\t\"./mt\": \"1b45\",\n\t\"./mt.js\": \"1b45\",\n\t\"./my\": \"8689\",\n\t\"./my.js\": \"8689\",\n\t\"./nb\": \"6ce3\",\n\t\"./nb.js\": \"6ce3\",\n\t\"./ne\": \"3a39\",\n\t\"./ne.js\": \"3a39\",\n\t\"./nl\": \"facd\",\n\t\"./nl-be\": \"db29\",\n\t\"./nl-be.js\": \"db29\",\n\t\"./nl.js\": \"facd\",\n\t\"./nn\": \"b84c\",\n\t\"./nn.js\": \"b84c\",\n\t\"./oc-lnc\": \"167b\",\n\t\"./oc-lnc.js\": \"167b\",\n\t\"./pa-in\": \"f3ff\",\n\t\"./pa-in.js\": \"f3ff\",\n\t\"./pl\": \"8d57\",\n\t\"./pl.js\": \"8d57\",\n\t\"./pt\": \"f260\",\n\t\"./pt-br\": \"d2d4\",\n\t\"./pt-br.js\": \"d2d4\",\n\t\"./pt.js\": \"f260\",\n\t\"./ro\": \"972c\",\n\t\"./ro.js\": \"972c\",\n\t\"./ru\": \"957c\",\n\t\"./ru.js\": \"957c\",\n\t\"./sd\": \"6784\",\n\t\"./sd.js\": \"6784\",\n\t\"./se\": \"ffff\",\n\t\"./se.js\": \"ffff\",\n\t\"./si\": \"eda5\",\n\t\"./si.js\": \"eda5\",\n\t\"./sk\": \"7be6\",\n\t\"./sk.js\": \"7be6\",\n\t\"./sl\": \"8155\",\n\t\"./sl.js\": \"8155\",\n\t\"./sq\": \"c8f3\",\n\t\"./sq.js\": \"c8f3\",\n\t\"./sr\": \"cf1e\",\n\t\"./sr-cyrl\": \"13e9\",\n\t\"./sr-cyrl.js\": \"13e9\",\n\t\"./sr.js\": \"cf1e\",\n\t\"./ss\": \"52bd\",\n\t\"./ss.js\": \"52bd\",\n\t\"./sv\": \"5fbd\",\n\t\"./sv.js\": \"5fbd\",\n\t\"./sw\": \"74dc\",\n\t\"./sw.js\": \"74dc\",\n\t\"./ta\": \"3de5\",\n\t\"./ta.js\": \"3de5\",\n\t\"./te\": \"5cbb\",\n\t\"./te.js\": \"5cbb\",\n\t\"./tet\": \"576c\",\n\t\"./tet.js\": \"576c\",\n\t\"./tg\": \"3b1b\",\n\t\"./tg.js\": \"3b1b\",\n\t\"./th\": \"10e8\",\n\t\"./th.js\": \"10e8\",\n\t\"./tk\": \"5aff\",\n\t\"./tk.js\": \"5aff\",\n\t\"./tl-ph\": \"0f38\",\n\t\"./tl-ph.js\": \"0f38\",\n\t\"./tlh\": \"cf75\",\n\t\"./tlh.js\": \"cf75\",\n\t\"./tr\": \"0e81\",\n\t\"./tr.js\": \"0e81\",\n\t\"./tzl\": \"cf51\",\n\t\"./tzl.js\": \"cf51\",\n\t\"./tzm\": \"c109\",\n\t\"./tzm-latn\": \"b53d\",\n\t\"./tzm-latn.js\": \"b53d\",\n\t\"./tzm.js\": \"c109\",\n\t\"./ug-cn\": \"6117\",\n\t\"./ug-cn.js\": \"6117\",\n\t\"./uk\": \"ada2\",\n\t\"./uk.js\": \"ada2\",\n\t\"./ur\": \"5294\",\n\t\"./ur.js\": \"5294\",\n\t\"./uz\": \"2e8c\",\n\t\"./uz-latn\": \"010e\",\n\t\"./uz-latn.js\": \"010e\",\n\t\"./uz.js\": \"2e8c\",\n\t\"./vi\": \"2921\",\n\t\"./vi.js\": \"2921\",\n\t\"./x-pseudo\": \"fd7e\",\n\t\"./x-pseudo.js\": \"fd7e\",\n\t\"./yo\": \"7f33\",\n\t\"./yo.js\": \"7f33\",\n\t\"./zh-cn\": \"5c3a\",\n\t\"./zh-cn.js\": \"5c3a\",\n\t\"./zh-hk\": \"49ab\",\n\t\"./zh-hk.js\": \"49ab\",\n\t\"./zh-mo\": \"3a6c\",\n\t\"./zh-mo.js\": \"3a6c\",\n\t\"./zh-tw\": \"90ea\",\n\t\"./zh-tw.js\": \"90ea\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"4678\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./ClassAttendanceReport.vue?vue&type=style&index=0&id=58fb915d&prod&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC5SURBVHgBnZGxDcIwEEX/JQiFzmVSETZhBTaAjiYhKzBBFCFRZwNWgAnICJRIFKQjUoQPy6YALNkir/CdTvq+f3eEJL8DEGBe4bqrEWdLgFI4GGnBJ0SlVbNEzLVJ+WKCXLgECGWLIRCSTQmSAv2zwm3fIF6nTkUXtWomLsCk2oYnVWpA4zNcM02kXsQ3jEo9UzgRhfBa+iFA1An8iVpEzsbW+7hJdoD3TvY/c7+IsTVpf9ThEcx8ll/hyjH91w1txQAAAABJRU5ErkJggg==\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StaffBroadcast.vue?vue&type=style&index=0&id=694c54b0&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./Event_Tags_Component.vue?vue&type=style&index=0&id=2d3747f6&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./EventPostBack.vue?vue&type=style&index=1&id=111457c3&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./RebateList.vue?vue&type=style&index=1&id=310ee8ba&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./C19DeclarationReport.vue?vue&type=style&index=0&id=5bda75c1&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./ForgotPassword.vue?vue&type=style&index=0&id=3f905770&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/Tan.6a9be0ab.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./AgentList.vue?vue&type=style&index=1&id=4ad13eb6&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./Post_Portfolio_Component.vue?vue&type=style&index=1&id=7cee6c1e&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StaffTermlyReportList.vue?vue&type=style&index=0&id=7394fc2a&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./NavigationMaster.vue?vue&type=style&index=0&id=8440f658&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./k2PdfEmbed.vue?vue&type=style&index=0&id=392ca9cb&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./ParentDeclarationForm.vue?vue&type=style&index=0&id=5c61cfec&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./ApplicationList.vue?vue&type=style&index=0&id=c1d7a9ce&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/mobilebg.028a5187.jpg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StudentAdditionalLangReport.vue?vue&type=style&index=0&id=5cafe203&prod&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.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!./activityFeed.vue?vue&type=style&index=1&id=469da32a&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StaffMoment.vue?vue&type=style&index=1&id=a7c71f66&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./NewMyAccount.vue?vue&type=style&index=1&id=3a4ad727&prod&lang=css\"","module.exports = __webpack_public_path__ + \"img/invoicelist-budget.d2ea0814.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./EcaAttendance.vue?vue&type=style&index=0&id=5db5b0e6&prod&scoped=true&lang=css\"","import QueryString from \"querystring\";\r\nimport {ERROR_INVALID_RESPONSE} from \"./datasourceConst\";\r\nimport {selectedLocale} from \"../locale\";\r\n\r\nconst API_HOST = process.env.VUE_APP_ROOT_API || \"http://local.emsv2\";\r\nconst API_HOST2 = process.env.VUE_APP_ROOT_API2;\r\n\r\nfunction URLForEndpoint(endpoint, params = null, host) {\r\n if (!host) {\r\n host = API_HOST;\r\n }\r\n\r\n let url = host + endpoint;\r\n\r\n if (params !== null) {\r\n if (params[\"query\"] !== null) {\r\n let temp = JSON.stringify(params[\"query\"]);\r\n params[\"query\"] = temp;\r\n }\r\n url += \"?\" + QueryString.stringify(params);\r\n }\r\n\r\n return url;\r\n}\r\n\r\nfunction NewRequest(method, authToken = null, hasContentType = true) {\r\n const headers = new Headers();\r\n if (hasContentType) {\r\n headers.append(\"Content-Type\", \"application/json\");\r\n }\r\n\r\n if (authToken !== null) {\r\n headers.append(\"Authorization\", \"Bearer \" + authToken);\r\n }\r\n\r\n let locale = selectedLocale();\r\n headers.append(\"locale\", locale.toLowerCase());\r\n\r\n // Return fetch request body\r\n return {\r\n method,\r\n headers,\r\n };\r\n}\r\n\r\nfunction NewHtmlRequest(method, authToken = null) {\r\n const headers = new Headers();\r\n headers.append(\"Content-Type\", \"text/html\");\r\n if (authToken !== null) {\r\n headers.append(\"Authorization\", \"Bearer \" + authToken);\r\n }\r\n\r\n // Return fetch request body\r\n return {\r\n method,\r\n headers,\r\n };\r\n}\r\n\r\nasync function parseResponseAndHandleErrors(response) {\r\n // If not successful, throw JSON as response\r\n let responseStatusNumber = Number(response.status);\r\n if (responseStatusNumber >= 400 && responseStatusNumber <= 599) {\r\n throw await response.json();\r\n }\r\n // Parse response\r\n let json;\r\n try {\r\n json = await response.json();\r\n } catch (err) {\r\n throw ERROR_INVALID_RESPONSE;\r\n }\r\n\r\n if (json === undefined) {\r\n throw ERROR_INVALID_RESPONSE;\r\n }\r\n\r\n return json;\r\n}\r\n\r\nasync function parseObject(response) {\r\n // If not successful, throw JSON as response\r\n let responseStatusNumber = Number(response.status);\r\n if (responseStatusNumber >= 400 && responseStatusNumber <= 599) {\r\n throw await response.text();\r\n }\r\n\r\n console.log(response)\r\n console.log(response.d)\r\n // Parse response\r\n let json;\r\n try {\r\n json = await response.text();\r\n console.log(typeof json)\r\n } catch (err) {\r\n throw ERROR_INVALID_RESPONSE;\r\n }\r\n\r\n if (json === undefined) {\r\n throw ERROR_INVALID_RESPONSE;\r\n }\r\n\r\n return json;\r\n}\r\n\r\n\r\nexport {URLForEndpoint, NewRequest, NewHtmlRequest, parseObject, parseResponseAndHandleErrors};","import \"bootstrap/dist/css/bootstrap.css\";\r\nimport \"bootstrap-vue/dist/bootstrap-vue.css\";\r\nimport Vue from \"vue\";\r\nimport vuePageDesigner from \"./components/VuePageDesigner/vue-page-designer.esm.js\";\r\nimport \"./components/VuePageDesigner/vue-page-designer.css\";\r\nimport App from \"./App.vue\";\r\nimport router from \"./router/router\";\r\nimport BootstrapVue from \"bootstrap-vue\";\r\nimport Vuesax from \"vuesax\";\r\nimport \"vuesax/dist/vuesax.css\";\r\nimport \"material-icons/iconfont/material-icons.css\";\r\nimport \"./custom.css\";\r\nimport \"./responsive.css\";\r\nimport vbclass from \"vue-body-class\";\r\nimport ElementUI from \"element-ui\";\r\nimport \"element-ui/lib/theme-chalk/index.css\";\r\nimport { DataTables, DataTablesServer } from \"vue-data-tables\";\r\nimport lang from \"element-ui/lib/locale/lang/en\";\r\nimport locale from \"element-ui/lib/locale\";\r\n//import {Modal} from 'bootstrap-vue/es/components';\r\nimport VueUploadComponent from \"vue-upload-component\";\r\nimport Vuelidate from \"vuelidate\";\r\nimport VueCharts from \"vue-chartjs\";\r\nimport VueBootstrapTypeahead from \"vue-bootstrap-typeahead\";\r\nimport Cookies from \"js-cookie\";\r\nimport Vuex from \"vuex\";\r\nimport VueTour from \"vue-tour\";\r\nimport VueClipboard from \"vue-clipboard2\";\r\nimport XLSX from \"xlsx\";\r\nimport InfiniteLoading from \"vue-infinite-loading\";\r\nimport \"./barcode.css\";\r\nimport moment from \"moment\";\r\nimport CKEditor from '@ckeditor/ckeditor5-vue2';\r\n\r\nVue.component(\"file-upload\", VueUploadComponent);\r\nVue.prototype.moment = moment;\r\n\r\nrequire(\"vue-tour/dist/vue-tour.css\");\r\n\r\nlocale.use(lang);\r\nVue.config.productionTip = false;\r\nVue.use(vuePageDesigner);\r\nVue.use(InfiniteLoading);\r\nVue.use(BootstrapVue);\r\nVue.use(DataTables);\r\nVue.use(DataTablesServer);\r\nVue.use(ElementUI);\r\nVue.use(Vuesax);\r\nVue.use(vbclass, router);\r\n//Vue.use(Modal);\r\nVue.use(Vuelidate);\r\nVue.use(VueCharts);\r\nVue.use(Cookies);\r\nVue.use(Vuex);\r\nVue.use(VueTour);\r\nVue.use(VueClipboard);\r\nVue.use(XLSX);\r\nVue.use( CKEditor );\r\nVue.component(\"vue-bootstrap-typeahead\", VueBootstrapTypeahead);\r\nglobal.vueApp = new Vue({\r\n router,\r\n render: h => h(App)\r\n}).$mount(\"#app\");\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./massUpdate-Add-Modal.vue?vue&type=style&index=0&id=2e050d06&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./AgentTracker.vue?vue&type=style&index=0&id=41e31670&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/empty-img.140809fa.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAInSURBVHgB1VW9ctNAEP5OckHpPAGmhEp07rCfgIwDdSR4AJThAWI/ABP5AQBRw5jQ0WE6OtxRRuko3YN8fHu6ky4aETuGJt/Mje9n/d23u7crBQ+HcToIFd5yGnH0OVZaY77IsxwdeBqn0UbhzNoDCuflBrPzPCtUy+iLJbwCrTBdvMlmHSK+d9gXpcbDwK1KhY9dpEaIxvRJnI78veAvIogBSVNDPInTmNIH7saAN/LWAxLOPNWnvne+vdhy3ON8bYQoHPfMnxgj1ahL3ufZyi6nkyQ9tiSRI/5FpaG7UOMdYyqE66Mklf+NRHXPntcubcLwwveLpAUqYt/toj5XeMx459ZmVHuNPSBZ58/SLiMm8SKsYm7dwHIvYgHzcAIb0xaKEpjtTSx5kGeFRvmaSufcG4tHPfwDbEjGXWd7K96GW0rMt/jI35Q+cBSnh23jdllfS9wu58XrV5e8LUbVtaQSPzljv6y3Ektdu4U8FVGLam8weZaefsizDM2TGk2ev7y7EzGaMlzJ85F+7DyQrsaL+tpTjbIc70rsYKpIN2Ex6FXNZ40bgpVZN5RI1HFj7p0XDMVSBU1yA68BXU+s8dXO+5I0iSn3Eo4TKVkTc436hfxmyHYiZl/N3YKJPJOEbZisRZW06MqXQiO3vXcrTH/nm804e7HFtnANBjvAfAh+rL59fhAND0g+/B+kNbEjvx8NLxkOcVvGHV19/+bsrwlJf+IG+AMpvdVL7gvRrgAAAABJRU5ErkJggg==\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./galleryListComponent.vue?vue&type=style&index=0&id=312a899f&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./TransferIn.vue?vue&type=style&index=0&id=ec6db1b2&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./NewFeed.vue?vue&type=style&index=1&id=703ac92b&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StaffPost.vue?vue&type=style&index=1&id=0ad6ec22&prod&lang=css\"","export const ERROR_STATUS_CODE = {\r\n BAD_REQUEST: 400, // Cannot process request\r\n NO_AUTH: 401, // Authentication required\r\n FORBIDDEN: 403, // Not allowed to access\r\n NOT_FOUND: 404, // Resources not found\r\n INVALID: 422, // Request validation error\r\n};\r\n\r\nexport const ERROR_INVALID_RESPONSE = {\r\n type: \"invalid_response\",\r\n message: \"Couldn't understand server response\",\r\n};\r\n\r\nexport const ERROR_SERVER_UNREACHABLE = {\r\n type: \"could_not_contact_server\",\r\n message: \"Couldn't contact the server. Please check your internet connection and try again\",\r\n};\r\n\r\nexport const ERROR_ACCESS_DENIED = {\r\n type: \"unauthorized\",\r\n message: \"Access is denied\",\r\n};\r\n\r\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./MyAccount.vue?vue&type=style&index=0&id=2d71fb48&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StudentMovementReport.vue?vue&type=style&index=0&id=9fdce2a6&prod&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC8SURBVHgB7ZPNDcIwDIWfow7QDYANugFVF2AEFgBmCBtQwYExmKAqk5AROgCqsQsHxAFTkmO/Q54SWV9+5FC547VjHADk+J/QEzxVW77JZI54OveDqNOdX/mN3MGCUTdHWmhapbZsBJPsCROW1Ya9plWbWQUElDKUBBv7ZEArw37IWBkxrs2JvKZVa1/TYSVfbkaEgjlSJoJCwhQp6VpD3jX7WKh74IKx3BHaM4Xs3awPjQhcKtGAdjcS8QC0RTsrBcY8bwAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/epsLogo.c5016b7b.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./RebateList.vue?vue&type=style&index=0&id=310ee8ba&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/creditcardlogo.db53821d.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./InvoiceList.vue?vue&type=style&index=1&id=2112e0ea&prod&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAB+CAYAAADiI6WIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARpSURBVHgB7d1bbtNAGIbh346TBtFDWoFaUIH0AiQkLtoVoK6EsgLYAeoS2EF30rICQEKCu+SiiHLqSW3SJj7gKUiVKjuMEzsez/c9UkAgW2r0dhw7GU8cyeh9p9Nq+s3X4jgv4n+2hRI16m53aX5uc3HxVlcM5GTZ+HPnW1tCZ1ciBv+fZsOTudlmt+bUjIzvZto6dN8wur4oitpBFOweHfXbYhjt8J86++vxM9kSysTU+NrhPWk8FxqLifG1w0dh1BIam2nxs73G00RMis/wU2ZKfIYvgQnxGb4kZcdn+BKVGZ/hS1ZWfIY3QBnxGd4Q047P8AaZZnyGN8y04jO8gaYRn+ENVXR8hjdYkfEZ3nBFxWf4CigiPsNXRN7xGb5C8ozP8BWTV3yGL0gYSWHyiM/wBRn6gQokRZk0PsMXREXvXw6lSJPEZ/gC9fpD6V+YGd8TAK7rXD10+H4oeTrvD8QPQplp1MR1XO2fI5uo7cfxO52jzbW1xa7OHhDhZxqerK4saG27f3CS+yi9HPhXj4K1/93Iuq2zMQ/1oBgeFMODYnhQDA+K4UExPCiGB8XwoCDeuVPvmn3/daa1rfpUDQFE+DD+cPz07ELoGg/1oBgeFMODYnhQDA+K4UHBzMC5u3Rba9ufh+fTmC1TOpg5d7eade1tEfBQD4rhQTE8KIYHxfCgGB4Uw4NieFAwEzF6mvfDhUWuaGAQmKlXXw9OhK7xUA+K4UExPCiGB8XwoBgeFMTlnKJm4ahHmiAMrxY+Qph9o1gfvu7VZPnOrPYMnGEcXy2A5Ft+K5XVh3oV/eH9lnb0v/u48ijex4v3tZnV4dUSZ+PMoVP7rMRHCZtZG16Ncs8b/+mp/W2eeGlt+FEncroYvoLyiJbHL4+prH1madHUwgf7Nz6pe7DSSnxZsHnEWxu+lhJNXa7dXKhYXcN7CQe/usVn9tYe6tOiJU20uBwkX7NPcnJoOmufWVq0pDVuwjB5qXKO+IoZdVKWNOKDlOlWdY74ahl1UpY04tO+nIAjvmJGBUuKPGqJM1tf5618VqNiJR3qR30dSc1l+MoYNeKTRncQpodvNOw83FsaPtuIV/8Xpp7g2Rneyjdw0k7uVNz52aZkYetrvJXh0y7n1C/EcsaPW/kaXyF53gZl6/v1VobPc95c0d8UWRYrw/8+7klebF312srwapQen/ZlUmrNu7y/ctQU1n4sq6Kp9+AXZmcyT5xU1/pq//PeQGxl9fTqw/iQrx7qLF/3JE2dGHJlS0ug3CSRBW+hAsXwoBgeFMODYnhQDA+K4UExPCiGB8XwoBgeFMODYnhQDA+K4UExPCiGB8XwoBgeFMODYnhQDA+K4UExPCiGB8XwoBgeFMODYnhQDA9KO7zjOsdCRnMk0m6kHT7yg49CRvMD/53uttrhnz6+txf/tSdkKGfn2ZPVD7pbZ3uNH0Yv4z+7QqbpyjDczrLDWKv3fen8eCVBtBVJtC5Upq44zs7Fae/txsZapnOwP35ZIuTwayTqAAAAAElFTkSuQmCC\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./NewMedia.vue?vue&type=style&index=0&id=153baa16&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./Event_Modal_Component.vue?vue&type=style&index=1&id=b9addd6a&prod&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABgSURBVHgB1cyhEYAwDIXhlyjGKCOwAeMURQ0cshoFCguTsAIjMAIa0UANgrtea/uZiPz3qGm7HaAaYSdHAk8xEuQSHcGIQKsQl8s8Vv6KYPt+2vS2wD29rv+CNoOCc/YBknkVx55IXBAAAAAASUVORK5CYII=\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./Feed_Upcoming_Component.vue?vue&type=style&index=0&id=f14049fa&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/Sleep.147e38e8.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StaffMoment.vue?vue&type=style&index=0&id=a7c71f66&prod&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAChSURBVHgBfVC7FcIwDNRJAdqMkBXYIKOQjoKCgoEYgQ0YATYgI7jOMxH+BBPnxVxzJ/l0lo3j6dJC+E5/YKF7ntVGoZ3jHkTPSRt/IKQ156Pah4GfTqgyY4WGlOqZXjWakCIwKV2waqyJuQ3sEXVC9pi31RtR3JOG4Vrasak2eHwL7LavUmKAjtpNX0OlxAhxV1vPWBiZD4771BnlDFFd9j5ZBTvK66fiNAAAAABJRU5ErkJggg==\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./withdrawalManagementPage.vue?vue&type=style&index=0&id=264051e4&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StaffFeed.vue?vue&type=style&index=0&id=294ad4d8&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StaffEventCalendar.vue?vue&type=style&index=1&id=1ca7e404&prod&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.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!./activityFeedItem.vue?vue&type=style&index=1&id=a045ba7c&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./Portfolio_Component.vue?vue&type=style&index=1&id=0bcfcf28&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./Nav.vue?vue&type=style&index=0&id=3606c251&prod&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA4tSURBVHgB7d1PjhznecDht3tGY2oojtiEPO2Ei2kGEpCNEXITwUiAULsoWUQ5gXgE+QSiTmDqBGyfgPTCYnZqLxyFK9FbRwrnCMwukUF2uihNQBcocqamq+r9qp4HaAheCZAM/lTfn/eLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGCLJtGzB189XqynT69PnsXloHjraTyZPNt59OEvrh0HMGi9BOTe148vX/ju2Sebv/3Hm/+5CAbo6Wcfvv/e7QAGq/OAbL44bsZ0fTeEY/AmMbnzj+9f+2UAg9RpQB48/Pb25m/5aTAez55+8OEv3lsFMDidBeTBV9/ciun0bjA2x/+z9983/vXGjScBDMo0OlBtlG/i8atgjBYX/vT2vQAGp5OAxE5Uy1ZOWY3VOm5+8e/ffhLAoLS+hPX918f6cTBq66iO905uON4Lw9HBF8jTm8HoTaov0On6y3tff+1LFAai9YBMpjt/E/C9xZvfXXYKDwai9YA8c9+DF6xj/cmDr/7zZgDFa/8LZGLznD+3nu7ce743BhStm1NY8ILn+yE7a3eCoHACQj8c7YXiCQi9mexMfvXb3//xegBFEhB6Nd3dvedoL5RJQOibo71QKAGhd9XR3i8efvNRAEUREJKY3nW0F8oiIKTgaC+UR0DIw9FeKIqAkEp1tNeoEyiDgJDPdOeuo72Qn4CQ0eLCnw68YAnJCQg5rSe37IdAbgJCXjuTTx3thbwEhLSqo73rnfW9AFISEFKbrOP6vz18bD8EEhIQ0vOKIeQkIJTB0V5IR0AoxeIn3x0YdQKJCAjFmMTkI0d7IQ8BoSyO9kIaAkJRTo722g+B/gkIxamO9nrFEPonIBTJ0V7on4BQrPV05579EOiPgFAsrxhCvwSEsnnFEHojIJRvZ/Lpb3//x+sBdEpAKF61lDXd3XW0FzomIAzFwtFe6JaAMBjV0d4vHn7zUQCd2A0YlOndB//x+F8CWrKexJPpOo6fPo3f/fPfXXsUIyYgDMrzo72T9a2Almz+P1ZFJKabPz0fPPyv43VMbv/T+9d+HSNkCQugucUk1svNV+/dMV5qFRCA86q+eqfrL8cWEQEB2I5FNSk6RkRAALakmhT94OG3ozlOLiAAW7TZVP9kLJdaBQRgi6qTgG/+7+WPYwQEBGDLnsWzmzECAgKwZZPJZBTDPQUEYPsWMQICAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjAgJAIwICQCMCAkAjuwHA1q3X67vRnePN7w+b36PJZHIcHRGQHlw5uBBXLl2IN3/iHz8M2K3owSZcy81fPusiJP4E69C7V2exmB/E7q6VQ6A1tza/m5uQfNB2RASkA9WXxo335nGwvxcAHVhsfl+2HRH/KdyyKh5/+9d/IR5A1xabX6v7MALSsp//1U/tdQB9qZaybkZLBKRFV9956/lmOUCPPo2WCEiLFj97OwB6dn3zFXI5WiAgLamWrS7Z9wD6V8XjH6IFAtKSavkKIInr0QIBacnVdy4FQBKLaIGAtKC6ae7kFZDIIlogIC3w9QGMgYC0wNFdIJlltEBAtqzaPLd8BSTzu2iBgGzZ/MrFAEhk2dY8LAHZourL4/DyfgAkcj9aIiBbZO8DSOZ48/Xxm2iJgGyR0SVAMqtokYBsidElQELLaJGAbEn12iBAItXyVSunr04IyJbY/wCSuRMtE5AtMLoESKi1zfMTArIFRpcAyazafAv9hICc0xs7U6PbgWyW0QEBOafDmYuDQDqtL19VBOScrv7U8hWQSjW65El0QEDOodo4d/oKSKa10SV1AnIOc3OvgFxaHV1SJyDncGR0CZDLKjokIA0dXNxz9wPI5vPokIA0dDT39QGkUi1fPYoOCUhDNs+BZFofXVInIA3MZ/uWr4BsOts8PyEgDRzOPFsLpNLJ6JI6ATmj6svD6BIgmWX0QEDOyN4HkFDny1cVATkjo0uAZDobXVInIGdgdAmQ0DJ6IiBnsJgfBEAirT9b+yoCcgZOXwHJrKJHAnJKnq0FEup0dEmdgJySZ2uBZDofXVInIKdkdDuQzO3omYCcQnVxcHfXPyogld42z0/4U/EU5ldsngOp9DK6pE5AXqPaOD+0fAXksowEBOQ1XBwEEupldEmdgLzGwrO1QC69jS6pE5BXqJavLu3vBUAiy0hCQF7h3auzAEik19EldQLyCvY/gGRWkYiA/AijS4CEeh1dUicgP8LoEiCZR32PLqkTkJd4Y2fq2VogmzuRjIC8xOHMxUEgnTSb5ycE5CU8Wwskk2J0SZ2A1Hi2FkhoGQkJSI2x7UAy1a3zFKNL6gSk5sjoEiCX+1lGl9QJyAvc/QASWkZSAvICdz+AZFKNLqkTkBfYPAeSWUViAvKD+Wzf8hWQTarRJXUC8gN3P4Bk0o0uqROQ8GwtkFK60SV1AhL2PoCU0m6enxCQsHwFpJNydEnd6ANidAmQ0DIKMPqALOYHAZDIk83Xx6+jAKMPyOHsYgAkcj8KMeqAGF0CJLSMQow6IEaXAMmkHl1SN+qAGN0OJLOKgow2INWb57u7TjEDqXwWBRlvQNz9AHJ5VMLdjxeNMiDufgAJpR9dUjfKgIgHkFAxm+cnRhmQhWdrgVyKGF1SN7qAHFzci0v7ewGQyDIKNLqAHM19fQCpFDO6pG50AbH/ASRTzOiSulEFxOgSIKFlFGpUATG6BEimqNEldaMJyBs70+e3zwESWUXBRhOQw5m5V0A6RY0uqRtNQIwuAZIpbnRJ3SgCYnQJkFBxo0vqRhEQY9uBhIrdPD8xioAcGV0C5HK/9OWryuAD4u4HkFCxlwdfNPiAuPsBJFPs6JK64X+B2DwHchnE10dl0AGZz/YtXwHZLGMgBh0Qdz+AZIoeXVI32IBUXx6Hju8CuQxm+aoy2IDY+wAS+jwGZLABsXwFJFP86JK6QQbE6BIgoeJHl9QNMiCL+UEAJDOYzfMTgwzI4exiACQyiNEldYMLiNElQEKDOn11YnABMboESOZ4KKNL6gYXEKPbgWRWMVCDCkj15vnu7mgeWQTKsIyBGlZA3P0AchnU6JK6wQTE3Q8goUFunp8YTEDEA0hoUKNL6gYTkIVna4FcVkO8+/GiQQTk4OJeXNrfC4BEljFwgwjI0dzXB5DOYDfPTwwiIPY/gGQGObqkrviAGF0CJDTo01cnig+I0SVAMoMdXVJXdEDe2Jk+v30OkMgqRqLogBzOzL0C0lnGSBQdEKNLgGQGPbqkrtiAGF0CJLSMESk2IMa2AwmNYvP8RLEBOTK6BMhl8KNL6ooMiLsfQELLGJkiA+LuB5DQaDbPT5T5BWLzHMhlFKNL6ooLyHy2b/kKyGYZI1RcQNz9AJKp7n78JkaoqIBUXx6Hju8CuaxipIoKiL0PIKFljFRRAbF8BSQzqtEldcUExOgSIKFljFgxAVnMDwIgmVGNLqkrJiCHs4sBkMjoRpfUFREQo0uAhJYxckUExOgSIKHRbp6fKCIgRrcDySzHvnxVSR+Q6s3z3d2iH04Ehud+UEBA3P0Achnt6JK61AFx9wNIaBU8lzog4gEktAyeSx2Qd6/OAiCRUY8uqUsbkIOLe+5+ANncCf5f2oAczd8OgGRsnr8gbUDsfwDJjH50SV3KgHi2FkhoGfyZlAExOBFIyOZ5TbqAvLEzfX77HCARo0teIl1ADmfmXgHpGF3yEukCYnQJkIzRJT8iVUCMLgESWgUvlSogxrYDCS2Dl0oVkKOfuTwIpGJ0ySukCYhna4GEjC55hTQB8WwtkJDN81fI8wVi8xzIxeiS10gRkOrioOUrIJll8EopAjK/YnQJkI7lq9foPSDVl8eh47tALtXokifBK/UeEHsfQEJGl5xC7wFZuPsB5GJ0ySn1GpBq+erS/l4AJLIKTqXXgLx7dRYAyXwenEqvAbH/ASRTLV89Ck6lt4AYXQIkZHTJGfQWEKNLgIRsnp9BLwGpnq01uh1IxuiSM+olINWztbu76R5DBMZtGZxJL3+Ke7YWSMjy1Rl1HhDP1gIJGV3SQOcBEQ8goWVwZp0HxOVBIBnP1jbUaUAOLu65+wFkswoa6TQgR3ODE4F0jC5pqNOA2P8AkjG65Bw6C8h8tm/5CsjmdtBYZwE5nHm2FkjH5vk5dBKQ6svj6jtvBUAiRpecUycBsfcBJLQMzqWTgBhdAiRkdMk5tR6Qty7sPfEFAiRjdMkWtB6Qv//5Xx4HQC7L4Ny6WMJaBEAeRpdsSRcBuRwAeayCregiIMcBkIfRJVsiIMCYPDK6ZHu6CIi1RiCLZbA1k+jAer3+cvOXmwHQr2tun29PV7OwPguAfi3FY7s6CcjmX9pq85c7AdCP483vl8FWdTaNdxOR6l+eiABdO978PnDzfPs6fVDqh4hUv+MAaF/1H603LF21o5NN9LrNpvoivt9U/3jzux4uGwLbUX1lHG9+96vfJhx/CAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALbg/wAuyPYAk6q33gAAAABJRU5ErkJggg==\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./PlannerAssignClass.vue?vue&type=style&index=0&id=1c7fe07d&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./NewAttendanceReportMonthly.vue?vue&type=style&index=0&id=fbb14d60&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/agenttracker-agenttracker.d2ea0814.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./activityPage.vue?vue&type=style&index=0&id=2e20935a&prod&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFVSURBVHgBnZPNbcJAEIXfrJM7JUAJ6cAkDaQDnHN+MBVYrgAjiJQblEAFsCUkFcQlcI0idvLWidECdkgYaeW1d96nmXlrwS8RP2gsgkyAjfvEyL5I2ZYrjYBUu2aLjNvk4GhBYN4ElANAxzgMoUj52kFbGBTuA5MQKP8C7EfJNVlNpahA14+a8Onb6OK8KLly4yJYbl5xfvgO5rsZ0aFbOjSWP1amCqushPkJdQNTH9iZLNdT6XF7p9/lNgN45piznkmfGlt/N2FS/KQD2msroMPoALghJdcIV4iwvGEHoXYPFCkSc4k1DUhXz1JQ1Kd44gGcZc9doPDu8o69s6phqL3AcXS5xoQNsUW+mom/Ejjl7h6IA3zjzYoD4JyA7KfFOMzlgMtKAyxFUR79Iqfcq90KB12B0RK+FQqyGuirqgBTWTTlt4J2wHtNmdXxg7aFbNryvgAafY3CpuHj4AAAAABJRU5ErkJggg==\"","/**\r\n * Vue-page-designer v1.0.0\r\n * (c) 2019 fireyy\r\n * @license WTFPL\r\n */\r\nimport Vue from 'vue';\r\nimport {lang} from '../../locale/index';\r\n\r\nfunction unwrapExports (x) {\r\n\treturn x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x.default : x;\r\n}\r\n\r\nfunction createCommonjsModule(fn, module) {\r\n\treturn module = { exports: {} }, fn(module, module.exports), module.exports;\r\n}\r\n\r\n// LS changes - add on justify radio button\r\n// CS changes - add transform:'rotate('+e.val.rotate+'deg)' & transform:'rotate('+this.val.rotate+'deg)'\r\nvar bundle = createCommonjsModule(function (module) {\r\nmodule.exports=function(e){function t(i){if(a[i])return a[i].exports;var n=a[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var a={};return t.m=e,t.c=a,t.d=function(e,a,i){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:i});},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,\"a\",a),a},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p=\"/\",t(t.s=9)}([function(e,t){e.exports=function(e,t,a,i,n,l){var r,s=e=e||{},o=typeof e.default;\"object\"!==o&&\"function\"!==o||(r=e,s=e.default);var c=\"function\"==typeof s?s.options:s;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns,c._compiled=!0),a&&(c.functional=!0),n&&(c._scopeId=n);var v;if(l?(v=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||\"undefined\"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(l);},c._ssrRegister=v):i&&(v=i),v){var d=c.functional,p=d?c.render:c.beforeCreate;d?(c._injectStyles=v,c.render=function(e,t){return v.call(t),p(e,t)}):c.beforeCreate=p?[].concat(p,v):[v];}return {esModule:r,exports:s,options:c}};},function(e,t){function a(e,t){var a=e[1]||\"\",i=e[3];if(!i)return a;if(t&&\"function\"==typeof btoa){var n=function(e){return \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+\" */\"}(i),l=i.sources.map(function(e){return \"/*# sourceURL=\"+i.sourceRoot+e+\" */\"});return [a].concat(l).concat([n]).join(\"\\n\")}return [a].join(\"\\n\")}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var i=a(t,e);return t[2]?\"@media \"+t[2]+\"{\"+i+\"}\":i}).join(\"\")},t.i=function(e,a){\"string\"==typeof e&&(e=[[null,e,\"\"]]);for(var i={},n=0;na.parts.length&&(i.parts.length=a.parts.length);}else{var r=[];for(n=0;n',title:\"背景图\",panel:null,setting:{type:\"braid-bg\",isContainer:!1,hasGuide:!1,isUpload:!0,isChild:!1,dragable:!1,resizable:!1,href:\"\",belong:\"page\"},props:[\"val\"]};},function(e,t,a){t.a={name:\"braid-pic\",icon:'',title:lang('picture'),panel:null,setting:{type:\"braid-pic\",isContainer:!1,isUpload:!0,hasGuide:!0,isChild:!0,dragable:!0,resizable:!0,left:0,z:0,href:\"\",belong:\"page\",animationName:\"\"},props:[\"val\",\"w\",\"h\",\"playState\"]};},function(e,t,a){var i=a(20);t.a={name:\"braid-txt\",icon:'',title:lang('text'),panel:i.a,setting:{type:\"braid-txt\",isContainer:!1,isUpload:!1,hasGuide:!0,isChild:!0,dragable:!0,resizable:!0,width:650,height:100,left:50,top:0,z:0,lineHeight:1.6,fontSize:1.2,fontWeight:!1,color:\"#000000\",textAlign:\"left\",text:lang('text'),href:\"\",belong:\"page\",animationName:\"\"},props:[\"val\",\"h\",\"w\",\"playState\"],methods:{updateText:function(e,t){var a=e.target.innerHTML;this.$vpd.commit(\"updateData\",{uuid:t,key:\"text\",value:a});}}};},function(e,t,a){t.a={name:\"braid-txt-style\",props:[\"activeElement\"]};},function(e,t,a){var i=a(26),n=\"braid-container\";t.a={name:n,icon:'',title:\"容器\",panel:i.a,setting:{type:n,isContainer:!0,hasGuide:!0,isUpload:!1,isChild:!1,dragable:!0,resizable:!0,name:\"\",width:650,height:300,left:50,top:0,z:0,display:\"flex\",bgColor:\"\",backPic:\"\",backPicUrl:\"\",radius:0,borderColor:\"\",borderWidth:0,dir:\"row\",justify:\"flex-start\",align:\"flex-start\",belong:\"page\",animationName:\"\"},props:[\"h\",\"val\",\"playState\"]};},function(e,t,a){t.a={name:\"braid-container-style\",props:[\"activeElement\"],methods:{addPic:function(){var e=this;this.$vpd.$emit(\"upload\",function(t){e.$vpd.commit(\"addContainerBackPic\",t);});}}};},function(e,t,a){Object.defineProperty(t,\"__esModule\",{value:!0});var i=a(10),n=a(12),l=a(17),r=a(23);t.default={[i.a.name]:i.a,[n.a.name]:n.a,[l.a.name]:l.a,[r.a.name]:r.a};},function(e,t,a){var i=a(3),n=a(11),l=a(0)(i.a,n.a,!1,null,null,null);l.options.__file=\"src/bg/index.vue\",t.a=l.exports;},function(e,t,a){var i=function(){var e=this.$createElement;return (this._self._c||e)(\"img\",{attrs:{width:\"100%\",src:this.val.url}})};i._withStripped=!0;var n={render:i,staticRenderFns:[]};t.a=n;},function(e,t,a){var i=a(4),n=a(16),r=function(e){a(13);},s=a(0)(i.a,n.a,!1,r,\"data-v-04cf7604\",null);s.options.__file=\"src/pic/index.vue\",t.a=s.exports;},function(e,t,a){var i=a(14);\"string\"==typeof i&&(i=[[e.i,i,\"\"]]),i.locals&&(e.exports=i.locals);a(2)(\"6f2e58e8\",i,!1);},function(e,t,a){(e.exports=a(1)(void 0)).push([e.i,\"\\n.lz-image img[data-v-04cf7604] {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n user-select: none;\\n -webkit-user-drag: none;\\n pointer-events: none;\\n}\\n\",\"\"]);},function(e,t){e.exports=function(e,t){for(var a=[],i={},n=0;n-1:e.activeElement.fontWeight},on:{change:function(t){var a=e.activeElement.fontWeight,i=t.target,n=!!i.checked;if(Array.isArray(a)){var l=e._i(a,null);i.checked?l<0&&(e.activeElement.fontWeight=a.concat([null])):l>-1&&(e.activeElement.fontWeight=a.slice(0,l).concat(a.slice(l+1)));}else e.$set(e.activeElement,\"fontWeight\",n);}}}),e._v(\" \"),a(\"i\",{staticClass:\"form-icon\"})])])],1),e._v(\" \"),a(\"div\",{staticClass:\"panel-row\",attrs:{flex:\"\"}},[a(\"vpd-icon\",{attrs:{name:\"align-justify\"}}),e._v(\" \"),a(\"div\",{staticClass:\"panel-label\"},[e._v(lang('align'))]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[a(\"label\",{staticClass:\"form-radio tooltip\",attrs:{\"data-tooltip\":lang(\"Align left\")}},[a(\"input\",{directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.textAlign,expression:\"activeElement.textAlign\"}],attrs:{type:\"radio\",name:\"align\",value:\"left\"},domProps:{checked:e._q(e.activeElement.textAlign,\"left\")},on:{change:function(t){e.$set(e.activeElement,\"textAlign\",\"left\");}}}),e._v(\" \"),a(\"i\",{staticClass:\"form-icon\"}),e._v(\" \"),a(\"vpd-icon\",{attrs:{name:\"align-left\"}})],1),e._v(\" \"),a(\"label\",{staticClass:\"form-radio tooltip\",attrs:{\"data-tooltip\":lang(\"Align center\")}},[a(\"input\",{directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.textAlign,expression:\"activeElement.textAlign\"}],attrs:{type:\"radio\",name:\"align\",value:\"center\"},domProps:{checked:e._q(e.activeElement.textAlign,\"center\")},on:{change:function(t){e.$set(e.activeElement,\"textAlign\",\"center\");}}}),e._v(\" \"),a(\"i\",{staticClass:\"form-icon\"}),e._v(\" \"),a(\"vpd-icon\",{attrs:{name:\"align-center\"}})],1),e._v(\" \"),\r\n a(\"label\",{staticClass:\"form-radio tooltip\",attrs:{\"data-tooltip\":lang(\"Align justify\")}},\r\n [a(\"input\",\r\n {directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.textAlign,expression:\"activeElement.textAlign\"}],\r\n attrs:{type:\"radio\",name:\"align\",value:\"justify\"},\r\n domProps:{checked:e._q(e.activeElement.textAlign,\"justify\")},\r\n on:{change:function(t){e.$set(e.activeElement,\"textAlign\",\"justify\");}}}),\r\n e._v(\" \"),a(\"i\",{staticClass:\"form-icon\"}),e._v(\" \"),\r\n a(\"vpd-icon\",{attrs:{name:\"align-justify\"}})],1),e._v(\" \"),\r\n a(\"label\",{staticClass:\"form-radio tooltip\",attrs:{\"data-tooltip\":lang(\"Align right\")}},[a(\"input\",{directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.textAlign,expression:\"activeElement.textAlign\"}],attrs:{type:\"radio\",name:\"align\",value:\"right\"},domProps:{checked:e._q(e.activeElement.textAlign,\"right\")},on:{change:function(t){e.$set(e.activeElement,\"textAlign\",\"right\");}}}),e._v(\" \"),a(\"i\",{staticClass:\"form-icon\"}),e._v(\" \"),a(\"vpd-icon\",{attrs:{name:\"align-center\"}})],1)])],1)])};i._withStripped=!0;var n={render:i,staticRenderFns:[]};t.a=n;},function(e,t,a){var i=function(){var e=this,t=e.$createElement;return (e._self._c||t)(\"div\",{staticClass:\"txt\",class:[e.playState?\"anm-\"+e.val.animationName:\"\"],style:{position:\"page\"===e.val.belong?\"absolute\":\"relative\",left:\"page\"===e.val.belong?e.val.left/e.w*100+\"%\":\"0\",top:\"page\"===e.val.belong?e.val.top/e.h*100+\"%\":\"0\",width:e.val.width/e.w*100+\"%\",minHeight:e.val.height/e.h*100+\"%\",zIndex:e.val.z,lineHeight:e.val.lineHeight,fontSize:e.val.fontSize+\"rem\",color:e.val.color,textAlign:e.val.textAlign,fontWeight:e.val.fontWeight?\"bold\":\"normal\",transform:'rotate('+e.val.rotate+'deg)'},attrs:{contenteditable:\"true\"},domProps:{innerHTML:e._s(e.val.text)},on:{blur:function(t){return e.updateText(t,e.val.uuid)}}})};i._withStripped=!0;var n={render:i,staticRenderFns:[]};t.a=n;},function(e,t,a){var i=a(7),n=a(28),r=function(e){a(24);},s=a(0)(i.a,n.a,!1,r,\"data-v-0590360a\",null);s.options.__file=\"src/container/index.vue\",t.a=s.exports;},function(e,t,a){var i=a(25);\"string\"==typeof i&&(i=[[e.i,i,\"\"]]),i.locals&&(e.exports=i.locals);a(2)(\"7898cf0e\",i,!1);},function(e,t,a){(e.exports=a(1)(void 0)).push([e.i,\"\\n.lz-container[data-v-0590360a] {\\n background-repeat: no-repeat;\\n background-position: center;\\n background-size: 100%;\\n}\\n\",\"\"]);},function(e,t,a){var i=a(8),n=a(27),l=a(0)(i.a,n.a,!1,null,null,null);l.options.__file=\"src/container/style.vue\",t.a=l.exports;},function(e,t,a){var i=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a(\"div\",[a(\"hr\"),e._v(\" \"),a(\"div\",{staticClass:\"panel-row\"},[a(\"vpd-icon\",{attrs:{name:\"credit-card\"}}),e._v(\" \"),a(\"div\",{staticClass:\"panel-label\"},[e._v(\"容器名称\")]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[a(\"input\",{directives:[{name:\"model\",rawName:\"v-model.trim\",value:e.activeElement.name,expression:\"activeElement.name\",modifiers:{trim:!0}}],attrs:{type:\"text\",placeholder:\"容器名称必填\"},domProps:{value:e.activeElement.name},on:{input:function(t){t.target.composing||e.$set(e.activeElement,\"name\",t.target.value.trim());},blur:function(t){e.$forceUpdate();}}})])],1),e._v(\" \"),a(\"div\",{staticClass:\"panel-row\"},[a(\"vpd-icon\",{attrs:{name:\"grid\"}}),e._v(\" \"),a(\"div\",{staticClass:\"panel-label\"},[e._v(\"display\")]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[a(\"select\",{directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.display,expression:\"activeElement.display\"}],on:{change:function(t){var a=Array.prototype.filter.call(t.target.options,function(e){return e.selected}).map(function(e){return \"_value\"in e?e._value:e.value});e.$set(e.activeElement,\"display\",t.target.multiple?a:a[0]);}}},[a(\"option\",[e._v(\"flex\")]),e._v(\" \"),a(\"option\",[e._v(\"block\")])])])],1),e._v(\" \"),a(\"div\",{directives:[{name:\"show\",rawName:\"v-show\",value:\"flex\"===e.activeElement.display,expression:\"activeElement.display === 'flex'\"}],staticClass:\"panel-row\"},[a(\"vpd-icon\",{attrs:{name:\"shuffle\"}}),e._v(\" \"),a(\"div\",{staticClass:\"panel-label\"},[e._v(\"主轴方向\")]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[a(\"select\",{directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.dir,expression:\"activeElement.dir\"}],on:{change:function(t){var a=Array.prototype.filter.call(t.target.options,function(e){return e.selected}).map(function(e){return \"_value\"in e?e._value:e.value});e.$set(e.activeElement,\"dir\",t.target.multiple?a:a[0]);}}},[a(\"option\",[e._v(\"row\")]),e._v(\" \"),a(\"option\",[e._v(\"row-reverse\")]),e._v(\" \"),a(\"option\",[e._v(\"column\")]),e._v(\" \"),a(\"option\",[e._v(\"column-reverse\")])])])],1),e._v(\" \"),a(\"div\",{directives:[{name:\"show\",rawName:\"v-show\",value:\"flex\"===e.activeElement.display,expression:\"activeElement.display === 'flex'\"}],staticClass:\"panel-row\"},[a(\"vpd-icon\",{attrs:{name:\"align-justify\"}}),e._v(\" \"),a(\"div\",{staticClass:\"panel-label\"},[e._v(\"主轴分布\")]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[a(\"select\",{directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.justify,expression:\"activeElement.justify\"}],on:{change:function(t){var a=Array.prototype.filter.call(t.target.options,function(e){return e.selected}).map(function(e){return \"_value\"in e?e._value:e.value});e.$set(e.activeElement,\"justify\",t.target.multiple?a:a[0]);}}},[a(\"option\",[e._v(\"flex-start\")]),e._v(\" \"),a(\"option\",[e._v(\"space-between\")]),e._v(\" \"),a(\"option\",[e._v(\"center\")]),e._v(\" \"),a(\"option\",[e._v(\"space-around\")]),e._v(\" \"),a(\"option\",[e._v(\"flex-end\")])])])],1),e._v(\" \"),a(\"div\",{directives:[{name:\"show\",rawName:\"v-show\",value:\"flex\"===e.activeElement.display,expression:\"activeElement.display === 'flex'\"}],staticClass:\"panel-row\"},[a(\"vpd-icon\",{attrs:{name:\"align-center\"}}),e._v(\" \"),a(\"div\",{staticClass:\"panel-label\"},[e._v(\"侧轴分布\")]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[a(\"select\",{directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.align,expression:\"activeElement.align\"}],on:{change:function(t){var a=Array.prototype.filter.call(t.target.options,function(e){return e.selected}).map(function(e){return \"_value\"in e?e._value:e.value});e.$set(e.activeElement,\"align\",t.target.multiple?a:a[0]);}}},[a(\"option\",[e._v(\"flex-start\")]),e._v(\" \"),a(\"option\",[e._v(\"center\")]),e._v(\" \"),a(\"option\",[e._v(\"flex-end\")])])])],1),e._v(\" \"),a(\"hr\"),e._v(\" \"),a(\"div\",{staticClass:\"panel-row\"},[a(\"vpd-icon\",{attrs:{name:\"target\"}}),e._v(\" \"),a(\"div\",{staticClass:\"panel-label\"},[e._v(\"背景色\")]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[e._v(e._s(e.activeElement.bgColor))]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[a(\"input\",{directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.bgColor,expression:\"activeElement.bgColor\"}],attrs:{type:\"color\"},domProps:{value:e.activeElement.bgColor},on:{input:function(t){t.target.composing||e.$set(e.activeElement,\"bgColor\",t.target.value);}}})])],1),e._v(\" \"),a(\"div\",{staticClass:\"panel-row\"},[a(\"vpd-icon\",{attrs:{name:\"image\"}}),e._v(\" \"),a(\"div\",{staticClass:\"panel-label\"},[e._v(\"背景图\")]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[a(\"div\",{staticClass:\"panel-preview\",style:{backgroundImage:\"url(\"+e.activeElement.backPic+\")\"},on:{click:e.addPic}},[a(\"vpd-icon\",{directives:[{name:\"show\",rawName:\"v-show\",value:!e.activeElement.backPic,expression:\"!activeElement.backPic\"}],attrs:{name:\"plus\"}})],1)])],1),e._v(\" \"),a(\"div\",{staticClass:\"panel-row\"},[a(\"vpd-icon\",{attrs:{name:\"square\"}}),e._v(\" \"),a(\"div\",{staticClass:\"panel-label\"},[e._v(\"圆角\")]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[a(\"input\",{directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.radius,expression:\"activeElement.radius\"}],attrs:{type:\"text\"},domProps:{value:e.activeElement.radius},on:{input:function(t){t.target.composing||e.$set(e.activeElement,\"radius\",t.target.value);}}})])],1),e._v(\" \"),a(\"div\",{staticClass:\"panel-row\"},[a(\"vpd-icon\",{attrs:{name:\"maximize\"}}),e._v(\" \"),a(\"div\",{staticClass:\"panel-label\"},[e._v(\"边的宽度\")]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[a(\"input\",{directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.borderWidth,expression:\"activeElement.borderWidth\"}],attrs:{type:\"text\"},domProps:{value:e.activeElement.borderWidth},on:{input:function(t){t.target.composing||e.$set(e.activeElement,\"borderWidth\",t.target.value);}}})])],1),e._v(\" \"),a(\"div\",{staticClass:\"panel-row\"},[a(\"vpd-icon\",{attrs:{name:\"edit-3\"}}),e._v(\" \"),a(\"div\",{staticClass:\"panel-label\"},[e._v(\"边的颜色\")]),e._v(\" \"),a(\"div\",{staticClass:\"panel-value\"},[e._v(e._s(e.activeElement.borderColor))]),e._v(\" \"),a(\"div\",[a(\"input\",{directives:[{name:\"model\",rawName:\"v-model\",value:e.activeElement.borderColor,expression:\"activeElement.borderColor\"}],attrs:{type:\"color\"},domProps:{value:e.activeElement.borderColor},on:{input:function(t){t.target.composing||e.$set(e.activeElement,\"borderColor\",t.target.value);}}})])],1)])};i._withStripped=!0;var n={render:i,staticRenderFns:[]};t.a=n;},function(e,t,a){var i=function(){var e=this.$createElement;return (this._self._c||e)(\"div\",{staticClass:\"lz-container\",class:[this.playState?\"anm-\"+this.val.animationName:\"\"],style:{display:this.val.display,position:\"absolute\",width:this.val.width/7.5+\"%\",height:this.val.height/this.h*100+\"%\",left:this.val.left/7.5+\"%\",top:this.val.top/this.h*100+\"%\",zIndex:this.val.z,backgroundColor:this.val.bgColor,backgroundImage:\"url(\"+this.val.backPic+\")\",borderStyle:\"solid\",borderRadius:this.val.radius+\"px\",borderColor:this.val.borderColor,borderWidth:this.val.borderWidth+\"px\",flexDirection:this.val.dir,justifyContent:this.val.justify,alignItems:this.val.align}},[this._t(\"default\")],2)};i._withStripped=!0;var n={render:i,staticRenderFns:[]};t.a=n;}]);\r\n});\r\n\r\nvar defaultWidgets = unwrapExports(bundle);\r\n\r\nfunction resolveSource (source, type) {\r\n return typeof type === 'function' ? type : source[type]\r\n}\r\n\r\nfunction normalizeMap (map) {\r\n return Array.isArray(map)\r\n ? map.map(function (k) { return ({ k: k, v: k }); })\r\n : Object.keys(map).map(function (k) { return ({ k: k, v: map[k] }); })\r\n}\r\n\r\nvar createMapState = function (_store) { return function (states) {\r\n var res = {};\r\n var db = normalizeMap(states);\r\n var loop = function ( k ) {\r\n var v = db[k];\r\n res[k] = function () {\r\n var store = _store || this.$vpd;\r\n return typeof v === 'function'\r\n ? v.call(this, store.state)\r\n : store.state[v]\r\n };\r\n };\r\n\r\n for (var k in db) loop( k );\r\n return res\r\n}; };\r\n\r\nvar mapToMethods = function (sourceName, runnerName, _store) { return function (map) {\r\n var res = {};\r\n var db = normalizeMap(map);\r\n var loop = function ( k ) {\r\n var v = db[k];\r\n res[k] = function (payload) {\r\n var store = _store || this.$vpd;\r\n var source = store[sourceName];\r\n var runner = store[runnerName];\r\n var actualSource = typeof v === 'function' ? v.call(this, source) : v;\r\n return runner.call(store, actualSource, payload)\r\n };\r\n };\r\n\r\n for (var k in db) loop( k );\r\n return res\r\n}; };\r\n\r\nvar Store = function Store (\r\n ref\r\n) {\r\n var this$1 = this;\r\n if ( ref === void 0 ) ref = {};\r\n var state = ref.state;\r\n var mutations = ref.mutations; if ( mutations === void 0 ) mutations = {};\r\n var actions = ref.actions; if ( actions === void 0 ) actions = {};\r\n var plugins = ref.plugins;\r\n var subscribers = ref.subscribers; if ( subscribers === void 0 ) subscribers = [];\r\n\r\n this.vm = new Vue({\r\n data: {\r\n $$state: typeof state === 'function' ? state() : state\r\n }\r\n });\r\n this.mutations = mutations;\r\n this.actions = actions;\r\n this.subscribers = subscribers;\r\n\r\n if (plugins) {\r\n plugins.forEach(function (p) { return this$1.use(p); });\r\n }\r\n\r\n this.mapState = createMapState(this);\r\n this.mapActions = mapToMethods('actions', 'dispatch', this);\r\n this.mapMutations = mapToMethods('mutations', 'commit', this);\r\n};\r\n\r\nvar prototypeAccessors = { state: { configurable: true } };\r\n\r\nprototypeAccessors.state.get = function () {\r\n return this.vm.$data.$$state\r\n};\r\n\r\nprototypeAccessors.state.set = function (v) {\r\n if (process.env.NODE_ENV === 'development') {\r\n throw new Error(\r\n '[puex] store.state is read-only, use store.replaceState(state) instead'\r\n )\r\n }\r\n};\r\n\r\nStore.prototype.$emit = function $emit (event) {\r\n var ref;\r\n\r\n var args = [], len = arguments.length - 1;\r\n while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ];\r\n return (ref = this.vm).$emit.apply(ref, [ event ].concat( args ))\r\n};\r\n\r\nStore.prototype.$on = function $on (event, callback) {\r\n return this.vm.$on(event, callback)\r\n};\r\n\r\nStore.prototype.subscribe = function subscribe (sub) {\r\n var this$1 = this;\r\n\r\n this.subscribers.push(sub);\r\n return function () { return this$1.subscribers.splice(this$1.subscribers.indexOf(sub), 1); }\r\n};\r\n\r\nStore.prototype.commit = function commit (type, payload) {\r\n var this$1 = this;\r\n\r\n this.subscribers.forEach(function (sub) { return sub({ type: type, payload: payload }, this$1.state); });\r\n var mutation = resolveSource(this.mutations, type);\r\n return mutation && mutation(this.state, payload)\r\n};\r\n\r\nStore.prototype.dispatch = function dispatch (type, payload) {\r\n var action = resolveSource(this.actions, type);\r\n var ctx = {\r\n state: this.state,\r\n dispatch: this.dispatch.bind(this),\r\n commit: this.commit.bind(this),\r\n store: this\r\n };\r\n return Promise.resolve(action && action(ctx, payload))\r\n};\r\n\r\nStore.prototype.use = function use (fn) {\r\n fn(this);\r\n return this\r\n};\r\n\r\nStore.prototype.replaceState = function replaceState (state) {\r\n this.vm.$data.$$state = state;\r\n return this\r\n};\r\n\r\nObject.defineProperties( Store.prototype, prototypeAccessors );\r\n\r\nvar state = {\r\n top: 0, // 添加元件的初始纵坐标\r\n zoom: 20, // 画布缩放百分比\r\n type: 'page', // 选中元素类型\r\n index: -1, // 选中元素索引\r\n uuid: null, // 选中元素uuid\r\n counter: 0, // 容器副本命名时避免重名所用的计数器\r\n\r\n originX: 0, // 选中元件的横向初始值\r\n originY: 0, // 选中元件的纵向初始值\r\n startX: 0, // 鼠标摁下时的横坐标\r\n startY: 0, // 鼠标摁下时的纵坐标\r\n moving: false, // 是否正在移动元件(参考线仅在移动元件时显示)\r\n\r\n animation: [], // 动画库\r\n playState: false, // 动画播放状态\r\n\r\n activeElement: {}, // 选中对象,要么是元件,要么是页面\r\n page: {\r\n page: true,\r\n title: '测试页面', // 页面 title\r\n height: 3508, // 画布高度\r\n\twidth: 2480,\r\n endTime: new Date(), // 截止日期\r\n backgroundColor: '#fff'\r\n },\r\n widgets: [] // 元件\r\n};\r\n\r\nvar actions = {\r\n addWidget: function addWidget (ref, item) {\r\n var state = ref.state;\r\n var commit = ref.commit;\r\n var store = ref.store;\r\n\r\n if (item.setting.isUpload) {\r\n store.$emit('upload', function (payload) {\r\n commit('addWidget', { data: payload, item: item });\r\n }, true);\r\n } else {\r\n commit('addWidget', { item: item });\r\n // 设置选中\r\n commit('select', {\r\n uuid: state.widgets[state.widgets.length - 1].uuid\r\n });\r\n }\r\n },\r\n save: function save (ref) {\r\n var state = ref.state;\r\n var store = ref.store;\r\n\r\n store.$emit('save', state);\r\n }\r\n};\r\n\r\nvar generate = require('nanoid/generate');\r\n\r\nvar mutations = {\r\n // 选中元件与取消选中\r\n select: function select (state, payload) {\r\n state.uuid = payload.uuid;\r\n if (payload.uuid === -1) {\r\n state.activeElement = state.page;\r\n state.type = 'page';\r\n } else {\r\n var widget = state.widgets.find(function (w) { return w.uuid === payload.uuid; });\r\n state.activeElement = widget;\r\n state.type = widget.type;\r\n }\r\n },\r\n\r\n // 设置 mousemove 操作的初始值\r\n initmove: function initmove (state, payload) {\r\n state.startX = payload.startX;\r\n state.startY = payload.startY;\r\n state.originX = payload.originX;\r\n state.originY = payload.originY;\r\n state.moving = true;\r\n },\r\n\r\n // 元件移动结束\r\n stopmove: function stopmove (state) {\r\n state.moving = false;\r\n },\r\n\r\n // 移动元件\r\n move: function move (state, payload) {\r\n var target = state.activeElement;\r\n var dx = payload.x - state.startX;\r\n var dy = payload.y - state.startY;\r\n var left = state.originX + Math.floor(dx * 100 / state.zoom);\r\n var top = state.originY + Math.floor(dy * 100 / state.zoom);\r\n\r\n target.left = left > 0 ? left : 0;\r\n target.top = top > 0 ? top : 0;\r\n },\r\n\r\n // 调整元件尺寸\r\n resize: function resize (state, payload) {\r\n var dx = payload.x - state.startX;\r\n var dy = payload.y - state.startY;\r\n var value;\r\n\r\n if (payload.type === 'right') {\r\n value = state.originX + Math.floor(dx * 100 / state.zoom);\r\n state.activeElement.width = value > 10 ? value : 10;\r\n return\r\n }\r\n\r\n if (payload.type === 'down') {\r\n value = state.originX + Math.floor(dy * 100 / state.zoom);\r\n state.activeElement.height = value > 10 ? value : 10;\r\n return\r\n }\r\n\r\n if (payload.type === 'left') {\r\n var left = state.originX + Math.floor(dx * 100 / state.zoom);\r\n var width = state.originY - Math.floor(dx * 100 / state.zoom);\r\n state.activeElement.left = left > 0 ? left : 0;\r\n state.activeElement.width = width > 10 ? width : 10;\r\n return\r\n }\r\n\r\n if (payload.type === 'up') {\r\n var top = state.originX + Math.floor(dy * 100 / state.zoom);\r\n var height = state.originY - Math.floor(dy * 100 / state.zoom);\r\n state.activeElement.top = top > 0 ? top : 0;\r\n state.activeElement.height = height > 10 ? height : 10;\r\n return\r\n }\r\n\r\n //CS Changes - resize width proportion\r\n if (payload.type === 'leftP') {\r\n let beforeWidth = state.activeElement.width;\r\n\r\n var left = state.originX + Math.floor(dx * 100 / state.zoom);\r\n var width = state.originY - Math.floor(dx * 100 / state.zoom);\r\n state.activeElement.left = left > 0 ? left : 0;\r\n state.activeElement.width = width > 10 ? width : 10;\r\n\r\n let newHeight = state.activeElement.height * (((state.activeElement.width / beforeWidth) * 100)/100);\r\n state.activeElement.height = newHeight > 10 ? newHeight : 10;\r\n return\r\n }\r\n //CS Changes - resize width proportion\r\n },\r\n\r\n // 复制元件\r\n copy: function copy (state, payload) {\r\n if (state.type !== 'page') {\r\n var copy = Object.assign({}, state.activeElement, {top: state.top, uuid: generate('1234567890abcdef', 10)});\r\n\r\n // 由于容器的名称必须是唯一的,故复制容器需作处理\r\n if (state.activeElement.isContainer) {\r\n var name = state.activeElement.name;\r\n if (name) {\r\n // 设置容器副本的名称\r\n var copyName = name.split('-')[0] + '-' + state.counter;\r\n copy.name = copyName;\r\n\r\n // 复制容器内的图片和文本\r\n for (var i = 0, len = state.widgets.length; i < len; i++) {\r\n if (state.widgets[i].belong === name) {\r\n state.widgets.push(\r\n Object.assign({}, state.widgets[i], { belong: copyName })\r\n );\r\n }\r\n }\r\n\r\n state.counter += 1;\r\n }\r\n }\r\n\r\n state.widgets.push(copy);\r\n }\r\n },\r\n\r\n // 更新元件初始 top 值\r\n updateSrollTop: function updateSrollTop (state, top) {\r\n state.top = top;\r\n },\r\n\r\n // 页面缩放\r\n zoom: function zoom (state, val) {\r\n state.zoom = val;\r\n },\r\n\r\n // 初始化选中对象\r\n initActive: function initActive (state) {\r\n state.activeElement = state.page;\r\n },\r\n\r\n // 删除选中元件\r\n delete: function delete$1 (state) {\r\n var type = state.type;\r\n if (type === 'page') { return }\r\n\r\n // 如果删除的是容器,须将内部元件一并删除\r\n if (state.activeElement.isContainer) {\r\n var name = state.activeElement.name;\r\n\r\n for (var i = 0; i < state.widgets.length; i++) {\r\n if (state.widgets[i].belong === name) {\r\n state.widgets.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n // LS changes\r\n var selecteduuid = $(\".layer.g-active\").data(\"uuid\");\r\n for (var i = 0; i < state.widgets.length; i++) {\r\n if (state.widgets[i].uuid === selecteduuid) {\r\n state.widgets.splice(i, 1);\r\n }\r\n }\r\n\r\n // 删除元件\r\n // state.widgets.splice(state.index, 1);\r\n\r\n // 重置 activeElement\r\n state.activeElement = state.page;\r\n // state.type = 'page'\r\n state.uuid = -1;\r\n },\r\n\r\n // 添加组件\r\n addWidget: function addWidget (state, ref) {\r\n var data = ref.data; if ( data === void 0 ) data = null;\r\n var item = ref.item;\r\n\r\n var def = { top: state.top, uuid: generate('1234567890abcdef', 10) };\r\n var setting = JSON.parse(JSON.stringify(item.setting));\r\n\r\n if (setting.isContainer) {\r\n setting.name = def.uuid;\r\n }\r\n\r\n //CS Changes - add Rotate\r\n setting.rotate = 0;\r\n //CS Changes - add Rotate\r\n\r\n if (data) {\r\n data.forEach(function (val) {\r\n state.widgets.push(Object.assign(setting, val, def));\r\n });\r\n } else {\r\n state.widgets.push(Object.assign(setting, def));\r\n }\r\n },\r\n\r\n // 替换图片\r\n replaceImage: function replaceImage (state, payload) {\r\n state.activeElement.width = payload[0].width;\r\n state.activeElement.url = payload[0].url;\r\n },\r\n\r\n // 添加容器背景图\r\n addContainerBackPic: function addContainerBackPic (state, payload) {\r\n state.activeElement.backPic = payload[0].url;\r\n state.activeElement.backPicUrl = payload[0].src;\r\n state.activeElement.width = payload[0].width;\r\n state.activeElement.height = payload[0].height;\r\n },\r\n\r\n // 添加背景图\r\n addBackPic: function addBackPic (state, payload) {\r\n state.activeElement.backPic = payload[0].url;\r\n state.activeElement.backPicUrl = payload[0].src;\r\n },\r\n\r\n // 添加动画\r\n addAnimation: function addAnimation (state) {\r\n state.animation.push({\r\n name: '',\r\n duration: 3,\r\n delay: 0,\r\n iteration: 1,\r\n timing: 'linear',\r\n direction: 'normal',\r\n fill: 'none',\r\n keyframes: [\r\n {\r\n stop: 0,\r\n css: ''\r\n }\r\n ]\r\n });\r\n },\r\n\r\n // 为动画添加 keyframe\r\n addkeyframe: function addkeyframe (state, name) {\r\n state.animation.map(function (val) {\r\n if (val.name === name) {\r\n val.keyframes.push({\r\n stop: 0,\r\n css: ''\r\n });\r\n }\r\n });\r\n },\r\n\r\n // 动画的播放与停止\r\n setAnimation: function setAnimation (state, status) {\r\n state.playState = status;\r\n },\r\n\r\n // 更新数据\r\n updateData: function updateData (state, ref) {\r\n var uuid = ref.uuid;\r\n var key = ref.key;\r\n var value = ref.value;\r\n\r\n var widget = state.widgets.find(function (w) { return w.uuid === uuid; });\r\n widget[key] = value;\r\n }\r\n};\r\n\r\n// import Vue from 'vue'\r\n\r\n// Vue.use(Store)\r\n\r\nvar vpd = new Store({\r\n state: state,\r\n actions: actions,\r\n mutations: mutations\r\n});\r\n\r\nvar vpd$1 = {\r\n beforeCreate: function beforeCreate () {\r\n this.$vpd = vpd;\r\n }\r\n};\r\n\r\n// 默认 widgets\r\n\r\nvar widgets;\r\nvar widgetStyle = {};\r\n\r\nvar install = function (Vue$$1, config) {\r\n if ( config === void 0 ) config = {};\r\n\r\n if (install.installed) { return }\r\n\r\n widgets = Object.assign({}, defaultWidgets, config.widgets);\r\n\r\n Object.keys(widgets).forEach(function (key) {\r\n Vue$$1.component(key, widgets[key]);\r\n Vue$$1.component(key, Vue$$1.extend(widgets[key]).extend(vpd$1));\r\n // style panel\r\n if (widgets[key]['panel']) {\r\n var panel = Object.assign({}, widgets[key]['panel'], {\r\n type: key\r\n });\r\n Vue$$1.component(panel.name, Vue$$1.extend(panel).extend(vpd$1));\r\n widgetStyle[panel.name] = panel;\r\n // remove panel from object\r\n delete widgets[key]['panel'];\r\n }\r\n });\r\n};\r\n\r\nvar widget = {\r\n install: install,\r\n getWidgets: function getWidgets () {\r\n return widgets\r\n },\r\n getWidgetStyle: function getWidgetStyle () {\r\n return widgetStyle\r\n }\r\n};\r\n\r\n//\r\nvar script = {\r\n mixins: [vpd$1],\r\n computed: {\r\n show: function show () {\r\n return this.$vpd.state.type !== 'page'\r\n }\r\n },\r\n mounted: function mounted () {\r\n var this$1 = this;\r\n\r\n // Ctrl + C 复制元件\r\n document.addEventListener(\r\n 'keyup',\r\n function (e) {\r\n e.stopPropagation();\r\n if ((e.ctrlKey || e.metaKey) && e.keyCode === 67) {\r\n this$1.copyWidget();\r\n }\r\n },\r\n true\r\n );\r\n\r\n // Delete 删除选中元件\r\n document.addEventListener(\r\n 'keyup',\r\n function (e) {\r\n e.stopPropagation();\r\n if (e.keyCode === 46) {\r\n this$1.dele();\r\n }\r\n },\r\n true\r\n );\r\n\r\n // Ctrl + S 保存\r\n document.addEventListener(\r\n 'keyup',\r\n function (e) {\r\n e.stopPropagation();\r\n if ((e.ctrlKey || e.metaKey) && e.keyCode === 83) {\r\n this$1.save();\r\n }\r\n },\r\n true\r\n );\r\n },\r\n\r\n methods: {\r\n // 保存\r\n save: function save () {\r\n this.$vpd.dispatch('save');\r\n },\r\n\r\n // 复制元件\r\n copyWidget: function copyWidget () {\r\n this.$vpd.commit('copy');\r\n },\r\n\r\n // 删除元件\r\n dele: function dele () {\r\n this.$vpd.commit('delete');\r\n }\r\n }\r\n};\r\n\r\nfunction normalizeComponent(compiledTemplate, injectStyle, defaultExport, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, isShadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\r\n if (typeof isShadowMode === 'function') {\r\n createInjectorSSR = createInjector;\r\n createInjector = isShadowMode;\r\n isShadowMode = false;\r\n }\r\n // Vue.extend constructor export interop\r\n const options = typeof defaultExport === 'function' ? defaultExport.options : defaultExport;\r\n // render functions\r\n if (compiledTemplate && compiledTemplate.render) {\r\n options.render = compiledTemplate.render;\r\n options.staticRenderFns = compiledTemplate.staticRenderFns;\r\n options._compiled = true;\r\n // functional template\r\n if (isFunctionalTemplate) {\r\n options.functional = true;\r\n }\r\n }\r\n // scopedId\r\n if (scopeId) {\r\n options._scopeId = scopeId;\r\n }\r\n let hook;\r\n if (moduleIdentifier) {\r\n // server build\r\n hook = function (context) {\r\n // 2.3 injection\r\n context =\r\n context || // cached call\r\n (this.$vnode && this.$vnode.ssrContext) || // stateful\r\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional\r\n // 2.2 with runInNewContext: true\r\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\r\n context = __VUE_SSR_CONTEXT__;\r\n }\r\n // inject component styles\r\n if (injectStyle) {\r\n injectStyle.call(this, createInjectorSSR(context));\r\n }\r\n // register component module identifier for async chunk inference\r\n if (context && context._registeredComponents) {\r\n context._registeredComponents.add(moduleIdentifier);\r\n }\r\n };\r\n // used by ssr in case component is cached and beforeCreate\r\n // never gets called\r\n options._ssrRegister = hook;\r\n }\r\n else if (injectStyle) {\r\n hook = isShadowMode\r\n ? function () {\r\n injectStyle.call(this, createInjectorShadow(this.$root.$options.shadowRoot));\r\n }\r\n : function (context) {\r\n injectStyle.call(this, createInjector(context));\r\n };\r\n }\r\n if (hook) {\r\n if (options.functional) {\r\n // register for functional component in vue file\r\n const originalRender = options.render;\r\n options.render = function renderWithStyleInjection(h, context) {\r\n hook.call(context);\r\n return originalRender(h, context);\r\n };\r\n }\r\n else {\r\n // inject component registration as beforeCreate hook\r\n const existing = options.beforeCreate;\r\n options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\r\n }\r\n }\r\n return defaultExport;\r\n}\r\n\r\n/* script */\r\nvar __vue_script__ = script;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript.__file = \"navbar.vue\";\r\n/* template */\r\nvar __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:\"header\"},[_c('div',{staticClass:\"navbar container grid-xl\"},[_c('section',{staticClass:\"logo navbar-section\"},[_c('vpd-icon',{attrs:{\"name\":\"anchor\"}})],1),_vm._v(\" \"),_c('section',{staticClass:\"navbar-section\"},[_c('a',{staticClass:\"btn btn-link tooltip tooltip-bottom\",attrs:{\"data-tooltip\":\"复制元件 Ctrl + C\"},on:{\"click\":_vm.copyWidget}},[_c('vpd-icon',{attrs:{\"name\":\"copy\"}}),_vm._v(\" 复制\\n \")],1),_vm._v(\" \"),_c('a',{staticClass:\"btn btn-link tooltip tooltip-bottom btn-delete-selected\",attrs:{\"data-tooltip\":lang(\"Delete Selected Item\")},on:{\"click\":_vm.dele}},[_c('vpd-icon',{attrs:{\"name\":\"trash-2\"}}),_vm._v(lang(\"Delete Selected Item\"))],1),_vm._v(\" \"),_c('a',{staticClass:\"btn btn-link tooltip tooltip-bottom\",attrs:{\"data-tooltip\":\"保存 Ctrl + S\"},on:{\"click\":_vm.save}},[_c('vpd-icon',{attrs:{\"name\":\"save\"}}),_vm._v(\" 保存\")],1)])])])};\r\nvar __vue_staticRenderFns__ = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__ = undefined;\r\n /* scoped */\r\n var __vue_scope_id__ = undefined;\r\n /* module identifier */\r\n var __vue_module_identifier__ = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__ = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var navbar = normalizeComponent(\r\n { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },\r\n __vue_inject_styles__,\r\n __vue_script__,\r\n __vue_scope_id__,\r\n __vue_is_functional_template__,\r\n __vue_module_identifier__,\r\n undefined,\r\n undefined\r\n );\r\n\r\nvar move = {\r\n methods: {\r\n initmovement: function initmovement (e) {\r\n var target = this.$vpd.state.activeElement;\r\n\r\n // 设置移动状态初始值\r\n this.$vpd.commit('initmove', {\r\n startX: e.pageX,\r\n startY: e.pageY,\r\n originX: target.left,\r\n originY: target.top\r\n });\r\n\r\n // 绑定鼠标移动事件\r\n document.addEventListener('mousemove', this.handlemousemove, true);\r\n\r\n // 取消鼠标移动事件\r\n document.addEventListener('mouseup', this.handlemouseup, true);\r\n },\r\n\r\n handlemousemove: function handlemousemove (e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n this.$vpd.commit('move', {\r\n x: e.pageX,\r\n y: e.pageY\r\n });\r\n },\r\n\r\n handlemouseup: function handlemouseup () {\r\n document.removeEventListener('mousemove', this.handlemousemove, true);\r\n document.removeEventListener('mouseup', this.handlemouseup, true);\r\n this.$vpd.commit('stopmove');\r\n }\r\n }\r\n};\r\n\r\nfunction cumulativeOffset (element) {\r\n var top = 0;\r\n var left = 0;\r\n\r\n do {\r\n top += element.offsetTop || 0;\r\n left += element.offsetLeft || 0;\r\n element = element.offsetParent;\r\n } while (element)\r\n\r\n return {\r\n top: top,\r\n left: left\r\n }\r\n}\r\n\r\nfunction checkInView (el) {\r\n var rect = el.getBoundingClientRect();\r\n return (\r\n rect.top < window.innerHeight &&\r\n (rect.left < window.innerWidth &&\r\n rect.right > 0)\r\n )\r\n}\r\n\r\n//\r\n\r\nvar script$1 = {\r\n mixins: [move, vpd$1],\r\n props: ['zoom'],\r\n data: function data () {\r\n return {}\r\n },\r\n computed: {\r\n widgets: function widgets () {\r\n return widget.getWidgets()\r\n },\r\n layers: function layers () {\r\n return this.$vpd.state.widgets\r\n },\r\n activeElement: function activeElement () {\r\n return this.$vpd.state.activeElement\r\n }\r\n },\r\n methods: {\r\n // 添加组件\r\n addWidget: function addWidget (e, item) {\r\n this.$vpd.dispatch('addWidget', item);\r\n },\r\n\r\n // 为确保添加的元件出现在可视区内,用画布向上滚动距离作为元件初始 top 值\r\n updateSrollTop: function updateSrollTop () {\r\n var top = document.getElementById('viewport').scrollTop / this.zoom * 100;\r\n this.$vpd.commit('updateSrollTop', top);\r\n },\r\n\r\n activeLayer: function activeLayer (e, item) {\r\n this.$vpd.commit('select', {\r\n uuid: item.uuid\r\n });\r\n var viewport = document.querySelector('#viewport');\r\n var target = viewport.querySelector((\"[data-uuid='\" + (item.uuid) + \"']\"));\r\n if (target && !checkInView(target)) {\r\n viewport.scrollTop = (cumulativeOffset(target).top - 50) * this.zoom / 100;\r\n }\r\n },\r\n\r\n getWidgetTitle: function getWidgetTitle (type) {\r\n return this.widgets[type].title || ''\r\n }\r\n }\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$1 = script$1;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$1.__file = \"toolbar.vue\";\r\n/* template */\r\nvar __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"menu-bar\"},[_c('details',{attrs:{\"open\":\"\"}},[_c('summary',[_c('vpd-icon',{attrs:{\"name\":\"list\"}}),_vm._v(lang('tools'))],1),_vm._v(\" \"),_c('ul',{staticClass:\"widget-list columns\",on:{\"mousedown\":_vm.updateSrollTop}},_vm._l((_vm.widgets),function(item){return _c('li',{key:item.name,staticClass:\"menu-item column col-6\",on:{\"click\":function (e) {_vm.addWidget(e, item);}}},[_c('vpd-icon',{attrs:{\"svg\":item.icon,\"title\":item.title}}),_vm._v(\" \"),_c('span',{staticClass:\"menu-caption\"},[_vm._v(_vm._s(item.title))])],1)}),0)]),_vm._v(\" \"),_c('details',[_c('summary',[_c('vpd-icon',{attrs:{\"name\":\"layers\"}}),_vm._v(lang('selected tools'))],1),_vm._v(\" \"),_c('ul',{staticClass:\"layer-list\"},_vm._l((_vm.layers),function(layer){return _c('li',{key:layer.uuid,class:{'layer-active': layer === _vm.activeElement},on:{\"click\":function (e) {_vm.activeLayer(e, layer);}}},[_vm._v(_vm._s(_vm.getWidgetTitle(layer.type)))])}),0)])])};\r\nvar __vue_staticRenderFns__$1 = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$1 = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$1 = undefined;\r\n /* module identifier */\r\n var __vue_module_identifier__$1 = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$1 = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var toolbar = normalizeComponent(\r\n { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },\r\n __vue_inject_styles__$1,\r\n __vue_script__$1,\r\n __vue_scope_id__$1,\r\n __vue_is_functional_template__$1,\r\n __vue_module_identifier__$1,\r\n undefined,\r\n undefined\r\n );\r\n\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n\r\nvar script$2 = {\r\n props: ['activeElement', 'tab']\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$2 = script$2;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$2.__file = \"page.vue\";\r\n\r\n/* template */\r\nvar __vue_render__$2 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.activeElement.page && _vm.tab === 1)?_c('div',{staticClass:\"panel-wrap title-panel\"},[_c('div',{staticClass:\"panel-row\",attrs:{\"flex\":\"\"}},[_c('vpd-icon',{attrs:{\"name\":\"type\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"页面标题\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.activeElement.title),expression:\"activeElement.title\"}],attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.activeElement.title)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.activeElement, \"title\", $event.target.value);}}})])],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\",attrs:{\"flex\":\"\"}},[_c('vpd-icon',{attrs:{\"name\":\"smartphone\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(lang('height'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.activeElement.height),expression:\"activeElement.height\"}],attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.activeElement.height)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.activeElement, \"height\", $event.target.value);}}})])],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\",attrs:{\"flex\":\"\"}},[_c('vpd-icon',{attrs:{\"name\":\"droplet\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(lang('background'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.activeElement.backgroundColor),expression:\"activeElement.backgroundColor\"}],attrs:{\"type\":\"color\"},domProps:{\"value\":(_vm.activeElement.backgroundColor)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.activeElement, \"backgroundColor\", $event.target.value);}}})])],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\",attrs:{\"flex\":\"\"}},[_c('vpd-icon',{attrs:{\"name\":\"clock\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"截止日期\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.activeElement.endTime),expression:\"activeElement.endTime\"}],attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.activeElement.endTime)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.activeElement, \"endTime\", $event.target.value);}}})])],1)]):_vm._e()};\r\nvar __vue_staticRenderFns__$2 = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$2 = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$2 = undefined;\r\n /* module identifier */\r\n var __vue_module_identifier__$2 = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$2 = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var page = normalizeComponent(\r\n { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },\r\n __vue_inject_styles__$2,\r\n __vue_script__$2,\r\n __vue_scope_id__$2,\r\n __vue_is_functional_template__$2,\r\n __vue_module_identifier__$2,\r\n undefined,\r\n undefined\r\n );\r\n\r\n//\r\n\r\nvar script$3 = {\r\n name: 'PanelStyle',\r\n mixins: [vpd$1],\r\n props: ['activeElement', 'tab'],\r\n data: function data () {\r\n return {}\r\n },\r\n\r\n computed: {\r\n widgetStyle: function widgetStyle () {\r\n return widget.getWidgetStyle()\r\n },\r\n // 页面高度\r\n height: function height () {\r\n return this.$vpd.state.page.height\r\n },\r\n\r\n // 容器名称\r\n containerName: function containerName () {\r\n var arr = [];\r\n this.$vpd.state.widgets.map(\r\n function (val) { return val.isContainer && val.name && arr.push(val.name); }\r\n );\r\n\r\n return arr\r\n }\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n// /* script */\r\n// var __vue_script__$3 = script$3;\r\n// // For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\n// script$3.__file = \"style.vue\";\r\n//\r\n// /* template */\r\n// var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.activeElement.page && _vm.tab === 1)?_c('div',{staticClass:\"panel-wrap setting-panel\"},[_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"layers\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(lang('layers'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_vm._v(_vm._s(_vm.activeElement.z))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},[_c('vpd-slider',{attrs:{\"step\":1,\"max\":20},model:{value:(_vm.activeElement.z),callback:function ($$v) {_vm.$set(_vm.activeElement, \"z\", $$v);},expression:\"activeElement.z\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"more-horizontal\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(lang('width'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_vm._v(_vm._s(_vm.activeElement.width))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},[_c('vpd-slider',{attrs:{\"step\":1,\"max\":750},model:{value:(_vm.activeElement.width),callback:function ($$v) {_vm.$set(_vm.activeElement, \"width\", $$v);},expression:\"activeElement.width\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"more-vertical\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(lang('height'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_vm._v(_vm._s(_vm.activeElement.height))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},[_c('vpd-slider',{attrs:{\"step\":1,\"max\":_vm.height},model:{value:(_vm.activeElement.height),callback:function ($$v) {_vm.$set(_vm.activeElement, \"height\", $$v);},expression:\"activeElement.height\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"arrow-right\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(lang('horizontal'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_vm._v(_vm._s(_vm.activeElement.left))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},[_c('vpd-slider',{attrs:{\"step\":1,\"max\":750},model:{value:(_vm.activeElement.left),callback:function ($$v) {_vm.$set(_vm.activeElement, \"left\", $$v);},expression:\"activeElement.left\"}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"arrow-down\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(lang('vertical'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_vm._v(_vm._s(_vm.activeElement.top))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},[_c('vpd-slider',{attrs:{\"step\":1,\"max\":_vm.height},model:{value:(_vm.activeElement.top),callback:function ($$v) {_vm.$set(_vm.activeElement, \"top\", $$v);},expression:\"activeElement.top\"}})],1)],1),_vm._v(\" \"),_vm._l((_vm.widgetStyle),function(item,i){return (item.type === _vm.activeElement.type)?_c(_vm.widgetStyle[i],{key:i,tag:\"component\",attrs:{\"active-element\":_vm.activeElement}}):_vm._e()}),_vm._v(\" \"),(_vm.activeElement.isChild)?_c('div',[_c('hr'),_vm._v(\" \"),_c('div',{staticClass:\"panel-row selected-panel\"},[_c('vpd-icon',{attrs:{\"name\":\"layout\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"所属容器\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.activeElement.belong),expression:\"activeElement.belong\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.activeElement, \"belong\", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',[_vm._v(\"page\")]),_vm._v(\" \"),_vm._l((_vm.containerName),function(val,index){return _c('option',{key:index},[_vm._v(_vm._s(val))])})],2)])],1)]):_vm._e()],2):_vm._e()};\r\n// var __vue_staticRenderFns__$3 = [];\r\n//\r\n// /* style */\r\n// var __vue_inject_styles__$3 = undefined;\r\n// /* scoped */\r\n// var __vue_scope_id__$3 = undefined;\r\n// /* module identifier */\r\n// var __vue_module_identifier__$3 = undefined;\r\n// /* functional template */\r\n// var __vue_is_functional_template__$3 = false;\r\n// /* style inject */\r\n//\r\n// /* style inject SSR */\r\n//\r\n//\r\n//\r\n// var style = normalizeComponent(\r\n// { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },\r\n// __vue_inject_styles__$3,\r\n// __vue_script__$3,\r\n// __vue_scope_id__$3,\r\n// __vue_is_functional_template__$3,\r\n// __vue_module_identifier__$3,\r\n// undefined,\r\n// undefined\r\n// );\r\n\r\n//CS Changes\r\n/* script */\r\nvar __vue_script__$3 = script$3;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$3.__file = \"style.vue\";\r\n\r\n/* template */\r\nvar __vue_render__$3 = function () {\r\n var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\r\n\r\n return(!_vm.activeElement.page && _vm.tab === 1)?_c('div',{staticClass:\"panel-wrap setting-panel\"},\r\n [\r\n _c('div',{staticClass:\"panel-row\"},\r\n [_c('vpd-icon',{attrs:{\"name\":\"layers\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},\r\n [_vm._v(lang('layers'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},\r\n [_vm._v(_vm._s(_vm.activeElement.z))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},\r\n [_c('vpd-slider',{attrs:{\"step\":1,\"max\":20},model:{value:(_vm.activeElement.z), callback:function ($$v) {_vm.$set(_vm.activeElement, \"z\", $$v);},expression:\"activeElement.z\"}})],1)],1),_vm._v(\" \"),\r\n\r\n _c('div',{staticClass:\"panel-row\"},\r\n [_c('vpd-icon',{attrs:{\"name\":\"more-horizontal\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},\r\n [_vm._v(lang('width'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},\r\n [_vm._v(_vm._s(_vm.activeElement.width))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},\r\n [_c('vpd-slider',{attrs:{\"step\":1,\"max\":750},model:{value:(_vm.activeElement.width),callback:function ($$v) {_vm.$set(_vm.activeElement, \"width\", $$v);}, expression:\"activeElement.width\"}})],1)],1),_vm._v(\" \"),\r\n\r\n _c('div',{staticClass:\"panel-row\"},\r\n [_c('vpd-icon',{attrs:{\"name\":\"more-vertical\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},\r\n [_vm._v(lang('height'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},\r\n [_vm._v(_vm._s(_vm.activeElement.height))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},\r\n [_c('vpd-slider',{attrs:{\"step\":1,\"max\":_vm.height},model:{value:(_vm.activeElement.height),callback:function ($$v) {_vm.$set(_vm.activeElement, \"height\", $$v);},expression:\"activeElement.height\"}})],1)],1),_vm._v(\" \"),\r\n\r\n //CS Changes - add Rotate\r\n _c('div',{staticClass:\"panel-row\"},\r\n [_c('vpd-icon',{attrs:{\"name\":\"arrow-right\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},\r\n [_vm._v(lang('Rotate'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},\r\n [_vm._v(_vm._s(_vm.activeElement.rotate))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},\r\n [_c('vpd-slider',{attrs:{\"step\":1,\"max\":360,\"min\":-360},model:{value:(_vm.activeElement.rotate),callback:function ($$v) {_vm.$set(_vm.activeElement, \"rotate\", $$v);},expression:\"activeElement.rotate\"}})],1)],1),_vm._v(\" \"),\r\n //CS Changes - add Rotate\r\n\r\n _c('div',{staticClass:\"panel-row\"},\r\n [_c('vpd-icon',{attrs:{\"name\":\"arrow-right\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},\r\n [_vm._v(lang('horizontal'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},\r\n [_vm._v(_vm._s(_vm.activeElement.left))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},\r\n [_c('vpd-slider',{attrs:{\"step\":1,\"max\":750},model:{value:(_vm.activeElement.left),callback:function ($$v) {_vm.$set(_vm.activeElement, \"left\", $$v);},expression:\"activeElement.left\"}})],1)],1),_vm._v(\" \"),\r\n\r\n _c('div',{staticClass:\"panel-row\"},\r\n [_c('vpd-icon',{attrs:{\"name\":\"arrow-down\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},\r\n [_vm._v(lang('vertical'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},\r\n [_vm._v(_vm._s(_vm.activeElement.top))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},\r\n [_c('vpd-slider',{attrs:{\"step\":1,\"max\":_vm.height},model:{value:(_vm.activeElement.top),callback:function ($$v) {_vm.$set(_vm.activeElement, \"top\", $$v);},expression:\"activeElement.top\"}})],1)],1),_vm._v(\" \"),_vm._l((_vm.widgetStyle),function(item,i){return (item.type === _vm.activeElement.type)?_c(_vm.widgetStyle[i],{key:i,tag:\"component\",attrs:{\"active-element\":_vm.activeElement}}):_vm._e()}),_vm._v(\" \"),(_vm.activeElement.isChild)?_c('div',[_c('hr'),_vm._v(\" \"),\r\n\r\n _c('div',{staticClass:\"panel-row selected-panel\"},[_c('vpd-icon',{attrs:{\"name\":\"layout\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},\r\n [_vm._v(\"所属容器\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},\r\n [_c('select',{directives:[{name:\"model\",rawName:\"v-model\", value:(_vm.activeElement.belong),expression:\"activeElement.belong\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.activeElement, \"belong\", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',[_vm._v(\"page\")]),_vm._v(\" \"),_vm._l((_vm.containerName),function(val,index){return _c('option',{key:index},[_vm._v(_vm._s(val))])})],2)])],1)]):_vm._e()\r\n ],2):_vm._e()\r\n};\r\n//CS Changes\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nvar __vue_staticRenderFns__$3 = [];\r\n\r\n/* style */\r\nvar __vue_inject_styles__$3 = undefined;\r\n/* scoped */\r\nvar __vue_scope_id__$3 = undefined;\r\n/* module identifier */\r\nvar __vue_module_identifier__$3 = undefined;\r\n/* functional template */\r\nvar __vue_is_functional_template__$3 = false;\r\n/* style inject */\r\n\r\n/* style inject SSR */\r\n\r\n\r\n\r\nvar style = normalizeComponent(\r\n { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },\r\n __vue_inject_styles__$3,\r\n __vue_script__$3,\r\n __vue_scope_id__$3,\r\n __vue_is_functional_template__$3,\r\n __vue_module_identifier__$3,\r\n undefined,\r\n undefined\r\n);\r\n\r\n\r\n\r\n\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n\r\nvar script$4 = {\r\n props: ['activeElement', 'tab']\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$4 = script$4;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$4.__file = \"event.vue\";\r\n\r\n/* template */\r\nvar __vue_render__$4 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.tab === 2)?_c('div',{staticClass:\"panel-wrap\"},[_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"link\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(lang('onclick'))])],1),_vm._v(\" \"),(_vm.activeElement.href !== undefined)?_c('div',{staticClass:\"panel-row\"},[_c('div',{staticClass:\"panel-label\"},[_vm._v(lang('link'))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.activeElement.href),expression:\"activeElement.href\"}],attrs:{\"type\":\"text\",\"placeholder\":\"\"},domProps:{\"value\":(_vm.activeElement.href)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.activeElement, \"href\", $event.target.value);}}})])]):_vm._e()]):_vm._e()};\r\nvar __vue_staticRenderFns__$4 = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$4 = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$4 = undefined;\r\n /* module identifier */\r\n var __vue_module_identifier__$4 = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$4 = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var event = normalizeComponent(\r\n { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },\r\n __vue_inject_styles__$4,\r\n __vue_script__$4,\r\n __vue_scope_id__$4,\r\n __vue_is_functional_template__$4,\r\n __vue_module_identifier__$4,\r\n undefined,\r\n undefined\r\n );\r\n\r\n/**\r\n * 用于生成动画 keyframes 字符串\r\n *\r\n * @name { String } animation-name\r\n * @animation { Object } animation's properties\r\n * @stops { Array } key frames\r\n * @needFormat { Boolean } default is true\r\n *\r\n * @return { String }\r\n */\r\nfunction getAnimateCss (name, animation, stops, needFormat) {\r\n if ( needFormat === void 0 ) needFormat = true;\r\n\r\n var properties = ['duration', 'timing', 'delay', 'iteration', 'direction', 'fill'];\r\n var values = [name];\r\n\r\n properties.map(function (val) {\r\n if (animation[val] === undefined) { return }\r\n if (val === 'duration' || val === 'delay') {\r\n values.push(animation[val] + 's');\r\n } else if (val === 'iteration') {\r\n values.push(animation[val] === 0 ? 'infinite' : animation[val]);\r\n } else {\r\n values.push(animation[val]);\r\n }\r\n });\r\n\r\n var animateCss = 'animation: ' + values.join(' ') + ';';\r\n\r\n // 生成 keyframes 代码\r\n var keyframes = [];\r\n if (needFormat) {\r\n stops.map(function (val) {\r\n keyframes.push('\\t' + val.stop + '% {\\n');\r\n keyframes.push('\\t\\t' + val.css + '\\n\\t}\\n');\r\n });\r\n } else {\r\n stops.map(function (val) {\r\n keyframes.push(val.stop + '% {');\r\n keyframes.push(val.css + '}');\r\n });\r\n }\r\n var keyframeCss = keyframes.join('');\r\n\r\n var output =\r\n\"\\n.anm-\" + name + \" {\\n -webkit-\" + animateCss + \"\\n \" + animateCss + \"\\n}\\n@keyframes \" + name + \" {\\n\" + keyframeCss + \"}\\n@-webkit-keyframes \" + name + \" {\\n\" + keyframeCss + \"}\\n\";\r\n return output\r\n}\r\n\r\n//\r\nvar script$5 = {\r\n name: 'PanelAnimation',\r\n mixins: [vpd$1],\r\n props: ['activeElement', 'tab'],\r\n data: function data () {\r\n return {\r\n currentName: '',\r\n currentAnimation: null\r\n }\r\n },\r\n\r\n computed: {\r\n animationNames: function animationNames () {\r\n var arr = [];\r\n this.$vpd.state.animation.map(function (val) { return arr.push(val.name); });\r\n\r\n return arr\r\n }\r\n },\r\n\r\n watch: {\r\n currentName: function (val) {\r\n // 设置选中元件的动画名称\r\n if (this.activeElement.animationName !== undefined) {\r\n this.activeElement.animationName = val;\r\n }\r\n this.getCurrentAnimation(val);\r\n },\r\n\r\n activeElement: function (val) {\r\n if (val.animationName !== undefined) {\r\n this.currentName = val.animationName;\r\n } else {\r\n this.currentName = '';\r\n }\r\n }\r\n },\r\n\r\n methods: {\r\n addAnimation: function addAnimation () {\r\n // 检查是否存在未命名动画,避免重复添加\r\n if (this.$vpd.state.animation.some(function (val) { return val.name === ''; })) {\r\n this.$vpd.$emit('notify', {\r\n info: '还有未命名动画,请先命名'\r\n });\r\n return\r\n }\r\n this.$vpd.commit('addAnimation');\r\n this.currentName = '';\r\n this.getCurrentAnimation('');\r\n },\r\n\r\n getCurrentAnimation: function getCurrentAnimation (name) {\r\n var result = this.$vpd.state.animation.filter(function (val) { return val.name === name; });\r\n this.currentAnimation = result[0];\r\n },\r\n\r\n addkeyframe: function addkeyframe () {\r\n var name = this.currentAnimation.name;\r\n if (name === '') {\r\n this.$vpd.$emit('notify', {\r\n info: '请先为动画命名'\r\n });\r\n return\r\n }\r\n this.$vpd.commit('addkeyframe', name);\r\n },\r\n\r\n validateName: function validateName (e) {\r\n var this$1 = this;\r\n\r\n var value = e.target.value;\r\n if (value === '') { return }\r\n if (!/^[a-zA-Z]/.test(value)) {\r\n this.$nextTick(function () {\r\n this$1.currentAnimation.name = '';\r\n });\r\n this.$vpd.$emit('notify', {\r\n info: '动画名称必须以英文开头'\r\n });\r\n }\r\n\r\n if (/\\W/g.test(value)) {\r\n this.$nextTick(function () {\r\n this$1.currentAnimation.name = value.replace(/\\W/g, '');\r\n });\r\n this.$vpd.$emit('notify', {\r\n info: '请勿使用英文和数字以外的字符'\r\n });\r\n }\r\n },\r\n\r\n play: function play () {\r\n var this$1 = this;\r\n\r\n // stop animation if any\r\n this.$vpd.commit('setAnimation', false);\r\n\r\n setTimeout(function () {\r\n var animations = this$1.$vpd.state.animation;\r\n if (animations.length === 0) { return }\r\n\r\n animations.map(function (val) {\r\n // build style code and insert into document\r\n var id = 'anm-' + val.name;\r\n var styleNode = document.getElementById(id);\r\n\r\n if (styleNode) {\r\n styleNode.innerHTML = getAnimateCss(\r\n val.name,\r\n val,\r\n val.keyframes,\r\n false\r\n );\r\n } else {\r\n var style = document.createElement('style');\r\n style.id = id;\r\n style.innerHTML = getAnimateCss(\r\n val.name,\r\n val,\r\n val.keyframes,\r\n false\r\n );\r\n document.head.append(style);\r\n }\r\n });\r\n\r\n this$1.$vpd.commit('setAnimation', true);\r\n }, 200);\r\n }\r\n }\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$5 = script$5;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$5.__file = \"animation.vue\";\r\n/* template */\r\nvar __vue_render__$5 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.tab === 3)?_c('div',{staticClass:\"panel-wrap\"},[_c('button',{staticClass:\"btn btn-action float-right mx-1\"},[_c('vpd-icon',{attrs:{\"name\":\"plus\"},on:{\"click\":_vm.addAnimation}})],1),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-action float-right\"},[_c('vpd-icon',{attrs:{\"name\":\"play\"},on:{\"click\":_vm.play}})],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"film\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"选择动画\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentName),expression:\"currentName\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.currentName=$event.target.multiple ? $$selectedVal : $$selectedVal[0];}}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"无\")]),_vm._v(\" \"),_vm._l((_vm.animationNames),function(val,index){return _c('option',{key:index,domProps:{\"value\":val}},[_vm._v(_vm._s(val))])})],2)])],1),_vm._v(\" \"),(_vm.currentAnimation)?_c('div',[_c('hr'),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"type\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"动画名称\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.currentAnimation.name),expression:\"currentAnimation.name\",modifiers:{\"trim\":true}}],attrs:{\"type\":\"text\",\"placeholder\":\"动画名称,仅限英文\"},domProps:{\"value\":(_vm.currentAnimation.name)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.$set(_vm.currentAnimation, \"name\", $event.target.value.trim());},_vm.validateName],\"blur\":function($event){_vm.$forceUpdate();}}})])],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"clock\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"动画时长\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.currentAnimation.duration),expression:\"currentAnimation.duration\",modifiers:{\"number\":true}}],attrs:{\"type\":\"text\",\"placeholder\":\"请输入大于0的数字\"},domProps:{\"value\":(_vm.currentAnimation.duration)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.currentAnimation, \"duration\", _vm._n($event.target.value));},\"blur\":function($event){_vm.$forceUpdate();}}})])],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"watch\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"动画延迟\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.currentAnimation.delay),expression:\"currentAnimation.delay\",modifiers:{\"number\":true}}],attrs:{\"type\":\"text\",\"placeholder\":\"请输入不小于0的数字\"},domProps:{\"value\":(_vm.currentAnimation.delay)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.currentAnimation, \"delay\", _vm._n($event.target.value));},\"blur\":function($event){_vm.$forceUpdate();}}})])],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"repeat\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"动画循环\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.currentAnimation.iteration),expression:\"currentAnimation.iteration\",modifiers:{\"number\":true}}],attrs:{\"type\":\"text\",\"placeholder\":\"输入0表示无限循环\"},domProps:{\"value\":(_vm.currentAnimation.iteration)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.currentAnimation, \"iteration\", _vm._n($event.target.value));},\"blur\":function($event){_vm.$forceUpdate();}}})])],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"activity\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"缓动函数\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentAnimation.timing),expression:\"currentAnimation.timing\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.currentAnimation, \"timing\", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',[_vm._v(\"linear\")]),_vm._v(\" \"),_c('option',[_vm._v(\"ease\")]),_vm._v(\" \"),_c('option',[_vm._v(\"ease-in\")]),_vm._v(\" \"),_c('option',[_vm._v(\"ease-out\")]),_vm._v(\" \"),_c('option',[_vm._v(\"ease-in-out\")])])])],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"rotate-cw\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"动画方向\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentAnimation.direction),expression:\"currentAnimation.direction\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.currentAnimation, \"direction\", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',[_vm._v(\"normal\")]),_vm._v(\" \"),_c('option',[_vm._v(\"reverse\")]),_vm._v(\" \"),_c('option',[_vm._v(\"alternate\")]),_vm._v(\" \"),_c('option',[_vm._v(\"alternate-reverse\")])])])],1),_vm._v(\" \"),_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"chevrons-down\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"fill-mode\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentAnimation.fill),expression:\"currentAnimation.fill\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.currentAnimation, \"fill\", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',[_vm._v(\"none\")]),_vm._v(\" \"),_c('option',[_vm._v(\"forwards\")]),_vm._v(\" \"),_c('option',[_vm._v(\"backwards\")]),_vm._v(\" \"),_c('option',[_vm._v(\"both\")])])])],1),_vm._v(\" \"),_c('hr'),_vm._v(\" \"),_vm._l((_vm.currentAnimation.keyframes),function(val,i){return _c('div',{key:i},[_c('div',{staticClass:\"panel-row\"},[_c('vpd-icon',{attrs:{\"name\":\"stop-circle\"}}),_vm._v(\" \"),_c('div',{staticClass:\"panel-label\"},[_vm._v(\"stop - \"+_vm._s(i))]),_vm._v(\" \"),_c('div',{staticClass:\"panel-value\"},[_vm._v(_vm._s(val.stop)+\"%\")]),_vm._v(\" \"),_c('div',{staticClass:\"panel-slider-wrap\"},[_c('vpd-slider',{attrs:{\"step\":1},model:{value:(val.stop),callback:function ($$v) {_vm.$set(val, \"stop\", $$v);},expression:\"val.stop\"}})],1)],1),_vm._v(\" \"),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(val.css),expression:\"val.css\"}],attrs:{\"placeholder\":\"IMPORTANT: use rem, not px\"},domProps:{\"value\":(val.css)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(val, \"css\", $event.target.value);}}}),_vm._v(\" \"),_c('div',{staticStyle:{\"margin\":\"10px 0 0 20px\"}},[(i + 1 === _vm.currentAnimation.keyframes.length)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.addkeyframe}},[_c('vpd-icon',{attrs:{\"name\":\"plus\"}}),_vm._v(\" 添加新的动画\\n \")],1):_vm._e()])])})],2):_vm._e()]):_vm._e()};\r\nvar __vue_staticRenderFns__$5 = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$5 = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$5 = \"data-v-fa470938\";\r\n /* module identifier */\r\n var __vue_module_identifier__$5 = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$5 = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var animation = normalizeComponent(\r\n { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },\r\n __vue_inject_styles__$5,\r\n __vue_script__$5,\r\n __vue_scope_id__$5,\r\n __vue_is_functional_template__$5,\r\n __vue_module_identifier__$5,\r\n undefined,\r\n undefined\r\n );\r\n\r\n//\r\n\r\nvar script$6 = {\r\n components: {\r\n page: page,\r\n appearance: style,\r\n event: event,\r\n animation: animation\r\n },\r\n mixins: [vpd$1],\r\n\r\n data: function data () {\r\n return {\r\n activeTab: 1\r\n }\r\n },\r\n\r\n computed: {\r\n // 选中元素对象\r\n activeElement: function activeElement () {\r\n return this.$vpd.state.activeElement\r\n }\r\n }\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$6 = script$6;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$6.__file = \"index.vue\";\r\n/* template */\r\nvar __vue_render__$6 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('ul',{staticClass:\"tab tab-block panel-tab\"},[_c('li',{staticClass:\"tab-item\",class:{active: _vm.activeTab === 1},on:{\"click\":function($event){_vm.activeTab = 1;}}},[_c('a',[_vm._v(lang('settings'))])]),_vm._v(\" \"),_c('li',{staticClass:\"tab-item\",class:{active: _vm.activeTab === 2},on:{\"click\":function($event){_vm.activeTab = 2;}}},[_c('a',[_vm._v(lang('interaction'))])]),_vm._v(\" \"),_c('li',{staticClass:\"tab-item\",class:{active: _vm.activeTab === 3},on:{\"click\":function($event){_vm.activeTab = 3;}}},[_c('a',[_vm._v(\"动画\")])])]),_vm._v(\" \"),_c('page',{attrs:{\"active-element\":_vm.activeElement,\"tab\":_vm.activeTab}}),_vm._v(\" \"),_c('appearance',{attrs:{\"active-element\":_vm.activeElement,\"tab\":_vm.activeTab}}),_vm._v(\" \"),_c('event',{attrs:{\"active-element\":_vm.activeElement,\"tab\":_vm.activeTab}}),_vm._v(\" \"),_c('animation',{attrs:{\"active-element\":_vm.activeElement,\"tab\":_vm.activeTab}})],1)};\r\nvar __vue_staticRenderFns__$6 = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$6 = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$6 = undefined;\r\n /* module identifier */\r\n var __vue_module_identifier__$6 = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$6 = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var panel = normalizeComponent(\r\n { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },\r\n __vue_inject_styles__$6,\r\n __vue_script__$6,\r\n __vue_scope_id__$6,\r\n __vue_is_functional_template__$6,\r\n __vue_module_identifier__$6,\r\n undefined,\r\n undefined\r\n );\r\n\r\n//\r\n\r\nvar script$7 = {\r\n name: 'RefLines',\r\n mixins: [vpd$1],\r\n computed: {\r\n moving: function moving () {\r\n return this.$vpd.state.moving\r\n },\r\n guides: function guides () {\r\n var state = this.$vpd.state;\r\n var guides = [];\r\n var uuid = state.uuid;\r\n\r\n state.widgets.forEach(function (item) {\r\n // 排除选中元素\r\n if (item.hasGuide && item.uuid === uuid) { return }\r\n // 排除容器中的元件\r\n if (item.hasGuide && item.belong !== 'page') { return }\r\n\r\n guides.push({\r\n uuid: item.uuid,\r\n width: item.width,\r\n height: item.height,\r\n top: item.top,\r\n left: item.left\r\n });\r\n });\r\n\r\n return guides\r\n },\r\n /**\r\n * 获取参考线\r\n *\r\n * 取画布中线以及每个元件上下边的坐标\r\n * 排除正在移动的元件\r\n * 排除画布边缘坐标\r\n * 排除重复坐标\r\n */\r\n horiz: function horiz () {\r\n var guides = this.guides;\r\n var cor = [];\r\n\r\n guides.forEach(function (val) {\r\n var top = val.top;\r\n var bottom = top + val.height;\r\n\r\n if (cor.indexOf(top) < 0 && top !== 0) {\r\n cor.push({\r\n id: (\"horiz-\" + (val.uuid) + \"-\" + top),\r\n val: top\r\n });\r\n }\r\n if (cor.indexOf(bottom) < 0) {\r\n cor.push({\r\n id: (\"horiz-\" + (val.uuid) + \"-\" + bottom),\r\n val: bottom\r\n });\r\n }\r\n });\r\n\r\n return cor\r\n },\r\n\r\n verti: function verti () {\r\n var guides = this.guides;\r\n var cor = [375];\r\n\r\n guides.forEach(function (val) {\r\n var left = val.left;\r\n var right = left + val.width;\r\n\r\n if (cor.indexOf(left) < 0 && left !== 0) {\r\n cor.push({\r\n id: (\"verti-\" + (val.uuid) + \"-\" + left),\r\n val: left\r\n });\r\n }\r\n if (cor.indexOf(right) < 0 && right < 750) {\r\n cor.push({\r\n id: (\"verti-\" + (val.uuid) + \"-\" + right),\r\n val: right\r\n });\r\n }\r\n });\r\n\r\n return cor\r\n },\r\n\r\n // 移动元素上下边坐标\r\n horizontal: function horizontal () {\r\n var a = this.$vpd.state.activeElement;\r\n if (a) {\r\n var h = Math.round(a.height);\r\n return [a.top, a.top + h]\r\n } else {\r\n return []\r\n }\r\n },\r\n\r\n // 移动元素左中右坐标\r\n vertical: function vertical () {\r\n var a = this.$vpd.state.activeElement;\r\n if (a) {\r\n var w = Math.round(a.width / 2);\r\n\r\n return [a.left, a.left + w, a.left + w * 2]\r\n } else {\r\n return []\r\n }\r\n }\r\n },\r\n methods: {\r\n attachHoriz: function attachHoriz (value) {\r\n return this.horizontal.some(function (val) { return Math.abs(val - value) <= 1; })\r\n },\r\n attachVerti: function attachVerti (value) {\r\n return this.vertical.some(function (val) { return Math.abs(val - value) <= 1; })\r\n }\r\n }\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$7 = script$7;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$7.__file = \"ref-lines.vue\";\r\n/* template */\r\nvar __vue_render__$7 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.moving),expression:\"moving\"}],staticClass:\"guides\"},[_vm._l((_vm.horiz),function(val){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.attachHoriz(val.val)),expression:\"attachHoriz(val.val)\"}],key:val.id,staticClass:\"horiz\",style:({top: val.val + 'px'})})}),_vm._v(\" \"),_vm._l((_vm.verti),function(val){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.attachVerti(val.val)),expression:\"attachVerti(val.val)\"}],key:val.id,staticClass:\"verti\",style:({left: val.val + 'px'})})})],2)};\r\n\r\nvar __vue_staticRenderFns__$7 = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$7 = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$7 = \"data-v-1beb902a\";\r\n /* module identifier */\r\n var __vue_module_identifier__$7 = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$7 = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var ref = normalizeComponent(\r\n { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },\r\n __vue_inject_styles__$7,\r\n __vue_script__$7,\r\n __vue_scope_id__$7,\r\n __vue_is_functional_template__$7,\r\n __vue_module_identifier__$7,\r\n undefined,\r\n undefined\r\n );\r\n\r\n//\r\nvar script$8 = {\r\n mixins: [vpd$1],\r\n data: function data () {\r\n return {\r\n type: '' // 调整方向 left | right | up | down\r\n }\r\n },\r\n computed: {\r\n elm: function elm () {\r\n var target = this.$vpd.state.activeElement;\r\n\r\n if (!target.resizable || target.belong !== 'page') { return '' }\r\n\r\n return target\r\n }\r\n },\r\n\r\n methods: {\r\n handlemousedown: function handlemousedown (e, type, originX, originY) {\r\n e.stopPropagation();\r\n this.type = type;\r\n this.$vpd.commit('initmove', {\r\n startX: e.pageX,\r\n startY: e.pageY,\r\n originX: this.elm[originX],\r\n originY: this.elm[originY],\r\n });\r\n\r\n document.addEventListener('mousemove', this.handlemousemove, true);\r\n document.addEventListener('mouseup', this.handlemouseup, true);\r\n },\r\n\r\n handlemousemove: function handlemousemove (e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n this.$vpd.commit('resize', {\r\n x: e.pageX,\r\n y: e.pageY,\r\n type: this.type\r\n });\r\n },\r\n\r\n handlemouseup: function handlemouseup () {\r\n document.removeEventListener('mousemove', this.handlemousemove, true);\r\n document.removeEventListener('mouseup', this.handlemouseup, true);\r\n this.$vpd.commit('stopmove');\r\n }\r\n }\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$8 = script$8;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$8.__file = \"size-control.vue\";\r\n/* template */\r\n// var __vue_render__$8 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.elm),expression:\"elm\"}]},[_c('div',{staticClass:\"verti\",style:({\r\n// height: _vm.elm.height + 'px',\r\n// top: _vm.elm.top + 'px',\r\n// left: _vm.elm.left + 'px'\r\n// }),on:{\"mousedown\":function($event){_vm.handlemousedown($event, 'left', 'left', 'width');}}},[_c('div',{staticClass:\"square\"})]),_vm._v(\" \"),_c('div',{staticClass:\"verti\",style:({\r\n// height: _vm.elm.height + 'px',\r\n// top: _vm.elm.top + 'px',\r\n// left: _vm.elm.left + _vm.elm.width + 'px'\r\n// }),on:{\"mousedown\":function($event){_vm.handlemousedown($event, 'right', 'width');}}},[_c('div',{staticClass:\"square\"})]),_vm._v(\" \"),_c('div',{staticClass:\"horiz\",style:({\r\n// width: _vm.elm.width + 'px',\r\n// top: _vm.elm.top + 'px',\r\n// left: _vm.elm.left + 'px'\r\n// }),on:{\"mousedown\":function($event){_vm.handlemousedown($event, 'up', 'top', 'height');}}},[_c('div',{staticClass:\"square\"})]),_vm._v(\" \"),_c('div',{staticClass:\"horiz\",style:({\r\n// width: _vm.elm.width + 'px',\r\n// top: _vm.elm.top + _vm.elm.height + 'px',\r\n// left: _vm.elm.left + 'px'\r\n// }),on:{\"mousedown\":function($event){_vm.handlemousedown($event, 'down', 'height');}}},[_c('div',{staticClass:\"square\"})])])};\r\n\r\n//CS Changes - resize width proportion\r\nvar __vue_render__$8 = function () {\r\n var _vm=this;var _h=_vm.$createElement;\r\n var _c=_vm._self._c||_h;\r\n\r\n return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.elm),expression:\"elm\"}]}\r\n ,[\r\n _c('div',{staticClass:\"verti\",style:({\r\n height: _vm.elm.height + 'px',\r\n top: _vm.elm.top + 'px',\r\n left: _vm.elm.left + 'px'\r\n }),on:{\"mousedown\":function($event){_vm.handlemousedown($event, 'left', 'left', 'width');}}},[_c('div',{staticClass:\"square\"})]),_vm._v(\" \"),\r\n\r\n _c('div',{staticClass:\"verti\",style:({\r\n height: _vm.elm.height + 'px',\r\n top: _vm.elm.top + 'px',\r\n left: _vm.elm.left + _vm.elm.width + 'px'\r\n }),on:{\"mousedown\":function($event){_vm.handlemousedown($event, 'right', 'width');}}},[_c('div',{staticClass:\"square\"})]),_vm._v(\" \"),\r\n\r\n _c('div',{staticClass:\"horiz\",style:({\r\n width: _vm.elm.width + 'px',\r\n top: _vm.elm.top + 'px',\r\n left: _vm.elm.left + 'px'\r\n }),on:{\"mousedown\":function($event){_vm.handlemousedown($event, 'up', 'top', 'height');}}},[_c('div',{staticClass:\"square\"})]),_vm._v(\" \"),\r\n\r\n //CS add proportion\r\n _c('div',{staticClass:\"verti-left\",style:({\r\n width: _vm.elm.width + 'px',\r\n top: _vm.elm.top + 'px',\r\n left: _vm.elm.left + 'px'\r\n }),on:{\"mousedown\":function($event){_vm.handlemousedown($event, 'leftP', 'left', 'width');}}},[_c('div',{staticClass:\"square\"})]),_vm._v(\" \"),\r\n\r\n _c('div',{staticClass:\"horiz\",style:({\r\n width: _vm.elm.width + 'px',\r\n top: _vm.elm.top + _vm.elm.height + 'px',\r\n left: _vm.elm.left + 'px'\r\n }),on:{\"mousedown\":function($event){_vm.handlemousedown($event, 'down', 'height', 'width');}}},[_c('div',{staticClass:\"square\"})])\r\n ])\r\n};\r\n//CS Changes - resize width proportion\r\n\r\nvar __vue_staticRenderFns__$8 = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$8 = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$8 = \"data-v-522a8fa8\";\r\n /* module identifier */\r\n var __vue_module_identifier__$8 = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$8 = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var control = normalizeComponent(\r\n { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },\r\n __vue_inject_styles__$8,\r\n __vue_script__$8,\r\n __vue_scope_id__$8,\r\n __vue_is_functional_template__$8,\r\n __vue_module_identifier__$8,\r\n undefined,\r\n undefined\r\n );\r\n\r\n//\r\n\r\nvar script$9 = {\r\n name: 'Viewport',\r\n components: {\r\n ref: ref, // 参考线\r\n control: control // 尺寸控制\r\n },\r\n\r\n mixins: [move, vpd$1],\r\n\r\n props: ['zoom'],\r\n\r\n data: function data () {\r\n return {}\r\n },\r\n\r\n computed: {\r\n // 已添加的组件\r\n widgetStore: function widgetStore () {\r\n return this.$vpd.state.widgets.filter(function (item) { return item.belong === 'page'; })\r\n },\r\n\r\n // 画布高度\r\n height: function height () {\r\n return this.$vpd.state.page.height\r\n },\r\n\r\n // lang('background')\r\n backgroundColor: function backgroundColor () {\r\n return this.$vpd.state.page.backgroundColor\r\n },\r\n\r\n // 选中项id\r\n id: function id () {\r\n // var type = this.$vpd.state.type\r\n // var index = this.$vpd.state.index\r\n // index = index >= 0 ? index : ''\r\n // return type + index\r\n return this.$vpd.state.uuid\r\n },\r\n\r\n // 动画播放状态\r\n playState: function playState () {\r\n return this.$vpd.state.playState\r\n }\r\n },\r\n\r\n mounted: function mounted () {\r\n var this$1 = this;\r\n\r\n // 采用事件代理的方式监听元件的选中操作\r\n document\r\n .getElementById('viewport')\r\n .addEventListener('mousedown', this.handleSelection, false);\r\n\r\n // 绑定键盘上下左右键用于元件的移动\r\n document.addEventListener(\r\n 'keydown',\r\n function (e) {\r\n e.stopPropagation();\r\n var target = this$1.$vpd.state.activeElement;\r\n\r\n // 左\r\n if (e.keyCode === 37 && target.left) {\r\n target.left -= 1;\r\n return\r\n }\r\n // 上\r\n if (e.keyCode === 38 && target.top) {\r\n e.preventDefault();\r\n target.top -= 1;\r\n return\r\n }\r\n // 右\r\n if (e.keyCode === 39 && target.left) {\r\n target.left += 1;\r\n return\r\n }\r\n\r\n // 下\r\n if (e.keyCode === 40 && target.top) {\r\n e.preventDefault();\r\n target.top += 1;\r\n }\r\n },\r\n true\r\n );\r\n },\r\n\r\n methods: {\r\n handleSelection: function handleSelection (e) {\r\n var target = e.target;\r\n var type = target.getAttribute('data-type');\r\n\r\n if (type) {\r\n var uuid = target.getAttribute('data-uuid');\r\n\r\n // 设置选中元素\r\n this.$vpd.commit('select', {\r\n uuid: uuid || -1\r\n });\r\n\r\n // 绑定移动事件:只有从属于 page 的,除背景图以外的元件才能移动\r\n target = this.$vpd.state.activeElement;\r\n if (target.belong === 'page' && target.dragable) {\r\n this.initmovement(e); // 参见 mixins\r\n }\r\n } else {\r\n // 取消选中元素\r\n this.$vpd.commit('select', {\r\n uuid: -1\r\n });\r\n }\r\n },\r\n\r\n // 替换图片\r\n replaceImage: function replaceImage (e) {\r\n var this$1 = this;\r\n\r\n if (this.$vpd.state.activeElement.isUpload) {\r\n this.$vpd.$emit('upload', function (payload) {\r\n this$1.$vpd.commit('replaceImage', payload);\r\n });\r\n }\r\n },\r\n\r\n // 获取子组件\r\n getChilds: function getChilds (name) {\r\n return this.$vpd.state.widgets.filter(\r\n function (item) { return item.belong === name; }\r\n )\r\n }\r\n }\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$9 = script$9;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$9.__file = \"index.vue\";\r\n/* template */ // on(\"dblclick\") <--- double click (LS change)\r\nvar __vue_render__$9 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holder\",attrs:{\"id\":\"viewport\"}},[_c('div',{staticClass:\"screen\",style:({\r\n backgroundColor: _vm.backgroundColor,\r\n height: _vm.height + 'px',\r\n // height: '1122px',\r\n width: '793px',\r\n transform: 'scale(' + _vm.zoom / 100 + ')'\r\n\r\n }),on:{\"\":_vm.replaceImage}},[_vm._l((_vm.widgetStore),function(val){return _c(val.type,{key:val.uuid,tag:\"component\",staticClass:\"layer\",class:{'g-active': _vm.id === val.uuid},attrs:{\"data-title\":val.type,\"val\":val,\"h\":_vm.height,\"w\":750,\"data-type\":val.type,\"data-uuid\":val.uuid,\"play-state\":_vm.playState}},_vm._l((_vm.getChilds(val.name)),function(child){return _c(child.type,{key:child.uuid,tag:\"component\",staticClass:\"layer layer-child\",class:{'g-active': _vm.id === child.uuid},attrs:{\"data-title\":child.type,\"val\":child,\"h\":_vm.height,\"w\":750,\"data-type\":child.type,\"data-uuid\":child.uuid,\"play-state\":_vm.playState}})}),1)}),_vm._v(\" \"),_c('ref'),_vm._v(\" \"),_c('control')],2)])};\r\nvar __vue_staticRenderFns__$9 = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$9 = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$9 = \"data-v-51d699bb\";\r\n /* module identifier */\r\n var __vue_module_identifier__$9 = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$9 = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var viewport = normalizeComponent(\r\n { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },\r\n __vue_inject_styles__$9,\r\n __vue_script__$9,\r\n __vue_scope_id__$9,\r\n __vue_is_functional_template__$9,\r\n __vue_module_identifier__$9,\r\n undefined,\r\n undefined\r\n );\r\n\r\n// Load a sprite\r\nfunction loadSprite (url, id) {\r\n var x = new XMLHttpRequest();\r\n\r\n // If the id is set and sprite exists, bail\r\n if (document.querySelector('#' + id)) {\r\n return\r\n }\r\n\r\n // Create placeholder (to prevent loading twice)\r\n var container = document.createElement('div');\r\n container.setAttribute('hidden', '');\r\n container.setAttribute('id', id);\r\n document.body.insertBefore(container, document.body.childNodes[0]);\r\n\r\n // Check for CORS support\r\n if ('withCredentials' in x) {\r\n x.open('GET', url, true);\r\n } else {\r\n return\r\n }\r\n\r\n // Inject hidden div with sprite on load\r\n x.onload = function () {\r\n container.innerHTML = x.responseText;\r\n };\r\n\r\n x.send();\r\n}\r\n\r\n//\r\nvar script$a = {\r\n name: 'VpdToast',\r\n mixins: [vpd$1],\r\n data: function data () {\r\n return {\r\n info: '',\r\n type: 'warning',\r\n show: false\r\n }\r\n },\r\n computed: {\r\n klass: function klass () {\r\n return {\r\n 'toast-success': this.type === 'success',\r\n 'toast-warning': this.type === 'warning',\r\n 'toast-error': this.type === 'error'\r\n }\r\n }\r\n },\r\n mounted: function mounted () {\r\n var this$1 = this;\r\n\r\n this.$vpd.$on('notify', function (option) {\r\n this$1.notify(option.info, option.type);\r\n });\r\n },\r\n methods: {\r\n notify: function notify (info, type) {\r\n var this$1 = this;\r\n\r\n if (this.show) { return }\r\n this.info = info || 'Success!';\r\n if (type) { this.type = type; }\r\n this.show = true;\r\n setTimeout(function () {\r\n this$1.show = false;\r\n }, 2000);\r\n }\r\n }\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$a = script$a;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$a.__file = \"toast.vue\";\r\n/* template */\r\nvar __vue_render__$a = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"drop\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show),expression:\"show\"}],staticClass:\"toast\",class:_vm.klass},[_vm._v(_vm._s(_vm.info))])])};\r\nvar __vue_staticRenderFns__$a = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$a = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$a = undefined;\r\n /* module identifier */\r\n var __vue_module_identifier__$a = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$a = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var toast = normalizeComponent(\r\n { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a },\r\n __vue_inject_styles__$a,\r\n __vue_script__$a,\r\n __vue_scope_id__$a,\r\n __vue_is_functional_template__$a,\r\n __vue_module_identifier__$a,\r\n undefined,\r\n undefined\r\n );\r\n\r\n//\r\nvar script$b = {\r\n name: 'VpdUploader',\r\n mixins: [vpd$1],\r\n props: {\r\n upload: Function,\r\n uploadOption: Object\r\n },\r\n data: function data () {\r\n return {\r\n multiple: false, // 是否允许上传多张\r\n uploader: null, // input file\r\n cb: null // 回调函数\r\n }\r\n },\r\n\r\n computed: {\r\n // 图片初始位置纵坐标\r\n top: function top () {\r\n return this.$vpd.state.top\r\n }\r\n },\r\n\r\n mounted: function mounted () {\r\n var this$1 = this;\r\n\r\n this.uploader = document.getElementById('uploader');\r\n\r\n /**\r\n * 在全局通信中介上注册上传图片自定义事件\r\n * 所有需要上传图片的地方均可调用\r\n *\r\n * 调用方法:\r\n * this.$vpd.$emit('upload', function (payload) {/.../})\r\n * @param payload { Array } 图片上传、下载完成后的一个包含所有图片对象的数组\r\n * @param multiple { Boolean } 是否上传多张,默认为 false\r\n */\r\n this.$vpd.$on('upload', function (cb, multiple) {\r\n this$1.multiple = !!multiple;\r\n this$1.cb = cb;\r\n setTimeout(function () {\r\n this$1.uploader.click();\r\n }, 0);\r\n });\r\n },\r\n\r\n methods: {\r\n // 处理添加图片操作,触发事件:change\r\n handleUpload: function handleUpload () {\r\n var this$1 = this;\r\n\r\n var files = this.uploader.files;\r\n\r\n if (!files || files.length === 0) { return }\r\n\r\n files = Array.prototype.slice.call(this.uploader.files);\r\n\r\n var uploadFn = this.upload || this.defaultUpload;\r\n\r\n uploadFn(files).then(function (res) {\r\n console.log('status: ', res.status);\r\n // 图片下载队列完成后执行回调\r\n new Promise(function (resolve) {\r\n this$1.handleLoadQueue(resolve, res.files)();\r\n }).then(function (payload) {\r\n this$1.cb(payload);\r\n });\r\n });\r\n },\r\n\r\n defaultUpload: function defaultUpload (files) {\r\n if (this.uploadOption.url) {\r\n var data = new FormData();\r\n files.forEach(function (file) { return data.append('file[]', file); });\r\n\r\n return fetch(this.uploadOption.url, {\r\n method: 'POST',\r\n body: data\r\n })\r\n } else {\r\n alert('请配置图片上传api地址');\r\n }\r\n },\r\n\r\n /**\r\n * 处理下载队列\r\n * 图片按顺序下载完一张再下载下一张,以确保图片数组按上传的顺序排列\r\n */\r\n handleLoadQueue: function handleLoadQueue (resolve, files) {\r\n var this$1 = this;\r\n\r\n var i = 0;\r\n var len = files.length;\r\n var payload = [];\r\n\r\n var download = function () {\r\n // 接入后端后,files 应改为回调参数\r\n // url = files[i]\r\n var url = window.URL.createObjectURL(files[i]);\r\n\r\n new Promise(function (resolve) {\r\n this$1.getImageWidth(url, resolve);\r\n }).then(function (size) {\r\n payload.push({\r\n width: size.w,\r\n height: size.h,\r\n top: this$1.top,\r\n url: url, // 图片预览地址\r\n src: 'images/' + files[i].name // 图片实际地址\r\n });\r\n\r\n // 所有图片下载完毕,跳到下一步,否则继续下载\r\n if (++i === len) {\r\n resolve(payload);\r\n } else {\r\n download();\r\n }\r\n });\r\n };\r\n\r\n return download\r\n },\r\n\r\n /**\r\n * 使用 new Image 预加载的方式获取图片宽高\r\n * 这是一个异步操作,须采用 promise\r\n *\r\n * @param url { URL | base64 } 图片 url\r\n * @param res { Promise resolve }\r\n *\r\n * @return { Object } 包含图片宽高的对象\r\n */\r\n getImageWidth: function getImageWidth (url, res) {\r\n var img = new Image();\r\n img.src = url;\r\n img.onload = function () {\r\n res({\r\n w: Math.round(img.width),\r\n h: Math.round(img.height)\r\n });\r\n };\r\n }\r\n }\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$b = script$b;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$b.__file = \"uploader.vue\";\r\n\r\n/* template */\r\nvar __vue_render__$b = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('input',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"uploader\",\"multiple\":_vm.multiple ? 'multiple' : false,\"type\":\"file\",\"accept\":\"image/png, image/jpeg, image/gif\"},on:{\"change\":_vm.handleUpload}})};\r\nvar __vue_staticRenderFns__$b = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$b = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$b = undefined;\r\n /* module identifier */\r\n var __vue_module_identifier__$b = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$b = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var uploader = normalizeComponent(\r\n { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b },\r\n __vue_inject_styles__$b,\r\n __vue_script__$b,\r\n __vue_scope_id__$b,\r\n __vue_is_functional_template__$b,\r\n __vue_module_identifier__$b,\r\n undefined,\r\n undefined\r\n );\r\n\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n\r\nvar script$c = {\r\n name: 'VpdSlider',\r\n props: {\r\n value: {\r\n type: [Number, String],\r\n default: 0\r\n },\r\n max: {\r\n type: [Number, String],\r\n default: 100\r\n },\r\n min: {\r\n type: [Number, String],\r\n default: 0\r\n },\r\n step: {\r\n type: Number,\r\n default: 0.1\r\n },\r\n tuning: {\r\n type: Boolean,\r\n default: true\r\n }\r\n },\r\n\r\n data: function data () {\r\n return {\r\n inputValue: this.value,\r\n active: false,\r\n focused: false,\r\n dragging: false\r\n }\r\n },\r\n\r\n computed: {\r\n percent: function percent () {\r\n var percentNum = (this.inputValue - this.min) / (this.max - this.min) * 100;\r\n return percentNum > 100 ? 100 : percentNum < 0 ? 0 : percentNum\r\n },\r\n fillStyle: function fillStyle () {\r\n return {\r\n width: this.percent + '%'\r\n }\r\n },\r\n thumbStyle: function thumbStyle () {\r\n return {\r\n left: this.percent + '%'\r\n }\r\n },\r\n sliderClass: function sliderClass () {\r\n return {\r\n zero: this.inputValue <= this.min,\r\n active: this.active\r\n }\r\n }\r\n },\r\n\r\n watch: {\r\n value: function value (val) {\r\n this.inputValue = val;\r\n },\r\n inputValue: function inputValue (val) {\r\n this.$emit('input', val);\r\n }\r\n },\r\n\r\n created: function created () {\r\n this.handleDragMouseMove = this.handleDragMouseMove.bind(this);\r\n this.handleMouseEnd = this.handleMouseEnd.bind(this);\r\n },\r\n\r\n methods: {\r\n handleMouseDown: function handleMouseDown (e) {\r\n this.setValue(e);\r\n e.preventDefault();\r\n document.addEventListener('mousemove', this.handleDragMouseMove);\r\n document.addEventListener('mouseup', this.handleMouseEnd);\r\n this.$el.focus();\r\n this.onDragStart(e);\r\n },\r\n\r\n handleMouseUp: function handleMouseUp () {\r\n this.active = false;\r\n },\r\n\r\n handleFocus: function handleFocus () {\r\n this.focused = true;\r\n },\r\n\r\n handleBlur: function handleBlur () {\r\n this.focused = false;\r\n },\r\n\r\n // 从点击位置更新 value\r\n setValue: function setValue (e) {\r\n var ref = this;\r\n var $el = ref.$el;\r\n var max = ref.max;\r\n var min = ref.min;\r\n var step = ref.step;\r\n var value = (e.clientX - $el.firstElementChild.getBoundingClientRect().left) / $el.firstElementChild.offsetWidth * (max - min);\r\n value = Math.round(value / step) * step + min;\r\n value = parseFloat(value.toFixed(5));\r\n\r\n if (value > max) {\r\n value = max;\r\n } else if (value < min) {\r\n value = min;\r\n }\r\n this.inputValue = value;\r\n },\r\n\r\n // 拖拽控制\r\n onDragStart: function onDragStart (e) {\r\n this.dragging = true;\r\n this.active = true;\r\n },\r\n\r\n onDragUpdate: function onDragUpdate (e) {\r\n var this$1 = this;\r\n\r\n if (this.dragRunning) { return }\r\n this.dragRunning = true;\r\n window.requestAnimationFrame(function () {\r\n this$1.dragRunning = false;\r\n if (!this$1.disabled) { this$1.setValue(e); }\r\n });\r\n },\r\n\r\n onDragStop: function onDragStop (e) {\r\n this.dragging = false;\r\n this.active = false;\r\n },\r\n\r\n handleDragMouseMove: function handleDragMouseMove (e) {\r\n this.onDragUpdate(e);\r\n },\r\n\r\n handleMouseEnd: function handleMouseEnd (e) {\r\n document.removeEventListener('mousemove', this.handleDragMouseMove);\r\n document.removeEventListener('mouseup', this.handleMouseEnd);\r\n this.onDragStop(e);\r\n },\r\n\r\n increase: function increase () {\r\n if (this.inputValue >= this.max) { return }\r\n this.inputValue += this.step;\r\n },\r\n\r\n decrease: function decrease () {\r\n if (this.inputValue <= this.min) { return }\r\n this.inputValue -= this.step;\r\n }\r\n }\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$c = script$c;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$c.__file = \"slider.vue\";\r\n/* template */\r\nvar __vue_render__$c = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{'mu-lisder-wrapper': _vm.tuning}},[_c('div',{staticClass:\"mu-slider\",class:_vm.sliderClass,on:{\"focus\":_vm.handleFocus,\"blur\":_vm.handleBlur,\"mousedown\":_vm.handleMouseDown,\"mouseup\":_vm.handleMouseUp}},[_c('input',{attrs:{\"type\":\"hidden\"},domProps:{\"value\":_vm.inputValue}}),_vm._v(\" \"),_c('div',{staticClass:\"mu-slider-track\"}),_vm._v(\" \"),_c('div',{staticClass:\"mu-slider-fill\",style:(_vm.fillStyle)}),_vm._v(\" \"),_c('div',{staticClass:\"mu-slider-thumb\",style:(_vm.thumbStyle)})]),_vm._v(\" \"),(_vm.tuning)?_c('div',{staticClass:\"mu-increment\",on:{\"mousedown\":function($event){$event.stopPropagation();return _vm.increase($event)}}},[_vm._v(\"+\")]):_vm._e(),_vm._v(\" \"),(_vm.tuning)?_c('div',{staticClass:\"mu-decrement\",on:{\"mousedown\":function($event){$event.stopPropagation();return _vm.decrease($event)}}},[_vm._v(\"-\")]):_vm._e()])};\r\nvar __vue_staticRenderFns__$c = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$c = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$c = undefined;\r\n /* module identifier */\r\n var __vue_module_identifier__$c = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$c = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var slider = normalizeComponent(\r\n { render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c },\r\n __vue_inject_styles__$c,\r\n __vue_script__$c,\r\n __vue_scope_id__$c,\r\n __vue_is_functional_template__$c,\r\n __vue_module_identifier__$c,\r\n undefined,\r\n undefined\r\n );\r\n\r\nvar obj;\r\n\r\nvar script$d = {\r\n name: 'VuePageDesigner',\r\n components: ( obj = {\r\n navbar: navbar, // 顶部导航栏\r\n toolbar: toolbar, // 左侧菜单栏\r\n panel: panel, // 右侧参数面板\r\n viewport: viewport\r\n }, obj[toast.name] = toast, obj[uploader.name] = uploader, obj[slider.name] = slider, obj ),\r\n mixins: [vpd$1],\r\n props: {\r\n value: Object,\r\n widgets: Object,\r\n upload: Function,\r\n uploadOption: Object\r\n },\r\n\r\n computed: {\r\n zoom: function zoom () {\r\n return this.$vpd.state.zoom\r\n }\r\n },\r\n beforeCreate: function beforeCreate () {\r\n // TODO: custom svg path by config\r\n loadSprite('//unpkg.com/vue-page-designer/dist/icons.svg', 'svgspriteit');\r\n },\r\n created: function created () {\r\n var this$1 = this;\r\n\r\n // 注册 widgets\r\n Vue.use(widget, {\r\n widgets: this.widgets\r\n });\r\n // 初始化已有数据\r\n if (this.value) {\r\n this.$vpd.replaceState(this.value);\r\n }\r\n this.$vpd.$on('save', function () {\r\n this$1.$emit('save', this$1.$vpd.state);\r\n });\r\n },\r\n mounted: function mounted () {\r\n // 初始化选中元件(将页面作为初始选中元件)\r\n this.$vpd.commit('initActive');\r\n },\r\n\r\n methods: {\r\n dozoom: function dozoom (val) {\r\n this.$vpd.commit('zoom', val);\r\n }\r\n }\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$d = script$d;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$d.__file = \"App.vue\";\r\n/* template */\r\nvar __vue_render__$d = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"app\"},[_c('navbar'),_vm._v(\" \"),_c('div',{staticClass:\"body container grid-xl\"},[_c('div',{staticClass:\"columns col-gapless\"},[_c('toolbar',{staticClass:\"toolbar column\",attrs:{\"zoom\":_vm.zoom}}),_vm._v(\" \"),_c('div',{staticClass:\"viewport column\"},[_c('viewport',{attrs:{\"zoom\":_vm.zoom}}),_vm._v(\" \"),_c('div',{staticClass:\"zoom-wrap\"},[_c('vpd-slider',{attrs:{\"value\":_vm.zoom,\"step\":1,\"tuning\":false},on:{\"input\":_vm.dozoom}}),_vm._v(\" \"),_c('div',{staticClass:\"zoom-value\"},[_vm._v(_vm._s(_vm.zoom)+\"%\")])],1)],1),_vm._v(\" \"),_c('panel',{staticClass:\"control-panel column\"})],1)]),_vm._v(\" \"),_c('vpd-uploader',{attrs:{\"upload\":_vm.upload,\"upload-option\":_vm.uploadOption}}),_vm._v(\" \"),_c('vpd-toast')],1)};\r\nvar __vue_staticRenderFns__$d = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$d = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$d = undefined;\r\n /* module identifier */\r\n var __vue_module_identifier__$d = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$d = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var VuePageDesigner = normalizeComponent(\r\n { render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d },\r\n __vue_inject_styles__$d,\r\n __vue_script__$d,\r\n __vue_scope_id__$d,\r\n __vue_is_functional_template__$d,\r\n __vue_module_identifier__$d,\r\n undefined,\r\n undefined\r\n );\r\n\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n//\r\n\r\nvar script$e = {\r\n name: 'VpdIcon',\r\n props: {\r\n svg: String,\r\n title: String,\r\n name: String,\r\n options: Object\r\n },\r\n computed: {\r\n icon: function icon () {\r\n return this.svg || (\"\")\r\n }\r\n },\r\n methods: {\r\n handleClick: function handleClick () {\r\n this.$emit('click');\r\n }\r\n }\r\n};\r\n\r\n/* script */\r\nvar __vue_script__$e = script$e;\r\n// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258\r\nscript$e.__file = \"icon.vue\";\r\n/* template */\r\nvar __vue_render__$e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:\"icon svg-icon\",attrs:{\"title\":_vm.title},domProps:{\"innerHTML\":_vm._s(_vm.icon)},on:{\"click\":_vm.handleClick}})};\r\nvar __vue_staticRenderFns__$e = [];\r\n\r\n /* style */\r\n var __vue_inject_styles__$e = undefined;\r\n /* scoped */\r\n var __vue_scope_id__$e = undefined;\r\n /* module identifier */\r\n var __vue_module_identifier__$e = undefined;\r\n /* functional template */\r\n var __vue_is_functional_template__$e = false;\r\n /* style inject */\r\n \r\n /* style inject SSR */\r\n \r\n\r\n \r\n var icon = normalizeComponent(\r\n { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },\r\n __vue_inject_styles__$e,\r\n __vue_script__$e,\r\n __vue_scope_id__$e,\r\n __vue_is_functional_template__$e,\r\n __vue_module_identifier__$e,\r\n undefined,\r\n undefined\r\n );\r\n\r\nvar install$1 = function (Vue$$1, opts) {\r\n if ( opts === void 0 ) opts = {};\r\n\r\n Vue$$1.component('VpdSlider', slider);\r\n Vue$$1.component('VpdIcon', icon);\r\n\r\n Vue$$1.component('VuePageDesigner', VuePageDesigner);\r\n};\r\n\r\nif (typeof window !== 'undefined' && window.Vue) {\r\n install$1(window.Vue);\r\n}\r\n\r\nvar index = {\r\n install: install$1,\r\n VuePageDesigner: VuePageDesigner\r\n};\r\n\r\nexport default index;\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./onlineWithdrawalFormPage.vue?vue&type=style&index=0&id=1c4f1dc8&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./LoginPageParent.vue?vue&type=style&index=1&id=686f079e&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./Sidebar.vue?vue&type=style&index=0&id=40123239&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/Nap.20d4448b.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAANlBMVEX///+/v7+8vLzKysr8/Pzg4ODFxcXb29vT09Pj4+P4+PjBwcH6+vry8vLY2NjIyMjs7Ozo6Oia8u11AAAEdUlEQVR4nO2d65bqIAxGp/Smrb34/i971KqlEC7FGuJZ3/7dKewJBgK4/PsDAAAAAAAAAAAAAAAA4KUam5+i3m94UsUPoVoYwlA6MIShfGAIQ/nAEIbyOcBQSeNww9NZGOXBhuq8+w1fxugfDG1gmB0YBoFhdmAYBIbZgWEQGGYHhkFgmB0YBoFhdmAYBIbZyWB4qVI6mgyv4WUeH7u007lL7vFeWA3n8rUFrZqWK5KchnWvPapOTGFkNDQPOJrhk45Hw2d4Ns+oVPlRz2NhMxyawkTtv2OWAJvhSBwzfjBO2+g/5TLs7BDeSF4eDP0Y+yiX4UydFKtT4pRxa3SKTcVchtQgLYrobhq0Kj7+XIb0aX+fZtipHfH/ScPlZZG5Jq9hk2RYP96lTnFPcxnWpGF52d2eNrPGPc5lOJC5NDrl65Sv1fs16nEuw8v20sdCP+9uTh8NZVSuYVvTnKlBmjAdaqu/uH8Qm2FVWuNUJYSwOu3tLV9tcelNw5SF9yZjRaVixvpwbrZRTKnyuyKysRXOGn/QBqpK25QzptVm9598eyfqXDaPnah+GlNmwr/aGOcqYl3DvJtYzXU7jvU1bbVmVdExE+pP7Qjb6TiiOBFmOPuyD7XyC+djWYadGt2KxE5PzMpWluHtXc6KQZ/rNYK5RpThfWXnrGzp6iRcQ0ky7KbHK+iBup3rtQZD6wZJhq+9HDIsri89BBsUZPguIal0Y871K6ECRY6hXkFaimQeXQjVUHIMNwWkuVax5/q1xcC6Rozh0G+7vYmidaqzCaJ/whBjaEZJr608Y7QIHvBIMbR3/dfB55jr3/hrKCGGxMHN+vmi53rtSW+uEWLYUj1/dsY1169tetc1MgwHaw9HU3TN9Svec0huw4os6CZHcO7dcc/163O+XMNteC0JRfdk0Aby6BNfDcW9i1EquzedI4R36vAYLfy5htnwtnBRvaHo/SZxjN8Nz7UO5ltf97WnMgbqHCfhRbmHKa/hdXl2qxjzQQsaunMNr+FzUlD62W8bORD9TM4gshpe3xVg+Z7BonJlmN55mMhpWGkV4GughtacsbgvLnAa6hXga6B666I9OGsoRsPtMbCa7l2q6OVaAs6uMxpejXDdd+SPSTMP+vyGdri6+bAQui8u8BmaIbwxUdcXkg0dNRTjOf6BNiSOGirrXYxjcXQ+632ag6EPE7kMiU/h4dA1FJfhgUnTzZTRkCOEt8apYcpj+P1E6u4+j+H3E+kCdUmKxZAjkS4QrbMY8nwKC7qGYjFkSaQL9rqGw5AthORhIoMhUyJ9ksPwsDI+Brv97xtWY8mJNUwZYtixYu0qyjhd+yYwDALD7MAwCAyzA8MgMMwODIPAMDtHGxZ1JYvjDRvWajCC7SYRfhsBhvKBIQzlA0MYygeGMJQPDGEoHxjCUD4whKF8YAhD+cAQhvKBIQzlA0MYygeGMJQPDGEoHxjCUD4whKF8YAhD+cAQhvJJM/wpEgyv9U+R8iNaAAAAAAAAAAAAAAAAAP4r/gEYCYE2Xwz6DQAAAABJRU5ErkJggg==\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./singleFeedComponent.vue?vue&type=style&index=0&id=5b5f100e&prod&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.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!./ApfBasicInput.vue?vue&type=style&index=0&id=4dac2358&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/boy.39b67ef3.png\";","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/dist/cjs.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!./termlyModePending.vue?vue&type=style&index=0&id=298bacd1&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/agenttracker-list.e45d9e3c.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./AgentTracker.vue?vue&type=style&index=1&id=41e31670&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./Portfolio_Component.vue?vue&type=style&index=0&id=0bcfcf28&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/agenttracker-agentdetail.b7feae70.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./BatchPaymentList.vue?vue&type=style&index=0&id=f16c494a&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./Report.vue?vue&type=style&index=1&id=9b6509b4&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./newPostComponent.vue?vue&type=style&index=0&id=b9a2c230&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./FeeCalculator.vue?vue&type=style&index=0&id=11d94916&prod&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./Payment.vue?vue&type=style&index=0&id=31cecb94&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/Formula.c0150f95.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./AttendanceListView.vue?vue&type=style&index=0&id=39707141&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/cardup.a7dd6f62.png\";","module.exports = __webpack_public_path__ + \"img/user-1.9d0fb5ed.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StaffMainPage.vue?vue&type=style&index=0&id=df3d1ac4&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./k2Textarea.vue?vue&type=style&index=0&id=11dd7cea&prod&lang=css\"","module.exports = __webpack_public_path__ + \"img/tempD.9f4f5cd2.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./PlannerApprove.vue?vue&type=style&index=0&id=af043fee&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./DailyRoutineMassUpdate.vue?vue&type=style&index=0&id=2bfc5ec2&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StudentGraduation.vue?vue&type=style&index=0&id=039b54c8&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./PlannerAssignStudent.vue?vue&type=style&index=0&id=c9d858da&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./postPortfolioComponent.vue?vue&type=style&index=1&id=f536d0e8&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./ClassAttendanceReport.vue?vue&type=style&index=1&id=58fb915d&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./HomePage.vue?vue&type=style&index=0&id=3e564710&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/Green.63ed7462.png\";","module.exports = __webpack_public_path__ + \"img/empty-list.b0733c66.jpg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./massUpdateTable.vue?vue&type=style&index=0&id=9bebe0be&prod&lang=css\"","module.exports = __webpack_public_path__ + \"img/bg.a6c7f8fc.jpg\";","module.exports = __webpack_public_path__ + \"img/recommendation.93bdbb57.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.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!./ApfUploadPaymentInfo.vue?vue&type=style&index=0&id=07a22a03&prod&scoped=true&lang=css\"","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.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!./App.vue?vue&type=style&index=0&id=62cfb685&prod&lang=css\"","module.exports = __webpack_public_path__ + \"img/ocbc.45f43bfa.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./TransactionListing.vue?vue&type=style&index=1&id=14f53202&prod&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACoSURBVHgB7dPLCcJAFIXhc27EOizBDow7zcoCjGgBQdKBVqBiAT7SgCKCOy1BO7ALN8lcExEFQfLAjZBvNQzDDwP3ErF5cBiqah0fSJ49tzVDBpwEO1tgHb89EHDkue0xUkPrfV/IBQoiZBOFt0HlfYGTUV6Rg1BrCtOBVd2+QpHqyu85S+Tw/I39iOJHytA/hlJXJAsTRk0mh2Sw4lFvoAAVvfhdZ3oHeEYw0ctbsQoAAAAASUVORK5CYII=\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./PlannerAssignStudent.vue?vue&type=style&index=1&id=c9d858da&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./ParentTravelDeclaration.vue?vue&type=style&index=0&id=110426f0&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./MainLibraryComponent.vue?vue&type=style&index=0&id=50a23476&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./AttendanceAuditTrail.vue?vue&type=style&index=0&id=351dd9f0&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./tempMomentsComponent.vue?vue&type=style&index=0&id=2b57dee4&prod&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAANCAYAAABCZ/VdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGcSURBVHgBrVLRTetAEJw92xHS09NLCX4CB/MHFRA6gAoCFUAHSSpAVABUQOjAHZA/TAziSsgPfMTcLbvGRgEJiCXmw16P72ZWO0tYQpFu9Ak0JKJtZnTREsw8NUST9Xw21m/Sx00cd/+uRVfy2ccvQE2Su2KnEr/f2rwSZr/+lXngksAWLcEwhwYYvNUY0yxNhKDzhkjy2ag5rGMCTP8n0RcsLrZya7Wepb0LNZCubdg4acdJXoyaCw9pbyhmI6yAEGEmL6u18W4CEwzkbhzW4YHJXDeHb9M0ZviR1sSYMvH8O3F29P6fArOremoWNlvhl2YcONdFUMUB5/koCspvxYMAeEzj2KMzEL2Tms5C8RJRjg1jW4iJslFZWh925mpsArpx6KAlbInFWLL01TiIcKwrqfV/a+fs3BHqObYDZyK8pwGTzjeCf6xo2c8XKg+a5BVvG7OCpKH503Npd6SxhqsGW2xunBCZ02V3atH1AuV4uaEP4op634dSxmgJ2ay9JL/PvhRX6Mz/rEX7Gq5k8A8rwjmc9Ypi+pl/BeMdsdcKtFApAAAAAElFTkSuQmCC\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./TransactionListing.vue?vue&type=style&index=0&id=14f53202&prod&lang=css\"","module.exports = __webpack_public_path__ + \"img/dbs.a3c312e5.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.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!./InvoiceList-Receipt.vue?vue&type=style&index=1&id=3577f4dd&prod&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./BusAttendance.vue?vue&type=style&index=0&id=b738e4a6&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./PickupAcknowledgement.vue?vue&type=style&index=0&id=382bd157&prod&scoped=true&lang=css\"","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/dist/cjs.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!./TermlyReport.vue?vue&type=style&index=0&id=647a632f&prod&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StaffScanTemperatureWithStud.vue?vue&type=style&index=0&id=77d9a220&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/citbank.3e6ae97d.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./NewMyAccount.vue?vue&type=style&index=0&id=3a4ad727&prod&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARwSURBVHgB7ZlZaFRXGMf/Z5YsNjFp0prSEqjFiqUieSgtUgShtRRbaPsQMdI2nYc+iG2sLy21Qu0qgiCiD4KI64P7glFwARdExSWKRhQVjKgxZpnMOJkkY5J7/L57ZlyzzLn3XM0Ff/Nw7z0c5p7/+c73fec7F3jJ8EI8/iDnL52MPjmTWj+jx2IMT2I00l0IYqv4c/bOTKMtRFZWBvHepCV0Owu+Qi7GkfZfxaH5vQH7ufzDRfCdCEbMwaTSxfad/G7eVBTl7UbJSPgX+WkAAWsm/I7EL7y0JsDvCPEBCZHl8DsSZQGWA78jIEIwReEIIBgEUveBrtTgfQuob4j69vQByU6YwJ2QcBiYWAGMfxcoK33U3hIFTp4H6i4Bvb2qLS8X+Ijccdw7wJujnux75iJwlvp2p+AUIavnSns2dcMv96/8nAZVNnCf2D1g9Q4STLM//QugtHjwvmsoUUdjcIIzIQX5wFefAGNHZ9efrRLKwvidXcDKrUBrO3QJwAlTJgJvvJZ9/1CWK3gETdCML2lU+vFHX8jot5SzFhbAE3j5jR8LXfSFjClXM+xl1H5/DHTRF5IT9j71vF4CXfSF5OY8Cqle8Vx8hJOdlMD9HnhGPAld9IVE4+qaSMAzYnHooi+koVFd4yTEsuAJ5y5BF30hd9uAtpgS0e4sCw8KJ8Prt6GLs4RYl54x3la42B/1y96jcIIzIU1klSs3lNM3NVMU64MRTtfT/zbACc6EMGyVRFKF4sYm9/7C1nVoDca5kB4ScOAEheNuCsVUg9xuUhZyAotYtc1VSHcuhOmg3ep+EtNBxVGKfOVmo36yzIiIuQvn7oQw8Q4Sc1yJYcvcuqOqxGxojhoRwbgXwrBl9h0jx29N+wyJaR8iqTVQiF25xYgIxowQJtmtlln9NaCPHL+NZru5tf+ldvgUVY7bjYZuc4cPGc5eJsenkPxxhXrupCVX8iowslD5Q+0h4OoNmCaUDjVm9+W89vdQKJ1ABdK4t2nJtdBhxAXgVL35BJqGhARaKAeMgmnY4Xngl6+rHJPsgnfIVvaROnSmvNsActL0VAT4pLGeDrGx3F5dHEZ9i1yhPvRUz91HlykofgUo4kMFH52iSuwQ/9R8o6KWLKhCILkFseRkdFAYzQ2rI83BBHHdzvV7fg5eGFIeRMKK2MN5oj0yL0K+UkO3FVn/GQsuK0kLf17IozSRG8VfNcsyLf1OuZRSIDKnCPl5A5skZeXDClXCou944ZBwJUbyT/5Bx0yr0C0Gjs95KYmLxxJi8+Zn6gbXziC//+1bCuFrHYuRSNDs/ij+/nkjXOB6iyLWLlxPo6mi4iqBu1G9IostYclZbkXY44Ah5A+/T4WF2qwto0RUi/9mr4MBjG0axeoFe+gjfoQKLjmkZViEEFWmRNjvh2GG9Bn2CRmYIf79qRYGMbeNT6N8BtP69ZmMTxgWYb8XHkG7hWkUUjc8tEwwaNQnnsa4RTKINf9vIj+YToVVA1kmiqD1tVciXjIceQCIDKqRv24c3QAAAABJRU5ErkJggg==\"","var map = {\n\t\"./Black.png\": \"b1fd\",\n\t\"./Breast Milk.png\": \"bc2e\",\n\t\"./Brown.png\": \"0f1e\",\n\t\"./Creamy.png\": \"045c\",\n\t\"./Dark.png\": \"f6d7\",\n\t\"./Diaper change.png\": \"18c2\",\n\t\"./Firm.png\": \"a96e\",\n\t\"./Formula.png\": \"7748\",\n\t\"./Green.png\": \"856d\",\n\t\"./Hard.png\": \"9f28\",\n\t\"./Left.png\": \"09f2\",\n\t\"./Menu.png\": \"1588\",\n\t\"./Nap.png\": \"6f45\",\n\t\"./Right.png\": \"3f50\",\n\t\"./Shower&Diaper Change.png\": \"0cb2\",\n\t\"./Shower.png\": \"a122\",\n\t\"./Sleep.png\": \"63d7\",\n\t\"./Solid.png\": \"e537\",\n\t\"./Tan.png\": \"4b28\",\n\t\"./Watery.png\": \"1af4\",\n\t\"./Yellow.png\": \"c9cc\",\n\t\"./noImg.png\": \"7076\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"95cd\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.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!./ApfSchoolBusServiceText.vue?vue&type=style&index=0&id=24b7aff8&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./DailyRoutine.vue?vue&type=style&index=0&id=70a00650&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.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!./StaffFeed.vue?vue&type=style&index=1&id=294ad4d8&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content\",attrs:{\"id\":\"Login\"}},[_vm._m(0),_c('div',{staticClass:\"row login-box\"},[_c('div',{staticClass:\"login-wrap\"},[_c('div',{staticClass:\"col-md-6 mb-6 login-img\"}),(_vm.isUnderMaintenance.value())?_c('div',{staticClass:\"col-md-6 mb-6 login-form col-sm-12\"},[_c('p',[_vm._v(\"\\n We are currently performing a \"),_c('b',[_vm._v(\"Scheduled Maintenance\")]),_vm._v(\"\\n from \"),_c('strong',[_vm._v(_vm._s(_vm.isUnderMaintenance.startDate.toDateString())+\"\\n \"+_vm._s(_vm.isUnderMaintenance.startDate.toLocaleTimeString()))]),_vm._v(\"\\n to \"),_c('strong',[_vm._v(_vm._s(_vm.isUnderMaintenance.endDate.toDateString())+\"\\n \"+_vm._s(_vm.isUnderMaintenance.endDate.toLocaleTimeString()))]),_vm._v(\".\\n \")]),_vm._m(1),_c('p',[_vm._v(\"\\n We apologise for any inconvenience this may cause and your patience is highly appreciated.\\n \")])]):_c('div',{staticClass:\"col-md-6 mb-6 login-form col-sm-12\"},[_vm._m(2),(_vm.results !== false && _vm.errorresults === false)?_c('el-alert',{staticClass:\"mt-3 mb-3\",attrs:{\"title\":\"Welcome Back\",\"type\":\"success\",\"description\":_vm.results,\"show-icon\":\"\"}}):_vm._e(),(_vm.errorresults !== false && _vm.results === false)?_c('el-alert',{staticClass:\"mt-3 mb-3\",attrs:{\"title\":\"\",\"type\":\"error\",\"description\":_vm.errorresults,\"show-icon\":\"\"}}):_vm._e(),_c('form',{staticClass:\"needs-validation\",on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"mb-3\",class:{ 'form-group--error': _vm.$v.usernameInput.$error }},[_c('vs-input',{staticClass:\"form-control text-left\",attrs:{\"label-placeholder\":\"Login ID\",\"id\":\"username\"},model:{value:(_vm.$v.usernameInput.$model),callback:function ($$v) {_vm.$set(_vm.$v.usernameInput, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.usernameInput.$model\"}}),(_vm.usernameIsEmail)?_c('go-to-parent-portal',{}):_vm._e(),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your username is required.\\n \")]),(!_vm.$v.usernameInput.required)?_c('div',{staticClass:\"error\",staticStyle:{\"color\":\"red\"}},[_vm._v(\"Login ID is\\n required\\n \")]):_vm._e()],1),(!_vm.usernameIsEmail)?_c('div',{staticClass:\"mb-2\",class:{ 'form-group--error': _vm.$v.passwordInput.$error }},[_c('vs-input',{staticClass:\"form-control text-left\",attrs:{\"type\":\"password\",\"label-placeholder\":\"Password\",\"id\":\"password\"},model:{value:(_vm.$v.passwordInput.$model),callback:function ($$v) {_vm.$set(_vm.$v.passwordInput, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.passwordInput.$model\"}}),(!_vm.$v.passwordInput.required)?_c('div',{staticClass:\"error\",staticStyle:{\"color\":\"red\"}},[_vm._v(\"Password is\\n required\\n \")]):_vm._e()],1):_vm._e(),(!_vm.usernameIsEmail)?_c('div',{staticClass:\"row d-flex mt-3 mb-5\"},[_c('div',{staticClass:\"col-md-6\"}),_c('div',{staticClass:\"col-md-6\"},[_c('button',{staticClass:\"g-recaptcha btn-primary btn-lg btn-block login-btn\",attrs:{\"type\":\"submit\",\"data-sitekey\":\"6LfZ6rIaAAAAAOe0i6pf3rvpY0EIu9Os8ZHvWUka\"},on:{\"click\":_vm.onSubmit}},[_vm._v(\"\\n Login\\n \")]),_vm._m(3)])]):_vm._e()])],1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"backstretch\"},[_c('img',{attrs:{\"src\":require(\"../assets/bg.jpg\")}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"login-header mb-5 row\"},[_c('div',{staticClass:\"col-md-10\"},[_c('h4',{staticClass:\"mb-3 text-muted\"},[_vm._v(\"Login\")])]),_c('div',{staticClass:\"col-md-2 pl-0 pr-0\"},[_c('img',{attrs:{\"src\":require(\"../assets/kagami.jpg\")}})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('small',[_c('a',{attrs:{\"href\":\"/reset-email\"}},[_vm._v(\"Forgot password\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container-fluid parent-register-modal\"},[_vm._m(0),_c('form',{staticClass:\"needs-validation form-style\",attrs:{\"novalidate\":\"\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"mb-3 col-lg-12\",class:{ 'form-group--error': _vm.$v.userEmail.$error }},[_c('el-input',{attrs:{\"placeholder\":\"Email ID\",\"id\":\"userEmail\",\"required\":\"\",\"readonly\":!_vm.emailStatus},model:{value:(_vm.$v.userEmail.$model),callback:function ($$v) {_vm.$set(_vm.$v.userEmail, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.userEmail.$model\"}}),(!_vm.$v.userEmail.required)?_c('div',{staticClass:\"error\"},[_vm._v(\"Email ID is required\")]):_vm._e()],1),(_vm.passwordStatus)?_c('div',{staticClass:\"mb-2 col-lg-6\",class:{ 'form-group--error': _vm.$v.userPassword.$error }},[_c('el-input',{attrs:{\"placeholder\":\"Password\",\"show-password\":\"\",\"id\":\"userPassword\",\"required\":\"\"},model:{value:(_vm.$v.userPassword.$model),callback:function ($$v) {_vm.$set(_vm.$v.userPassword, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.userPassword.$model\"}}),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your password is required.\\n \")]),(!_vm.$v.userPassword.required)?_c('div',{staticClass:\"error\"},[_vm._v(\"password is required\")]):_vm._e(),(!_vm.$v.userPassword.strongPassword)?_c('div',{staticClass:\"error\"},[_vm._v(\"\\n Password must include uppercase, lowercase, number, and be more than 8 characters long.\\n \")]):_vm._e()],1):_vm._e(),_c('div',{staticClass:\"mb-2 col-lg-6\",class:{ 'form-group--error': _vm.$v.studentID_Index.$error }},[_c('el-input',{attrs:{\"placeholder\":\"student ID\",\"id\":\"studentID_Index\",\"required\":\"\"},model:{value:(_vm.$v.studentID_Index.$model),callback:function ($$v) {_vm.$set(_vm.$v.studentID_Index, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.studentID_Index.$model\"}}),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your student ID is required.\\n \")]),(!_vm.$v.studentID_Index.required)?_c('div',{staticClass:\"error\"},[_vm._v(\"student ID is required\")]):_vm._e()],1),_c('div',{staticClass:\"mb-2 col-lg-6\",class:{ 'form-group--error': _vm.$v.studentDOB.$error }},[_c('el-date-picker',{staticClass:\"fullwidth\",attrs:{\"type\":\"date\",\"placeholder\":\"student DOB\"},model:{value:(_vm.$v.studentDOB.$model),callback:function ($$v) {_vm.$set(_vm.$v.studentDOB, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.studentDOB.$model\"}}),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your student DOB is required.\\n \")]),(!_vm.$v.studentDOB.required)?_c('div',{staticClass:\"error\"},[_vm._v(\"Student DOB is required\")]):_vm._e()],1),_c('div',{staticClass:\"mb-2 col-lg-6\",class:{ 'form-group--error': _vm.$v.studentDOB.$error }},[_c('el-select',{staticClass:\"fullwidth\",attrs:{\"id\":\"studentIDType\",\"placeholder\":\"student ID Type\"},model:{value:(_vm.$v.studentIDType.$model),callback:function ($$v) {_vm.$set(_vm.$v.studentIDType, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.studentIDType.$model\"}},_vm._l((_vm.studentIdTypeList),function(item,index){return _c('el-option',{key:index,attrs:{\"label\":item.text,\"value\":item.value}})}),1),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your student ID Type is required.\\n \")]),_c('div',{staticClass:\"whitespace-10\"}),(!_vm.$v.studentIDType.required)?_c('div',{staticClass:\"error\"},[_vm._v(\"Student ID is required\")]):_vm._e()],1),_c('div',{staticClass:\"mb-2 col-lg-6\",class:{ 'form-group--error': _vm.$v.studentIDNo.$error }},[_c('el-input',{attrs:{\"placeholder\":\"Identification No\",\"id\":\"studentIDNo\",\"required\":\"\"},model:{value:(_vm.$v.studentIDNo.$model),callback:function ($$v) {_vm.$set(_vm.$v.studentIDNo, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.studentIDNo.$model\"}}),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your Identification No is required.\\n \")]),(!_vm.$v.studentIDNo.required)?_c('div',{staticClass:\"error\"},[_vm._v(\"Identification No is required\")]):_vm._e()],1)]),_c('div',{staticClass:\"system-msg\"},[_c('p',[_vm._v(_vm._s(_vm.results))])]),_vm._m(1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"login-header mb-5 row\"},[_c('div',{staticClass:\"col-md-10\"},[_c('h4',{staticClass:\"mb-3 text-muted\"},[_vm._v(\"Parent Registration\")])]),_c('div',{staticClass:\"col-md-2 pl-0 pr-0\"},[_c('img',{attrs:{\"src\":require(\"../assets/kagami.jpg\")}})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row d-flex mt-3 mb-5\"},[_c('div',{staticClass:\"col-md-12\"},[_c('button',{staticClass:\"btn btn-primary login-btn\",attrs:{\"type\":\"submit\"}},[_vm._v(\"\\n Register\\n \")]),_c('a',{staticClass:\"mt10 d-block\",attrs:{\"href\":\"/login\"}},[_vm._v(\"Back to Login\")])])])\n}]\n\nexport { render, staticRenderFns }","\r\n
\r\n
\r\n
\r\n
Parent Registration
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","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!./Parent_Register_Component.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!./Parent_Register_Component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Parent_Register_Component.vue?vue&type=template&id=e67f2c24&scoped=true\"\nimport script from \"./Parent_Register_Component.vue?vue&type=script&lang=js\"\nexport * from \"./Parent_Register_Component.vue?vue&type=script&lang=js\"\nimport style1 from \"./Parent_Register_Component.vue?vue&type=style&index=1&id=e67f2c24&prod&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 \"e67f2c24\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('a',{attrs:{\"href\":\"https://parent.etonhouse.com/login\"}},[_c('svg',{staticStyle:{\"width\":\"35px\"},attrs:{\"xml:space\":\"preserve\",\"viewBox\":\"0 0 511.999 511.999\"}},[_c('path',{attrs:{\"fill\":\"#ff905e\",\"d\":\"M470.856 483.152H41.143c-31.629 0-51.393-34.215-35.574-61.616L220.426 49.395c15.814-27.391 55.327-27.401 71.147 0L506.43 421.536c15.813 27.391-3.934 61.616-35.574 61.616z\"}}),_c('path',{attrs:{\"fill\":\"#e87e04\",\"d\":\"M506.43 421.536 291.573 49.395c-7.304-12.65-20.484-20.539-35.574-20.539v454.296h214.857c31.628 0 51.394-34.214 35.574-61.616z\"}}),_c('g',{attrs:{\"fill\":\"#ffe49c\"}},[_c('path',{attrs:{\"d\":\"M256 330.523c-10.394 0-18.821-8.427-18.821-18.821v-107.89c0-10.394 8.427-18.821 18.821-18.821s18.821 8.427 18.821 18.821v107.89c0 10.395-8.427 18.821-18.821 18.821zM256 403.855c-10.394 0-18.821-8.427-18.821-18.821v-11.239c0-10.394 8.427-18.821 18.821-18.821s18.821 8.427 18.821 18.821v11.239c0 10.394-8.427 18.821-18.821 18.821z\"}})]),_c('g',{attrs:{\"fill\":\"#ffc72d\"}},[_c('path',{attrs:{\"d\":\"M256 184.991v145.533c10.394 0 18.821-8.427 18.821-18.821v-107.89c0-10.395-8.427-18.822-18.821-18.822zM256 354.974v48.881c10.394 0 18.821-8.427 18.821-18.821v-11.239c0-10.394-8.427-18.821-18.821-18.821z\"}})])]),_vm._m(0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"mb-1\"},[_c('strong',[_vm._v(\"Login as a parent?\")])]),_c('div',{staticStyle:{\"line-height\":\"1rem\"}},[_c('small',[_vm._v(\"Click here to go to Kagami Parent Portal.\")])])])\n}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GoToParentPortal.vue?vue&type=template&id=417adf29&scoped=true\"\nvar script = {}\nimport style0 from \"./GoToParentPortal.vue?vue&type=style&index=0&id=417adf29&prod&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 \"417adf29\",\n null\n \n)\n\nexport default component.exports","\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n\r\n\r\n \r\n
\r\n
\r\n We are currently performing a Scheduled Maintenance\r\n from {{isUnderMaintenance.startDate.toDateString()}}\r\n {{isUnderMaintenance.startDate.toLocaleTimeString()}}\r\n to {{isUnderMaintenance.endDate.toDateString()}}\r\n {{isUnderMaintenance.endDate.toLocaleTimeString()}}.\r\n
\r\n
\r\n
\r\n We apologise for any inconvenience this may cause and your patience is highly appreciated.\r\n
From / 从\r\n {{ convertDatetime(item.ParTrvDclFromDate) }} to / 至\r\n {{ convertDatetime(item.ParTrvDclToDate) }}
\r\n
\r\n Last date of close contact with LOA/HQO/SHN immediate family and friends\r\n /\r\n 与LOA/HQO/SHN 的家属或朋友有过密切接触的最后一天 :\r\n {{ convertDatetime(item.ParTrvDclRelLeaveEndDate) }}\r\n
\r\n
Remarks / 备注 :\r\n {{ item.ParTrvDclRemark }}
\r\n
\r\n
\r\n
Declared By / 申报者 :\r\n {{ item.CreatedByName }}
\r\n
From / 从\r\n {{ convertDatetime(item.ParTrvDclFromDate) }} to / 至\r\n {{ convertDatetime(item.ParTrvDclToDate) }}
Travel to /\r\n 前往 {{ item.ParTrvDclCountry }} ({{ item.ParTrvDclCity }})
\r\n
\r\n Last date of close contact with LOA/HQO/SHN immediate family and friends\r\n /\r\n 与LOA/HQO/SHN 的家属或朋友有过密切接触的最后一天 :\r\n {{ convertDatetime(item.ParTrvDclRelLeaveEndDate) }}\r\n
\r\n\r\n\r\n\r\n","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!./StaffPost.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!./StaffPost.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StaffPost.vue?vue&type=template&id=0ad6ec22&scoped=true\"\nimport script from \"./StaffPost.vue?vue&type=script&lang=js\"\nexport * from \"./StaffPost.vue?vue&type=script&lang=js\"\nimport style0 from \"./StaffPost.vue?vue&type=style&index=0&id=0ad6ec22&prod&scoped=true&lang=css\"\nimport style1 from \"./StaffPost.vue?vue&type=style&index=1&id=0ad6ec22&prod&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 \"0ad6ec22\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-3 container\",attrs:{\"id\":\"staff-post\"}},[_c('div',[_c('h4',{staticClass:\"title\"},[_vm._v(\"Pending Post\")]),(_vm.list && _vm.list.length>0)?_c('div',{staticClass:\"datatable_group\"},[_c('el-row',{staticClass:\"data-top\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('el-dropdown',{staticClass:\"float-right\",on:{\"command\":_vm.handleClick}},[_c('el-button',{attrs:{\"type\":\"primary\"}},[_vm._v(\"Actions\"),_c('i',{staticClass:\"el-icon-caret-bottom el-icon--right\"})]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_c('el-dropdown-item',{attrs:{\"command\":\"approve\"}},[_vm._v(\"Approve\")]),_c('el-dropdown-item',{attrs:{\"command\":\"delete\"}},[_vm._v(\"Delete\")])],1)],1)],1),_c('data-tables',{attrs:{\"data\":_vm.list,\"fit\":false,\"action-col\":_vm.actionCol,\"table-props\":_vm.tableProps.defaultSort},on:{\"selection-change\":_vm.handleSelectionChange}},[_c('el-table-column',{attrs:{\"type\":\"selection\",\"width\":\"55\"}}),_vm._l((_vm.titles),function(title){return _c('el-table-column',{key:title.prop,attrs:{\"prop\":title.prop,\"label\":title.label,\"width\":title.width,\"sortable\":\"custom\"}})})],2)],1):(_vm.results==='No Record Found')?_c('div',[_vm._v(\"\\n No Record Found\\n \")]):_c('div',[_vm._v(\"\\n \"+_vm._s(_vm.results)+\"\\n Loading...\\n \")])]),_c('b-modal',{attrs:{\"id\":\"viewMoreModal\",\"hide-footer\":\"\",\"title\":\"Post Details\"},model:{value:(_vm.isModalOpen),callback:function ($$v) {_vm.isModalOpen=$$v},expression:\"isModalOpen\"}},[_c('form',{staticClass:\"needs-validation form-style\",attrs:{\"novalidate\":\"\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"mb-2\"},[_c('label',{attrs:{\"for\":\"actionStatus\"}},[_vm._v(\"Status\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.actionStatus),expression:\"actionStatus\"}],staticClass:\"form-control\",attrs:{\"id\":\"actionStatus\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.actionStatus=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"selected\":\"\",\"value\":\"Void\"}},[_vm._v(\"Disable\")]),_c('option',{attrs:{\"value\":\"Edit\"}},[_vm._v(\"Edit\")])])]),_c('div',{staticClass:\"mb-2 d-none\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.postID),expression:\"postID\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"postID\",\"placeholder\":\"Post ID\",\"required\":\"\"},domProps:{\"value\":(_vm.postID)},on:{\"input\":function($event){if($event.target.composing)return;_vm.postID=$event.target.value}}}),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your Post ID is required.\\n \")])]),_c('div',{staticClass:\"mb-3\"},[_c('label',{attrs:{\"for\":\"UpdateContent\"}},[_vm._v(\"Content\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.UpdateContent),expression:\"UpdateContent\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"UpdateContent\",\"placeholder\":\"CONTENT\",\"required\":\"\"},domProps:{\"value\":(_vm.UpdateContent)},on:{\"input\":function($event){if($event.target.composing)return;_vm.UpdateContent=$event.target.value}}}),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your content is required.\\n \")])]),_c('div',{staticClass:\"mb-2\"},[_c('label',{attrs:{\"for\":\"profolio\"}},[_vm._v(\"Profolio\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.profolio),expression:\"profolio\"}],staticClass:\"form-control\",attrs:{\"id\":\"profolio\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.profolio=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"selected\":\"\",\"value\":\"Yes\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"No\"}},[_vm._v(\"No\")])])]),_c('div',{staticClass:\"mb-2\"},[_c('label',{attrs:{\"for\":\"tagUserID\"}},[_vm._v(\"Tag User ID\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.tagUserID),expression:\"tagUserID\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"tagUserID\",\"placeholder\":\"Tag User ID\",\"required\":\"\"},domProps:{\"value\":(_vm.tagUserID)},on:{\"input\":function($event){if($event.target.composing)return;_vm.tagUserID=$event.target.value}}}),_c('small',{staticClass:\"text-left d-blk\"},[_vm._v(\"separate ID by comma\")]),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your Tag User ID is required.\\n \")])]),_c('div',{staticClass:\"mb-2\"},[_c('label',{attrs:{\"for\":\"tagClassID\"}},[_vm._v(\"Tag Class ID\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.tagClassID),expression:\"tagClassID\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"tagClassID\",\"placeholder\":\"Tag Class ID\",\"required\":\"\"},domProps:{\"value\":(_vm.tagClassID)},on:{\"input\":function($event){if($event.target.composing)return;_vm.tagClassID=$event.target.value}}}),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your Tag Class ID is required.\\n \")])]),_c('div',{staticClass:\"mb-2\"},[_c('label',{attrs:{\"for\":\"tagLevelID\"}},[_vm._v(\"Tag Level ID\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.tagLevelID),expression:\"tagLevelID\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"tagLevelID\",\"placeholder\":\"Tag Level ID\",\"required\":\"\"},domProps:{\"value\":(_vm.tagLevelID)},on:{\"input\":function($event){if($event.target.composing)return;_vm.tagLevelID=$event.target.value}}}),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your Tag Level ID is required.\\n \")])]),_c('div',{staticClass:\"view-details text-left\"},[_c('table',{staticClass:\"table table-striped\"},[_c('tr',{},[_c('th',[_vm._v(\"PostSchoolID\")]),_c('td',[_vm._v(_vm._s(_vm.PostSchoolID))])]),_c('tr',{},[_c('th',[_vm._v(\"PostCreatedDate\")]),_c('td',[_vm._v(_vm._s(_vm.PostCreatedDate))])]),_c('tr',{},[_c('th',[_vm._v(\"PostCreatedBy\")]),_c('td',[_vm._v(_vm._s(_vm.PostCreatedBy))])])]),_c('div',{staticClass:\"post-image-wrapper\"},[_c('ul',_vm._l((_vm.currentFiles),function(postFile){return _c('li',{key:postFile.ID,staticClass:\"postFile__item col-md-4\"},[_c('span',{staticClass:\"remove\",on:{\"click\":function($event){return _vm.handleImageRemove(postFile.ID)}}},[_c('i',{staticClass:\"fa fa-times\",attrs:{\"aria-hidden\":\"true\"}})]),_c('img',{class:{'post-disabled':postFile.PostItemStatus !=='Active'},attrs:{\"src\":postFile.PostItemPath}})])}),0)])]),_c('div',{staticClass:\"system-msg\",class:{'bg-danger': _vm.systemmsgError===true}},[_c('p',[_vm._v(_vm._s(_vm.results))]),(_vm.error)?_c('p',{staticStyle:{\"color\":\"red\"}},[_vm._v(_vm._s(_vm.error))]):_vm._e()]),_c('div',{staticClass:\"row d-flex submit-wrap\"},[_c('div',{staticClass:\"col-md-6\"}),_c('div',{staticClass:\"col-md-6\"},[_c('button',{staticClass:\"btn btn-primary login-btn\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Update\\n \")])])])])]),_c('b-modal',{attrs:{\"id\":\"modalDelete\",\"hide-footer\":\"\",\"title\":\"ARE YOU SURE?\"},model:{value:(_vm.showDeleteModal),callback:function ($$v) {_vm.showDeleteModal=$$v},expression:\"showDeleteModal\"}},[_vm._v(\"\\n Once you delete a post, you can't undo it.\\n \"),_c('br'),_c('div',{staticClass:\"row d-flex submit-wrap\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-btn',{staticClass:\"float-left\",on:{\"click\":_vm.cancelClick}},[_vm._v(\"Cancel\")])],1),_c('div',{staticClass:\"col-md-6\"},[_c('b-btn',{staticClass:\"float-right\",on:{\"click\":_vm.okClick}},[_vm._v(\"OK\")])],1)])]),_c('b-modal',{attrs:{\"id\":\"modalApprove\",\"hide-footer\":\"\",\"title\":\"CONFIRM APPROVE?\"},model:{value:(_vm.showConfirmModal),callback:function ($$v) {_vm.showConfirmModal=$$v},expression:\"showConfirmModal\"}},[_vm._v(\"\\n Approve post Now?\\n \"),_c('br'),_c('div',{staticClass:\"row d-flex submit-wrap\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-btn',{staticClass:\"float-left\",on:{\"click\":_vm.approveCancelClick}},[_vm._v(\"Cancel\")])],1),_c('div',{staticClass:\"col-md-6\"},[_c('b-btn',{staticClass:\"float-right\",on:{\"click\":_vm.approveOkClick}},[_vm._v(\"OK\")])],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n
\r\n \r\n \r\n Once you delete a post, you can't undo it.\r\n \r\n
\r\n\r\n\r\n\r\n","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!./Report.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!./Report.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Report.vue?vue&type=template&id=9b6509b4&scoped=true\"\nimport script from \"./Report.vue?vue&type=script&lang=js\"\nexport * from \"./Report.vue?vue&type=script&lang=js\"\nimport style0 from \"./Report.vue?vue&type=style&index=0&id=9b6509b4&prod&scoped=true&lang=css\"\nimport style1 from \"./Report.vue?vue&type=style&index=1&id=9b6509b4&prod&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 \"9b6509b4\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:_vm.checkMobileStatus ? 'mobile-view' : 'web-view',attrs:{\"id\":\"notfound-container\"}},[_vm._m(0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"notfound-error\"},[_c('div',{staticClass:\"notfound-img\"},[_c('img',{attrs:{\"src\":require(\"../assets/404-1.png\")}})]),_c('div',{staticClass:\"notfound-content\"},[_c('p',[_vm._v(\"The page that you are looking for is \"),_c('span',[_vm._v(\"Not Found\")]),_vm._v(\".\")]),_c('small',[_vm._v(\"The link you followed may be broken, or the link may be removed.\")]),_c('button',{staticClass:\"btn btn-default\"},[_c('a',{attrs:{\"href\":\"/\"}},[_vm._v(\"Back to Home\")])])])])\n}]\n\nexport { render, staticRenderFns }","\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
The page that you are looking for is Not Found.
\r\n The link you followed may be broken, or the link may be removed.\r\n\r\n \r\n
What to do before joining the call \r\n 1. Use google chrome in incognito mode \r\n - on google chrome press Ctrl + shift + n button to open incognito mode\r\n
\r\n 2. close any tab on chrome that you don't need\r\n
\r\n 3. ensure other not required applications are closed\r\n
\r\n 4. be early so that you won't miss admitting the parent to join the call\r\n
\r\n 5. log out other device that not required from the network\r\n
\r\n 6. have your mobile phone pre-installed google meet and logged in as a backup\r\n
\r\n\r\n What to do when a call drop \r\n\r\n 1. try to rejoin the call if the lag is on you, or get the parent to rejoin if they are the lagging party\r\n
\r\n 2. if you are sharing your screen, try to stop the sharing.\r\n
\r\n 3. The video quality is set to auto-adjust by default. If the lag persists consider switching to audio-only and try turn back on video when you feel is getting smooth back.\r\n
\r\n 4. if the connectivity still drops after the switch to audio. consider switching to the backup plan that you prepared earlier on (6)
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","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!./Sidebar.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!./Sidebar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Sidebar.vue?vue&type=template&id=40123239&scoped=true\"\nimport script from \"./Sidebar.vue?vue&type=script&lang=js\"\nexport * from \"./Sidebar.vue?vue&type=script&lang=js\"\nimport style0 from \"./Sidebar.vue?vue&type=style&index=0&id=40123239&prod&scoped=true&lang=css\"\nimport style1 from \"./Sidebar.vue?vue&type=style&index=1&id=40123239&prod&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 \"40123239\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:_vm.checkMobileStatus ? 'mobile-view' : 'web-view'},[(!_vm.isHome)?_c('div',{staticClass:\"feed-box\",class:[_vm.post.PostID]},[(_vm.post.PostStatus === 'Draft')?_c('div',{staticStyle:{\"text-align\":\"left\"}},[_vm._m(0)]):_vm._e(),_c('div',{staticClass:\"author\"},[_c('div',{staticClass:\"profile\"},[(_vm.post.ProfileImage === '')?_c('img',{attrs:{\"src\":require(\"../assets/boy.png\")}}):_vm._e(),(_vm.post.ProfileImage)?_c('img',{attrs:{\"src\":_vm.post.ProfileImage,\"id\":'profile_'+_vm.post.PostID}}):_vm._e()]),_c('div',{staticClass:\"feed-heading\"},[_c('span',{staticStyle:{\"font-weight\":\"normal\"}},[_vm._v(_vm._s(_vm.post.CONname))]),_c('small',{staticClass:\"date\"},[_c('i',{staticClass:\"fa fa-clock-o\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n \"+_vm._s(_vm.convertDatetimeFormat(_vm.post.PostCreatedDate))+\"\\n \")])]),(_vm.approverPostNotShow && _vm.post.PostCreatedBy === _vm.feedUserID)?_c('el-popover',{staticClass:\"feed-box__dropdown\",attrs:{\"placement\":\"bottom\",\"width\":\"100\",\"trigger\":\"click\"}},[_c('button',{staticClass:\"btn btn-link\",on:{\"click\":function($event){return _vm.editPost(_vm.post)}}},[_vm._v(_vm._s(_vm.lang(\"Edit\"))+_vm._s(_vm.lang(\"Post\")))]),_c('button',{staticClass:\"btn btn-link\",on:{\"click\":function($event){return _vm.removePost(_vm.post)}}},[_vm._v(_vm._s(_vm.lang(\"Delete\"))+_vm._s(_vm.lang(\"Post\")))]),_c('el-button',{attrs:{\"slot\":\"reference\",\"id\":\"single-post-dropdown\"},slot:\"reference\"},[_c('i',{staticClass:\"fa fa-ellipsis-v\",attrs:{\"aria-hidden\":\"true\"}})])],1):_vm._e()],1),(!_vm.isNull(_vm.post.postKeyTag) && _vm.userType !== 'Parent')?_c('div',{staticClass:\"post-key-tag-container\",staticStyle:{\"text-align\":\"left\"}},_vm._l((_vm.post.postKeyTag),function(keyTag){return _c('div',{staticStyle:{\"display\":\"inline-block\",\"padding\":\"0px 5px\",\"color\":\"#0a74b7\"}},[_c('span',{attrs:{\"id\":keyTag.PostKeyTagID}},[_vm._v(\"#\"+_vm._s(keyTag.PostKeyTagValue))])])}),0):_vm._e(),(!_vm.isNull(_vm.post.postFiles))?_c('div',{staticClass:\"image-wrapper\"},[(!_vm.checkMobileStatus)?_c('ul',{class:_vm.post.postFiles.length === 1 ? 'image-grid-1' : _vm.post.postFiles.length === 2 ? 'image-grid-2' : 'image-grid-3'},_vm._l((_vm.post.postFiles),function(obj_Images,index){return (index < 3)?_c('li',{key:obj_Images.id,staticClass:\"postFile__item\",class:[{'isFile':_vm.isImageByExt(obj_Images)===false && !_vm.isVideo(obj_Images) && !_vm.isAudio(obj_Images) && obj_Images.PostItemFileExt.toLowerCase() !== '.pdf' },\n {'image-grid-item-1' : index === 0}, {'image-grid-item-2' : index === 1 && _vm.post.postFiles.length === 2},\n {'image-grid-item-2-2' : index === 1 && _vm.post.postFiles.length > 2}, {'image-grid-item-3' : index === 2}],staticStyle:{\"cursor\":\"pointer\",\"background\":\"#222222\"}},[(_vm.isImageByExt(obj_Images))?_c('img',{staticClass:\"nonM card-img-top d-block img-fluid\",staticStyle:{\"height\":\"100%\",\"width\":\"100%\",\"object-fit\":\"cover\"},attrs:{\"slot\":\"img\",\"src\":_vm.getBase(obj_Images),\"id\":'ITEMPOSTID_'+obj_Images.PostItemID,\"alt\":_vm.post.PostPorDtlTitle},on:{\"click\":function($event){return _vm.showPreview(index)}},slot:\"img\"}):(_vm.isVideo(obj_Images))?_c('div',{staticClass:\"nonM card-img-top d-block img-fluid w-100\",class:'video-thumbnail-'+obj_Images.PostItemID,on:{\"click\":function($event){return _vm.triggerClickVideo(obj_Images, obj_Images.PostItemID)}}},[_c('img',{staticClass:\"nonM card-img-top d-block img-fluid w-100\",staticStyle:{\"object-fit\":\"contain\",\"height\":\"100%\"},attrs:{\"src\":require(\"../assets/video-thumbnail.jpg\"),\"id\":'ITEMPOSTID_'+obj_Images.PostItemID}}),(_vm.videoClick)?_c('div',{staticClass:\"lds-ellipsis\",staticStyle:{\"top\":\"40%\"}},[_c('div'),_c('div'),_c('div'),_c('div')]):_vm._e()]):(_vm.isAudio(obj_Images))?_c('audio',{staticClass:\"nonM card-img-top d-block img-fluid w-100\",staticStyle:{\"object-fit\":\"contain\"},attrs:{\"controls\":\"\"},on:{\"click\":function($event){return _vm.showPreview(index)}}},[_c('source',{attrs:{\"src\":obj_Images.FilePath,\"type\":obj_Images.PostItemFileType}})]):_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"overflow\":\"auto\"},on:{\"click\":function($event){return _vm.showPreview(index)}}},_vm._l((obj_Images.numPages),function(i){return (!_vm.isImageByExt(obj_Images) && !_vm.isVideo(obj_Images) && !_vm.isAudio(obj_Images) && obj_Images.PostItemFileExt.toLowerCase() === '.pdf')?_c('pdf',{key:i,staticClass:\"nonM card-img-top d-block img-fluid\",staticStyle:{\"display\":\"block\",\"width\":\"100%\"},attrs:{\"page\":i,\"src\":obj_Images.pageOfSrc}}):_vm._e()}),1),(index >= 3 || Object.keys(_vm.post.postFiles).length > 3 )?_c('button',{staticClass:\"postFile-remainingNumber\",on:{\"click\":function($event){return _vm.showPreview(2)}}},[_c('span',[_vm._v(\"+ \"+_vm._s((Object.keys(_vm.post.postFiles).length - 3)))])]):_vm._e()]):_vm._e()}),0):_vm._e(),(_vm.checkMobileStatus)?_c('b-carousel',{staticStyle:{\"text-shadow\":\"1px 1px 2px #333\"},attrs:{\"id\":\"carousel1\",\"controls\":_vm.post.postFiles.length > 1,\"indicators\":\"\",\"background\":\"#fff\",\"interval\":0}},[_c('div',_vm._l((_vm.post.postFiles),function(obj_Images){return _c('b-carousel-slide',{key:obj_Images.id},[(_vm.isImageByExt(obj_Images))?_c('img',{staticClass:\"card-img-top d-block img-fluid\",staticStyle:{\"position\":\"unset\",\"max-height\":\"100%\",\"width\":\"auto\",\"object-fit\":\"scale-down\"},attrs:{\"slot\":\"img\",\"src\":obj_Images.FilePath,\"id\":'ITEMPOSTID_'+obj_Images.PostItemID,\"alt\":_vm.post.PostPorDtlTitle},slot:\"img\"}):_vm._e(),(_vm.isVideo(obj_Images))?_c('div',{staticClass:\"card-img-top d-block img-fluid\",class:'video-thumbnail-'+obj_Images.PostItemID,attrs:{\"slot\":\"img\"},on:{\"click\":function($event){return _vm.triggerClickVideo(obj_Images, obj_Images.PostItemID)}},slot:\"img\"},[_c('img',{staticClass:\"nonM card-img-top d-block img-fluid w-100\",staticStyle:{\"object-fit\":\"contain\",\"height\":\"100%\"},attrs:{\"src\":require(\"../assets/video-thumbnail.jpg\"),\"id\":'ITEMPOSTID_'+obj_Images.PostItemID}}),(_vm.videoClick)?_c('div',{staticClass:\"lds-ellipsis\",staticStyle:{\"top\":\"40%\"}},[_c('div'),_c('div'),_c('div'),_c('div')]):_vm._e()]):_vm._e(),(_vm.isAudio(obj_Images))?_c('audio',{staticClass:\"d-block\",staticStyle:{\"margin\":\"0 auto\",\"max-width\":\"100%\"},attrs:{\"controls\":\"\"}},[_c('source',{attrs:{\"src\":obj_Images.FilePath,\"type\":obj_Images.PostItemFileType}})]):_vm._e(),_vm._l((obj_Images.numPages),function(i){return (!_vm.isImageByExt(obj_Images) && !_vm.isVideo(obj_Images) && !_vm.isAudio(obj_Images) && obj_Images.PostItemFileExt.toLowerCase() === '.pdf')?_c('pdf',{key:i,staticStyle:{\"display\":\"block\",\"width\":\"100%\",\"max-height\":\"100%\",\"overflow\":\"auto\"},attrs:{\"page\":i,\"src\":obj_Images.pageOfSrc}}):_vm._e()})],2)}),1)]):_vm._e()],1):_vm._e(),(!_vm.isNull(_vm.post.postFiles) && _vm.userType === 'Parent' && (this.arr_SchIDs.includes('SCH201400000553') || (!_vm.isNull(_vm.post.St_Pdpa) && _vm.post.St_Pdpa === 'Yes') ))?_c('div',{staticStyle:{\"margin\":\"10px 10px\",\"text-align\":\"left\"}},[_c('a',{staticStyle:{\"color\":\"#585388\",\"cursor\":\"pointer\",\"font-size\":\"12px\"},on:{\"click\":function($event){return _vm.downloadItem(_vm.post.postFiles)}}},[_vm._m(1),_vm._v(\"\\n \"+_vm._s(_vm.lang(\"Download\"))+\"\\n \")])]):_vm._e(),(!_vm.isNull(_vm.post.postDevelopment))?_c('div',{staticStyle:{\"text-align\":\"left\",\"background\":\"#F3F6F8\",\"border-radius\":\"4px\",\"max-height\":\"200px\",\"overflow\":\"auto\",\"display\":\"none\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"background\":\"#E5ECF1\",\"padding\":\"10px\"}},[_c('img',{staticStyle:{\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"src\":require(\"../assets/Vector20.png\")}}),_c('span',{staticStyle:{\"vertical-align\":\"text-top\",\"margin-left\":\"10px\",\"font-weight\":\"bold\"}},[_vm._v(_vm._s(_vm.lang(\"Learning Goals\")))])]),_vm._l((_vm.post.postDevelopment),function(pDevelopment,pIndex){return _c('div',{staticStyle:{\"width\":\"100%\",\"padding\":\"5px 10px\"}},[_c('img',{staticStyle:{\"width\":\"15px\",\"height\":\"15px\"},attrs:{\"src\":require(\"../assets/Vector21.png\")}}),_c('span',{staticStyle:{\"color\":\"#5C6B77\",\"font-size\":\"12px\",\"margin-left\":\"10px\"}},[_vm._v(_vm._s(pDevelopment.PostUpLMIndicator))])])})],2):_vm._e(),(_vm.isLoad)?_c('div',{staticClass:\"lds-ellipsis\"},[_c('div'),_c('div'),_c('div'),_c('div')]):_vm._e(),_c('div',{staticClass:\"content\",staticStyle:{\"position\":\"relative\"}},[_c('div',{},[_c('div',{staticClass:\"mb-2 border-bottom pb-2 px-3\",on:{\"click\":function($event){return _vm.showPreview(_vm.index)}}},[_c('K2Text',{staticClass:\"pointer\",attrs:{\"align\":\"left\",\"bold\":\"true\"}},[_vm._v(_vm._s(_vm.post.PostUpdDtlTitle))])],1),_c('p',{staticStyle:{\"font-size\":\"14px\"}},[_c('span',{staticClass:\"post-content\",staticStyle:{\"white-space\":\"pre-line\",\"word-break\":\"break-word\"},domProps:{\"innerHTML\":_vm._s(_vm.post.PostContent)}})])])]),(_vm.post.PostBroadDtlMsg)?_c('div',{staticStyle:{\"padding\":\"0px 10px 0px 10px\"}},[_c('p',{staticStyle:{\"font-size\":\"14px\"}},[_c('span',{staticStyle:{\"white-space\":\"pre-line\"}},[_vm._v(_vm._s(_vm.post.PostBroadDtlMsg))])])]):_vm._e(),(!_vm.hideComment)?_c('div',{staticClass:\"total-reaction-container\"},[(!_vm.isNull(_vm.post.postReaction))?_c('div',{staticStyle:{\"display\":\"inline-block\",\"margin-right\":\"5px\"}},[_vm._l((_vm.reactionGroupby(_vm.post.postReaction, 'PoReaType')),function(eachReaction,eachKey){return (_vm.post.postReaction.length > 0)?_c('img',{staticClass:\"total-reaction-img-list\",attrs:{\"src\":_vm.checkReactionIcon(eachKey)}}):_vm._e()}),_c('span',{staticStyle:{\"margin-left\":\"5px\",\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.showReactionModal()}}},[_vm._l((_vm.post.postReaction),function(eachReaction,eachKey){return _c('div',{staticStyle:{\"display\":\"inline-block\",\"color\":\"grey\",\"font-size\":\"11px\"}},[(eachKey < 3)?_c('span',[_vm._v(_vm._s(eachReaction.CONname)),(_vm.post.postReaction.length > (eachKey+1))?_c('span',[_vm._v(\", \")]):_vm._e()]):_vm._e()])}),(_vm.post.postReaction.length > 3)?_c('span',{staticStyle:{\"color\":\"grey\",\"font-size\":\"11px\"}},[_vm._v(_vm._s((_vm.post.postReaction.length - 3))+\" more\")]):_vm._e()],2)],2):_vm._e(),(!_vm.isNull(_vm.post.postSeen) && _vm.userType !== 'Parent')?_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',{staticStyle:{\"cursor\":\"pointer\",\"font-size\":\"12px\",\"color\":\"grey\"},on:{\"click\":function($event){return _vm.showPostSeenModal()}}},[(!_vm.isNull(_vm.post.postReaction))?_c('span',[_vm._v(\"| \")]):_vm._e(),_vm._v(\"\\n \"+_vm._s(_vm.lang(\"Seen by\"))+\" \"+_vm._s(_vm.post.postSeen.length)+\"\\n \")])]):_vm._e(),(_vm.isNull(_vm.post.postReaction))?_c('div',{staticStyle:{\"display\":\"inline-block\"}}):_vm._e(),(_vm.post.PostAllowComment === 'Yes')?_c('span',{staticClass:\"comment-count\"},[_c('span',{staticStyle:{\"font-size\":\"12px\"}},[_vm._v(_vm._s(_vm.commentCount)+\" comment(s)\")])]):_vm._e(),(!_vm.hideComment)?_c('div',{staticClass:\"reaction-function-container\",class:(!_vm.isNull(_vm.post.postReaction) || (!_vm.isNull(_vm.post.postSeen) && _vm.userType !== 'Parent') ) ? '' : 'left'},[_c('div',{staticClass:\"moreAction\",on:{\"mouseover\":function($event){_vm.isHoverReaction = true},\"mouseleave\":function($event){_vm.isHoverReaction = false}}},[_vm._l((_vm.obj_SelectedReaction),function(eachSelected){return (_vm.obj_SelectedReaction.length > 0 && eachSelected.PoReaRelatedPostID === _vm.post.PostID)?_c('span',{staticClass:\"reaction-popover\"},[_c('input',{attrs:{\"id\":_vm.post.PostID+'-'+eachSelected.PoReaType,\"type\":\"checkbox\",\"hidden\":\"hidden\"},domProps:{\"value\":eachSelected.PoReaType,\"checked\":_vm.getUserSelectedReaction(eachSelected.PoReaType)},on:{\"change\":_vm.togglePostReaction}}),_c('label',{staticClass:\"reaction-label\",staticStyle:{\"font-size\":\"12px\"},attrs:{\"for\":_vm.post.PostID+'-'+eachSelected.PoReaType}},[_c('div',{attrs:{\"id\":eachSelected.PoReaType}},[_c('img',{staticClass:\"selected-reaction-icon\",attrs:{\"src\":_vm.checkReactionIcon(eachSelected.PoReaType)}}),_c('span',{staticStyle:{\"margin-left\":\"5px\"}},[_vm._v(_vm._s(_vm.checkReactionIconName(eachSelected.PoReaType)))])])])]):_vm._e()}),(_vm.obj_SelectedReaction.length <= 0)?_c('span',{staticClass:\"reaction-popover\"},[_c('input',{attrs:{\"id\":_vm.post.PostID+'-LIKE-default',\"type\":\"checkbox\",\"value\":\"LIKE\",\"hidden\":\"hidden\"},on:{\"change\":_vm.togglePostReaction}}),_c('label',{staticClass:\"reaction-label\",staticStyle:{\"font-weight\":\"normal\",\"font-size\":\"12px\"},attrs:{\"for\":_vm.post.PostID+'-LIKE-default'}},[_c('i',{staticClass:\"fa fa-thumbs-o-up\",staticStyle:{\"margin-right\":\"5px\"},attrs:{\"aria-hidden\":\"true\"}}),_vm._v(_vm._s(_vm.lang(\"LIKE\")))])]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isHoverReaction),expression:\"isHoverReaction\"}],staticClass:\"reaction-list-container\"},_vm._l((_vm.arrobj_ReactionList),function(eachReaction){return _c('div',{staticClass:\"single-reaction\",class:eachReaction.reactionName.toLowerCase()+'-reaction'},[_c('input',{attrs:{\"id\":_vm.post.PostID+'-'+eachReaction.reactionName,\"type\":\"checkbox\",\"hidden\":\"hidden\"},domProps:{\"value\":eachReaction.reactionName,\"checked\":_vm.getUserSelectedReaction(eachReaction.reactionName)},on:{\"change\":_vm.togglePostReaction}}),_c('label',{attrs:{\"for\":_vm.post.PostID+'-'+eachReaction.reactionName}},[_c('img',{attrs:{\"src\":eachReaction.reactionIcon}}),_c('p',[_vm._v(_vm._s(eachReaction.reactionNameCN))])])])}),0)],2)]):_vm._e()]):_vm._e(),(_vm.userType === 'Parent' && _vm.post.PostType !== 'Broadcast')?_c('div',{staticClass:\"dm-container\"},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.parentDMMsg),expression:\"parentDMMsg\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"Please enter message\"},domProps:{\"value\":(_vm.parentDMMsg)},on:{\"input\":function($event){if($event.target.composing)return;_vm.parentDMMsg=$event.target.value}}}),_c('div',{staticClass:\"input-group-append\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.submitDM(_vm.post)}}},[_vm._m(2)])])]):_vm._e(),(!_vm.hideComment && _vm.post.PostAllowComment === 'Yes')?_c('div',{staticClass:\"comment_wrapper transition-box\",staticStyle:{\"display\":\"none\"}},[_c('form',{staticClass:\"form-style\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.commentPostID),expression:\"commentPostID\"}],staticClass:\"form-control d-none commentPostID\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.commentPostID)},on:{\"input\":function($event){if($event.target.composing)return;_vm.commentPostID=$event.target.value}}}),_c('vs-input',{staticClass:\"addComment\",attrs:{\"label-placeholder\":_vm.lang('Comment')},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.submitComment(_vm.post.PostID)}},model:{value:(_vm.commentPostContent),callback:function ($$v) {_vm.commentPostContent=$$v},expression:\"commentPostContent\"}}),_c('div',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.submitComment(_vm.post.PostID)}}},[_c('i',{staticClass:\"fa fa-paper-plane\",attrs:{\"aria-hidden\":\"true\"}})])],1),(_vm.post.commentItems)?_c('div',{staticClass:\"commentWrap\",class:{'is-collapsed' : _vm.post.collapsed }},[_c('transition-group',{attrs:{\"name\":\"top\"}},_vm._l((_vm.commentsToShow),function(commentIndex){return (_vm.post.commentItems && commentIndex <= _vm.post.commentItems.length && _vm.post.commentItems[commentIndex-1])?_c('div',{key:_vm.post.commentItems[commentIndex-1].PoCmID,staticClass:\"comment__item\",staticStyle:{\"position\":\"relative\"}},[_c('div',{staticClass:\"rightCommentContainer col-md-12\"},[_c('div',{staticClass:\"commentItem__header\"},[_c('div',{staticClass:\"comment__name\"},[_c('span',[_vm._v(_vm._s(_vm.post.commentItems[commentIndex-1].commentOwnerName))])]),(_vm.checkidcomment !== _vm.post.commentItems[commentIndex-1].PoCmID)?_c('div',{staticClass:\"commentPostContent_show\"},[_vm._v(\"\\n \"+_vm._s(_vm.post.commentItems[commentIndex-1].PoCmContent)+\"\\n \")]):_vm._e(),_c('div',{staticClass:\"comment__date\"},[(_vm.post.commentItems[commentIndex-1].CONid === _vm.feedUserID)?_c('div',{staticClass:\"post-comment-actionGroup\"},[_c('el-button',{staticClass:\"save\",class:{'d-none' : _vm.readonly === true || _vm.checkidcomment !== _vm.post.commentItems[commentIndex-1].PoCmID},attrs:{\"slot\":\"reference\",\"type\":\"text\"},on:{\"click\":function($event){return _vm.saveClick(_vm.post.commentItems[commentIndex-1].PoCmID, _vm.post.commentItems[commentIndex-1].PoCmContent)}},slot:\"reference\"},[_vm._v(\"\\n \"+_vm._s(_vm.lang(\"Save\"))+\"\\n \")]),(_vm.showEdit)?_c('el-button',{staticClass:\"edit\",attrs:{\"slot\":\"reference\",\"type\":\"text\"},on:{\"click\":function($event){return _vm.editClick(_vm.post.commentItems[commentIndex-1].PoCmID)}},slot:\"reference\"},[_vm._v(\"\\n \"+_vm._s(_vm.lang(\"Edit\"))+\"\\n \")]):_vm._e(),_vm._v(\"\\n .\\n \"),_c('el-button',{staticClass:\"delete\",attrs:{\"slot\":\"reference\",\"type\":\"text\"},on:{\"click\":function($event){return _vm.emitShowDeleteModal(_vm.post.commentItems[commentIndex-1].PoCmID, _vm.post.commentItems[commentIndex-1].PoCmContent, _vm.post.PostID, _vm.post)}},slot:\"reference\"},[_vm._v(\"\\n \"+_vm._s(_vm.lang(\"Delete\"))+\"\\n \")]),_vm._v(\"\\n .\\n \")],1):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.post.commentItems[commentIndex-1].PoCmCreatedDate_convert))])])]),(_vm.readonly === false && _vm.checkidcomment === _vm.post.commentItems[commentIndex-1].PoCmID)?_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.post.commentItems[commentIndex-1].PoCmContent),expression:\"post.commentItems[commentIndex-1].PoCmContent\"}],staticClass:\"comment__content\",class:{'editable' : _vm.readonly === false && _vm.checkidcomment === _vm.post.commentItems[commentIndex-1].PoCmID },attrs:{\"type\":\"text\",\"id\":\"commentPostContent\",\"readonly\":_vm.readonly},domProps:{\"value\":(_vm.post.commentItems[commentIndex-1].PoCmContent)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.post.commentItems[commentIndex-1], \"PoCmContent\", $event.target.value)}}}):_vm._e(),_c('div',{staticStyle:{\"position\":\"relative\"},on:{\"mouseover\":function($event){return _vm.mouseOverComment(_vm.post.commentItems[commentIndex-1].PoCmID)},\"mouseleave\":function($event){return _vm.mouseLeaveComment(_vm.post.commentItems[commentIndex-1].PoCmID)}}},[_c('div',{class:_vm.post.commentItems[commentIndex-1].PoCmID+'comment-reaction-container',staticStyle:{\"display\":\"inline-block\",\"padding-right\":\"5px\"}},[_c('span',{staticClass:\"comment-reaction-popover\"},[_c('input',{attrs:{\"id\":_vm.post.commentItems[commentIndex-1].PoCmID+'-LIKE',\"type\":\"checkbox\",\"value\":\"LIKE\",\"hidden\":\"hidden\"},on:{\"change\":function($event){return _vm.toggleCommentReaction($event, _vm.post.commentItems[commentIndex-1])}}}),_c('label',{class:_vm.post.commentItems[commentIndex-1].commentReactions ? _vm.post.commentItems[commentIndex-1].commentReactions.commentReactionSelected ? 'comment-selected': '' : '',attrs:{\"for\":_vm.post.commentItems[commentIndex-1].PoCmID+'-LIKE'}},[_vm._v(_vm._s(_vm.lang(\"LIKE\")))])])]),(_vm.post.commentItems[commentIndex-1].commentReactions)?_c('div',{staticClass:\"total-each-comment-reaction\"},[_vm._l((_vm.reactionGroupby(_vm.post.commentItems[commentIndex-1].commentReactions, 'PoReaType')),function(eachCommentReactionSelected,eachCommentKey){return (_vm.post.commentItems[commentIndex-1].commentReactions.length > 0)?_c('img',{staticStyle:{\"width\":\"20px\",\"background\":\"transparent\"},attrs:{\"src\":_vm.checkReactionIcon(eachCommentKey)}}):_vm._e()}),_c('span',{staticStyle:{\"margin-left\":\"5px\",\"color\":\"#9a9a9a\"}},[_vm._v(_vm._s(_vm.post.commentItems[commentIndex-1].commentReactions.length))])],2):_vm._e(),_c('div',{staticClass:\"comment-reaction-list-container\",attrs:{\"id\":_vm.post.commentItems[commentIndex-1].PoCmID+'-comment-reaction-list'}},_vm._l((_vm.arrobj_ReactionList),function(eachReaction){return _c('div',{staticClass:\"single-comment-reaction\",class:eachReaction.reactionName.toLowerCase()+'-reaction'},[_c('input',{attrs:{\"id\":_vm.post.commentItems[commentIndex-1].PoCmID+'-'+eachReaction.reactionName,\"type\":\"checkbox\",\"hidden\":\"hidden\"},domProps:{\"value\":eachReaction.reactionName,\"checked\":_vm.getUserSelectedCommentReaction(eachReaction.reactionName, _vm.post.commentItems[commentIndex-1])},on:{\"change\":function($event){return _vm.toggleCommentReaction($event, _vm.post.commentItems[commentIndex-1])}}}),_c('label',{attrs:{\"for\":_vm.post.commentItems[commentIndex-1].PoCmID+'-'+eachReaction.reactionName}},[_c('img',{attrs:{\"src\":eachReaction.reactionIcon}}),_c('p',[_vm._v(_vm._s(eachReaction.reactionNameCN))])])])}),0)])])]):_vm._e()}),0),(_vm.post.commentItems&&_vm.post.commentItems.length > _vm.commentsToShow)?_c('button',{on:{\"click\":function($event){_vm.commentsToShow += 2}}},[_vm._v(\"\\n \"+_vm._s(_vm.lang(\"Load More\"))+\"\\n \")]):_vm._e()],1):_vm._e()]):_vm._e()]):_vm._e(),(_vm.isHome)?_c('ul',{staticClass:\"feed-box\",class:[_vm.post.PostID]},[_c('li',[_c('div',{staticClass:\"image-wrapper\"},[_c('ul',_vm._l((_vm.post.postFiles),function(postFile){return _c('li',{key:postFile.ID},[(postFile.PostItemFile)?_c('img',{class:{'post-disabled':postFile.PostItemStatus !=='Active'},attrs:{\"src\":`data:image/jpg;base64, ${postFile.PostItemFile}`}}):(_vm.checkIfImage(postFile.PostItemPath))?_c('img',{class:{'post-disabled':postFile.PostItemStatus !=='Active'},attrs:{\"src\":postFile.PostItemPath}}):_vm._e()])}),0)]),_c('span',[_c('strong',[_vm._v(_vm._s(_vm.post.CONname))]),_c('small',{staticClass:\"date\"},[_c('i',{staticClass:\"fa fa-clock-o\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n \"+_vm._s(_vm.post.PostCreatedDate)+\"\\n \")]),_vm._v(\"\\n \"+_vm._s(_vm.post.PostContent)+\"\\n \")])])]):_vm._e(),_c('b-modal',{ref:\"modal_EditComponent\",attrs:{\"id\":\"modal_EditComponent\",\"size\":\"lg\",\"hide-footer\":\"\",\"title\":_vm.lang('Edit')+_vm.lang('Post')},on:{\"hidden\":_vm.hideEditModal}},[_c(_vm.obj_SelectedComponent,{tag:\"component\",attrs:{\"post\":_vm.post},on:{\"result\":_vm.displayResult}})],1),_c('b-modal',{ref:\"imageModal\",attrs:{\"id\":\"imageModal\",\"hide-footer\":\"\",\"hide-header\":\"\"}},[_c('div',{staticStyle:{\"text-align\":\"right\"}},[_c('span',{staticStyle:{\"display\":\"inline-block\",\"padding\":\"0px 5px\",\"font-weight\":\"bold\",\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.hideImageModal()}}},[_vm._v(\"Close\")])]),_vm._l((_vm.post.postFiles),function(obj_Images,imgIndex){return _c('div',{key:obj_Images.id},[(obj_Images.isSlide)?_c('div',[_c('div',{staticClass:\"mySlides\"},[(_vm.isImageByExt(obj_Images))?_c('img',{staticClass:\"card-img-top d-block img-fluid\",staticStyle:{\"max-height\":\"100%\",\"height\":\"100%\",\"width\":\"auto\",\"object-fit\":\"scale-down\",\"margin\":\"0 auto\"},attrs:{\"slot\":\"img\",\"src\":obj_Images.FilePath,\"alt\":_vm.post.PostPorDtlTitle},slot:\"img\"}):_vm._e(),(_vm.isVideo(obj_Images))?_c('LazyVideo',{staticClass:\"card-img-top d-block img-fluid\",staticStyle:{\"height\":\"100%\",\"margin\":\"0 auto\"},attrs:{\"slot\":\"img\",\"src\":obj_Images.FilePath,\"controlsList\":\"nodownload\"},slot:\"img\"}):_vm._e(),(_vm.isAudio(obj_Images))?_c('audio',{staticClass:\"d-block\",staticStyle:{\"margin\":\"0 auto\",\"max-width\":\"100%\"},attrs:{\"controls\":\"\"}},[_c('source',{attrs:{\"src\":obj_Images.FilePath,\"type\":obj_Images.PostItemFileType}})]):_vm._e(),_vm._l((obj_Images.numPages),function(i){return (!_vm.isImageByExt(obj_Images) && !_vm.isVideo(obj_Images) && !_vm.isAudio(obj_Images) && obj_Images.PostItemFileExt.toLowerCase() === '.pdf')?_c('pdf',{key:i,staticStyle:{\"display\":\"block\",\"width\":\"100%\",\"margin\":\"0 auto\"},attrs:{\"page\":i,\"src\":obj_Images.pageOfSrc}}):_vm._e()})],2),_c('div',{staticClass:\"row\",staticStyle:{\"justify-content\":\"center\",\"margin\":\"10px 0px 0px 0px\"}},[_c('div',{staticStyle:{\"margin\":\"7px 0px\",\"font-weight\":\"bold\",\"color\":\"#2b2626\"}},[_vm._v(\"\\n \"+_vm._s((imgIndex+1))+\"/\"+_vm._s(_vm.post.postFiles.length)+\"\\n \")]),_c('button',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.showDivs('prev')}}},[_c('i',{staticClass:\"fa fa-chevron-left\",attrs:{\"aria-hidden\":\"true\"}})]),_c('button',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.showDivs('next')}}},[_c('i',{staticClass:\"fa fa-chevron-right\",attrs:{\"aria-hidden\":\"true\"}})]),(!_vm.isNull(_vm.post.postFiles) && _vm.userType === 'Parent' && (_vm.arr_SchIDs.includes('SCH201400000553') || (!_vm.isNull(_vm.post.St_Pdpa) && _vm.post.St_Pdpa === 'Yes') ))?_c('button',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.downloadSingleItem(obj_Images)}}},[_c('i',{staticClass:\"fa fa-download\",attrs:{\"aria-hidden\":\"true\"}})]):_vm._e()])]):_vm._e()])})],2),_c('b-modal',{ref:\"imageModal-1\",attrs:{\"id\":\"imageModal-1\",\"hide-footer\":\"\",\"hide-header\":\"\"}},[_c('b-carousel',{staticStyle:{\"text-shadow\":\"1px 1px 2px #333\"},attrs:{\"id\":\"modal_carousel\",\"value\":_vm.imgModalSlide,\"controls\":_vm.post.postFiles&&_vm.post.postFiles.length > 1,\"indicators\":\"\",\"background\":\"#fff\",\"interval\":0}},[_c('div',_vm._l((_vm.post.postFiles),function(obj_Images){return _c('b-carousel-slide',{key:obj_Images.id},[(!_vm.isNull(_vm.post.postFiles) && _vm.userType === 'Parent' && (_vm.arr_SchIDs.includes('SCH201400000553') || (!_vm.isNull(_vm.post.St_Pdpa) && _vm.post.St_Pdpa === 'Yes') ))?_c('button',{staticClass:\"btn-single-download btn\",on:{\"click\":function($event){return _vm.downloadSingleItem(obj_Images)}}},[_vm._v(_vm._s(_vm.lang(\"Download\"))+\"\\n \")]):_vm._e(),(_vm.isImageByExt(obj_Images))?_c('img',{staticClass:\"card-img-top d-block img-fluid\",staticStyle:{\"max-height\":\"100%\",\"height\":\"100%\",\"width\":\"auto\",\"object-fit\":\"scale-down\"},attrs:{\"slot\":\"img\",\"src\":obj_Images.FilePath,\"alt\":_vm.post.PostPorDtlTitle},slot:\"img\"}):_vm._e(),(_vm.isVideo(obj_Images))?_c('LazyVideo',{staticClass:\"card-img-top d-block img-fluid\",staticStyle:{\"height\":\"100%\"},attrs:{\"slot\":\"img\",\"src\":obj_Images.FilePath,\"controlsList\":\"nodownload\"},slot:\"img\"}):_vm._e(),(_vm.isAudio(obj_Images))?_c('audio',{staticClass:\"d-block\",staticStyle:{\"margin\":\"0 auto\",\"max-width\":\"100%\"},attrs:{\"controls\":\"\"}},[_c('source',{attrs:{\"src\":obj_Images.FilePath,\"type\":obj_Images.PostItemFileType}})]):_vm._e(),_vm._l((obj_Images.numPages),function(i){return (!_vm.isImageByExt(obj_Images) && !_vm.isVideo(obj_Images) && !_vm.isAudio(obj_Images) && obj_Images.PostItemFileExt.toLowerCase() === '.pdf')?_c('pdf',{key:i,staticStyle:{\"display\":\"block\",\"width\":\"100%\"},attrs:{\"page\":i,\"src\":obj_Images.pageOfSrc}}):_vm._e()})],2)}),1)])],1),_c('b-modal',{ref:\"reactionModal\",attrs:{\"id\":\"reactionModal\",\"size\":\"sm\",\"hide-footer\":\"\",\"title\":\"Reaction by\"},on:{\"hidden\":_vm.hideReactionModal}},_vm._l((_vm.post.postReaction),function(reaction){return _c('div',{staticStyle:{\"margin-bottom\":\"20px\",\"border-bottom\":\"1px solid #f7f7f7\",\"padding\":\"5px\"}},[_c('span',[_vm._v(_vm._s(reaction.CONname))]),_c('img',{staticClass:\"total-reaction-img-list\",staticStyle:{\"float\":\"right\"},attrs:{\"src\":_vm.checkReactionIcon(reaction.PoReaType)}})])}),0),_c('b-modal',{ref:\"postSeenModal\",attrs:{\"id\":\"postSeenModal\",\"size\":\"sm\",\"hide-footer\":\"\",\"title\":_vm.lang('Seen by')},on:{\"hidden\":_vm.hidePostSeenModal}},_vm._l((_vm.post.postSeen),function(seen){return _c('div',{staticStyle:{\"margin-bottom\":\"20px\",\"border-bottom\":\"1px solid #f7f7f7\",\"padding\":\"5px\"}},[_c('div',{staticClass:\"row\",staticStyle:{\"margin\":\"0px\"}},[_c('span',[_vm._v(_vm._s(seen.CONname))])])])}),0),_c('b-modal',{ref:\"postDevelopmentModal\",attrs:{\"id\":\"postDevelopmentModal\",\"size\":\"sm\",\"hide-footer\":\"\",\"title\":_vm.lang('Developmental Goals')},on:{\"hidden\":_vm.hidePostDevelopmentModal}},[(!_vm.isNull(_vm.post.postDevelopment))?_c('div',{staticStyle:{\"margin-bottom\":\"20px\",\"border-bottom\":\"1px solid #f7f7f7\",\"padding\":\"5px\"}},[_c('table',[_c('tr',[_c('th',[_vm._v(_vm._s(_vm.lang(\"NO\")))]),_c('th',[_vm._v(_vm._s(_vm.lang(\"Goals\")))])]),_vm._l((_vm.post.postDevelopment),function(porDev,porIndex){return _c('tr',[_c('td',[_vm._v(_vm._s((porIndex+1)))]),_c('td',[_vm._v(_vm._s(porDev.PostUpLMIndicator))])])})],2)]):_vm._e()]),(_vm.previewPost)?_c('K2Modal',{attrs:{\"fullscreen\":false,\"dialog\":_vm.modal==='preview',\"hideFooter\":true,\"hideHeader\":true},on:{\"handleClose\":_vm.handleClose,\"onConfirm\":_vm.handleClose}},[_c('K2Row',{staticClass:\"position-relative previewHeader\",attrs:{\"justify_content\":\"center\",\"align\":\"center\",\"space-between\":\"true\"}},[_c('K2Icon',{staticStyle:{\"top\":\"0\"},attrs:{\"color\":\"black\",\"name\":\"chevron_left\",\"link\":\"true\"},on:{\"onclick\":_vm.handleClose}}),_c('K2Heading',{staticStyle:{\"flex\":\"1\",\"text-align\":\"center\"},attrs:{\"type\":\"h5\",\"class-name\":\"mb-0\",\"color\":\"black\"}},[_vm._v(\"\\n \"+_vm._s(_vm.previewPost.PostUpdDtlTitle||_vm.lang(\"Preview Post\"))+\"\\n \")])],1),_c('ActivityPreview',{attrs:{\"passtaparent\":_vm.previewPost.PostContent || _vm.previewPost.PostUpdDtlDescription,\"passselectedfile\":_vm.previewPost.postFiles,\"passkeytags\":_vm.previewPost.PostKeyTags,\"postType\":_vm.previewPost.PostType,\"parentPost\":_vm.previewPost,\"passdevelopmentgoals\":_vm.previewPost.postDevelopment,\"isPublished\":\"true\",\"createdDate\":_vm.previewPost.PostCreatedDate,\"passmselectedstudents\":_vm.previewPost.studentList,\"passmselectedlevels\":_vm.previewPost.levelList,\"passmseelctedclasses\":_vm.previewPost.classList}})],1):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"width\":\"100%\",\"background\":\"#EB5757\",\"padding\":\"5px 10px\",\"color\":\"#ffffff\",\"border-radius\":\"4px 4px 0px 0px\"}},[_c('i',{staticClass:\"fa fa-pencil\",staticStyle:{\"margin-right\":\"10px\"},attrs:{\"aria-hidden\":\"true\"}}),_c('span',[_vm._v(\"Draft\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticStyle:{\"margin-right\":\"5px\"}},[_c('i',{staticClass:\"fa fa-download\",attrs:{\"aria-hidden\":\"true\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"btn btn-dm-submit-icon\",staticStyle:{\"background\":\"#426DFF\",\"color\":\"#ffffff\"}},[_c('i',{staticClass:\"fa fa-paper-plane\"})])\n}]\n\nexport { render, staticRenderFns }","/* jquery.signalR.core.js */\r\n/*global window:false */\r\n/*!\r\n * ASP.NET SignalR JavaScript Library 2.4.1\r\n * http://signalr.net/\r\n *\r\n * Copyright (c) .NET Foundation. All rights reserved.\r\n * Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.\r\n *\r\n */\r\n\r\n/// \r\n/// \r\n(function ($, window, undefined) {\r\n\r\n var resources = {\r\n nojQuery: \"jQuery was not found. Please ensure jQuery is referenced before the SignalR client JavaScript file.\",\r\n noTransportOnInit: \"No transport could be initialized successfully. Try specifying a different transport or none at all for auto initialization.\",\r\n errorOnNegotiate: \"Error during negotiation request.\",\r\n stoppedWhileLoading: \"The connection was stopped during page load.\",\r\n stoppedWhileNegotiating: \"The connection was stopped during the negotiate request.\",\r\n errorParsingNegotiateResponse: \"Error parsing negotiate response.\",\r\n errorRedirectionExceedsLimit: \"Negotiate redirection limit exceeded.\",\r\n errorDuringStartRequest: \"Error during start request. Stopping the connection.\",\r\n errorFromServer: \"Error message received from the server: '{0}'.\",\r\n stoppedDuringStartRequest: \"The connection was stopped during the start request.\",\r\n errorParsingStartResponse: \"Error parsing start response: '{0}'. Stopping the connection.\",\r\n invalidStartResponse: \"Invalid start response: '{0}'. Stopping the connection.\",\r\n protocolIncompatible: \"You are using a version of the client that isn't compatible with the server. Client version {0}, server version {1}.\",\r\n aspnetCoreSignalrServer: \"Detected a connection attempt to an ASP.NET Core SignalR Server. This client only supports connecting to an ASP.NET SignalR Server. See https://aka.ms/signalr-core-differences for details.\",\r\n sendFailed: \"Send failed.\",\r\n parseFailed: \"Failed at parsing response: {0}\",\r\n longPollFailed: \"Long polling request failed.\",\r\n eventSourceFailedToConnect: \"EventSource failed to connect.\",\r\n eventSourceError: \"Error raised by EventSource\",\r\n webSocketClosed: \"WebSocket closed.\",\r\n pingServerFailedInvalidResponse: \"Invalid ping response when pinging server: '{0}'.\",\r\n pingServerFailed: \"Failed to ping server.\",\r\n pingServerFailedStatusCode: \"Failed to ping server. Server responded with status code {0}, stopping the connection.\",\r\n pingServerFailedParse: \"Failed to parse ping server response, stopping the connection.\",\r\n noConnectionTransport: \"Connection is in an invalid state, there is no transport active.\",\r\n webSocketsInvalidState: \"The Web Socket transport is in an invalid state, transitioning into reconnecting.\",\r\n reconnectTimeout: \"Couldn't reconnect within the configured timeout of {0} ms, disconnecting.\",\r\n reconnectWindowTimeout: \"The client has been inactive since {0} and it has exceeded the inactivity timeout of {1} ms. Stopping the connection.\",\r\n jsonpNotSupportedWithAccessToken: \"The JSONP protocol does not support connections that require a Bearer token to connect, such as the Azure SignalR Service.\"\r\n };\r\n\r\n if (typeof ($) !== \"function\") {\r\n // no jQuery!\r\n throw new Error(resources.nojQuery);\r\n }\r\n\r\n var signalR,\r\n _connection,\r\n _pageLoaded = (window.document.readyState === \"complete\"),\r\n _pageWindow = $(window),\r\n _negotiateAbortText = \"__Negotiate Aborted__\",\r\n events = {\r\n onStart: \"onStart\",\r\n onStarting: \"onStarting\",\r\n onReceived: \"onReceived\",\r\n onError: \"onError\",\r\n onConnectionSlow: \"onConnectionSlow\",\r\n onReconnecting: \"onReconnecting\",\r\n onReconnect: \"onReconnect\",\r\n onStateChanged: \"onStateChanged\",\r\n onDisconnect: \"onDisconnect\"\r\n },\r\n ajaxDefaults = {\r\n processData: true,\r\n timeout: null,\r\n async: true,\r\n global: false,\r\n cache: false\r\n },\r\n log = function (msg, logging) {\r\n if (logging === false) {\r\n return;\r\n }\r\n var m;\r\n if (typeof (window.console) === \"undefined\") {\r\n return;\r\n }\r\n m = \"[\" + new Date().toTimeString() + \"] SignalR: \" + msg;\r\n if (window.console.debug) {\r\n window.console.debug(m);\r\n } else if (window.console.log) {\r\n window.console.log(m);\r\n }\r\n },\r\n\r\n changeState = function (connection, expectedState, newState) {\r\n if (expectedState === connection.state) {\r\n connection.state = newState;\r\n\r\n $(connection).triggerHandler(events.onStateChanged, [{ oldState: expectedState, newState: newState }]);\r\n return true;\r\n }\r\n\r\n return false;\r\n },\r\n\r\n isDisconnecting = function (connection) {\r\n return connection.state === signalR.connectionState.disconnected;\r\n },\r\n\r\n supportsKeepAlive = function (connection) {\r\n return connection._.keepAliveData.activated &&\r\n connection.transport.supportsKeepAlive(connection);\r\n },\r\n\r\n configureStopReconnectingTimeout = function (connection) {\r\n var stopReconnectingTimeout,\r\n onReconnectTimeout;\r\n\r\n // Check if this connection has already been configured to stop reconnecting after a specified timeout.\r\n // Without this check if a connection is stopped then started events will be bound multiple times.\r\n if (!connection._.configuredStopReconnectingTimeout) {\r\n onReconnectTimeout = function (connection) {\r\n var message = signalR._.format(signalR.resources.reconnectTimeout, connection.disconnectTimeout);\r\n connection.log(message);\r\n $(connection).triggerHandler(events.onError, [signalR._.error(message, /* source */ \"TimeoutException\")]);\r\n connection.stop(/* async */ false, /* notifyServer */ false);\r\n };\r\n\r\n connection.reconnecting(function () {\r\n var connection = this;\r\n\r\n // Guard against state changing in a previous user defined even handler\r\n if (connection.state === signalR.connectionState.reconnecting) {\r\n stopReconnectingTimeout = window.setTimeout(function () { onReconnectTimeout(connection); }, connection.disconnectTimeout);\r\n }\r\n });\r\n\r\n connection.stateChanged(function (data) {\r\n if (data.oldState === signalR.connectionState.reconnecting) {\r\n // Clear the pending reconnect timeout check\r\n window.clearTimeout(stopReconnectingTimeout);\r\n }\r\n });\r\n\r\n connection._.configuredStopReconnectingTimeout = true;\r\n }\r\n };\r\n\r\n signalR = function (url, qs, logging) {\r\n /// Creates a new SignalR connection for the given url\r\n /// The URL of the long polling endpoint\r\n /// \r\n /// [Optional] Custom querystring parameters to add to the connection URL.\r\n /// If an object, every non-function member will be added to the querystring.\r\n /// If a string, it's added to the QS as specified.\r\n /// \r\n /// \r\n /// [Optional] A flag indicating whether connection logging is enabled to the browser\r\n /// console/log. Defaults to false.\r\n /// \r\n\r\n return new signalR.fn.init(url, qs, logging);\r\n };\r\n\r\n signalR._ = {\r\n defaultContentType: \"application/x-www-form-urlencoded; charset=UTF-8\",\r\n\r\n ieVersion: (function () {\r\n var version,\r\n matches;\r\n\r\n if (window.navigator.appName === 'Microsoft Internet Explorer') {\r\n // Check if the user agent has the pattern \"MSIE (one or more numbers).(one or more numbers)\";\r\n matches = /MSIE ([0-9]+\\.[0-9]+)/.exec(window.navigator.userAgent);\r\n\r\n if (matches) {\r\n version = window.parseFloat(matches[1]);\r\n }\r\n }\r\n\r\n // undefined value means not IE\r\n return version;\r\n })(),\r\n\r\n error: function (message, source, context) {\r\n var e = new Error(message);\r\n e.source = source;\r\n\r\n if (typeof context !== \"undefined\") {\r\n e.context = context;\r\n }\r\n\r\n return e;\r\n },\r\n\r\n transportError: function (message, transport, source, context) {\r\n var e = this.error(message, source, context);\r\n e.transport = transport ? transport.name : undefined;\r\n return e;\r\n },\r\n\r\n format: function () {\r\n /// Usage: format(\"Hi {0}, you are {1}!\", \"Foo\", 100) \r\n var s = arguments[0];\r\n for (var i = 0; i < arguments.length - 1; i++) {\r\n s = s.replace(\"{\" + i + \"}\", arguments[i + 1]);\r\n }\r\n return s;\r\n },\r\n\r\n firefoxMajorVersion: function (userAgent) {\r\n // Firefox user agents: http://useragentstring.com/pages/Firefox/\r\n var matches = userAgent.match(/Firefox\\/(\\d+)/);\r\n if (!matches || !matches.length || matches.length < 2) {\r\n return 0;\r\n }\r\n return parseInt(matches[1], 10 /* radix */);\r\n },\r\n\r\n configurePingInterval: function (connection) {\r\n var config = connection._.config,\r\n onFail = function (error) {\r\n $(connection).triggerHandler(events.onError, [error]);\r\n };\r\n\r\n if (config && !connection._.pingIntervalId && config.pingInterval) {\r\n connection._.pingIntervalId = window.setInterval(function () {\r\n signalR.transports._logic.pingServer(connection).fail(onFail);\r\n }, config.pingInterval);\r\n }\r\n }\r\n };\r\n\r\n signalR.events = events;\r\n\r\n signalR.resources = resources;\r\n\r\n signalR.ajaxDefaults = ajaxDefaults;\r\n\r\n signalR.changeState = changeState;\r\n\r\n signalR.isDisconnecting = isDisconnecting;\r\n\r\n signalR.connectionState = {\r\n connecting: 0,\r\n connected: 1,\r\n reconnecting: 2,\r\n disconnected: 4\r\n };\r\n\r\n signalR.hub = {\r\n start: function () {\r\n // This will get replaced with the real hub connection start method when hubs is referenced correctly\r\n throw new Error(\"SignalR: Error loading hubs. Ensure your hubs reference is correct, e.g. .\");\r\n }\r\n };\r\n\r\n // .on() was added in version 1.7.0, .load() was removed in version 3.0.0 so we fallback to .load() if .on() does\r\n // not exist to not break existing applications\r\n if (typeof _pageWindow.on == \"function\") {\r\n _pageWindow.on(\"load\", function () { _pageLoaded = true; });\r\n }\r\n else {\r\n _pageWindow.load(function () { _pageLoaded = true; });\r\n }\r\n\r\n function validateTransport(requestedTransport, connection) {\r\n /// Validates the requested transport by cross checking it with the pre-defined signalR.transports\r\n /// The designated transports that the user has specified.\r\n /// The connection that will be using the requested transports. Used for logging purposes.\r\n /// \r\n\r\n if ($.isArray(requestedTransport)) {\r\n // Go through transport array and remove an \"invalid\" tranports\r\n for (var i = requestedTransport.length - 1; i >= 0; i--) {\r\n var transport = requestedTransport[i];\r\n if ($.type(transport) !== \"string\" || !signalR.transports[transport]) {\r\n connection.log(\"Invalid transport: \" + transport + \", removing it from the transports list.\");\r\n requestedTransport.splice(i, 1);\r\n }\r\n }\r\n\r\n // Verify we still have transports left, if we dont then we have invalid transports\r\n if (requestedTransport.length === 0) {\r\n connection.log(\"No transports remain within the specified transport array.\");\r\n requestedTransport = null;\r\n }\r\n } else if (!signalR.transports[requestedTransport] && requestedTransport !== \"auto\") {\r\n connection.log(\"Invalid transport: \" + requestedTransport.toString() + \".\");\r\n requestedTransport = null;\r\n } else if (requestedTransport === \"auto\" && signalR._.ieVersion <= 8) {\r\n // If we're doing an auto transport and we're IE8 then force longPolling, #1764\r\n return [\"longPolling\"];\r\n\r\n }\r\n\r\n return requestedTransport;\r\n }\r\n\r\n function getDefaultPort(protocol) {\r\n if (protocol === \"http:\") {\r\n return 80;\r\n } else if (protocol === \"https:\") {\r\n return 443;\r\n }\r\n }\r\n\r\n function addDefaultPort(protocol, url) {\r\n // Remove ports from url. We have to check if there's a / or end of line\r\n // following the port in order to avoid removing ports such as 8080.\r\n if (url.match(/:\\d+$/)) {\r\n return url;\r\n } else {\r\n return url + \":\" + getDefaultPort(protocol);\r\n }\r\n }\r\n\r\n function ConnectingMessageBuffer(connection, drainCallback) {\r\n var that = this,\r\n buffer = [];\r\n\r\n that.tryBuffer = function (message) {\r\n if (connection.state === $.signalR.connectionState.connecting) {\r\n buffer.push(message);\r\n\r\n return true;\r\n }\r\n\r\n return false;\r\n };\r\n\r\n that.drain = function () {\r\n // Ensure that the connection is connected when we drain (do not want to drain while a connection is not active)\r\n if (connection.state === $.signalR.connectionState.connected) {\r\n while (buffer.length > 0) {\r\n drainCallback(buffer.shift());\r\n }\r\n }\r\n };\r\n\r\n that.clear = function () {\r\n buffer = [];\r\n };\r\n }\r\n\r\n signalR.fn = signalR.prototype = {\r\n init: function (url, qs, logging) {\r\n var $connection = $(this);\r\n\r\n this.url = url;\r\n this.qs = qs;\r\n this.lastError = null;\r\n this._ = {\r\n keepAliveData: {},\r\n connectingMessageBuffer: new ConnectingMessageBuffer(this, function (message) {\r\n $connection.triggerHandler(events.onReceived, [message]);\r\n }),\r\n lastMessageAt: new Date().getTime(),\r\n lastActiveAt: new Date().getTime(),\r\n beatInterval: 5000, // Default value, will only be overridden if keep alive is enabled,\r\n beatHandle: null,\r\n totalTransportConnectTimeout: 0, // This will be the sum of the TransportConnectTimeout sent in response to negotiate and connection.transportConnectTimeout\r\n redirectQs: null\r\n };\r\n if (typeof (logging) === \"boolean\") {\r\n this.logging = logging;\r\n }\r\n },\r\n\r\n _parseResponse: function (response) {\r\n var that = this;\r\n\r\n if (!response) {\r\n return response;\r\n } else if (typeof response === \"string\") {\r\n return that.json.parse(response);\r\n } else {\r\n return response;\r\n }\r\n },\r\n\r\n _originalJson: window.JSON,\r\n\r\n json: window.JSON,\r\n\r\n isCrossDomain: function (url, against) {\r\n /// Checks if url is cross domain\r\n /// The base URL\r\n /// \r\n /// An optional argument to compare the URL against, if not specified it will be set to window.location.\r\n /// If specified it must contain a protocol and a host property.\r\n /// \r\n var link;\r\n\r\n url = $.trim(url);\r\n\r\n against = against || window.location;\r\n\r\n if (url.indexOf(\"http\") !== 0) {\r\n return false;\r\n }\r\n\r\n // Create an anchor tag.\r\n link = window.document.createElement(\"a\");\r\n link.href = url;\r\n\r\n // When checking for cross domain we have to special case port 80 because the window.location will remove the\r\n return link.protocol + addDefaultPort(link.protocol, link.host) !== against.protocol + addDefaultPort(against.protocol, against.host);\r\n },\r\n\r\n ajaxDataType: \"text\",\r\n\r\n contentType: \"application/json; charset=UTF-8\",\r\n\r\n logging: false,\r\n\r\n state: signalR.connectionState.disconnected,\r\n\r\n clientProtocol: \"2.1\",\r\n\r\n // We want to support older servers since the 2.0 change is to support redirection results, which isn't\r\n // really breaking in the protocol. So if a user updates their client to 2.0 protocol version there's\r\n // no reason they can't still connect to a 1.5 server. The 2.1 protocol is sent by the client so the SignalR\r\n // service knows the client will use they query string returned via the RedirectUrl for subsequent requests.\r\n // It doesn't matter whether the server reflects back 2.1 or continues using 2.0 as the protocol version.\r\n supportedProtocols: [\"1.5\", \"2.0\", \"2.1\"],\r\n\r\n negotiateRedirectSupportedProtocols: [\"2.0\", \"2.1\"],\r\n\r\n reconnectDelay: 2000,\r\n\r\n transportConnectTimeout: 0,\r\n\r\n disconnectTimeout: 30000, // This should be set by the server in response to the negotiate request (30s default)\r\n\r\n reconnectWindow: 30000, // This should be set by the server in response to the negotiate request\r\n\r\n keepAliveWarnAt: 2 / 3, // Warn user of slow connection if we breach the X% mark of the keep alive timeout\r\n\r\n start: function (options, callback) {\r\n /// Starts the connection\r\n /// Options map\r\n /// A callback function to execute when the connection has started\r\n var connection = this,\r\n config = {\r\n pingInterval: 300000,\r\n waitForPageLoad: true,\r\n transport: \"auto\",\r\n jsonp: false\r\n },\r\n initialize,\r\n deferred = connection._deferral || $.Deferred(), // Check to see if there is a pre-existing deferral that's being built on, if so we want to keep using it\r\n parser = window.document.createElement(\"a\"),\r\n setConnectionUrl = function (connection, url) {\r\n if (connection.url === url && connection.baseUrl) {\r\n // when the url related properties are already set\r\n return;\r\n }\r\n\r\n connection.url = url;\r\n\r\n // Resolve the full url\r\n parser.href = connection.url;\r\n if (!parser.protocol || parser.protocol === \":\") {\r\n connection.protocol = window.document.location.protocol;\r\n connection.host = parser.host || window.document.location.host;\r\n } else {\r\n connection.protocol = parser.protocol;\r\n connection.host = parser.host;\r\n }\r\n\r\n connection.baseUrl = connection.protocol + \"//\" + connection.host;\r\n\r\n // Set the websocket protocol\r\n connection.wsProtocol = connection.protocol === \"https:\" ? \"wss://\" : \"ws://\";\r\n\r\n // If the url is protocol relative, prepend the current windows protocol to the url.\r\n if (connection.url.indexOf(\"//\") === 0) {\r\n connection.url = window.location.protocol + connection.url;\r\n connection.log(\"Protocol relative URL detected, normalizing it to '\" + connection.url + \"'.\");\r\n }\r\n\r\n if (connection.isCrossDomain(connection.url)) {\r\n connection.log(\"Auto detected cross domain url.\");\r\n\r\n if (config.transport === \"auto\") {\r\n // Cross-domain does not support foreverFrame\r\n config.transport = [\"webSockets\", \"serverSentEvents\", \"longPolling\"];\r\n }\r\n\r\n if (typeof connection.withCredentials === \"undefined\") {\r\n connection.withCredentials = true;\r\n }\r\n\r\n // Determine if jsonp is the only choice for negotiation, ajaxSend and ajaxAbort.\r\n // i.e. if the browser doesn't supports CORS\r\n // If it is, ignore any preference to the contrary, and switch to jsonp.\r\n if (!$.support.cors) {\r\n connection.ajaxDataType = \"jsonp\";\r\n connection.log(\"Using jsonp because this browser doesn't support CORS.\");\r\n }\r\n\r\n connection.contentType = signalR._.defaultContentType;\r\n }\r\n };\r\n\r\n connection.lastError = null;\r\n\r\n // Persist the deferral so that if start is called multiple times the same deferral is used.\r\n connection._deferral = deferred;\r\n\r\n if (!connection.json) {\r\n // no JSON!\r\n throw new Error(\"SignalR: No JSON parser found. Please ensure json2.js is referenced before the SignalR.js file if you need to support clients without native JSON parsing support, e.g. IE<8.\");\r\n }\r\n\r\n if ($.type(options) === \"function\") {\r\n // Support calling with single callback parameter\r\n callback = options;\r\n } else if ($.type(options) === \"object\") {\r\n $.extend(config, options);\r\n if ($.type(config.callback) === \"function\") {\r\n callback = config.callback;\r\n }\r\n }\r\n\r\n config.transport = validateTransport(config.transport, connection);\r\n\r\n // If the transport is invalid throw an error and abort start\r\n if (!config.transport) {\r\n throw new Error(\"SignalR: Invalid transport(s) specified, aborting start.\");\r\n }\r\n\r\n connection._.config = config;\r\n\r\n // Check to see if start is being called prior to page load\r\n // If waitForPageLoad is true we then want to re-direct function call to the window load event\r\n if (!_pageLoaded && config.waitForPageLoad === true) {\r\n connection._.deferredStartHandler = function () {\r\n connection.start(options, callback);\r\n };\r\n _pageWindow.bind(\"load\", connection._.deferredStartHandler);\r\n\r\n return deferred.promise();\r\n }\r\n\r\n // If we're already connecting just return the same deferral as the original connection start\r\n if (connection.state === signalR.connectionState.connecting) {\r\n return deferred.promise();\r\n } else if (changeState(connection,\r\n signalR.connectionState.disconnected,\r\n signalR.connectionState.connecting) === false) {\r\n // We're not connecting so try and transition into connecting.\r\n // If we fail to transition then we're either in connected or reconnecting.\r\n\r\n deferred.resolve(connection);\r\n return deferred.promise();\r\n }\r\n\r\n configureStopReconnectingTimeout(connection);\r\n\r\n // If jsonp with no/auto transport is specified, then set the transport to long polling\r\n // since that is the only transport for which jsonp really makes sense.\r\n // Some developers might actually choose to specify jsonp for same origin requests\r\n // as demonstrated by Issue #623.\r\n if (config.transport === \"auto\" && config.jsonp === true) {\r\n config.transport = \"longPolling\";\r\n }\r\n\r\n connection.withCredentials = config.withCredentials;\r\n\r\n // Save the original url so that we can reset it when we stop and restart the connection\r\n connection._originalUrl = connection.url;\r\n\r\n connection.ajaxDataType = config.jsonp ? \"jsonp\" : \"text\";\r\n\r\n setConnectionUrl(connection, connection.url);\r\n\r\n $(connection).bind(events.onStart, function (e, data) {\r\n if ($.type(callback) === \"function\") {\r\n callback.call(connection);\r\n }\r\n deferred.resolve(connection);\r\n });\r\n\r\n connection._.initHandler = signalR.transports._logic.initHandler(connection);\r\n\r\n initialize = function (transports, index) {\r\n var noTransportError = signalR._.error(resources.noTransportOnInit);\r\n\r\n index = index || 0;\r\n if (index >= transports.length) {\r\n if (index === 0) {\r\n connection.log(\"No transports supported by the server were selected.\");\r\n } else if (index === 1) {\r\n connection.log(\"No fallback transports were selected.\");\r\n } else {\r\n connection.log(\"Fallback transports exhausted.\");\r\n }\r\n\r\n // No transport initialized successfully\r\n $(connection).triggerHandler(events.onError, [noTransportError]);\r\n deferred.reject(noTransportError);\r\n // Stop the connection if it has connected and move it into the disconnected state\r\n connection.stop();\r\n return;\r\n }\r\n\r\n // The connection was aborted\r\n if (connection.state === signalR.connectionState.disconnected) {\r\n return;\r\n }\r\n\r\n var transportName = transports[index],\r\n transport = signalR.transports[transportName],\r\n onFallback = function () {\r\n initialize(transports, index + 1);\r\n };\r\n\r\n connection.transport = transport;\r\n\r\n try {\r\n connection._.initHandler.start(transport, function () { // success\r\n // Firefox 11+ doesn't allow sync XHR withCredentials: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest#withCredentials\r\n var isFirefox11OrGreater = signalR._.firefoxMajorVersion(window.navigator.userAgent) >= 11,\r\n asyncAbort = true;\r\n\r\n connection.log(\"The start request succeeded. Transitioning to the connected state.\");\r\n\r\n if (supportsKeepAlive(connection)) {\r\n signalR.transports._logic.monitorKeepAlive(connection);\r\n }\r\n\r\n signalR.transports._logic.startHeartbeat(connection);\r\n\r\n // Used to ensure low activity clients maintain their authentication.\r\n // Must be configured once a transport has been decided to perform valid ping requests.\r\n signalR._.configurePingInterval(connection);\r\n\r\n if (!changeState(connection,\r\n signalR.connectionState.connecting,\r\n signalR.connectionState.connected)) {\r\n connection.log(\"WARNING! The connection was not in the connecting state.\");\r\n }\r\n\r\n // Drain any incoming buffered messages (messages that came in prior to connect)\r\n connection._.connectingMessageBuffer.drain();\r\n\r\n $(connection).triggerHandler(events.onStart);\r\n\r\n // wire the stop handler for when the user leaves the page\r\n _pageWindow.bind(\"unload\", function () {\r\n connection.log(\"Window unloading, stopping the connection.\");\r\n\r\n connection.stop(asyncAbort);\r\n });\r\n\r\n if (isFirefox11OrGreater) {\r\n // Firefox does not fire cross-domain XHRs in the normal unload handler on tab close.\r\n // #2400\r\n _pageWindow.bind(\"beforeunload\", function () {\r\n // If connection.stop() runs runs in beforeunload and fails, it will also fail\r\n // in unload unless connection.stop() runs after a timeout.\r\n window.setTimeout(function () {\r\n connection.stop(asyncAbort);\r\n }, 0);\r\n });\r\n }\r\n }, onFallback);\r\n }\r\n catch (error) {\r\n connection.log(transport.name + \" transport threw '\" + error.message + \"' when attempting to start.\");\r\n onFallback();\r\n }\r\n };\r\n\r\n var url = connection.url + \"/negotiate\",\r\n onFailed = function (error, connection) {\r\n var err = signalR._.error(resources.errorOnNegotiate, error, connection._.negotiateRequest);\r\n\r\n $(connection).triggerHandler(events.onError, err);\r\n deferred.reject(err);\r\n // Stop the connection if negotiate failed\r\n connection.stop();\r\n };\r\n\r\n $(connection).triggerHandler(events.onStarting);\r\n\r\n url = signalR.transports._logic.prepareQueryString(connection, url);\r\n\r\n connection.log(\"Negotiating with '\" + url + \"'.\");\r\n\r\n // Save the ajax negotiate request object so we can abort it if stop is called while the request is in flight.\r\n connection._.negotiateRequest = function () {\r\n var res,\r\n redirects = 0,\r\n MAX_REDIRECTS = 100,\r\n keepAliveData,\r\n protocolError,\r\n transports = [],\r\n supportedTransports = [],\r\n negotiate = function (connection, onSuccess) {\r\n var url = signalR.transports._logic.prepareQueryString(connection, connection.url + \"/negotiate\");\r\n connection.log(\"Negotiating with '\" + url + \"'.\");\r\n var options = {\r\n url: url,\r\n error: function (error, statusText) {\r\n // We don't want to cause any errors if we're aborting our own negotiate request.\r\n if (statusText !== _negotiateAbortText) {\r\n onFailed(error, connection);\r\n } else {\r\n // This rejection will noop if the deferred has already been resolved or rejected.\r\n deferred.reject(signalR._.error(resources.stoppedWhileNegotiating, null /* error */, connection._.negotiateRequest));\r\n }\r\n },\r\n success: onSuccess\r\n };\r\n\r\n if (connection.accessToken) {\r\n options.headers = { \"Authorization\": \"Bearer \" + connection.accessToken };\r\n }\r\n\r\n return signalR.transports._logic.ajax(connection, options);\r\n },\r\n callback = function (result) {\r\n try {\r\n res = connection._parseResponse(result);\r\n } catch (error) {\r\n onFailed(signalR._.error(resources.errorParsingNegotiateResponse, error), connection);\r\n return;\r\n }\r\n\r\n // Check if the server is an ASP.NET Core app\r\n if (res.availableTransports) {\r\n protocolError = signalR._.error(resources.aspnetCoreSignalrServer);\r\n $(connection).triggerHandler(events.onError, [protocolError]);\r\n deferred.reject(protocolError);\r\n return;\r\n }\r\n\r\n if (!res.ProtocolVersion || (connection.supportedProtocols.indexOf(res.ProtocolVersion) === -1)) {\r\n protocolError = signalR._.error(signalR._.format(resources.protocolIncompatible, connection.clientProtocol, res.ProtocolVersion));\r\n $(connection).triggerHandler(events.onError, [protocolError]);\r\n deferred.reject(protocolError);\r\n\r\n return;\r\n }\r\n\r\n // Check for a redirect response (which must have a ProtocolVersion of 2.0 or greater)\r\n // ProtocolVersion 2.1 is the highest supported by the client, so we can just check for 2.0 or 2.1 for now\r\n // instead of trying to do proper version string comparison in JavaScript.\r\n if (connection.negotiateRedirectSupportedProtocols.indexOf(res.ProtocolVersion) !== -1) {\r\n if (res.Error) {\r\n protocolError = signalR._.error(signalR._.format(resources.errorFromServer, res.Error));\r\n $(connection).triggerHandler(events.onError, [protocolError]);\r\n deferred.reject(protocolError);\r\n return;\r\n }\r\n else if (res.RedirectUrl) {\r\n if (redirects === MAX_REDIRECTS) {\r\n onFailed(signalR._.error(resources.errorRedirectionExceedsLimit), connection);\r\n return;\r\n }\r\n\r\n if (config.transport === \"auto\") {\r\n // Redirected connections do not support foreverFrame\r\n config.transport = [\"webSockets\", \"serverSentEvents\", \"longPolling\"];\r\n }\r\n\r\n connection.log(\"Received redirect to: \" + res.RedirectUrl);\r\n connection.accessToken = res.AccessToken;\r\n\r\n var splitUrlAndQs = res.RedirectUrl.split(\"?\", 2);\r\n setConnectionUrl(connection, splitUrlAndQs[0]);\r\n\r\n // Update redirectQs with query string from only the most recent RedirectUrl.\r\n connection._.redirectQs = splitUrlAndQs.length === 2 ? splitUrlAndQs[1] : null;\r\n\r\n if (connection.ajaxDataType === \"jsonp\" && connection.accessToken) {\r\n onFailed(signalR._.error(resources.jsonpNotSupportedWithAccessToken), connection);\r\n return;\r\n }\r\n\r\n redirects++;\r\n negotiate(connection, callback);\r\n return;\r\n }\r\n }\r\n\r\n keepAliveData = connection._.keepAliveData;\r\n connection.appRelativeUrl = res.Url;\r\n connection.id = res.ConnectionId;\r\n connection.token = res.ConnectionToken;\r\n connection.webSocketServerUrl = res.WebSocketServerUrl;\r\n\r\n // The long poll timeout is the ConnectionTimeout plus 10 seconds\r\n connection._.pollTimeout = res.ConnectionTimeout * 1000 + 10000; // in ms\r\n\r\n // Once the server has labeled the PersistentConnection as Disconnected, we should stop attempting to reconnect\r\n // after res.DisconnectTimeout seconds.\r\n connection.disconnectTimeout = res.DisconnectTimeout * 1000; // in ms\r\n\r\n // Add the TransportConnectTimeout from the response to the transportConnectTimeout from the client to calculate the total timeout\r\n connection._.totalTransportConnectTimeout = connection.transportConnectTimeout + res.TransportConnectTimeout * 1000;\r\n\r\n // If we have a keep alive\r\n if (res.KeepAliveTimeout) {\r\n // Register the keep alive data as activated\r\n keepAliveData.activated = true;\r\n\r\n // Timeout to designate when to force the connection into reconnecting converted to milliseconds\r\n keepAliveData.timeout = res.KeepAliveTimeout * 1000;\r\n\r\n // Timeout to designate when to warn the developer that the connection may be dead or is not responding.\r\n keepAliveData.timeoutWarning = keepAliveData.timeout * connection.keepAliveWarnAt;\r\n\r\n // Instantiate the frequency in which we check the keep alive. It must be short in order to not miss/pick up any changes\r\n connection._.beatInterval = (keepAliveData.timeout - keepAliveData.timeoutWarning) / 3;\r\n } else {\r\n keepAliveData.activated = false;\r\n }\r\n\r\n connection.reconnectWindow = connection.disconnectTimeout + (keepAliveData.timeout || 0);\r\n\r\n $.each(signalR.transports, function (key) {\r\n if ((key.indexOf(\"_\") === 0) || (key === \"webSockets\" && !res.TryWebSockets)) {\r\n return true;\r\n }\r\n supportedTransports.push(key);\r\n });\r\n\r\n if ($.isArray(config.transport)) {\r\n $.each(config.transport, function (_, transport) {\r\n if ($.inArray(transport, supportedTransports) >= 0) {\r\n transports.push(transport);\r\n }\r\n });\r\n } else if (config.transport === \"auto\") {\r\n transports = supportedTransports;\r\n } else if ($.inArray(config.transport, supportedTransports) >= 0) {\r\n transports.push(config.transport);\r\n }\r\n\r\n initialize(transports);\r\n };\r\n\r\n return negotiate(connection, callback);\r\n }();\r\n\r\n return deferred.promise();\r\n },\r\n\r\n starting: function (callback) {\r\n /// Adds a callback that will be invoked before anything is sent over the connection\r\n /// A callback function to execute before the connection is fully instantiated.\r\n /// \r\n var connection = this;\r\n $(connection).bind(events.onStarting, function (e, data) {\r\n callback.call(connection);\r\n });\r\n return connection;\r\n },\r\n\r\n send: function (data) {\r\n /// Sends data over the connection\r\n /// The data to send over the connection\r\n /// \r\n var connection = this;\r\n\r\n if (connection.state === signalR.connectionState.disconnected) {\r\n // Connection hasn't been started yet\r\n throw new Error(\"SignalR: Connection must be started before data can be sent. Call .start() before .send()\");\r\n }\r\n\r\n if (connection.state === signalR.connectionState.connecting) {\r\n // Connection hasn't been started yet\r\n throw new Error(\"SignalR: Connection has not been fully initialized. Use .start().done() or .start().fail() to run logic after the connection has started.\");\r\n }\r\n\r\n connection.transport.send(connection, data);\r\n // REVIEW: Should we return deferred here?\r\n return connection;\r\n },\r\n\r\n received: function (callback) {\r\n /// Adds a callback that will be invoked after anything is received over the connection\r\n /// A callback function to execute when any data is received on the connection\r\n /// \r\n var connection = this;\r\n $(connection).bind(events.onReceived, function (e, data) {\r\n callback.call(connection, data);\r\n });\r\n return connection;\r\n },\r\n\r\n stateChanged: function (callback) {\r\n /// Adds a callback that will be invoked when the connection state changes\r\n /// A callback function to execute when the connection state changes\r\n /// \r\n var connection = this;\r\n $(connection).bind(events.onStateChanged, function (e, data) {\r\n callback.call(connection, data);\r\n });\r\n return connection;\r\n },\r\n\r\n error: function (callback) {\r\n /// Adds a callback that will be invoked after an error occurs with the connection\r\n /// A callback function to execute when an error occurs on the connection\r\n /// \r\n var connection = this;\r\n $(connection).bind(events.onError, function (e, errorData, sendData) {\r\n connection.lastError = errorData;\r\n // In practice 'errorData' is the SignalR built error object.\r\n // In practice 'sendData' is undefined for all error events except those triggered by\r\n // 'ajaxSend' and 'webSockets.send'.'sendData' is the original send payload.\r\n callback.call(connection, errorData, sendData);\r\n });\r\n return connection;\r\n },\r\n\r\n disconnected: function (callback) {\r\n /// Adds a callback that will be invoked when the client disconnects\r\n /// A callback function to execute when the connection is broken\r\n /// \r\n var connection = this;\r\n $(connection).bind(events.onDisconnect, function (e, data) {\r\n callback.call(connection);\r\n });\r\n return connection;\r\n },\r\n\r\n connectionSlow: function (callback) {\r\n /// Adds a callback that will be invoked when the client detects a slow connection\r\n /// A callback function to execute when the connection is slow\r\n /// \r\n var connection = this;\r\n $(connection).bind(events.onConnectionSlow, function (e, data) {\r\n callback.call(connection);\r\n });\r\n\r\n return connection;\r\n },\r\n\r\n reconnecting: function (callback) {\r\n /// Adds a callback that will be invoked when the underlying transport begins reconnecting\r\n /// A callback function to execute when the connection enters a reconnecting state\r\n /// \r\n var connection = this;\r\n $(connection).bind(events.onReconnecting, function (e, data) {\r\n callback.call(connection);\r\n });\r\n return connection;\r\n },\r\n\r\n reconnected: function (callback) {\r\n /// Adds a callback that will be invoked when the underlying transport reconnects\r\n /// A callback function to execute when the connection is restored\r\n /// \r\n var connection = this;\r\n $(connection).bind(events.onReconnect, function (e, data) {\r\n callback.call(connection);\r\n });\r\n return connection;\r\n },\r\n\r\n stop: function (async, notifyServer) {\r\n /// Stops listening\r\n /// Whether or not to asynchronously abort the connection\r\n /// Whether we want to notify the server that we are aborting the connection\r\n /// \r\n var connection = this,\r\n // Save deferral because this is always cleaned up\r\n deferral = connection._deferral;\r\n\r\n // Verify that we've bound a load event.\r\n if (connection._.deferredStartHandler) {\r\n // Unbind the event.\r\n _pageWindow.unbind(\"load\", connection._.deferredStartHandler);\r\n }\r\n\r\n // Always clean up private non-timeout based state.\r\n delete connection._.config;\r\n delete connection._.deferredStartHandler;\r\n\r\n // This needs to be checked despite the connection state because a connection start can be deferred until page load.\r\n // If we've deferred the start due to a page load we need to unbind the \"onLoad\" -> start event.\r\n if (!_pageLoaded && (!connection._.config || connection._.config.waitForPageLoad === true)) {\r\n connection.log(\"Stopping connection prior to negotiate.\");\r\n\r\n // If we have a deferral we should reject it\r\n if (deferral) {\r\n deferral.reject(signalR._.error(resources.stoppedWhileLoading));\r\n }\r\n\r\n // Short-circuit because the start has not been fully started.\r\n return;\r\n }\r\n\r\n if (connection.state === signalR.connectionState.disconnected) {\r\n return;\r\n }\r\n\r\n connection.log(\"Stopping connection.\");\r\n\r\n // Clear this no matter what\r\n window.clearTimeout(connection._.beatHandle);\r\n window.clearInterval(connection._.pingIntervalId);\r\n\r\n if (connection.transport) {\r\n connection.transport.stop(connection);\r\n\r\n if (notifyServer !== false) {\r\n connection.transport.abort(connection, async);\r\n }\r\n\r\n if (supportsKeepAlive(connection)) {\r\n signalR.transports._logic.stopMonitoringKeepAlive(connection);\r\n }\r\n\r\n connection.transport = null;\r\n }\r\n\r\n if (connection._.negotiateRequest) {\r\n // If the negotiation request has already completed this will noop.\r\n connection._.negotiateRequest.abort(_negotiateAbortText);\r\n delete connection._.negotiateRequest;\r\n }\r\n\r\n // Ensure that initHandler.stop() is called before connection._deferral is deleted\r\n if (connection._.initHandler) {\r\n connection._.initHandler.stop();\r\n }\r\n\r\n delete connection._deferral;\r\n delete connection.messageId;\r\n delete connection.groupsToken;\r\n delete connection.id;\r\n delete connection._.pingIntervalId;\r\n delete connection._.lastMessageAt;\r\n delete connection._.lastActiveAt;\r\n\r\n // Clear out our message buffer\r\n connection._.connectingMessageBuffer.clear();\r\n\r\n // Clean up this event\r\n $(connection).unbind(events.onStart);\r\n\r\n // Reset the URL and clear the access token\r\n delete connection.accessToken;\r\n delete connection.protocol;\r\n delete connection.host;\r\n delete connection.baseUrl;\r\n delete connection.wsProtocol;\r\n delete connection.contentType;\r\n connection.url = connection._originalUrl;\r\n connection._.redirectQs = null;\r\n\r\n // Trigger the disconnect event\r\n changeState(connection, connection.state, signalR.connectionState.disconnected);\r\n $(connection).triggerHandler(events.onDisconnect);\r\n\r\n return connection;\r\n },\r\n\r\n log: function (msg) {\r\n log(msg, this.logging);\r\n }\r\n };\r\n\r\n signalR.fn.init.prototype = signalR.fn;\r\n\r\n signalR.noConflict = function () {\r\n /// Reinstates the original value of $.connection and returns the signalR object for manual assignment\r\n /// \r\n if ($.connection === signalR) {\r\n $.connection = _connection;\r\n }\r\n return signalR;\r\n };\r\n\r\n if ($.connection) {\r\n _connection = $.connection;\r\n }\r\n\r\n $.connection = $.signalR = signalR;\r\n\r\n}(window.jQuery, window));\r\n/* jquery.signalR.transports.common.js */\r\n// Copyright (c) .NET Foundation. All rights reserved.\r\n// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.\r\n\r\n/*global window:false */\r\n/// \r\n\r\n(function ($, window, undefined) {\r\n\r\n var signalR = $.signalR,\r\n events = $.signalR.events,\r\n changeState = $.signalR.changeState,\r\n startAbortText = \"__Start Aborted__\",\r\n transportLogic;\r\n\r\n signalR.transports = {};\r\n\r\n function beat(connection) {\r\n if (connection._.keepAliveData.monitoring) {\r\n checkIfAlive(connection);\r\n }\r\n\r\n // Ensure that we successfully marked active before continuing the heartbeat.\r\n if (transportLogic.markActive(connection)) {\r\n connection._.beatHandle = window.setTimeout(function () {\r\n beat(connection);\r\n }, connection._.beatInterval);\r\n }\r\n }\r\n\r\n function checkIfAlive(connection) {\r\n var keepAliveData = connection._.keepAliveData,\r\n timeElapsed;\r\n\r\n // Only check if we're connected\r\n if (connection.state === signalR.connectionState.connected) {\r\n timeElapsed = new Date().getTime() - connection._.lastMessageAt;\r\n\r\n // Check if the keep alive has completely timed out\r\n if (timeElapsed >= keepAliveData.timeout) {\r\n connection.log(\"Keep alive timed out. Notifying transport that connection has been lost.\");\r\n\r\n // Notify transport that the connection has been lost\r\n connection.transport.lostConnection(connection);\r\n } else if (timeElapsed >= keepAliveData.timeoutWarning) {\r\n // This is to assure that the user only gets a single warning\r\n if (!keepAliveData.userNotified) {\r\n connection.log(\"Keep alive has been missed, connection may be dead/slow.\");\r\n $(connection).triggerHandler(events.onConnectionSlow);\r\n keepAliveData.userNotified = true;\r\n }\r\n } else {\r\n keepAliveData.userNotified = false;\r\n }\r\n }\r\n }\r\n\r\n function getAjaxUrl(connection, path) {\r\n var url = connection.url + path;\r\n\r\n if (connection.transport) {\r\n url += \"?transport=\" + connection.transport.name;\r\n }\r\n\r\n return transportLogic.prepareQueryString(connection, url);\r\n }\r\n\r\n function InitHandler(connection) {\r\n this.connection = connection;\r\n\r\n this.startRequested = false;\r\n this.startCompleted = false;\r\n this.connectionStopped = false;\r\n }\r\n\r\n InitHandler.prototype = {\r\n start: function (transport, onSuccess, onFallback) {\r\n var that = this,\r\n connection = that.connection,\r\n failCalled = false;\r\n\r\n if (that.startRequested || that.connectionStopped) {\r\n connection.log(\"WARNING! \" + transport.name + \" transport cannot be started. Initialization ongoing or completed.\");\r\n return;\r\n }\r\n\r\n connection.log(transport.name + \" transport starting.\");\r\n\r\n transport.start(connection, function () {\r\n if (!failCalled) {\r\n that.initReceived(transport, onSuccess);\r\n }\r\n }, function (error) {\r\n // Don't allow the same transport to cause onFallback to be called twice\r\n if (!failCalled) {\r\n failCalled = true;\r\n that.transportFailed(transport, error, onFallback);\r\n }\r\n\r\n // Returns true if the transport should stop;\r\n // false if it should attempt to reconnect\r\n return !that.startCompleted || that.connectionStopped;\r\n });\r\n\r\n that.transportTimeoutHandle = window.setTimeout(function () {\r\n if (!failCalled) {\r\n failCalled = true;\r\n connection.log(transport.name + \" transport timed out when trying to connect.\");\r\n that.transportFailed(transport, undefined, onFallback);\r\n }\r\n }, connection._.totalTransportConnectTimeout);\r\n },\r\n\r\n stop: function () {\r\n this.connectionStopped = true;\r\n window.clearTimeout(this.transportTimeoutHandle);\r\n signalR.transports._logic.tryAbortStartRequest(this.connection);\r\n },\r\n\r\n initReceived: function (transport, onSuccess) {\r\n var that = this,\r\n connection = that.connection;\r\n\r\n if (that.startRequested) {\r\n connection.log(\"WARNING! The client received multiple init messages.\");\r\n return;\r\n }\r\n\r\n if (that.connectionStopped) {\r\n return;\r\n }\r\n\r\n that.startRequested = true;\r\n window.clearTimeout(that.transportTimeoutHandle);\r\n\r\n connection.log(transport.name + \" transport connected. Initiating start request.\");\r\n signalR.transports._logic.ajaxStart(connection, function () {\r\n that.startCompleted = true;\r\n onSuccess();\r\n });\r\n },\r\n\r\n transportFailed: function (transport, error, onFallback) {\r\n var connection = this.connection,\r\n deferred = connection._deferral,\r\n wrappedError;\r\n\r\n if (this.connectionStopped) {\r\n return;\r\n }\r\n\r\n window.clearTimeout(this.transportTimeoutHandle);\r\n\r\n if (!this.startRequested) {\r\n transport.stop(connection);\r\n\r\n connection.log(transport.name + \" transport failed to connect. Attempting to fall back.\");\r\n onFallback();\r\n } else if (!this.startCompleted) {\r\n // Do not attempt to fall back if a start request is ongoing during a transport failure.\r\n // Instead, trigger an error and stop the connection.\r\n wrappedError = signalR._.error(signalR.resources.errorDuringStartRequest, error);\r\n\r\n connection.log(transport.name + \" transport failed during the start request. Stopping the connection.\");\r\n $(connection).triggerHandler(events.onError, [wrappedError]);\r\n if (deferred) {\r\n deferred.reject(wrappedError);\r\n }\r\n\r\n connection.stop();\r\n } else {\r\n // The start request has completed, but the connection has not stopped.\r\n // No need to do anything here. The transport should attempt its normal reconnect logic.\r\n }\r\n }\r\n };\r\n\r\n transportLogic = signalR.transports._logic = {\r\n ajax: function (connection, options) {\r\n return $.ajax(\r\n $.extend(/*deep copy*/ true, {}, $.signalR.ajaxDefaults, {\r\n type: \"GET\",\r\n data: {},\r\n xhrFields: { withCredentials: connection.withCredentials },\r\n contentType: connection.contentType,\r\n dataType: connection.ajaxDataType\r\n }, options));\r\n },\r\n\r\n pingServer: function (connection) {\r\n /// Pings the server\r\n /// Connection associated with the server ping\r\n /// \r\n var url,\r\n xhr,\r\n deferral = $.Deferred();\r\n\r\n if (connection.transport) {\r\n url = connection.url + \"/ping\";\r\n\r\n url = transportLogic.addQs(url, connection.qs);\r\n\r\n xhr = transportLogic.ajax(connection, {\r\n url: url,\r\n headers: connection.accessToken ? { \"Authorization\": \"Bearer \" + connection.accessToken } : {},\r\n success: function (result) {\r\n var data;\r\n\r\n try {\r\n data = connection._parseResponse(result);\r\n }\r\n catch (error) {\r\n deferral.reject(\r\n signalR._.transportError(\r\n signalR.resources.pingServerFailedParse,\r\n connection.transport,\r\n error,\r\n xhr\r\n )\r\n );\r\n connection.stop();\r\n return;\r\n }\r\n\r\n if (data.Response === \"pong\") {\r\n deferral.resolve();\r\n }\r\n else {\r\n deferral.reject(\r\n signalR._.transportError(\r\n signalR._.format(signalR.resources.pingServerFailedInvalidResponse, result),\r\n connection.transport,\r\n null /* error */,\r\n xhr\r\n )\r\n );\r\n }\r\n },\r\n error: function (error) {\r\n if (error.status === 401 || error.status === 403) {\r\n deferral.reject(\r\n signalR._.transportError(\r\n signalR._.format(signalR.resources.pingServerFailedStatusCode, error.status),\r\n connection.transport,\r\n error,\r\n xhr\r\n )\r\n );\r\n connection.stop();\r\n }\r\n else {\r\n deferral.reject(\r\n signalR._.transportError(\r\n signalR.resources.pingServerFailed,\r\n connection.transport,\r\n error,\r\n xhr\r\n )\r\n );\r\n }\r\n }\r\n });\r\n }\r\n else {\r\n deferral.reject(\r\n signalR._.transportError(\r\n signalR.resources.noConnectionTransport,\r\n connection.transport\r\n )\r\n );\r\n }\r\n\r\n return deferral.promise();\r\n },\r\n\r\n prepareQueryString: function (connection, url) {\r\n var preparedUrl;\r\n\r\n // Use addQs to start since it handles the ?/& prefix for us\r\n preparedUrl = transportLogic.addQs(url, \"clientProtocol=\" + connection.clientProtocol);\r\n\r\n if (typeof (connection._.redirectQs) === \"string\") {\r\n // Add the redirect-specified query string params if any\r\n preparedUrl = transportLogic.addQs(preparedUrl, connection._.redirectQs);\r\n } else {\r\n // Otherwise, add the user-specified query string params if any\r\n preparedUrl = transportLogic.addQs(preparedUrl, connection.qs);\r\n }\r\n\r\n if (connection.token) {\r\n preparedUrl += \"&connectionToken=\" + window.encodeURIComponent(connection.token);\r\n }\r\n\r\n if (connection.data) {\r\n preparedUrl += \"&connectionData=\" + window.encodeURIComponent(connection.data);\r\n }\r\n\r\n return preparedUrl;\r\n },\r\n\r\n addQs: function (url, qs) {\r\n var appender = url.indexOf(\"?\") !== -1 ? \"&\" : \"?\",\r\n firstChar;\r\n\r\n if (!qs) {\r\n return url;\r\n }\r\n\r\n if (typeof (qs) === \"object\") {\r\n return url + appender + $.param(qs);\r\n }\r\n\r\n if (typeof (qs) === \"string\") {\r\n firstChar = qs.charAt(0);\r\n\r\n if (firstChar === \"?\" || firstChar === \"&\") {\r\n appender = \"\";\r\n }\r\n\r\n return url + appender + qs;\r\n }\r\n\r\n throw new Error(\"Query string property must be either a string or object.\");\r\n },\r\n\r\n // BUG #2953: The url needs to be same otherwise it will cause a memory leak\r\n getUrl: function (connection, transport, reconnecting, poll, ajaxPost) {\r\n /// Gets the url for making a GET based connect request\r\n var baseUrl = transport === \"webSockets\" ? \"\" : connection.baseUrl,\r\n url = baseUrl + connection.appRelativeUrl,\r\n qs = \"transport=\" + transport;\r\n\r\n if (!ajaxPost && connection.groupsToken) {\r\n qs += \"&groupsToken=\" + window.encodeURIComponent(connection.groupsToken);\r\n }\r\n\r\n if (!reconnecting) {\r\n url += \"/connect\";\r\n } else {\r\n if (poll) {\r\n // longPolling transport specific\r\n url += \"/poll\";\r\n } else {\r\n url += \"/reconnect\";\r\n }\r\n\r\n if (!ajaxPost && connection.messageId) {\r\n qs += \"&messageId=\" + window.encodeURIComponent(connection.messageId);\r\n }\r\n }\r\n url += \"?\" + qs;\r\n url = transportLogic.prepareQueryString(connection, url);\r\n\r\n // With sse or ws, access_token in request header is not supported\r\n if (connection.transport && connection.accessToken) {\r\n if (connection.transport.name === \"serverSentEvents\" || connection.transport.name === \"webSockets\") {\r\n url += \"&access_token=\" + window.encodeURIComponent(connection.accessToken);\r\n }\r\n }\r\n\r\n if (!ajaxPost) {\r\n url += \"&tid=\" + Math.floor(Math.random() * 11);\r\n }\r\n\r\n return url;\r\n },\r\n\r\n maximizePersistentResponse: function (minPersistentResponse) {\r\n return {\r\n MessageId: minPersistentResponse.C,\r\n Messages: minPersistentResponse.M,\r\n Initialized: typeof (minPersistentResponse.S) !== \"undefined\" ? true : false,\r\n ShouldReconnect: typeof (minPersistentResponse.T) !== \"undefined\" ? true : false,\r\n LongPollDelay: minPersistentResponse.L,\r\n GroupsToken: minPersistentResponse.G,\r\n Error: minPersistentResponse.E\r\n };\r\n },\r\n\r\n updateGroups: function (connection, groupsToken) {\r\n if (groupsToken) {\r\n connection.groupsToken = groupsToken;\r\n }\r\n },\r\n\r\n stringifySend: function (connection, message) {\r\n if (typeof (message) === \"string\" || typeof (message) === \"undefined\" || message === null) {\r\n return message;\r\n }\r\n return connection.json.stringify(message);\r\n },\r\n\r\n ajaxSend: function (connection, data) {\r\n var payload = transportLogic.stringifySend(connection, data),\r\n url = getAjaxUrl(connection, \"/send\"),\r\n xhr,\r\n onFail = function (error, connection) {\r\n $(connection).triggerHandler(events.onError, [signalR._.transportError(signalR.resources.sendFailed, connection.transport, error, xhr), data]);\r\n };\r\n\r\n\r\n xhr = transportLogic.ajax(connection, {\r\n url: url,\r\n type: connection.ajaxDataType === \"jsonp\" ? \"GET\" : \"POST\",\r\n contentType: signalR._.defaultContentType,\r\n headers: connection.accessToken ? { \"Authorization\": \"Bearer \" + connection.accessToken } : {},\r\n data: {\r\n data: payload\r\n },\r\n success: function (result) {\r\n var res;\r\n\r\n if (result) {\r\n try {\r\n res = connection._parseResponse(result);\r\n }\r\n catch (error) {\r\n onFail(error, connection);\r\n connection.stop();\r\n return;\r\n }\r\n\r\n transportLogic.triggerReceived(connection, res);\r\n }\r\n },\r\n error: function (error, textStatus) {\r\n if (textStatus === \"abort\" || textStatus === \"parsererror\") {\r\n // The parsererror happens for sends that don't return any data, and hence\r\n // don't write the jsonp callback to the response. This is harder to fix on the server\r\n // so just hack around it on the client for now.\r\n return;\r\n }\r\n\r\n onFail(error, connection);\r\n }\r\n });\r\n\r\n return xhr;\r\n },\r\n\r\n ajaxAbort: function (connection, async) {\r\n if (typeof (connection.transport) === \"undefined\") {\r\n return;\r\n }\r\n\r\n // Async by default unless explicitly overidden\r\n async = typeof async === \"undefined\" ? true : async;\r\n\r\n var url = getAjaxUrl(connection, \"/abort\");\r\n\r\n transportLogic.ajax(connection, {\r\n url: url,\r\n async: async,\r\n timeout: 1000,\r\n type: \"POST\",\r\n headers: connection.accessToken ? { \"Authorization\": \"Bearer \" + connection.accessToken } : {},\r\n dataType: \"text\" // We don't want to use JSONP here even when JSONP is enabled\r\n });\r\n\r\n connection.log(\"Fired ajax abort async = \" + async + \".\");\r\n },\r\n\r\n ajaxStart: function (connection, onSuccess) {\r\n var rejectDeferred = function (error) {\r\n var deferred = connection._deferral;\r\n if (deferred) {\r\n deferred.reject(error);\r\n }\r\n },\r\n triggerStartError = function (error) {\r\n connection.log(\"The start request failed. Stopping the connection.\");\r\n $(connection).triggerHandler(events.onError, [error]);\r\n rejectDeferred(error);\r\n connection.stop();\r\n };\r\n\r\n connection._.startRequest = transportLogic.ajax(connection, {\r\n url: getAjaxUrl(connection, \"/start\"),\r\n headers: connection.accessToken ? { \"Authorization\": \"Bearer \" + connection.accessToken } : {},\r\n success: function (result, statusText, xhr) {\r\n var data;\r\n\r\n try {\r\n data = connection._parseResponse(result);\r\n } catch (error) {\r\n triggerStartError(signalR._.error(\r\n signalR._.format(signalR.resources.errorParsingStartResponse, result),\r\n error, xhr));\r\n return;\r\n }\r\n\r\n if (data.Response === \"started\") {\r\n onSuccess();\r\n } else {\r\n triggerStartError(signalR._.error(\r\n signalR._.format(signalR.resources.invalidStartResponse, result),\r\n null /* error */, xhr));\r\n }\r\n },\r\n error: function (xhr, statusText, error) {\r\n if (statusText !== startAbortText) {\r\n triggerStartError(signalR._.error(\r\n signalR.resources.errorDuringStartRequest,\r\n error, xhr));\r\n } else {\r\n // Stop has been called, no need to trigger the error handler\r\n // or stop the connection again with onStartError\r\n connection.log(\"The start request aborted because connection.stop() was called.\");\r\n rejectDeferred(signalR._.error(\r\n signalR.resources.stoppedDuringStartRequest,\r\n null /* error */, xhr));\r\n }\r\n }\r\n });\r\n },\r\n\r\n tryAbortStartRequest: function (connection) {\r\n if (connection._.startRequest) {\r\n // If the start request has already completed this will noop.\r\n connection._.startRequest.abort(startAbortText);\r\n delete connection._.startRequest;\r\n }\r\n },\r\n\r\n tryInitialize: function (connection, persistentResponse, onInitialized) {\r\n if (persistentResponse.Initialized && onInitialized) {\r\n onInitialized();\r\n } else if (persistentResponse.Initialized) {\r\n connection.log(\"WARNING! The client received an init message after reconnecting.\");\r\n }\r\n\r\n },\r\n\r\n triggerReceived: function (connection, data) {\r\n if (!connection._.connectingMessageBuffer.tryBuffer(data)) {\r\n $(connection).triggerHandler(events.onReceived, [data]);\r\n }\r\n },\r\n\r\n processMessages: function (connection, minData, onInitialized) {\r\n var data;\r\n\r\n if(minData && (typeof minData.I !== \"undefined\")) {\r\n // This is a response to a message the client sent\r\n transportLogic.triggerReceived(connection, minData);\r\n return;\r\n }\r\n\r\n // Update the last message time stamp\r\n transportLogic.markLastMessage(connection);\r\n\r\n if (minData) {\r\n // This is a message send directly to the client\r\n data = transportLogic.maximizePersistentResponse(minData);\r\n\r\n if (data.Error) {\r\n // This is a global error, stop the connection.\r\n connection.log(\"Received an error message from the server: \" + minData.E);\r\n $(connection).triggerHandler(signalR.events.onError, [signalR._.error(minData.E, /* source */ \"ServerError\")]);\r\n connection.stop(/* async */ false, /* notifyServer */ false);\r\n return;\r\n }\r\n\r\n transportLogic.updateGroups(connection, data.GroupsToken);\r\n\r\n if (data.MessageId) {\r\n connection.messageId = data.MessageId;\r\n }\r\n\r\n if (data.Messages) {\r\n $.each(data.Messages, function (index, message) {\r\n transportLogic.triggerReceived(connection, message);\r\n });\r\n\r\n transportLogic.tryInitialize(connection, data, onInitialized);\r\n }\r\n }\r\n },\r\n\r\n monitorKeepAlive: function (connection) {\r\n var keepAliveData = connection._.keepAliveData;\r\n\r\n // If we haven't initiated the keep alive timeouts then we need to\r\n if (!keepAliveData.monitoring) {\r\n keepAliveData.monitoring = true;\r\n\r\n transportLogic.markLastMessage(connection);\r\n\r\n // Save the function so we can unbind it on stop\r\n connection._.keepAliveData.reconnectKeepAliveUpdate = function () {\r\n // Mark a new message so that keep alive doesn't time out connections\r\n transportLogic.markLastMessage(connection);\r\n };\r\n\r\n // Update Keep alive on reconnect\r\n $(connection).bind(events.onReconnect, connection._.keepAliveData.reconnectKeepAliveUpdate);\r\n\r\n connection.log(\"Now monitoring keep alive with a warning timeout of \" + keepAliveData.timeoutWarning + \", keep alive timeout of \" + keepAliveData.timeout + \" and disconnecting timeout of \" + connection.disconnectTimeout);\r\n } else {\r\n connection.log(\"Tried to monitor keep alive but it's already being monitored.\");\r\n }\r\n },\r\n\r\n stopMonitoringKeepAlive: function (connection) {\r\n var keepAliveData = connection._.keepAliveData;\r\n\r\n // Only attempt to stop the keep alive monitoring if its being monitored\r\n if (keepAliveData.monitoring) {\r\n // Stop monitoring\r\n keepAliveData.monitoring = false;\r\n\r\n // Remove the updateKeepAlive function from the reconnect event\r\n $(connection).unbind(events.onReconnect, connection._.keepAliveData.reconnectKeepAliveUpdate);\r\n\r\n // Clear all the keep alive data\r\n connection._.keepAliveData = {};\r\n connection.log(\"Stopping the monitoring of the keep alive.\");\r\n }\r\n },\r\n\r\n startHeartbeat: function (connection) {\r\n connection._.lastActiveAt = new Date().getTime();\r\n beat(connection);\r\n },\r\n\r\n markLastMessage: function (connection) {\r\n connection._.lastMessageAt = new Date().getTime();\r\n },\r\n\r\n markActive: function (connection) {\r\n if (transportLogic.verifyLastActive(connection)) {\r\n connection._.lastActiveAt = new Date().getTime();\r\n return true;\r\n }\r\n\r\n return false;\r\n },\r\n\r\n isConnectedOrReconnecting: function (connection) {\r\n return connection.state === signalR.connectionState.connected ||\r\n connection.state === signalR.connectionState.reconnecting;\r\n },\r\n\r\n ensureReconnectingState: function (connection) {\r\n if (changeState(connection,\r\n signalR.connectionState.connected,\r\n signalR.connectionState.reconnecting) === true) {\r\n $(connection).triggerHandler(events.onReconnecting);\r\n }\r\n return connection.state === signalR.connectionState.reconnecting;\r\n },\r\n\r\n clearReconnectTimeout: function (connection) {\r\n if (connection && connection._.reconnectTimeout) {\r\n window.clearTimeout(connection._.reconnectTimeout);\r\n delete connection._.reconnectTimeout;\r\n }\r\n },\r\n\r\n verifyLastActive: function (connection) {\r\n if (new Date().getTime() - connection._.lastActiveAt >= connection.reconnectWindow) {\r\n var message = signalR._.format(signalR.resources.reconnectWindowTimeout, new Date(connection._.lastActiveAt), connection.reconnectWindow);\r\n connection.log(message);\r\n $(connection).triggerHandler(events.onError, [signalR._.error(message, /* source */ \"TimeoutException\")]);\r\n connection.stop(/* async */ false, /* notifyServer */ false);\r\n return false;\r\n }\r\n\r\n return true;\r\n },\r\n\r\n reconnect: function (connection, transportName) {\r\n var transport = signalR.transports[transportName];\r\n\r\n // We should only set a reconnectTimeout if we are currently connected\r\n // and a reconnectTimeout isn't already set.\r\n if (transportLogic.isConnectedOrReconnecting(connection) && !connection._.reconnectTimeout) {\r\n // Need to verify before the setTimeout occurs because an application sleep could occur during the setTimeout duration.\r\n if (!transportLogic.verifyLastActive(connection)) {\r\n return;\r\n }\r\n\r\n connection._.reconnectTimeout = window.setTimeout(function () {\r\n if (!transportLogic.verifyLastActive(connection)) {\r\n return;\r\n }\r\n\r\n transport.stop(connection);\r\n\r\n if (transportLogic.ensureReconnectingState(connection)) {\r\n connection.log(transportName + \" reconnecting.\");\r\n transport.start(connection);\r\n }\r\n }, connection.reconnectDelay);\r\n }\r\n },\r\n\r\n handleParseFailure: function (connection, result, error, onFailed, context) {\r\n var wrappedError = signalR._.transportError(\r\n signalR._.format(signalR.resources.parseFailed, result),\r\n connection.transport,\r\n error,\r\n context);\r\n\r\n // If we're in the initialization phase trigger onFailed, otherwise stop the connection.\r\n if (onFailed && onFailed(wrappedError)) {\r\n connection.log(\"Failed to parse server response while attempting to connect.\");\r\n } else {\r\n $(connection).triggerHandler(events.onError, [wrappedError]);\r\n connection.stop();\r\n }\r\n },\r\n\r\n initHandler: function (connection) {\r\n return new InitHandler(connection);\r\n },\r\n\r\n foreverFrame: {\r\n count: 0,\r\n connections: {}\r\n }\r\n };\r\n\r\n}(window.jQuery, window));\r\n/* jquery.signalR.transports.webSockets.js */\r\n// Copyright (c) .NET Foundation. All rights reserved.\r\n// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.\r\n\r\n\r\n/*global window:false */\r\n/// \r\n\r\n(function ($, window, undefined) {\r\n\r\n var signalR = $.signalR,\r\n events = $.signalR.events,\r\n changeState = $.signalR.changeState,\r\n transportLogic = signalR.transports._logic;\r\n\r\n signalR.transports.webSockets = {\r\n name: \"webSockets\",\r\n\r\n supportsKeepAlive: function () {\r\n return true;\r\n },\r\n\r\n send: function (connection, data) {\r\n var payload = transportLogic.stringifySend(connection, data);\r\n\r\n try {\r\n connection.socket.send(payload);\r\n } catch (ex) {\r\n $(connection).triggerHandler(events.onError,\r\n [signalR._.transportError(\r\n signalR.resources.webSocketsInvalidState,\r\n connection.transport,\r\n ex,\r\n connection.socket\r\n ),\r\n data]);\r\n }\r\n },\r\n\r\n start: function (connection, onSuccess, onFailed) {\r\n var url,\r\n opened = false,\r\n that = this,\r\n reconnecting = !onSuccess,\r\n $connection = $(connection);\r\n\r\n if (!window.WebSocket) {\r\n onFailed();\r\n return;\r\n }\r\n\r\n if (!connection.socket) {\r\n if (connection.webSocketServerUrl) {\r\n url = connection.webSocketServerUrl;\r\n } else {\r\n url = connection.wsProtocol + connection.host;\r\n }\r\n\r\n url += transportLogic.getUrl(connection, this.name, reconnecting);\r\n\r\n connection.log(\"Connecting to websocket endpoint '\" + url + \"'.\");\r\n connection.socket = new window.WebSocket(url);\r\n\r\n connection.socket.onopen = function () {\r\n opened = true;\r\n connection.log(\"Websocket opened.\");\r\n\r\n transportLogic.clearReconnectTimeout(connection);\r\n\r\n if (changeState(connection,\r\n signalR.connectionState.reconnecting,\r\n signalR.connectionState.connected) === true) {\r\n $connection.triggerHandler(events.onReconnect);\r\n }\r\n };\r\n\r\n connection.socket.onclose = function (event) {\r\n var error;\r\n\r\n // Only handle a socket close if the close is from the current socket.\r\n // Sometimes on disconnect the server will push down an onclose event\r\n // to an expired socket.\r\n\r\n if (this === connection.socket) {\r\n if (opened && typeof event.wasClean !== \"undefined\" && event.wasClean === false) {\r\n // Ideally this would use the websocket.onerror handler (rather than checking wasClean in onclose) but\r\n // I found in some circumstances Chrome won't call onerror. This implementation seems to work on all browsers.\r\n error = signalR._.transportError(\r\n signalR.resources.webSocketClosed,\r\n connection.transport,\r\n event);\r\n\r\n connection.log(\"Unclean disconnect from websocket: \" + (event.reason || \"[no reason given].\"));\r\n } else {\r\n connection.log(\"Websocket closed.\");\r\n }\r\n\r\n if (!onFailed || !onFailed(error)) {\r\n if (error) {\r\n $(connection).triggerHandler(events.onError, [error]);\r\n }\r\n\r\n that.reconnect(connection);\r\n }\r\n }\r\n };\r\n\r\n connection.socket.onmessage = function (event) {\r\n var data;\r\n\r\n try {\r\n data = connection._parseResponse(event.data);\r\n }\r\n catch (error) {\r\n transportLogic.handleParseFailure(connection, event.data, error, onFailed, event);\r\n return;\r\n }\r\n\r\n if (data) {\r\n transportLogic.processMessages(connection, data, onSuccess);\r\n }\r\n };\r\n }\r\n },\r\n\r\n reconnect: function (connection) {\r\n transportLogic.reconnect(connection, this.name);\r\n },\r\n\r\n lostConnection: function (connection) {\r\n this.reconnect(connection);\r\n },\r\n\r\n stop: function (connection) {\r\n // Don't trigger a reconnect after stopping\r\n transportLogic.clearReconnectTimeout(connection);\r\n\r\n if (connection.socket) {\r\n connection.log(\"Closing the Websocket.\");\r\n connection.socket.close();\r\n connection.socket = null;\r\n }\r\n },\r\n\r\n abort: function (connection, async) {\r\n transportLogic.ajaxAbort(connection, async);\r\n }\r\n };\r\n\r\n}(window.jQuery, window));\r\n/* jquery.signalR.transports.serverSentEvents.js */\r\n// Copyright (c) .NET Foundation. All rights reserved.\r\n// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.\r\n\r\n\r\n/*global window:false */\r\n/// \r\n\r\n(function ($, window, undefined) {\r\n\r\n var signalR = $.signalR,\r\n events = $.signalR.events,\r\n changeState = $.signalR.changeState,\r\n transportLogic = signalR.transports._logic,\r\n clearReconnectAttemptTimeout = function (connection) {\r\n window.clearTimeout(connection._.reconnectAttemptTimeoutHandle);\r\n delete connection._.reconnectAttemptTimeoutHandle;\r\n };\r\n\r\n signalR.transports.serverSentEvents = {\r\n name: \"serverSentEvents\",\r\n\r\n supportsKeepAlive: function () {\r\n return true;\r\n },\r\n\r\n timeOut: 3000,\r\n\r\n start: function (connection, onSuccess, onFailed) {\r\n var that = this,\r\n opened = false,\r\n $connection = $(connection),\r\n reconnecting = !onSuccess,\r\n url;\r\n\r\n if (connection.eventSource) {\r\n connection.log(\"The connection already has an event source. Stopping it.\");\r\n connection.stop();\r\n }\r\n\r\n if (!window.EventSource) {\r\n if (onFailed) {\r\n connection.log(\"This browser doesn't support SSE.\");\r\n onFailed();\r\n }\r\n return;\r\n }\r\n\r\n url = transportLogic.getUrl(connection, this.name, reconnecting);\r\n\r\n try {\r\n connection.log(\"Attempting to connect to SSE endpoint '\" + url + \"'.\");\r\n connection.eventSource = new window.EventSource(url, { withCredentials: connection.withCredentials });\r\n }\r\n catch (e) {\r\n connection.log(\"EventSource failed trying to connect with error \" + e.Message + \".\");\r\n if (onFailed) {\r\n // The connection failed, call the failed callback\r\n onFailed();\r\n } else {\r\n $connection.triggerHandler(events.onError, [signalR._.transportError(signalR.resources.eventSourceFailedToConnect, connection.transport, e)]);\r\n if (reconnecting) {\r\n // If we were reconnecting, rather than doing initial connect, then try reconnect again\r\n that.reconnect(connection);\r\n }\r\n }\r\n return;\r\n }\r\n\r\n if (reconnecting) {\r\n connection._.reconnectAttemptTimeoutHandle = window.setTimeout(function () {\r\n if (opened === false) {\r\n // If we're reconnecting and the event source is attempting to connect,\r\n // don't keep retrying. This causes duplicate connections to spawn.\r\n if (connection.eventSource.readyState !== window.EventSource.OPEN) {\r\n // If we were reconnecting, rather than doing initial connect, then try reconnect again\r\n that.reconnect(connection);\r\n }\r\n }\r\n },\r\n that.timeOut);\r\n }\r\n\r\n connection.eventSource.addEventListener(\"open\", function (e) {\r\n connection.log(\"EventSource connected.\");\r\n\r\n clearReconnectAttemptTimeout(connection);\r\n transportLogic.clearReconnectTimeout(connection);\r\n\r\n if (opened === false) {\r\n opened = true;\r\n\r\n if (changeState(connection,\r\n signalR.connectionState.reconnecting,\r\n signalR.connectionState.connected) === true) {\r\n $connection.triggerHandler(events.onReconnect);\r\n }\r\n }\r\n }, false);\r\n\r\n connection.eventSource.addEventListener(\"message\", function (e) {\r\n var res;\r\n\r\n // process messages\r\n if (e.data === \"initialized\") {\r\n return;\r\n }\r\n\r\n try {\r\n res = connection._parseResponse(e.data);\r\n }\r\n catch (error) {\r\n transportLogic.handleParseFailure(connection, e.data, error, onFailed, e);\r\n return;\r\n }\r\n\r\n transportLogic.processMessages(connection, res, onSuccess);\r\n }, false);\r\n\r\n connection.eventSource.addEventListener(\"error\", function (e) {\r\n var error = signalR._.transportError(\r\n signalR.resources.eventSourceError,\r\n connection.transport,\r\n e);\r\n\r\n // Only handle an error if the error is from the current Event Source.\r\n // Sometimes on disconnect the server will push down an error event\r\n // to an expired Event Source.\r\n if (this !== connection.eventSource) {\r\n return;\r\n }\r\n\r\n if (onFailed && onFailed(error)) {\r\n return;\r\n }\r\n\r\n connection.log(\"EventSource readyState: \" + connection.eventSource.readyState + \".\");\r\n\r\n if (e.eventPhase === window.EventSource.CLOSED) {\r\n // We don't use the EventSource's native reconnect function as it\r\n // doesn't allow us to change the URL when reconnecting. We need\r\n // to change the URL to not include the /connect suffix, and pass\r\n // the last message id we received.\r\n connection.log(\"EventSource reconnecting due to the server connection ending.\");\r\n that.reconnect(connection);\r\n } else {\r\n // connection error\r\n connection.log(\"EventSource error.\");\r\n $connection.triggerHandler(events.onError, [error]);\r\n }\r\n }, false);\r\n },\r\n\r\n reconnect: function (connection) {\r\n transportLogic.reconnect(connection, this.name);\r\n },\r\n\r\n lostConnection: function (connection) {\r\n this.reconnect(connection);\r\n },\r\n\r\n send: function (connection, data) {\r\n transportLogic.ajaxSend(connection, data);\r\n },\r\n\r\n stop: function (connection) {\r\n // Don't trigger a reconnect after stopping\r\n clearReconnectAttemptTimeout(connection);\r\n transportLogic.clearReconnectTimeout(connection);\r\n\r\n if (connection && connection.eventSource) {\r\n connection.log(\"EventSource calling close().\");\r\n connection.eventSource.close();\r\n connection.eventSource = null;\r\n delete connection.eventSource;\r\n }\r\n },\r\n\r\n abort: function (connection, async) {\r\n transportLogic.ajaxAbort(connection, async);\r\n }\r\n };\r\n\r\n}(window.jQuery, window));\r\n/* jquery.signalR.transports.foreverFrame.js */\r\n// Copyright (c) .NET Foundation. All rights reserved.\r\n// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.\r\n\r\n\r\n/*global window:false */\r\n/// \r\n\r\n(function ($, window, undefined) {\r\n\r\n var signalR = $.signalR,\r\n events = $.signalR.events,\r\n changeState = $.signalR.changeState,\r\n transportLogic = signalR.transports._logic,\r\n createFrame = function () {\r\n var frame = window.document.createElement(\"iframe\");\r\n frame.setAttribute(\"style\", \"position:absolute;top:0;left:0;width:0;height:0;visibility:hidden;\");\r\n return frame;\r\n },\r\n // Used to prevent infinite loading icon spins in older versions of ie\r\n // We build this object inside a closure so we don't pollute the rest of\r\n // the foreverFrame transport with unnecessary functions/utilities.\r\n loadPreventer = (function () {\r\n var loadingFixIntervalId = null,\r\n loadingFixInterval = 1000,\r\n attachedTo = 0;\r\n\r\n return {\r\n prevent: function () {\r\n // Prevent additional iframe removal procedures from newer browsers\r\n if (signalR._.ieVersion <= 8) {\r\n // We only ever want to set the interval one time, so on the first attachedTo\r\n if (attachedTo === 0) {\r\n // Create and destroy iframe every 3 seconds to prevent loading icon, super hacky\r\n loadingFixIntervalId = window.setInterval(function () {\r\n var tempFrame = createFrame();\r\n\r\n window.document.body.appendChild(tempFrame);\r\n window.document.body.removeChild(tempFrame);\r\n\r\n tempFrame = null;\r\n }, loadingFixInterval);\r\n }\r\n\r\n attachedTo++;\r\n }\r\n },\r\n cancel: function () {\r\n // Only clear the interval if there's only one more object that the loadPreventer is attachedTo\r\n if (attachedTo === 1) {\r\n window.clearInterval(loadingFixIntervalId);\r\n }\r\n\r\n if (attachedTo > 0) {\r\n attachedTo--;\r\n }\r\n }\r\n };\r\n })();\r\n\r\n signalR.transports.foreverFrame = {\r\n name: \"foreverFrame\",\r\n\r\n supportsKeepAlive: function () {\r\n return true;\r\n },\r\n\r\n // Added as a value here so we can create tests to verify functionality\r\n iframeClearThreshold: 50,\r\n\r\n start: function (connection, onSuccess, onFailed) {\r\n if (connection.accessToken) {\r\n if (onFailed) {\r\n connection.log(\"Forever Frame does not support connections that require a Bearer token to connect, such as the Azure SignalR Service.\");\r\n onFailed();\r\n }\r\n return;\r\n }\r\n\r\n var that = this,\r\n frameId = (transportLogic.foreverFrame.count += 1),\r\n url,\r\n frame = createFrame(),\r\n frameLoadHandler = function () {\r\n connection.log(\"Forever frame iframe finished loading and is no longer receiving messages.\");\r\n if (!onFailed || !onFailed()) {\r\n that.reconnect(connection);\r\n }\r\n };\r\n\r\n if (window.EventSource) {\r\n // If the browser supports SSE, don't use Forever Frame\r\n if (onFailed) {\r\n connection.log(\"Forever Frame is not supported by SignalR on browsers with SSE support.\");\r\n onFailed();\r\n }\r\n return;\r\n }\r\n\r\n frame.setAttribute(\"data-signalr-connection-id\", connection.id);\r\n\r\n // Start preventing loading icon\r\n // This will only perform work if the loadPreventer is not attached to another connection.\r\n loadPreventer.prevent();\r\n\r\n // Build the url\r\n url = transportLogic.getUrl(connection, this.name);\r\n url += \"&frameId=\" + frameId;\r\n\r\n // add frame to the document prior to setting URL to avoid caching issues.\r\n window.document.documentElement.appendChild(frame);\r\n\r\n connection.log(\"Binding to iframe's load event.\");\r\n\r\n if (frame.addEventListener) {\r\n frame.addEventListener(\"load\", frameLoadHandler, false);\r\n } else if (frame.attachEvent) {\r\n frame.attachEvent(\"onload\", frameLoadHandler);\r\n }\r\n\r\n frame.src = url;\r\n transportLogic.foreverFrame.connections[frameId] = connection;\r\n\r\n connection.frame = frame;\r\n connection.frameId = frameId;\r\n\r\n if (onSuccess) {\r\n connection.onSuccess = function () {\r\n connection.log(\"Iframe transport started.\");\r\n onSuccess();\r\n };\r\n }\r\n },\r\n\r\n reconnect: function (connection) {\r\n var that = this;\r\n\r\n // Need to verify connection state and verify before the setTimeout occurs because an application sleep could occur during the setTimeout duration.\r\n if (transportLogic.isConnectedOrReconnecting(connection) && transportLogic.verifyLastActive(connection)) {\r\n window.setTimeout(function () {\r\n // Verify that we're ok to reconnect.\r\n if (!transportLogic.verifyLastActive(connection)) {\r\n return;\r\n }\r\n\r\n if (connection.frame && transportLogic.ensureReconnectingState(connection)) {\r\n var frame = connection.frame,\r\n src = transportLogic.getUrl(connection, that.name, true) + \"&frameId=\" + connection.frameId;\r\n connection.log(\"Updating iframe src to '\" + src + \"'.\");\r\n frame.src = src;\r\n }\r\n }, connection.reconnectDelay);\r\n }\r\n },\r\n\r\n lostConnection: function (connection) {\r\n this.reconnect(connection);\r\n },\r\n\r\n send: function (connection, data) {\r\n transportLogic.ajaxSend(connection, data);\r\n },\r\n\r\n receive: function (connection, data) {\r\n var cw,\r\n body,\r\n response;\r\n\r\n if (connection.json !== connection._originalJson) {\r\n // If there's a custom JSON parser configured then serialize the object\r\n // using the original (browser) JSON parser and then deserialize it using\r\n // the custom parser (connection._parseResponse does that). This is so we\r\n // can easily send the response from the server as \"raw\" JSON but still\r\n // support custom JSON deserialization in the browser.\r\n data = connection._originalJson.stringify(data);\r\n }\r\n\r\n response = connection._parseResponse(data);\r\n\r\n transportLogic.processMessages(connection, response, connection.onSuccess);\r\n\r\n // Protect against connection stopping from a callback trigger within the processMessages above.\r\n if (connection.state === $.signalR.connectionState.connected) {\r\n // Delete the script & div elements\r\n connection.frameMessageCount = (connection.frameMessageCount || 0) + 1;\r\n if (connection.frameMessageCount > signalR.transports.foreverFrame.iframeClearThreshold) {\r\n connection.frameMessageCount = 0;\r\n cw = connection.frame.contentWindow || connection.frame.contentDocument;\r\n if (cw && cw.document && cw.document.body) {\r\n body = cw.document.body;\r\n\r\n // Remove all the child elements from the iframe's body to conserver memory\r\n while (body.firstChild) {\r\n body.removeChild(body.firstChild);\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n stop: function (connection) {\r\n var cw = null;\r\n\r\n // Stop attempting to prevent loading icon\r\n loadPreventer.cancel();\r\n\r\n if (connection.frame) {\r\n if (connection.frame.stop) {\r\n connection.frame.stop();\r\n } else {\r\n try {\r\n cw = connection.frame.contentWindow || connection.frame.contentDocument;\r\n if (cw.document && cw.document.execCommand) {\r\n cw.document.execCommand(\"Stop\");\r\n }\r\n }\r\n catch (e) {\r\n connection.log(\"Error occurred when stopping foreverFrame transport. Message = \" + e.message + \".\");\r\n }\r\n }\r\n\r\n // Ensure the iframe is where we left it\r\n if (connection.frame.parentNode === window.document.documentElement) {\r\n window.document.documentElement.removeChild(connection.frame);\r\n }\r\n\r\n delete transportLogic.foreverFrame.connections[connection.frameId];\r\n connection.frame = null;\r\n connection.frameId = null;\r\n delete connection.frame;\r\n delete connection.frameId;\r\n delete connection.onSuccess;\r\n delete connection.frameMessageCount;\r\n connection.log(\"Stopping forever frame.\");\r\n }\r\n },\r\n\r\n abort: function (connection, async) {\r\n transportLogic.ajaxAbort(connection, async);\r\n },\r\n\r\n getConnection: function (id) {\r\n return transportLogic.foreverFrame.connections[id];\r\n },\r\n\r\n started: function (connection) {\r\n if (changeState(connection,\r\n signalR.connectionState.reconnecting,\r\n signalR.connectionState.connected) === true) {\r\n\r\n $(connection).triggerHandler(events.onReconnect);\r\n }\r\n }\r\n };\r\n\r\n}(window.jQuery, window));\r\n/* jquery.signalR.transports.longPolling.js */\r\n// Copyright (c) .NET Foundation. All rights reserved.\r\n// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.\r\n\r\n\r\n/*global window:false */\r\n/// \r\n\r\n(function ($, window, undefined) {\r\n\r\n var signalR = $.signalR,\r\n events = $.signalR.events,\r\n changeState = $.signalR.changeState,\r\n isDisconnecting = $.signalR.isDisconnecting,\r\n transportLogic = signalR.transports._logic;\r\n\r\n signalR.transports.longPolling = {\r\n name: \"longPolling\",\r\n\r\n supportsKeepAlive: function () {\r\n return false;\r\n },\r\n\r\n reconnectDelay: 3000,\r\n\r\n start: function (connection, onSuccess, onFailed) {\r\n /// Starts the long polling connection\r\n /// The SignalR connection to start\r\n var that = this,\r\n fireConnect = function () {\r\n fireConnect = $.noop;\r\n\r\n connection.log(\"LongPolling connected.\");\r\n\r\n if (onSuccess) {\r\n onSuccess();\r\n } else {\r\n connection.log(\"WARNING! The client received an init message after reconnecting.\");\r\n }\r\n },\r\n tryFailConnect = function (error) {\r\n if (onFailed(error)) {\r\n connection.log(\"LongPolling failed to connect.\");\r\n return true;\r\n }\r\n\r\n return false;\r\n },\r\n privateData = connection._,\r\n reconnectErrors = 0,\r\n fireReconnected = function (instance) {\r\n window.clearTimeout(privateData.reconnectTimeoutId);\r\n privateData.reconnectTimeoutId = null;\r\n\r\n if (changeState(instance,\r\n signalR.connectionState.reconnecting,\r\n signalR.connectionState.connected) === true) {\r\n // Successfully reconnected!\r\n instance.log(\"Raising the reconnect event\");\r\n $(instance).triggerHandler(events.onReconnect);\r\n }\r\n },\r\n // 1 hour\r\n maxFireReconnectedTimeout = 3600000;\r\n\r\n if (connection.pollXhr) {\r\n connection.log(\"Polling xhr requests already exists, aborting.\");\r\n connection.stop();\r\n }\r\n\r\n connection.messageId = null;\r\n\r\n privateData.reconnectTimeoutId = null;\r\n\r\n privateData.pollTimeoutId = window.setTimeout(function () {\r\n (function poll(instance, raiseReconnect) {\r\n var messageId = instance.messageId,\r\n connect = (messageId === null),\r\n reconnecting = !connect,\r\n polling = !raiseReconnect,\r\n url = transportLogic.getUrl(instance, that.name, reconnecting, polling, true /* use Post for longPolling */),\r\n postData = {};\r\n\r\n if (instance.messageId) {\r\n postData.messageId = instance.messageId;\r\n }\r\n\r\n if (instance.groupsToken) {\r\n postData.groupsToken = instance.groupsToken;\r\n }\r\n\r\n // If we've disconnected during the time we've tried to re-instantiate the poll then stop.\r\n if (isDisconnecting(instance) === true) {\r\n return;\r\n }\r\n\r\n connection.log(\"Opening long polling request to '\" + url + \"'.\");\r\n instance.pollXhr = transportLogic.ajax(connection, {\r\n xhrFields: {\r\n onprogress: function () {\r\n transportLogic.markLastMessage(connection);\r\n }\r\n },\r\n url: url,\r\n type: \"POST\",\r\n contentType: signalR._.defaultContentType,\r\n data: postData,\r\n timeout: connection._.pollTimeout,\r\n headers: connection.accessToken ? { \"Authorization\": \"Bearer \" + connection.accessToken } : {},\r\n success: function (result) {\r\n var minData,\r\n delay = 0,\r\n data,\r\n shouldReconnect;\r\n\r\n connection.log(\"Long poll complete.\");\r\n\r\n // Reset our reconnect errors so if we transition into a reconnecting state again we trigger\r\n // reconnected quickly\r\n reconnectErrors = 0;\r\n\r\n try {\r\n // Remove any keep-alives from the beginning of the result\r\n minData = connection._parseResponse(result);\r\n }\r\n catch (error) {\r\n transportLogic.handleParseFailure(instance, result, error, tryFailConnect, instance.pollXhr);\r\n return;\r\n }\r\n\r\n // If there's currently a timeout to trigger reconnect, fire it now before processing messages\r\n if (privateData.reconnectTimeoutId !== null) {\r\n fireReconnected(instance);\r\n }\r\n\r\n if (minData) {\r\n data = transportLogic.maximizePersistentResponse(minData);\r\n }\r\n\r\n transportLogic.processMessages(instance, minData, fireConnect);\r\n\r\n if (data &&\r\n $.type(data.LongPollDelay) === \"number\") {\r\n delay = data.LongPollDelay;\r\n }\r\n\r\n if (isDisconnecting(instance) === true) {\r\n return;\r\n }\r\n\r\n shouldReconnect = data && data.ShouldReconnect;\r\n if (shouldReconnect) {\r\n // Transition into the reconnecting state\r\n // If this fails then that means that the user transitioned the connection into a invalid state in processMessages.\r\n if (!transportLogic.ensureReconnectingState(instance)) {\r\n return;\r\n }\r\n }\r\n\r\n // We never want to pass a raiseReconnect flag after a successful poll. This is handled via the error function\r\n if (delay > 0) {\r\n privateData.pollTimeoutId = window.setTimeout(function () {\r\n poll(instance, shouldReconnect);\r\n }, delay);\r\n } else {\r\n poll(instance, shouldReconnect);\r\n }\r\n },\r\n\r\n error: function (data, textStatus) {\r\n var error = signalR._.transportError(signalR.resources.longPollFailed, connection.transport, data, instance.pollXhr);\r\n\r\n // Stop trying to trigger reconnect, connection is in an error state\r\n // If we're not in the reconnect state this will noop\r\n window.clearTimeout(privateData.reconnectTimeoutId);\r\n privateData.reconnectTimeoutId = null;\r\n\r\n if (textStatus === \"abort\") {\r\n connection.log(\"Aborted xhr request.\");\r\n return;\r\n }\r\n\r\n if (!tryFailConnect(error)) {\r\n\r\n // Increment our reconnect errors, we assume all errors to be reconnect errors\r\n // In the case that it's our first error this will cause Reconnect to be fired\r\n // after 1 second due to reconnectErrors being = 1.\r\n reconnectErrors++;\r\n\r\n if (connection.state !== signalR.connectionState.reconnecting) {\r\n connection.log(\"An error occurred using longPolling. Status = \" + textStatus + \". Response = \" + data.responseText + \".\");\r\n $(instance).triggerHandler(events.onError, [error]);\r\n }\r\n\r\n // We check the state here to verify that we're not in an invalid state prior to verifying Reconnect.\r\n // If we're not in connected or reconnecting then the next ensureReconnectingState check will fail and will return.\r\n // Therefore we don't want to change that failure code path.\r\n if ((connection.state === signalR.connectionState.connected ||\r\n connection.state === signalR.connectionState.reconnecting) &&\r\n !transportLogic.verifyLastActive(connection)) {\r\n return;\r\n }\r\n\r\n // Transition into the reconnecting state\r\n // If this fails then that means that the user transitioned the connection into the disconnected or connecting state within the above error handler trigger.\r\n if (!transportLogic.ensureReconnectingState(instance)) {\r\n return;\r\n }\r\n\r\n // Call poll with the raiseReconnect flag as true after the reconnect delay\r\n privateData.pollTimeoutId = window.setTimeout(function () {\r\n poll(instance, true);\r\n }, that.reconnectDelay);\r\n }\r\n }\r\n });\r\n\r\n // This will only ever pass after an error has occurred via the poll ajax procedure.\r\n if (reconnecting && raiseReconnect === true) {\r\n // We wait to reconnect depending on how many times we've failed to reconnect.\r\n // This is essentially a heuristic that will exponentially increase in wait time before\r\n // triggering reconnected. This depends on the \"error\" handler of Poll to cancel this\r\n // timeout if it triggers before the Reconnected event fires.\r\n // The Math.min at the end is to ensure that the reconnect timeout does not overflow.\r\n privateData.reconnectTimeoutId = window.setTimeout(function () { fireReconnected(instance); }, Math.min(1000 * (Math.pow(2, reconnectErrors) - 1), maxFireReconnectedTimeout));\r\n }\r\n }(connection));\r\n }, 250); // Have to delay initial poll so Chrome doesn't show loader spinner in tab\r\n },\r\n\r\n lostConnection: function (connection) {\r\n if (connection.pollXhr) {\r\n connection.pollXhr.abort(\"lostConnection\");\r\n }\r\n },\r\n\r\n send: function (connection, data) {\r\n transportLogic.ajaxSend(connection, data);\r\n },\r\n\r\n stop: function (connection) {\r\n /// Stops the long polling connection\r\n /// The SignalR connection to stop\r\n\r\n window.clearTimeout(connection._.pollTimeoutId);\r\n window.clearTimeout(connection._.reconnectTimeoutId);\r\n\r\n delete connection._.pollTimeoutId;\r\n delete connection._.reconnectTimeoutId;\r\n\r\n if (connection.pollXhr) {\r\n connection.pollXhr.abort();\r\n connection.pollXhr = null;\r\n delete connection.pollXhr;\r\n }\r\n },\r\n\r\n abort: function (connection, async) {\r\n transportLogic.ajaxAbort(connection, async);\r\n }\r\n };\r\n\r\n}(window.jQuery, window));\r\n/* jquery.signalR.hubs.js */\r\n// Copyright (c) .NET Foundation. All rights reserved.\r\n// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.\r\n\r\n/*global window:false */\r\n/// \r\n\r\n(function ($, window, undefined) {\r\n\r\n var nextGuid = 0;\r\n var eventNamespace = \".hubProxy\",\r\n signalR = $.signalR;\r\n\r\n function makeEventName(event) {\r\n return event + eventNamespace;\r\n }\r\n\r\n // Equivalent to Array.prototype.map\r\n function map(arr, fun, thisp) {\r\n var i,\r\n length = arr.length,\r\n result = [];\r\n for (i = 0; i < length; i += 1) {\r\n if (arr.hasOwnProperty(i)) {\r\n result[i] = fun.call(thisp, arr[i], i, arr);\r\n }\r\n }\r\n return result;\r\n }\r\n\r\n function getArgValue(a) {\r\n return $.isFunction(a) ? null : ($.type(a) === \"undefined\" ? null : a);\r\n }\r\n\r\n function hasMembers(obj) {\r\n for (var key in obj) {\r\n // If we have any properties in our callback map then we have callbacks and can exit the loop via return\r\n if (obj.hasOwnProperty(key)) {\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n function clearInvocationCallbacks(connection, error) {\r\n /// \r\n var callbacks = connection._.invocationCallbacks,\r\n callback;\r\n\r\n if (hasMembers(callbacks)) {\r\n connection.log(\"Clearing hub invocation callbacks with error: \" + error + \".\");\r\n }\r\n\r\n // Reset the callback cache now as we have a local var referencing it\r\n connection._.invocationCallbackId = 0;\r\n delete connection._.invocationCallbacks;\r\n connection._.invocationCallbacks = {};\r\n\r\n // Loop over the callbacks and invoke them.\r\n // We do this using a local var reference and *after* we've cleared the cache\r\n // so that if a fail callback itself tries to invoke another method we don't\r\n // end up with its callback in the list we're looping over.\r\n for (var callbackId in callbacks) {\r\n callback = callbacks[callbackId];\r\n callback.method.call(callback.scope, { E: error });\r\n }\r\n }\r\n\r\n function isCallbackFromGeneratedHubProxy(callback) {\r\n // https://github.com/SignalR/SignalR/issues/4310\r\n // The stringified callback from the old generated hub proxy is 137 characters in Edge, Firefox and Chrome.\r\n // We slice to avoid wasting too many cycles searching through the text of a long large function.\r\n return $.isFunction(callback) && callback.toString().slice(0, 256).indexOf(\"// Call the client hub method\") >= 0;\r\n }\r\n\r\n // hubProxy\r\n function hubProxy(hubConnection, hubName) {\r\n /// \r\n /// Creates a new proxy object for the given hub connection that can be used to invoke\r\n /// methods on server hubs and handle client method invocation requests from the server.\r\n /// \r\n return new hubProxy.fn.init(hubConnection, hubName);\r\n }\r\n\r\n hubProxy.fn = hubProxy.prototype = {\r\n init: function (connection, hubName) {\r\n this.state = {};\r\n this.connection = connection;\r\n this.hubName = hubName;\r\n this._ = {\r\n callbackMap: {}\r\n };\r\n },\r\n\r\n constructor: hubProxy,\r\n\r\n hasSubscriptions: function () {\r\n return hasMembers(this._.callbackMap);\r\n },\r\n\r\n on: function (eventName, callback, callbackIdentity) {\r\n /// Wires up a callback to be invoked when a invocation request is received from the server hub.\r\n /// The name of the hub event to register the callback for.\r\n /// The callback to be invoked.\r\n /// An optional object to use as the \"identity\" for the callback when checking if the handler has already been registered. Defaults to the value of 'callback' if not provided.\r\n var that = this,\r\n callbackMap = that._.callbackMap,\r\n isFromOldGeneratedHubProxy = !callbackIdentity && isCallbackFromGeneratedHubProxy(callback);\r\n\r\n // We need the third \"identity\" argument because the registerHubProxies call made by signalr/js wraps the user-provided callback in a custom wrapper which breaks the identity comparison.\r\n // callbackIdentity allows the caller of `on` to provide a separate object to use as the \"identity\". `registerHubProxies` uses the original user callback as this identity object.\r\n callbackIdentity = callbackIdentity || callback;\r\n\r\n // Assign a global ID to the identity object. This tags the object so we can detect the same object when it comes back.\r\n if(!callbackIdentity._signalRGuid) {\r\n callbackIdentity._signalRGuid = nextGuid++;\r\n }\r\n\r\n // Normalize the event name to lowercase\r\n eventName = eventName.toLowerCase();\r\n\r\n // If there is not an event registered for this callback yet we want to create its event space in the callback map.\r\n var callbackSpace = callbackMap[eventName];\r\n if (!callbackSpace) {\r\n callbackSpace = [];\r\n callbackMap[eventName] = callbackSpace;\r\n }\r\n\r\n // Check if there's already a registration\r\n var registration;\r\n for (var i = 0; i < callbackSpace.length; i++) {\r\n if (callbackSpace[i].guid === callbackIdentity._signalRGuid || (isFromOldGeneratedHubProxy && callbackSpace[i].isFromOldGeneratedHubProxy)) {\r\n registration = callbackSpace[i];\r\n }\r\n }\r\n\r\n // Create a registration if there isn't one already\r\n if (!registration) {\r\n registration = {\r\n guid: callbackIdentity._signalRGuid,\r\n eventHandlers: [],\r\n isFromOldGeneratedHubProxy: isFromOldGeneratedHubProxy\r\n };\r\n callbackMap[eventName].push(registration);\r\n }\r\n\r\n var handler = function (e, data) {\r\n callback.apply(that, data);\r\n };\r\n registration.eventHandlers.push(handler);\r\n\r\n $(that).bind(makeEventName(eventName), handler);\r\n\r\n return that;\r\n },\r\n\r\n off: function (eventName, callback, callbackIdentity) {\r\n /// Removes the callback invocation request from the server hub for the given event name.\r\n /// The name of the hub event to unregister the callback for.\r\n /// The callback to be removed.\r\n /// An optional object to use as the \"identity\" when looking up the callback. Corresponds to the same parameter provided to 'on'. Defaults to the value of 'callback' if not provided.\r\n var that = this,\r\n callbackMap = that._.callbackMap,\r\n callbackSpace,\r\n isFromOldGeneratedHubProxy = !callbackIdentity && isCallbackFromGeneratedHubProxy(callback);\r\n\r\n callbackIdentity = callbackIdentity || callback;\r\n\r\n // Normalize the event name to lowercase\r\n eventName = eventName.toLowerCase();\r\n\r\n callbackSpace = callbackMap[eventName];\r\n\r\n // Verify that there is an event space to unbind\r\n if (callbackSpace) {\r\n\r\n if (callback) {\r\n // Find the callback registration\r\n var callbackRegistration;\r\n var callbackIndex;\r\n for (var i = 0; i < callbackSpace.length; i++) {\r\n if (callbackSpace[i].guid === callbackIdentity._signalRGuid || (isFromOldGeneratedHubProxy && callbackSpace[i].isFromOldGeneratedHubProxy)) {\r\n callbackIndex = i;\r\n callbackRegistration = callbackSpace[i];\r\n }\r\n }\r\n\r\n // Only unbind if there's an event bound with eventName and a callback with the specified callback\r\n if (callbackRegistration) {\r\n // Unbind all event handlers associated with the registration.\r\n for (var j = 0; j < callbackRegistration.eventHandlers.length; j++) {\r\n $(that).unbind(makeEventName(eventName), callbackRegistration.eventHandlers[j]);\r\n }\r\n\r\n // Remove the registration from the list\r\n callbackSpace.splice(i, 1);\r\n\r\n // Check if there are any registrations left, if not we need to destroy it.\r\n if (callbackSpace.length === 0) {\r\n delete callbackMap[eventName];\r\n }\r\n }\r\n } else if (!callback) { // Check if we're removing the whole event and we didn't error because of an invalid callback\r\n $(that).unbind(makeEventName(eventName));\r\n\r\n delete callbackMap[eventName];\r\n }\r\n }\r\n\r\n return that;\r\n },\r\n\r\n invoke: function (methodName) {\r\n /// Invokes a server hub method with the given arguments.\r\n /// The name of the server hub method.\r\n\r\n var that = this,\r\n connection = that.connection,\r\n args = $.makeArray(arguments).slice(1),\r\n argValues = map(args, getArgValue),\r\n data = { H: that.hubName, M: methodName, A: argValues, I: connection._.invocationCallbackId },\r\n d = $.Deferred(),\r\n callback = function (minResult) {\r\n var result = that._maximizeHubResponse(minResult),\r\n source,\r\n error;\r\n\r\n // Update the hub state\r\n $.extend(that.state, result.State);\r\n\r\n if (result.Progress) {\r\n if (d.notifyWith) {\r\n // Progress is only supported in jQuery 1.7+\r\n d.notifyWith(that, [result.Progress.Data]);\r\n } else if (!connection._.progressjQueryVersionLogged) {\r\n connection.log(\"A hub method invocation progress update was received but the version of jQuery in use (\" + $.prototype.jquery + \") does not support progress updates. Upgrade to jQuery 1.7+ to receive progress notifications.\");\r\n connection._.progressjQueryVersionLogged = true;\r\n }\r\n } else if (result.Error) {\r\n // Server hub method threw an exception, log it & reject the deferred\r\n if (result.StackTrace) {\r\n connection.log(result.Error + \"\\n\" + result.StackTrace + \".\");\r\n }\r\n\r\n // result.ErrorData is only set if a HubException was thrown\r\n source = result.IsHubException ? \"HubException\" : \"Exception\";\r\n error = signalR._.error(result.Error, source);\r\n error.data = result.ErrorData;\r\n\r\n connection.log(that.hubName + \".\" + methodName + \" failed to execute. Error: \" + error.message);\r\n d.rejectWith(that, [error]);\r\n } else {\r\n // Server invocation succeeded, resolve the deferred\r\n connection.log(\"Invoked \" + that.hubName + \".\" + methodName);\r\n d.resolveWith(that, [result.Result]);\r\n }\r\n };\r\n\r\n connection._.invocationCallbacks[connection._.invocationCallbackId.toString()] = { scope: that, method: callback };\r\n connection._.invocationCallbackId += 1;\r\n\r\n if (!$.isEmptyObject(that.state)) {\r\n data.S = that.state;\r\n }\r\n\r\n connection.log(\"Invoking \" + that.hubName + \".\" + methodName);\r\n connection.send(data);\r\n\r\n return d.promise();\r\n },\r\n\r\n _maximizeHubResponse: function (minHubResponse) {\r\n return {\r\n State: minHubResponse.S,\r\n Result: minHubResponse.R,\r\n Progress: minHubResponse.P ? {\r\n Id: minHubResponse.P.I,\r\n Data: minHubResponse.P.D\r\n } : null,\r\n Id: minHubResponse.I,\r\n IsHubException: minHubResponse.H,\r\n Error: minHubResponse.E,\r\n StackTrace: minHubResponse.T,\r\n ErrorData: minHubResponse.D\r\n };\r\n }\r\n };\r\n\r\n hubProxy.fn.init.prototype = hubProxy.fn;\r\n\r\n // hubConnection\r\n function hubConnection(url, options) {\r\n /// Creates a new hub connection.\r\n /// [Optional] The hub route url, defaults to \"/signalr\".\r\n /// [Optional] Settings to use when creating the hubConnection.\r\n var settings = {\r\n qs: null,\r\n logging: false,\r\n useDefaultPath: true\r\n };\r\n\r\n $.extend(settings, options);\r\n\r\n if (!url || settings.useDefaultPath) {\r\n url = (url || \"\") + \"/signalr\";\r\n }\r\n return new hubConnection.fn.init(url, settings);\r\n }\r\n\r\n hubConnection.fn = hubConnection.prototype = $.connection();\r\n\r\n hubConnection.fn.init = function (url, options) {\r\n var settings = {\r\n qs: null,\r\n logging: false,\r\n useDefaultPath: true\r\n },\r\n connection = this;\r\n\r\n $.extend(settings, options);\r\n\r\n // Call the base constructor\r\n $.signalR.fn.init.call(connection, url, settings.qs, settings.logging);\r\n\r\n // Object to store hub proxies for this connection\r\n connection.proxies = {};\r\n\r\n connection._.invocationCallbackId = 0;\r\n connection._.invocationCallbacks = {};\r\n\r\n // Wire up the received handler\r\n connection.received(function (minData) {\r\n var data, proxy, dataCallbackId, callback, hubName, eventName;\r\n if (!minData) {\r\n return;\r\n }\r\n\r\n // We have to handle progress updates first in order to ensure old clients that receive\r\n // progress updates enter the return value branch and then no-op when they can't find\r\n // the callback in the map (because the minData.I value will not be a valid callback ID)\r\n // Process progress notification\r\n if (typeof (minData.P) !== \"undefined\") {\r\n dataCallbackId = minData.P.I.toString();\r\n callback = connection._.invocationCallbacks[dataCallbackId];\r\n if (callback) {\r\n callback.method.call(callback.scope, minData);\r\n }\r\n } else if (typeof (minData.I) !== \"undefined\") {\r\n // We received the return value from a server method invocation, look up callback by id and call it\r\n dataCallbackId = minData.I.toString();\r\n callback = connection._.invocationCallbacks[dataCallbackId];\r\n if (callback) {\r\n // Delete the callback from the proxy\r\n connection._.invocationCallbacks[dataCallbackId] = null;\r\n delete connection._.invocationCallbacks[dataCallbackId];\r\n\r\n // Invoke the callback\r\n callback.method.call(callback.scope, minData);\r\n }\r\n } else {\r\n data = this._maximizeClientHubInvocation(minData);\r\n\r\n // We received a client invocation request, i.e. broadcast from server hub\r\n connection.log(\"Triggering client hub event '\" + data.Method + \"' on hub '\" + data.Hub + \"'.\");\r\n\r\n // Normalize the names to lowercase\r\n hubName = data.Hub.toLowerCase();\r\n eventName = data.Method.toLowerCase();\r\n\r\n // Trigger the local invocation event\r\n proxy = this.proxies[hubName];\r\n\r\n // Update the hub state\r\n $.extend(proxy.state, data.State);\r\n $(proxy).triggerHandler(makeEventName(eventName), [data.Args]);\r\n }\r\n });\r\n\r\n connection.error(function (errData, origData) {\r\n var callbackId, callback;\r\n\r\n if (!origData) {\r\n // No original data passed so this is not a send error\r\n return;\r\n }\r\n\r\n callbackId = origData.I;\r\n callback = connection._.invocationCallbacks[callbackId];\r\n\r\n // Verify that there is a callback bound (could have been cleared)\r\n if (callback) {\r\n // Delete the callback\r\n connection._.invocationCallbacks[callbackId] = null;\r\n delete connection._.invocationCallbacks[callbackId];\r\n\r\n // Invoke the callback with an error to reject the promise\r\n callback.method.call(callback.scope, { E: errData });\r\n }\r\n });\r\n\r\n connection.reconnecting(function () {\r\n if (connection.transport && connection.transport.name === \"webSockets\") {\r\n clearInvocationCallbacks(connection, \"Connection started reconnecting before invocation result was received.\");\r\n }\r\n });\r\n\r\n connection.disconnected(function () {\r\n clearInvocationCallbacks(connection, \"Connection was disconnected before invocation result was received.\");\r\n });\r\n };\r\n\r\n hubConnection.fn._maximizeClientHubInvocation = function (minClientHubInvocation) {\r\n return {\r\n Hub: minClientHubInvocation.H,\r\n Method: minClientHubInvocation.M,\r\n Args: minClientHubInvocation.A,\r\n State: minClientHubInvocation.S\r\n };\r\n };\r\n\r\n hubConnection.fn._registerSubscribedHubs = function () {\r\n /// \r\n /// Sets the starting event to loop through the known hubs and register any new hubs\r\n /// that have been added to the proxy.\r\n /// \r\n var connection = this;\r\n\r\n if (!connection._subscribedToHubs) {\r\n connection._subscribedToHubs = true;\r\n connection.starting(function () {\r\n // Set the connection's data object with all the hub proxies with active subscriptions.\r\n // These proxies will receive notifications from the server.\r\n var subscribedHubs = [];\r\n\r\n $.each(connection.proxies, function (key) {\r\n if (this.hasSubscriptions()) {\r\n subscribedHubs.push({ name: key });\r\n connection.log(\"Client subscribed to hub '\" + key + \"'.\");\r\n }\r\n });\r\n\r\n if (subscribedHubs.length === 0) {\r\n connection.log(\"No hubs have been subscribed to. The client will not receive data from hubs. To fix, declare at least one client side function prior to connection start for each hub you wish to subscribe to.\");\r\n }\r\n\r\n connection.data = connection.json.stringify(subscribedHubs);\r\n });\r\n }\r\n };\r\n\r\n hubConnection.fn.createHubProxy = function (hubName) {\r\n /// \r\n /// Creates a new proxy object for the given hub connection that can be used to invoke\r\n /// methods on server hubs and handle client method invocation requests from the server.\r\n /// \r\n /// \r\n /// The name of the hub on the server to create the proxy for.\r\n /// \r\n\r\n // Normalize the name to lowercase\r\n hubName = hubName.toLowerCase();\r\n\r\n var proxy = this.proxies[hubName];\r\n if (!proxy) {\r\n proxy = hubProxy(this, hubName);\r\n this.proxies[hubName] = proxy;\r\n }\r\n\r\n this._registerSubscribedHubs();\r\n\r\n return proxy;\r\n };\r\n\r\n hubConnection.fn.init.prototype = hubConnection.fn;\r\n\r\n $.hubConnection = hubConnection;\r\n\r\n}(window.jQuery, window));\r\n/* jquery.signalR.version.js */\r\n// Copyright (c) .NET Foundation. All rights reserved.\r\n// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.\r\n\r\n\r\n/*global window:false */\r\n/// \r\n(function ($, undefined) {\r\n // This will be modified by the build script\r\n $.signalR.version = \"2.4.1\";\r\n}(window.jQuery));\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:[_vm.hideHeader && 'hideHeader']},[_c('el-dialog',{attrs:{\"center\":\"\",\"title\":this.title,\"close-on-click-modal\":_vm.overlayClose,\"show-close\":_vm.showClose,\"visible\":this.dialog,\"fullscreen\":_vm.fullscreen,\"width\":_vm.width?_vm.width:'80%',\"custom-class\":\"k2Modal\",\"before-close\":_vm.handleParentClose},on:{\"update:visible\":function($event){return _vm.$set(this, \"dialog\", $event)}}},[_vm._t(\"default\"),(!_vm.hideFooter)?_c('div',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('K2Row',{attrs:{\"justify_content\":\"flex-end\"}},[_c('K2Button',{on:{\"onclick\":function($event){return _vm.handleParentConfirm()}}},[_c('K2Text',{attrs:{\"color\":\"white\"}},[_vm._v(_vm._s(_vm.confirmText ? _vm.confirmText : \"Post\"))])],1)],1)],1):_vm._e()],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n
\r\n\r\n\r\n\r\n\r\n","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!./NewStudentInfo.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!./NewStudentInfo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NewStudentInfo.vue?vue&type=template&id=b2216436&scoped=true\"\nimport script from \"./NewStudentInfo.vue?vue&type=script&lang=js\"\nexport * from \"./NewStudentInfo.vue?vue&type=script&lang=js\"\nimport style0 from \"./NewStudentInfo.vue?vue&type=style&index=0&id=b2216436&prod&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 \"b2216436\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"container text-center\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 offset-md-3\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.validateBeforeSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"form-group text-left\"},[_c('label',{staticClass:\"custom-label control-label\"},[_vm._v(\"Please enter Last Name and Date of Birth of child (i.e tanDDMMYY)\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.password),expression:\"password\",modifiers:{\"trim\":true}}],staticClass:\"form-control password-field\",attrs:{\"type\":\"password\",\"name\":\"password\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing)return;_vm.password=$event.target.value.trim()},\"blur\":function($event){return _vm.$forceUpdate()}}}),_c('span',{staticClass:\"error help-block\"})]),(_vm.error)?_c('div',{staticClass:\"text-danger\"},[_c('p',[_vm._v(\"Incorrect Password\")])]):_vm._e(),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Submit\")])])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n
\r\n
\r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n\r\n","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!./Protected.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!./Protected.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Protected.vue?vue&type=template&id=414f0c78\"\nimport script from \"./Protected.vue?vue&type=script&lang=js\"\nexport * from \"./Protected.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container mt-4\",attrs:{\"id\":\"checkout\"}},[(_vm.paymentNotPaid)?_c('div',[(_vm.isPaymentSuccess)?_c('div',{staticClass:\"mb-4\"},[_c('el-alert',{attrs:{\"title\":\"Payment Status: Success\",\"type\":\"success\",\"effect\":\"dark\",\"show-icon\":\"\"}})],1):_vm._e(),_vm._m(0),_c('div',{staticClass:\"checkout-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-8\"},[_vm._m(1),(!_vm.contactAdmin)?_c('div',{staticClass:\"checkout-payment\"},[_c('div',{staticClass:\"grid-content bg-purple-light\"},[_c('data-tables',{staticStyle:{\"border\":\"2px solid black\"},attrs:{\"data\":_vm.ItemsListInt,\"layout\":\"table\"}},[_c('el-table-column',{attrs:{\"label\":\"Description\",\"min-width\":\"100px\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(scope.row.Item_Description)+\" \"),_c('br'),_c('div',{staticStyle:{\"font-size\":\"smaller\"}},[_vm._v(_vm._s(scope.row.ItemRemarks))])]}}],null,false,2028277555)}),(_vm.isShow)?_c('el-table-column',{attrs:{\"label\":\"Amount\",\"min-width\":\"50px\",\"align\":\"right\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(scope.row.itemAmount)+\"\\n \")]}}],null,false,621516356)}):_vm._e(),(_vm.isShow)?_c('el-table-column',{attrs:{\"label\":\"GST\",\"min-width\":\"50px\",\"align\":\"right\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(scope.row.gstValue)+\"\\n \")]}}],null,false,477392822)}):_vm._e(),(_vm.isShow)?_c('el-table-column',{attrs:{\"label\":\"Total\",\"min-width\":\"50px\",\"align\":\"right\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(scope.row.totalValue)+\"\\n \")]}}],null,false,1104544212)}):_vm._e(),(!_vm.isShow)?_c('el-table-column',{attrs:{\"label\":\"Total incl GST\",\"min-width\":\"60px\",\"align\":\"right\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n \"+_vm._s(scope.row.totalValue)+\"\\n \")]}}],null,false,1104544212)}):_vm._e()],1)],1),_c('div',{staticClass:\"checkout-total\"},[_c('b',{staticClass:\"pull-left\"},[_vm._v(\"Total Amount Payable:\")]),(_vm.isShow)?_c('div',{staticClass:\"grid-content bg-purple-light pull-right\"},[_c('b',[_vm._v(\"$\"+_vm._s(_vm.TotalAmountDisplay))])]):_c('div',{staticClass:\"grid-content bg-purple-light\"},[_c('b',[_vm._v(\"$\"+_vm._s(_vm.TotalAmountDisplay))])])]),_c('b',{staticStyle:{\"float\":\"left\"}},[_vm._v(\"Document(s):\")]),_c('div',{staticClass:\"grid-content bg-purple-light\"},[_c('div',{staticClass:\"checkout-total\"},[_c('a',{staticClass:\"pull-left\",style:({color: _vm.uiVariable.color.link2}),attrs:{\"href\":\"#\"},on:{\"click\":_vm.btnDownloadDocumentClick}},[_vm._v(\"Download your invoice here\")])])]),(_vm.proceed===false&&_vm.isPaymentSuccess===false)?_c('div',{staticClass:\"checkout-paymentMethod\"},[_c('b',{staticClass:\"checkout-paymentMethod_title d-block mb-3\"},[_vm._v(\"Select Payment Method:\")]),_c('k2-text',[_vm._v(\"Recommended payment method\")]),_c('div',{staticClass:\"row\"},[(_vm.hideWithSession && !_vm.isJapanSchool)?_c('strong',{staticStyle:{\"color\":\"#dc3545\"}},[_vm._v(\"PayNow services will not be available during 21 April 2024 12:00 AM - 06:00 AM (SGT)\")]):_vm._e(),(!_vm.hideWithSession)?_c('PaymentBox',{attrs:{\"hidePaymentItem\":_vm.hidePaymentItem,\"passSelectedPaymentMode\":_vm.selectedPaymentMode,\"payNowLinkEligible\":_vm.payNowLinkEligible,\"title\":\"PayNow\",\"custom-class\":\"col-md-6\",\"iconName\":\"fa-qrcode\",\"label\":\"paynow\"},on:{\"handleEmit\":_vm.handleEmit}},[_c('span',[_vm._v(\"Scan & Pay is the sustainable option and \"),_c('br'),_vm._v(\"e-receipt will be sent instantaneously \"),_c('br'),_vm._v(\"to your e-mail!\")]),_c('div',{staticClass:\"paynowBank\"},[_c('img',{attrs:{\"src\":_vm.assets.bank.dbsBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.posbBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.uobBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.ocbcBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.citiBank}}),_c('br'),_c('img',{attrs:{\"src\":_vm.assets.bank.standardBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.hsbcBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.chinaBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.icbcBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.maybank}})])]):_vm._e(),_c('PaymentBox',{attrs:{\"hidePaymentItem\":_vm.hidePaymentItem,\"passSelectedPaymentMode\":_vm.selectedPaymentMode,\"payNowLinkEligible\":_vm.payNowLinkEligible,\"title\":\"Credit Card\",\"noBadge\":true,\"custom-class\":\"col-md-6 creditCard\",\"image\":_vm.assets.icon.paymentCreditCard,\"label\":\"creditcard\"},on:{\"handleEmit\":_vm.handleEmit}},[_c('strong',{staticClass:\"mb-1\"},[_vm._v(\"EARN REWARDS\")]),_c('span',[_vm._v(\"Earn miles, points or cashback when you pay\"),_c('br'),_vm._v(\"school fees with a credit card\")]),_c('div',{},[_c('img',{attrs:{\"src\":_vm.assets.bank.creditCardPayment}})]),_c('K2Row',{attrs:{\"justify_content\":\"center\",\"align\":\"center\"}},[_c('span',[_vm._v(\"Powered by\")]),(_vm.selectedPaymentMode === 'creditcard')?_c('img',{staticClass:\"ms-2\",attrs:{\"src\":_vm.assets.bank.cardUpWhite,\"width\":\"70\"}}):_c('img',{staticClass:\"ms-2\",attrs:{\"src\":_vm.assets.bank.cardUp,\"width\":\"70\"}})])],1)],1),_c('k2-text',[_vm._v(\"Other payment method(s)\")]),(!_vm.hidePaymentItem)?_c('div',{staticClass:\"checkout-paymentMethod_option\"},[_c('el-radio-group',{model:{value:(_vm.selectedPaymentMode),callback:function ($$v) {_vm.selectedPaymentMode=$$v},expression:\"selectedPaymentMode\"}},[_c('el-radio',{attrs:{\"label\":\"banktransfer\",\"border\":\"\"}},[_c('i',{staticClass:\"fa fa-exchange\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\" Bank Transfer\\n Details\\n \")])],1)],1):_vm._e()],1):_vm._e()]):(_vm.contactAdmin)?_c('div',{staticClass:\"checkout-payment\"},[[_c('el-alert',{attrs:{\"title\":\"\",\"description\":\"Please contact administrator\",\"type\":\"error\",\"show-icon\":\"\"}})]],2):_vm._e(),(!_vm.isPaymentSuccess)?_c('div',[((_vm.isQRCode&&(_vm.selectedPaymentMode=='paynow')&&this.proceed))?_c('div',{staticClass:\"block paymentDetails\",attrs:{\"id\":\"showQR\"}},[_c('div',{attrs:{\"align\":\"center\"}},[_vm._v(\"\\n \"),_c('img',{attrs:{\"src\":_vm.payNowQRResult}}),_c('br'),_c('strong',[_vm._v(\"Scan & Pay\")]),_c('br'),_c('span',[_vm._v(\"You will be redirected when payment received\")]),_c('br'),_c('span',[_vm._v(\"Scan & Pay is supported by these banks:\")]),_c('div',{staticClass:\"paynowBank\"},[_c('img',{attrs:{\"src\":_vm.assets.bank.dbsBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.posbBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.uobBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.ocbcBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.citiBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.standardBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.hsbcBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.chinaBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.icbcBank}}),_c('img',{attrs:{\"src\":_vm.assets.bank.maybank}})])])]):_vm._e(),(_vm.isBankTransfer || (_vm.selectedPaymentMode === 'banktransfer' && _vm.isJapanSchool))?_c('PaymentBankDetails',{attrs:{\"isBankTransfer\":_vm.isBankTransfer,\"isJapanSchool\":_vm.isJapanSchool,\"bankAct\":_vm.bankAct}}):_vm._e()],1):_vm._e()]),_c('div',{staticClass:\"col-lg-4\"},[_vm._m(2),_c('div',{staticClass:\"checkout-info\"},[_c('div',{staticClass:\"grid-content\"},[_c('span',{staticClass:\"checkout-info_title\"},[_vm._v(\"\\n School:\\n \")]),_c('b',{staticStyle:{\"color\":\"#0E0EFF\"}},[_vm._v(_vm._s(_vm.school_Name))])]),_c('div',{staticClass:\"grid-content\"},[_c('span',{staticClass:\"checkout-info_title\"},[_vm._v(\"\\n Child's Name:\\n \")]),_c('b',{staticStyle:{\"color\":\"#0E0EFF\"}},[_vm._v(_vm._s(_vm.student_Name))])]),(!_vm.isJapanSchool)?_c('div',{staticClass:\"grid-content\"},[_c('span',{staticClass:\"checkout-info_title\"},[_vm._v(\"\\n Programme:\\n \")]),_c('b',{staticStyle:{\"color\":\"#0E0EFF\"}},[_vm._v(_vm._s(_vm.Batch))])]):_vm._e(),_c('div',{staticClass:\"grid-content\"},[_c('span',{staticClass:\"checkout-info_title\"},[_vm._v(\"\\n Payee Name:\\n \")]),_c('b',{staticStyle:{\"color\":\"#0E0EFF\"}},[_vm._v(_vm._s(_vm.PayeeName))])]),_c('div',{staticClass:\"grid-content\"},[_c('span',{staticClass:\"checkout-info_title\"},[_vm._v(\"\\n Invoice No:\\n \")]),_c('b',{staticStyle:{\"color\":\"#0E0EFF\"}},[_vm._v(_vm._s(_vm.Invoice_name))])]),_c('div',{staticClass:\"grid-content\"},[_c('span',{staticClass:\"checkout-info_title\"},[_vm._v(\"\\n Invoice Due Date:\\n \")]),_c('b',{staticStyle:{\"color\":\"#0E0EFF\"}},[_vm._v(_vm._s(_vm.InvoiceDueDate))])])]),_c('br'),(!_vm.isJapanSchool)?_c('div',{staticClass:\"checkout-info\"},[_c('div',{staticClass:\"grid-content\"},[_c('span',{staticClass:\"checkout-info_title\"},[_vm._v(\"FAQ:\")]),_c('a',{style:({color: _vm.uiVariable.color.link2}),attrs:{\"href\":_vm.payNowPdfLink,\"target\":\"_blank\"}},[_vm._v(\"How to pay via\\n PayNow?\")]),_c('br'),_c('a',{style:({color: _vm.uiVariable.color.link2}),attrs:{\"href\":_vm.creditCardPdfLink,\"target\":\"_blank\"}},[_vm._v(\"How to pay via Credit\\n Card?\")])])]):_vm._e(),(_vm.paymentNotPaid)?_c('div',[(!_vm.contactAdmin)?_c('div',[(!_vm.isPaymentSuccess && !_vm.isJapanSchool)?_c('el-button',{staticClass:\"payment-payBtn\",staticStyle:{\"background\":\"#dc3545\",\"border-color\":\"#dc3545\"},style:(_vm.isBankTransfer?'background:#909399;border-color:#909399;':'background:#dc3545'),attrs:{\"type\":\"primary\",\"loading\":_vm.btnLoading,\"disabled\":_vm.selectedPaymentMode===''||_vm.isBankTransfer},on:{\"click\":function($event){return _vm.btnProceedPaymentClick()}}},[(_vm.btnLoading)?_c('span',[_vm._v(\"Awaiting Payment\")]):_c('strong',{staticStyle:{\"font-size\":\"17px\",\"text-transform\":\"uppercase\",\"text-shadow\":\"#00000057 0 0 7px\"}},[_vm._v(\"\\n Proceed Payment\\n \")])]):_vm._e(),(!_vm.isPaymentSuccess)?_c('el-button',{staticClass:\"payment-payBtn\",attrs:{\"type\":\"info\",\"disabled\":_vm.selectedPaymentMode===''},on:{\"click\":function($event){return _vm.cancelPaymentClick()}}},[_vm._v(\"\\n Cancel\\n \")]):_vm._e()],1):_vm._e()]):_vm._e()])])]),_c('hr')]):_vm._e(),(!_vm.paymentNotPaid)?_c('div',[_c('div',[_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"grid-content\"},[_c('K2AnimationCheck'),_c('h3',{staticStyle:{\"font-weight\":\"normal\",\"font-family\":\"Gabriola\"}},[_vm._v(\"Thank you for your payment.\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_c('small',[_vm._v(\"Please check your email for e-receipt shortly.\")])])],1)])],1)],1)]):_vm._e(),_c('K2Modal',{attrs:{\"fullscreen\":false,\"dialog\":_vm.modal==='message',\"width\":\"600px\",\"hideFooter\":true,\"hideHeader\":true}},[_c('K2Row',{staticClass:\"pb-4\",attrs:{\"justify_content\":\"flex-start\",\"flex_direction\":\"column\",\"align\":\"center\"}},[_c('K2Row',{staticClass:\"mb-2\",attrs:{\"justify_content\":\"center\",\"align\":\"center\"}},[_c('K2Icon',{staticStyle:{\"margin-right\":\"10px\"},attrs:{\"name\":\"warning\",\"font-size\":\"20px\"}}),_c('K2Text',{attrs:{\"bold\":\"true\",\"font-size\":_vm.uiVariable.fontSize.xl}},[_vm._v(\"Error\")])],1),_c('K2Text',{staticStyle:{\"white-space\":\"pre-line\"}},[_vm._v(\"\\n \"+_vm._s(_vm.message)+\"\\n \")])],1)],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"checkout-header\"},[_c('strong',[_vm._v(\"PAYMENT\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"checkout-subtitle\"},[_c('strong',[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"\\n description\\n \")]),_vm._v(\"\\n Payment Summary\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"checkout-subtitle\"},[_c('strong',[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"\\n account_circle\\n \")]),_vm._v(\"\\n Student's Details\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('svg',{attrs:{\"width\":\"115px\",\"height\":\"115px\",\"viewBox\":\"0 0 133 133\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\"}},[_c('g',{attrs:{\"id\":\"check-group\",\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('circle',{attrs:{\"id\":\"filled-circle\",\"fill\":\"#07b481\",\"cx\":\"66.5\",\"cy\":\"66.5\",\"r\":\"54.5\"}}),_c('circle',{attrs:{\"id\":\"white-circle\",\"fill\":\"#FFFFFF\",\"cx\":\"66.5\",\"cy\":\"66.5\",\"r\":\"55.5\"}}),_c('circle',{attrs:{\"id\":\"outline\",\"stroke\":\"#07b481\",\"stroke-width\":\"4\",\"cx\":\"66.5\",\"cy\":\"66.5\",\"r\":\"54.5\"}}),_c('polyline',{attrs:{\"id\":\"check\",\"stroke\":\"#FFFFFF\",\"stroke-width\":\"5.5\",\"points\":\"41 70 56 85 92 49\"}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","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!./checkAnimation.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!./checkAnimation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./checkAnimation.vue?vue&type=template&id=a5a38db0&scoped=true\"\nimport script from \"./checkAnimation.vue?vue&type=script&lang=js\"\nexport * from \"./checkAnimation.vue?vue&type=script&lang=js\"\nimport style0 from \"./checkAnimation.vue?vue&type=style&index=0&id=a5a38db0&prod&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 \"a5a38db0\",\n null\n \n)\n\nexport default component.exports","import logo from \"./logo/kagami.png\";\r\nimport epsLogo from \"./logo/epsLogo.png\";\r\nimport eisLogo from \"./logo/eisLogo.png\";\r\nimport middletonLogo from \"./logo/middletonLogo.png\";\r\nimport macControl from \"./image/macButton.png\";\r\nimport edit from \"./icon/edit.png\";\r\nimport editSvg from \"./icon/edit.svg\";\r\nimport student from \"./icon/student.svg\";\r\nimport empty from \"./image/empty.png\"\r\nimport user from \"./Vector15.png\"\r\nimport school from \"./Vector16.png\"\r\nimport grid from \"./Vector17.png\"\r\nimport mark from \"./Vector18.png\"\r\nimport logoIcon from \"./Vector20.png\"\r\nimport checked from \"./Vector21.png\"\r\nimport notFound from \"./notfound.png\"\r\nimport boy from \"./boy.png\"\r\nimport like from \"./like.gif\"\r\nimport love from \"./love.gif\"\r\nimport wow from \"./oo.gif\"\r\nimport funny from \"./funny.gif\"\r\nimport sad from \"./sad.gif\"\r\nimport videoThumb from \"./video-thumbnail.png\"\r\nimport pdfThumb from \"./pdf-thumbnail.png\"\r\nimport likeThumb from \"./icon/like.png\"\r\nimport emptyThumb from \"./empty-img.png\"\r\nimport recommendIcon from \"./icon/recommendation.png\"\r\nimport chinaBank from \"./image/paymentIcon/china.png\"\r\nimport citiBank from \"./image/paymentIcon/citbank.png\"\r\nimport dbsBank from \"./image/paymentIcon/dbs.png\"\r\nimport hsbcBank from \"./image/paymentIcon/hsbc.png\"\r\nimport icbcBank from \"./image/paymentIcon/icbc.png\"\r\nimport maybank from \"./image/paymentIcon/maybank.png\"\r\nimport ocbcBank from \"./image/paymentIcon/ocbc.png\"\r\nimport posbBank from \"./image/paymentIcon/posb.png\"\r\nimport standardBank from \"./image/paymentIcon/standard.png\"\r\nimport uobBank from \"./image/paymentIcon/uob.jpg\"\r\nimport creditCardPayment from \"./image/paymentIcon/creditcardlogo.png\"\r\nimport cardUp from \"./image/paymentIcon/cardup.png\"\r\nimport cardUpWhite from \"./image/paymentIcon/cardupWhite.png\"\r\nimport paymentCreditCard from \"./icon/paymentCreditCard.svg\"\r\n\r\nconst assets = {\r\n image: {\r\n logo,\r\n epsLogo,\r\n eisLogo,\r\n middletonLogo,\r\n macControl,\r\n empty,\r\n notFound,\r\n boy,\r\n logoIcon,\r\n checked,\r\n videoThumb,\r\n emptyThumb,\r\n pdfThumb\r\n },\r\n icon:{\r\n edit,\r\n student,\r\n editSvg,\r\n user,\r\n school,\r\n grid,\r\n mark,\r\n likeThumb,\r\n recommendIcon,\r\n paymentCreditCard\r\n },\r\n emotion:{\r\n like,\r\n love,\r\n sad,\r\n wow,\r\n funny\r\n },\r\n bank:{\r\n chinaBank,\r\n citiBank,\r\n dbsBank,\r\n hsbcBank,\r\n icbcBank,\r\n maybank,\r\n ocbcBank,\r\n posbBank,\r\n standardBank,\r\n uobBank,\r\n creditCardPayment,\r\n cardUp,\r\n cardUpWhite\r\n }\r\n}\r\n\r\nexport default assets\r\n\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (!_vm.hidePaymentItem)?_c('div',{staticClass:\"checkout-paymentMethod_option\",class:_vm.customClass},[_c('el-radio-group',{model:{value:(_vm.selectedPaymentMode),callback:function ($$v) {_vm.selectedPaymentMode=$$v},expression:\"selectedPaymentMode\"}},[(_vm.payNowLinkEligible)?_c('el-radio',{staticClass:\"paynowRadio\",attrs:{\"label\":_vm.label,\"border\":\"\"},on:{\"change\":_vm.onChange}},[(!_vm.noBadge)?_c('img',{staticClass:\"recommendIcon\",attrs:{\"src\":_vm.assets.icon.recommendIcon}}):_vm._e(),_c('strong',[_vm._v(_vm._s(_vm.title))]),(_vm.image)?_c('img',{staticClass:\"my-3\",attrs:{\"src\":_vm.image,\"height\":\"50px\"}}):_c('i',{staticClass:\"mb-3\",class:'fa '+_vm.iconName,attrs:{\"aria-hidden\":\"true\"}}),_vm._t(\"default\")],2):_vm._e()],1)],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n
\r\n PayNow services will not be available during 21 April 2024 12:00 AM - 06:00 AM (SGT)\r\n \r\n Scan & Pay is the sustainable option and e-receipt will be sent instantaneously to your e-mail!\r\n
\r\n\r\n\r\n\r\n","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!./PublicEvent.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!./PublicEvent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PublicEvent.vue?vue&type=template&id=63b45530&scoped=true\"\nimport script from \"./PublicEvent.vue?vue&type=script&lang=js\"\nexport * from \"./PublicEvent.vue?vue&type=script&lang=js\"\nimport style0 from \"./PublicEvent.vue?vue&type=style&index=0&id=63b45530&prod&scoped=true&lang=css\"\nimport style1 from \"./PublicEvent.vue?vue&type=style&index=1&id=63b45530&prod&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 \"63b45530\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content\",attrs:{\"id\":\"LoginPageParent\"}},[_c('div',{staticClass:\"backstretch\"},[_vm._v(\"\\n \"+_vm._s(_vm.isMobile())+\"\\n \"),(_vm.isBigScreenWidth)?_c('img',{attrs:{\"src\":require(\"../assets/bg.png\")}}):_vm._e(),(!_vm.isBigScreenWidth)?_c('img',{attrs:{\"src\":require(\"../assets/mobilebg.jpg\")}}):_vm._e()]),_c('div',{staticClass:\"row login-box\"},[_c('div',{staticClass:\"login-wrap\"},[_c('div',{staticClass:\"col-md-6 mb-6 login-img\"}),(_vm.isUnderMaintenance.value())?_c('div',{staticClass:\"col-md-6 mb-6 login-form col-sm-12\"},[_c('p',[_vm._v(\"\\n We are currently performing a \"),_c('b',[_vm._v(\"Scheduled Maintenance\")]),_vm._v(\"\\n from \"),_c('strong',[_vm._v(_vm._s(_vm.isUnderMaintenance.startDate.toDateString())+\"\\n \"+_vm._s(_vm.isUnderMaintenance.startDate.toLocaleTimeString()))]),_vm._v(\"\\n to \"),_c('strong',[_vm._v(_vm._s(_vm.isUnderMaintenance.endDate.toDateString())+\"\\n \"+_vm._s(_vm.isUnderMaintenance.endDate.toLocaleTimeString()))]),_vm._v(\".\\n \")]),_vm._m(0),_c('p',[_vm._v(\"\\n We apologise for any inconvenience this may cause and your patience is highly appreciated.\\n \")])]):_c('div',{staticClass:\"col-md-6 mb-6 login-form col-sm-12\"},[_vm._m(1),_c('div',{staticClass:\"col-md-12 mb-12 col-sm-12 divLogin\"},[_c('h2',{staticStyle:{\"color\":\"#4545CE\"}},[_vm._v(_vm._s(_vm.lang(\"Welcome Back\")))])]),(_vm.results !== false && _vm.errorresults === false)?_c('el-alert',{staticClass:\"mt-3 mb-3\",attrs:{\"title\":\"Welcome Back\",\"type\":\"success\",\"description\":_vm.results,\"show-icon\":\"\"}}):_vm._e(),(_vm.errorresults !== false && _vm.results === false)?_c('el-alert',{staticClass:\"mt-3 mb-3\",attrs:{\"title\":\"\",\"type\":\"error\",\"description\":_vm.errorresults,\"show-icon\":\"\"}}):_vm._e(),_c('form',{staticClass:\"needs-validation\",on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('div',{class:{ 'form-group--error': _vm.$v.usernameInput.$error }},[_c('el-input',{staticClass:\"regInput\",attrs:{\"placeholder\":\"Email\",\"id\":\"username\"},model:{value:(_vm.$v.usernameInput.$model),callback:function ($$v) {_vm.$set(_vm.$v.usernameInput, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.usernameInput.$model\"}}),_c('div',{staticClass:\"invalid-feedback\",staticStyle:{\"width\":\"100%\"}},[_vm._v(\"\\n Your username is required.\\n \")]),(!_vm.$v.usernameInput.required)?_c('div',{staticClass:\"error\"},[_vm._v(\"Email is required\")]):_vm._e()],1),_c('div',{staticClass:\"mb-2\",class:{ 'form-group--error': _vm.$v.passwordInput.$error }},[_c('el-input',{staticClass:\"regInput\",attrs:{\"placeholder\":\"Password\",\"type\":\"password\",\"id\":\"password\"},model:{value:(_vm.$v.passwordInput.$model),callback:function ($$v) {_vm.$set(_vm.$v.passwordInput, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.passwordInput.$model\"}}),(!_vm.$v.passwordInput.required)?_c('div',{staticClass:\"error\"},[_vm._v(\"Password is required\")]):_vm._e()],1),_c('div',{staticClass:\"row d-flex mt-3 mb-5\"},[_c('div',{staticClass:\"col-md-6\"},[_c('button',{staticClass:\"g-recaptcha btn btn-primary pLoginButton\",attrs:{\"type\":\"submit\",\"data-sitekey\":\"6LfZ6rIaAAAAAOe0i6pf3rvpY0EIu9Os8ZHvWUka\"},on:{\"click\":_vm.onSubmit}},[_vm._v(_vm._s(_vm.lang(\"Login\"))+\"\\n \")])]),_c('div',{staticClass:\"col-md-6\",staticStyle:{\"text-align\":\"right\"}},[_c('small',[_c('a',{attrs:{\"href\":\"/reset-email\"}},[_vm._v(_vm._s(_vm.lang(\"Forgot password\")))])])])])])],1)])]),_c('b-modal',{ref:\"modal_Registration\",attrs:{\"id\":\"modal_Registration\",\"size\":\"lg\",\"title\":\"Registration\",\"centered\":\"\",\"hide-footer\":\"\"}},[_c('parent-register-component',{attrs:{\"email\":_vm.obj_ExternalLogin.str_Email,\"token-id\":_vm.obj_ExternalLogin.str_TokenId,\"platform\":_vm.obj_ExternalLogin.str_Platform,\"email-status\":_vm.obj_ExternalLogin.bool_EmailStatus,\"password-status\":_vm.obj_ExternalLogin.bool_PasswordStatus},on:{\"result\":_vm.hideRegisterModal}})],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',[_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"kgmLogo\"},[_c('img',{attrs:{\"src\":require(\"../assets/kagami-long.png\")}})])\n}]\n\nexport { render, staticRenderFns }","\r\n
\r\n
\r\n {{isMobile()}}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n
\r\n
\r\n \r\n\r\n\r\n \r\n
\r\n
\r\n We are currently performing a Scheduled Maintenance\r\n from {{isUnderMaintenance.startDate.toDateString()}}\r\n {{isUnderMaintenance.startDate.toLocaleTimeString()}}\r\n to {{isUnderMaintenance.endDate.toDateString()}}\r\n {{isUnderMaintenance.endDate.toLocaleTimeString()}}.\r\n
\r\n
\r\n
\r\n We apologise for any inconvenience this may cause and your patience is highly appreciated.\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n","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!./PortfolioDetails.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!./PortfolioDetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PortfolioDetails.vue?vue&type=template&id=0ed6fa1c&scoped=true\"\nimport script from \"./PortfolioDetails.vue?vue&type=script&lang=js\"\nexport * from \"./PortfolioDetails.vue?vue&type=script&lang=js\"\nimport style0 from \"./PortfolioDetails.vue?vue&type=style&index=0&id=0ed6fa1c&prod&scoped=true&lang=css\"\nimport style1 from \"./PortfolioDetails.vue?vue&type=style&index=1&id=0ed6fa1c&prod&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 \"0ed6fa1c\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container withdrawal\"},[_vm._m(0),_c('div',{staticClass:\"row form-group__wrapper\"},[_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Date of Withdrawal(Last day of attendance at school)\")]),_c('el-date-picker',{attrs:{\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\",\"type\":\"date\",\"placeholder\":\"Pick a day\",\"disabled\":\"\"},model:{value:(_vm.studentWithdrawalDate),callback:function ($$v) {_vm.studentWithdrawalDate=$$v},expression:\"studentWithdrawalDate\"}})],1),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Student NO\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputStudentIndexNO),expression:\"inputStudentIndexNO\"}],staticClass:\"form-control form__input\",attrs:{\"type\":\"text\",\"disabled\":\"\"},domProps:{\"value\":(_vm.inputStudentIndexNO)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputStudentIndexNO=$event.target.value}}})]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"*Child/Student Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputStudentName),expression:\"inputStudentName\"}],staticClass:\"form-control form__input\",class:{ 'requiredFields': _vm.$v.inputStudentName.$error },attrs:{\"type\":\"text\",\"disabled\":_vm.disabledForm},domProps:{\"value\":(_vm.inputStudentName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputStudentName=$event.target.value}}}),(_vm.$v.inputStudentName.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_vm._v(\"\\n Student name required\\n \")]):_vm._e()]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"*Level\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputStudentLevel),expression:\"inputStudentLevel\"}],staticClass:\"form-control\",class:{ 'requiredFields': _vm.$v.inputStudentLevel.$error },attrs:{\"type\":\"text\",\"disabled\":_vm.disabledForm},domProps:{\"value\":(_vm.inputStudentLevel)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputStudentLevel=$event.target.value}}}),(_vm.$v.inputStudentLevel.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_vm._v(\"\\n Student Level required\\n \")]):_vm._e()]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"*Class\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputStudentClass),expression:\"inputStudentClass\"}],staticClass:\"form-control\",class:{ 'requiredFields': _vm.$v.inputStudentClass.$error },attrs:{\"type\":\"text\",\"disabled\":_vm.disabledForm},domProps:{\"value\":(_vm.inputStudentClass)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputStudentClass=$event.target.value}}}),(_vm.$v.inputStudentClass.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_vm._v(\"\\n Student Class required\\n \")]):_vm._e()]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"*Session:Morning/Afternoon/etc\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ddlSession),expression:\"ddlSession\"}],staticClass:\"form-control\",class:{ 'requiredFields': _vm.$v.ddlSession.$error },attrs:{\"type\":\"text\",\"disabled\":_vm.disabledForm},domProps:{\"value\":(_vm.ddlSession)},on:{\"input\":function($event){if($event.target.composing)return;_vm.ddlSession=$event.target.value}}}),(_vm.$v.ddlSession.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_vm._v(\"\\n Student Session required\\n \")]):_vm._e()]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"**Reason for Withdrawal\")]),_c('el-select',{staticClass:\"w-100\",class:{ 'requiredFields': _vm.$v.ddlWithdrawalReason.$error},staticStyle:{\"border\":\"1px solid #eee\"},attrs:{\"placeholder\":\"Please Select\",\"disabled\":_vm.disabledForm},model:{value:(_vm.ddlWithdrawalReason),callback:function ($$v) {_vm.ddlWithdrawalReason=$$v},expression:\"ddlWithdrawalReason\"}},_vm._l((_vm.options),function(item){return _c('el-option',{key:item.label,attrs:{\"value\":item.value}})}),1),(_vm.ddlWithdrawalReason=='Others')?_c('el-input',{class:{ 'requiredFields': _vm.$v.ddlWithdrawalReason.$error},attrs:{\"type\":\"textarea\",\"rows\":4,\"maxlength\":\"150\",\"placeholder\":\"Please input reason\",\"disabled\":_vm.disabledForm},model:{value:(_vm.textAreaOthersReason),callback:function ($$v) {_vm.textAreaOthersReason=$$v},expression:\"textAreaOthersReason\"}}):_vm._e(),(_vm.$v.ddlWithdrawalReason.$error||(_vm.ddlWithdrawalReason=='Others'&&!_vm.textAreaOthersReason))?_c('div',{staticClass:\"requiredFieldsMsg\"},[_vm._v(\"\\n Reason for Withdrawal required\\n \")]):_vm._e()],1),_vm._m(1),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_vm._v(\"I wish to inform the School of my intention to withdraw my child. I understand the\\n need to give a minimum of 8 term-weeks, fee-paying notice, prior to the withdrawal date, for a full refund of deposit. Any balance that\\n is refundable from the deposit will be paid by cheque after that date. I understand that once my child has formally withdrawn from the\\n school, re-registration at Etonhouse schools will not be permitted unless approved by the Board of Management.\")])]),_c('div',{},[_vm._m(2),_c('div',{staticClass:\"row form-group__wrapper\"},[_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"**Name of applicant submitting this notice\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputApplicantName),expression:\"inputApplicantName\"}],staticClass:\"form-control\",class:{ 'requiredFields': _vm.$v.inputApplicantName.$error},attrs:{\"type\":\"text\",\"disabled\":_vm.disabledForm},domProps:{\"value\":(_vm.inputApplicantName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputApplicantName=$event.target.value}}}),(_vm.$v.inputApplicantName.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_vm._v(\"\\n Applicant name required\\n \")]):_vm._e()]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Name on cheque if refund is applicable\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputNameOnCheque),expression:\"inputNameOnCheque\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"disabled\":_vm.disabledForm},domProps:{\"value\":(_vm.inputNameOnCheque)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputNameOnCheque=$event.target.value}}})])])]),_c('div',{},[_vm._m(3),_c('div',{staticClass:\"row form-group__wrapper\"},[_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"*Parent Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputParentName),expression:\"inputParentName\"}],staticClass:\"form-control\",class:{ 'requiredFields': _vm.$v.inputParentName.$error},attrs:{\"type\":\"text\",\"disabled\":_vm.disabledForm},domProps:{\"value\":(_vm.inputParentName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputParentName=$event.target.value}}}),(_vm.$v.inputParentName.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_vm._v(\"\\n Parent name required\\n \")]):_vm._e()]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"*Parent Email\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputParentEmail),expression:\"inputParentEmail\"}],staticClass:\"form-control\",class:{ 'requiredFields': _vm.$v.inputParentEmail.$error},attrs:{\"type\":\"text\",\"disabled\":_vm.disabledForm},domProps:{\"value\":(_vm.inputParentEmail)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputParentEmail=$event.target.value}}}),(_vm.$v.inputParentEmail.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_vm._v(\"\\n Parent email required\\n \")]):_vm._e()]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"*Contact\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputParentContact),expression:\"inputParentContact\"}],staticClass:\"form-control\",class:{ 'requiredFields': _vm.$v.inputParentContact.$error},attrs:{\"type\":\"text\",\"disabled\":_vm.disabledForm},domProps:{\"value\":(_vm.inputParentContact)},on:{\"keypress\":_vm.isNumber,\"input\":function($event){if($event.target.composing)return;_vm.inputParentContact=$event.target.value}}}),(_vm.$v.inputParentContact.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_vm._v(\"\\n Parent contact required\\n \")]):_vm._e()]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('el-row',[_c('el-col',[_c('label',{class:{ 'requiredFields': _vm.$v.inputParentSignature.$error}},[_vm._v(\"**Please Sign Here \"+_vm._s(_vm.lblTodayDate)+\")\")])]),_c('el-col',{staticStyle:{\"text-align\":\"left\"}},[_c('el-button',{attrs:{\"type\":\"primary\",\"icon\":\"el-icon-edit\",\"disabled\":_vm.disabledForm},on:{\"click\":function($event){return _vm.showParentSignatureModal()}}})],1),(_vm.$v.inputParentSignature.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_vm._v(\"\\n Parent Signature required\\n \")]):_vm._e()],1),_c('el-row',{staticStyle:{\"text-align\":\"left\"}},[(_vm.inputParentSignature)?_c('img',{staticClass:\"imgParentSignature\",attrs:{\"src\":_vm.inputParentSignature,\"type\":\"file\",\"height\":\"150px\",\"width\":\"300px\"}}):_vm._e()])],1)])]),_c('hr'),(_vm.showOfficeUseOnlyDiv)?_c('div',{staticStyle:{\"border-width\":\"5px\"}},[_vm._m(4),_c('div',{staticClass:\"row form-group__wrapper\"},[_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"*Remark\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputRemark),expression:\"inputRemark\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.inputRemark)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputRemark=$event.target.value}}})]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"other\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputOther),expression:\"inputOther\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.inputOther)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputOther=$event.target.value}}})]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Contact\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputContact),expression:\"inputContact\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.inputContact)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputContact=$event.target.value}}})]),_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Signature \"+_vm._s(_vm.lblTodayDate))]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputOfficerSignature),expression:\"inputOfficerSignature\"}],staticClass:\"textArea\",attrs:{\"rows\":\"3\"},domProps:{\"value\":(_vm.inputOfficerSignature)},on:{\"input\":function($event){if($event.target.composing)return;_vm.inputOfficerSignature=$event.target.value}}})])])]):_vm._e(),_c('el-row',{staticStyle:{\"text-align\":\"right\"}},[_c('el-button',{attrs:{\"type\":\"primary\",\"round\":\"\",\"disabled\":_vm.disabledForm},on:{\"click\":function($event){return _vm.Validation()}}},[_vm._v(\"Submit\")])],1),_c('br'),_c('b-modal',{ref:\"showParentSignatureModal\",attrs:{\"id\":\"ParentSignatureModal\",\"size\":\"lg\",\"title\":\"Please sign here\",\"ok-only\":\"\",\"ok-variant\":\"secondary\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"col-12 mt-2\"},[_c('VueSignaturePad',{ref:\"signaturePad\",attrs:{\"id\":\"signature\",\"width\":\"100%\",\"height\":\"500px\",\"options\":{onBegin:()=>\n {this.$refs.signaturePad.resizeCanvas()}}}}),_c('br'),_c('div',[_c('el-button',{on:{\"click\":_vm.save}},[_vm._v(\"Save\")]),_c('el-button',{on:{\"click\":_vm.undo}},[_vm._v(\"Undo\")]),_c('el-button',{on:{\"click\":_vm.clear}},[_vm._v(\"Clear\")])],1)],1)])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('h3',{staticClass:\"text-center student-form__title\",attrs:{\"id\":\"\"}},[_c('b',[_vm._v(\"Withdrawal Form\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h5',{staticClass:\"text-left student-form__title\"},[_c('b',[_vm._v(\"Fee Protection Scheme (FPS)\")]),_c('br'),_vm._v(\"\\n The School will terminate the insurance under FPS on the student’s last day of School as stated above.\\n \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h5',{staticClass:\"text-left student-form__title\"},[_c('b',[_vm._v(\"Parent Contact/Detail\")]),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h5',{staticClass:\"text-left student-form__title\"},[_c('b',[_vm._v(\"(Office use only)\")]),_c('br')])\n}]\n\nexport { render, staticRenderFns }","\r\n
\r\n
\r\n
\r\n Withdrawal Form\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n Student name required\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n Student Level required\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n Student Class required\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n Student Session required\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n Reason for Withdrawal required\r\n
\r\n
\r\n
\r\n
I wish to inform the School of my intention to withdraw my child. I understand the\r\n need to give a minimum of 8 term-weeks, fee-paying notice, prior to the withdrawal date, for a full refund of deposit. Any balance that\r\n is refundable from the deposit will be paid by cheque after that date. I understand that once my child has formally withdrawn from the\r\n school, re-registration at Etonhouse schools will not be permitted unless approved by the Board of Management.
\r\n
\r\n
\r\n
\r\n Fee Protection Scheme (FPS) \r\n The School will terminate the insurance under FPS on the student’s last day of School as stated above.\r\n
\r\n\r\n\r\n\r\n\r\n","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!./StudentMovementReport.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!./StudentMovementReport.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StudentMovementReport.vue?vue&type=template&id=9fdce2a6&scoped=true\"\nimport script from \"./StudentMovementReport.vue?vue&type=script&lang=js\"\nexport * from \"./StudentMovementReport.vue?vue&type=script&lang=js\"\nimport style0 from \"./StudentMovementReport.vue?vue&type=style&index=0&id=9fdce2a6&prod&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 \"9fdce2a6\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container mt-4\",attrs:{\"id\":\"ThankYouPage\"}},[_c('div',[_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"grid-content\"},[_c('img',{staticStyle:{\"width\":\"100px\"},attrs:{\"src\":require(\"../assets/tick.png\")}}),_c('h3',{staticStyle:{\"font-weight\":\"normal\",\"font-family\":\"Gabriola\"}},[_vm._v(_vm._s(_vm.GeneralMsg)+\" Thank you.\")])])])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
{{GeneralMsg}} Thank you.
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n\r\n\r\n\r\n","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!./ThankYouPage.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!./ThankYouPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ThankYouPage.vue?vue&type=template&id=ca7a0caa&scoped=true\"\nimport script from \"./ThankYouPage.vue?vue&type=script&lang=js\"\nexport * from \"./ThankYouPage.vue?vue&type=script&lang=js\"\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 \"ca7a0caa\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"text-align\":\"left\",\"padding\":\"0px\"},attrs:{\"id\":\"travelDeclaration\"}},[_c('sideBar'),_c('div',{staticClass:\"content-body-container\",class:(_vm.parentSchIds.includes('SCH201400000480')) ? 'col-md-8' : 'col-md-11'},[_c('div',{staticClass:\"backstretch\"},[(_vm.isBigScreenWidth)?_c('img',{attrs:{\"src\":require(\"../../assets/bg.png\")}}):_vm._e(),(!_vm.isBigScreenWidth)?_c('img',{attrs:{\"src\":require(\"../../assets/mobilebg.jpg\")}}):_vm._e()]),_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-6 col-xs-12\"},[_c('h4',{staticStyle:{\"padding\":\"15px 25px\"}},[_vm._v(\"Travel Declaration / 旅行申报表\")]),_c('el-button',{staticStyle:{\"margin\":\"0 0 10px 0\",\"width\":\"100%\"},attrs:{\"type\":\"primary\",\"icon\":\"el-icon-edit\"},on:{\"click\":function($event){return _vm.showTravelDeclarationModal()}}},[_vm._v(\"\\n Add Declaration / 添加申报表\\n \")])],1),_c('div',{staticClass:\"col-lg-8 col-md-8 col-sm-8 col-xs-8\",staticStyle:{\"display\":\"inline-block\"}},[(_vm.timelineList.length > 0)?_c('ul',{staticClass:\"timeline\"},_vm._l((_vm.timelineList),function(timeline){return _c('li',[_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('div',{staticClass:\"english-version-container\"},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"Declared By / 申报者 : \"+_vm._s(timeline.CreatedByName))]),(timeline.ParTrvDclBringChild === 'Yes' && _vm.childNameList.length > 0)?_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',[_vm._v(\"Child / 孩子(们) : \")]),_c('br'),_vm._l((_vm.childNameList),function(child){return (child.ParTrvDclID === timeline.ParTrvDclID)?_c('div',{staticStyle:{\"display\":\"inline-block\",\"margin-left\":\"25px\"}},[(child.Profile_Img !== '-')?_c('img',{staticStyle:{\"width\":\"60px\",\"height\":\"80px\"},attrs:{\"src\":`data:`+child.Profile_ImgType+`;base64, ${child.Profile_Img}`}}):_vm._e(),(child.Profile_Img === '-')?_c('img',{staticStyle:{\"width\":\"60px\",\"height\":\"80px\"},attrs:{\"src\":require(\"../../assets/boy.png\")}}):_vm._e(),_c('br'),_c('span',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(_vm._s(child.StudentName))])]):_vm._e()})],2):_vm._e(),(timeline.ParTrvDclBringChild === 'No')?_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\"\\n Not traveling overseas / 没有出国\\n \")]):_vm._e(),_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"From / 从 \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclFromDate))+\" to / 至 \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclToDate)))]),(timeline.ParTrvDclTransCountry)?_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"\\n Transit / 过境 : \"+_vm._s(timeline.ParTrvDclTransCountry)+\" (\"+_vm._s(timeline.ParTrvDclTransCity)+\")\\n \"),_c('br'),_vm._v(\"Destination / 国家 : \"+_vm._s(timeline.ParTrvDclCountry)+\" (\"+_vm._s(timeline.ParTrvDclCity)+\")\\n \"),_c('br'),_vm._v(\"Date of transit / 过境日期 : \"),(!_vm.isNull(timeline.ParTrvDclTransDate))?_c('span',[_vm._v(_vm._s(_vm.convertDatetime(timeline.ParTrvDclTransDate)))]):_c('span',[_vm._v(\"-\")])]):_vm._e(),(timeline.ParTrvDclCountry && !timeline.ParTrvDclTransCountry)?_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"Travel to / 前往 \"+_vm._s(timeline.ParTrvDclCountry)+\" (\"+_vm._s(timeline.ParTrvDclCity)+\")\")]):_vm._e(),(timeline.ParTrvDclRelLeaveEndDate)?_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"\\n Last date of close contact with LOA/HQO/SHN immediate family and friends /\\n 与LOA/HQO/SHN 的家属或朋友有过密切接触的最后一天 : \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclRelLeaveEndDate))+\"\\n \")]):_vm._e(),(timeline.ParTrvDclRemark)?_c('p',[_vm._v(\"Remarks / 备注 : \"+_vm._s(timeline.ParTrvDclRemark))]):_vm._e()]),_c('el-button',{attrs:{\"type\":\"danger\"},on:{\"click\":function($event){return _vm.showDeleteTravelDeclarationModal(timeline.ParTrvDclID)}}},[_c('i',{staticClass:\"fa fa-plane\",staticStyle:{\"margin-right\":\"5px\"},attrs:{\"aria-hidden\":\"true\"}}),_c('span',[_vm._v(\"Cancel Trip / 取消行程\")])])],1)])}),0):_vm._e(),(_vm.timelineList.length === 0)?_c('ul',{staticClass:\"timeline\"},[_vm._m(0)]):_vm._e()])]),_c('b-modal',{ref:\"showTravelDeclarationModal\",attrs:{\"id\":\"TravelDeclarationModal\",\"size\":\"lg\",\"title\":\"Add Declaration / 添加申报表\",\"ok-only\":\"\",\"ok-variant\":\"secondary\",\"hide-footer\":\"\"},on:{\"hide\":function($event){return _vm.hideTravelDeclarationModal()}}},[_c('div',{staticClass:\"row form-group__wrapper\"},[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Did you / are you intending to bring your child overseas from 2 June 2020 to 31 Dec 2020?\"),_c('br'),_vm._v(\"\\n 您与您的孩子是否打算在2 June 2020 至31 Dec 2020期间出国?\\n \")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.travelOverseas),expression:\"travelOverseas\"}],staticClass:\"form-control pro-edt-select form-control-primary\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.travelOverseas=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.changeTravelOverseas]}},[_c('option',{attrs:{\"value\":\"true\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"false\"}},[_vm._v(\"No\")])])]),(_vm.travelOverseas)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Date of travel\"),_c('br'),_vm._v(\"旅行日期\")]),_c('div',{staticClass:\"date\"},[_c('el-date-picker',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"type\":\"daterange\",\"range-separator\":\"TO\",\"start-placeholder\":\"From Date\",\"end-placeholder\":\"To Date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\",\"picker-options\":_vm.datePicker},model:{value:(_vm.declareDate),callback:function ($$v) {_vm.declareDate=$$v},expression:\"declareDate\"}})],1)]):_vm._e(),(_vm.travelOverseas)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\",staticStyle:{\"margin\":\"10px 0px 20px 0px\"}},[_c('label',[_vm._v(\"Which child will you bring to overseas?\"),_c('br'),_vm._v(\"您将带哪位孩子出国?\")]),_c('el-checkbox-group',{model:{value:(_vm.studentCheckList),callback:function ($$v) {_vm.studentCheckList=$$v},expression:\"studentCheckList\"}},_vm._l((_vm.studentsInfo),function(stud){return _c('el-checkbox',{staticStyle:{\"display\":\"inline-block!important\"},attrs:{\"value\":stud.StudentID,\"label\":stud.StudentFirstName+' '+stud.StudentMiddleName+' '+stud.StudentLastName},on:{\"change\":function($event){return _vm.selectChild($event, stud)}}})}),1)],1):_vm._e(),_c('hr'),(_vm.travelOverseas)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Where is your family going on vacation?\"),_c('br'),_vm._v(\"您与您的孩子要去哪里度假呢?\")]),_c('country-select',{staticClass:\"form-control pro-edt-select form-control-primary\",attrs:{\"country\":_vm.country,\"countryName\":true},model:{value:(_vm.country),callback:function ($$v) {_vm.country=$$v},expression:\"country\"}})],1):_vm._e(),(_vm.travelOverseas)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[(_vm.country=='')?_c('label',[_vm._v(\"Which city will your family be visiting?\"),_c('br'),_vm._v(\"您与您的孩子要去哪个城市呢?\")]):_vm._e(),(_vm.country!=='')?_c('label',[_vm._v(\"Which city in \"+_vm._s(_vm.country)+\" will your family be visiting?\"),_c('br'),_vm._v(\"您的家人会去\"+_vm._s(_vm.country)+\"的哪个城市?\")]):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.region),expression:\"region\"}],staticClass:\"form-control form-control-primary\",attrs:{\"type\":\"text\",\"placeholder\":\"City\"},domProps:{\"value\":(_vm.region)},on:{\"input\":function($event){if($event.target.composing)return;_vm.region=$event.target.value}}})]):_vm._e(),(_vm.travelOverseas)?_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Will you be transiting at any other countries?\"),_c('br'),_vm._v(\"您与您的孩子会在其他国家过境吗?\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.transiting),expression:\"transiting\"}],staticClass:\"form-control pro-edt-select form-control-primary\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.transiting=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.changeTransiting]}},[_c('option',{attrs:{\"value\":\"true\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"false\"}},[_vm._v(\"No\")])])]):_vm._e(),(_vm.travelOverseas && _vm.transiting)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Please let us know which country your family will be transiting at?\"),_c('br'),_vm._v(\"你们将在哪个国家过境呢?\")]),_c('country-select',{staticClass:\"form-control pro-edt-select form-control-primary\",attrs:{\"country\":_vm.transitCountry,\"countryName\":true},model:{value:(_vm.transitCountry),callback:function ($$v) {_vm.transitCountry=$$v},expression:\"transitCountry\"}})],1):_vm._e(),(_vm.travelOverseas && _vm.transiting)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[(_vm.transitCountry=='')?_c('label',[_vm._v(\"Which city will your family be transiting?\"),_c('br'),_vm._v(\"你们将在哪个城市过境?\")]):_vm._e(),(_vm.transitCountry!=='')?_c('label',[_vm._v(\"Which city in \"+_vm._s(_vm.transitCountry)+\" will your family be transiting?\"),_c('br'),_vm._v(\"您的家人将在\"+_vm._s(_vm.transitCountry)+\"哪个城市过境呢?\")]):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.transitRegion),expression:\"transitRegion\"}],staticClass:\"form-control form-control-primary\",attrs:{\"type\":\"text\",\"placeholder\":\"City\"},domProps:{\"value\":(_vm.transitRegion)},on:{\"input\":function($event){if($event.target.composing)return;_vm.transitRegion=$event.target.value}}})]):_vm._e(),(_vm.travelOverseas && _vm.transiting)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Please let us know the date of transit\"),_c('br'),_vm._v(\"请告知我们转机日期\")]),_c('el-date-picker',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"type\":\"date\",\"placeholder\":\"Pick a Date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\"},model:{value:(_vm.transitingDate),callback:function ($$v) {_vm.transitingDate=$$v},expression:\"transitingDate\"}})],1):_vm._e(),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Did your child come into close contact with immediate family & friends living/visiting who travelled to overseas OR with anyone on Leave of Absence (LOA), Home Quarantine Order (HQO), Stay at Home Notice (SHN) issued by MOH in the last 14 days?\")]),_c('label',[_vm._v(\"在过去14天内,您的孩子是否与以下人员及其家属或朋友有过密切接触?\")]),_c('label',[_vm._v(\"- 去过出国旅游\")]),_c('label',[_vm._v(\"- 或拿缺席假 (LOA)、隔离令(HQO)或家居隔离(SHN)令\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.travelRelatedCountry),expression:\"travelRelatedCountry\"}],staticClass:\"form-control pro-edt-select form-control-primary\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.travelRelatedCountry=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.changeTravelRelatedCountry]}},[_c('option',{attrs:{\"value\":\"true\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"false\"}},[_vm._v(\"No\")])])]),(_vm.travelRelatedCountry)?_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"When did your child last come into contact with this person(s)/when will the last date of contact with this person be? OR What is the last date of the person(s) LOA/HQO/SHN?\")]),_c('label',[_vm._v(\"请问您和您的孩子最后与以上所述之人接触是或会是什么时候?请问以上所述之人缺席假 (LOA)、隔离令(HQO)或家居隔离(SHN)的最后一天是什么时候?\")]),_c('el-date-picker',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"type\":\"date\",\"placeholder\":\"Pick a Date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\"},model:{value:(_vm.travelRelatedCountryLastDate),callback:function ($$v) {_vm.travelRelatedCountryLastDate=$$v},expression:\"travelRelatedCountryLastDate\"}})],1):_vm._e(),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Remarks\"),_c('br'),_vm._v(\"备注\")]),_c('el-input',{attrs:{\"type\":\"textarea\",\"rows\":6,\"maxlength\":\"3000\",\"placeholder\":\"Please input remarks / 请填写备注\"},model:{value:(_vm.remarks),callback:function ($$v) {_vm.remarks=$$v},expression:\"remarks\"}})],1),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin\":\"20px 0 0 0\"}},[_c('el-button',{attrs:{\"type\":\"default\"},on:{\"click\":function($event){return _vm.hideTravelDeclarationModal()}}},[_vm._v(_vm._s(_vm.lang(\"Cancel\"))+\" / 取消\")]),_c('el-button',{staticStyle:{\"float\":\"right\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.saveDeclaration()}}},[_vm._v(_vm._s(_vm.lang(\"Add\"))+\" / 添加\")])],1)])]),_c('b-modal',{ref:\"showDeleteTravelDeclarationModal\",attrs:{\"id\":\"DeleteTravelDeclarationModal\",\"size\":\"lg\",\"title\":\"Confirmation of cancellation / 取消确认\",\"centered\":\"\",\"ok-title\":_vm.lang('Confirm') + '/ 确认',\"cancel-title\":_vm.lang('Cancel') + '/ 取消',\"hide-footer\":\"\"},on:{\"ok\":function($event){return _vm.deleteDeclaration()},\"hide\":function($event){return _vm.hideDeleteTravelDeclarationModal()},\"cancel\":function($event){return _vm.hideDeleteTravelDeclarationModal()}}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('h5',[_vm._v(\"Are you sure you would like to cancel this trip?\"),_c('br'),_vm._v(\"您确定要取消此行吗?\")])]),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Reason\"),_c('br'),_vm._v(\"理由\")]),_c('el-select',{model:{value:(_vm.ddlCancelTrip),callback:function ($$v) {_vm.ddlCancelTrip=$$v},expression:\"ddlCancelTrip\"}},_vm._l((_vm.ddlCancelTripList),function(item,iKey){return _c('el-option',{key:iKey,attrs:{\"label\":item.label,\"value\":item.label,\"placeholder\":\"Select Reason\"}})}),1)],1),(_vm.ddlCancelTrip === 'Others')?_c('div',{staticClass:\"delete-declaration-remarks-container col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Remarks\"),_c('br'),_vm._v(\"备注\")]),_c('el-input',{attrs:{\"type\":\"textarea\",\"rows\":6,\"maxlength\":\"3000\",\"placeholder\":\"Please input remarks / 请填写备注\"},model:{value:(_vm.deleteRemarks),callback:function ($$v) {_vm.deleteRemarks=$$v},expression:\"deleteRemarks\"}})],1):_vm._e()]),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin\":\"20px 0 0 0\"}},[_c('el-button',{attrs:{\"type\":\"default\"},on:{\"click\":function($event){return _vm.hideDeleteTravelDeclarationModal()}}},[_vm._v(_vm._s(_vm.lang(\"Cancel\"))+\" / 取消\")]),_c('el-button',{staticStyle:{\"float\":\"right\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.deleteDeclaration()}}},[_vm._v(_vm._s(_vm.lang(\"Confirm\"))+\" / 确认\")])],1)])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('li',[_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"No travel declaration found.\"),_c('br'),_vm._v(\"没有旅行申报。\")])]),_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"A new travel declaration is required.\"),_c('br'),_vm._v(\"即使没有计划出国,也需要添加旅行申报。\")])])])\n}]\n\nexport { render, staticRenderFns }","\r\n\r\n
From / 从 {{convertDatetime(timeline.ParTrvDclFromDate)}} to / 至 {{convertDatetime(timeline.ParTrvDclToDate)}}
\r\n
\r\n Transit / 过境 : {{timeline.ParTrvDclTransCountry}} ({{timeline.ParTrvDclTransCity}})\r\n Destination / 国家 : {{timeline.ParTrvDclCountry}} ({{timeline.ParTrvDclCity}})\r\n Date of transit / 过境日期 : {{convertDatetime(timeline.ParTrvDclTransDate)}}-\r\n
\r\n
Travel to / 前往 {{timeline.ParTrvDclCountry}} ({{timeline.ParTrvDclCity}})
\r\n
\r\n Last date of close contact with LOA/HQO/SHN immediate family and friends /\r\n 与LOA/HQO/SHN 的家属或朋友有过密切接触的最后一天 : {{convertDatetime(timeline.ParTrvDclRelLeaveEndDate)}}\r\n
\r\n
Remarks / 备注 : {{timeline.ParTrvDclRemark}}
\r\n
\r\n\r\n \r\n \r\n Cancel Trip / 取消行程\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
No travel declaration found. 没有旅行申报。
\r\n
\r\n\r\n
\r\n
A new travel declaration is required. 即使没有计划出国,也需要添加旅行申报。
\r\n assignment_late Verification\r\n \r\n Please verify the information below. Please do not save draft and inform your PLO if the information is incorrect.\r\n \r\n \r\n
\r\n
\r\n Select the names of teachers to be included in Summative Report:\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","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!./StaffEventCalendar.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!./StaffEventCalendar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StaffEventCalendar.vue?vue&type=template&id=1ca7e404&scoped=true\"\nimport script from \"./StaffEventCalendar.vue?vue&type=script&lang=js\"\nexport * from \"./StaffEventCalendar.vue?vue&type=script&lang=js\"\nimport style0 from \"./StaffEventCalendar.vue?vue&type=style&index=0&id=1ca7e404&prod&scoped=true&lang=css\"\nimport style1 from \"./StaffEventCalendar.vue?vue&type=style&index=1&id=1ca7e404&prod&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 \"1ca7e404\",\n null\n \n)\n\nexport default component.exports","\r\n
\r\n\r\n\r\n\r\n\r\n\r\n
\r\n \r\n
\r\n
\r\n\r\n\r\n\r\n\r\n","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!./StaffEvent.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!./StaffEvent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StaffEvent.vue?vue&type=template&id=2cc3eaf0&scoped=true\"\nimport script from \"./StaffEvent.vue?vue&type=script&lang=js\"\nexport * from \"./StaffEvent.vue?vue&type=script&lang=js\"\nimport style0 from \"./StaffEvent.vue?vue&type=style&index=0&id=2cc3eaf0&prod&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 \"2cc3eaf0\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"text-align\":\"center\",\"padding\":\"0px\"},attrs:{\"id\":\"travelDeclaration\"}},[_c('div',{staticClass:\"content-body-container col-md-12\"},[_c('div',{staticClass:\"backstretch\"},[(_vm.isBigScreenWidth)?_c('img',{attrs:{\"src\":require(\"../assets/bg.png\")}}):_vm._e(),(!_vm.isBigScreenWidth)?_c('img',{attrs:{\"src\":require(\"../assets/mobilebg.jpg\")}}):_vm._e()]),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('h4',{staticClass:\"td-default-title\"},[_vm._v(\"Travel Declaration / 旅行申报表\")]),_c('div',{staticStyle:{\"width\":\"30%\",\"margin\":\"0 auto\"}},[_c('el-button',{staticStyle:{\"margin\":\"0 0 10px 0\",\"max-width\":\"100%\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.showTravelDeclarationModal()}}},[_vm._v(\"\\n Add Declaration | 添加申报表\\n \")])],1)]),_c('div',[(_vm.timelineList.length > 0)?_c('ul',{staticClass:\"timeline\",staticStyle:{\"margin\":\"0px\"}},_vm._l((_vm.timelineList),function(timeline){return _c('li',[_c('div',{staticClass:\"each-timeline-container\"},[_c('div',{staticClass:\"timeline-date\"},[_vm._v(\"\\n \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclFromDate))+\"\\n \"),_c('span',{staticStyle:{\"color\":\"#1890FF\"}},[_vm._v(\" > \")]),_vm._v(\"\\n \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclToDate))+\"\\n \")]),_c('div',{staticClass:\"each-timeline row\",staticStyle:{\"margin\":\"0px\"}},[(timeline.ParTrvDclBringChild === 'Yes' && _vm.childNameList.length > 0)?_c('div',{staticClass:\"tl-child-container row\"},[_vm._m(0,true),_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\"}},_vm._l((_vm.childNameList),function(child){return (child.ParTrvDclID === timeline.ParTrvDclID)?_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"10px\"}},[(child.Profile_Img !== '-')?_c('img',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\"},attrs:{\"src\":`data:`+child.Profile_ImgType+`;base64, ${child.Profile_Img}`}}):_vm._e(),(child.Profile_Img === '-')?_c('img',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\"},attrs:{\"src\":require(\"../assets/tdChild.png\")}}):_vm._e(),_c('span',{staticClass:\"tl-child-name\"},[_vm._v(_vm._s(child.StudentName))])]):_vm._e()}),0),_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"align-self\":\"flex-end\"}},[_c('el-button',{staticStyle:{\"white-space\":\"normal\",\"padding\":\"6px 10px\"},attrs:{\"type\":\"danger\"},on:{\"click\":function($event){return _vm.showDeleteTravelDeclarationModal(timeline.ParTrvDclID)}}},[_c('i',{staticClass:\"fa fa-plane\",staticStyle:{\"margin-right\":\"5px\"},attrs:{\"aria-hidden\":\"true\"}}),_c('span',[_vm._v(\"Cancel Trip / 取消行程\")])])],1)]):_vm._e(),_c('div',{staticClass:\"tl-content-container row\",class:(timeline.ParTrvDclBringChild === 'Yes' && _vm.childNameList.length > 0) ? 'left' : 'full'},[_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\"}},[_c('div',{staticClass:\"tl-content-declared\"},[_c('div',[_c('span',{staticStyle:{\"color\":\"#7C8799\"}},[_vm._v(\"Declared By / 申报者:\")]),_c('span',{staticStyle:{\"margin-left\":\"5px\",\"color\":\"#1890FF\"}},[_vm._v(_vm._s(timeline.CreatedByName))])]),(timeline.ParTrvDclBringChild === 'No')?_c('div',[_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.85)\",\"font-weight\":\"600\"}},[_vm._v(\"Not traveling overseas | 没有出国\")])]):_vm._e()]),(timeline.ParTrvDclBringChild === 'No')?_c('div',{staticStyle:{\"width\":\"40%\",\"margin-left\":\"auto\",\"text-align\":\"right\"}},[_c('el-button',{staticStyle:{\"white-space\":\"normal\"},attrs:{\"type\":\"danger\"},on:{\"click\":function($event){return _vm.showDeleteTravelDeclarationModal(timeline.ParTrvDclID)}}},[_c('i',{staticClass:\"fa fa-plane\",staticStyle:{\"margin-right\":\"5px\"},attrs:{\"aria-hidden\":\"true\"}}),_c('span',[_vm._v(\"Cancel Trip / 取消行程\")])])],1):_vm._e()]),(timeline.ParTrvDclCountry)?_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\",\"background\":\"#F0F0F0\",\"border-radius\":\"4px\",\"padding\":\"15px\"}},[(timeline.ParTrvDclTransCountry)?_c('div',{staticStyle:{\"width\":\"30%\"}},[_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.85)\",\"font-size\":\"12px\"}},[_vm._v(\"Transit | 过境\")]),_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.85)\",\"font-weight\":\"600\"}},[_vm._v(\"\\n \"+_vm._s(timeline.ParTrvDclTransCountry)+\" (\"+_vm._s(timeline.ParTrvDclTransCity)+\")\\n \")])]):_vm._e(),(timeline.ParTrvDclTransCountry)?_c('div',{staticStyle:{\"width\":\"3%\",\"margin\":\"20px 15px 20px 0px\"}},[_c('span',{staticStyle:{\"color\":\"#1890FF\"}},[_vm._v(\" > \")])]):_vm._e(),(timeline.ParTrvDclCountry)?_c('div',{staticStyle:{\"width\":\"30%\"}},[_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.85)\",\"font-size\":\"12px\"}},[_vm._v(\"Destination | 国家\")]),_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.85)\",\"font-weight\":\"600\"}},[_vm._v(\"\\n \"+_vm._s(timeline.ParTrvDclCountry)+\" \"),(timeline.ParTrvDclCity)?_c('span',[_vm._v(\"(\"+_vm._s(timeline.ParTrvDclCity)+\")\")]):_vm._e()])]):_vm._e(),(timeline.ParTrvDclTransCountry)?_c('div',{staticStyle:{\"width\":\"30%\",\"margin-left\":\"auto\",\"text-align\":\"center\"}},[(!_vm.isNull(timeline.ParTrvDclTransDate))?_c('span',{staticStyle:{\"color\":\"#1890FF\",\"font-weight\":\"600\"}},[_vm._v(\"\\n \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclTransDate))+\"\\n \")]):_c('span',[_vm._v(\"-\")]),_c('span',{staticStyle:{\"color\":\"#7C8799\",\"font-size\":\"12px\"}},[_vm._v(\"Date of transit | 过境日期\")])]):_vm._e()]):_vm._e(),(timeline.ParTrvDclRelLeaveEndDate)?_c('hr',{staticStyle:{\"width\":\"100%\",\"margin\":\"0px 0px 20px 0px\"}}):_vm._e(),(timeline.ParTrvDclRelLeaveEndDate)?_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\"}},[_vm._m(1,true),_c('div',{staticClass:\"tl-content-lastdate\",staticStyle:{\"margin-left\":\"auto\",\"text-align\":\"right\"}},[_c('span',{staticStyle:{\"color\":\"#1890FF\",\"font-weight\":\"600\"}},[_vm._v(_vm._s(_vm.convertDatetime(timeline.ParTrvDclRelLeaveEndDate)))])])]):_vm._e(),_c('hr',{staticStyle:{\"width\":\"100%\",\"margin\":\"0px 0px 20px 0px\"}}),(timeline.ParTrvDclRemark)?_c('div',{staticClass:\"tl-common-div row\"},[_c('span',{staticStyle:{\"color\":\"#7C8799\"}},[_vm._v(\"Remarks / 备注:\")]),_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.8)\",\"margin-left\":\"10px\",\"white-space\":\"pre-line\"}},[_vm._v(_vm._s(timeline.ParTrvDclRemark))])]):_vm._e()])])])])}),0):_vm._e(),(_vm.timelineList.length === 0)?_c('ul',{staticClass:\"timeline\"},[_vm._m(2)]):_vm._e()]),_c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-6 col-xs-12\",staticStyle:{\"display\":\"none\"}},[_c('h4',{staticStyle:{\"padding\":\"15px 25px\"}},[_vm._v(\"Travel Declaration / 旅行申报表\")]),_c('el-button',{staticStyle:{\"margin\":\"0 0 10px 0\",\"width\":\"100%\"},attrs:{\"type\":\"primary\",\"icon\":\"el-icon-edit\"},on:{\"click\":function($event){return _vm.showTravelDeclarationModal()}}},[_vm._v(\"\\n Add Declaration / 添加申报表\\n \")])],1),_c('div',{staticClass:\"col-lg-8 col-md-8 col-sm-8 col-xs-8\",staticStyle:{\"display\":\"none\"}},[(_vm.timelineList.length > 0)?_c('ul',{staticClass:\"timeline\"},_vm._l((_vm.timelineList),function(timeline){return _c('li',[_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('div',{staticClass:\"english-version-container\"},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"Declared By / 申报者 : \"+_vm._s(timeline.CreatedByName))]),(timeline.ParTrvDclBringChild === 'Yes' && _vm.childNameList.length > 0)?_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_c('span',[_vm._v(\"Child / 孩子(们) : \")]),_c('br'),_vm._l((_vm.childNameList),function(child){return (child.ParTrvDclID === timeline.ParTrvDclID)?_c('div',{staticStyle:{\"display\":\"inline-block\",\"margin-left\":\"25px\"}},[(child.Profile_Img !== '-')?_c('img',{staticStyle:{\"width\":\"60px\",\"height\":\"80px\"},attrs:{\"src\":`data:`+child.Profile_ImgType+`;base64, ${child.Profile_Img}`}}):_vm._e(),(child.Profile_Img === '-')?_c('img',{staticStyle:{\"width\":\"60px\",\"height\":\"80px\"},attrs:{\"src\":require(\"../assets/boy.png\")}}):_vm._e(),_c('br'),_c('span',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(_vm._s(child.StudentName))])]):_vm._e()})],2):_vm._e(),(timeline.ParTrvDclBringChild === 'No')?_c('div',{staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\"\\n Not traveling overseas / 没有出国\\n \")]):_vm._e(),_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"From / 从 \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclFromDate))+\" to / 至 \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclToDate)))]),(timeline.ParTrvDclTransCountry)?_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"\\n Transit / 过境 : \"+_vm._s(timeline.ParTrvDclTransCountry)+\" (\"+_vm._s(timeline.ParTrvDclTransCity)+\")\\n \"),_c('br'),_vm._v(\"Destination / 国家 : \"+_vm._s(timeline.ParTrvDclCountry)+\" (\"+_vm._s(timeline.ParTrvDclCity)+\")\\n \"),_c('br'),_vm._v(\"Date of transit / 过境日期 : \"),(!_vm.isNull(timeline.ParTrvDclTransDate))?_c('span',[_vm._v(_vm._s(_vm.convertDatetime(timeline.ParTrvDclTransDate)))]):_c('span',[_vm._v(\"-\")])]):_vm._e(),(timeline.ParTrvDclCountry && !timeline.ParTrvDclTransCountry)?_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"Travel to / 前往 \"+_vm._s(timeline.ParTrvDclCountry)+\" (\"+_vm._s(timeline.ParTrvDclCity)+\")\")]):_vm._e(),(timeline.ParTrvDclRelLeaveEndDate)?_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"\\n Last date of close contact with LOA/HQO/SHN immediate family and friends /\\n 与LOA/HQO/SHN 的家属或朋友有过密切接触的最后一天 : \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclRelLeaveEndDate))+\"\\n \")]):_vm._e(),(timeline.ParTrvDclRemark)?_c('p',[_vm._v(\"Remarks / 备注 : \"+_vm._s(timeline.ParTrvDclRemark))]):_vm._e()]),_c('el-button',{attrs:{\"type\":\"danger\"},on:{\"click\":function($event){return _vm.showDeleteTravelDeclarationModal(timeline.ParTrvDclID)}}},[_c('i',{staticClass:\"fa fa-plane\",staticStyle:{\"margin-right\":\"5px\"},attrs:{\"aria-hidden\":\"true\"}}),_c('span',[_vm._v(\"Cancel Trip / 取消行程\")])])],1)])}),0):_vm._e(),(_vm.timelineList.length === 0)?_c('ul',{staticClass:\"timeline\"},[_vm._m(3)]):_vm._e()])]),_c('b-modal',{ref:\"showTravelDeclarationModal\",attrs:{\"id\":\"TravelDeclarationModal\",\"size\":\"lg\",\"title\":\"Add Declaration / 添加申报表\",\"ok-only\":\"\",\"ok-variant\":\"secondary\",\"hide-footer\":\"\"},on:{\"hide\":function($event){return _vm.hideTravelDeclarationModal()}}},[_c('div',{staticClass:\"row form-group__wrapper\"},[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Did you / are you intending to bring your child overseas from 1 Jan 2022 to 31 Dec 2022?\"),_c('br'),_vm._v(\"\\n 您与您的孩子是否打算在1 Jan 2022 至31 Dec 2022期间出国?\\n \")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.travelOverseas),expression:\"travelOverseas\"}],staticClass:\"form-control pro-edt-select form-control-primary\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.travelOverseas=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.changeTravelOverseas]}},[_c('option',{attrs:{\"value\":\"true\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"false\"}},[_vm._v(\"No\")])])]),(_vm.travelOverseas)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Date of travel\"),_c('br'),_vm._v(\"旅行日期\")]),_c('div',{staticClass:\"date\"},[_c('el-date-picker',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"type\":\"daterange\",\"range-separator\":\"TO\",\"start-placeholder\":\"From Date\",\"end-placeholder\":\"To Date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\",\"picker-options\":_vm.datePicker},model:{value:(_vm.declareDate),callback:function ($$v) {_vm.declareDate=$$v},expression:\"declareDate\"}})],1)]):_vm._e(),(_vm.travelOverseas)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\",staticStyle:{\"margin\":\"10px 0px 20px 0px\"}},[_c('label',[_vm._v(\"Which child will you bring to overseas?\"),_c('br'),_vm._v(\"您将带哪位孩子出国?\")]),_c('el-checkbox-group',{model:{value:(_vm.studentCheckList),callback:function ($$v) {_vm.studentCheckList=$$v},expression:\"studentCheckList\"}},_vm._l((_vm.studentsInfo),function(stud){return _c('el-checkbox',{staticStyle:{\"display\":\"inline-block!important\"},attrs:{\"value\":stud.StudentID,\"label\":stud.StudentFirstName+' '+stud.StudentMiddleName+' '+stud.StudentLastName},on:{\"change\":function($event){return _vm.selectChild($event, stud)}}})}),1)],1):_vm._e(),(_vm.travelOverseas)?_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin\":\"10px 0px 20px 0px\"}},[_c('el-checkbox-group',{model:{value:(_vm.cruiseToNoWhere),callback:function ($$v) {_vm.cruiseToNoWhere=$$v},expression:\"cruiseToNoWhere\"}},[_c('el-checkbox',{staticStyle:{\"display\":\"inline-block!important\"},attrs:{\"label\":\"Cruise To NoWhere\"}})],1)],1):_vm._e(),_c('hr'),((_vm.travelOverseas && !_vm.cruiseToNoWhere))?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Where is your family going on vacation?\"),_c('br'),_vm._v(\"您与您的孩子要去哪里度假呢?\")]),_c('country-select',{staticClass:\"form-control pro-edt-select form-control-primary\",attrs:{\"country\":_vm.country,\"countryName\":true},model:{value:(_vm.country),callback:function ($$v) {_vm.country=$$v},expression:\"country\"}})],1):_vm._e(),((_vm.travelOverseas && !_vm.cruiseToNoWhere))?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[(_vm.country=='')?_c('label',[_vm._v(\"Which city will your family be visiting?\"),_c('br'),_vm._v(\"您与您的孩子要去哪个城市呢?\")]):_vm._e(),(_vm.country!=='')?_c('label',[_vm._v(\"Which city in \"+_vm._s(_vm.country)+\" will your family be visiting?\"),_c('br'),_vm._v(\"您的家人会去\"+_vm._s(_vm.country)+\"的哪个城市?\")]):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.region),expression:\"region\"}],staticClass:\"form-control form-control-primary\",attrs:{\"type\":\"text\",\"placeholder\":\"City\"},domProps:{\"value\":(_vm.region)},on:{\"input\":function($event){if($event.target.composing)return;_vm.region=$event.target.value}}})]):_vm._e(),((_vm.travelOverseas && !_vm.cruiseToNoWhere))?_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Will you be transiting at any other countries?\"),_c('br'),_vm._v(\"您与您的孩子会在其他国家过境吗?\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.transiting),expression:\"transiting\"}],staticClass:\"form-control pro-edt-select form-control-primary\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.transiting=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.changeTransiting]}},[_c('option',{attrs:{\"value\":\"true\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"false\"}},[_vm._v(\"No\")])])]):_vm._e(),((_vm.travelOverseas && !_vm.cruiseToNoWhere) && _vm.transiting)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Please let us know which country your family will be transiting at?\"),_c('br'),_vm._v(\"你们将在哪个国家过境呢?\")]),_c('country-select',{staticClass:\"form-control pro-edt-select form-control-primary\",attrs:{\"country\":_vm.transitCountry,\"countryName\":true},model:{value:(_vm.transitCountry),callback:function ($$v) {_vm.transitCountry=$$v},expression:\"transitCountry\"}})],1):_vm._e(),((_vm.travelOverseas && !_vm.cruiseToNoWhere) && _vm.transiting)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[(_vm.transitCountry=='')?_c('label',[_vm._v(\"Which city will your family be transiting?\"),_c('br'),_vm._v(\"你们将在哪个城市过境?\")]):_vm._e(),(_vm.transitCountry!=='')?_c('label',[_vm._v(\"Which city in \"+_vm._s(_vm.transitCountry)+\" will your family be transiting?\"),_c('br'),_vm._v(\"您的家人将在\"+_vm._s(_vm.transitCountry)+\"哪个城市过境呢?\")]):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.transitRegion),expression:\"transitRegion\"}],staticClass:\"form-control form-control-primary\",attrs:{\"type\":\"text\",\"placeholder\":\"City\"},domProps:{\"value\":(_vm.transitRegion)},on:{\"input\":function($event){if($event.target.composing)return;_vm.transitRegion=$event.target.value}}})]):_vm._e(),((_vm.travelOverseas && !_vm.cruiseToNoWhere) && _vm.transiting)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Please let us know the date of transit\"),_c('br'),_vm._v(\"请告知我们转机日期\")]),_c('el-date-picker',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"type\":\"date\",\"placeholder\":\"Pick a Date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\"},model:{value:(_vm.transitingDate),callback:function ($$v) {_vm.transitingDate=$$v},expression:\"transitingDate\"}})],1):_vm._e(),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Did your child come into close contact with immediate family & friends living/visiting who travelled to overseas OR with anyone on Leave of Absence (LOA), Home Quarantine Order (HQO), Stay at Home Notice (SHN) issued by MOH in the last 14 days?\")]),_c('label',[_vm._v(\"在过去14天内,您的孩子是否与以下人员及其家属或朋友有过密切接触?\")]),_c('label',[_vm._v(\"- 去过出国旅游\")]),_c('label',[_vm._v(\"- 或拿缺席假 (LOA)、隔离令(HQO)或家居隔离(SHN)令\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.travelRelatedCountry),expression:\"travelRelatedCountry\"}],staticClass:\"form-control pro-edt-select form-control-primary\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.travelRelatedCountry=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.changeTravelRelatedCountry]}},[_c('option',{attrs:{\"value\":\"true\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"false\"}},[_vm._v(\"No\")])])]),(_vm.travelRelatedCountry)?_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"When did your child last come into contact with this person(s)/when will the last date of contact with this person be? OR What is the last date of the person(s) LOA/HQO/SHN?\")]),_c('label',[_vm._v(\"请问您和您的孩子最后与以上所述之人接触是或会是什么时候?请问以上所述之人缺席假 (LOA)、隔离令(HQO)或家居隔离(SHN)的最后一天是什么时候?\")]),_c('el-date-picker',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"type\":\"date\",\"placeholder\":\"Pick a Date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\"},model:{value:(_vm.travelRelatedCountryLastDate),callback:function ($$v) {_vm.travelRelatedCountryLastDate=$$v},expression:\"travelRelatedCountryLastDate\"}})],1):_vm._e(),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Remarks\"),_c('br'),_vm._v(\"备注\")]),_c('el-input',{attrs:{\"type\":\"textarea\",\"rows\":6,\"maxlength\":\"3000\",\"placeholder\":\"Please input remarks / 请填写备注\"},model:{value:(_vm.remarks),callback:function ($$v) {_vm.remarks=$$v},expression:\"remarks\"}})],1),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin\":\"20px 0 0 0\"}},[_c('el-button',{attrs:{\"type\":\"default\"},on:{\"click\":function($event){return _vm.hideTravelDeclarationModal()}}},[_vm._v(_vm._s(_vm.lang(\"Cancel\"))+\" / 取消\")]),_c('el-button',{staticStyle:{\"float\":\"right\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.saveDeclaration()}}},[_vm._v(_vm._s(_vm.lang(\"Add\"))+\" / 添加\")])],1)])]),_c('b-modal',{ref:\"showDeleteTravelDeclarationModal\",attrs:{\"id\":\"DeleteTravelDeclarationModal\",\"size\":\"lg\",\"title\":\"Confirmation of cancellation / 取消确认\",\"centered\":\"\",\"ok-title\":_vm.lang('Confirm') + '/ 确认',\"cancel-title\":_vm.lang('Cancel') + '/ 取消',\"hide-footer\":\"\"},on:{\"ok\":function($event){return _vm.deleteDeclaration()},\"hide\":function($event){return _vm.hideDeleteTravelDeclarationModal()},\"cancel\":function($event){return _vm.hideDeleteTravelDeclarationModal()}}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('h5',[_vm._v(\"Are you sure you would like to cancel this trip?\"),_c('br'),_vm._v(\"您确定要取消此行吗?\")])]),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Reason\"),_c('br'),_vm._v(\"理由\")]),_c('el-select',{model:{value:(_vm.ddlCancelTrip),callback:function ($$v) {_vm.ddlCancelTrip=$$v},expression:\"ddlCancelTrip\"}},_vm._l((_vm.ddlCancelTripList),function(item,iKey){return _c('el-option',{key:iKey,attrs:{\"label\":item.label,\"value\":item.label,\"placeholder\":\"Select Reason\"}})}),1)],1),(_vm.ddlCancelTrip === 'Others')?_c('div',{staticClass:\"delete-declaration-remarks-container col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Remarks\"),_c('br'),_vm._v(\"备注\")]),_c('el-input',{attrs:{\"type\":\"textarea\",\"rows\":6,\"maxlength\":\"3000\",\"placeholder\":\"Please input remarks / 请填写备注\"},model:{value:(_vm.deleteRemarks),callback:function ($$v) {_vm.deleteRemarks=$$v},expression:\"deleteRemarks\"}})],1):_vm._e()]),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin\":\"20px 0 0 0\"}},[_c('el-button',{attrs:{\"type\":\"default\"},on:{\"click\":function($event){return _vm.hideDeleteTravelDeclarationModal()}}},[_vm._v(_vm._s(_vm.lang(\"Cancel\"))+\" / 取消\")]),_c('el-button',{staticStyle:{\"float\":\"right\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.deleteDeclaration()}}},[_vm._v(_vm._s(_vm.lang(\"Confirm\"))+\" / 确认\")])],1)])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\"}},[_c('span',{staticStyle:{\"color\":\"#46525B\",\"font-weight\":\"600\",\"display\":\"block\"}},[_vm._v(\"Child | 孩子(们)\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"width\":\"70%\"}},[_c('span',{staticStyle:{\"color\":\"#7C8799\",\"display\":\"block\"}},[_vm._v(\"Last date of close contact with LOA/HQO/SHN immediate family and friends\")]),_c('span',{staticStyle:{\"color\":\"#7C8799\",\"display\":\"block\"}},[_vm._v(\"与LOA/HQO/SHN 的家属或朋友有过密切接触的最后一天\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('li',[_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"No travel declaration found.\"),_c('br'),_vm._v(\"没有旅行申报。\")])]),_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"A new travel declaration is required.\"),_c('br'),_vm._v(\"即使没有计划出国,也需要添加旅行申报。\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('li',[_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"No travel declaration found.\"),_c('br'),_vm._v(\"没有旅行申报。\")])]),_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"A new travel declaration is required.\"),_c('br'),_vm._v(\"即使没有计划出国,也需要添加旅行申报。\")])])])\n}]\n\nexport { render, staticRenderFns }","\r\n\r\n
From / 从 {{convertDatetime(timeline.ParTrvDclFromDate)}} to / 至 {{convertDatetime(timeline.ParTrvDclToDate)}}
\r\n
\r\n Transit / 过境 : {{timeline.ParTrvDclTransCountry}} ({{timeline.ParTrvDclTransCity}})\r\n Destination / 国家 : {{timeline.ParTrvDclCountry}} ({{timeline.ParTrvDclCity}})\r\n Date of transit / 过境日期 : {{convertDatetime(timeline.ParTrvDclTransDate)}}-\r\n
\r\n
Travel to / 前往 {{timeline.ParTrvDclCountry}} ({{timeline.ParTrvDclCity}})
\r\n
\r\n Last date of close contact with LOA/HQO/SHN immediate family and friends /\r\n 与LOA/HQO/SHN 的家属或朋友有过密切接触的最后一天 : {{convertDatetime(timeline.ParTrvDclRelLeaveEndDate)}}\r\n
\r\n
Remarks / 备注 : {{timeline.ParTrvDclRemark}}
\r\n
\r\n\r\n \r\n \r\n Cancel Trip / 取消行程\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
No travel declaration found. 没有旅行申报。
\r\n
\r\n\r\n
\r\n
A new travel declaration is required. 即使没有计划出国,也需要添加旅行申报。
\r\n\r\n\r\n\r\n\r\n","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!./StaffDM.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!./StaffDM.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StaffDM.vue?vue&type=template&id=37c56e8c&scoped=true\"\nimport script from \"./StaffDM.vue?vue&type=script&lang=js\"\nexport * from \"./StaffDM.vue?vue&type=script&lang=js\"\nimport style0 from \"./StaffDM.vue?vue&type=style&index=0&id=37c56e8c&prod&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 \"37c56e8c\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"tempStaffBilling\"}},[_c('div',{staticClass:\"content-body-container\"},[_c('div',{staticStyle:{\"text-align\":\"left\"}},[_c('h3',[_vm._v(\"Invoice List\")]),(_vm.invoiceList.length > 0)?_c('div',{staticClass:\"temp-invoice-list-container\"},[_c('data-tables',{attrs:{\"data\":_vm.invoiceList,\"action-col\":_vm.invoiceListAction}},_vm._l((_vm.invoiceListTable),function(item){return _c('el-table-column',{key:item.prop,attrs:{\"min-width\":\"50px\",\"prop\":item.prop,\"label\":item.label,\"sortable\":\"custom\"}})}),1)],1):_vm._e()])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
Invoice List
\r\n\r\n
0\">\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","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!./TempStaffBilling.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!./TempStaffBilling.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TempStaffBilling.vue?vue&type=template&id=82169c72&scoped=true\"\nimport script from \"./TempStaffBilling.vue?vue&type=script&lang=js\"\nexport * from \"./TempStaffBilling.vue?vue&type=script&lang=js\"\nimport style0 from \"./TempStaffBilling.vue?vue&type=style&index=0&id=82169c72&prod&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 \"82169c72\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"dailyRoutineParent\"}},[_c('div',{staticClass:\"container\",staticStyle:{\"text-align\":\"left\",\"padding\":\"20px\",\"background\":\"#ffffff\"}},[_c('h4',[_vm._v(_vm._s(_vm.lang('Daily Routine')))]),_c('div',{staticClass:\"row\",staticStyle:{\"margin\":\"0px\"}},[_c('div',{staticClass:\"pdr-student-selection-container\",staticStyle:{\"width\":\"48%\"}},[_c('label',[_vm._v(\"Select Child\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedStud),expression:\"selectedStud\"}],staticClass:\"form-control\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedStud=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.getDailyRoutine()}]}},_vm._l((_vm.parStudentsInfo),function(stud){return _c('option',{domProps:{\"value\":stud.StudentID}},[_vm._v(\"\\n \"+_vm._s(stud.StudentFirstName + stud.StudentMiddleName + stud.StudentLastName)+\"\\n \")])}),0)]),_c('div',{staticClass:\"pdr-selection-date-container\",staticStyle:{\"width\":\"48%\",\"margin-left\":\"auto\"}},[_c('label',[_vm._v(\"Select Date\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedDate),expression:\"selectedDate\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.selectedDate)},on:{\"change\":function($event){return _vm.changedDate()},\"input\":function($event){if($event.target.composing)return;_vm.selectedDate=$event.target.value}}})])]),_c('div',[_c('label',[_vm._v(_vm._s(_vm.lang(\"Activity\")))]),(_vm.studArrDailyRoutineList.length > 0)?_c('div',{staticClass:\"daily-timeline\"},_vm._l((_vm.studArrDailyRoutineList),function(item,i){return _c('div',{key:item.ID,ref:\"dailyRoutineList_Update\",refInFor:true,staticClass:\"daily-timeline__item\",class:item.MainReferenceType,attrs:{\"value\":item.drID}},[_c('div',{staticClass:\"daily-item_image\",staticStyle:{\"text-align\":\"center\"}},[_c('img',{attrs:{\"src\":_vm.getIcon(item)}})]),_c('div',{staticClass:\"daily-item_desc\"},[_c('div',{staticClass:\"row daily-desc_wrap\"},[_c('div',{staticClass:\"col-md-9\"},[_c('label',{staticClass:\"DrReferenceType\"},[_vm._v(_vm._s(_vm.lang(item.DrReferenceType)))]),_c('el-input',{ref:\"refDrRemark\",refInFor:true,staticClass:\"drp-remarks\",attrs:{\"rows\":3,\"disabled\":\"\",\"type\":\"textarea\",\"placeholder\":_vm.lang('Remark')},model:{value:(item.DrRemark),callback:function ($$v) {_vm.$set(item, \"DrRemark\", $$v)},expression:\"item.DrRemark\"}})],1),_c('div',{staticClass:\"col-md-3 date\"},[_c('label',{staticClass:\"text-center daily-date-strong\"},[_c('strong',[_vm._v(_vm._s(item.DrCreatedOn_convert))])]),(item.MainReferenceType !== 'Poop')?_c('label',{staticClass:\"text-center\"},[(item.MainReferenceType === 'Rest')?_c('strong',[_vm._v(_vm._s(_vm.lang('From'))+\":\")]):_c('strong',[_vm._v(_vm._s(_vm.lang('On'))+\":\")]),_vm._v(\"\\n \"+_vm._s(item.DrStartTime_convert)+\"\\n \")]):_vm._e(),(item.MainReferenceType === 'Rest')?_c('label',{staticClass:\"text-center\"},[_c('strong',[_vm._v(_vm._s(_vm.lang('To'))+\":\")]),_vm._v(\"\\n \"+_vm._s(item.DrEndTime_convert))]):_vm._e()])])])])}),0):_vm._e(),(_vm.studArrDailyRoutineList.length <= 0)?_c('div',[_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":require(\"../assets/empty-list.jpg\")}})]):_vm._e()])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n
\r\n\r\n
\r\n
{{lang('Daily Routine')}}
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n\r\n
0\">\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n\r\n \r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n","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!./DailyRoutineParent.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!./DailyRoutineParent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DailyRoutineParent.vue?vue&type=template&id=21d88cf0&scoped=true\"\nimport script from \"./DailyRoutineParent.vue?vue&type=script&lang=js\"\nexport * from \"./DailyRoutineParent.vue?vue&type=script&lang=js\"\nimport style1 from \"./DailyRoutineParent.vue?vue&type=style&index=1&id=21d88cf0&prod&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 \"21d88cf0\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"text-align\":\"center\",\"padding\":\"0px\"},attrs:{\"id\":\"parentDeclarationForm\"}},[_c('div',{staticClass:\"content-body-container col-md-12\"},[_c('div',{staticClass:\"backstretch\"},[(_vm.isBigScreenWidth)?_c('img',{attrs:{\"src\":require(\"../assets/bg.png\")}}):_vm._e(),(!_vm.isBigScreenWidth)?_c('img',{attrs:{\"src\":require(\"../assets/mobilebg.jpg\")}}):_vm._e()]),_vm._m(0),_c('div',{staticStyle:{\"position\":\"relative\"}},[(_vm.declarationStep === 0)?_c('div',[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('h4',{staticClass:\"td-default-title\"},[_vm._v(\"Travel Declaration / 旅行申报表\")]),_c('div',{staticStyle:{\"margin\":\"0 auto\"}},[_c('el-button',{staticStyle:{\"margin\":\"0 0 10px 0\",\"max-width\":\"100%\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.showTravelDeclarationModal()}}},[_vm._v(\"\\n Add Travel Declaration | 添加旅行申报表\\n \")])],1)]),_c('div',[(_vm.timelineList.length > 0)?_c('ul',{staticClass:\"timeline\",staticStyle:{\"margin\":\"0px\"}},_vm._l((_vm.timelineList),function(timeline){return _c('li',[_c('div',{staticClass:\"each-timeline-container\"},[_c('div',{staticClass:\"timeline-date\"},[_vm._v(\"\\n \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclFromDate))+\"\\n \"),_c('span',{staticStyle:{\"color\":\"#1890FF\"}},[_vm._v(\" > \")]),_vm._v(\"\\n \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclToDate))+\"\\n \")]),_c('div',{staticClass:\"each-timeline row\",staticStyle:{\"margin\":\"0px\"}},[(timeline.ParTrvDclBringChild === 'Yes' && _vm.childNameList.length > 0)?_c('div',{staticClass:\"tl-child-container row\"},[_vm._m(1,true),_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\"}},_vm._l((_vm.childNameList),function(child){return (child.ParTrvDclID === timeline.ParTrvDclID)?_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"10px\"}},[(child.Profile_Img !== '-')?_c('img',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\"},attrs:{\"src\":`data:`+child.Profile_ImgType+`;base64, ${child.Profile_Img}`}}):_vm._e(),(child.Profile_Img === '-')?_c('img',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\"},attrs:{\"src\":require(\"../assets/tdChild.png\")}}):_vm._e(),_c('span',{staticClass:\"tl-child-name\"},[_vm._v(_vm._s(child.StudentName))])]):_vm._e()}),0),_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"align-self\":\"flex-end\"}},[_c('el-button',{staticStyle:{\"white-space\":\"normal\",\"padding\":\"6px 10px\"},attrs:{\"type\":\"danger\"},on:{\"click\":function($event){return _vm.showDeleteTravelDeclarationModal(timeline.ParTrvDclID)}}},[_c('i',{staticClass:\"fa fa-plane\",staticStyle:{\"margin-right\":\"5px\"},attrs:{\"aria-hidden\":\"true\"}}),_c('span',[_vm._v(\"Cancel Trip / 取消行程\")])])],1)]):_vm._e(),_c('div',{staticClass:\"tl-content-container row\",class:(timeline.ParTrvDclBringChild === 'Yes' && _vm.childNameList.length > 0) ? 'left' : 'full'},[_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\"}},[_c('div',{staticClass:\"tl-content-declared\"},[_c('div',[_c('span',{staticStyle:{\"color\":\"#7C8799\"}},[_vm._v(\"Declared By / 申报者:\")]),_c('span',{staticStyle:{\"margin-left\":\"5px\",\"color\":\"#1890FF\"}},[_vm._v(_vm._s(timeline.CreatedByName))])]),(timeline.ParTrvDclBringChild === 'No')?_c('div',[_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.85)\",\"font-weight\":\"600\"}},[_vm._v(\"Not traveling overseas | 没有出国\")])]):_vm._e()]),(timeline.ParTrvDclBringChild === 'No')?_c('div',{staticStyle:{\"width\":\"40%\",\"margin-left\":\"auto\",\"text-align\":\"right\"}},[_c('el-button',{staticStyle:{\"white-space\":\"normal\"},attrs:{\"type\":\"danger\"},on:{\"click\":function($event){return _vm.showDeleteTravelDeclarationModal(timeline.ParTrvDclID)}}},[_c('i',{staticClass:\"fa fa-plane\",staticStyle:{\"margin-right\":\"5px\"},attrs:{\"aria-hidden\":\"true\"}}),_c('span',[_vm._v(\"Cancel Trip / 取消行程\")])])],1):_vm._e()]),(timeline.ParTrvDclCountry)?_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\",\"background\":\"#F0F0F0\",\"border-radius\":\"4px\",\"padding\":\"15px\"}},[(timeline.ParTrvDclTransCountry)?_c('div',{staticStyle:{\"width\":\"30%\"}},[_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.85)\",\"font-size\":\"12px\"}},[_vm._v(\"Transit | 过境\")]),_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.85)\",\"font-weight\":\"600\"}},[_vm._v(\"\\n \"+_vm._s(timeline.ParTrvDclTransCountry)+\" (\"+_vm._s(timeline.ParTrvDclTransCity)+\")\\n \")])]):_vm._e(),(timeline.ParTrvDclTransCountry)?_c('div',{staticStyle:{\"width\":\"3%\",\"margin\":\"20px 15px 20px 0px\"}},[_c('span',{staticStyle:{\"color\":\"#1890FF\"}},[_vm._v(\" > \")])]):_vm._e(),(timeline.ParTrvDclCountry)?_c('div',{staticStyle:{\"width\":\"30%\"}},[_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.85)\",\"font-size\":\"12px\"}},[_vm._v(\"Destination | 国家\")]),_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.85)\",\"font-weight\":\"600\"}},[_vm._v(\"\\n \"+_vm._s(timeline.ParTrvDclCountry)+\" \"),(timeline.ParTrvDclCity)?_c('span',[_vm._v(\"(\"+_vm._s(timeline.ParTrvDclCity)+\")\")]):_vm._e()])]):_vm._e(),(timeline.ParTrvDclTransCountry)?_c('div',{staticStyle:{\"width\":\"30%\",\"margin-left\":\"auto\",\"text-align\":\"center\"}},[(!_vm.isNull(timeline.ParTrvDclTransDate))?_c('span',{staticStyle:{\"color\":\"#1890FF\",\"font-weight\":\"600\"}},[_vm._v(\"\\n \"+_vm._s(_vm.convertDatetime(timeline.ParTrvDclTransDate))+\"\\n \")]):_c('span',[_vm._v(\"-\")]),_c('span',{staticStyle:{\"color\":\"#7C8799\",\"font-size\":\"12px\"}},[_vm._v(\"Date of transit | 过境日期\")])]):_vm._e()]):_vm._e(),_c('hr',{staticStyle:{\"width\":\"100%\",\"margin\":\"0px 0px 20px 0px\"}}),(timeline.ParTrvDclRemark)?_c('div',{staticClass:\"tl-common-div row\"},[_c('span',{staticStyle:{\"color\":\"#7C8799\"}},[_vm._v(\"Remarks / 备注:\")]),_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.8)\",\"margin-left\":\"10px\",\"white-space\":\"pre-line\"}},[_vm._v(_vm._s(timeline.ParTrvDclRemark))])]):_vm._e()])])])])}),0):_vm._e(),(_vm.timelineList.length === 0)?_c('ul',{staticClass:\"timeline\"},[_vm._m(2)]):_vm._e()])]):_vm._e(),(_vm.declarationStep === 1)?_c('div',[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('h4',{staticClass:\"td-default-title\"},[_vm._v(\"Covid-19 Declaration / Covid-19申报表\")]),_c('div',{staticStyle:{\"width\":\"30%\",\"margin\":\"0 auto\"}},[_c('el-button',{staticStyle:{\"margin\":\"0 0 10px 0\",\"max-width\":\"100%\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.showCovid19DeclarationModal()}}},[_vm._v(\"\\n Add Covid-19 Declaration | 添加Covid-19申报表\\n \")])],1)]),_c('div',[(_vm.covid19TimelineList.length > 0)?_c('ul',{staticClass:\"timeline\",staticStyle:{\"margin\":\"0px\"}},_vm._l((_vm.covid19TimelineList),function(timeline){return _c('li',[_c('div',{staticClass:\"each-timeline-container\"},[(timeline.ParCovDclFromDate && timeline.ParCovDclEndDate)?_c('div',{staticClass:\"timeline-date\"},[_vm._v(\"\\n \"+_vm._s(_vm.convertDatetime(timeline.ParCovDclFromDate))+\"\\n \"),_c('span',{staticStyle:{\"color\":\"#1890FF\"}},[_vm._v(\" > \")]),_vm._v(\"\\n \"+_vm._s(_vm.convertDatetime(timeline.ParCovDclEndDate))+\"\\n \")]):_vm._e(),(!timeline.ParCovDclFromDate && timeline.ParCovDclEndDate)?_c('div',{staticClass:\"timeline-date\"},[_vm._v(\"\\n Last date : \"+_vm._s(_vm.convertDatetime(timeline.ParCovDclEndDate))+\"\\n \")]):_vm._e(),_c('div',{staticClass:\"each-timeline row\",staticStyle:{\"margin\":\"0px\"}},[_c('div',{staticClass:\"tl-content-container row full\"},[_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\"}},[_c('div',{staticClass:\"tl-content-declared\"},[_c('div',[_c('span',{staticStyle:{\"color\":\"#7C8799\"}},[_vm._v(\"Declared By / 申报者:\")]),_c('span',{staticStyle:{\"margin-left\":\"5px\",\"color\":\"#1890FF\"}},[_vm._v(_vm._s(timeline.CreatedByName))])])]),_c('div',{staticStyle:{\"width\":\"40%\",\"margin-left\":\"auto\",\"text-align\":\"right\"}},[_c('el-button',{staticStyle:{\"white-space\":\"normal\"},attrs:{\"type\":\"danger\"},on:{\"click\":function($event){return _vm.showDeleteCovid19DeclarationModal(timeline.ParCovDclID)}}},[_c('i',{staticClass:\"fa fa-plane\",staticStyle:{\"margin-right\":\"5px\"},attrs:{\"aria-hidden\":\"true\"}}),_c('span',[_vm._v(\"Cancel Covid-19 Declaration / 取消Covid-19申报表\")])])],1)]),_c('hr',{staticStyle:{\"width\":\"100%\",\"margin\":\"0px 0px 20px 0px\"}}),(timeline.ParCovDclFromDate && timeline.ParCovDclEndDate)?_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\"}},[_vm._m(3,true),_c('div',{staticClass:\"tl-content-lastdate\",staticStyle:{\"margin-left\":\"auto\",\"text-align\":\"right\"}},[(timeline.ParCovDclFromDate)?_c('span',{staticStyle:{\"color\":\"#1890FF\",\"font-weight\":\"600\"}},[_vm._v(\"\\n \"+_vm._s(_vm.convertDatetime(timeline.ParCovDclFromDate))+\" - \\n \")]):_vm._e(),(timeline.ParCovDclEndDate)?_c('span',{staticStyle:{\"color\":\"#1890FF\",\"font-weight\":\"600\"}},[_vm._v(\"\\n \"+_vm._s(_vm.convertDatetime(timeline.ParCovDclEndDate))+\"\\n \")]):_vm._e()])]):_vm._e(),(!timeline.ParCovDclFromDate && timeline.ParCovDclEndDate)?_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\"}},[_vm._m(4,true),_c('div',{staticClass:\"tl-content-lastdate\",staticStyle:{\"margin-left\":\"auto\",\"text-align\":\"right\"}},[(timeline.ParCovDclEndDate)?_c('span',{staticStyle:{\"color\":\"#1890FF\",\"font-weight\":\"600\"}},[_vm._v(\"\\n Last date : \"+_vm._s(_vm.convertDatetime(timeline.ParCovDclEndDate))+\"\\n \")]):_vm._e()])]):_vm._e(),(timeline.ParCovDclType)?_c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('span',{staticStyle:{\"color\":\"#7C8799\"}},[_vm._v(\"Type / 类型:\")]),_c('span',{staticStyle:{\"margin-left\":\"5px\",\"color\":\"#1890FF\"}},[_vm._v(_vm._s(timeline.ParCovDclType.toUpperCase()))])]):_vm._e(),_c('hr',{staticStyle:{\"width\":\"100%\",\"margin\":\"0px 0px 20px 0px\"}}),(timeline.ParCovDclRemark)?_c('div',{staticClass:\"tl-common-div row\"},[_c('span',{staticStyle:{\"color\":\"#7C8799\"}},[_vm._v(\"Remarks / 备注:\")]),_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.8)\",\"margin-left\":\"10px\",\"white-space\":\"pre-line\"}},[_vm._v(_vm._s(timeline.ParCovDclRemark))])]):_vm._e()])])])])}),0):_vm._e(),(_vm.covid19TimelineList.length === 0)?_c('ul',{staticClass:\"timeline\"},[_vm._m(5)]):_vm._e()])]):_vm._e()])]),_c('b-modal',{ref:\"showTravelDeclarationModal\",attrs:{\"id\":\"TravelDeclarationModal\",\"size\":\"lg\",\"title\":\"Add Travel Declaration / 添加旅行申报表\",\"ok-only\":\"\",\"ok-variant\":\"secondary\",\"hide-footer\":\"\"},on:{\"hide\":function($event){return _vm.hideTravelDeclarationModal()}}},[_c('div',{staticClass:\"row form-group__wrapper\"},[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Did you / are you intending to bring your child overseas from \"+_vm._s(_vm.declareStartDate)+\" to \"+_vm._s(_vm.declareEndDate)+\"?\"),_c('br'),_vm._v(\"\\n 您与您的孩子是否打算在\"+_vm._s(_vm.declareStartDate)+\"至\"+_vm._s(_vm.declareEndDate)+\"期间出国?\\n \")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.travelOverseas),expression:\"travelOverseas\"}],staticClass:\"form-control pro-edt-select form-control-primary\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.travelOverseas=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.changeTravelOverseas]}},[_c('option',{attrs:{\"value\":\"true\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"false\"}},[_vm._v(\"No\")])])]),(_vm.travelOverseas)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Date of travel\"),_c('br'),_vm._v(\"旅行日期\")]),_c('div',{staticClass:\"date\"},[_c('el-date-picker',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"type\":\"daterange\",\"range-separator\":\"TO\",\"start-placeholder\":\"From Date\",\"end-placeholder\":\"To Date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\",\"picker-options\":_vm.datePicker},model:{value:(_vm.declareDate),callback:function ($$v) {_vm.declareDate=$$v},expression:\"declareDate\"}})],1)]):_vm._e(),(_vm.travelOverseas)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\",staticStyle:{\"margin\":\"10px 0px 20px 0px\"}},[_c('label',[_vm._v(\"Which child will you bring to overseas?\"),_c('br'),_vm._v(\"您将带哪位孩子出国?\")]),_c('el-checkbox-group',{model:{value:(_vm.studentCheckList),callback:function ($$v) {_vm.studentCheckList=$$v},expression:\"studentCheckList\"}},_vm._l((_vm.studentsInfo),function(stud){return _c('el-checkbox',{staticStyle:{\"display\":\"inline-block!important\"},attrs:{\"value\":stud.StudentID,\"label\":stud.StudentFirstName+' '+stud.StudentMiddleName+' '+stud.StudentLastName},on:{\"change\":function($event){return _vm.selectChild($event, stud)}}})}),1)],1):_vm._e(),(_vm.travelOverseas)?_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin\":\"10px 0px 20px 0px\"}},[_c('el-checkbox-group',{model:{value:(_vm.cruiseToNoWhere),callback:function ($$v) {_vm.cruiseToNoWhere=$$v},expression:\"cruiseToNoWhere\"}},[_c('el-checkbox',{staticStyle:{\"display\":\"inline-block!important\"},attrs:{\"label\":\"Cruise To NoWhere\"}})],1)],1):_vm._e(),_c('hr'),((_vm.travelOverseas && !_vm.cruiseToNoWhere))?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Where is your family going on vacation?\"),_c('br'),_vm._v(\"您与您的孩子要去哪里度假呢?\")]),_c('country-select',{staticClass:\"form-control pro-edt-select form-control-primary\",attrs:{\"country\":_vm.country,\"countryName\":true},model:{value:(_vm.country),callback:function ($$v) {_vm.country=$$v},expression:\"country\"}})],1):_vm._e(),((_vm.travelOverseas && !_vm.cruiseToNoWhere))?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[(_vm.country=='')?_c('label',[_vm._v(\"Which city will your family be visiting?\"),_c('br'),_vm._v(\"您与您的孩子要去哪个城市呢?\")]):_vm._e(),(_vm.country!=='')?_c('label',[_vm._v(\"Which city in \"+_vm._s(_vm.country)+\" will your family be visiting?\"),_c('br'),_vm._v(\"您的家人会去\"+_vm._s(_vm.country)+\"的哪个城市?\")]):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.region),expression:\"region\"}],staticClass:\"form-control form-control-primary\",attrs:{\"type\":\"text\",\"placeholder\":\"City\"},domProps:{\"value\":(_vm.region)},on:{\"input\":function($event){if($event.target.composing)return;_vm.region=$event.target.value}}})]):_vm._e(),((_vm.travelOverseas && !_vm.cruiseToNoWhere))?_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Will you be transiting at any other countries?\"),_c('br'),_vm._v(\"您与您的孩子会在其他国家过境吗?\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.transiting),expression:\"transiting\"}],staticClass:\"form-control pro-edt-select form-control-primary\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.transiting=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.changeTransiting]}},[_c('option',{attrs:{\"value\":\"true\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"false\"}},[_vm._v(\"No\")])])]):_vm._e(),((_vm.travelOverseas && !_vm.cruiseToNoWhere) && _vm.transiting)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Please let us know which country your family will be transiting at?\"),_c('br'),_vm._v(\"你们将在哪个国家过境呢?\")]),_c('country-select',{staticClass:\"form-control pro-edt-select form-control-primary\",attrs:{\"country\":_vm.transitCountry,\"countryName\":true},model:{value:(_vm.transitCountry),callback:function ($$v) {_vm.transitCountry=$$v},expression:\"transitCountry\"}})],1):_vm._e(),((_vm.travelOverseas && !_vm.cruiseToNoWhere) && _vm.transiting)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[(_vm.transitCountry=='')?_c('label',[_vm._v(\"Which city will your family be transiting?\"),_c('br'),_vm._v(\"你们将在哪个城市过境?\")]):_vm._e(),(_vm.transitCountry!=='')?_c('label',[_vm._v(\"Which city in \"+_vm._s(_vm.transitCountry)+\" will your family be transiting?\"),_c('br'),_vm._v(\"您的家人将在\"+_vm._s(_vm.transitCountry)+\"哪个城市过境呢?\")]):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.transitRegion),expression:\"transitRegion\"}],staticClass:\"form-control form-control-primary\",attrs:{\"type\":\"text\",\"placeholder\":\"City\"},domProps:{\"value\":(_vm.transitRegion)},on:{\"input\":function($event){if($event.target.composing)return;_vm.transitRegion=$event.target.value}}})]):_vm._e(),((_vm.travelOverseas && !_vm.cruiseToNoWhere) && _vm.transiting)?_c('div',{staticClass:\"col-lg-6 col-md-6 col-sm-6 col-xs-12\"},[_c('label',[_vm._v(\"Please let us know the date of transit\"),_c('br'),_vm._v(\"请告知我们转机日期\")]),_c('el-date-picker',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"type\":\"date\",\"placeholder\":\"Pick a Date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\"},model:{value:(_vm.transitingDate),callback:function ($$v) {_vm.transitingDate=$$v},expression:\"transitingDate\"}})],1):_vm._e(),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Remarks\"),_c('br'),_vm._v(\"备注\")]),_c('el-input',{attrs:{\"type\":\"textarea\",\"rows\":6,\"maxlength\":\"3000\",\"placeholder\":\"Please input remarks / 请填写备注\"},model:{value:(_vm.remarks),callback:function ($$v) {_vm.remarks=$$v},expression:\"remarks\"}})],1),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin\":\"20px 0 0 0\"}},[_c('el-button',{attrs:{\"type\":\"default\"},on:{\"click\":function($event){return _vm.hideTravelDeclarationModal()}}},[_vm._v(_vm._s(_vm.lang(\"Cancel\"))+\" / 取消\")]),_c('el-button',{staticStyle:{\"float\":\"right\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.saveDeclaration()}}},[_vm._v(_vm._s(_vm.lang(\"Add\"))+\" / 添加\")])],1)])]),_c('b-modal',{ref:\"showDeleteTravelDeclarationModal\",attrs:{\"id\":\"DeleteTravelDeclarationModal\",\"size\":\"lg\",\"title\":\"Confirmation of cancellation / 取消确认\",\"centered\":\"\",\"ok-title\":_vm.lang('Confirm') + '/ 确认',\"cancel-title\":_vm.lang('Cancel') + '/ 取消',\"hide-footer\":\"\"},on:{\"ok\":function($event){return _vm.deleteDeclaration()},\"hide\":function($event){return _vm.hideDeleteTravelDeclarationModal()},\"cancel\":function($event){return _vm.hideDeleteTravelDeclarationModal()}}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('h5',[_vm._v(\"Are you sure you would like to cancel this trip?\"),_c('br'),_vm._v(\"您确定要取消此行吗?\")])]),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Reason\"),_c('br'),_vm._v(\"理由\")]),_c('el-select',{model:{value:(_vm.ddlCancelTrip),callback:function ($$v) {_vm.ddlCancelTrip=$$v},expression:\"ddlCancelTrip\"}},_vm._l((_vm.ddlCancelTripList),function(item,iKey){return _c('el-option',{key:iKey,attrs:{\"label\":item.label,\"value\":item.label,\"placeholder\":\"Select Reason\"}})}),1)],1),(_vm.ddlCancelTrip === 'Others')?_c('div',{staticClass:\"delete-declaration-remarks-container col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Remarks\"),_c('br'),_vm._v(\"备注\")]),_c('el-input',{attrs:{\"type\":\"textarea\",\"rows\":6,\"maxlength\":\"3000\",\"placeholder\":\"Please input remarks / 请填写备注\"},model:{value:(_vm.deleteRemarks),callback:function ($$v) {_vm.deleteRemarks=$$v},expression:\"deleteRemarks\"}})],1):_vm._e()]),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin\":\"20px 0 0 0\"}},[_c('el-button',{attrs:{\"type\":\"default\"},on:{\"click\":function($event){return _vm.hideDeleteTravelDeclarationModal()}}},[_vm._v(_vm._s(_vm.lang(\"Cancel\"))+\" / 取消\")]),_c('el-button',{staticStyle:{\"float\":\"right\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.deleteDeclaration()}}},[_vm._v(_vm._s(_vm.lang(\"Confirm\"))+\" / 确认\")])],1)]),_c('b-modal',{ref:\"showCovid19DeclarationModal\",attrs:{\"id\":\"Covid19DeclarationModal\",\"size\":\"lg\",\"title\":\"Add Covid-19 Declaration / 添加Covid-19申报表\",\"ok-only\":\"\",\"ok-variant\":\"secondary\",\"hide-footer\":\"\"},on:{\"hide\":function($event){return _vm.hideCovid19DeclarationModal()}}},[_c('div',{staticClass:\"row form-group__wrapper\"},[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Did your child come into close contact with immediate family & friends living/visiting who travelled to overseas OR with anyone on Leave of Absence (LOA), Home Quarantine Order (HQO), Stay at Home Notice (SHN) issued by MOH in the last 14 days?\")]),_c('label',[_vm._v(\"在过去14天内,您的孩子是否与以下人员及其家属或朋友有过密切接触?\")]),_c('label',[_vm._v(\"- 去过出国旅游\")]),_c('label',[_vm._v(\"- 或拿缺席假 (LOA)、隔离令(HQO)或家居隔离(SHN)令\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.travelRelatedCountry),expression:\"travelRelatedCountry\"}],staticClass:\"form-control pro-edt-select form-control-primary\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.travelRelatedCountry=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.changeTravelRelatedCountry]}},[_c('option',{attrs:{\"value\":\"true\"}},[_vm._v(\"Yes\")])])]),(_vm.travelRelatedCountry)?_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('label',[_vm._v(\"What type of Quarantine?\")]),_c('label',[_vm._v(\"什么类型的隔离?\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.travelRelatedType),expression:\"travelRelatedType\"}],attrs:{\"type\":\"radio\",\"id\":\"loa\",\"value\":\"loa\"},domProps:{\"checked\":_vm._q(_vm.travelRelatedType,\"loa\")},on:{\"change\":function($event){_vm.travelRelatedType=\"loa\"}}}),_c('label',{staticClass:\"covid-common-label\",attrs:{\"for\":\"loa\"}},[_vm._v(\"缺席假 (LOA)\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.travelRelatedType),expression:\"travelRelatedType\"}],attrs:{\"type\":\"radio\",\"id\":\"hqo\",\"value\":\"hqo\"},domProps:{\"checked\":_vm._q(_vm.travelRelatedType,\"hqo\")},on:{\"change\":function($event){_vm.travelRelatedType=\"hqo\"}}}),_c('label',{staticClass:\"covid-common-label\",attrs:{\"for\":\"hqo\"}},[_vm._v(\"隔离令 (HQO)\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.travelRelatedType),expression:\"travelRelatedType\"}],attrs:{\"type\":\"radio\",\"id\":\"shn\",\"value\":\"shn\"},domProps:{\"checked\":_vm._q(_vm.travelRelatedType,\"shn\")},on:{\"change\":function($event){_vm.travelRelatedType=\"shn\"}}}),_c('label',{staticClass:\"covid-common-label\",attrs:{\"for\":\"shn\"}},[_vm._v(\"家居隔离 (SHN)\")])]):_vm._e(),(_vm.travelRelatedCountry)?_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('label',[_vm._v(\"When did your child last come into contact with this person(s)/when will the last date of contact with this person be? OR What is the last date of the person(s) LOA/HQO/SHN?\")]),_c('label',[_vm._v(\"请问您和您的孩子最后与以上所述之人接触是或会是什么时候?请问以上所述之人缺席假 (LOA)、隔离令(HQO)或家居隔离(SHN)的最后一天是什么时候?\")]),_c('div',{staticClass:\"date\"},[_c('el-date-picker',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"type\":\"daterange\",\"range-separator\":\"TO\",\"start-placeholder\":\"From Date\",\"end-placeholder\":\"To Date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\",\"picker-options\":_vm.datePicker},model:{value:(_vm.travelRelatedCountryDate),callback:function ($$v) {_vm.travelRelatedCountryDate=$$v},expression:\"travelRelatedCountryDate\"}})],1)]):_vm._e(),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Remarks\"),_c('br'),_vm._v(\"备注\")]),_c('el-input',{attrs:{\"type\":\"textarea\",\"rows\":6,\"maxlength\":\"3000\",\"placeholder\":\"Please input remarks / 请填写备注\"},model:{value:(_vm.covid19Remarks),callback:function ($$v) {_vm.covid19Remarks=$$v},expression:\"covid19Remarks\"}})],1),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin\":\"20px 0 0 0\"}},[_c('el-button',{attrs:{\"type\":\"default\"},on:{\"click\":function($event){return _vm.hideCovid19DeclarationModal()}}},[_vm._v(_vm._s(_vm.lang(\"Cancel\"))+\" / 取消\")]),_c('el-button',{staticStyle:{\"float\":\"right\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.saveCovid19Declaration()}}},[_vm._v(_vm._s(_vm.lang(\"Add\"))+\" / 添加\")])],1)])]),_c('b-modal',{ref:\"showDeleteCovid19DeclarationModal\",attrs:{\"id\":\"DeleteCovid19DeclarationModal\",\"size\":\"lg\",\"title\":\"Confirmation of cancellation / 取消确认\",\"centered\":\"\",\"ok-title\":_vm.lang('Confirm') + '/ 确认',\"cancel-title\":_vm.lang('Cancel') + '/ 取消',\"hide-footer\":\"\"},on:{\"ok\":function($event){return _vm.deleteCovid19Declaration()},\"hide\":function($event){return _vm.hideDeleteCovid19DeclarationModal()},\"cancel\":function($event){return _vm.hideDeleteCovid19DeclarationModal()}}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('h5',[_vm._v(\"Are you sure you would like to cancel this quarantine?\"),_c('br'),_vm._v(\"您确定要取消隔离吗?\")])]),_c('div',{staticClass:\"delete-declaration-remarks-container col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('label',[_vm._v(\"Remarks\"),_c('br'),_vm._v(\"备注\")]),_c('el-input',{attrs:{\"type\":\"textarea\",\"rows\":6,\"maxlength\":\"3000\",\"placeholder\":\"Please input remarks / 请填写备注\"},model:{value:(_vm.covid19DeleteRemarks),callback:function ($$v) {_vm.covid19DeleteRemarks=$$v},expression:\"covid19DeleteRemarks\"}})],1)]),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin\":\"20px 0 0 0\"}},[_c('el-button',{attrs:{\"type\":\"default\"},on:{\"click\":function($event){return _vm.hideDeleteCovid19DeclarationModal()}}},[_vm._v(_vm._s(_vm.lang(\"Cancel\"))+\" / 取消\")]),_c('el-button',{staticStyle:{\"float\":\"right\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.deleteCovid19Declaration()}}},[_vm._v(_vm._s(_vm.lang(\"Confirm\"))+\" / 确认\")])],1)])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"position\":\"relative\",\"margin-bottom\":\"15px\",\"font-weight\":\"bold\",\"color\":\"red\"}},[_c('span',[_vm._v(\"\\n * Should there be any changes in your travel details, please delete this declaration and submit a new one. Please submit new travel declaration for other travel date.\\n \")]),_c('br'),_c('span',[_vm._v(\"\\n * 如果您与您的孩子的旅行详细信息有任何变化,请删除此旅行申报表并提交新的旅行申报表。请提交其他您与您的孩子的旅行日期的新旅行申报表\\n \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tl-common-div row\",staticStyle:{\"margin-bottom\":\"20px\"}},[_c('span',{staticStyle:{\"color\":\"#46525B\",\"font-weight\":\"600\",\"display\":\"block\"}},[_vm._v(\"Child | 孩子(们)\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('li',[_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"No travel declaration found.\"),_c('br'),_vm._v(\"没有旅行申报。\")])]),_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"A new travel declaration is required.\"),_c('br'),_vm._v(\"即使没有计划出国,也需要添加旅行申报。\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"width\":\"70%\"}},[_c('span',{staticStyle:{\"color\":\"#7C8799\",\"display\":\"block\"}},[_vm._v(\"Date range of close contact with LOA/HQO/SHN immediate family and friends\")]),_c('span',{staticStyle:{\"color\":\"#7C8799\",\"display\":\"block\"}},[_vm._v(\"与LOA/HQO/SHN 的家属或朋友有过密切接触的日期范围\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"width\":\"70%\"}},[_c('span',{staticStyle:{\"color\":\"#7C8799\",\"display\":\"block\"}},[_vm._v(\"Last date of close contact with LOA/HQO/SHN immediate family and friends\")]),_c('span',{staticStyle:{\"color\":\"#7C8799\",\"display\":\"block\"}},[_vm._v(\"与LOA/HQO/SHN 的家属或朋友有过密切接触的最后一天\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('li',[_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"No covid-19 declaration found.\"),_c('br'),_vm._v(\"没有Covid-19申报。\")])]),_c('div',{staticStyle:{\"padding\":\"20px\"}},[_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"A new covid-19 declaration is required.\"),_c('br'),_vm._v(\"即使没有计划出国,也需要添加Covid-19申报。\")])])])\n}]\n\nexport { render, staticRenderFns }","\r\n\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n * Should there be any changes in your travel details, please delete this declaration and submit a new one. Please submit new travel declaration for other travel date.\r\n \r\n \r\n \r\n * 如果您与您的孩子的旅行详细信息有任何变化,请删除此旅行申报表并提交新的旅行申报表。请提交其他您与您的孩子的旅行日期的新旅行申报表\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","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!./ParentDeclarationForm.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!./ParentDeclarationForm.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ParentDeclarationForm.vue?vue&type=template&id=5c61cfec&scoped=true\"\nimport script from \"./ParentDeclarationForm.vue?vue&type=script&lang=js\"\nexport * from \"./ParentDeclarationForm.vue?vue&type=script&lang=js\"\nimport style0 from \"./ParentDeclarationForm.vue?vue&type=style&index=0&id=5c61cfec&prod&scoped=true&lang=css\"\nimport style1 from \"./ParentDeclarationForm.vue?vue&type=style&index=1&id=5c61cfec&prod&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 \"5c61cfec\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"text-align\":\"center\",\"padding\":\"0px\"},attrs:{\"id\":\"survey\"}},[_c('div',{staticClass:\"content-body-container col-md-12\"},[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_c('h4',{staticClass:\"td-default-title\"},[_vm._v(\"Device Readiness / 电子设备\")]),_vm._m(0),_c('div',{staticClass:\"form-group\",staticStyle:{\"text-align\":\"left\",\"margin-top\":\"30px\"}},[_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"},[_vm._m(1),_c('section',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.haveDevices),expression:\"haveDevices\"}],staticStyle:{\"margin-right\":\"10px\"},attrs:{\"type\":\"radio\",\"value\":\"Y\"},domProps:{\"checked\":_vm._q(_vm.haveDevices,\"Y\")},on:{\"change\":function($event){_vm.haveDevices=\"Y\"}}}),_vm._v(\"Yes\\n \"),_c('span',{staticStyle:{\"display\":\"inline-block\",\"width\":\"30px\"}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.haveDevices),expression:\"haveDevices\"}],staticStyle:{\"margin-right\":\"10px\"},attrs:{\"type\":\"radio\",\"value\":\"N\"},domProps:{\"checked\":_vm._q(_vm.haveDevices,\"N\")},on:{\"change\":function($event){_vm.haveDevices=\"N\"}}}),_vm._v(\"No\\n \")])])]),_c('div',{staticClass:\"col-lg-12 col-md-12 col-sm-12 col-xs-12\",staticStyle:{\"margin\":\"20px 0 0 0\"}},[_c('el-button',{staticStyle:{\"float\":\"right\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.saveSurvey()}}},[_vm._v(\"Submit / 提交\")])],1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('label',[_vm._v(\"\\n Dear Parents, \\n \"),_c('br'),_c('br'),_vm._v(\"\\n We would like to conduct a 1-question survey on Home-Based Learning (HBL) for contingency purposes. We look forward to receiving your response by Wednesday, 19 May 2021.\\n \"),_c('br'),_c('br'),_vm._v(\"\\n Thank you.\\n\\n \"),_c('br'),_c('br'),_vm._v(\"\\n\\n 亲爱的各位家长,\\n \"),_c('br'),_c('br'),_vm._v(\"\\n 您好!我们创建了一个问卷调查,为做好居家学习(HBL)的准备,以备应急之需。此调查只有一个问题。我们期待在2021年5月19日(星期三)之前收到您的回复。\\n \"),_c('br'),_c('br'),_vm._v(\"\\n 谢谢!\\n \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h5',[_vm._v(\"Does your household have at least 1 device to support your child/children for HBL?\\n \"),_c('br'),_vm._v(\"\\n 您家里是否至少具备一台电子设备支持您的孩子进行居家学习HBL?\\n \")])\n}]\n\nexport { render, staticRenderFns }","\r\n\r\n
\r\n\r\n
\r\n \r\n\r\n
\r\n
Device Readiness / 电子设备
\r\n\r\n \r\n\r\n
\r\n
\r\n
Does your household have at least 1 device to support your child/children for HBL?\r\n \r\n 您家里是否至少具备一台电子设备支持您的孩子进行居家学习HBL?\r\n
\r\n\r\n \r\n Yes\r\n \r\n No\r\n \r\n
\r\n
\r\n\r\n
\r\n Submit / 提交\r\n
\r\n
\r\n
\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","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!./Survey.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!./Survey.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Survey.vue?vue&type=template&id=f7649024&scoped=true\"\nimport script from \"./Survey.vue?vue&type=script&lang=js\"\nexport * from \"./Survey.vue?vue&type=script&lang=js\"\nimport style0 from \"./Survey.vue?vue&type=style&index=0&id=f7649024&prod&scoped=true&lang=css\"\nimport style1 from \"./Survey.vue?vue&type=style&index=1&id=f7649024&prod&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 \"f7649024\",\n null\n \n)\n\nexport default component.exports","\r\n
\r\n\r\n\r\n\r\n\r\n","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!./StaffScanTemperature.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!./StaffScanTemperature.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StaffScanTemperature.vue?vue&type=template&id=2dfa8fac&scoped=true\"\nimport script from \"./StaffScanTemperature.vue?vue&type=script&lang=js\"\nexport * from \"./StaffScanTemperature.vue?vue&type=script&lang=js\"\nimport style0 from \"./StaffScanTemperature.vue?vue&type=style&index=0&id=2dfa8fac&prod&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 \"2dfa8fac\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container mt-4\",attrs:{\"id\":\"thankyouPayment\"}},[_c('div',[_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"grid-content\"},[_c('img',{staticStyle:{\"width\":\"100px\"},attrs:{\"src\":require(\"../assets/tick.png\")}}),_c('h3',{staticStyle:{\"font-weight\":\"normal\",\"font-family\":\"Gabriola\"}},[_vm._v(\"Thank you for payment.\")]),_c('p',{staticStyle:{\"margin-bottom\":\"0px\"}},[_c('small',[_vm._v(\"Please check your email for e-receipt.\")])]),_c('p',[_c('small',[_vm._v(\"You will receive an email shortly with PDF to download.\")])])])])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
Thank you for payment.
\r\n
Please check your email for e-receipt.
\r\n
You will receive an email shortly with PDF to download.
\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n\r\n\r\n\r\n","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!./ThankyouPayment.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!./ThankyouPayment.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ThankyouPayment.vue?vue&type=template&id=fb8c4bba&scoped=true\"\nimport script from \"./ThankyouPayment.vue?vue&type=script&lang=js\"\nexport * from \"./ThankyouPayment.vue?vue&type=script&lang=js\"\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 \"fb8c4bba\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"apf\"}},[(!_vm.isSubmitted && !_vm.isDraft)?_c('div',{staticClass:\"container\"},[_c('h4',{staticClass:\"text-red\"},[_vm._v(\"Student Application Form\")]),_c('div',{staticClass:\"row\",staticStyle:{\"margin\":\"0 0 25px 0\"}},[_vm._v(\"\\n Welcome to the student application form for EtonHouse schools. If you are here, it is very likely that you have made the decision to join one of our wonderful schools. Congratulations on choosing what we know will be a wonderful learning experience for your child. We will guide you through this journey and make the application process as smooth as possible. To complete the application form, you will need to upload some supporting documents and proof of payment for the application fee of $654 (includes 9% GST) to be paid via PayNow or wire transfer.\\n \")]),_c('div',{staticClass:\"row\",staticStyle:{\"margin\":\"0 0 25px 0\"}},[_c('ApfSelectSchoolDropdown',{attrs:{\"school\":_vm.selectOptSchool,\"validator\":_vm.$v.selectOptSchool,\"group\":\"EH\"},on:{\"change\":function($event){_vm.selectOptSchool = $event}}}),_c('ApfUploadStudentPhoto',{on:{\"change\":function($event){_vm.uploadedStuImg = $event}}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectOptSchool),expression:\"selectOptSchool\"}]},[_c('div',{staticClass:\"saf-step-container\",staticStyle:{\"margin-bottom\":\"30px\"}},[_c('el-steps',{attrs:{\"active\":_vm.currentStep}},_vm._l((_vm.steps),function(item,index){return _c('el-step',{key:index,attrs:{\"title\":item.title,\"description\":item.desc},nativeOn:{\"click\":function($event){return _vm.clickStep(index)}}})}),1)],1),_c('div',[_c('span',{staticStyle:{\"display\":\"block\",\"color\":\"#dc2826\",\"font-weight\":\"bold\"}},[_vm._v(\"Step \"+_vm._s(_vm.currentStep + 1))])]),(_vm.currentStep === 0)?_c('div',{staticClass:\"saf-student-details-cotainer\",staticStyle:{\"position\":\"relative\"}},[_vm._m(0),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"row-gap\":\"1.5rem\",\"column-gap\":\"3rem\"}},[_c('ApfBasicInput',{attrs:{\"name\":\"studFirstName\",\"label\":\"First Name\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studFirstName),expression:\"studFirstName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studFirstName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studFirstName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"studLastName\",\"label\":\"Last Name\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studLastName),expression:\"studLastName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studLastName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studLastName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"studDOB\",\"label\":\"Date of Birth\",\"validator\":_vm.$v}},[_c('el-date-picker',{attrs:{\"type\":\"date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\",\"placeholder\":\"Pick a day\",\"picker-options\":_vm.datePicker},model:{value:(_vm.studDOB),callback:function ($$v) {_vm.studDOB=$$v},expression:\"studDOB\"}})],1),_c('ApfBasicInput',{attrs:{\"name\":\"inputFirstCommencementDate\",\"label\":\"Commencement Date\",\"validator\":_vm.$v}},[_c('el-date-picker',{attrs:{\"type\":\"date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\",\"placeholder\":\"Pick a day\",\"picker-options\":_vm.CommDatePicker},on:{\"change\":function($event){return _vm.checkStudentAge()}},model:{value:(_vm.inputFirstCommencementDate),callback:function ($$v) {_vm.inputFirstCommencementDate=$$v},expression:\"inputFirstCommencementDate\"}}),(_vm.autoLevel)?_c('div',{staticClass:\"autoLevel\"},[_vm._v(\"Level: \"+_vm._s(_vm.autoLevel))]):_vm._e()],1),_c('ApfBasicInput',{attrs:{\"name\":\"studGender\",\"label\":\"Gender\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studGender),expression:\"studGender\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studGender=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"Male\"}},[_vm._v(\"Male\")]),_c('option',{attrs:{\"value\":\"Female\"}},[_vm._v(\"Female\")])])]),_c('ApfBasicInput',{attrs:{\"name\":\"studCOB\",\"label\":\"Country of Birth\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studCOB),expression:\"studCOB\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studCOB=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:`COB_${items.CNYid}`,domProps:{\"value\":items.CNYname.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYname)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"studNationality\",\"label\":\"Nationality\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studNationality),expression:\"studNationality\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studNationality=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:`SN_${items.CNYid}`,domProps:{\"value\":items.CNYnationality.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYnationality)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"studCurrentSchName\",\"label\":\"Current School Name\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studCurrentSchName),expression:\"studCurrentSchName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studCurrentSchName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studCurrentSchName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"studCurrentSchCountry\",\"label\":\"Current School Country\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studCurrentSchCountry),expression:\"studCurrentSchCountry\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studCurrentSchCountry=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:`SSC_${items.CNYid}`,domProps:{\"value\":items.CNYname.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYname)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"studIsEnrolled\",\"validator\":_vm.$v,\"label\":\"Has your child been enrolled with EtonHouse previously?\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studIsEnrolled),expression:\"studIsEnrolled\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studIsEnrolled=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"yes\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"no\"}},[_vm._v(\"No\")])])]),(_vm.studIsEnrolled === 'yes')?_c('ApfBasicInput',{attrs:{\"label\":\"Please select which Etonhouse school\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studIsEnrolledSchool),expression:\"studIsEnrolledSchool\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studIsEnrolledSchool=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.schoolNameList),function(opt){return _c('option',{key:opt.id,domProps:{\"value\":opt.SchoolID}},[_vm._v(\"\\n \"+_vm._s(opt.SchoolName)+\"\\n \"),(opt.SchoolID === 'SCH201500000043' || opt.SchoolID === 'SCH201400000537')?[_vm._v(\"\\n (Pre-School)\\n \")]:_vm._e()],2)}),0)]):_vm._e(),_c('ApfBasicInput',{attrs:{\"name\":\"studPassApplication\",\"label\":\"Do you need to apply for student pass?\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studPassApplication),expression:\"studPassApplication\"}],staticClass:\"form-control\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studPassApplication=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.onSelection($event)}]}},[_c('option',{attrs:{\"value\":\"yes\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"no\"}},[_vm._v(\"No\")])])]),(_vm.studPassApplication === 'no')?_c('ApfBasicInput',{attrs:{\"name\":\"studImmigrationStatus\",\"label\":\"Immigration Status\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studImmigrationStatus),expression:\"studImmigrationStatus\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studImmigrationStatus=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"DP(Dependant Pass)\"}},[_vm._v(\"Dependent's Pass\")]),_c('option',{attrs:{\"value\":\"LTVP(Long Term Visit Pass)\"}},[_vm._v(\"Long Term Visit Pass\")]),_c('option',{attrs:{\"value\":\"PR(Permanent Resident)\"}},[_vm._v(\"Permanent Resident\")]),_c('option',{attrs:{\"value\":\"SC(Citizen)\"}},[_vm._v(\"Singapore Citizen\")])])]):_vm._e(),_c('ApfBasicInput',{attrs:{\"name\":\"studImmigrationStatusNo\",\"label\":\"Passport No./NRIC No./Birth Certificate No.\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studImmigrationStatusNo),expression:\"studImmigrationStatusNo\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studImmigrationStatusNo)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studImmigrationStatusNo=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Expiry Date\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studImmigrationStatusNoExpiryDate),expression:\"studImmigrationStatusNoExpiryDate\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.studImmigrationStatusNoExpiryDate)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studImmigrationStatusNoExpiryDate=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"studFirstLanguage\",\"label\":\"First(1st) Language\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studFirstLanguage),expression:\"studFirstLanguage\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studFirstLanguage)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studFirstLanguage=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Second(2nd) Language (if applicable)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studSecondLanguage),expression:\"studSecondLanguage\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studSecondLanguage)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studSecondLanguage=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Does your child have siblings?\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.isStudHasSibling),expression:\"isStudHasSibling\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.isStudHasSibling=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"Yes\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"No\"}},[_vm._v(\"No\")])])]),_c('ApfBasicInput',{staticStyle:{\"grid-column\":\"1/-1\"},attrs:{\"label\":\"Add Sibling's Details\"}},[_c('div',{staticStyle:{\"margin\":\".5rem 0\",\"display\":\"grid\",\"grid-template-columns\":\"auto auto auto auto\",\"gap\":\"2rem\",\"align-items\":\"end\"}},[_c('div',[_c('label',[_vm._v(\"Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studSiblingName),expression:\"studSiblingName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studSiblingName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studSiblingName=$event.target.value}}})]),_c('div',[_c('label',[_vm._v(\"Gender\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studSiblingGender),expression:\"studSiblingGender\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studSiblingGender=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"Male\"}},[_vm._v(\"Male\")]),_c('option',{attrs:{\"value\":\"Female\"}},[_vm._v(\"Female\")])])]),_c('div',[_c('label',[_vm._v(\"Date of Birth\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studSiblingDOB),expression:\"studSiblingDOB\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.studSiblingDOB)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studSiblingDOB=$event.target.value}}})]),_c('button',{staticClass:\"btn common-btn\",staticStyle:{\"margin-right\":\"auto\",\"color\":\"white\",\"padding\":\"6px 36px\"},on:{\"click\":function($event){return _vm.addStudSibling()}}},[_vm._v(\"Add\\n \")])]),(_vm.studArrSiblingDetails.length > 0)?_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('data-tables',{attrs:{\"data\":_vm.studArrSiblingDetails,\"action-col\":_vm.studArrSiblingDetailsListAction}},_vm._l((_vm.studArrSiblingDetailsList),function(keyTag){return _c('el-table-column',{key:keyTag.prop,attrs:{\"prop\":keyTag.prop,\"label\":keyTag.label,\"sortable\":\"custom\"}})}),1)],1):_vm._e()])],1),_c('hr'),_c('ApfLanguageSection',{attrs:{\"group\":\"EH\",\"school\":_vm.selectOptSchool,\"validator\":_vm.$v,\"form\":this}})],1):_vm._e(),(_vm.currentStep === 1)?_c('div',{staticClass:\"saf-parent-guarding-details-container\"},[_vm._m(1),_c('div',[_c('div',{staticClass:\"stud-legal-rights-container\"},[_c('label',[_vm._v(\"Student's Legal Rights\")]),_vm._m(2),_c('div',[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectOptParent),expression:\"selectOptParent\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectOptParent=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrOptParent),function(opt,idx){return _c('option',{key:`arropt-${idx}`,domProps:{\"value\":opt.value}},[_vm._v(\"\\n \"+_vm._s(opt.name)+\"\\n \")])}),0)])]),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"gap\":\"3rem\"}},[(_vm.selectOptParent === 'father' || _vm.selectOptParent === 'fnm')?_c('div',{class:_vm.selectOptParent === 'father' ? 'single' : '',staticStyle:{\"display\":\"grid\",\"gap\":\"1.5rem\"}},[_vm._m(3),_c('ApfBasicInput',{attrs:{\"name\":\"faFirstName\",\"label\":\"First Name\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faFirstName),expression:\"faFirstName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faFirstName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faFirstName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"faLastName\",\"label\":\"Last Name\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faLastName),expression:\"faLastName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faLastName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faLastName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Middle Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faMiddleName),expression:\"faMiddleName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faMiddleName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faMiddleName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"faNationality\",\"label\":\"Nationality\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faNationality),expression:\"faNationality\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.faNationality=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:`FN_${items.CNYid}`,domProps:{\"value\":items.CNYnationality.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYnationality)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"faEmail\",\"label\":\"Email\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faEmail),expression:\"faEmail\"}],staticClass:\"form-control\",attrs:{\"type\":\"email\"},domProps:{\"value\":(_vm.faEmail)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faEmail=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"faTelM\",\"label\":\"Tel (M)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faTelM),expression:\"faTelM\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faTelM)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faTelM=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (H)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faTelH),expression:\"faTelH\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faTelH)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faTelH=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"faResidencyDocNo\",\"label\":\"Passport No. (NRIC for Singapore Citizen/PR)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faResidencyDocNo),expression:\"faResidencyDocNo\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faResidencyDocNo)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faResidencyDocNo=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Expiry Date\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faResidencyDocExpiry),expression:\"faResidencyDocExpiry\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.faResidencyDocExpiry)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faResidencyDocExpiry=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Company Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faCompanyName),expression:\"faCompanyName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faCompanyName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faCompanyName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Occupation\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faOccupation),expression:\"faOccupation\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faOccupation)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faOccupation=$event.target.value}}})])],1):_vm._e(),(_vm.selectOptParent === 'mother' || _vm.selectOptParent === 'fnm')?_c('div',{class:_vm.selectOptParent === 'mother' ? 'single' : '',staticStyle:{\"display\":\"grid\",\"gap\":\"1.5rem\"}},[_vm._m(4),_c('ApfBasicInput',{attrs:{\"name\":\"maFirstName\",\"label\":\"First Name\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maFirstName),expression:\"maFirstName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maFirstName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maFirstName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"maLastName\",\"label\":\"Last Name\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maLastName),expression:\"maLastName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maLastName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maLastName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Middle Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maMiddleName),expression:\"maMiddleName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maMiddleName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maMiddleName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"maNationality\",\"label\":\"Nationality\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maNationality),expression:\"maNationality\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.maNationality=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:`MN_${items.CNYid}`,domProps:{\"value\":items.CNYnationality.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYnationality)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"maEmail\",\"label\":\"Email\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maEmail),expression:\"maEmail\"}],staticClass:\"form-control\",attrs:{\"type\":\"email\"},domProps:{\"value\":(_vm.maEmail)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maEmail=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"maTelM\",\"label\":\"Tel (M)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maTelM),expression:\"maTelM\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maTelM)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maTelM=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (H)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maTelH),expression:\"maTelH\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maTelH)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maTelH=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"maResidencyDocNo\",\"label\":\"Passport No. (NRIC for Singapore Citizen/PR)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maResidencyDocNo),expression:\"maResidencyDocNo\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maResidencyDocNo)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maResidencyDocNo=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Expiry Date\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maResidencyDocExpiry),expression:\"maResidencyDocExpiry\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.maResidencyDocExpiry)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maResidencyDocExpiry=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Company Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maCompanyName),expression:\"maCompanyName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maCompanyName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maCompanyName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Occupation\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maOccupation),expression:\"maOccupation\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maOccupation)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maOccupation=$event.target.value}}})])],1):_vm._e()]),_c('hr'),_c('div',{staticClass:\"emergency-contact-container\"},[_vm._m(5),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"repeat(4, auto)\",\"row-gap\":\"1rem\",\"column-gap\":\"2rem\",\"margin-bottom\":\"2rem\"}},[_c('ApfBasicInput',{attrs:{\"name\":\"emgPerson1\",\"label\":\"Person 1\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgPerson1),expression:\"emgPerson1\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgPerson1)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgPerson1=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"emgRelationship1\",\"label\":\"Relationship\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgRelationship1),expression:\"emgRelationship1\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgRelationship1)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgRelationship1=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"emgTelM1\",\"label\":\"Tel (M)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgTelM1),expression:\"emgTelM1\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgTelM1)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgTelM1=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (H)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgTelH1),expression:\"emgTelH1\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgTelH1)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgTelH1=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Person 2\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgPerson2),expression:\"emgPerson2\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgPerson2)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgPerson2=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Relationship\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgRelationship2),expression:\"emgRelationship2\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgRelationship2)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgRelationship2=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (M)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgTelM2),expression:\"emgTelM2\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgTelM2)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgTelM2=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (H)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgTelH2),expression:\"emgTelH2\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgTelH2)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgTelH2=$event.target.value}}})])],1)]),_c('hr'),_c('div',{staticClass:\"correspondence-container\"},[_vm._m(6),_c('ApfBasicInput',{staticStyle:{\"margin-bottom\":\"1rem\"},attrs:{\"name\":\"corrResidingType\",\"label\":\"Student will be residing with\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.corrResidingType),expression:\"corrResidingType\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.corrResidingType=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"father\"}},[_vm._v(\"Father\")]),_c('option',{attrs:{\"value\":\"mother\"}},[_vm._v(\"Mother\")]),_c('option',{attrs:{\"value\":\"parents\"}},[_vm._v(\"Parents\")]),_c('option',{attrs:{\"value\":\"guardian\"}},[_vm._v(\"Guardian\")])])]),(_vm.corrResidingType === 'guardian')?_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"column-gap\":\"2rem\",\"row-gap\":\"1rem\",\"border\":\"1px solid lightgray\",\"padding\":\"1rem\",\"border-radius\":\"2px\",\"margin-bottom\":\"2rem\"}},[_vm._m(7),_c('ApfBasicInput',{attrs:{\"label\":\"Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.gdName),expression:\"gdName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.gdName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.gdName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Email\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.gdEmail),expression:\"gdEmail\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.gdEmail)},on:{\"input\":function($event){if($event.target.composing)return;_vm.gdEmail=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (M)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.gdTelM),expression:\"gdTelM\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.gdTelM)},on:{\"input\":function($event){if($event.target.composing)return;_vm.gdTelM=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (H)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.gdTelH),expression:\"gdTelH\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.gdTelH)},on:{\"input\":function($event){if($event.target.composing)return;_vm.gdTelH=$event.target.value}}})])],1):_vm._e(),_c('ApfBasicInput',{staticStyle:{\"margin-bottom\":\"1rem\"},attrs:{\"name\":\"corrAddress\",\"label\":\"Address in Singapore\",\"validator\":_vm.$v}},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.corrAddress),expression:\"corrAddress\"}],staticClass:\"form-control\",attrs:{\"rows\":\"4\"},domProps:{\"value\":(_vm.corrAddress)},on:{\"input\":function($event){if($event.target.composing)return;_vm.corrAddress=$event.target.value}}})]),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"gap\":\"2rem\"}},[_c('ApfBasicInput',{attrs:{\"name\":\"corrAddressPostal\",\"label\":\"* Postal Code\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.corrAddressPostal),expression:\"corrAddressPostal\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.corrAddressPostal)},on:{\"input\":function($event){if($event.target.composing)return;_vm.corrAddressPostal=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"corrAddressCountry\",\"label\":\"* Country\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.corrAddressCountry),expression:\"corrAddressCountry\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"disabled\":\"\"},domProps:{\"value\":(_vm.corrAddressCountry)},on:{\"input\":function($event){if($event.target.composing)return;_vm.corrAddressCountry=$event.target.value}}})])],1)],1),_c('hr'),_c('div',{staticClass:\"billing-details-container\",staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"row-gap\":\"1rem\",\"column-gap\":\"2rem\"}},[_vm._m(8),_c('ApfBasicInput',{staticClass:\"col-span-full\",attrs:{\"label\":\"Billing Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billName),expression:\"billName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.billName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.billName=$event.target.value}}})]),_c('ApfBasicInput',{staticClass:\"col-span-full\",attrs:{\"label\":\"Address\"}},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billAddress),expression:\"billAddress\"}],staticClass:\"form-control\",attrs:{\"rows\":\"4\"},domProps:{\"value\":(_vm.billAddress)},on:{\"input\":function($event){if($event.target.composing)return;_vm.billAddress=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"billAddressPostal\",\"label\":\"* Postal Code\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billAddressPostal),expression:\"billAddressPostal\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.billAddressPostal)},on:{\"input\":function($event){if($event.target.composing)return;_vm.billAddressPostal=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"billAddressCountry\",\"label\":\"* Country\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billAddressCountry),expression:\"billAddressCountry\"}],staticClass:\"form-control w-full\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.billAddressCountry=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:items.CNYid,domProps:{\"value\":items.CNYname.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYname)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"billEmail\",\"label\":\"Email\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billEmail),expression:\"billEmail\"}],staticClass:\"form-control\",attrs:{\"type\":\"email\"},domProps:{\"value\":(_vm.billEmail)},on:{\"input\":function($event){if($event.target.composing)return;_vm.billEmail=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billTel),expression:\"billTel\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.billTel)},on:{\"input\":function($event){if($event.target.composing)return;_vm.billTel=$event.target.value}}})])],1)])]):_vm._e(),(_vm.currentStep === 2)?_c('div',{staticClass:\"saf-supportive-information-container\"},[_c('ApfQuestions',{staticStyle:{\"margin-bottom\":\"1rem\"},attrs:{\"group\":\"EH\",\"school\":_vm.selectOptSchool,\"questions\":_vm.questionAryObj,\"validator\":_vm.$v.questionAryObj}}),_c('hr'),_vm._m(9),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"column-gap\":\"2rem\"}},[_c('div',[_c('ApfBasicInput',{staticStyle:{\"margin-bottom\":\"1rem\"},attrs:{\"name\":\"siSignatureName\",\"label\":\"Name of Parent / Guardian\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.siSignatureName),expression:\"siSignatureName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.siSignatureName)},on:{\"change\":function($event){return _vm.copySignaturenName()},\"input\":function($event){if($event.target.composing)return;_vm.siSignatureName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"* Date\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.siSignatureDate),expression:\"siSignatureDate\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\",\"disabled\":\"\"},domProps:{\"value\":(_vm.siSignatureDate)},on:{\"input\":function($event){if($event.target.composing)return;_vm.siSignatureDate=$event.target.value}}})])],1),_c('ApfBasicInput',{attrs:{\"name\":\"siSignature\",\"label\":\"Signature\",\"validator\":_vm.$v}},[_c('div',{staticClass:\"signature-pad\",on:{\"click\":function($event){return _vm.$bvModal.show('signatureModal')}}},[(_vm.siSignature)?_c('img',{staticClass:\"imgParentSignature\",attrs:{\"src\":_vm.siSignature,\"type\":\"file\"}}):_vm._e()])])],1)],1):_vm._e(),(_vm.currentStep === 3)?_c('div',{staticClass:\"saf-declration-agreement-container\"},[_c('div',[_vm._m(10),_c('div',[_c('ApfDeclarationAndAgreement',{staticStyle:{\"margin-bottom\":\"2rem\"},attrs:{\"group\":\"EH\"}}),_c('div',{staticClass:\"row m-0\",staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"column-gap\":\"2rem\"}},[_c('div',[_c('div',{class:{ 'form-group--error': _vm.$v.daSignatureName.$error}},[_c('label',[_c('span',[_vm._v(\"* Name of Parent / Guardian \")]),(!_vm.daSignatureName)?_c('small',{staticStyle:{\"color\":\"red\"}},[_c('b',[_vm._v(\"Please check at step 3\")])]):_vm._e()]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.daSignatureName),expression:\"daSignatureName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"disabled\":\"\"},domProps:{\"value\":(_vm.daSignatureName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.daSignatureName=$event.target.value}}}),(!_vm.$v.daSignatureName.required)?_c('div',{staticClass:\"error requiredFieldsMsg\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('el-alert',{attrs:{\"title\":\"Name of Parent / Guardian is required!\",\"type\":\"error\"}})],1):_vm._e()]),_c('div',[_c('label',[_vm._v(\"* Date\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.daSignatureDate),expression:\"daSignatureDate\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\",\"disabled\":\"\"},domProps:{\"value\":(_vm.daSignatureDate)},on:{\"input\":function($event){if($event.target.composing)return;_vm.daSignatureDate=$event.target.value}}})])]),_c('div',{class:{ 'form-group--error': _vm.$v.daSignature.$error }},[_c('label',[_vm._v(\"* Signature \"),(!_vm.daSignatureName)?_c('small',{staticStyle:{\"color\":\"red\"}},[_c('b',[_vm._v(\"Please check at step 3\")])]):_vm._e()]),_c('div',{staticStyle:{\"border\":\"1px solid whitesmoke\",\"height\":\"120px\",\"width\":\"100%\",\"background\":\"whitesmoke\",\"border-radius\":\"6px\",\"cursor\":\"pointer\",\"max-height\":\"120px\",\"overflow\":\"auto\"}},[(_vm.daSignature)?_c('img',{staticClass:\"imgParentSignature\",staticStyle:{\"height\":\"100%\",\"width\":\"100%\",\"object-fit\":\"contain\"},attrs:{\"src\":_vm.daSignature,\"type\":\"file\"}}):_vm._e()]),(!_vm.$v.daSignature.required)?_c('div',{staticClass:\"error requiredFieldsMsg\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('el-alert',{attrs:{\"title\":\"Signature is required!\",\"type\":\"error\"}})],1):_vm._e()])])],1)])]):_vm._e(),(_vm.currentStep === 4)?_c('div',[_c('label',{staticClass:\"common-label-title\",staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"Document Checklist for Parents\")]),_c('p',{staticStyle:{\"color\":\"#212121\"}},[_vm._v(\"(To submit more than one document for each field, select the required documents and upload them at the same time. Only .jpg, .png and .pdf files will be accepted and total file size should not be more than 10MB. You may still submit your application even if you do not have all documents now. However, kindly note that we will only review your application after all required information and documents have been submitted at least 3 working days before the next Admission Panel.)\")]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_3\"}},[_c('strong',[_vm._v(\"1. Copy of father’s IC (Singaporean / Permanent Resident) or FIN card (copied on both sides).\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_4\"}},[_c('strong',[_vm._v(\"2. Copy of father’s passport showing the page of father’s personal particulars\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_5\"}},[_c('strong',[_vm._v(\"3. Copy of mother’s IC (Singaporean/ Permanent Resident) or FIN card (copied on both sides).\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_6\"}},[_c('strong',[_vm._v(\"4. Copy of mother’s passport showing the page of mother’s personal particulars\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_7\"}},[_c('strong',[_vm._v(\"5. Copy of child’s birth certificate (Singaporean only), Re‐Entry Permit (Permanent Resident only), FIN card or Student Pass (copied on both sides)\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_8\"}},[_c('strong',[_vm._v(\"6. Copy of child’s passport showing the page of child’s personal particulars\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_9\"}},[_c('strong',[_vm._v(\"7. Photo of the child (for student’s ID and application form)\")]),_c('br'),_c('span',[_vm._v(\"photo must be clear, front-facing and taken against white background\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_10\"}},[_c('strong',[_vm._v(\"8. Photo for each parent/guardian for family photo ID\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_11\"}},[(this.selectOptSchool === _vm.schools.Orchard)?[_c('strong',[_vm._v(\"9. Student's Previous 2 Years of School Reports\")]),_c('div',[_vm._v(\"- Last year level full year school report\")]),_c('div',[_vm._v(\"- Current year level full year school report (or all reports you have received for current year)\")])]:_c('strong',[_vm._v(\"9. Copy of child’s latest school report (in English)\")])],2),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_12\"}},[_c('strong',[_vm._v(\"10. Copy of child's immunisation record (Immunisation against Diphtheria and Measles is compulsory in Singapore. Immunisation records is required for students under 12 years old.)\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_15\"}},[_c('strong',[_vm._v(\"11. Any other relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)\")])]),(_vm.$v.arrChecklistAttach.$error && !_vm.$v.arrChecklistAttach.hasPaymentDoc)?_c('div',{staticClass:\"requiredFieldsMsg\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('el-alert',{attrs:{\"title\":\"Payment proof document is required\",\"type\":\"error\"}})],1):_vm._e(),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_payment\"}},[_c('strong',[_vm._v(\"*12. Screenshot or proof of payment for the application fee of S$654, inclusive of 9% GST. (Kindly note that payment must be made before the school processes the application)\")]),_c('ApfUploadPaymentInfo',{attrs:{\"group\":\"EH\",\"school\":_vm.selectOptSchool}})],1)],1):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentStep === 5),expression:\"currentStep === 5\"}],staticStyle:{\"padding-top\":\"1rem\"}},[_c('ApfReferralChannelSelector',{staticStyle:{\"margin-bottom\":\"1rem\"},attrs:{\"group\":\"EH\",\"channel\":_vm.trafficChannel},on:{\"change\":function($event){_vm.trafficChannel = $event}}}),_c('strong',[_vm._v(\"2. If you have authorised a representative to assist you with this application, please fill in their information below:\")]),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"column-gap\":\"2rem\",\"margin\":\"0.5rem 0\"}},[_c('div',[_c('label',[_vm._v(\"Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.raAgentName),expression:\"raAgentName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.raAgentName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.raAgentName=$event.target.value}}})]),_c('div',[_c('label',[_vm._v(\"Email\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.raAgentEmail),expression:\"raAgentEmail\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.raAgentEmail)},on:{\"input\":function($event){if($event.target.composing)return;_vm.raAgentEmail=$event.target.value}}})]),_c('div',[_c('label',[_vm._v(\"Company Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.raAgentCompanyName),expression:\"raAgentCompanyName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.raAgentCompanyName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.raAgentCompanyName=$event.target.value}}})]),_c('div',[_c('label',[_vm._v(\"Contact Number\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.raAgentTel),expression:\"raAgentTel\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.raAgentTel)},on:{\"input\":function($event){if($event.target.composing)return;_vm.raAgentTel=$event.target.value}}})])])],1),_c('div',{staticStyle:{\"margin\":\"20px 0 0 0\",\"background\":\"#eeeeee\",\"padding\":\"10px\",\"display\":\"flex\",\"justify-content\":\"space-between\",\"flex-wrap\":\"wrap\"}},[(_vm.currentStep === _vm.steps.length-1)?_c('button',{staticClass:\"btn btn-success\",on:{\"click\":function($event){return _vm.validationForm()}}},[_vm._v(\"\\n Submit Application\\n \")]):_vm._e(),_c('div',{staticStyle:{\"display\":\"flex\",\"gap\":\"10px\",\"margin-left\":\"auto\"}},[(_vm.currentStep >= 0 && _vm.currentStep < _vm.steps.length)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.saveDraft()}}},[_vm._v(\"\\n Save As Draft\\n \")]):_vm._e(),(_vm.currentStep > 0 && _vm.currentStep <= _vm.steps.length - 1)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.changeStep('prev')}}},[_vm._v(\"\\n Previous\\n \")]):_vm._e(),(_vm.currentStep >= 0 && _vm.currentStep < _vm.steps.length - 1)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.changeStep('next')}}},[_vm._v(\"\\n Next\\n \")]):_vm._e()])]),(_vm.validationErrors.length > 0)?_c('div',{staticStyle:{\"padding\":\"0.5rem 0\"}},[_c('div',{staticClass:\"el-alert el-alert--error is-light\",staticStyle:{\"display\":\"block\"}},[_c('div',{staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"Please fill in the following required fields:\")]),_c('ol',{staticClass:\"el-alert__content\",staticStyle:{\"padding-left\":\"2rem\",\"padding-bottom\":\"0\"}},_vm._l((_vm.validationErrors),function([errKey]){return _c('li',{key:errKey},[_vm._v(_vm._s(_vm.getValidationMessageFromKey(errKey)))])}),0)])]):_vm._e()])]):(_vm.isSubmitted)?_c('ApfAfterSubmitMessage',{attrs:{\"group\":\"EH\"}}):(_vm.isDraft)?_c('ApfAfterSaveDraftMessage',{attrs:{\"group\":\"EH\"}}):_vm._e(),_c('ApfSignaturePadModal',{on:{\"save\":function($event){return _vm.saveSignature($event)}}}),_c('ApfEmailVerificationModal',{on:{\"verify\":function($event){return _vm.setupDraft($event)}}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"20px\"}},[_c('label',{staticClass:\"common-label-title\"},[_vm._v(\"Student Details\")]),_c('small',[_vm._v(\"(Please provide a written notice to the Parent Liaison Office of any changes to the information provided in this form.)\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('label',{staticClass:\"common-label-title\"},[_vm._v(\"Parent(s) or Local Guardian Details\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_c('i',[_vm._v(\"Under Singapore law, a person under 21 years of age is considered a minor and the parents/local guardians are responsible for the Student. The decision making rights of a minor vest in the parents/local guardians. Where parents of the Student divorced/separated, the School will follow an order of court to determine the party/parties that has/have custody of the Student and therefore, is responsible for making decisions for the Student.\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('label',[_c('img',{attrs:{\"src\":require(\"../../assets/VectorMale.png\")}}),_vm._v(\" Father\")]),_c('hr',{staticStyle:{\"margin-bottom\":\"0\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('label',[_c('img',{attrs:{\"src\":require(\"../../assets/VectorFemale.png\")}}),_vm._v(\"Mother\")]),_c('hr',{staticStyle:{\"margin-bottom\":\"0\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-a\"},[_c('strong',[_vm._v(\"Emergency Contact\")]),_c('small',[_vm._v(\"(Alternative English-speaking person in Singapore in case of emergency if parents/guardian are not contactable.)\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-a\"},[_c('strong',[_vm._v(\"Correspondence\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"font-weight\":\"bold\",\"grid-column\":\"1 / -1\"}},[_c('img',{attrs:{\"src\":require(\"../../assets/VectorMale.png\")}}),_vm._v(\" Guardian\\n \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-a col-span-full m-0\"},[_c('strong',[_vm._v(\"Billing Name & Address for Tuition Fees (if different from above)\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"30px\"}},[_c('label',{staticStyle:{\"color\":\"#212121\",\"font-weight\":\"bold\"}},[_vm._v(\"IMPORTANT: Should EtonHouse be unable to contact the child’s parent(s) or emergency contact person, I give permission to EtonHouse to seek medical assistance for my child. I will bear full financial responsibility for any cost incurred.\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('label',{staticClass:\"common-label-title\"},[_vm._v(\"Declaration and Agreement\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main',[_c('div',{class:{ 'form-group--error': _vm.validator.$error },staticStyle:{\"width\":\"70%\"}},[_c('div',{staticStyle:{\"padding\":\"0 15px\",\"margin-bottom\":\"10px\",\"background\":\"white\",\"border\":\"1px solid #eee\",\"border-radius\":\"11px\"}},[_c('img',{staticStyle:{\"width\":\"20px\",\"vertical-align\":\"sub\",\"margin-right\":\"5px\"},attrs:{\"src\":require(\"../../../assets/momentGraduationCap.png\")}}),(_vm.group === 'EH')?_c('strong',[_vm._v(\"* Please select which EtonHouse school\")]):_vm._e(),(_vm.group === 'MIS')?_c('strong',[_vm._v(\"* Please select which Middleton campus\")]):_vm._e(),_c('div',{staticStyle:{\"display\":\"inline-block\",\"margin-left\":\"10px\",\"width\":\"50%\"}},[_c('select',{staticClass:\"form-control ddl-sch-opt m-0\",domProps:{\"value\":_vm.selected},on:{\"change\":function($event){return _vm.changeSchoolOpt($event)}}},[_c('option',{attrs:{\"value\":\"\",\"selected\":\"\",\"disabled\":\"\"}},[_vm._v(\"Please select\")]),_vm._l((_vm.schools),function(id,name){return _c('option',{key:id,domProps:{\"value\":id}},[_vm._v(_vm._s(name))])})],2)])]),(!_vm.validator.required)?_c('div',{staticClass:\"error requiredFieldsMsg\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('el-alert',{attrs:{\"title\":_vm.getValidationMessageFromKey('selectOptSchool'),\"type\":\"error\"}})],1):_vm._e()]),_c('b-modal',{ref:\"showSupportingDocumentModal\",attrs:{\"title\":\"Supporting Documents\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('h5',[_vm._v(\"\\n Dear parents,\"),_c('br'),_vm._v(\"\\n The application form will take approximately 10-20 minutes to complete. You will need to upload the following documents as part of your application.\\n Please prepare them in advance to shorten the time needed to complete the application process.\\n \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('b',[_vm._v(\"Documents checklist\")])])]),(_vm.selected === _vm.schools['Broadrick'])?_c('div',[_c('div',[_vm._v(\"1) Copy of each parent's passport\")]),_c('div',[_vm._v(\"2) Copy of each parent's IC (for Singaporean / Permanent Resident) or FIN card (copied on both sides)\")]),_c('div',[_vm._v(\"3) Copy of student's passport\")]),_c('div',[_vm._v(\"4) Copy of student's birth certificate (Singaporean only) or Re-Entry Permit (Permanent Resident only) or FIN card (copied on both sides)\")]),_c('div',[_vm._v(\"5) Copy of student's latest school report (in English).\")]),_c('div',[_vm._v(\"6) Copy of student's most up to date immunisation record (*Note: immunisation against Diphtheria and Measles is compulsory in Singapore.Immunisation records are required for students under 12 years old)\")]),_c('div',[_vm._v(\"7) Digital photographs of student and each parent (photo must be clear, front-facing and taken against white background)\")]),_c('div',[_vm._v(\"8) Copy of all relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)\")]),_c('div',[_vm._v(\"9) Screenshot or proof of payment for the application fee of $654. (Payment methods can be found on the\\n \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":\"https://www.etonhouse.edu.sg/school/broadrick/fees/\"}},[_vm._v(\"school fees page\")]),_vm._v(\")\\n \")]),_c('br'),_c('div',[_c('b',[_vm._v(\"Other Documents required\")])]),_c('div',[_vm._v(\"\\n a) Student Reference Form. (This form is to be completed and sent directly back to us by your child's current/previous school).\\n \"),_c('a',{attrs:{\"href\":\"https://www.etonhouse.edu.sg/wp-content/uploads/2021/01/Student-Reference-Form_EHIS-2017-New-URL.pdf\",\"target\":\"_blank\"}},[_vm._v(\"Download here\")])])]):_vm._e(),(_vm.selected === _vm.schools['Orchard'])?_c('div',[_c('div',[_vm._v(\"1) Copy of each parent's passport\")]),_c('div',[_vm._v(\"2) Copy of each parent's IC (for Singaporean / Permanent Resident) or FIN card (copied on both sides)\")]),_c('div',[_vm._v(\"3) Copy of student's passport\")]),_c('div',[_vm._v(\"4) Copy of student's birth certificate (Singaporean only) or Re-Entry Permit (Permanent Resident only) or FIN card (copied on both sides)\")]),_c('div',[_vm._v(\"5) Student's Previous 2 Years of School Reports\")]),_c('div',{staticStyle:{\"padding-left\":\"20px\"}},[_vm._v(\"5a) Last year level full year school report\")]),_c('div',{staticStyle:{\"padding-left\":\"20px\"}},[_vm._v(\"5b) Current year level full year school report (or all reports you have received for current year)\")]),_c('div',[_vm._v(\"6) Copy of student's most up to date immunisation record (*Note: immunisation against Diphtheria and Measles is compulsory in Singapore. Immunisation records are required for students under 12 years old)\")]),_c('div',[_vm._v(\"7) Digital photographs of student and each parent (photo must be clear, front-facing and taken against white background)\")]),_c('div',[_vm._v(\"8) Copy of all relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)\")]),_c('div',[_vm._v(\"9) Screenshot or proof of payment for the application fee of $654. (Payment methods can be found on the\\n \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":\"https://www.etonhouse.edu.sg/school/orchard/fees/\"}},[_vm._v(\"school fees page\")]),_vm._v(\")\\n \")]),_c('br'),_c('div',[_c('b',[_vm._v(\"Other Documents required\")])]),_c('div',[_vm._v(\"\\n a) Student Reference Form (This form is to be completed and sent directly back to us by your child's current/previous school).\\n \"),_c('a',{attrs:{\"href\":\"https://kws.etonhouse.com/images/EH%20Orchard%20Student%20Reference%20Form.pdf\",\"target\":\"_blank\"}},[_vm._v(\"Download here\")])])]):_vm._e(),(_vm.selected === _vm.schools['Sentosa Primary'])?_c('div',[_c('div',[_vm._v(\"1) Copy of each parent's passport\")]),_c('div',[_vm._v(\"2) Copy of each parent's IC (for Singaporean / Permanent Resident) or FIN card (copied on both sides)\")]),_c('div',[_vm._v(\"3) Copy of student's passport\")]),_c('div',[_vm._v(\"4) Copy of student's birth certificate (Singaporean only) or Re-Entry Permit (Permanent Resident only) or FIN card (copied on both sides)\")]),_c('div',[_vm._v(\"5) Copy of student's latest school report (in English)\")]),_c('div',[_vm._v(\"6) Copy of student's most up to date immunisation record (*Note: immunisation against Diphtheria and Measles is compulsory in Singapore)\")]),_c('div',[_vm._v(\"7) Digital photographs of student and each parent (photo must be clear, front-facing and taken against white background)\")]),_c('div',[_vm._v(\"8) Copy of all relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)\")]),_c('div',[_vm._v(\"9) Screenshot or proof of payment for the application fee of $654. (Payment methods can be found on the\\n \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":\"https://www.etonhouse.edu.sg/school/sentosa/fees/\"}},[_vm._v(\"school fees page\")]),_vm._v(\")\\n \")]),_c('br'),_c('div',[_c('b',[_vm._v(\"Other Documents required\")])]),_c('div',[_vm._v(\"\\n a) Student Reference Form (This form is to be completed and sent directly back to us by your child's current/previous school).\\n \"),_c('a',{attrs:{\"href\":\"https://www.etonhouse.edu.sg/wp-content/uploads/2021/01/Student-Reference-Form_EHIS-2017-New-URL.pdf\",\"target\":\"_blank\"}},[_vm._v(\"Download here\")])])]):_vm._e(),(_vm.selected && _vm.group === 'MIS')?_c('div',[_c('div',[_vm._v(\"1) Both parents’ Singapore identification documents (ID) or passport if Singapore ID is not available\")]),_c('div',[_vm._v(\"2) Student’s passport and Singapore identification documents\")]),_c('div',[_vm._v(\"3) Student’s latest school report (in English)\")]),_c('div',[_vm._v(\"4) Student’s vaccination records or \"),_c('a',{attrs:{\"href\":\"https://www.nir.hpb.gov.sg/fcine/#/\",\"target\":\"_blank\"}},[_vm._v(\"Singapore’s Health Promotion Board (HPB) certificate\")]),_vm._v(\" (Measles and Diphtheria are compulsory for children aged 12 and below)\")]),_c('div',[_vm._v(\"5) Passport photos of the student and both parents (clear, recent digital photo with a neutral background accepted)\")]),_c('div',[_vm._v(\"6) All relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)\")]),_c('div',[_vm._v(\"7) Screenshot or proof of payment for the administration fee of $540. (Payment methods can be found \"),_c('a',{attrs:{\"href\":\"https://www.middleton.edu.sg/admissions/applications/procedures/\",\"target\":\"_blank\"}},[_vm._v(\"here\")]),_vm._v(\")\")])]):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import {email, required, requiredIf} from \"vuelidate/lib/validators\";\r\n\r\nconst schools = {\r\n 'Broadrick': 'SCH201300000254',\r\n 'Orchard': 'SCH201700000431',\r\n 'Sentosa Primary': 'SCH201700000394',\r\n}\r\n\r\nconst middletonSchools = {\r\n 'Tampines': 'SCH201800000510',\r\n 'Upper Bukit Timah': 'SCH201600000354',\r\n 'West Coast': 'SCH202100000591',\r\n}\r\n\r\nconst steps = [\r\n {title: \"Step 1\", desc: \"Student Details\"},\r\n {title: \"Step 2\", desc: \"Parent(s) or Local Guardian Details\"},\r\n {title: \"Step 3\", desc: \"Supporting Infomation\"},\r\n {title: \"Step 4\", desc: \"Declaration and Agreement\"},\r\n {title: \"Step 5\", desc: \"Attachment\"},\r\n {title: \"Step 6\", desc: \"Others\"}\r\n];\r\n\r\nconst getValidationMessageFromKey = function (key) {\r\n const data = {\r\n selectOptSchool: `Please select a school!`,\r\n studFirstName: `First Name is required!`,\r\n studLastName: `Last Name is required!`,\r\n studDOB: `Date of Birth is required!`,\r\n inputFirstCommencementDate: `Commencement Date is required!`,\r\n studGender: `Gender is required!`,\r\n studCOB: `Country of Birth is required!`,\r\n studNationality: `Nationality is required!`,\r\n studCurrentSchName: `Current school name is required!`,\r\n studCurrentSchCountry: `Current school country is required!`,\r\n studIsEnrolled: `Has your child been enrolled with EtonHouse previously is required!`,\r\n studPassApplication: `Please indicate whether your child need to apply student pass!`,\r\n studImmigrationStatus: `Immigration Status is required!`,\r\n studImmigrationStatusNo: `Passport/NRIC/FIN/Birth Certificate No. is required!`,\r\n studImmigrationStatusNoExpiryDate: `Immigration document expirty date is required!`,\r\n studFirstLanguage: `First(1st) Language is required!`,\r\n faFirstName: `Father's First Name is required!`,\r\n faLastName: `Father's Last Name is required!`,\r\n faNationality: `Father's Nationality is required!`,\r\n billEmail: `Valid billing email is required!`,\r\n faEmail: `Father's Email is required!`,\r\n faTelM: `Father's Tel (M) is required!`,\r\n faResidencyDocNo: `Father's Passport No. (NRIC for Singapore Citizen/PR) is required!`,\r\n faResidencyStatus: `Father's type of residency is required!`,\r\n faResidencyDocExpiry: `Father's residency document expiry date is required!`,\r\n maFirstName: `Mother's First Name is required!`,\r\n maLastName: `Mother's Last Name is required!`,\r\n maNationality: `Mother's Nationality is required!`,\r\n maEmail: `Mother's Email is required!`,\r\n maTelM: `Mother's Tel (M) is required!`,\r\n maResidencyDocNo: `Mother's Passport No. (NRIC for Singapore Citizen/PR) is required!`,\r\n maResidencyStatus: `Mother's type of residency is required!`,\r\n maResidencyExpiry: `Mother's residency document expiry date is required!`,\r\n emgPerson1: `Emergency Contact Name is required!`,\r\n emgRelationship1: `Emergency Contact Relationship is required!`,\r\n emgTelM1: `Emergency Contact Tel (M) is required!`,\r\n corrResidingType: `Student will be residing with is required!`,\r\n corrAddress: `Address in Singapore is required!`,\r\n siSignatureName: `Supporting Information Signature Name is required!`,\r\n siSignature: `Supporting Information Signature is required!`,\r\n siSignatureDate: `Supporting Information Signature date is required!`,\r\n daSignatureName: `Declare & Agreement Signature Name is required!`,\r\n daSignature: `Declare & Agreement Signature is required!`,\r\n daSignatureDate: `Declare & Agreement Signature date is required!`,\r\n arrChecklistAttach: `Please check all the required documents are uploaded.`,\r\n questionAryObj: `Please check all the reuqired Q&A questions are answered.`,\r\n englishReading: `Please indicate English reading proficiency level.`,\r\n englishSpeaking: `Please indicate English speaking proficiency level.`,\r\n englishWriting: `Please indicate English writing proficiency level.`,\r\n additionalLangValue: `Please indicate the additional language.`,\r\n };\r\n return data[key] ?? `${key} is required.`;\r\n};\r\n\r\nconst hasFather = function () {\r\n return this.selectOptParent === \"father\" || this.selectOptParent === \"fnm\";\r\n}\r\nconst hasMother = function () {\r\n return this.selectOptParent === \"mother\" || this.selectOptParent === \"fnm\";\r\n}\r\nconst studIsResident = function() {\r\n return this.studPassApplication === \"no\";\r\n}\r\nconst sharedValidations = {\r\n selectOptSchool: {required},\r\n studFirstName: {required},\r\n studLastName: {required},\r\n studDOB: {required},\r\n inputFirstCommencementDate: {required},\r\n studGender: {required},\r\n studCOB: {required},\r\n studNationality: {required},\r\n studCurrentSchName: {required},\r\n studCurrentSchCountry: {required},\r\n studIsEnrolled: {required},\r\n studImmigrationStatus: {requiredIf: requiredIf(studIsResident)},\r\n studImmigrationStatusNo: { required },\r\n studFirstLanguage: {required},\r\n faFirstName: {requiredIf: requiredIf(hasFather)},\r\n faLastName: {requiredIf: requiredIf(hasFather)},\r\n faNationality: {requiredIf: requiredIf(hasFather)},\r\n faEmail: {requiredIf: requiredIf(hasFather), email},\r\n faTelM: {requiredIf: requiredIf(hasFather)},\r\n faResidencyDocNo: {requiredIf: requiredIf(hasFather)},\r\n maFirstName: {requiredIf: requiredIf(hasMother)},\r\n maLastName: {requiredIf: requiredIf(hasMother)},\r\n maNationality: {requiredIf: requiredIf(hasMother)},\r\n maEmail: {requiredIf: requiredIf(hasMother), email},\r\n maTelM: {requiredIf: requiredIf(hasMother)},\r\n maResidencyDocNo: {requiredIf: requiredIf(hasMother)},\r\n emgPerson1: {required},\r\n emgRelationship1: {required},\r\n emgTelM1: {required},\r\n corrResidingType: {required},\r\n corrAddress: {required},\r\n siSignatureName: {required},\r\n siSignature: {required},\r\n siSignatureDate: {required},\r\n daSignatureName: {required},\r\n daSignature: {required},\r\n daSignatureDate: {required},\r\n arrChecklistAttach: { hasPaymentDoc: (value) => value.filter(x => x.attType === 'doc_payment').length > 0,},\r\n questionAryObj: {$each: { newAnswer: { requiredIf: requiredIf(m =>\r\n (m.APFQ_Ordering >= 14 && m.APFQ_Ordering <= 22) || (m.APFQ_Ordering >= 26 && m.APFQ_Ordering <= 29)\r\n ) } }}\r\n};\r\n\r\nconst misQuestionIds = [\r\n 'ENFQ202000000362', 'ENFQ202000000443', 'ENFQ202000000997', 'ENFQ202000000115', 'ENFQ202000000227'\r\n];\r\n\r\nconst ehValidations = {\r\n ...sharedValidations,\r\n studPassApplication: {required},\r\n}\r\n\r\nconst misValidations = {\r\n ...sharedValidations,\r\n englishReading: {required},\r\n englishSpeaking: {required},\r\n englishWriting: {required},\r\n faResidencyStatus: {requiredIf: requiredIf(hasFather)},\r\n maResidencyStatus: {requiredIf: requiredIf(hasMother)},\r\n studImmigrationStatusNo: { requiredIf: requiredIf(studIsResident) },\r\n studImmigrationStatusNoExpiryDate: { requiredIf: requiredIf(function () {\r\n return this.studPassApplication === \"no\" && this.studImmigrationStatus !== \"SC(Citizen)\"\r\n }) },\r\n questionAryObj: {$each: { newAnswer: { requiredIf: requiredIf(m => misQuestionIds.includes(m.APFQ_ID)) } }}\r\n}\r\n\r\nconst orchardValidations = {\r\n ...ehValidations,\r\n additionalLangValue: {required},\r\n questionAryObj: {$each: { newAnswer: { requiredIf: requiredIf(m =>\r\n (m.APFQ_Ordering >= 14 && m.APFQ_Ordering <= 22) || (m.APFQ_Ordering >= 26 && m.APFQ_Ordering <= 31)\r\n ) } }}\r\n}\r\n\r\nexport {schools, middletonSchools, steps, getValidationMessageFromKey, ehValidations, misQuestionIds, misValidations, orchardValidations};","\r\n \r\n
\r\n
\r\n \r\n * Please select which EtonHouse school\r\n * Please select which Middleton campus\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n Dear parents, \r\n The application form will take approximately 10-20 minutes to complete. You will need to upload the following documents as part of your application.\r\n Please prepare them in advance to shorten the time needed to complete the application process.\r\n
\r\n
\r\n
\r\n\r\n
\r\n
Documents checklist
\r\n
\r\n\r\n
\r\n
1) Copy of each parent's passport
\r\n
2) Copy of each parent's IC (for Singaporean / Permanent Resident) or FIN card (copied on both sides)
\r\n
3) Copy of student's passport
\r\n
4) Copy of student's birth certificate (Singaporean only) or Re-Entry Permit (Permanent Resident only) or FIN card (copied on both sides)
\r\n
5) Copy of student's latest school report (in English).
\r\n
6) Copy of student's most up to date immunisation record (*Note: immunisation against Diphtheria and Measles is compulsory in Singapore.Immunisation records are required for students under 12 years old)
\r\n
7) Digital photographs of student and each parent (photo must be clear, front-facing and taken against white background)
\r\n
8) Copy of all relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)
\r\n
9) Screenshot or proof of payment for the application fee of $654. (Payment methods can be found on the\r\n school fees page)\r\n
\r\n \r\n
Other Documents required
\r\n
\r\n a) Student Reference Form. (This form is to be completed and sent directly back to us by your child's current/previous school).\r\n Download here\r\n
\r\n
\r\n\r\n
\r\n
1) Copy of each parent's passport
\r\n
2) Copy of each parent's IC (for Singaporean / Permanent Resident) or FIN card (copied on both sides)
\r\n
3) Copy of student's passport
\r\n
4) Copy of student's birth certificate (Singaporean only) or Re-Entry Permit (Permanent Resident only) or FIN card (copied on both sides)
\r\n
5) Student's Previous 2 Years of School Reports
\r\n
5a) Last year level full year school report
\r\n
5b) Current year level full year school report (or all reports you have received for current year)
\r\n
6) Copy of student's most up to date immunisation record (*Note: immunisation against Diphtheria and Measles is compulsory in Singapore. Immunisation records are required for students under 12 years old)
\r\n
7) Digital photographs of student and each parent (photo must be clear, front-facing and taken against white background)
\r\n
8) Copy of all relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)
\r\n
9) Screenshot or proof of payment for the application fee of $654. (Payment methods can be found on the\r\n school fees page)\r\n
\r\n \r\n
Other Documents required
\r\n
\r\n a) Student Reference Form (This form is to be completed and sent directly back to us by your child's current/previous school).\r\n Download here\r\n
\r\n
\r\n\r\n
\r\n
1) Copy of each parent's passport
\r\n
2) Copy of each parent's IC (for Singaporean / Permanent Resident) or FIN card (copied on both sides)
\r\n
3) Copy of student's passport
\r\n
4) Copy of student's birth certificate (Singaporean only) or Re-Entry Permit (Permanent Resident only) or FIN card (copied on both sides)
\r\n
5) Copy of student's latest school report (in English)
\r\n
6) Copy of student's most up to date immunisation record (*Note: immunisation against Diphtheria and Measles is compulsory in Singapore)
\r\n
7) Digital photographs of student and each parent (photo must be clear, front-facing and taken against white background)
\r\n
8) Copy of all relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)
\r\n
9) Screenshot or proof of payment for the application fee of $654. (Payment methods can be found on the\r\n school fees page)\r\n
\r\n \r\n
Other Documents required
\r\n
\r\n a) Student Reference Form (This form is to be completed and sent directly back to us by your child's current/previous school).\r\n Download here\r\n
\r\n
\r\n\r\n
\r\n
1) Both parents’ Singapore identification documents (ID) or passport if Singapore ID is not available
\r\n
2) Student’s passport and Singapore identification documents
5) Passport photos of the student and both parents (clear, recent digital photo with a neutral background accepted)
\r\n
6) All relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)
\r\n
7) Screenshot or proof of payment for the administration fee of $540. (Payment methods can be found here)
\r\n
\r\n \r\n \r\n\r\n\r\n","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!./ApfSelectSchoolDropdown.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!./ApfSelectSchoolDropdown.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfSelectSchoolDropdown.vue?vue&type=template&id=ef93241c\"\nimport script from \"./ApfSelectSchoolDropdown.vue?vue&type=script&lang=js\"\nexport * from \"./ApfSelectSchoolDropdown.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main',{attrs:{\"onclick\":\"{ this.querySelector('input').click() }\"}},[(_vm.preview)?_c('img',{attrs:{\"src\":_vm.preview,\"type\":\"file\"}}):_vm._e(),(!_vm.preview)?_c('img',{attrs:{\"src\":require(\"../../../assets/boy.png\")}}):_vm._e(),_c('input',{attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.loadPreview}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n","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!./ApfUploadStudentPhoto.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!./ApfUploadStudentPhoto.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfUploadStudentPhoto.vue?vue&type=template&id=4ec001a6&scoped=true\"\nimport script from \"./ApfUploadStudentPhoto.vue?vue&type=script&lang=js\"\nexport * from \"./ApfUploadStudentPhoto.vue?vue&type=script&lang=js\"\nimport style0 from \"./ApfUploadStudentPhoto.vue?vue&type=style&index=0&id=4ec001a6&prod&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 \"4ec001a6\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main',{class:{ 'form-group--error': _vm.hasValidator ? _vm.validator[_vm.name].$error : false }},[_c('div',{staticClass:\"label\"},[(_vm.hasValidator)?_c('span',[_vm._v(\"*\")]):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.label))])]),_vm._t(\"default\"),(_vm.hasValidator && !_vm.validator[_vm.name].required)?_c('div',{staticClass:\"error requiredFieldsMsg\"},[_c('el-alert',{attrs:{\"title\":_vm.getValidationMessageFromKey(_vm.name),\"type\":\"error\"}})],1):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n *\r\n {{ label }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n\r\n\r\n\r\n","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!./ApfBasicInput.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!./ApfBasicInput.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfBasicInput.vue?vue&type=template&id=4dac2358&scoped=true\"\nimport script from \"./ApfBasicInput.vue?vue&type=script&lang=js\"\nexport * from \"./ApfBasicInput.vue?vue&type=script&lang=js\"\nimport style0 from \"./ApfBasicInput.vue?vue&type=style&index=0&id=4dac2358&prod&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 \"4dac2358\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main',[(_vm.school === _vm.schools.Broadrick)?_c('section',{staticClass:\"Languages-container\"},[_vm._m(0),_c('div',{staticClass:\"w-full\"},[_c('label',{staticStyle:{\"margin-bottom\":\"0\",\"font-weight\":\"bold\"}},[_vm._v(\"Bilingual (English & Mandarin) Immersion Programme (Acceptance is subjected to an assessment.)\")]),_c('label',[_vm._v(\"Applying for Bilingual Immersion Programme?\")]),_c('div',{staticClass:\"input-group\"},[_c('label',{staticClass:\"radio-inline\",staticStyle:{\"margin-right\":\"1rem\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.bilingualYesNoValue),expression:\"form.bilingualYesNoValue\"}],attrs:{\"type\":\"radio\",\"value\":\"Yes\",\"required\":\"\"},domProps:{\"checked\":_vm._q(_vm.form.bilingualYesNoValue,\"Yes\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"bilingualYesNoValue\", \"Yes\")}}}),_vm._v(\"Yes\\n \")]),_c('label',{staticClass:\"radio-inline\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.bilingualYesNoValue),expression:\"form.bilingualYesNoValue\"}],attrs:{\"type\":\"radio\",\"value\":\"No\",\"required\":\"\"},domProps:{\"checked\":_vm._q(_vm.form.bilingualYesNoValue,\"No\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"bilingualYesNoValue\", \"No\")}}}),_vm._v(\"No\\n \")])])]),(_vm.form.bilingualYesNoValue === 'No')?_c('div',{staticClass:\"w-full\"},[_c('br'),_c('label',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"Additional Language (Main Curriculum only - please select one)\")]),_c('label',[_vm._v(\"\\n If your answer is no to the above question, and your child has a strong command of the English Language, you may select one additional language from the following:\\n \")]),_c('div',{staticClass:\"input-group\"},_vm._l((_vm.languages),function(lang,val){return _c('label',{key:val,staticClass:\"radio-inline\",staticStyle:{\"margin-right\":\"1rem\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.additionalLangValue),expression:\"form.additionalLangValue\"}],attrs:{\"type\":\"radio\",\"name\":\"additionalLangValue\",\"required\":\"\"},domProps:{\"value\":val,\"checked\":_vm._q(_vm.form.additionalLangValue,val)},on:{\"change\":function($event){return _vm.$set(_vm.form, \"additionalLangValue\", val)}}}),_vm._v(_vm._s(lang)+\"\\n \")])}),0)]):_vm._e(),_vm._m(1)]):_vm._e(),(_vm.school === _vm.schools.Orchard)?_c('section',{staticClass:\"Languages-container\"},[_vm._m(2),_c('div',{staticClass:\"w-full\"},[_c('label',{staticStyle:{\"margin-bottom\":\"0\",\"font-weight\":\"bold\"}},[_vm._v(\"Additional Language (Please select one)\")]),_c('label',[_vm._v(\"If your child has a strong command of the English Language, you may select one additional language from the following:\")]),_c('div',{staticClass:\"input-group\"},_vm._l((_vm.languages),function(lang,val){return _c('label',{key:val,staticClass:\"radio-inline\",staticStyle:{\"margin-right\":\"1rem\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.additionalLangValue),expression:\"form.additionalLangValue\"}],attrs:{\"type\":\"radio\",\"required\":\"\"},domProps:{\"value\":val,\"checked\":_vm._q(_vm.form.additionalLangValue,val)},on:{\"change\":function($event){return _vm.$set(_vm.form, \"additionalLangValue\", val)}}}),_vm._v(_vm._s(lang)+\"\\n \")])}),0),(_vm.validator.additionalLangValue.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_c('el-alert',{attrs:{\"title\":_vm.getValidationMessageFromKey('additionalLangValue'),\"type\":\"error\"}})],1):_vm._e()]),_vm._m(3)]):_vm._e(),(_vm.group === 'MIS')?_c('section',{staticClass:\"mis-lang\"},[_vm._m(4),_c('div',{staticStyle:{\"font-size\":\"small\",\"margin-bottom\":\"1rem\"}},[_vm._v(\"\\n Note: Please be informed that a child with minimal English language proficiency may be required to take English as an Additional Language (EAL), based on Teacher's recommendation. The School may undertake an assessment on your child's English acquisition to determine whether we are able to offer a curriculum to your child's needs.\\n \"),(_vm.school === _vm.middletonSchools['Tampines'])?_c('span',[_vm._v(\"There is a minimum English proficiency required to access the MIS curriculum from G6 and above.\")]):_vm._e()]),_vm._m(5),_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"gap\":\"1rem\",\"margin-bottom\":\"0.5rem\"}},[_c('strong',{staticStyle:{\"width\":\"7rem\"}},[_vm._v(\"Reading:\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishReading),expression:\"form.englishReading\"}],attrs:{\"type\":\"radio\",\"name\":\"english_reading\",\"value\":\"Excellent\"},domProps:{\"checked\":_vm._q(_vm.form.englishReading,\"Excellent\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishReading\", \"Excellent\")}}}),_vm._v(\"Excellent\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishReading),expression:\"form.englishReading\"}],attrs:{\"type\":\"radio\",\"name\":\"english_reading\",\"value\":\"Good\"},domProps:{\"checked\":_vm._q(_vm.form.englishReading,\"Good\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishReading\", \"Good\")}}}),_vm._v(\"Good\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishReading),expression:\"form.englishReading\"}],attrs:{\"type\":\"radio\",\"name\":\"english_reading\",\"value\":\"Fair\"},domProps:{\"checked\":_vm._q(_vm.form.englishReading,\"Fair\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishReading\", \"Fair\")}}}),_vm._v(\"Fair\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishReading),expression:\"form.englishReading\"}],attrs:{\"type\":\"radio\",\"name\":\"english_reading\",\"value\":\"Poor\"},domProps:{\"checked\":_vm._q(_vm.form.englishReading,\"Poor\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishReading\", \"Poor\")}}}),_vm._v(\"Poor\")]),(_vm.validator.englishReading.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_c('el-alert',{attrs:{\"title\":_vm.getValidationMessageFromKey('englishReading'),\"type\":\"error\"}})],1):_vm._e()]),_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"gap\":\"1rem\",\"margin-bottom\":\"0.5rem\"}},[_c('strong',{staticStyle:{\"width\":\"7rem\"}},[_vm._v(\"Writing:\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishWriting),expression:\"form.englishWriting\"}],attrs:{\"type\":\"radio\",\"name\":\"english_writing\",\"value\":\"Excellent\"},domProps:{\"checked\":_vm._q(_vm.form.englishWriting,\"Excellent\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishWriting\", \"Excellent\")}}}),_vm._v(\"Excellent\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishWriting),expression:\"form.englishWriting\"}],attrs:{\"type\":\"radio\",\"name\":\"english_writing\",\"value\":\"Good\"},domProps:{\"checked\":_vm._q(_vm.form.englishWriting,\"Good\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishWriting\", \"Good\")}}}),_vm._v(\"Good\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishWriting),expression:\"form.englishWriting\"}],attrs:{\"type\":\"radio\",\"name\":\"english_writing\",\"value\":\"Fair\"},domProps:{\"checked\":_vm._q(_vm.form.englishWriting,\"Fair\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishWriting\", \"Fair\")}}}),_vm._v(\"Fair\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishWriting),expression:\"form.englishWriting\"}],attrs:{\"type\":\"radio\",\"name\":\"english_writing\",\"value\":\"Poor\"},domProps:{\"checked\":_vm._q(_vm.form.englishWriting,\"Poor\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishWriting\", \"Poor\")}}}),_vm._v(\"Poor\")]),(_vm.validator.englishWriting.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_c('el-alert',{attrs:{\"title\":_vm.getValidationMessageFromKey('englishWriting'),\"type\":\"error\"}})],1):_vm._e()]),_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"gap\":\"1rem\",\"margin-bottom\":\"0.5rem\"}},[_c('strong',{staticStyle:{\"width\":\"7rem\"}},[_vm._v(\"Speaking:\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishSpeaking),expression:\"form.englishSpeaking\"}],attrs:{\"type\":\"radio\",\"name\":\"english_speaking\",\"value\":\"Excellent\"},domProps:{\"checked\":_vm._q(_vm.form.englishSpeaking,\"Excellent\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishSpeaking\", \"Excellent\")}}}),_vm._v(\"Excellent\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishSpeaking),expression:\"form.englishSpeaking\"}],attrs:{\"type\":\"radio\",\"name\":\"english_speaking\",\"value\":\"Good\"},domProps:{\"checked\":_vm._q(_vm.form.englishSpeaking,\"Good\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishSpeaking\", \"Good\")}}}),_vm._v(\"Good\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishSpeaking),expression:\"form.englishSpeaking\"}],attrs:{\"type\":\"radio\",\"name\":\"english_speaking\",\"value\":\"Fair\"},domProps:{\"checked\":_vm._q(_vm.form.englishSpeaking,\"Fair\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishSpeaking\", \"Fair\")}}}),_vm._v(\"Fair\")]),_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.englishSpeaking),expression:\"form.englishSpeaking\"}],attrs:{\"type\":\"radio\",\"name\":\"english_speaking\",\"value\":\"Poor\"},domProps:{\"checked\":_vm._q(_vm.form.englishSpeaking,\"Poor\")},on:{\"change\":function($event){return _vm.$set(_vm.form, \"englishSpeaking\", \"Poor\")}}}),_vm._v(\"Poor\")]),(_vm.validator.englishSpeaking.$error)?_c('div',{staticClass:\"requiredFieldsMsg\"},[_c('el-alert',{attrs:{\"title\":_vm.getValidationMessageFromKey('englishSpeaking'),\"type\":\"error\"}})],1):_vm._e()]),(_vm.languages)?_c('div',{staticStyle:{\"margin-top\":\"1rem\"}},[_vm._m(6),_c('div',{staticClass:\"input-group\"},_vm._l((_vm.languages),function(lang,val){return _c('label',{key:val,staticClass:\"radio-inline\",staticStyle:{\"margin-right\":\"1rem\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.additionalLangValue),expression:\"form.additionalLangValue\"}],attrs:{\"type\":\"radio\",\"name\":\"additionalLangValue\",\"required\":\"\"},domProps:{\"value\":val,\"checked\":_vm._q(_vm.form.additionalLangValue,val)},on:{\"change\":function($event){return _vm.$set(_vm.form, \"additionalLangValue\", val)}}}),_vm._v(_vm._s(lang)+\"\\n \")])}),0)]):_vm._e()]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"1rem\"}},[_c('strong',[_vm._v(\"Languages\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"w-full\"},[_c('small',[_vm._v(\"Note: Child with minimal English Language Proficiency is required to take English as an Additional Language (EAL). Your child may be required to take EAL lessons based on Teacher's recommendation. The School will undertake an assessment on your child's English acquisition to determine whether we are able to offer a curriculum to your child's needs\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"1rem\"}},[_c('strong',[_vm._v(\"Languages\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"width\":\"100%\"}},[_c('small',[_vm._v(\"Note: Child with minimal English Language Proficiency is required to take English as an Additional Language (EAL). Your child may be required to take EAL lessons based on Teacher's recommendation. The School may undertake an assessment on your child's English acquisition to determine whether we are able to offer a curriculum to your child's needs\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"1rem\"}},[_c('strong',[_vm._v(\"Languages\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"0.5rem\"}},[_c('strong',[_vm._v(\"* English Proficiency:\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"0.5rem\"}},[_c('strong',[_vm._v(\"* If your child is not required to take EAL lessons, they may select one additional language from the following:\")])])\n}]\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n
Languages
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n Note: Child with minimal English Language Proficiency is required to take English as an Additional Language (EAL). Your child may be required to take EAL lessons based on Teacher's recommendation. The School will undertake an assessment on your child's English acquisition to determine whether we are able to offer a curriculum to your child's needs\r\n
\r\n \r\n\r\n \r\n
Languages
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n Note: Child with minimal English Language Proficiency is required to take English as an Additional Language (EAL). Your child may be required to take EAL lessons based on Teacher's recommendation. The School may undertake an assessment on your child's English acquisition to determine whether we are able to offer a curriculum to your child's needs\r\n
\r\n \r\n\r\n \r\n
Languages
\r\n
\r\n Note: Please be informed that a child with minimal English language proficiency may be required to take English as an Additional Language (EAL), based on Teacher's recommendation. The School may undertake an assessment on your child's English acquisition to determine whether we are able to offer a curriculum to your child's needs.\r\n There is a minimum English proficiency required to access the MIS curriculum from G6 and above.\r\n
\r\n
* English Proficiency:
\r\n
\r\n Reading:\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n Writing:\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n Speaking:\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n * If your child is not required to take EAL lessons, they may select one additional language from the following:\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n","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!./ApfLanguageSection.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!./ApfLanguageSection.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfLanguageSection.vue?vue&type=template&id=750bb5f2&scoped=true\"\nimport script from \"./ApfLanguageSection.vue?vue&type=script&lang=js\"\nexport * from \"./ApfLanguageSection.vue?vue&type=script&lang=js\"\nimport style0 from \"./ApfLanguageSection.vue?vue&type=style&index=0&id=750bb5f2&prod&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 \"750bb5f2\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._m(0),_vm._l((_vm.basicQuestions),function(ques,quesIndex){return _c('div',{key:`quest-${quesIndex}`,attrs:{\"set\":(_vm.v = _vm.getQuestionValidator(ques))}},[_c('label',{staticStyle:{\"white-space\":\"pre-wrap\"}},[_vm._v(\"* \"+_vm._s(quesIndex + 1 + \". \" + ques.APFQ_Desc))]),(ques.APFQ_Type === 'option')?_c('div',[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(ques.newAnswer),expression:\"ques.newAnswer\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(ques, \"newAnswer\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"yes\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"no\"}},[_vm._v(\"No\")])]),(ques.newAnswer === 'yes' && ques.APFQ_ID !== `ENFQ202000000659`)?_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(ques.newAnswerValue),expression:\"ques.newAnswerValue\"}],staticClass:\"form-control\",attrs:{\"rows\":\"4\"},domProps:{\"value\":(ques.newAnswerValue)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(ques, \"newAnswerValue\", $event.target.value)}}}):_vm._e()]):_vm._e(),(ques.APFQ_Type === 'text')?_c('div',[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(ques.newAnswer),expression:\"ques.newAnswer\"}],staticClass:\"form-control\",attrs:{\"rows\":\"4\"},domProps:{\"value\":(ques.newAnswer)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(ques, \"newAnswer\", $event.target.value)}}})]):_vm._e(),(_vm.v.newAnswer.$error && !_vm.v.newAnswer.required)?_c('el-alert',{staticStyle:{\"margin-top\":\"-15px\",\"margin-bottom\":\"10px\"},attrs:{\"title\":\"This field is required!\",\"type\":\"error\"}}):_vm._e()],1)}),(_vm.additionalQuestions)?_c('div',[_c('hr'),_vm._m(1),_vm._l((_vm.additionalQuestions),function(ques,quesIndex){return _c('div',{key:`ques-${quesIndex}`,attrs:{\"set\":(_vm.v = _vm.getQuestionValidator(ques))}},[_c('label',{staticStyle:{\"white-space\":\"pre-wrap\"},domProps:{\"textContent\":_vm._s(ques.APFQ_Desc)}}),(ques.APFQ_ID === `ENFQ202000000337`)?_c('div',[_c('ApfSchoolBusServiceText',{attrs:{\"school\":_vm.school}})],1):_vm._e(),(ques.APFQ_Type === 'option')?_c('div',[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(ques.newAnswer),expression:\"ques.newAnswer\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(ques, \"newAnswer\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"yes\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"no\"}},[_vm._v(\"No\")])])]):_vm._e(),(ques.APFQ_Type === 'checkbox')?_c('div',[(ques.APFQ_ID === `ENFQ202000001001`)?_c('div',{staticClass:\"form-control\",staticStyle:{\"height\":\"auto\",\"display\":\"flex\"}},[_c('input',{staticStyle:{\"margin-bottom\":\"auto\",\"margin-top\":\"5px\",\"margin-right\":\"5px\"},attrs:{\"id\":ques.APFQ_ID,\"type\":\"checkbox\"},domProps:{\"checked\":ques.newAnswer === 'Yes'},on:{\"click\":function($event){ques.newAnswer = ques.newAnswer === 'Yes' ? '' : 'Yes'}}}),_c('label',{staticStyle:{\"line-height\":\"1.25\",\"font-weight\":\"normal\",\"margin-bottom\":\"0\"},attrs:{\"for\":ques.APFQ_ID}},[_vm._v(\"\\n I acknowledge and grant permission for my child/ward to take part in Physical Education lessons and activities off the school campus for the duration of their enrolment at EtonHouse International School Orchard\\n \")])]):_vm._e()]):_vm._e(),(ques.APFQ_Type === 'text')?_c('div',[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(ques.newAnswer),expression:\"ques.newAnswer\"}],staticClass:\"form-control\",attrs:{\"rows\":\"4\"},domProps:{\"value\":(ques.newAnswer)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(ques, \"newAnswer\", $event.target.value)}}})]):_vm._e(),(_vm.v.newAnswer.$error && !_vm.v.newAnswer.required)?_c('el-alert',{staticStyle:{\"margin-top\":\"-15px\",\"margin-bottom\":\"10px\"},attrs:{\"title\":\"This field is required!\",\"type\":\"error\"}}):_vm._e()],1)})],2):_vm._e()],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"1rem\"}},[_c('label',{staticClass:\"common-label-title\"},[_vm._v(\"Supportive Information\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-a\"},[_c('strong',[_vm._v(\"Additional Information\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main',[(_vm.school === _vm.schools['Broadrick'])?_c('p',[_vm._v(\"\\n If yes, please check with the school's appointed transport company on service availability prior to enrolment. Kindly submit the\\n \"),_c('a',{attrs:{\"href\":\"https://docs.google.com/forms/d/e/1FAIpQLSdRiODgB7Tdb6wk-WmkKIimIvBgK6GnkSH3RK60Xc_pjTvNkA/viewform\",\"target\":\"_blank\"}},[_vm._v(\"online application form\")]),_vm._v(\",\\n the transport company requires at least 2 weeks notice for all new applications. You may contact Zheng Xing Yun Service at +65 91188261 or email zhengxingyunservice@gmail.com for any enquiries pertaining to school bus service.\\n \")]):_vm._e(),(_vm.school === _vm.schools['Orchard'])?_c('p',[_vm._v(\"\\n If yes, please check with the school's appointed transport company on service availability prior to enrolment. Kindly download and complete the\\n \"),_c('a',{attrs:{\"href\":\"https://www.etonhouse.edu.sg/wp-content/uploads/2021/04/BUS-FORM.pdf\",\"target\":\"_blank\"}},[_vm._v(\"application form\")]),_vm._v(\"\\n and send it directly to the transport company. They require at least 2 weeks notice for all new applications. You may contact Zheng Xing Transit at +65 91188261 or email zhengxingtransit@gmail.com for any enquiries pertaining to school bus service.\\n \")]):_vm._e(),(_vm.school === _vm.schools['Sentosa Primary'])?_c('p',[_vm._v(\"\\n If yes, please check with the school's appointed transport company on service availability prior to enrolment. Kindly download and complete the\\n \"),_c('a',{attrs:{\"href\":\"https://www.etonhouse.edu.sg/wp-content/uploads/2021/05/Sentosa-School-Bus-Form.docx.pdf\",\"target\":\"_blank\"}},[_vm._v(\"application form\")]),_vm._v(\"\\n and send it directly to the transport company. They require at least 2 weeks notice for all new applications. You may contact Yee Giok ransport Service at +65 9894 0222 or email yeegiok_eton@yahoo.com.sg for any enquiries pertaining to school bus service.\\n \")]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n If yes, please check with the school's appointed transport company on service availability prior to enrolment. Kindly submit the\r\n online application form,\r\n the transport company requires at least 2 weeks notice for all new applications. You may contact Zheng Xing Yun Service at +65 91188261 or email zhengxingyunservice@gmail.com for any enquiries pertaining to school bus service.\r\n
\r\n\r\n
\r\n If yes, please check with the school's appointed transport company on service availability prior to enrolment. Kindly download and complete the\r\n application form\r\n and send it directly to the transport company. They require at least 2 weeks notice for all new applications. You may contact Zheng Xing Transit at +65 91188261 or email zhengxingtransit@gmail.com for any enquiries pertaining to school bus service.\r\n
\r\n\r\n
\r\n If yes, please check with the school's appointed transport company on service availability prior to enrolment. Kindly download and complete the\r\n application form\r\n and send it directly to the transport company. They require at least 2 weeks notice for all new applications. You may contact Yee Giok ransport Service at +65 9894 0222 or email yeegiok_eton@yahoo.com.sg for any enquiries pertaining to school bus service.\r\n
\r\n \r\n\r\n\r\n\r\n\r\n","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!./ApfSchoolBusServiceText.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!./ApfSchoolBusServiceText.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfSchoolBusServiceText.vue?vue&type=template&id=24b7aff8&scoped=true\"\nimport script from \"./ApfSchoolBusServiceText.vue?vue&type=script&lang=js\"\nexport * from \"./ApfSchoolBusServiceText.vue?vue&type=script&lang=js\"\nimport style0 from \"./ApfSchoolBusServiceText.vue?vue&type=style&index=0&id=24b7aff8&prod&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 \"24b7aff8\",\n null\n \n)\n\nexport default component.exports","\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n
Additional Information
\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n","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!./ApfQuestions.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!./ApfQuestions.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfQuestions.vue?vue&type=template&id=a08f6c72\"\nimport script from \"./ApfQuestions.vue?vue&type=script&lang=js\"\nexport * from \"./ApfQuestions.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main',[(_vm.group === 'EH')?_c('div',[_c('p',[_vm._v(\"I declare that the information on this Application Form is true and accurate to my full knowledge.\")]),_c('p',[_vm._v(\"I agree that in the case of learning support needs, the school will carefully assess whether it can provide adequate support for my child to be successful in his/her learning before confirming my child's enrolment. I understand that any failure to declare such information will result in the offer of a place being withdrawn or impact the continued enrolment of my child. Disclosing all required information will ensure that informed decisions are made in the best interest of my child. I agree that in the event that the school identifies a learning need prior to or during my child's term of enrolment, the school reserves the right to request my family to provide support of a shadow teacher. I agree that if this is required, the cost of this additional support would be the responsibility of my family. If I am not able to provide this support, the school has the rights to reconsider my child's enrolment based on the profile of the school community, the availability of the school's support and resources that it could provide, keeping in mind the best educational needs of my child and other children. This reconsideration may be needed even if the shadow teacher is provided.\")]),_c('p',[_vm._v(\"I agree that in the case the school requires further clarification after submitting the application documents, the school reserves the right to contact my child's previous school or learning centre.\")]),_c('p',[_vm._v(\"I understand that the payment of an application fee and student insurance fee is payable for International School applications and the school shall be entitled to increase the school fees from time to time. I am aware that any fee increase will be notified to me in writing and the increased fee shall be payable by me effective from the date stipulated in the notice.\")]),_c('p',[_vm._v(\"I understand that application fee is strictly non-pro rata / non-refundable.\")]),_c('p',[_vm._v(\"I accept that if tuition fees are not paid on the invoice due date, that my child’s enrolment will be discontinued.\")]),_c('p',[_vm._v(\"I declare that there are no outstanding debt from my child’s previous school.\")]),_vm._m(0),_c('hr',{staticStyle:{\"margin-top\":\"2rem\",\"margin-bottom\":\"2rem\"}}),_vm._m(1),_c('p',[_vm._v(\"By signing this Student Application Form, I acknowledged that the school's Admission Staff has informed me that the course has already commenced in August and that my child will join the course partway through. I, therefore, agreed to enrol my child despite being fully aware that the course has already commenced. Also, the school will not be held responsible should my child be unable to fulfil all the course requirements by the completion date.\")]),_c('p',[_vm._v(\"(Please note that all students studying at EtonHouse International School are required by the Committee of Private Education (CPE) to sign a Standard Student Contract. It is important that you understand the declaration below on late commencement prior to signing a Standard Student Contract.)\")]),_c('hr',{staticStyle:{\"margin-top\":\"2rem\",\"margin-bottom\":\"2rem\"}}),_c('label',[_vm._v(\"I have read, understood and agree to the terms and conditions of EtonHouse International School Pte Ltd.\")])]):_vm._e(),(_vm.group === 'MIS')?_c('div',[_c('p',[_vm._v(\"I declare that the information on this Application Form and all supporting documents is true and accurate to my full knowledge. I understand that all applications are subject to review and the placement is not guaranteed. A paid assessment may be required to determine student suitability. In the event of a waitlist application, I understand that placement is subject to a spot becoming available and that this may be after my proposed commencement date. \")]),_c('p',[_vm._v(\"I agree that in the case of learning support needs, the school will carefully assess whether it can provide adequate support for my child to be successful in his/her learning before confirming my child's enrolment. I understand that any failure to declare such information will result in the offer of a place being withdrawn or impact the continued enrolment of my child. Disclosing all required information will ensure that informed decisions are made in the best interest of my child. I agree that in the event that the school identifies a learning need prior to or during my child's term of enrolment, the school reserves the right to request my family to provide support of a shadow teacher. I agree that if this is required, the cost of this additional support would be the responsibility of my family. If I am not able to provide this support, the school has the rights to reconsider my child's enrolment based on the profile of the school community, the availability of the school's support and resources that it could provide, keeping in mind the best educational needs of my child and other children. This reconsideration may be needed even if the shadow teacher is provided.\")]),_c('p',[_vm._v(\"I agree that in the case the school requires further clarification after submitting the application documents, the school reserves the right to contact my child's previous school or learning centre.\")]),_c('p',[_vm._v(\"I understand that the application fee and student insurance fee is payable for International School applications and the school shall be entitled to increase the school fees from time to time. I am aware that any fee increase will be notified to me in writing and the increased fee shall be payable by me effective from the date stipulated in the notice.\")]),_c('p',[_vm._v(\"I understand that application fee is strictly non-pro rata / non-refundable.\")]),_c('p',[_vm._v(\"I accept that if school fees are not paid on the invoice due date, that my child’s enrolment will be discontinued.\")]),_c('p',[_vm._v(\"I declare that there are no outstanding debt from my child’s previous school.\")]),_vm._m(2),_c('p',[_vm._v(\"(Please note that all students studying at Middleton International School are required by the Committee of Private Education (CPE) to sign a Standard Student Contract. It is important that you understand the declaration below on late commencement prior to signing a Standard Student Contract.)\")]),_c('hr',{staticStyle:{\"margin-top\":\"2rem\",\"margin-bottom\":\"2rem\"}}),_vm._m(3),_c('p',[_vm._v(\"By signing this Student Application Form, I acknowledged that the school's Admission Staff has informed me that the course has already commenced and that my child will join the course partway through. I, therefore, agreed to enrol my child despite being fully aware that the course has already commenced. Also, the school will not be held responsible should my child be unable to fulfil all the course requirements by the completion date.\")]),_c('hr',{staticStyle:{\"margin-top\":\"2rem\",\"margin-bottom\":\"2rem\"}}),_c('label',[_vm._v(\"I have read, understood and agree to the terms and conditions of Middleton International School Pte Ltd.\")])]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n I understand that all information provided in this form is necessary for the school to facilitate the child's course -enrollment process, verification by the school when required and that all information provided shall be classified confidential and used as per the school's Data Management Policy and EtonHouse International School Personal Data Protection Policy (a copy can be viewed at\\n \"),_c('a',{attrs:{\"href\":\"https://www.etonhouse.edu.sg/etonhouse-personal-data-protection-policy-statement/\",\"target\":\"_blank\"}},[_vm._v(\"https://www.etonhouse.edu.sg/etonhouse-personal-data-protection-policy-statement/\")]),_vm._v(\").\\n \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"15px\",\"font-size\":\"16px\"}},[_c('label',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"Acknowledgement of Late Course Commencement\")]),_c('label',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"(Applicable ONLY to students who are not commencing their studies at the start of the school's Academic Year).\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"I understand that all information provided in this form shall be classified confidential and used as per the school's \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":\"https://www.middleton.edu.sg/wp-content/uploads/2021/11/Middleton-Personal-Data-Protect-Statement.pdf\"}},[_vm._v(\"Personal Data Protection Statement\")]),_vm._v(\".\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"15px\",\"font-size\":\"16px\"}},[_c('label',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"Acknowledgement of Late Course Commencement\")]),_c('label',{staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"(Applicable ONLY to students who are not commencing their studies at the start of the school's Academic Year).\")])])\n}]\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n
I declare that the information on this Application Form is true and accurate to my full knowledge.
\r\n
I agree that in the case of learning support needs, the school will carefully assess whether it can provide adequate support for my child to be successful in his/her learning before confirming my child's enrolment. I understand that any failure to declare such information will result in the offer of a place being withdrawn or impact the continued enrolment of my child. Disclosing all required information will ensure that informed decisions are made in the best interest of my child. I agree that in the event that the school identifies a learning need prior to or during my child's term of enrolment, the school reserves the right to request my family to provide support of a shadow teacher. I agree that if this is required, the cost of this additional support would be the responsibility of my family. If I am not able to provide this support, the school has the rights to reconsider my child's enrolment based on the profile of the school community, the availability of the school's support and resources that it could provide, keeping in mind the best educational needs of my child and other children. This reconsideration may be needed even if the shadow teacher is provided.
\r\n
I agree that in the case the school requires further clarification after submitting the application documents, the school reserves the right to contact my child's previous school or learning centre.
\r\n
I understand that the payment of an application fee and student insurance fee is payable for International School applications and the school shall be entitled to increase the school fees from time to time. I am aware that any fee increase will be notified to me in writing and the increased fee shall be payable by me effective from the date stipulated in the notice.
\r\n
I understand that application fee is strictly non-pro rata / non-refundable.
\r\n
I accept that if tuition fees are not paid on the invoice due date, that my child’s enrolment will be discontinued.
\r\n
I declare that there are no outstanding debt from my child’s previous school.
\r\n
\r\n I understand that all information provided in this form is necessary for the school to facilitate the child's course -enrollment process, verification by the school when required and that all information provided shall be classified confidential and used as per the school's Data Management Policy and EtonHouse International School Personal Data Protection Policy (a copy can be viewed at\r\n https://www.etonhouse.edu.sg/etonhouse-personal-data-protection-policy-statement/).\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
By signing this Student Application Form, I acknowledged that the school's Admission Staff has informed me that the course has already commenced in August and that my child will join the course partway through. I, therefore, agreed to enrol my child despite being fully aware that the course has already commenced. Also, the school will not be held responsible should my child be unable to fulfil all the course requirements by the completion date.
\r\n
(Please note that all students studying at EtonHouse International School are required by the Committee of Private Education (CPE) to sign a Standard Student Contract. It is important that you understand the declaration below on late commencement prior to signing a Standard Student Contract.)
\r\n \r\n \r\n
\r\n\r\n
\r\n
I declare that the information on this Application Form and all supporting documents is true and accurate to my full knowledge. I understand that all applications are subject to review and the placement is not guaranteed. A paid assessment may be required to determine student suitability. In the event of a waitlist application, I understand that placement is subject to a spot becoming available and that this may be after my proposed commencement date.
\r\n
I agree that in the case of learning support needs, the school will carefully assess whether it can provide adequate support for my child to be successful in his/her learning before confirming my child's enrolment. I understand that any failure to declare such information will result in the offer of a place being withdrawn or impact the continued enrolment of my child. Disclosing all required information will ensure that informed decisions are made in the best interest of my child. I agree that in the event that the school identifies a learning need prior to or during my child's term of enrolment, the school reserves the right to request my family to provide support of a shadow teacher. I agree that if this is required, the cost of this additional support would be the responsibility of my family. If I am not able to provide this support, the school has the rights to reconsider my child's enrolment based on the profile of the school community, the availability of the school's support and resources that it could provide, keeping in mind the best educational needs of my child and other children. This reconsideration may be needed even if the shadow teacher is provided.
\r\n
I agree that in the case the school requires further clarification after submitting the application documents, the school reserves the right to contact my child's previous school or learning centre.
\r\n
I understand that the application fee and student insurance fee is payable for International School applications and the school shall be entitled to increase the school fees from time to time. I am aware that any fee increase will be notified to me in writing and the increased fee shall be payable by me effective from the date stipulated in the notice.
\r\n
I understand that application fee is strictly non-pro rata / non-refundable.
\r\n
I accept that if school fees are not paid on the invoice due date, that my child’s enrolment will be discontinued.
\r\n
I declare that there are no outstanding debt from my child’s previous school.
\r\n
I understand that all information provided in this form shall be classified confidential and used as per the school's Personal Data Protection Statement.
\r\n
(Please note that all students studying at Middleton International School are required by the Committee of Private Education (CPE) to sign a Standard Student Contract. It is important that you understand the declaration below on late commencement prior to signing a Standard Student Contract.)
\r\n \r\n
\r\n \r\n \r\n
\r\n
By signing this Student Application Form, I acknowledged that the school's Admission Staff has informed me that the course has already commenced and that my child will join the course partway through. I, therefore, agreed to enrol my child despite being fully aware that the course has already commenced. Also, the school will not be held responsible should my child be unable to fulfil all the course requirements by the completion date.
\r\n \r\n \r\n
\r\n \r\n\r\n\r\n","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!./ApfDeclarationAndAgreement.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!./ApfDeclarationAndAgreement.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfDeclarationAndAgreement.vue?vue&type=template&id=9a1714b8\"\nimport script from \"./ApfDeclarationAndAgreement.vue?vue&type=script&lang=js\"\nexport * from \"./ApfDeclarationAndAgreement.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"saf-each-checklist row\"},[_c('div',{staticStyle:{\"width\":\"85%\"}},[_vm._t(\"default\"),(_vm.attachments.length > 0)?_c('div',_vm._l((_vm.attachments),function(cItem,idx){return _c('div',{key:`${_vm.doc}-${idx}`},[(cItem.attType === _vm.doc)?_c('div',_vm._l((cItem.attFile),function(fItem,idx){return _c('div',{key:`${_vm.doc}_item-${idx}`,staticClass:\"upload-file-item\"},[_c('span',[_vm._v(\"-\")]),_c('a',{attrs:{\"href\":fItem.url,\"target\":\"_blank\"}},[_vm._v(_vm._s(fItem.name))]),_c('span',{staticClass:\"checklist-remove-file\",on:{\"click\":function($event){return _vm.remove(fItem, cItem.attType)}}},[_vm._v(\"x\")])])}),0):_vm._e()])}),0):_vm._e()],2),_c('div',{staticStyle:{\"width\":\"10%\",\"margin-left\":\"auto\"}},[_c('div',{staticClass:\"saf-each-img-div\"},[_c('input',{attrs:{\"type\":\"file\",\"multiple\":\"\",\"hidden\":\"\",\"id\":`FU_${_vm.doc}`,\"onclick\":\"this.value = null\"},on:{\"change\":function($event){return _vm.add($event, _vm.doc)}}}),_c('label',{staticClass:\"saf-each-attach-label\",attrs:{\"for\":`FU_${_vm.doc}`}},[_c('img',{staticClass:\"saf-each-img\",attrs:{\"src\":require(\"../../../assets/VectorAttach.png\")}})])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n
\r\n\r\n\r\n\r\n","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!./ApfUploadInput.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!./ApfUploadInput.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfUploadInput.vue?vue&type=template&id=5e523466\"\nimport script from \"./ApfUploadInput.vue?vue&type=script&lang=js\"\nexport * from \"./ApfUploadInput.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main',[([_vm.schools['Broadrick'], _vm.schools['Sentosa Primary']].includes(_vm.school))?_c('div',[_vm._m(0),_c('div',[_vm._v(\"Beneficiary Name: EtonHouse International School Pte Ltd\")]),_c('div',[_vm._v(\"Bank Name: DBS Bank Ltd\")]),_c('div',[_vm._v(\"Swift Code: DBSSSGSG – For overseas transfer\")]),_c('div',[_vm._v(\"Bank Account : 003-908296-7\")]),_c('div',[_vm._v(\"Bank / Branch Code: 7171 / 00\")]),_vm._m(1),_c('div',[_c('strong',[_vm._v(\"You can also click\\n \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":_vm.paynowQrImage}},[_vm._v(\"here\")]),_vm._v(\"\\n to pay via PayNow QR Code.\")]),_vm._v(\" Please indicate your child’s full name under 'Reference No.'\\n \")])]):_vm._e(),(_vm.school === _vm.schools.Orchard)?_c('div',[_vm._m(2),_c('div',[_vm._v(\"Beneficiary Name: EtonHouse International School Pte Ltd\")]),_c('div',[_vm._v(\"Bank Name: United Overseas Bank Limited\")]),_c('div',[_vm._v(\"Bank Branch / Bank Address : (007) UOB Thomson\")]),_c('div',[_vm._v(\"Swift Code: UOVBSGSG – For overseas transfer\")]),_c('div',[_vm._v(\"Bank Account: 107-308-882-3\")]),_c('div',[_vm._v(\"Bank / Branch Code: 7375 / 007\")]),_vm._m(3),_c('div',[_c('strong',[_vm._v(\"You can also click \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":_vm.paynowQrImage}},[_vm._v(\"here\")]),_vm._v(\" to pay via PayNow QR Code.\")]),_vm._v(\" Please indicate your child’s full name under 'Reference No.'\\n \")])]):_vm._e(),(_vm.group === 'MIS')?_c('div',[_c('div',[_c('strong',[_vm._v(\"Bank Details (Wire Transfer)\")]),_vm._v(\": Bank Charges shall be borne by remitter.\"),_c('br'),_vm._v(_vm._s(_vm.misPaymentReferenceText)+\"\\n \")]),_c('div',[_vm._v(\"Beneficiary Name: Middleton International School Pte Ltd\")]),_c('div',[_vm._v(\"Bank Name: OVERSEA-CHINESE BANKING CORPORATION\")]),_c('div',[_vm._v(\"BIC Code: OCBCSGSG\")]),_c('div',[_vm._v(\"Account Name: Middleton International School Pte Ltd\")]),_c('div',[_vm._v(\"Account Number: 695-879973-001\")]),_vm._m(4),_c('div',[_c('strong',[_vm._v(\"You can also click \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":_vm.paynowQrImage}},[_vm._v(\"here\")]),_vm._v(\" to pay via PayNow QR Code.\")]),_c('br'),_vm._v(_vm._s(_vm.misPaymentReferenceText)+\"\\n \")])]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('strong',[_vm._v(\"Bank Details (Wire Transfer)\")]),_vm._v(\": Bank Charges shall be borne by remitter. Please indicate your child’s full name during wire transfer.\\n \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('strong',[_vm._v(\"Bank Details (Wire Transfer)\")]),_vm._v(\": Bank Charges shall be borne by remitter. Please indicate your child’s full name during wire transfer.\\n \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('br')])\n}]\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n
\r\n Bank Details (Wire Transfer): Bank Charges shall be borne by remitter. Please indicate your child’s full name during wire transfer.\r\n
\r\n
Beneficiary Name: EtonHouse International School Pte Ltd
\r\n
Bank Name: DBS Bank Ltd
\r\n
Swift Code: DBSSSGSG – For overseas transfer
\r\n
Bank Account : 003-908296-7
\r\n
Bank / Branch Code: 7171 / 00
\r\n
\r\n
\r\n You can also click\r\n here\r\n to pay via PayNow QR Code. Please indicate your child’s full name under 'Reference No.'\r\n
\r\n
\r\n\r\n
\r\n
\r\n Bank Details (Wire Transfer): Bank Charges shall be borne by remitter. Please indicate your child’s full name during wire transfer.\r\n
\r\n
Beneficiary Name: EtonHouse International School Pte Ltd
\r\n
Bank Name: United Overseas Bank Limited
\r\n
Bank Branch / Bank Address : (007) UOB Thomson
\r\n
Swift Code: UOVBSGSG – For overseas transfer
\r\n
Bank Account: 107-308-882-3
\r\n
Bank / Branch Code: 7375 / 007
\r\n
\r\n
\r\n You can also click here to pay via PayNow QR Code. Please indicate your child’s full name under 'Reference No.'\r\n
\r\n
\r\n\r\n
\r\n
\r\n Bank Details (Wire Transfer): Bank Charges shall be borne by remitter. {{ misPaymentReferenceText }}\r\n
\r\n
Beneficiary Name: Middleton International School Pte Ltd
\r\n
Bank Name: OVERSEA-CHINESE BANKING CORPORATION
\r\n
BIC Code: OCBCSGSG
\r\n
Account Name: Middleton International School Pte Ltd
\r\n
Account Number: 695-879973-001
\r\n
\r\n
\r\n You can also click here to pay via PayNow QR Code. {{ misPaymentReferenceText }}\r\n
\r\n
\r\n \r\n\r\n\r\n\r\n\r\n","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!./ApfUploadPaymentInfo.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!./ApfUploadPaymentInfo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfUploadPaymentInfo.vue?vue&type=template&id=07a22a03&scoped=true\"\nimport script from \"./ApfUploadPaymentInfo.vue?vue&type=script&lang=js\"\nexport * from \"./ApfUploadPaymentInfo.vue?vue&type=script&lang=js\"\nimport style0 from \"./ApfUploadPaymentInfo.vue?vue&type=style&index=0&id=07a22a03&prod&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 \"07a22a03\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._m(0),_vm._l((_vm.channels),function(channel,i){return _c('div',{key:`channel_${i}`},[(channel !== 'NIL')?_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selected),expression:\"selected\"}],staticClass:\"mr-1\",attrs:{\"type\":\"radio\",\"name\":\"optradio\"},domProps:{\"value\":channel,\"checked\":_vm._q(_vm.selected,channel)},on:{\"change\":function($event){_vm.selected=channel}}}),_c('span',{domProps:{\"textContent\":_vm._s(channel)}})]):_vm._e()])}),_c('label',[_c('input',{staticClass:\"mr-1\",attrs:{\"type\":\"radio\",\"name\":\"optradio\",\"value\":\"Others\"},domProps:{\"checked\":!_vm.channels.includes(_vm.selected)},on:{\"click\":function($event){_vm.selected = ''}}}),_c('span',[_vm._v(\"Others, please specify:\")]),(!_vm.channels.includes(_vm.selected))?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selected),expression:\"selected\"}],staticClass:\"form-control m-0\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.selected)},on:{\"input\":function($event){if($event.target.composing)return;_vm.selected=$event.target.value}}}):_vm._e()])],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"0.5rem\"}},[_c('strong',[_vm._v(\"1. How did you hear about our school?\")])])\n}]\n\nexport { render, staticRenderFns }","\r\n
\r\n
\r\n 1. How did you hear about our school?\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n","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!./ApfReferralChannelSelector.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!./ApfReferralChannelSelector.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfReferralChannelSelector.vue?vue&type=template&id=4034f2fd\"\nimport script from \"./ApfReferralChannelSelector.vue?vue&type=script&lang=js\"\nexport * from \"./ApfReferralChannelSelector.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"height\":\"calc(100vh - 70px)\"}},[_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"grid-content\",staticStyle:{\"padding-top\":\"20px\"}},[(_vm.group === 'EH')?_c('img',{staticClass:\"common-img-icon\",staticStyle:{\"width\":\"30%\",\"display\":\"block\",\"margin\":\"0 auto\"},attrs:{\"src\":require(\"../../../assets/EHIS.png\")}}):_vm._e(),(_vm.group === 'MIS')?_c('img',{staticClass:\"common-img-icon\",staticStyle:{\"width\":\"30%\",\"display\":\"block\",\"margin\":\"0 auto\"},attrs:{\"src\":require(\"../../../assets/MIS.svg\")}}):_vm._e(),_c('img',{staticStyle:{\"width\":\"100px\"},attrs:{\"src\":require(\"../../../assets/tick.png\")}}),_c('h3',{staticClass:\"success-text\"},[_vm._v(\"Thank you for your submission. Our parent liaison team will get back to you with a confirmation of your application shortly and the next steps in the application process.\")])])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
Thank you for your submission. Our parent liaison team will get back to you with a confirmation of your application shortly and the next steps in the application process.
\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n","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!./ApfAfterSubmitMessage.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!./ApfAfterSubmitMessage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfAfterSubmitMessage.vue?vue&type=template&id=1e2645f5\"\nimport script from \"./ApfAfterSubmitMessage.vue?vue&type=script&lang=js\"\nexport * from \"./ApfAfterSubmitMessage.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"height\":\"calc(100vh - 70px)\"}},[_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"grid-content\",staticStyle:{\"padding-top\":\"20px\"}},[(_vm.group === 'EH')?_c('img',{staticClass:\"common-img-icon\",staticStyle:{\"width\":\"30%\",\"display\":\"block\",\"margin\":\"0 auto\"},attrs:{\"src\":require(\"../../../assets/EHIS.png\")}}):_vm._e(),(_vm.group === 'MIS')?_c('img',{staticClass:\"common-img-icon\",staticStyle:{\"width\":\"30%\",\"display\":\"block\",\"margin\":\"0 auto\"},attrs:{\"src\":require(\"../../../assets/MIS.svg\")}}):_vm._e(),_c('img',{staticStyle:{\"width\":\"100px\"},attrs:{\"src\":require(\"../../../assets/tick.png\")}}),_c('h3',{staticClass:\"success-text\"},[_vm._v(\"Thank you for your draft submission. You will receive an email notification shortly with the link for your draft submission.\")])])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
Thank you for your draft submission. You will receive an email notification shortly with the link for your draft submission.
\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n","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!./ApfAfterSaveDraftMessage.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!./ApfAfterSaveDraftMessage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfAfterSaveDraftMessage.vue?vue&type=template&id=cee5a8d0\"\nimport script from \"./ApfAfterSaveDraftMessage.vue?vue&type=script&lang=js\"\nexport * from \"./ApfAfterSaveDraftMessage.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":\"signatureModal\",\"size\":\"lg\",\"title\":\"Please sign here\",\"ok-only\":\"\",\"ok-variant\":\"secondary\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"col-12 mt-2\"},[_c('VueSignaturePad',{ref:\"signaturePad\",attrs:{\"id\":\"signature\",\"width\":\"100%\",\"height\":\"500px\",\"options\":{\n onBegin: () => {\n this.$refs.signaturePad.resizeCanvas();\n }\n }}}),_c('br'),_c('div',[_c('el-button',{on:{\"click\":_vm.save}},[_vm._v(\"Save\")]),_c('el-button',{on:{\"click\":_vm.undo}},[_vm._v(\"Undo\")]),_c('el-button',{on:{\"click\":_vm.clear}},[_vm._v(\"Clear\")])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n \r\n\r\n\r\n","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!./ApfSignaturePadModal.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!./ApfSignaturePadModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfSignaturePadModal.vue?vue&type=template&id=281a517a\"\nimport script from \"./ApfSignaturePadModal.vue?vue&type=script&lang=js\"\nexport * from \"./ApfSignaturePadModal.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{ref:\"showEmailVerificationModal\",staticClass:\"EmailVerificationModalClass\",attrs:{\"id\":\"emailVerificationModal\",\"title\":\"Email Verification\",\"ok-only\":\"\",\"ok-variant\":\"secondary\",\"hide-footer\":\"\",\"no-close-on-backdrop\":\"\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12\"},[_c('label',[_vm._v(\"Please enter your email\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],staticClass:\"form-control\",attrs:{\"placeholder\":\"name@mail.com\"},domProps:{\"value\":(_vm.email)},on:{\"input\":function($event){if($event.target.composing)return;_vm.email=$event.target.value}}})]),_c('div',{staticClass:\"col-sm-3\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.verifyEmail()}}},[_vm._v(\"Verify Email address\")])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n Verify Email address\r\n
\r\n
\r\n \r\n\r\n\r\n\r\n\r\n","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!./ApfEmailVerificationModal.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!./ApfEmailVerificationModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfEmailVerificationModal.vue?vue&type=template&id=c31b5c36\"\nimport script from \"./ApfEmailVerificationModal.vue?vue&type=script&lang=js\"\nexport * from \"./ApfEmailVerificationModal.vue?vue&type=script&lang=js\"\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","\r\n
\r\n
\r\n
Student Application Form
\r\n
\r\n Welcome to the student application form for EtonHouse schools. If you are here, it is very likely that you have made the decision to join one of our wonderful schools. Congratulations on choosing what we know will be a wonderful learning experience for your child. We will guide you through this journey and make the application process as smooth as possible. To complete the application form, you will need to upload some supporting documents and proof of payment for the application fee of $654 (includes 9% GST) to be paid via PayNow or wire transfer.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n Step {{ currentStep + 1 }}\r\n
\r\n\r\n
\r\n
\r\n \r\n (Please provide a written notice to the Parent Liaison Office of any changes to the information provided in this form.)\r\n
\r\n Under Singapore law, a person under 21 years of age is considered a minor and the parents/local guardians are responsible for the Student. The decision making rights of a minor vest in the parents/local guardians. Where parents of the Student divorced/separated, the School will follow an order of court to determine the party/parties that has/have custody of the Student and therefore, is responsible for making decisions for the Student.\r\n
(To submit more than one document for each field, select the required documents and upload them at the same time. Only .jpg, .png and .pdf files will be accepted and total file size should not be more than 10MB. You may still submit your application even if you do not have all documents now. However, kindly note that we will only review your application after all required information and documents have been submitted at least 3 working days before the next Admission Panel.)
\r\n \r\n 1. Copy of father’s IC (Singaporean / Permanent Resident) or FIN card (copied on both sides).\r\n \r\n\r\n \r\n 2. Copy of father’s passport showing the page of father’s personal particulars\r\n \r\n\r\n \r\n 3. Copy of mother’s IC (Singaporean/ Permanent Resident) or FIN card (copied on both sides).\r\n \r\n\r\n \r\n 4. Copy of mother’s passport showing the page of mother’s personal particulars\r\n \r\n\r\n \r\n 5. Copy of child’s birth certificate (Singaporean only), Re‐Entry Permit (Permanent Resident only), FIN card or Student Pass (copied on both sides)\r\n \r\n\r\n \r\n 6. Copy of child’s passport showing the page of child’s personal particulars\r\n \r\n\r\n \r\n 7. Photo of the child (for student’s ID and application form) \r\n photo must be clear, front-facing and taken against white background\r\n \r\n\r\n \r\n 8. Photo for each parent/guardian for family photo ID\r\n \r\n\r\n \r\n \r\n 9. Student's Previous 2 Years of School Reports\r\n
- Last year level full year school report
\r\n
- Current year level full year school report (or all reports you have received for current year)
\r\n \r\n 9. Copy of child’s latest school report (in English)\r\n \r\n\r\n \r\n 10. Copy of child's immunisation record (Immunisation against Diphtheria and Measles is compulsory in Singapore. Immunisation records is required for students under 12 years old.)\r\n \r\n\r\n \r\n 11. Any other relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n *12. Screenshot or proof of payment for the application fee of S$654, inclusive of 9% GST. (Kindly note that payment must be made before the school processes the application)\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n\r\n 2. If you have authorised a representative to assist you with this application, please fill in their information below:\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","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!./EhStudentApplicationForm.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!./EhStudentApplicationForm.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EhStudentApplicationForm.vue?vue&type=template&id=2fa22726\"\nimport script from \"./EhStudentApplicationForm.vue?vue&type=script&lang=js\"\nexport * from \"./EhStudentApplicationForm.vue?vue&type=script&lang=js\"\nimport style0 from \"./EhStudentApplicationForm.vue?vue&type=style&index=0&id=2fa22726&prod&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 null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"apf\"}},[(!_vm.isSubmitted && !_vm.isDraft)?_c('div',{staticClass:\"container\"},[_c('h4',{staticClass:\"text-red\"},[_vm._v(\"Student Application Form\")]),_c('div',{staticClass:\"row\",staticStyle:{\"margin\":\"0 0 25px 0\"}},[_vm._v(\"\\n Welcome to the student application form for Middleton International School. If you are here, it is very likely that you have made the decision to join one of our wonderful schools. Congratulations on choosing what we know will be a wonderful learning experience for your child. We will guide you through this journey and make the application process as smooth as possible. To complete the application form, you will need to upload some supporting documents and proof of administration fee of $540 (includes 8% GST) to be paid via PayNow or wire transfer.\\n \")]),_c('div',{staticClass:\"row\",staticStyle:{\"margin\":\"0 0 25px 0\"}},[_c('ApfSelectSchoolDropdown',{attrs:{\"school\":_vm.selectOptSchool,\"validator\":_vm.$v.selectOptSchool,\"group\":\"MIS\"},on:{\"change\":function($event){_vm.selectOptSchool = $event}}}),_c('ApfUploadStudentPhoto',{on:{\"change\":function($event){_vm.uploadedStuImg = $event}}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectOptSchool),expression:\"selectOptSchool\"}]},[_c('div',{staticClass:\"saf-step-container\",staticStyle:{\"margin-bottom\":\"30px\"}},[_c('el-steps',{attrs:{\"active\":_vm.currentStep}},_vm._l((_vm.steps),function(item,index){return _c('el-step',{key:index,attrs:{\"title\":item.title,\"description\":item.desc},nativeOn:{\"click\":function($event){return _vm.clickStep(index)}}})}),1)],1),_c('div',[_c('span',{staticStyle:{\"display\":\"block\",\"color\":\"#dc2826\",\"font-weight\":\"bold\"}},[_vm._v(\"Step \"+_vm._s(_vm.currentStep + 1))])]),(_vm.currentStep === 0)?_c('div',{staticClass:\"saf-student-details-cotainer\",staticStyle:{\"position\":\"relative\"}},[_vm._m(0),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"row-gap\":\"1.5rem\",\"column-gap\":\"3rem\"}},[_c('ApfBasicInput',{attrs:{\"name\":\"studFirstName\",\"label\":\"Given Name (as shown in passport)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studFirstName),expression:\"studFirstName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studFirstName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studFirstName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"studLastName\",\"label\":\"Surname/Family Name (as shown in passport)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studLastName),expression:\"studLastName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studLastName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studLastName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"studDOB\",\"label\":\"Date of Birth\",\"validator\":_vm.$v}},[_c('el-date-picker',{attrs:{\"type\":\"date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\",\"placeholder\":\"Pick a day\",\"picker-options\":_vm.datePicker},model:{value:(_vm.studDOB),callback:function ($$v) {_vm.studDOB=$$v},expression:\"studDOB\"}})],1),_c('ApfBasicInput',{attrs:{\"name\":\"inputFirstCommencementDate\",\"label\":\"Proposed Commencement Date\",\"validator\":_vm.$v}},[_c('el-date-picker',{attrs:{\"type\":\"date\",\"format\":\"dd/MM/yyyy\",\"value-format\":\"dd/MM/yyyy\",\"placeholder\":\"Pick a day\",\"picker-options\":_vm.CommDatePicker},on:{\"change\":function($event){return _vm.checkStudentAge()}},model:{value:(_vm.inputFirstCommencementDate),callback:function ($$v) {_vm.inputFirstCommencementDate=$$v},expression:\"inputFirstCommencementDate\"}})],1),_c('ApfBasicInput',{attrs:{\"name\":\"studGender\",\"label\":\"Gender\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studGender),expression:\"studGender\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studGender=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"Male\"}},[_vm._v(\"Male\")]),_c('option',{attrs:{\"value\":\"Female\"}},[_vm._v(\"Female\")])])]),_c('ApfBasicInput',{attrs:{\"name\":\"studCOB\",\"label\":\"Country of Birth\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studCOB),expression:\"studCOB\"}],staticClass:\"form-control w-full\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studCOB=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:`COB_${items.CNYid}`,domProps:{\"value\":items.CNYname.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYname)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"studNationality\",\"label\":\"Nationality\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studNationality),expression:\"studNationality\"}],staticClass:\"form-control w-full\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studNationality=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:`SN_${items.CNYid}`,domProps:{\"value\":items.CNYnationality.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYnationality)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"label\":\"If dual citizenship, please select:\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studDualCitizenship),expression:\"studDualCitizenship\"}],staticClass:\"form-control w-full\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studDualCitizenship=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:`SN2_${items.CNYid}`,domProps:{\"value\":items.CNYnationality.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYnationality)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"passportNumber\",\"label\":\"Passport No.\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.passportNumber),expression:\"passportNumber\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.passportNumber)},on:{\"input\":function($event){if($event.target.composing)return;_vm.passportNumber=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"passportExpiryDate\",\"label\":\"Passport Expiry Date\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.passportExpiryDate),expression:\"passportExpiryDate\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.passportExpiryDate)},on:{\"input\":function($event){if($event.target.composing)return;_vm.passportExpiryDate=$event.target.value}}})]),_c('ApfResidencyInputs',{staticClass:\"col-span-full\",attrs:{\"type\":\"child\",\"columns\":2,\"form\":this,\"validator\":_vm.$v,\"fields\":{\n status: 'studImmigrationStatus',\n number: 'studImmigrationStatusNo',\n expiry: 'studImmigrationStatusNoExpiryDate',\n }}}),_c('ApfBasicInput',{attrs:{\"name\":\"studCurrentSchName\",\"label\":\"Current School Name\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studCurrentSchName),expression:\"studCurrentSchName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studCurrentSchName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studCurrentSchName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"studCurrentSchCountry\",\"label\":\"Current School Country\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studCurrentSchCountry),expression:\"studCurrentSchCountry\"}],staticClass:\"form-control w-full\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studCurrentSchCountry=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:`SSC_${items.CNYid}`,domProps:{\"value\":items.CNYname.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYname)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"studIsEnrolled\",\"validator\":_vm.$v,\"label\":\"Has your child been enrolled with EtonHouse / Middleton previously?\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studIsEnrolled),expression:\"studIsEnrolled\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studIsEnrolled=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"yes\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"no\"}},[_vm._v(\"No\")])])]),(_vm.studIsEnrolled === 'yes')?_c('ApfBasicInput',{attrs:{\"label\":\"Please select which Etonhouse / Middleton campus\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"gap\":\"0.5rem\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studPrevEhSchool),expression:\"studPrevEhSchool\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studPrevEhSchool=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.schoolNameList),function(opt){return _c('option',{key:opt.id,domProps:{\"value\":opt.SchoolID}},[_vm._v(\"\\n \"+_vm._s(opt.SchoolName)+\"\\n \"),(opt.SchoolID === 'SCH201500000043' || opt.SchoolID === 'SCH201400000537')?[_vm._v(\"\\n (Pre-School)\\n \")]:_vm._e()],2)}),0),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studPrevEhSchoolYear),expression:\"studPrevEhSchoolYear\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"8rem\"},attrs:{\"placeholder\":\"Year Attended\"},domProps:{\"value\":(_vm.studPrevEhSchoolYear)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studPrevEhSchoolYear=$event.target.value}}})])]):_vm._e(),_c('ApfBasicInput',{attrs:{\"name\":\"studFirstLanguage\",\"label\":\"First(1st) Language\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studFirstLanguage),expression:\"studFirstLanguage\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studFirstLanguage)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studFirstLanguage=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Second(2nd) Language (if applicable)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studSecondLanguage),expression:\"studSecondLanguage\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studSecondLanguage)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studSecondLanguage=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Does your child have siblings?\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.isStudHasSibling),expression:\"isStudHasSibling\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.isStudHasSibling=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"Yes\"}},[_vm._v(\"Yes\")]),_c('option',{attrs:{\"value\":\"No\"}},[_vm._v(\"No\")])])]),(_vm.isStudHasSibling === 'Yes')?_c('ApfBasicInput',{staticStyle:{\"grid-column\":\"1/-1\"},attrs:{\"label\":\"Add Sibling's Details\"}},[_c('div',{staticStyle:{\"margin\":\".5rem 0\",\"display\":\"grid\",\"grid-template-columns\":\"auto auto auto auto auto\",\"gap\":\"2rem\",\"align-items\":\"end\"}},[_c('div',[_c('label',[_vm._v(\"Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studSiblingName),expression:\"studSiblingName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studSiblingName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studSiblingName=$event.target.value}}})]),_c('div',[_c('label',[_vm._v(\"Gender\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studSiblingGender),expression:\"studSiblingGender\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.studSiblingGender=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"Male\"}},[_vm._v(\"Male\")]),_c('option',{attrs:{\"value\":\"Female\"}},[_vm._v(\"Female\")])])]),_c('div',[_c('label',[_vm._v(\"Date of Birth\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studSiblingDOB),expression:\"studSiblingDOB\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.studSiblingDOB)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studSiblingDOB=$event.target.value}}})]),_c('div',[_c('label',[_vm._v(\"Present School\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.studSiblingPresentSch),expression:\"studSiblingPresentSch\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.studSiblingPresentSch)},on:{\"input\":function($event){if($event.target.composing)return;_vm.studSiblingPresentSch=$event.target.value}}})]),_c('button',{staticClass:\"btn common-btn\",staticStyle:{\"margin-right\":\"auto\",\"color\":\"white\",\"padding\":\"6px 36px\"},on:{\"click\":function($event){return _vm.addStudSibling()}}},[_vm._v(\"Add\\n \")])]),(_vm.studArrSiblingDetails.length > 0)?_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('data-tables',{attrs:{\"data\":_vm.studArrSiblingDetails,\"action-col\":_vm.studArrSiblingDetailsListAction}},_vm._l((_vm.studArrSiblingDetailsList),function(keyTag){return _c('el-table-column',{key:keyTag.prop,attrs:{\"prop\":keyTag.prop,\"label\":keyTag.label,\"sortable\":\"custom\"}})}),1)],1):_vm._e()]):_vm._e()],1),_c('hr'),_c('ApfLanguageSection',{attrs:{\"group\":\"MIS\",\"school\":_vm.selectOptSchool,\"validator\":_vm.$v,\"form\":this}})],1):_vm._e(),(_vm.currentStep === 1)?_c('div',{staticClass:\"saf-parent-guarding-details-container\"},[_vm._m(1),_c('div',[_c('div',{staticClass:\"stud-legal-rights-container\"},[_c('label',[_vm._v(\"Student's Legal Rights\")]),_c('p',{staticStyle:{\"font-style\":\"italic\"}},[_vm._v(\"Under Singapore law, a person under 21 years of age is considered a minor and the parents/local guardians are responsible for the Student. The decision making rights of a minor vest in the parents/local guardians. Where parents of the Student are divorced/separated, the School will follow an order of court in the case of dispute to determine the party/parties that has/have custody of the Student and therefore, is responsible for making decisions for the Student.\")]),_c('div',[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectOptParent),expression:\"selectOptParent\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectOptParent=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrOptParent),function(opt,idx){return _c('option',{key:`arropt-${idx}`,domProps:{\"value\":opt.value}},[_vm._v(\"\\n \"+_vm._s(opt.name)+\"\\n \")])}),0)])]),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"gap\":\"3rem\",\"align-items\":\"start\"}},[(_vm.selectOptParent === 'father' || _vm.selectOptParent === 'fnm')?_c('div',{class:_vm.selectOptParent === 'father' ? 'single' : '',staticStyle:{\"display\":\"grid\",\"gap\":\"1.5rem\"}},[_vm._m(2),_c('ApfBasicInput',{attrs:{\"name\":\"faFirstName\",\"label\":\"First Name (Given Name)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faFirstName),expression:\"faFirstName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faFirstName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faFirstName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"faLastName\",\"label\":\"Surname (Family Name)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faLastName),expression:\"faLastName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faLastName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faLastName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Middle Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faMiddleName),expression:\"faMiddleName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faMiddleName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faMiddleName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"faNationality\",\"label\":\"Nationality\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faNationality),expression:\"faNationality\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.faNationality=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:`FN_${items.CNYid}`,domProps:{\"value\":items.CNYnationality.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYnationality)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"faEmail\",\"label\":\"Email\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faEmail),expression:\"faEmail\"}],staticClass:\"form-control\",attrs:{\"type\":\"email\"},domProps:{\"value\":(_vm.faEmail)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faEmail=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"faTelM\",\"label\":\"Tel (mobile)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faTelM),expression:\"faTelM\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faTelM)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faTelM=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (home)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faTelH),expression:\"faTelH\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faTelH)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faTelH=$event.target.value}}})]),_c('ApfResidencyInputs',{staticClass:\"col-span-full\",attrs:{\"type\":\"parent\",\"columns\":1,\"form\":this,\"validator\":_vm.$v,\"fields\":{\n status: 'faResidencyStatus',\n number: 'faResidencyDocNo',\n expiry: 'faResidencyDocExpiry',\n }},on:{\"status\":function($event){_vm.faResidencyStatus = $event},\"number\":function($event){_vm.faResidencyDocNo = $event},\"expiry\":function($event){_vm.faResidencyDocExpiry = $event}}}),_c('ApfBasicInput',{attrs:{\"label\":\"Company Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faCompanyName),expression:\"faCompanyName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faCompanyName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faCompanyName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Occupation\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.faOccupation),expression:\"faOccupation\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.faOccupation)},on:{\"input\":function($event){if($event.target.composing)return;_vm.faOccupation=$event.target.value}}})])],1):_vm._e(),(_vm.selectOptParent === 'mother' || _vm.selectOptParent === 'fnm')?_c('div',{class:_vm.selectOptParent === 'mother' ? 'single' : '',staticStyle:{\"display\":\"grid\",\"gap\":\"1.5rem\"}},[_vm._m(3),_c('ApfBasicInput',{attrs:{\"name\":\"maFirstName\",\"label\":\"First Name (Given Name)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maFirstName),expression:\"maFirstName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maFirstName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maFirstName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"maLastName\",\"label\":\"Surname (Family Name)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maLastName),expression:\"maLastName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maLastName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maLastName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Middle Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maMiddleName),expression:\"maMiddleName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maMiddleName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maMiddleName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"maNationality\",\"label\":\"Nationality\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maNationality),expression:\"maNationality\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.maNationality=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:`MN_${items.CNYid}`,domProps:{\"value\":items.CNYnationality.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYnationality)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"maEmail\",\"label\":\"Email\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maEmail),expression:\"maEmail\"}],staticClass:\"form-control\",attrs:{\"type\":\"email\"},domProps:{\"value\":(_vm.maEmail)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maEmail=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"maTelM\",\"label\":\"Tel (mobile)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maTelM),expression:\"maTelM\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maTelM)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maTelM=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (home)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maTelH),expression:\"maTelH\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maTelH)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maTelH=$event.target.value}}})]),_c('ApfResidencyInputs',{staticClass:\"col-span-full\",attrs:{\"type\":\"parent\",\"columns\":1,\"form\":this,\"validator\":_vm.$v,\"fields\":{\n status: 'maResidencyStatus',\n number: 'maResidencyDocNo',\n expiry: 'maResidencyDocExpiry',\n }},on:{\"status\":function($event){_vm.maResidencyStatus = $event},\"number\":function($event){_vm.maResidencyDocNo = $event},\"expiry\":function($event){_vm.maResidencyDocExpiry = $event}}}),_c('ApfBasicInput',{attrs:{\"label\":\"Company Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maCompanyName),expression:\"maCompanyName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maCompanyName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maCompanyName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Occupation\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maOccupation),expression:\"maOccupation\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.maOccupation)},on:{\"input\":function($event){if($event.target.composing)return;_vm.maOccupation=$event.target.value}}})])],1):_vm._e()]),_c('hr'),_c('div',{staticClass:\"emergency-contact-container\"},[_vm._m(4),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"repeat(4, auto)\",\"column-gap\":\"2rem\",\"margin-bottom\":\"2rem\"}},[_c('div',{staticClass:\"col-span-full\",staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"Contact 1 (mandatory)\")]),_c('ApfBasicInput',{attrs:{\"name\":\"emgPerson1\",\"label\":\"Name\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgPerson1),expression:\"emgPerson1\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgPerson1)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgPerson1=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"emgRelationship1\",\"label\":\"Relationship to Child\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgRelationship1),expression:\"emgRelationship1\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgRelationship1)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgRelationship1=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"emgTelM1\",\"label\":\"Tel (mobile)\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgTelM1),expression:\"emgTelM1\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgTelM1)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgTelM1=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (home)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgTelH1),expression:\"emgTelH1\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgTelH1)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgTelH1=$event.target.value}}})]),_c('div',{staticClass:\"col-span-full\",staticStyle:{\"font-weight\":\"bold\",\"margin-top\":\"1rem\"}},[_vm._v(\"Contact 2\")]),_c('ApfBasicInput',{attrs:{\"label\":\"Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgPerson2),expression:\"emgPerson2\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgPerson2)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgPerson2=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Relationship to Child\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgRelationship2),expression:\"emgRelationship2\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgRelationship2)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgRelationship2=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (mobile)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgTelM2),expression:\"emgTelM2\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgTelM2)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgTelM2=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (home)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.emgTelH2),expression:\"emgTelH2\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.emgTelH2)},on:{\"input\":function($event){if($event.target.composing)return;_vm.emgTelH2=$event.target.value}}})])],1)]),_c('hr'),_c('div',{staticClass:\"correspondence-container\"},[_vm._m(5),_c('ApfBasicInput',{staticStyle:{\"margin-bottom\":\"1rem\"},attrs:{\"name\":\"corrResidingType\",\"label\":\"Student will be residing with\",\"validator\":_vm.$v}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.corrResidingType),expression:\"corrResidingType\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.corrResidingType=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},[_c('option',{attrs:{\"value\":\"father\"}},[_vm._v(\"Father\")]),_c('option',{attrs:{\"value\":\"mother\"}},[_vm._v(\"Mother\")]),_c('option',{attrs:{\"value\":\"parents\"}},[_vm._v(\"Parents\")]),_c('option',{attrs:{\"value\":\"guardian\"}},[_vm._v(\"Guardian\")])])]),(_vm.corrResidingType === 'guardian')?_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"column-gap\":\"2rem\",\"row-gap\":\"1rem\",\"border\":\"1px solid lightgray\",\"padding\":\"1rem\",\"border-radius\":\"2px\",\"margin-bottom\":\"2rem\"}},[_vm._m(6),_c('ApfBasicInput',{attrs:{\"label\":\"Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.gdName),expression:\"gdName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.gdName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.gdName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Email\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.gdEmail),expression:\"gdEmail\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.gdEmail)},on:{\"input\":function($event){if($event.target.composing)return;_vm.gdEmail=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (mobile)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.gdTelM),expression:\"gdTelM\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.gdTelM)},on:{\"input\":function($event){if($event.target.composing)return;_vm.gdTelM=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel (home)\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.gdTelH),expression:\"gdTelH\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.gdTelH)},on:{\"input\":function($event){if($event.target.composing)return;_vm.gdTelH=$event.target.value}}})])],1):_vm._e(),_c('ApfBasicInput',{staticStyle:{\"margin-bottom\":\"1rem\"},attrs:{\"name\":\"corrAddress\",\"label\":\"Address in Singapore\",\"validator\":_vm.$v}},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.corrAddress),expression:\"corrAddress\"}],staticClass:\"form-control\",attrs:{\"rows\":\"4\"},domProps:{\"value\":(_vm.corrAddress)},on:{\"input\":function($event){if($event.target.composing)return;_vm.corrAddress=$event.target.value}}})]),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"gap\":\"2rem\"}},[_c('ApfBasicInput',{attrs:{\"name\":\"corrAddressPostal\",\"label\":\"* Postal Code\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.corrAddressPostal),expression:\"corrAddressPostal\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.corrAddressPostal)},on:{\"input\":function($event){if($event.target.composing)return;_vm.corrAddressPostal=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"corrAddressCountry\",\"label\":\"* Country\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.corrAddressCountry),expression:\"corrAddressCountry\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"disabled\":\"\"},domProps:{\"value\":(_vm.corrAddressCountry)},on:{\"input\":function($event){if($event.target.composing)return;_vm.corrAddressCountry=$event.target.value}}})])],1)],1),_c('hr'),_c('div',{staticClass:\"billing-details-container\",staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"row-gap\":\"1rem\",\"column-gap\":\"2rem\"}},[_vm._m(7),_c('ApfBasicInput',{staticClass:\"col-span-full\",attrs:{\"label\":\"Billing Name\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billName),expression:\"billName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.billName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.billName=$event.target.value}}})]),_c('ApfBasicInput',{staticClass:\"col-span-full\",attrs:{\"label\":\"Address\"}},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billAddress),expression:\"billAddress\"}],staticClass:\"form-control\",attrs:{\"rows\":\"4\"},domProps:{\"value\":(_vm.billAddress)},on:{\"input\":function($event){if($event.target.composing)return;_vm.billAddress=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"billAddressPostal\",\"label\":\"* Postal Code\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billAddressPostal),expression:\"billAddressPostal\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.billAddressPostal)},on:{\"input\":function($event){if($event.target.composing)return;_vm.billAddressPostal=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"name\":\"billAddressCountry\",\"label\":\"* Country\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billAddressCountry),expression:\"billAddressCountry\"}],staticClass:\"form-control w-full\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.billAddressCountry=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.arrCountryList),function(items){return _c('option',{key:items.CNYid,domProps:{\"value\":items.CNYname.trim()}},[_vm._v(\"\\n \"+_vm._s(items.CNYname)+\"\\n \")])}),0)]),_c('ApfBasicInput',{attrs:{\"name\":\"billEmail\",\"label\":\"Email\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billEmail),expression:\"billEmail\"}],staticClass:\"form-control\",attrs:{\"type\":\"email\"},domProps:{\"value\":(_vm.billEmail)},on:{\"input\":function($event){if($event.target.composing)return;_vm.billEmail=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"Tel\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.billTel),expression:\"billTel\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.billTel)},on:{\"input\":function($event){if($event.target.composing)return;_vm.billTel=$event.target.value}}})])],1)])]):_vm._e(),(_vm.currentStep === 2)?_c('div',{staticClass:\"saf-supportive-information-container\"},[_c('ApfQuestions',{staticStyle:{\"margin-bottom\":\"1rem\"},attrs:{\"group\":\"MIS\",\"school\":_vm.selectOptSchool,\"questions\":_vm.questionAryObj,\"validator\":_vm.$v.questionAryObj}}),_c('hr'),_vm._m(8),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"column-gap\":\"2rem\"}},[_c('div',[_c('ApfBasicInput',{staticStyle:{\"margin-bottom\":\"1rem\"},attrs:{\"name\":\"siSignatureName\",\"label\":\"Name of Parent / Guardian\",\"validator\":_vm.$v}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.siSignatureName),expression:\"siSignatureName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.siSignatureName)},on:{\"change\":function($event){return _vm.copySignaturenName()},\"input\":function($event){if($event.target.composing)return;_vm.siSignatureName=$event.target.value}}})]),_c('ApfBasicInput',{attrs:{\"label\":\"* Date\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.siSignatureDate),expression:\"siSignatureDate\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\",\"disabled\":\"\"},domProps:{\"value\":(_vm.siSignatureDate)},on:{\"input\":function($event){if($event.target.composing)return;_vm.siSignatureDate=$event.target.value}}})])],1),_c('ApfBasicInput',{attrs:{\"name\":\"siSignature\",\"label\":\"Signature\",\"validator\":_vm.$v}},[_c('div',{staticClass:\"signature-pad\",on:{\"click\":function($event){return _vm.$bvModal.show('signatureModal')}}},[(_vm.siSignature)?_c('img',{staticClass:\"imgParentSignature\",attrs:{\"src\":_vm.siSignature,\"type\":\"file\"}}):_vm._e()])])],1)],1):_vm._e(),(_vm.currentStep === 3)?_c('div',{staticClass:\"saf-declration-agreement-container\"},[_c('div',[_vm._m(9),_c('div',[_c('ApfDeclarationAndAgreement',{staticStyle:{\"margin-bottom\":\"2rem\"},attrs:{\"group\":\"MIS\"}}),_c('div',{staticClass:\"row m-0\",staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"column-gap\":\"2rem\"}},[_c('div',[_c('div',{class:{ 'form-group--error': _vm.$v.daSignatureName.$error}},[_c('label',[_c('span',[_vm._v(\"* Name of Parent / Guardian \")]),(!_vm.daSignatureName)?_c('small',{staticStyle:{\"color\":\"red\"}},[_c('b',[_vm._v(\"Please check at step 3\")])]):_vm._e()]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.daSignatureName),expression:\"daSignatureName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"disabled\":\"\"},domProps:{\"value\":(_vm.daSignatureName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.daSignatureName=$event.target.value}}}),(!_vm.$v.daSignatureName.required)?_c('div',{staticClass:\"error requiredFieldsMsg\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('el-alert',{attrs:{\"title\":\"Name of Parent / Guardian is required!\",\"type\":\"error\"}})],1):_vm._e()]),_c('div',[_c('label',[_vm._v(\"* Date\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.daSignatureDate),expression:\"daSignatureDate\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\",\"disabled\":\"\"},domProps:{\"value\":(_vm.daSignatureDate)},on:{\"input\":function($event){if($event.target.composing)return;_vm.daSignatureDate=$event.target.value}}})])]),_c('div',{class:{ 'form-group--error': _vm.$v.daSignature.$error }},[_c('label',[_vm._v(\"* Signature \"),(!_vm.daSignatureName)?_c('small',{staticStyle:{\"color\":\"red\"}},[_c('b',[_vm._v(\"Please check at step 3\")])]):_vm._e()]),_c('div',{staticStyle:{\"border\":\"1px solid whitesmoke\",\"height\":\"120px\",\"width\":\"100%\",\"background\":\"whitesmoke\",\"border-radius\":\"6px\",\"cursor\":\"pointer\",\"max-height\":\"120px\",\"overflow\":\"auto\"}},[(_vm.daSignature)?_c('img',{staticClass:\"imgParentSignature\",staticStyle:{\"height\":\"100%\",\"width\":\"100%\",\"object-fit\":\"contain\"},attrs:{\"src\":_vm.daSignature,\"type\":\"file\"}}):_vm._e()]),(!_vm.$v.daSignature.required)?_c('div',{staticClass:\"error requiredFieldsMsg\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('el-alert',{attrs:{\"title\":\"Signature is required!\",\"type\":\"error\"}})],1):_vm._e()])])],1)])]):_vm._e(),(_vm.currentStep === 4)?_c('div',[_c('label',{staticClass:\"common-label-title\",staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"Document Checklist for Parents\")]),_c('p',{staticStyle:{\"color\":\"#212121\"}},[_vm._v(\"(To submit more than one document for each field, select the required documents and upload them at the same time. Only .jpg, .png and .pdf files will be accepted and total file size should not be more than 10MB. You may still submit your application even if you do not have all documents now. However, kindly note that we will only review your application after all required information and documents have been submitted at least 3 working days before the next Admission Panels Review.)\")]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_3\"}},[_c('strong',[_vm._v(\"1. Copy of father’s IC (Singaporean / Permanent Resident) or FIN card or Passport (if no Singapore IC nor FIN card).\")]),_c('p',{staticStyle:{\"color\":\"#ef5350\"}},[_vm._v(\"For NRIC & FIN cards, please include images of BOTH the front and back of the card.\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_5\"}},[_c('strong',[_vm._v(\"2. Copy of mother’s IC (Singaporean/ Permanent Resident) or FIN card or Passport (if no Singapore IC nor FIN card).\")]),_c('p',{staticStyle:{\"color\":\"#ef5350\"}},[_vm._v(\"For NRIC & FIN cards, please include images of BOTH the front and back of the card.\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_7\"}},[_c('strong',[_vm._v(\"3. Copy of child’s birth certificate (Singaporean only), Re‐Entry Permit (Permanent Resident only), FIN card or Student Pass.\")]),_c('p',{staticStyle:{\"color\":\"#ef5350\"}},[_vm._v(\"For Student Pass & FIN cards, please include images of BOTH the front and back of the card.\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_8\"}},[_c('strong',[_vm._v(\"4. Copy of child’s passport showing the page of child’s personal particulars\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_9\"}},[_c('strong',[_vm._v(\"5. Photo of the child (for student’s ID and application form)\")]),_c('br'),_c('span',[_vm._v(\"photo must be clear, front-facing and taken against white or neutral background\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_10\"}},[_c('strong',[_vm._v(\"6. Photo for each parent/guardian for family photo ID\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_11\"}},[_c('strong',[_vm._v(\"7. Copy of child’s latest school report (in English)\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_12\"}},[_c('strong',[_vm._v(\"8. Copy of child's immunisation record (Immunisation against Diphtheria and Measles is compulsory in Singapore. Immunisation records is required for students under 12 years old.)\")])]),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_15\"}},[_c('strong',[_vm._v(\"9. Any other relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)\")])]),(_vm.$v.arrChecklistAttach.$error && !_vm.$v.arrChecklistAttach.hasPaymentDoc)?_c('div',{staticClass:\"requiredFieldsMsg\",staticStyle:{\"margin-bottom\":\"10px\"}},[_c('el-alert',{attrs:{\"title\":\"Payment proof document is required\",\"type\":\"error\"}})],1):_vm._e(),_c('ApfUploadInput',{attrs:{\"attachments\":_vm.arrChecklistAttach,\"remove\":_vm.removeChecklistAttach,\"add\":_vm.onFileChanged,\"doc\":\"doc_payment\"}},[_c('strong',[_vm._v(\"*10. Screenshot or proof of payment for the administration fee of S$540, inclusive of 8% GST. (Kindly note that payment must be made before the school processes the application)\")]),_c('ApfUploadPaymentInfo',{attrs:{\"group\":\"MIS\",\"school\":_vm.selectOptSchool}})],1)],1):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentStep === 5),expression:\"currentStep === 5\"}],staticStyle:{\"padding-top\":\"1rem\"}},[_c('ApfReferralChannelSelector',{staticStyle:{\"margin-bottom\":\"1rem\"},attrs:{\"group\":\"MIS\",\"channel\":_vm.trafficChannel},on:{\"change\":function($event){_vm.trafficChannel = $event}}}),_c('strong',[_vm._v(\"2. If you have authorised a representative to assist you with this application, please fill in their information below:\")]),_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr 1fr\",\"column-gap\":\"2rem\",\"margin\":\"0.5rem 0\"}},[_c('div',[_c('label',[_vm._v(\"Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.raAgentName),expression:\"raAgentName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.raAgentName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.raAgentName=$event.target.value}}})]),_c('div',[_c('label',[_vm._v(\"Email\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.raAgentEmail),expression:\"raAgentEmail\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.raAgentEmail)},on:{\"input\":function($event){if($event.target.composing)return;_vm.raAgentEmail=$event.target.value}}})]),_c('div',[_c('label',[_vm._v(\"Company Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.raAgentCompanyName),expression:\"raAgentCompanyName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.raAgentCompanyName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.raAgentCompanyName=$event.target.value}}})]),_c('div',[_c('label',[_vm._v(\"Contact Number\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.raAgentTel),expression:\"raAgentTel\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.raAgentTel)},on:{\"input\":function($event){if($event.target.composing)return;_vm.raAgentTel=$event.target.value}}})])])],1),_c('div',{staticStyle:{\"margin\":\"20px 0 0 0\",\"background\":\"#eeeeee\",\"padding\":\"10px\",\"display\":\"flex\",\"justify-content\":\"space-between\",\"flex-wrap\":\"wrap\"}},[(_vm.currentStep === _vm.steps.length-1)?_c('button',{staticClass:\"btn btn-success\",on:{\"click\":function($event){return _vm.validationForm()}}},[_vm._v(\"\\n Submit Application\\n \")]):_vm._e(),_c('div',{staticStyle:{\"display\":\"flex\",\"gap\":\"10px\",\"margin-left\":\"auto\"}},[(_vm.currentStep >= 0 && _vm.currentStep < _vm.steps.length)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.saveDraft()}}},[_vm._v(\"\\n Save As Draft\\n \")]):_vm._e(),(_vm.currentStep > 0 && _vm.currentStep <= _vm.steps.length - 1)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.changeStep('prev')}}},[_vm._v(\"\\n Previous\\n \")]):_vm._e(),(_vm.currentStep >= 0 && _vm.currentStep < _vm.steps.length - 1)?_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":function($event){return _vm.changeStep('next')}}},[_vm._v(\"\\n Next\\n \")]):_vm._e()])]),(_vm.validationErrors.length > 0)?_c('div',{staticStyle:{\"padding\":\"0.5rem 0\"}},[_c('div',{staticClass:\"el-alert el-alert--error is-light\",staticStyle:{\"display\":\"block\"}},[_c('div',{staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"Please fill in the following required fields:\")]),_c('ol',{staticClass:\"el-alert__content\",staticStyle:{\"padding-left\":\"2rem\",\"padding-bottom\":\"0\"}},_vm._l((_vm.validationErrors),function([errKey]){return _c('li',{key:errKey},[_vm._v(_vm._s(_vm.getValidationMessageFromKey(errKey)))])}),0)])]):_vm._e()])]):(_vm.isSubmitted)?_c('ApfAfterSubmitMessage',{attrs:{\"group\":\"MIS\"}}):(_vm.isDraft)?_c('ApfAfterSaveDraftMessage',{attrs:{\"group\":\"MIS\"}}):_vm._e(),_c('ApfSignaturePadModal',{on:{\"save\":function($event){return _vm.saveSignature($event)}}}),_c('ApfEmailVerificationModal',{on:{\"verify\":function($event){return _vm.setupDraft($event)}}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"20px\"}},[_c('label',{staticClass:\"common-label-title\"},[_vm._v(\"Student Details\")]),_c('small',[_vm._v(\"(Please provide a written notice to the Parent Liaison Office of any changes to the information provided in this form.)\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('label',{staticClass:\"common-label-title\"},[_vm._v(\"Parent(s) or Local Guardian Details\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('label',[_c('img',{attrs:{\"src\":require(\"../../assets/VectorMale.png\")}}),_vm._v(\" Father\")]),_c('hr',{staticStyle:{\"margin-bottom\":\"0\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('label',[_c('img',{attrs:{\"src\":require(\"../../assets/VectorFemale.png\")}}),_vm._v(\"Mother\")]),_c('hr',{staticStyle:{\"margin-bottom\":\"0\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-a\"},[_c('strong',[_vm._v(\"Emergency Contact\")]),_c('small',[_vm._v(\"(Alternative English-speaking person in Singapore in case of emergency if parents/local guardian are not contactable.)\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-a\"},[_c('strong',[_vm._v(\"Correspondence\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"font-weight\":\"bold\",\"grid-column\":\"1 / -1\"}},[_c('img',{attrs:{\"src\":require(\"../../assets/VectorMale.png\")}}),_vm._v(\" Guardian\\n \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-a col-span-full m-0\"},[_c('strong',[_vm._v(\"Billing Name & Address for Tuition Fees (if different from the above)\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"margin-bottom\":\"30px\"}},[_c('label',{staticStyle:{\"color\":\"#212121\",\"font-weight\":\"bold\"}},[_vm._v(\"IMPORTANT: Should Middleton be unable to contact the child’s parent(s) or emergency contact person, I give permission to Middleton to seek medical assistance for my child. I will bear full financial responsibility for any cost incurred.\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('label',{staticClass:\"common-label-title\"},[_vm._v(\"Declaration and Agreement\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main',{staticClass:\"residency-inputs\",style:(`grid-template-columns: repeat(${_vm.columns}, 1fr);`)},[_c('ApfBasicInput',{attrs:{\"name\":_vm.fields.status,\"validator\":_vm.validator,\"label\":\"Residency Status when in Singapore\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form[_vm.fields.status]),expression:\"form[fields.status]\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.form, _vm.fields.status, $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[(_vm.type === 'child')?[_c('option',{attrs:{\"value\":\"DP(Dependant Pass)\"}},[_vm._v(\"Dependant’s Pass\")]),_c('option',{attrs:{\"value\":\"SP(Student Pass)\"}},[_vm._v(\"Student Pass\")]),_c('option',{attrs:{\"value\":\"LTVP(Long Term Visit Pass)\"}},[_vm._v(\"Long-Term Visit Pass\")]),_c('option',{attrs:{\"value\":\"PR(Permanent Resident)\"}},[_vm._v(\"Permanent Resident\")]),_c('option',{attrs:{\"value\":\"SC(Citizen)\"}},[_vm._v(\"Singapore Citizen\")]),_c('option',{attrs:{\"value\":\"Diplomatic Pass\"}},[_vm._v(\"Diplomatic Pass\")])]:_vm._e(),(_vm.type === 'parent')?[_c('option',{attrs:{\"value\":\"SC(Citizen)\"}},[_vm._v(\"Singapore Citizen\")]),_c('option',{attrs:{\"value\":\"PR(Permanent Resident)\"}},[_vm._v(\"Singapore Permanent Resident\")]),_c('option',{attrs:{\"value\":\"EP(Employment Pass)\"}},[_vm._v(\"Employment Pass\")]),_c('option',{attrs:{\"value\":\"LTVP(Long Term Visit Pass)\"}},[_vm._v(\"Long Term Visit Pass\")]),_c('option',{attrs:{\"value\":\"Foreigner\"}},[_vm._v(\"Foreigner\")])]:_vm._e()],2)]),(_vm.residencyDoc)?_c('ApfBasicInput',{attrs:{\"name\":_vm.fields.number,\"validator\":_vm.validator,\"label\":`${_vm.residencyDoc} No.`}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form[_vm.fields.number]),expression:\"form[fields.number]\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.form[_vm.fields.number])},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, _vm.fields.number, $event.target.value)}}})]):_vm._e(),(_vm.showExpiryDateInput)?_c('ApfBasicInput',{attrs:{\"name\":_vm.fields.expiry,\"validator\":_vm.validator,\"label\":`${_vm.residencyDoc} Date of Expiry`}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form[_vm.fields.expiry]),expression:\"form[fields.expiry]\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.form[_vm.fields.expiry])},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, _vm.fields.expiry, $event.target.value)}}})]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n","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!./ApfResidencyInputs.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!./ApfResidencyInputs.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApfResidencyInputs.vue?vue&type=template&id=e0914b06&scoped=true\"\nimport script from \"./ApfResidencyInputs.vue?vue&type=script&lang=js\"\nexport * from \"./ApfResidencyInputs.vue?vue&type=script&lang=js\"\nimport style0 from \"./ApfResidencyInputs.vue?vue&type=style&index=0&id=e0914b06&prod&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 \"e0914b06\",\n null\n \n)\n\nexport default component.exports","\r\n
\r\n
\r\n
Student Application Form
\r\n
\r\n Welcome to the student application form for Middleton International School. If you are here, it is very likely that you have made the decision to join one of our wonderful schools. Congratulations on choosing what we know will be a wonderful learning experience for your child. We will guide you through this journey and make the application process as smooth as possible. To complete the application form, you will need to upload some supporting documents and proof of administration fee of $540 (includes 8% GST) to be paid via PayNow or wire transfer.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n Step {{ currentStep + 1 }}\r\n
\r\n\r\n
\r\n
\r\n \r\n (Please provide a written notice to the Parent Liaison Office of any changes to the information provided in this form.)\r\n
Under Singapore law, a person under 21 years of age is considered a minor and the parents/local guardians are responsible for the Student. The decision making rights of a minor vest in the parents/local guardians. Where parents of the Student are divorced/separated, the School will follow an order of court in the case of dispute to determine the party/parties that has/have custody of the Student and therefore, is responsible for making decisions for the Student.
(To submit more than one document for each field, select the required documents and upload them at the same time. Only .jpg, .png and .pdf files will be accepted and total file size should not be more than 10MB. You may still submit your application even if you do not have all documents now. However, kindly note that we will only review your application after all required information and documents have been submitted at least 3 working days before the next Admission Panels Review.)
\r\n \r\n 1. Copy of father’s IC (Singaporean / Permanent Resident) or FIN card or Passport (if no Singapore IC nor FIN card).\r\n
For NRIC & FIN cards, please include images of BOTH the front and back of the card.
\r\n \r\n\r\n \r\n 2. Copy of mother’s IC (Singaporean/ Permanent Resident) or FIN card or Passport (if no Singapore IC nor FIN card).\r\n
For NRIC & FIN cards, please include images of BOTH the front and back of the card.
\r\n \r\n\r\n \r\n 3. Copy of child’s birth certificate (Singaporean only), Re‐Entry Permit (Permanent Resident only), FIN card or Student Pass.\r\n
For Student Pass & FIN cards, please include images of BOTH the front and back of the card.
\r\n \r\n\r\n \r\n 4. Copy of child’s passport showing the page of child’s personal particulars\r\n \r\n\r\n \r\n 5. Photo of the child (for student’s ID and application form) \r\n photo must be clear, front-facing and taken against white or neutral background\r\n \r\n\r\n \r\n 6. Photo for each parent/guardian for family photo ID\r\n \r\n\r\n \r\n 7. Copy of child’s latest school report (in English)\r\n \r\n\r\n \r\n 8. Copy of child's immunisation record (Immunisation against Diphtheria and Measles is compulsory in Singapore. Immunisation records is required for students under 12 years old.)\r\n \r\n\r\n \r\n 9. Any other relevant medical, psychoeducation, developmental or special education evaluation reports (if applicable)\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n *10. Screenshot or proof of payment for the administration fee of S$540, inclusive of 8% GST. (Kindly note that payment must be made before the school processes the application)\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n\r\n 2. If you have authorised a representative to assist you with this application, please fill in their information below:\r\n