{"id":2440,"date":"2025-09-20T12:07:56","date_gmt":"2025-09-20T12:07:56","guid":{"rendered":"https:\/\/jollyschool.edu.mn\/?page_id=2440"},"modified":"2025-09-30T04:22:46","modified_gmt":"2025-09-30T04:22:46","slug":"class-star-class-management-system","status":"publish","type":"page","link":"https:\/\/jollyschool.edu.mn\/en\/class-star-class-management-system\/","title":{"rendered":"Class star class management system"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2440\" class=\"elementor elementor-2440\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbe3ad7 e-con-full e-flex e-con e-parent\" data-id=\"dbe3ad7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95e412c elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"95e412c\" data-element_type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-95e412c\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-306\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/\" class=\"elementor-item menu-link\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3115\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/why-us\/\" class=\"elementor-item menu-link\">Why us<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3124\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/timetable\/\" class=\"elementor-item menu-link\">Timetable<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3082\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/%d1%81%d1%83%d1%80%d0%b3%d0%b0%d0%bb%d1%82%d1%83%d1%83%d0%b4\/\" class=\"elementor-item menu-link\">Curriculum<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-446\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/publications\/\" class=\"elementor-item menu-link\">Publications<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-546\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/franchise\/\" class=\"elementor-item menu-link\">Franchise<\/a><\/li>\n<li class=\"trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-has-children current-language-menu-item menu-item-695\"><a aria-expanded=\"false\" href=\"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/pages\/2440\" class=\"elementor-item elementor-item-anchor menu-link\"><span data-no-translation><img decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/jollyschool.edu.mn\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png\" width=\"18\" height=\"12\" alt=\"en_US\" title=\"English\"><span class=\"trp-ls-language-name\">English<\/span><\/span><span role=\"application\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" ><span class=\"ast-icon icon-arrow\"><svg class=\"ast-arrow-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" width=\"26px\" height=\"16.043px\" viewbox=\"57 35.171 26 16.043\" enable-background=\"new 57 35.171 26 16.043\" xml:space=\"preserve\">\n                <path d=\"M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z\"\/>\n                <\/svg><\/span><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher current-language-menu-item menu-item-696\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/pages\/2440\" class=\"elementor-sub-item elementor-item-anchor menu-link\"><span class=\"ast-icon icon-arrow\"><svg class=\"ast-arrow-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" width=\"26px\" height=\"16.043px\" viewbox=\"57 35.171 26 16.043\" enable-background=\"new 57 35.171 26 16.043\" xml:space=\"preserve\">\n                <path d=\"M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z\"\/>\n                <\/svg><\/span><span data-no-translation><img decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/jollyschool.edu.mn\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/mn.png\" width=\"18\" height=\"12\" alt=\"mn\" title=\"\u041c\u043e\u043d\u0433\u043e\u043b\"><span class=\"trp-ls-language-name\">\u041c\u043e\u043d\u0433\u043e\u043b<\/span><\/span><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-95e412c\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-306\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3115\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/why-us\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Why us<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3124\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/timetable\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Timetable<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3082\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/%d1%81%d1%83%d1%80%d0%b3%d0%b0%d0%bb%d1%82%d1%83%d1%83%d0%b4\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Curriculum<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-446\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/publications\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Publications<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-546\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/franchise\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Franchise<\/a><\/li>\n<li class=\"trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher menu-item-has-children current-language-menu-item menu-item-695\"><a aria-expanded=\"false\" href=\"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/pages\/2440\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\"><span data-no-translation><img decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/jollyschool.edu.mn\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png\" width=\"18\" height=\"12\" alt=\"en_US\" title=\"English\"><span class=\"trp-ls-language-name\">English<\/span><\/span><span role=\"application\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" ><span class=\"ast-icon icon-arrow\"><svg class=\"ast-arrow-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" width=\"26px\" height=\"16.043px\" viewbox=\"57 35.171 26 16.043\" enable-background=\"new 57 35.171 26 16.043\" xml:space=\"preserve\">\n                <path d=\"M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z\"\/>\n                <\/svg><\/span><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"trp-language-switcher-container menu-item menu-item-type-post_type menu-item-object-language_switcher current-language-menu-item menu-item-696\"><a href=\"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/pages\/2440\" class=\"elementor-sub-item elementor-item-anchor menu-link\" tabindex=\"-1\"><span class=\"ast-icon icon-arrow\"><svg class=\"ast-arrow-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" width=\"26px\" height=\"16.043px\" viewbox=\"57 35.171 26 16.043\" enable-background=\"new 57 35.171 26 16.043\" xml:space=\"preserve\">\n                <path d=\"M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z\"\/>\n                <\/svg><\/span><span data-no-translation><img decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/jollyschool.edu.mn\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/mn.png\" width=\"18\" height=\"12\" alt=\"mn\" title=\"\u041c\u043e\u043d\u0433\u043e\u043b\"><span class=\"trp-ls-language-name\">\u041c\u043e\u043d\u0433\u043e\u043b<\/span><\/span><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d1ecf7 e-con-full e-flex e-con e-parent\" data-id=\"8d1ecf7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a2a3c0 elementor-widget elementor-widget-shortcode\" data-id=\"7a2a3c0\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\r\n<html lang=\"en\"><head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>ClassStar - Educational Management System<\/title>\r\n    \r\n<link rel=\"stylesheet\" href=\"style.css\"><\/head>\r\n<body>\r\n    <div class=\"sync-indicator\" id=\"syncIndicator\">\r\n        Syncing data across devices...\r\n    <\/div>\r\n\r\n    <!-- Login Screen -->\r\n    <div id=\"loginScreen\" class=\"login-container\">\r\n        <div class=\"login-card\">\r\n            <h1 class=\"login-header\">ClassStar<\/h1>\r\n            <p class=\"login-subtitle\">Educational Management System<\/p>\r\n            \r\n            <!-- Enhanced Link Import Section -->\r\n            <div class=\"sync-import-section\">\r\n                <h4>\ud83d\udd17 Instant Device Sync<\/h4>\r\n                <p class=\"description\">Paste your ClassStar sync link to instantly access all your classroom data on this device<\/p>\r\n                <div class=\"link-import-form\">\r\n                    <input type=\"text\" id=\"shareLink\" placeholder=\"Paste your ClassStar sync link here...\">\r\n                    <button class=\"btn-import\" onclick=\"importFromLink()\">Sync Now<\/button>\r\n                <\/div>\r\n                <p style=\"font-size: 0.85rem; opacity: 0.9; margin-top: 10px;\">\r\n                    Link contains all classrooms, students, and progress data\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div style=\"text-align: center; margin: 20px 0; color: #bdc3c7; font-weight: 600;\">\r\n                OR SIGN IN MANUALLY\r\n            <\/div>\r\n            \r\n            <div class=\"branch-selector\">\r\n                <label for=\"branchSelect\">Select Your Branch:<\/label>\r\n                <select id=\"branchSelect\">\r\n                    <option value=\"\">Choose a branch...<\/option>\r\n                    <option value=\"khan-uul\">Khan-Uul<\/option>\r\n                    <option value=\"khoroolol\">Khoroolol<\/option>\r\n                    <option value=\"bagshiin-deed\">Bagshiin Deed<\/option>\r\n                    <option value=\"olymp\">Olymp<\/option>\r\n                    <option value=\"baruun-4-zam\">Baruun 4 zam<\/option>\r\n                    <option value=\"yarmag\">Yarmag<\/option>\r\n                    <option value=\"nisekh\">Nisekh<\/option>\r\n                    <option value=\"officer\">Officer<\/option>\r\n                    <option value=\"admin\">Admin Access<\/option>\r\n                <\/select>\r\n            <\/div>\r\n            \r\n            <div class=\"form-group\">\r\n                <label for=\"teacherName\">Teacher Name:<\/label>\r\n                <input type=\"text\" id=\"teacherName\" placeholder=\"Enter your full name\">\r\n            <\/div>\r\n            \r\n            <div class=\"form-group\">\r\n                <label for=\"teacherPassword\">Password:<\/label>\r\n                <input type=\"password\" id=\"teacherPassword\" placeholder=\"Enter your password\">\r\n            <\/div>\r\n            \r\n            <button class=\"btn btn-primary\" onclick=\"login()\" style=\"width: 100%; margin-bottom: 15px;\">\r\n                Sign In\r\n            <\/button>\r\n            \r\n            <div class=\"quick-sync-section\">\r\n                <h4>Quick Sync (Alternative Method)<\/h4>\r\n                <p style=\"color: #666; font-size: 0.9rem; margin-bottom: 15px;\">Use universal sync password to load data from another device<\/p>\r\n                <div class=\"sync-password-group\">\r\n                    <input type=\"password\" id=\"syncPassword\" placeholder=\"Enter sync password (123)\">\r\n                    <button class=\"btn-sync\" onclick=\"syncFromPassword()\">Sync Data<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div style=\"text-align: center; margin-top: 20px;\">\r\n                <small style=\"color: #7f8c8d;\">First time? Just enter your name and create a password!<\/small>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Application -->\r\n    <div id=\"mainApp\" style=\"display: none;\">\r\n        <div class=\"header\">\r\n            <h1>ClassStar<\/h1>\r\n            <p>Educational Management System<\/p>\r\n            <div class=\"user-info\" id=\"userInfo\"><\/div>\r\n            <div class=\"sync-status\" id=\"syncStatus\" onclick=\"showSyncInfo()\">Auto-Sync Active<\/div>\r\n            <button class=\"logout-btn\" onclick=\"logout()\">Logout<\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"container\">\r\n            <div class=\"navigation\">\r\n                <div class=\"nav-tabs\">\r\n                    <button class=\"nav-tab active\" onclick=\"switchTab('classroom')\" id=\"classroomNavTab\">\r\n                        Classroom Management\r\n                    <\/button>\r\n                    <button class=\"nav-tab\" onclick=\"switchTab('sync')\" id=\"syncNavTab\">\r\n                        Device Sync\r\n                    <\/button>\r\n                    <button class=\"nav-tab\" onclick=\"switchTab('games')\" id=\"gamesNavTab\">\r\n                        Learning Games\r\n                    <\/button>\r\n                    <button class=\"nav-tab\" onclick=\"switchTab('worksheets')\" id=\"worksheetsNavTab\">\r\n                        Worksheet Generator\r\n                    <\/button>\r\n                    <button class=\"nav-tab\" onclick=\"switchTab('admin')\" id=\"adminNavTab\" style=\"display: none;\">\r\n                        Admin Panel\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Enhanced Device Sync Tab -->\r\n            <div id=\"syncTab\" class=\"tab-content\">\r\n                <div class=\"sync-management\">\r\n                    <h3>\ud83d\udcf1 Multi-Device Synchronization<\/h3>\r\n                    <p style=\"color: #7f8c8d; margin-bottom: 25px;\">Keep your classroom data synchronized across all your devices with automatic link generation and real-time updates.<\/p>\r\n                    \r\n                    <!-- Auto Sync Status -->\r\n                    <div class=\"auto-sync-indicator\">\r\n                        \ud83d\udd04 Auto-Sync Active - Your data is automatically saved and synchronized\r\n                    <\/div>\r\n                    \r\n                    <div class=\"sync-method\">\r\n                        <h4>\ud83d\udd17 Smart Link Sharing<\/h4>\r\n                        <p style=\"margin-bottom: 20px;\">Generate shareable links that contain all your classroom data. Anyone with the link can instantly access your classrooms on any device.<\/p>\r\n                        \r\n                        <div style=\"text-align: center; margin: 20px 0;\">\r\n                            <button class=\"btn btn-success\" onclick=\"generateInstantSyncLink()\" style=\"font-size: 1.1rem; padding: 15px 30px;\">\r\n                                \ud83d\ude80 Generate Instant Sync Link\r\n                            <\/button>\r\n                        <\/div>\r\n                        \r\n                        <!-- Password Method (Alternative) -->\r\n                        <div style=\"background: rgba(241, 196, 15, 0.1); padding: 15px; border-radius: 10px; margin: 15px 0; border: 2px solid #f39c12;\">\r\n                            <h5 style=\"color: #f39c12; margin-bottom: 10px;\">Alternative: Password Sync<\/h5>\r\n                            <p style=\"color: #666; font-size: 0.9rem; margin-bottom: 10px;\">Use universal password \"123\" on any device to sync data<\/p>\r\n                            <div class=\"sync-form\">\r\n                                <input type=\"password\" id=\"mainSyncPassword\" placeholder=\"Enter sync password (123)\">\r\n                                <button class=\"btn btn-warning\" onclick=\"performSync()\">Manual Sync<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Share Link Display Section -->\r\n                    <div class=\"share-link-section\" id=\"shareLinkSection\" style=\"display: none;\">\r\n                        <h4>\ud83c\udfaf Your Classroom Sync Link<\/h4>\r\n                        <p style=\"color: #666; margin-bottom: 15px;\">Copy this link to access your classrooms from any device instantly:<\/p>\r\n                        <div class=\"share-link-display\" id=\"shareLinkDisplay\"><\/div>\r\n                        <div style=\"display: flex; gap: 10px; margin-top: 15px;\">\r\n                            <button class=\"copy-button\" onclick=\"copyShareLink()\">\ud83d\udccb Copy Link<\/button>\r\n                            <button class=\"copy-button\" onclick=\"shareViaQR()\" style=\"background: linear-gradient(45dx, #9b59b6, #8e44ad);\">\ud83d\udcf1 QR Code<\/button>\r\n                        <\/div>\r\n                        <p style=\"color: #666; font-size: 0.9rem; margin-top: 10px;\">\r\n                            \u2705 Link includes all classrooms, students, points, and collections<br>\r\n                            \u2705 Works on any device with internet access<br>\r\n                            \u2705 Automatically updates when you make changes\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"background: rgba(52, 152, 219, 0.1); padding: 20px; border-radius: 15px; margin-top: 30px; border: 2px solid #3498db;\">\r\n                        <h4 style=\"color: #3498db; margin-bottom: 15px;\">\ud83d\udee1\ufe0f How Multi-Device Sync Works<\/h4>\r\n                        <div style=\"color: #666; line-height: 1.6;\">\r\n                            <p><strong>\ud83d\udd04 Automatic Synchronization:<\/strong> Your data saves automatically every 30 seconds and when you make changes<\/p>\r\n                            <p><strong>\ud83d\udd17 Instant Link Sharing:<\/strong> Generate secure links that contain all your classroom data<\/p>\r\n                            <p><strong>\ud83d\udcf1 Cross-Platform:<\/strong> Works on computers, tablets, and smartphones<\/p>\r\n                            <p><strong>\ud83d\udd10 Secure Access:<\/strong> Links are encrypted and tied to your teacher account<\/p>\r\n                            <p><strong>\ud83d\udcbe Data Backup:<\/strong> Your information is stored locally and can be exported anytime<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Classroom Management Tab -->\r\n            <div id=\"classroomTab\" class=\"tab-content active\">\r\n                <div class=\"data-management\" id=\"dataManagement\" style=\"display: none;\">\r\n                    <h3>Data Management<\/h3>\r\n                    <div class=\"data-buttons\">\r\n                        <button class=\"btn btn-warning\" onclick=\"exportData()\">Export Backup<\/button>\r\n                        <button class=\"btn btn-secondary\" onclick=\"importData()\">Import Backup<\/button>\r\n                        <button class=\"btn btn-success\" onclick=\"generateInstantSyncLink()\">\ud83d\udd17 Generate Sync Link<\/button>\r\n                    <\/div>\r\n                    <div class=\"backup-indicator\" id=\"backupStatus\">\r\n                        Data automatically saves and syncs across devices!\r\n                    <\/div>\r\n                    <input type=\"file\" id=\"importFile\" accept=\".json\" style=\"display: none;\" onchange=\"handleImportFile(event)\">\r\n                <\/div>\r\n                \r\n                <div class=\"classroom-manager\">\r\n                    <h2>Classroom Manager<\/h2>\r\n                    \r\n                    <div class=\"classroom-selector\">\r\n                        <select id=\"classroomSelect\" onchange=\"switchClassroom()\">\r\n                            <option value=\"\">Select a classroom...<\/option>\r\n                        <\/select>\r\n                        <button class=\"btn btn-danger\" onclick=\"deleteClassroom()\" id=\"deleteClassroomBtn\" disabled=\"\">\r\n                            Delete Classroom\r\n                        <\/button>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"create-classroom\">\r\n                        <input type=\"text\" id=\"classroomName\" placeholder=\"Enter classroom name (e.g., Grade 3A, Math Period 1)...\" maxlength=\"50\">\r\n                        <button class=\"btn btn-secondary\" onclick=\"createClassroom()\">Create Classroom<\/button>\r\n                    <\/div>\r\n                    \r\n                    <div id=\"currentClassroomDisplay\"><\/div>\r\n                <\/div>\r\n                \r\n                <div id=\"classroomContent\" style=\"display: none;\">\r\n                    <div class=\"controls\">\r\n                        <h2>Teacher Dashboard<\/h2>\r\n                        \r\n                        <div class=\"add-student\">\r\n                            <input type=\"text\" id=\"studentName\" placeholder=\"Enter student name...\" maxlength=\"30\">\r\n                            <button class=\"btn btn-primary\" onclick=\"addStudent()\">Add Student<\/button>\r\n                        <\/div>\r\n\r\n                        <!-- Treasure Settings -->\r\n                        <div class=\"treasure-settings\">\r\n                            <h3>\ud83c\udf81 Treasure Chest Settings<\/h3>\r\n                            <div class=\"treasure-form\">\r\n                                <label>Points needed to open chest:<\/label>\r\n                                <input type=\"number\" id=\"treasureThreshold\" min=\"1\" max=\"100\" value=\"10\" onchange=\"updateTreasureThreshold()\">\r\n                                <span>points<\/span>\r\n                            <\/div>\r\n                            <p style=\"color: #666; font-size: 0.9rem; margin-top: 10px;\">Students can collect treasures when they reach this point threshold!<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"custom-action-creator\">\r\n                            <h3>Create Custom Action<\/h3>\r\n                            <div class=\"custom-action-form\">\r\n                                <div class=\"form-group\">\r\n                                    <label>Action Name<\/label>\r\n                                    <input type=\"text\" id=\"customActionName\" placeholder=\"e.g., Great Question\" maxlength=\"25\">\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label>Points<\/label>\r\n                                    <input type=\"number\" id=\"customActionPoints\" placeholder=\"\u00b15\" min=\"-10\" max=\"10\" value=\"1\">\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label>Type<\/label>\r\n                                    <select id=\"customActionType\">\r\n                                        <option value=\"positive\">Positive<\/option>\r\n                                        <option value=\"negative\">Negative<\/option>\r\n                                    <\/select>\r\n                                <\/div>\r\n                                <button class=\"btn btn-warning\" onclick=\"addCustomAction()\">Add Action<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"behavior-buttons\" id=\"behaviorButtons\"><\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"stats\" id=\"statsSection\" style=\"display: none;\">\r\n                        <h2>Class Statistics<\/h2>\r\n                        <div class=\"stats-grid\">\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-number\" id=\"totalStudents\">0<\/div>\r\n                                <div class=\"stat-label\">Students<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-number\" id=\"totalPoints\">0<\/div>\r\n                                <div class=\"stat-label\">Total Points<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-number\" id=\"avgPoints\">0<\/div>\r\n                                <div class=\"stat-label\">Average Points<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-number\" id=\"topPerformer\">-<\/div>\r\n                                <div class=\"stat-label\">Top Performer<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"students-grid\" id=\"studentsGrid\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"empty-state\" id=\"emptyState\">\r\n                    <h2>Welcome to ClassStar!<\/h2>\r\n                    <p>Create your first classroom to start tracking student achievements!<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Worksheet Generator Tab -->\r\n            <div id=\"worksheetsTab\" class=\"tab-content\">\r\n                <div class=\"worksheet-generator\">\r\n                    <h3>\ud83d\udcdd AI Worksheet Generator<\/h3>\r\n                    <p style=\"color: #666; margin-bottom: 20px;\">Upload a Word document and generate custom worksheets based on your lesson content!<\/p>\r\n                    \r\n                    <div class=\"file-upload\" onclick=\"document.getElementById('worksheetFile').click()\" id=\"worksheetUploadArea\">\r\n                        <div style=\"font-size: 3rem; margin-bottom: 15px;\">\ud83d\udcc4<\/div>\r\n                        <p><strong>Click to upload lesson document<\/strong><\/p>\r\n                        <p>Supported: .docx, .doc, .txt files<\/p>\r\n                        <p style=\"color: #666; font-size: 0.9rem; margin-top: 10px;\">AI will analyze your content and generate educational worksheets<\/p>\r\n                    <\/div>\r\n                    <input type=\"file\" id=\"worksheetFile\" accept=\".docx,.doc,.txt\" style=\"display: none;\" onchange=\"handleWorksheetUpload(event)\">\r\n                    \r\n                    <div style=\"margin: 20px 0;\">\r\n                        <h4 style=\"color: #9b59b6; margin-bottom: 15px;\">Select Student Level:<\/h4>\r\n                        <div class=\"level-selector\">\r\n                            <div class=\"level-btn active\" onclick=\"selectLevel('A1')\" data-level=\"A1\">A1 - Beginner<\/div>\r\n                            <div class=\"level-btn\" onclick=\"selectLevel('A2')\" data-level=\"A2\">A2 - Elementary<\/div>\r\n                            <div class=\"level-btn\" onclick=\"selectLevel('B1')\" data-level=\"B1\">B1 - Intermediate<\/div>\r\n                            <div class=\"level-btn\" onclick=\"selectLevel('B2')\" data-level=\"B2\">B2 - Upper-Intermediate<\/div>\r\n                            <div class=\"level-btn\" onclick=\"selectLevel('C1')\" data-level=\"C1\">C1 - Advanced<\/div>\r\n                            <div class=\"level-btn\" onclick=\"selectLevel('C2')\" data-level=\"C2\">C2 - Proficiency<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div style=\"text-align: center; margin: 20px 0;\">\r\n                        <button class=\"btn btn-secondary\" onclick=\"generateWorksheet()\" id=\"generateWorksheetBtn\" disabled=\"\">\r\n                            \ud83d\ude80 Generate Worksheet (Upload document first)\r\n                        <\/button>\r\n                    <\/div>\r\n                    \r\n                    <div id=\"worksheetResult\" class=\"worksheet-result\" style=\"display: none;\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Games Tab -->\r\n            <div id=\"gamesTab\" class=\"tab-content\">\r\n                <div class=\"games-section\">\r\n                    <h2>Learning Games<\/h2>\r\n                    <div class=\"games-grid\">\r\n                        <div class=\"game-card\" onclick=\"openGame('quiz')\">\r\n                            <div class=\"game-icon\">\ud83e\udde0<\/div>\r\n                            <div class=\"game-title\">Smart Quiz<\/div>\r\n                            <div class=\"game-description\">Upload lessons and auto-generate questions!<\/div>\r\n                        <\/div>\r\n                        <div class=\"game-card\" onclick=\"openGame('picker')\">\r\n                            <div class=\"game-icon\">\ud83c\udfb2<\/div>\r\n                            <div class=\"game-title\">Random Student<\/div>\r\n                            <div class=\"game-description\">Pick random students for participation!<\/div>\r\n                        <\/div>\r\n                        <div class=\"game-card\" onclick=\"openGame('memory')\">\r\n                            <div class=\"game-icon\">\ud83e\udde9<\/div>\r\n                            <div class=\"game-title\">Memory Match<\/div>\r\n                            <div class=\"game-description\">Match pairs to boost your score!<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div id=\"gameModal\" class=\"game-modal\">\r\n                        <div class=\"game-content\">\r\n                            <button class=\"close-game\" onclick=\"closeGame()\">\u00d7<\/button>\r\n                            <div id=\"gameArea\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Admin Tab -->\r\n            <div id=\"adminTab\" class=\"tab-content\">\r\n                <div class=\"admin-section\">\r\n                    <h2>Admin Panel<\/h2>\r\n                    \r\n                    <div class=\"teacher-list\" id=\"teachersList\">\r\n                        <h3>Registered Teachers<\/h3>\r\n                        <div id=\"teachersContainer\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Master Link Section -->\r\n                    <div class=\"share-link-section\" style=\"display: block;\">\r\n                        <h4>\ud83d\udd17 Admin Master Link<\/h4>\r\n                        <p style=\"color: #666; margin-bottom: 15px;\">This link contains data from ALL branches and classrooms for monitoring:<\/p>\r\n                        <div class=\"share-link-display\" id=\"adminMasterLink\"><\/div>\r\n                        <button class=\"copy-button\" onclick=\"copyAdminMasterLink()\">\ud83d\udccb Copy Master Link<\/button>\r\n                        <p style=\"color: #666; font-size: 0.9rem; margin-top: 10px;\">Use this link to monitor all system activity across all branches!<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div style=\"display: flex; gap: 15px; flex-wrap: wrap;\">\r\n                        <button class=\"btn btn-danger\" onclick=\"clearAllDataAdmin()\">\r\n                            Clear All System Data\r\n                        <\/button>\r\n                        <button class=\"btn btn-warning\" onclick=\"exportSystemData()\">\r\n                            Export System Backup\r\n                        <\/button>\r\n                        <button class=\"btn btn-success\" onclick=\"generateAdminMasterLink()\">\r\n                            Generate Master Link\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Treasure Modal -->\r\n    <div id=\"treasureModal\" class=\"treasure-modal\">\r\n        <div class=\"treasure-content\">\r\n            <div class=\"treasure-chest\">\ud83c\udf81<\/div>\r\n            <h2 style=\"margin-bottom: 20px;\">Treasure Chest Opened!<\/h2>\r\n            <div id=\"treasureItemReveal\"><\/div>\r\n            <button class=\"btn btn-success\" onclick=\"closeTreasureModal()\" style=\"margin-top: 20px;\">\r\n                Collect Item! \u2728\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Modals -->\r\n    <div id=\"passwordModal\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n            <h3>Admin Authentication Required<\/h3>\r\n            <p>Enter admin password to clear all data:<\/p>\r\n            <input type=\"password\" id=\"adminPasswordInput\" placeholder=\"Enter admin password\" style=\"width: 100%; padding: 15px; margin: 20px 0; border: 2px solid #e74c3c; border-radius: 10px; text-align: center; font-size: 1.1rem;\">\r\n            <div style=\"display: flex; gap: 15px; justify-content: center;\">\r\n                <button class=\"btn btn-danger\" onclick=\"confirmClearAllData()\">Clear Data<\/button>\r\n                <button class=\"btn btn-secondary\" onclick=\"closePasswordModal()\">Cancel<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Include mammoth library for Word document processing -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/mammoth\/1.4.2\/mammoth.browser.min.js\"><\/script>\r\n    \r\n    \r\n\r\n<script src=\"script.js\" defer=\"\"><\/script><\/body><\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ub_ctt_via":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2440","page","type-page","status-publish","hentry"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/pages\/2440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/comments?post=2440"}],"version-history":[{"count":10,"href":"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/pages\/2440\/revisions"}],"predecessor-version":[{"id":2566,"href":"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/pages\/2440\/revisions\/2566"}],"wp:attachment":[{"href":"https:\/\/jollyschool.edu.mn\/en\/wp-json\/wp\/v2\/media?parent=2440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}