{"id":4097,"date":"2025-06-29T03:22:30","date_gmt":"2025-06-29T03:22:30","guid":{"rendered":"https:\/\/aaaschoolkh.com\/?p=4097"},"modified":"2025-07-01T03:51:17","modified_gmt":"2025-07-01T03:51:17","slug":"aaamkt","status":"publish","type":"post","link":"https:\/\/aaaschoolkh.com\/km\/aaamkt\/","title":{"rendered":"AAA Marketing, Robotics & IT"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Interactive Meeting Notes Dashboard<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Kantumruy+Pro:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <!-- Chosen Palette: Light Theme with Blue\/Teal Accents -->\r\n <!-- Application Structure Plan: A unified dashboard with a sticky top-level tabbed navigation and a language switcher, inspired by the provided theme. The core structure is a section-based interface for project deep dives. A language object in JS stores all text, and elements are tagged with `data-lang-key` attributes. A `switchLanguage` function dynamically updates all text content, including chart labels. -->\r\n <!-- Visualization & Content Choices: All visualizations are now styled for a light theme. Chart labels, tooltips, and associated text are dynamically updated from a central translation object when the user switches languages. This ensures that the data visualizations are understandable regardless of the selected language. -->\r\n <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\r\n <style>\r\n body.lang-en { font-family: 'Inter', sans-serif; }\r\n body.lang-kh { font-family: 'Kantumruy Pro', 'Inter', sans-serif; }\r\n h1, h2, h3, h4 { font-weight: 700; }\r\n .main-nav-btn { font-weight: 600; }\r\n \r\n body { background-color: #f1f5f9; color: #1e293b; }\r\n .chart-container { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 300px; max-height: 400px; }\r\n @media (min-width: 768px) { .chart-container { height: 350px; } }\r\n .main-nav-btn.active {\r\n background-color: #2563eb;\r\n color: white;\r\n box-shadow: 0 4px 14px 0 rgb(0 118 255 \/ 39%);\r\n }\r\n .content-section { display: none; }\r\n .content-section.active {\r\n display: block;\r\n animation: fadeIn 0.5s ease-in-out;\r\n }\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .task-item input:checked + label { text-decoration: line-through; color: #64748b; }\r\n .lang-switcher button.active { background-color: #3b82f6; color: white; }\r\n .card { background-color: #ffffff; border: 1px solid #e2e8f0; }\r\n .card-header { color: #475569; }\r\n .kpi-value { color: #1e293b; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n \r\n <header class=\"bg-white shadow-sm sticky top-0 z-20\">\r\n <div class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-4\">\r\n <div class=\"flex flex-col sm:flex-row justify-between items-center gap-4\">\r\n <div>\r\n <h1 class=\"text-2xl font-bold text-slate-900\" data-lang-key=\"mainTitle\">AAA School Dashboard<\/h1>\r\n <p id=\"header-subtitle\" class=\"text-sm text-slate-500\" data-lang-key=\"header_subtitle_overview\">High-Level Strategic Overview<\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-4\">\r\n <div id=\"main-nav\" class=\"flex-shrink-0 bg-slate-200 rounded-lg p-1 space-x-1 flex-wrap justify-center\">\r\n <button data-target=\"overview\" class=\"main-nav-btn active text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"nav_overview\">Overview<\/button>\r\n <button data-target=\"mkt\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"tabMkt\">Marketing<\/button>\r\n <button data-target=\"graphics\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"tabGraphics\">Graphics<\/button>\r\n <button data-target=\"robotics\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"tabRobotics\">\u1790\u17d2\u1793\u17b6\u1780\u17cb\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785<\/button>\r\n <button data-target=\"it\" class=\"main-nav-btn text-sm font-semibold px-3 py-2 rounded-md transition-all\" data-lang-key=\"tabIt\">IT System<\/button>\r\n <\/div>\r\n <div class=\"lang-switcher flex rounded-lg p-1 bg-slate-200 border border-slate-300\">\r\n <button id=\"lang-en\" class=\"px-3 py-1 text-sm font-semibold rounded-md transition-colors\">EN<\/button>\r\n <button id=\"lang-kh\" class=\"px-3 py-1 text-sm font-semibold rounded-md transition-colors\">KH<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12\">\r\n \r\n <!-- Overview Section -->\r\n <section id=\"overview-content\" class=\"content-section active space-y-8\">\r\n <div id=\"meetingProtocol\" class=\"p-6 card rounded-xl shadow-lg\">\r\n <h2 class=\"text-xl font-bold text-blue-800 mb-3\" data-lang-key=\"protocolTitle\">Meeting Protocol<\/h2>\r\n <div class=\"text-slate-600 space-y-2\">\r\n <p data-lang-key=\"protocolSchedule\"><strong class=\"font-medium text-slate-800\">Schedule:<\/strong> A 15-30 minute meeting should be held every Monday to kick off the week.<\/p>\r\n <p data-lang-key=\"protocolFormat\"><strong class=\"font-medium text-slate-800\">Format:<\/strong> The assigned team member has 15 minutes to present their working progress.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 lg:items-start\">\r\n <div class=\"space-y-6\">\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><h3 class=\"card-header font-medium\" data-lang-key=\"overallStudents\">Overall Students<\/h3><p class=\"kpi-value text-4xl font-bold mt-2\">1,204<\/p><\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><h3 class=\"card-header font-medium\" data-lang-key=\"monthlyBudget\">Monthly Budget<\/h3><p class=\"kpi-value text-4xl font-bold mt-2\">$400<\/p><\/div>\r\n <\/div>\r\n <div class=\"space-y-6\">\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><h3 class=\"card-header font-medium\" data-lang-key=\"weeklyTrials\">Weekly Trial Students<\/h3><p class=\"kpi-value text-4xl font-bold mt-2\">82<\/p><\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><h3 class=\"card-header font-medium\" data-lang-key=\"newlyRegistered\">Newly Registered This Week<\/h3><p class=\"kpi-value text-4xl font-bold mt-2\">3<\/p><\/div>\r\n <\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg col-span-1 md:col-span-2 lg:col-span-2\"><h3 class=\"card-header font-medium mb-2\" data-lang-key=\"adBudget\">Ad Budget Spend<\/h3><div class=\"chart-container h-40 max-h-40\"><canvas id=\"budgetChart\"><\/canvas><\/div><\/div>\r\n <\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><h3 class=\"text-xl font-bold text-slate-800 mb-4\" data-lang-key=\"trialTrend\">Trial Student Trend<\/h3><div class=\"chart-container\"><canvas id=\"trialStudentChart\"><\/canvas><\/div><\/div>\r\n <\/section>\r\n\r\n <!-- Other Sections -->\r\n <section id=\"mkt-content\" class=\"content-section space-y-8\"><\/section>\r\n <section id=\"graphics-content\" class=\"content-section space-y-8\"><\/section>\r\n <section id=\"robotics-content\" class=\"content-section space-y-8\"><\/section>\r\n <section id=\"it-content\" class=\"content-section space-y-8\"><\/section>\r\n <\/main>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n let currentLanguage = 'en';\r\n let charts = {};\r\n\r\n const translations = {\r\n mainTitle: { en: \"AAA School Dashboard\", kh: \"\u1795\u17d2\u1791\u17b6\u17c6\u1784\u1782\u17d2\u179a\u1794\u17cb\u1782\u17d2\u179a\u1784\u179f\u17b6\u179b\u17b6 AAA\" },\r\n header_subtitle_overview: { en: \"High-Level Strategic Overview\", kh: \"\u1791\u17b7\u178a\u17d2\u178b\u1797\u17b6\u1796\u1791\u17bc\u1791\u17c5\u1793\u17c3\u1799\u17bb\u1791\u17d2\u1792\u179f\u17b6\u179f\u17d2\u178f\u17d2\u179a\" },\r\n header_subtitle_mkt: { en: \"Marketing Department Updates\", kh: \"\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u1793\u17b6\u1799\u1780\u178a\u17d2\u178b\u17b6\u1793\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a\" },\r\n header_subtitle_graphics: { en: \"Graphics Design Team Updates\", kh: \"\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u1780\u17d2\u179a\u17bb\u1798\u179a\u1785\u1793\u17b6\u1780\u17d2\u179a\u17b6\u17a0\u17d2\u179c\u17b7\u1780\" },\r\n header_subtitle_robotics: { en: \"Robotics Department Updates\", kh: \"\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u1793\u17b6\u1799\u1780\u178a\u17d2\u178b\u17b6\u1793\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\" },\r\n header_subtitle_it: { en: \"IT System Department Updates\", kh: \"\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u1793\u17b6\u1799\u1780\u178a\u17d2\u178b\u17b6\u1793\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792 IT\" },\r\n nav_overview: { en: \"Overview\", kh: \"\u1791\u17b7\u178a\u17d2\u178b\u1797\u17b6\u1796\u1791\u17bc\u1791\u17c5\" },\r\n protocolTitle: { en: \"Meeting Protocol\", kh: \"\u1782\u17c4\u179b\u1780\u17b6\u179a\u178e\u17cd\u1794\u17d2\u179a\u1787\u17bb\u17c6\" },\r\n protocolSchedule: { en: `<strong class=\"font-medium text-slate-800\">Schedule:<\/strong> A 15-30 minute meeting should be held every Monday to kick off the week.`, kh: `<strong class=\"font-medium text-slate-800\">\u1780\u17b6\u179b\u179c\u17b7\u1797\u17b6\u1782:<\/strong> \u178f\u17d2\u179a\u17bc\u179c\u1798\u17b6\u1793\u1780\u17b6\u179a\u1794\u17d2\u179a\u1787\u17bb\u17c6 \u17e1\u17e5-\u17e3\u17e0\u1793\u17b6\u1791\u17b8 \u179a\u17c0\u1784\u179a\u17b6\u179b\u17cb\u1790\u17d2\u1784\u17c3\u1785\u17d0\u1793\u17d2\u1791 \u178a\u17be\u1798\u17d2\u1794\u17b8\u1785\u17b6\u1794\u17cb\u1795\u17d2\u178f\u17be\u1798\u179f\u1794\u17d2\u178f\u17b6\u17a0\u17cd\u1780\u17b6\u179a\u1784\u17b6\u179a\u17d4` },\r\n protocolFormat: { en: `<strong class=\"font-medium text-slate-800\">Format:<\/strong> The assigned team member has 15 minutes to present their working progress.`, kh: `<strong class=\"font-medium text-slate-800\">\u1791\u1798\u17d2\u179a\u1784\u17cb:<\/strong> \u179f\u1798\u17b6\u1787\u17b7\u1780\u1780\u17d2\u179a\u17bb\u1798\u178a\u17c2\u179b\u1791\u1791\u17bd\u179b\u1794\u1793\u17d2\u1791\u17bb\u1780\u1798\u17b6\u1793\u1796\u17c1\u179b \u17e1\u17e5\u1793\u17b6\u1791\u17b8 \u178a\u17be\u1798\u17d2\u1794\u17b8\u1794\u1784\u17d2\u17a0\u17b6\u1789\u1796\u17b8\u179c\u178c\u17d2\u178d\u1793\u1797\u17b6\u1796\u1780\u17b6\u179a\u1784\u17b6\u179a\u17d4` },\r\n tabMkt: { en: \"Marketing\", kh: \"\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a\" },\r\n tabGraphics: { en: \"Graphics\", kh: \"\u1780\u17d2\u179a\u17b6\u17a0\u17d2\u179c\u17b7\u1780\" },\r\n tabRobotics: { en: \"Robotics\", kh: \"\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\" },\r\n tabIt: { en: \"IT System\", kh: \"\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792 IT\" },\r\n mktIntro: { en: \"This section covers the Marketing team's key performance indicators and tasks. Interactive charts visualize student numbers and ad spend, while the checklist below outlines required updates.\", kh: \"\u1795\u17d2\u1793\u17c2\u1780\u1793\u17c1\u17c7\u1794\u1784\u17d2\u17a0\u17b6\u1789\u1796\u17b8\u179f\u17bc\u1785\u1793\u17b6\u1780\u179a\u179f\u17c6\u1781\u17b6\u1793\u17cb\u17d7 \u1793\u17b7\u1784\u1780\u17b6\u179a\u1784\u17b6\u179a\u179a\u1794\u179f\u17cb\u1780\u17d2\u179a\u17bb\u1798\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a\u17d4 \u1798\u17b6\u1793\u1782\u17c6\u1793\u17bc\u179f\u178f\u17b6\u1784\u17a2\u1793\u17d2\u178f\u179a\u1780\u1798\u17d2\u1798\u179f\u17d2\u178f\u17b8\u1796\u17b8\u1785\u17c6\u1793\u17bd\u1793\u179f\u17b7\u179f\u17d2\u179f \u1793\u17b7\u1784\u1780\u17b6\u179a\u1785\u17c6\u178e\u17b6\u1799\u179b\u17be\u1780\u17b6\u179a\u1795\u17d2\u179f\u17b6\u1799\u1796\u17b6\u178e\u17b7\u1787\u17d2\u1787\u1780\u1798\u17d2\u1798\u17d4\" },\r\n mktLead: { en: `<strong class=\"font-semibold\">Lead:<\/strong> Meysann`, kh: `<strong class=\"font-semibold\">\u178a\u17b9\u1780\u1793\u17b6\u17c6:<\/strong> \u1798\u17c9\u17b8\u179f\u17ca\u17b6\u1793\u17cb` },\r\n overallStudents: { en: \"Overall Students\", kh: \"\u179f\u17b7\u179f\u17d2\u179f\u179f\u179a\u17bb\u1794\" },\r\n monthlyBudget: { en: \"Monthly Budget\", kh: \"\u1790\u179c\u17b7\u1780\u17b6\u1794\u17d2\u179a\u1785\u17b6\u17c6\u1781\u17c2\" },\r\n weeklyTrials: { en: \"Weekly Trial Students\", kh: \"\u179f\u17b7\u179f\u17d2\u179f\u179f\u17b6\u1780\u179b\u17d2\u1794\u1784\u1794\u17d2\u179a\u1785\u17b6\u17c6\u179f\u1794\u17d2\u178f\u17b6\u17a0\u17cd\" },\r\n newlyRegistered: { en: \"Weekly Registered\", kh: \"\u179f\u17b7\u179f\u17d2\u179f\u1785\u17bb\u17c7\u1788\u17d2\u1798\u17c4\u17c7\u1790\u17d2\u1798\u17b8\u179f\u1794\u17d2\u178f\u17b6\u17a0\u17cd\u1793\u17c1\u17c7\" },\r\n adBudget: { en: \"Ad Budget Spend\", kh: \"\u1785\u17c6\u178e\u17b6\u1799\u1790\u179c\u17b7\u1780\u17b6\u1795\u17d2\u179f\u17b6\u1799\u1796\u17b6\u178e\u17b7\u1787\u17d2\u1787\u1780\u1798\u17d2\u1798\" },\r\n trialTrend: { en: \"Trial Student Trend\", kh: \"\u1793\u17b7\u1793\u17d2\u1793\u17b6\u1780\u17b6\u179a\u179f\u17b7\u179f\u17d2\u179f\u179f\u17b6\u1780\u179b\u17d2\u1794\u1784\" },\r\n mktActionItems: { en: \"MKT Action Items\", kh: \"\u179f\u1780\u1798\u17d2\u1798\u1797\u17b6\u1796\u1780\u17d2\u179a\u17bb\u1798\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a\" },\r\n mktTask1: { en: \"Update overall student number.\", kh: \"\u1792\u17d2\u179c\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u1785\u17c6\u1793\u17bd\u1793\u179f\u17b7\u179f\u17d2\u179f\u179f\u179a\u17bb\u1794\u17d4\" },\r\n mktTask2: { en: \"Update trial student number weekly.\", kh: \"\u1792\u17d2\u179c\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u1785\u17c6\u1793\u17bd\u1793\u179f\u17b7\u179f\u17d2\u179f\u179f\u17b6\u1780\u179b\u17d2\u1794\u1784\u1794\u17d2\u179a\u1785\u17b6\u17c6\u179f\u1794\u17d2\u178f\u17b6\u17a0\u17cd\u17d4\" },\r\n mktTask3: { en: \"Report on message volume on Facebook & Telegram.\", kh: \"\u179a\u17b6\u1799\u1780\u17b6\u179a\u178e\u17cd\u1796\u17b8\u1785\u17c6\u1793\u17bd\u1793\u179f\u17b6\u179a\u1793\u17c5\u179b\u17be Facebook & Telegram\u17d4\" },\r\n mktTask4: { en: \"Report on ads budget spend.\", kh: \"\u179a\u17b6\u1799\u1780\u17b6\u179a\u178e\u17cd\u1796\u17b8\u1780\u17b6\u179a\u1785\u17c6\u178e\u17b6\u1799\u1790\u179c\u17b7\u1780\u17b6\u1795\u17d2\u179f\u17b6\u1799\u1796\u17b6\u178e\u17b7\u1787\u17d2\u1787\u1780\u1798\u17d2\u1798\u17d4\" },\r\n potentialIssues: { en: \"Potential Issues & Notes\", kh: \"\u1794\u1789\u17d2\u17a0\u17b6\u178a\u17c2\u179b\u17a2\u17b6\u1785\u1780\u17be\u178f\u1798\u17b6\u1793\" },\r\n mktIssue1: { en: \"May need to update some MKT plans.\", kh: \"\u17a2\u17b6\u1785\u1793\u17b9\u1784\u178f\u17d2\u179a\u17bc\u179c\u1780\u17c2\u179f\u1798\u17d2\u179a\u17bd\u179b\u1795\u17c2\u1793\u1780\u17b6\u179a\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a\u1798\u17bd\u1799\u1785\u17c6\u1793\u17bd\u1793\u17d4\" },\r\n mktIssue2: { en: \"May have some problems with the team.\", kh: \"\u17a2\u17b6\u1785\u1798\u17b6\u1793\u1794\u1789\u17d2\u17a0\u17b6\u1781\u17d2\u179b\u17c7\u1787\u17b6\u1798\u17bd\u1799\u1780\u17d2\u179a\u17bb\u1798\u1780\u17b6\u179a\u1784\u17b6\u179a\u17d4\" },\r\n graphicsIntro: { en: \"This section is for the Graphics Design team. It tracks ongoing projects like posters and other visual assets required by various departments.\", kh: \"\u1795\u17d2\u1793\u17c2\u1780\u1793\u17c1\u17c7\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1780\u17d2\u179a\u17bb\u1798\u179a\u1785\u1793\u17b6\u1780\u17d2\u179a\u17b6\u17a0\u17d2\u179c\u17b7\u1780 \u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u178f\u17b6\u1798\u178a\u17b6\u1793\u1782\u1798\u17d2\u179a\u17c4\u1784\u178a\u17bc\u1785\u1787\u17b6\u1780\u17b6\u179a\u179a\u1785\u1793\u17b6 Poster \u1793\u17b7\u1784\u17af\u1780\u179f\u17b6\u179a\u179a\u17bc\u1794\u1797\u17b6\u1796\u1795\u17d2\u179f\u17c1\u1784\u17d7\u17d4\" },\r\n graphicsProjects: { en: \"Projects In Progress\", kh: \"\u1782\u1798\u17d2\u179a\u17c4\u1784\u1780\u17c6\u1796\u17bb\u1784\u178a\u17c6\u178e\u17be\u179a\u1780\u17b6\u179a\" },\r\n graphicsProject1: { en: \"Poster design for MKT campaign (by Regel)\", kh: \"\u1780\u17b6\u179a\u179a\u1785\u1793\u17b6 Poster \u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1799\u17bb\u1791\u17d2\u1792\u1793\u17b6\u1780\u17b6\u179a\u1791\u17b8\u1795\u17d2\u179f\u17b6\u179a (\u178a\u17c4\u1799 \u179a\u17b8\u17a0\u17d2\u1782\u17c2\u179b)\" },\r\n graphicsActionItems: { en: \"Graphics Action Items\", kh: \"\u179f\u1780\u1798\u17d2\u1798\u1797\u17b6\u1796\u1780\u17d2\u179a\u17bb\u1798\u179a\u1785\u1793\u17b6\u1780\u17d2\u179a\u17b6\u17a0\u17d2\u179c\u17b7\u1780\" },\r\n gfxTask1: { en: \"Create new ad creatives for Facebook.\", kh: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u1780\u17b6\u179a\u1785\u17d2\u1793\u17c3\u1794\u17d2\u179a\u178c\u17b7\u178f\u1795\u17d2\u179f\u17b6\u1799\u1796\u17b6\u178e\u17b7\u1787\u17d2\u1787\u1780\u1798\u17d2\u1798\u1790\u17d2\u1798\u17b8\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u17a0\u17d2\u179c\u17c1\u179f\u1794\u17ca\u17bb\u1780\u17d4\" },\r\n gfxTask2: { en: \"Update website visuals for new curriculum.\", kh: \"\u1792\u17d2\u179c\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u179a\u17bc\u1794\u1797\u17b6\u1796\u1782\u17c1\u17a0\u1791\u17c6\u1796\u17d0\u179a\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1780\u1798\u17d2\u1798\u179c\u17b7\u1792\u17b8\u179f\u17b7\u1780\u17d2\u179f\u17b6\u1790\u17d2\u1798\u17b8\u17d4\" },\r\n gfxTask3: { en: \"Develop new social media templates.\", kh: \"\u1794\u1784\u17d2\u1780\u17be\u178f\u1782\u17c6\u179a\u17bc\u179f\u1798\u17d2\u179a\u17b6\u1794\u17cb\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792\u1795\u17d2\u179f\u1796\u17d2\u179c\u1795\u17d2\u179f\u17b6\u1799\u179f\u1784\u17d2\u1782\u1798\u1790\u17d2\u1798\u17b8\u17d4\" },\r\n roboticsIntro: { en: \"The Robotics section focuses on operational updates. Use the checklists to track progress and curriculum development.\", kh: \"\u1795\u17d2\u1793\u17c2\u1780\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\u1795\u17d2\u178f\u17c4\u178f\u179b\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u1794\u17d2\u179a\u178f\u17b7\u1794\u178f\u17d2\u178f\u17b7\u1780\u17b6\u179a\u17d4 \u1794\u17d2\u179a\u17be\u1794\u1789\u17d2\u1787\u17b8\u178f\u17d2\u179a\u17bd\u178f\u1796\u17b7\u1793\u17b7\u178f\u17d2\u1799\u178a\u17be\u1798\u17d2\u1794\u17b8\u178f\u17b6\u1798\u178a\u17b6\u1793\u179c\u178c\u17d2\u178d\u1793\u1797\u17b6\u1796\u1793\u17b7\u1784\u1780\u17b6\u179a\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1780\u1798\u17d2\u1798\u179c\u17b7\u1792\u17b8\u179f\u17b7\u1780\u17d2\u179f\u17b6\u17d4\" },\r\n roboticsLead: { en: `<strong class=\"font-semibold\">Lead:<\/strong> Ly Seth | <strong class=\"font-semibold\">Support:<\/strong> Kimlang`, kh: `<strong class=\"font-semibold\">\u178a\u17b9\u1780\u1793\u17b6\u17c6:<\/strong> \u179b\u17b8\u179f\u17b7\u1791\u17d2\u1792 | <strong class=\"font-semibold\">\u1787\u17c6\u1793\u17bd\u1799:<\/strong> \u1782\u17b8\u1798\u17a1\u17b6\u1784` },\r\n roboticsActionItems: { en: \"Robotics Action Items\", kh: \"\u179f\u1780\u1798\u17d2\u1798\u1797\u17b6\u1796\u1780\u17d2\u179a\u17bb\u1798\u179a\u17c9\u17bc\u1794\u17bc\u1791\u17b7\u1785\" },\r\n rbxTask1: { en: \"Update student numbers.\", kh: \"\u1792\u17d2\u179c\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u1785\u17c6\u1793\u17bd\u1793\u179f\u17b7\u179f\u17d2\u179f\u17d4\" },\r\n rbxTask2: { en: \"Update about the curriculum progress.\", kh: \"\u1792\u17d2\u179c\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u179c\u178c\u17d2\u178d\u1793\u1797\u17b6\u1796\u1780\u1798\u17d2\u1798\u179c\u17b7\u1792\u17b8\u179f\u17b7\u1780\u17d2\u179f\u17b6\u17d4\" },\r\n issuesSolutions: { en: \"Issues & Solutions Tracking\", kh: \"\u1780\u17b6\u179a\u178f\u17b6\u1798\u178a\u17b6\u1793\u1794\u1789\u17d2\u17a0\u17b6 \u1793\u17b7\u1784\u178a\u17c6\u178e\u17c4\u17c7\u179f\u17d2\u179a\u17b6\u1799\" },\r\n rbxIssue1: { en: \"Address any complaints from parents or team, then propose the solution.\", kh: \"\u178a\u17c4\u17c7\u179f\u17d2\u179a\u17b6\u1799\u1794\u178e\u17d2\u178f\u17b9\u1784\u1796\u17b8\u1798\u17b6\u178f\u17b6\u1794\u17b7\u178f\u17b6\u17ac\u1780\u17d2\u179a\u17bb\u1798 \u179a\u17bd\u1785\u179f\u17d2\u1793\u17be\u178a\u17c6\u178e\u17c4\u17c7\u179f\u17d2\u179a\u17b6\u1799\u17d4\" },\r\n rbxIssue2: { en: \"Address any TA problems & propose solutions.\", kh: \"\u178a\u17c4\u17c7\u179f\u17d2\u179a\u17b6\u1799\u1794\u1789\u17d2\u17a0\u17b6\u1782\u17d2\u179a\u17bc\u1787\u17c6\u1793\u17bd\u1799 \u179a\u17bd\u1785\u179f\u17d2\u1793\u17be\u178a\u17c6\u178e\u17c4\u17c7\u179f\u17d2\u179a\u17b6\u1799\u17d4\" },\r\n itIntro: { en: \"This section tracks IT System Development, including progress on current work and new features.\", kh: \"\u1795\u17d2\u1793\u17c2\u1780\u1793\u17c1\u17c7\u178f\u17b6\u1798\u178a\u17b6\u1793\u1780\u17b6\u179a\u17a2\u1797\u17b7\u179c\u178c\u17d2\u178d\u1793\u17cd\u1794\u17d2\u179a\u1796\u17d0\u1793\u17d2\u1792 IT \u179a\u17bd\u1798\u1791\u17b6\u17c6\u1784\u179c\u178c\u17d2\u178d\u1793\u1797\u17b6\u1796\u179b\u17be\u1780\u17b6\u179a\u1784\u17b6\u179a\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1793\u17b7\u1784\u1798\u17bb\u1781\u1784\u17b6\u179a\u1790\u17d2\u1798\u17b8\u17d7\u17d4\" },\r\n itLead: { en: `<strong class=\"font-semibold\">Lead:<\/strong> Kimlang`, kh: `<strong class=\"font-semibold\">\u178a\u17b9\u1780\u1793\u17b6\u17c6:<\/strong> \u1782\u17b8\u1798\u17a1\u17b6\u1784` },\r\n itActionItems: { en: \"IT Action Items\", kh: \"\u179f\u1780\u1798\u17d2\u1798\u1797\u17b6\u1796\u1780\u17d2\u179a\u17bb\u1798 IT\" },\r\n itTask1: { en: \"Update about current progress.\", kh: \"\u1792\u17d2\u179c\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u179c\u178c\u17d2\u178d\u1793\u1797\u17b6\u1796\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u17d4\" },\r\n itTask2: { en: \"Update about new features.\", kh: \"\u1792\u17d2\u179c\u17be\u1794\u1785\u17d2\u1785\u17bb\u1794\u17d2\u1794\u1793\u17d2\u1793\u1797\u17b6\u1796\u1798\u17bb\u1781\u1784\u17b6\u179a\u1790\u17d2\u1798\u17b8\u17d7\u17d4\" },\r\n itIssue1: { en: \"Address any problems and report on attempted solutions.\", kh: \"\u178a\u17c4\u17c7\u179f\u17d2\u179a\u17b6\u1799\u1794\u1789\u17d2\u17a0\u17b6 \u1793\u17b7\u1784\u179a\u17b6\u1799\u1780\u17b6\u179a\u178e\u17cd\u1796\u17b8\u178a\u17c6\u178e\u17c4\u17c7\u179f\u17d2\u179a\u17b6\u1799\u178a\u17c2\u179b\u1794\u17b6\u1793\u179f\u17b6\u1780\u179b\u17d2\u1794\u1784\u17d4\" },\r\n spent: { en: \"Spent\", kh: \"\u1794\u17b6\u1793\u1785\u17c6\u178e\u17b6\u1799\" },\r\n remaining: { en: \"Remaining\", kh: \"\u1793\u17c5\u179f\u179b\u17cb\" },\r\n trialStudents: { en: \"Trial Students\", kh: \"\u179f\u17b7\u179f\u17d2\u179f\u179f\u17b6\u1780\u179b\u17d2\u1794\u1784\" },\r\n week: { en: \"Week\", kh: \"\u179f\u1794\u17d2\u178f\u17b6\u17a0\u17cd\" },\r\n };\r\n\r\n const sectionTemplates = {\r\n mkt: `\r\n <div class=\"p-4 bg-blue-50 border border-blue-200 rounded-lg\"><p class=\"font-medium text-blue-800\" data-lang-key=\"mktIntro\"><\/p><\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><p class=\"text-lg\" data-lang-key=\"mktLead\"><\/p><\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><h3 class=\"text-xl font-bold text-slate-800 mb-4\" data-lang-key=\"mktActionItems\"><\/h3><div class=\"space-y-3\">\r\n <div class=\"task-item\"><input type=\"checkbox\" id=\"mkt1\" class=\"mr-2\"><label for=\"mkt1\" data-lang-key=\"mktTask1\"><\/label><\/div>\r\n <div class=\"task-item\"><input type=\"checkbox\" id=\"mkt2\" class=\"mr-2\"><label for=\"mkt2\" data-lang-key=\"mktTask2\"><\/label><\/div>\r\n <div class=\"task-item\"><input type=\"checkbox\" id=\"mkt3\" class=\"mr-2\"><label for=\"mkt3\" data-lang-key=\"mktTask3\"><\/label><\/div>\r\n <div class=\"task-item\"><input type=\"checkbox\" id=\"mkt4\" class=\"mr-2\"><label for=\"mkt4\" data-lang-key=\"mktTask4\"><\/label><\/div>\r\n <\/div><\/div>\r\n <div class=\"p-6 bg-amber-100 border border-amber-200 rounded-lg\"><h4 class=\"font-semibold text-amber-800 mb-2\" data-lang-key=\"potentialIssues\"><\/h4><div class=\"space-y-2 text-amber-700\">\r\n <p class=\"issue-text\" data-lang-key=\"mktIssue1\"><\/p>\r\n <p class=\"issue-text\" data-lang-key=\"mktIssue2\"><\/p>\r\n <\/div><\/div>\r\n `,\r\n graphics: `\r\n <div class=\"p-4 bg-purple-50 border border-purple-200 rounded-lg\"><p class=\"font-medium text-purple-800\" data-lang-key=\"graphicsIntro\"><\/p><\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><h3 class=\"text-xl font-bold text-slate-800 mb-4\" data-lang-key=\"graphicsProjects\"><\/h3><div class=\"space-y-3\">\r\n <p data-lang-key=\"graphicsProject1\"><\/p>\r\n <\/div><\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><h3 class=\"text-xl font-bold text-slate-800 mb-4\" data-lang-key=\"graphicsActionItems\"><\/h3><div class=\"space-y-3\">\r\n <div class=\"task-item\"><input type=\"checkbox\" id=\"gfx1\" class=\"mr-2\"><label for=\"gfx1\" data-lang-key=\"gfxTask1\"><\/label><\/div>\r\n <div class=\"task-item\"><input type=\"checkbox\" id=\"gfx2\" class=\"mr-2\"><label for=\"gfx2\" data-lang-key=\"gfxTask2\"><\/label><\/div>\r\n <div class=\"task-item\"><input type=\"checkbox\" id=\"gfx3\" class=\"mr-2\"><label for=\"gfx3\" data-lang-key=\"gfxTask3\"><\/label><\/div>\r\n <\/div><\/div>\r\n `,\r\n robotics: `\r\n <div class=\"p-4 bg-teal-50 border border-teal-200 rounded-lg\"><p class=\"font-medium text-teal-800\" data-lang-key=\"roboticsIntro\"><\/p><\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><p class=\"text-lg\" data-lang-key=\"roboticsLead\"><\/p><\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><h3 class=\"text-xl font-bold text-slate-800 mb-4\" data-lang-key=\"roboticsActionItems\"><\/h3><div class=\"space-y-3\">\r\n <div class=\"task-item\"><input type=\"checkbox\" id=\"rbx1\" class=\"mr-2\"><label for=\"rbx1\" data-lang-key=\"rbxTask1\"><\/label><\/div>\r\n <div class=\"task-item\"><input type=\"checkbox\" id=\"rbx2\" class=\"mr-2\"><label for=\"rbx2\" data-lang-key=\"rbxTask2\"><\/label><\/div>\r\n <\/div><\/div>\r\n <div class=\"p-6 bg-amber-100 border border-amber-200 rounded-lg\"><h4 class=\"font-semibold text-amber-800 mb-2\" data-lang-key=\"issuesSolutions\"><\/h4><div class=\"space-y-2 text-amber-700\">\r\n <p class=\"issue-text\" data-lang-key=\"rbxIssue1\"><\/p>\r\n <p class=\"issue-text\" data-lang-key=\"rbxIssue2\"><\/p>\r\n <\/div><\/div>\r\n `,\r\n it: `\r\n <div class=\"p-4 bg-indigo-50 border border-indigo-200 rounded-lg\"><p class=\"font-medium text-indigo-800\" data-lang-key=\"itIntro\"><\/p><\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><p class=\"text-lg\" data-lang-key=\"itLead\"><\/p><\/div>\r\n <div class=\"card p-6 rounded-xl shadow-lg\"><h3 class=\"text-xl font-bold text-slate-800 mb-4\" data-lang-key=\"itActionItems\"><\/h3><div class=\"space-y-3\">\r\n <div class=\"task-item\"><input type=\"checkbox\" id=\"it1\" class=\"mr-2\"><label for=\"it1\" data-lang-key=\"itTask1\"><\/label><\/div>\r\n <div class=\"task-item\"><input type=\"checkbox\" id=\"it2\" class=\"mr-2\"><label for=\"it2\" data-lang-key=\"itTask2\"><\/label><\/div>\r\n <\/div><\/div>\r\n <div class=\"p-6 bg-amber-100 border border-amber-200 rounded-lg\"><h4 class=\"font-semibold text-amber-800 mb-2\" data-lang-key=\"issuesSolutions\"><\/h4><div class=\"space-y-2 text-amber-700\">\r\n <p class=\"issue-text\" data-lang-key=\"itIssue1\"><\/p>\r\n <\/div><\/div>\r\n `\r\n };\r\n\r\n function populateSections() {\r\n for (const key in sectionTemplates) {\r\n const section = document.getElementById(`${key}-content`);\r\n if(section) {\r\n section.innerHTML = sectionTemplates[key];\r\n }\r\n }\r\n }\r\n\r\n function updateUIText(lang) {\r\n document.querySelectorAll('[data-lang-key]').forEach(el => {\r\n const key = el.dataset.langKey;\r\n if (translations[key] && translations[key][lang]) {\r\n const translationText = translations[key][lang];\r\n if (translationText.includes('<strong')) {\r\n el.innerHTML = translationText;\r\n } else {\r\n el.textContent = translationText;\r\n }\r\n }\r\n });\r\n document.body.className = `lang-${lang}`;\r\n document.getElementById('lang-en').classList.toggle('active', lang === 'en');\r\n document.getElementById('lang-kh').classList.toggle('active', lang === 'kh');\r\n updateDate(lang);\r\n createCharts(lang);\r\n }\r\n\r\n function updateDate(lang) {\r\n const date = new Date();\r\n const options = { day: 'numeric', month: 'long', year: 'numeric' };\r\n const locale = lang === 'kh' ? 'km-KH' : 'en-GB';\r\n const dateEl = document.getElementById('currentDate');\r\n if (dateEl) {\r\n dateEl.textContent = date.toLocaleDateString(locale, options);\r\n }\r\n }\r\n\r\n function setLanguage(lang) {\r\n currentLanguage = lang;\r\n const activeNav = document.querySelector('#main-nav .active');\r\n const activeTarget = activeNav ? activeNav.dataset.target : 'overview';\r\n const subtitleKey = `header_subtitle_${activeTarget}`;\r\n document.getElementById('header-subtitle').setAttribute('data-lang-key', subtitleKey);\r\n updateUIText(lang);\r\n }\r\n \r\n document.getElementById('lang-en').addEventListener('click', () => setLanguage('en'));\r\n document.getElementById('lang-kh').addEventListener('click', () => setLanguage('kh'));\r\n\r\n const mainNav = document.getElementById('main-nav');\r\n const contentSections = document.querySelectorAll('.content-section');\r\n \r\n mainNav.addEventListener('click', (e) => {\r\n if (e.target.tagName !== 'BUTTON') return;\r\n const targetId = e.target.dataset.target;\r\n mainNav.querySelector('.active').classList.remove('active');\r\n e.target.classList.add('active');\r\n \r\n const subtitleKey = `header_subtitle_${targetId}`;\r\n document.getElementById('header-subtitle').setAttribute('data-lang-key', subtitleKey);\r\n updateUIText(currentLanguage);\r\n\r\n contentSections.forEach(section => {\r\n section.classList.toggle('active', section.id === `${targetId}-content`);\r\n });\r\n });\r\n \r\n function createCharts(lang) {\r\n Object.values(charts).forEach(chart => chart.destroy());\r\n\r\n const budgetCtx = document.getElementById('budgetChart');\r\n if(budgetCtx) {\r\n charts.budget = new Chart(budgetCtx.getContext('2d'), {\r\n type: 'doughnut',\r\n data: {\r\n labels: [translations.spent[lang], translations.remaining[lang]],\r\n datasets: [{ data: [1850, 3150], backgroundColor: ['#2563eb', '#e2e8f0'], borderColor: '#ffffff', borderWidth: 4 }]\r\n },\r\n options: { responsive: true, maintainAspectRatio: false, cutout: '70%', plugins: { legend: { display: true, position: 'bottom', labels: { boxWidth: 12, padding: 20, color: '#475569' } }, tooltip: { callbacks: { label: (c) => ` ${c.label}: $${c.raw}` } } } }\r\n });\r\n }\r\n\r\n const trialStudentCtx = document.getElementById('trialStudentChart');\r\n if(trialStudentCtx) {\r\n charts.trial = new Chart(trialStudentCtx.getContext('2d'), {\r\n type: 'bar',\r\n data: {\r\n labels: [1, 2, 3, 4, 5, 6].map(w => `${translations.week[lang]} ${w}`),\r\n datasets: [{ label: translations.trialStudents[lang], data: [45, 59, 80, 81, 56, 82], backgroundColor: '#60a5fa', borderColor: '#2563eb', borderWidth: 1, borderRadius: 4 }]\r\n },\r\n options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true, grid: { color: '#e2e8f0' }, ticks: { color: '#64748b' } }, x: { grid: { display: false }, ticks: { color: '#64748b' } } }, plugins: { legend: { display: false } } }\r\n });\r\n }\r\n }\r\n \r\n populateSections();\r\n setLanguage('en');\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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":"<p>Interactive Meeting Notes Dashboard AAA School Dashboard High-Level Strategic Overview Overview Marketing Graphics Robotics IT System EN KH Meeting Protocol Schedule: A 15-30 minute meeting should be held every Monday to kick off the week. Format: The assigned team member has 15 minutes to present their working progress. Overall Students 1,204 Monthly Budget $400 Weekly […]<\/p>","protected":false},"author":2,"featured_media":4053,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4097","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts\/4097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/comments?post=4097"}],"version-history":[{"count":38,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts\/4097\/revisions"}],"predecessor-version":[{"id":4163,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/posts\/4097\/revisions\/4163"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/media\/4053"}],"wp:attachment":[{"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/media?parent=4097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/categories?post=4097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aaaschoolkh.com\/km\/wp-json\/wp\/v2\/tags?post=4097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}