{"id":2606,"date":"2024-10-07T16:35:49","date_gmt":"2024-10-07T09:35:49","guid":{"rendered":"https:\/\/tubtimsiam04.ac.th\/?page_id=2606"},"modified":"2026-02-25T09:00:04","modified_gmt":"2026-02-25T02:00:04","slug":"%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%ab%e0%b8%b2%e0%b8%a3%e0%b8%87%e0%b8%b2%e0%b8%99%e0%b8%9a%e0%b8%b8%e0%b8%84%e0%b8%84%e0%b8%a5-2","status":"publish","type":"page","link":"https:\/\/tubtimsiam04.ac.th\/?page_id=2606","title":{"rendered":"\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25"},"content":{"rendered":"\n<script>\n        \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\n\t\t\/\/ Add these lines at the end of style section\n        const additionalStyles = `\n\t\t\t.loading {\n\t\t\t\tposition: fixed;\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\twidth: 350px;\n\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\tbackground: rgba(0, 0, 139, 0.9); \/* \u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21 *\/\n\t\t\t\tcolor: #ffffff; \/* \u0e2a\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e02\u0e32\u0e27 *\/\n\t\t\t\tpadding: 20px;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tbox-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n\t\t\t\tz-index: 1000;\n\t\t\t}\n\t\t\t .fa-spin {\n\t\t\t\t\tmargin-right: 8px;\n\t\t\t }\n        `;\n\n\t\t\/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07 element style \u0e43\u0e2b\u0e21\u0e48\n\t\tconst styleElement = document.createElement('style');\n\n\t\t\/\/ \u0e01\u0e33\u0e2b\u0e19\u0e14 CSS \u0e08\u0e32\u0e01\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23 additionalStyles \u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a styleElement\n\t\tstyleElement.textContent = additionalStyles;\n\n\t\t\/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 styleElement \u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e43\u0e19 <head> \u0e02\u0e2d\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n\t\tdocument.head.appendChild(styleElement);\n\t\t\n        \/\/ Show loading indicator\n        function showLoading(show = true) {\n            const loadingDiv = document.createElement('div');\n            loadingDiv.id = 'loadingIndicator';\n            loadingDiv.className = 'loading';\n            loadingDiv.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i>  \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14... ';\n            \n            if (show) {\n                document.body.appendChild(loadingDiv);\n            } else {\n                const existingLoader = document.getElementById('loadingIndicator');\n                if (existingLoader) {\n                    existingLoader.remove();\n                }\n            }\n        }\n        \n        \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\n        function delay(ms) {\n            return new Promise(resolve => setTimeout(resolve, ms));\n        }\n        \t\t\n\t\tshowLoading(true);\t\n                delay(1000);\t\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25<\/strong>\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e21\u0e31\u0e18\u0e22\u0e21\u0e17\u0e31\u0e1a\u0e17\u0e34\u0e21\u0e2a\u0e22\u0e32\u0e21 \u0e50\u0e54 \u0e43\u0e19\u0e1e\u0e23\u0e30\u0e2d\u0e38\u0e1b\u0e16\u0e31\u0e21\u0e20\u0e4c \u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e17\u0e35\u0e48\u0e21\u0e38\u0e48\u0e07\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e43\u0e2b\u0e49\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16 \u0e21\u0e35\u0e02\u0e27\u0e31\u0e0d\u0e01\u0e33\u0e25\u0e31\u0e07\u0e43\u0e08 \u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e22\u0e01\u0e22\u0e48\u0e2d\u0e07\u0e40\u0e0a\u0e34\u0e14\u0e0a\u0e39\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34 \u0e41\u0e25\u0e30\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e04\u0e07\u0e43\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e42\u0e14\u0e22\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22 \u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a \u0e41\u0e25\u0e30\u0e2b\u0e25\u0e31\u0e01\u0e18\u0e23\u0e23\u0e21\u0e32\u0e20\u0e34\u0e1a\u0e32\u0e25 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14\u0e04\u0e27\u0e32\u0e21\u0e04\u0e25\u0e48\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e43\u0e19\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e39\u0e07 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e02\u0e2d\u0e07\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e01\u0e23\u0e30\u0e15\u0e37\u0e2d\u0e23\u0e37\u0e2d\u0e23\u0e49\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19 \u0e19\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e19\u0e35\u0e49 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e22\u0e31\u0e07\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e48\u0e27\u0e21\u0e02\u0e2d\u0e07\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1c\u0e25\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \u0e42\u0e14\u0e22\u0e02\u0e2d\u0e1a\u0e02\u0e48\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e41\u0e25\u0e30\u0e08\u0e23\u0e23\u0e22\u0e32\u0e1a\u0e23\u0e23\u0e13\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e17\u0e31\u0e48\u0e27\u0e16\u0e36\u0e07 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e1c\u0e39\u0e49\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07 \u0e41\u0e25\u0e30\u0e0a\u0e38\u0e21\u0e0a\u0e19 \u0e17\u0e31\u0e49\u0e07\u0e22\u0e31\u0e07\u0e40\u0e19\u0e49\u0e19\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e39\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e19\u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e15\u0e22\u0e4c\u0e2a\u0e38\u0e08\u0e23\u0e34\u0e15\u0e41\u0e25\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e15\u0e32\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e1e\u0e2d\u0e40\u0e1e\u0e35\u0e22\u0e07<\/p>\n\n\n\n<script>\n        const group = [\n            ['1', '\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e04\u0e23\u0e39\u0e41\u0e25\u0e30\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32'],\n            ['2', '\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e01\u0e32\u0e23\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e02\u0e49\u0e21 \u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e04\u0e23\u0e39\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22'],\n            ['3', '\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e15\u0e01\u0e25\u0e07 Performance Agreement-PA'],\n            ['4', '\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25'],\n            ['5', '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d - \u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25'],\n            ['6', '\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e15\u0e48\u0e32\u0e07\u0e46 - \u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25'],\n            ['7', '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e22\u0e49\u0e32\u0e22 \u0e23\u0e30\u0e1a\u0e1a TRS ']\n        ];\n        const icon_link = [\n['1','1HoVfrpr61XWvgqDYIzJCWkMjLhq-CR5E','https:\/\/tubtimsiam04.ac.th\/?p=2910','\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e32\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e41\u0e25\u0e30\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e41\u0e25\u0e30 \u0e27\u0e34\u0e17\u0e22\u0e10\u0e32\u0e19\u0e30\u0e02\u0e49\u0e32\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e04\u0e23\u0e39\u0e41\u0e25\u0e30\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e279\/2564'],\n['1','13Ni-qHkSo1WUNzmowupzqOOG9Q8HmuJu','https:\/\/tubtimsiam04.ac.th\/?p=2915','\u0e02\u0e22\u0e32\u0e22\u0e1c\u0e25 Canva for Education 2024'],\n['1','1pOSgmxFp4lHlioCeJntkQLFiyD40LkDJ','https:\/\/tubtimsiam04.ac.th\/?p=3194','\u0e16\u0e48\u0e32\u0e22\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e49\u0e2d\u0e15\u0e01\u0e25\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e07\u0e32\u0e19 PA-2568'],\n['1','11IaTrKTma4lEvj_Jh69avTY0rflSq4s7','https:\/\/tubtimsiam04.ac.th\/?p=4125','\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 Webinar AI 12\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23'],\n\n['2','1_8rZmjOVgdgYzKZYeXIboOZ3fGA5pMTD','https:\/\/tubtimsiam04.ac.th\/?p=3774','\u0e23\u0e27\u0e21\u0e40\u0e25\u0e48\u0e21\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e2f \u0e04\u0e23\u0e39\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22'],\n['2','1_5vrD2GWLcdklWn77JfTz3nOwe-ppoz9','https:\/\/drive.google.com\/file\/d\/1_26Ny3M_BMmm91fQuoPEyeQfAnFPL4_b\/view?usp=sharing','\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e2f \u0e04\u0e23\u0e39\u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22'],\n['2','1NPuiUIRJozI7QFSR378esASNHAb7xlyK','https:\/\/tubtimsiam04.ac.th\/?p=3549','\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e482'],\n['2','1--CPIWVgXtlGASxrUCBQBQxt9QkPWbYy','https:\/\/tubtimsiam04.ac.th\/?p=3484','\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e15\u0e01\u0e25\u0e07\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d MOU'],\n['2','1T-Ddsmx-s7NpAlcZNQfVyrHGRVyJxTYE','https:\/\/tubtimsiam04.ac.th\/?p=1663','\u0e19\u0e32\u0e22\u0e2a\u0e31\u0e13\u0e2b\u0e23\u0e31\u0e10 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e14\u0e35 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1'],\n['2','1JXUMTuueiE1rQ9T5wzD-Iylrm9mKrzih','https:\/\/tubtimsiam04.ac.th\/?p=3732','\u0e19\u0e32\u0e22\u0e27\u0e07\u0e28\u0e01\u0e23 \u0e01\u0e21\u0e25\u0e24\u0e01\u0e29\u0e4c \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1'],\n['2','1Zmi4lE4AS5_U3TeqN18lwOoDuFEKVBfw','https:\/\/tubtimsiam04.ac.th\/?p=3735','\u0e19\u0e32\u0e22\u0e0a\u0e34\u0e19\u0e27\u0e31\u0e12\u0e19\u0e4c \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e40\u0e08\u0e23\u0e34\u0e0d \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1'],\n['2','1E5ARza_tIx48qyHswY3DYLZva6-FfnK_','https:\/\/tubtimsiam04.ac.th\/?p=5032','\u0e19\u0e32\u0e22\u0e2a\u0e31\u0e13\u0e2b\u0e23\u0e31\u0e10 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e14\u0e35 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2'],\n['2','1EitW3SucrB5jYj9Z8Ddvne7CEzz8jH3L','https:\/\/tubtimsiam04.ac.th\/?p=5047','\u0e19\u0e32\u0e22\u0e0a\u0e22\u0e32\u0e07\u0e01\u0e39\u0e23 \u0e28\u0e23\u0e35\u0e42\u0e17 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1'],\n['2','1E1sNtEUj8AKk3shgP4L0L_qXmwFmVJP9','https:\/\/tubtimsiam04.ac.th\/?p=5041','\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e34\u0e19\u0e11\u0e38\u0e01\u0e32\u0e19\u0e15\u0e4c \u0e0a\u0e19\u0e30\u0e20\u0e31\u0e22 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1'],\n['2','1QbN_mIq8iU3yQHVRqyNijr5cNRo_fp9J','https:\/\/tubtimsiam04.ac.th\/?p=6162','\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e13\u0e31\u0e10\u0e18\u0e22\u0e32\u0e19\u0e4c \u0e21\u0e30\u0e25\u0e34\u0e27\u0e31\u0e25\u0e22\u0e4c \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1'],\n['2','1ZY56t8guFPswZhBG5Qkm-_TWG3vOsSpq','https:\/\/tubtimsiam04.ac.th\/?p=6233','\u0e19\u0e32\u0e22\u0e0a\u0e34\u0e19\u0e27\u0e31\u0e12\u0e19\u0e4c \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e40\u0e08\u0e23\u0e34\u0e0d \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2'],\n['2','1NOdfC0hAUG_2T45-LEND_iwV-LqJixU-','https:\/\/tubtimsiam04.ac.th\/?p=6483','\u0e19\u0e32\u0e22\u0e27\u0e07\u0e28\u0e01\u0e23 \u0e01\u0e21\u0e25\u0e24\u0e01\u0e29\u0e4c \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2'],\n['2','1_qMg6gSiCzV_3UAsvObKNbCSH-Nz0oRd','https:\/\/tubtimsiam04.ac.th\/?p=6787','\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e34\u0e19\u0e11\u0e38\u0e01\u0e32\u0e19\u0e15\u0e4c \u0e0a\u0e19\u0e30\u0e20\u0e31\u0e22 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2'],\n['2','14T03t5sz7orohrYUrIxpTbKWK8cu9ug5','https:\/\/tubtimsiam04.ac.th\/?p=6857','\u0e19\u0e32\u0e22\u0e2a\u0e31\u0e13\u0e2b\u0e23\u0e31\u0e10 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e14\u0e35 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 3'],\n['2','1FXjkg7LT8QcgCkIt0XLrUYqVtLzEPED4','https:\/\/tubtimsiam04.ac.th\/?p=6865','\u0e19\u0e32\u0e22\u0e0a\u0e22\u0e32\u0e07\u0e01\u0e39\u0e23 \u0e28\u0e23\u0e35\u0e42\u0e17  \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2'],\n['2','1aMIrq76JoQYDbyaBPC3zp35eELqUbyT3','https:\/\/tubtimsiam04.ac.th\/?p=7059','\u0e19\u0e32\u0e22\u0e27\u0e07\u0e28\u0e01\u0e23 \u0e01\u0e21\u0e25\u0e24\u0e01\u0e29\u0e4c \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 3'],\n['2','1Hnrclz-VVgdIM9-xNqG_2ei0YgzQ9_5X','https:\/\/tubtimsiam04.ac.th\/?p=7072','\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e09\u0e31\u0e15\u0e23\u0e2a\u0e38\u0e14\u0e32 \u0e16\u0e19\u0e2d\u0e21\u0e28\u0e34\u0e25\u0e1b\u0e4c \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1'],\n['2','1WQz0WYfLV1PKYFa6VMZLPEFHoBY4PqKd','https:\/\/tubtimsiam04.ac.th\/?p=7485','\u0e19\u0e32\u0e22\u0e2a\u0e31\u0e13\u0e2b\u0e23\u0e31\u0e10 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e14\u0e35 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 4'],\n\n['3','1rxuimyvgMmJ_L15aBDAT5S7a-_n5Ca8C','https:\/\/tubtimsiam04.ac.th\/?page_id=97#pa_page','\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e1a\u0e1a\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e15\u0e01\u0e25\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e07\u0e32\u0e19 PA 1\u0e2a'],\n['3','1sEc1qtJJaKg-6MO_FC1m_2Y1MgpTZcoh','https:\/\/tubtimsiam04.ac.th\/?page_id=97#pa_page','\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e1a\u0e1a\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e15\u0e01\u0e25\u0e07 PA'],\n['3','1s8_RRpcWmboohocWZjisWDD22Ah9m8pi','https:\/\/tubtimsiam04.ac.th\/?page_id=2574#work_round','\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e1a\u0e1a\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e02\u0e49\u0e32\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e04\u0e23\u0e39 \u0e23\u0e2d\u0e1a 6 \u0e40\u0e14\u0e37\u0e2d\u0e19'],\n['3','1sdPGypqEKJXQ7UrD9TncZuwbVQZT8SJI','https:\/\/drive.google.com\/drive\/u\/2\/folders\/1mWWBFblpFHz3WftnGtbknBdmzxYKxkNu','\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e02\u0e2d\u0e07 PA'],\n['3','1shJz5nSya--dTsw9rolGZ2EFaw2DKq0w','https:\/\/drive.google.com\/drive\/u\/2\/folders\/1jUdWrjFR6MsnVOyPV6FVt4PLkUvr0z9g','\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e1a\u0e1a\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e2f \u0e23\u0e2d\u0e1a 6 \u0e40\u0e14\u0e37\u0e2d\u0e19'],\n\n['4','11YIefH-2CKeNEwB1Kqo2GPDejXqdVKPF','https:\/\/drive.google.com\/file\/d\/11aFSss7BU5YrP-HPE2NFuAtKrtJDHPe-\/view','\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1a\u0e38\u0e04\u0e04\u0e25 HRMS'],\n['4','1IiIJSBqfvKT2O6lFLu7meFtIRdHIfFTp','https:\/\/drive.google.com\/file\/d\/1IhSzcSeZ_u-S28Hs5ikSRG1pNl70bSSQ\/view','\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25'],\n['4','11d1rPdvYcUEDF0DcYmZOvAEtCqT2Qhw5','https:\/\/hrms.obec.go.th\/','\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 HRMS.OBEC'],\n['4','1rRxJVETxvWCr7MLI4vUev-o2Zi6GAi2B','https:\/\/tubtimsiam04.ac.th\/TeacherLeave\/','\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e25\u0e32 Online'],\n['4','1rWeQ70qMwyGARlfIQ5GJAv6IQiSwT8sO','https:\/\/docs.google.com\/spreadsheets\/d\/1jpBM9DqgpHLVk9bFfgXnRowFYbIjLOjo2qj9sfGm4MA','\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e32\u0e22\u0e1a\u0e38\u0e04\u0e04\u0e25'],\n['4','1r_nmJTAFr-dOBEfZxq6D8mbeQ6KYaZz7','https:\/\/www.ksp.or.th\/ksp-selfservice','\u0e43\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e'],\n['4','1rg8yEi49_WwW3fQYy4AfV6NlsNK0ek4o','http:\/\/salaryweb1.sesao33.net\/','\u0e2a\u0e25\u0e34\u0e1b\u0e40\u0e07\u0e34\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19 \u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19'],\n['4','1raNdQH6Az0x5ucRVZNm9ImyrggOywUE-','http:\/\/salaryweb3.sesao33.net\/','\u0e2a\u0e25\u0e34\u0e1b\u0e40\u0e07\u0e34\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19 \u0e04\u0e23\u0e39'],\n\n['5','1sa0VCJlERDxL8qHwi3fdHkjIKYKYdhV5','https:\/\/drive.google.com\/file\/d\/1nRYK8Bfy1B6CMH_LZsJDBYlyyp1OcAje\/view','\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25'],\n['5','1rTKauVIOuKY4rHPFdRW2x071n2Fmnefw','https:\/\/drive.google.com\/file\/d\/1YyQ7Y_X9mCUTY1VPZoHnNrSM3Dw36U1V\/view','\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e25\u0e32\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c'],\n['5','1sP8hP_3MfWLTLKgbR0Kx8cmCIvTW0w25','https:\/\/drive.google.com\/file\/d\/1sPIKPqYg2Z0Fm5IX94HwbWlWQ3NbEl1n\/view','\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e2a\u0e25\u0e34\u0e1b\u0e40\u0e07\u0e34\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19'],\n\n['6','1PbmG3aLx8FKqVZjGFxNDp9CmtJcE-3tA','https:\/\/drive.google.com\/file\/d\/18W7zJ0iYG5O6C9QbuTGBT5AtCXLLAppq\/view','\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e01\u0e32\u0e23\u0e25\u0e32'],\n['6','1IR7h7iYgfn545f97VgVUYKWH3Q-_fPQL','https:\/\/docs.google.com\/document\/d\/12Jydj453tVveHxxb8OXasRPW4WATOlpBxMxAiGBAfzU','\u0e43\u0e1a\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a\u0e07\u0e32\u0e19-\u0e25\u0e39\u0e01\u0e08\u0e49\u0e32\u0e07'],\n['6','1ITpny6raHIlFvkRY_5gvPR25ndSO8Hik','https:\/\/docs.google.com\/document\/d\/1RF2yQe94c7mg-eatODEIyL25It3W03EdUY5YD6fdv5o','\u0e43\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e08\u0e49\u0e32\u0e07\u0e25\u0e39\u0e01\u0e08\u0e49\u0e32\u0e07\u0e0a\u0e31\u0e48\u0e27\u0e04\u0e23\u0e32\u0e27\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19-\u0e25\u0e39\u0e01\u0e08\u0e49\u0e32\u0e07'],\n\n['7','19S-i1gpWDJas-xm8lUI1QrSJ4YuxH0El','https:\/\/drive.google.com\/file\/d\/19BJ8n1tNtCn3V7gufRb5PoHdSNNbedSx\/view?usp=sharing','\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e0a\u0e35\u0e49\u0e41\u0e08\u0e07 \u0e01\u0e32\u0e23\u0e22\u0e35\u0e32\u0e22 TRS \u0e2a\u0e1e\u0e21.\u0e2a\u0e38\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c'],\n['7','19XJx0vn6LAGFOAJYdU4xkFsRo7jeO_30','https:\/\/drive.google.com\/file\/d\/19Fnpu3D9Hr3YKWExfwKQuhq2XoUdTu_0\/view?usp=sharing','\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e2d\u0e01'],\n['7','19W5DMajBcPP4yPrnoCUi2wR0bzpObjuE','https:\/\/drive.google.com\/file\/d\/19IwKFIF-w1vlx14q1kG7B7GYX0bvOofi\/view?usp=sharing','\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e22\u0e49\u0e32\u0e22 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e23\u0e39'],\n['7','19VOKc_fz7-esD5GQY96fKkuwvbpO0u_a','https:\/\/drive.google.com\/file\/d\/19CghEKS6al2sNOaaV4dcrTc28CdXhQKm\/view?usp=sharing','\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e22\u0e49\u0e32\u0e22 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2f']  \n        ];\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Icon Gallery Grouped<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Kanit', sans-serif;\n            background-color: #f0f0f0;\n            margin: 0;\n            padding: 0px;\n        }\n        .container {\n            width: 96%;\n            \/\/max-width: 1200px;\n            margin: 0 auto;\n            background-color: white;\n            border-radius: 8px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            padding: 20px;\n        }\n        .group-title {\n            font-size: 16px;\n            font-weight: bold;\n            margin-top: 1px;\n            margin-bottom: 15px;\n            color: #333;\n            border-bottom: 3px solid #3498db;\n            padding-bottom: 5px;\n            \n            \/\/background-color: #3498db;\n        }\n        .icon-gallery {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n            gap: 20px;\n            margin-bottom: 20px;\n        }\n        .icon-item {\n            background-color: white;\n            text-align: center;\n            height: 140px;\n            position: relative;\n            overflow: hidden;\n            border-radius: 5px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        .icon-item:hover {\n            \/\/transform: translateY(-5px);\n            transform: scale(1.05);\n            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.8);\n        }\n        .icon-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            cursor: pointer;\n        }\n        .icon-item .icon-name {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background-color: rgba(0, 0, 0, 0.7);\n            color: white;\n            font-size: 15px;\n            \/\/font-weight: bold;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 45px;\n            padding: 0 5px;\n            text-align: center;\n            cursor: pointer; \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e04\u0e2d\u0e23\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e41\u0e1a\u0e1a\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49 *\/\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\" id=\"mainContainer\"><\/div>\n\n    <script>\n        const API_KEY = 'AIzaSyDESM8XwBxuDqRj-yW-2cHHBEyf8NJ5CUo';\n\/*\n        const group = [\n            ['1', '\u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48 1 \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e01\u0e25\u0e38\u0e48\u0e211'],\n            ['2', '\u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48 2 \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e01\u0e25\u0e38\u0e48\u0e212'],\n            ['3', '\u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48 3 \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e01\u0e25\u0e38\u0e48\u0e213'],\n            ['4', '\u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48 4 \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e01\u0e25\u0e38\u0e48\u0e214'],\n            ['5', '\u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48 5 \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e01\u0e25\u0e38\u0e48\u0e215']\n        ];\n        const icon_link = [\n            ['1','1q1Ab1G2SsSfCak77Acbk8TU0ovTVPPk1','#','\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1'],\n            ['1','1qUjHFwtxTFd69JjG1aLfGRghKYOqAolC','#','\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 2\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1'],\n            ['1','1qRpTohsN3tTF0EXmSmB_cc78uZsNoGQ_','#','\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 3\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1'],\n            ['2','1q09Dp3yiYAxnRrN9nh85ar23toBNXku9','#','\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 4\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1'],\n            ['2','1pH56ab52Jl1Dzk6MR1-3ZAEXvw8FYjb3','#','\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 5\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 1'],\n            ['2','1p8lBcGNPGIpPCd23MOYbxRNQtIr_ExTQ','#','\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 6'],\n            ['3','1oqoiGoe6fpcyetZCr_4NUqiJsYMfIANS','#','\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 7'],\n            ['3','1ok8RQ5DWivQMw5O-nrei-wiQvxufa2il','#','\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 8'],\n            ['5','1ohOaplIzVHm_VdEDwFmiC-09bt2jyhyN','#','\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 9'],\n            ['5','1ob0Ln-KqkNKr4PllDQS9vihE4OQjIKHp','#','\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 10'],\n            ['5','1oX5JJV9YE46A3v63B7h05sX1rAEmrX4I','#','\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 11']\n        ];\n*\/\n\n        function displayGroupedIcons() {\n            const container = document.getElementById('mainContainer');\n            container.innerHTML = '';\n\n\t\t\tgroup.forEach(groupItem => {\n                const [groupId, groupTitle] = groupItem;\n                \n                const groupTitleElement = document.createElement('h2');\n                groupTitleElement.className = 'group-title';\n                groupTitleElement.textContent = groupTitle;\n                container.appendChild(groupTitleElement);\n\n                const galleryElement = document.createElement('div');\n                galleryElement.className = 'icon-gallery';\n                container.appendChild(galleryElement);\n\n                const groupIcons = icon_link.filter(icon => icon[0] === groupId);\n                \n\t\t\t\t\/*\n                groupIcons.forEach(icon => {\n                    const [, imageId, link, label] = icon;\n                    const iconElement = document.createElement('div');\n                    iconElement.className = 'icon-item';\n                    \n                    const img = document.createElement('img');\n                    img.src = `https:\/\/drive.google.com\/thumbnail?id=${imageId}&sz=w220-h110`;\n                    img.alt = `Icon ${label}`;\n                    img.title = `Icon ${label}`;\n                    \n                    img.onclick = () => window.open(link, '_blank');\n                    \n                    iconElement.appendChild(img);\n\n                    const nameElement = document.createElement('div');\n                    nameElement.className = 'icon-name';\n                    nameElement.textContent = label;\n                    iconElement.appendChild(nameElement);\n\n                    galleryElement.appendChild(iconElement);\n                });\n\t\t\t\t*\/\n\t\t\t\tgroupIcons.forEach(icon => {\n\t\t\t\t\tconst [, imageId, link, label] = icon;\n\t\t\t\t\tconst iconElement = document.createElement('div');\n\t\t\t\t\ticonElement.className = 'icon-item';\n\t\t\t\t\t\n\t\t\t\t\tconst img = document.createElement('img');\n\t\t\t\t\timg.src = `https:\/\/drive.google.com\/thumbnail?id=${imageId}&sz=w300`;\n\t\t\t\t\timg.alt = `Icon ${label}`;\n\t\t\t\t\timg.title = `Icon ${label}`;\n\t\t\t\t\t\n\t\t\t\t\tconst nameElement = document.createElement('div');\n\t\t\t\t\tnameElement.className = 'icon-name';\n\t\t\t\t\tnameElement.textContent = label;\n\t\t\t\t\t\n\t\t\t\t\t\/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e25\u0e34\u0e07\u0e04\u0e4c\n\t\t\t\t\tconst openLink = () => window.open(link, '_blank');\n\t\t\t\t\t\n\t\t\t\t\t\/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21 event listener \u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\n\t\t\t\t\timg.onclick = openLink;\n\t\t\t\t\tnameElement.onclick = openLink;\n\t\t\t\t\t\n\t\t\t\t\ticonElement.appendChild(img);\n\t\t\t\t\ticonElement.appendChild(nameElement);\n\n\t\t\t\t\tgalleryElement.appendChild(iconElement);\n\t\t\t\t});\n            });\n\t\t\t\n\t\t\t\n        }\n\n        \/\/ Display grouped icons when the page loads\n        window.onload = displayGroupedIcons;\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<script>\n\t\tdelay(1000);delay(1000);\n\t\tshowLoading(false);\t\t\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)\"\/>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp;&nbsp;&nbsp;&#038;n<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"colormag_page_container_layout":"no_sidebar_full_width","colormag_page_sidebar_layout":"no_sidebar","footnotes":""},"class_list":["post-2606","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2606"}],"version-history":[{"count":97,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2606\/revisions"}],"predecessor-version":[{"id":7489,"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2606\/revisions\/7489"}],"wp:attachment":[{"href":"https:\/\/tubtimsiam04.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}