{"id":4,"date":"2026-08-04T03:28:54","date_gmt":"2026-08-04T03:28:54","guid":{"rendered":"https:\/\/newtab.begin.vn\/?page_id=4"},"modified":"2026-08-04T03:28:54","modified_gmt":"2026-08-04T03:28:54","slug":"quan-ly-cong-viec","status":"publish","type":"page","link":"https:\/\/newtab.begin.vn\/","title":{"rendered":"Qu\u1ea3n L\u00fd C\u00f4ng Vi\u1ec7c"},"content":{"rendered":"    <div class=\"workflow-pro-wp-wrapper\">\n        <!-- WorkFlow Pro App HTML Template for WordPress -->\n<div class=\"bg-glow bg-glow-1\"><\/div>\n<div class=\"bg-glow bg-glow-2\"><\/div>\n\n<div class=\"app-container\">\n  <!-- Header Navigation -->\n  <header class=\"app-header\">\n    <div class=\"brand\">\n      <div class=\"brand-icon\">\n        <i class=\"fa-solid fa-kanban\"><\/i>\n      <\/div>\n      <div class=\"brand-text\">\n        <h1>WorkFlow Pro<\/h1>\n        <p>Qu\u1ea3n L\u00fd C\u00f4ng Vi\u1ec7c & Ti\u1ebfn \u0110\u1ed9<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"header-actions\">\n      <!-- View Switcher Navigation -->\n      <nav class=\"view-nav\" aria-label=\"Chuy\u1ec3n ch\u1ebf \u0111\u1ed9 xem\">\n        <button class=\"nav-btn active\" data-view=\"kanban\">\n          <i class=\"fa-solid fa-columns\"><\/i>\n          <span>Kanban<\/span>\n        <\/button>\n        <button class=\"nav-btn\" data-view=\"list\">\n          <i class=\"fa-solid fa-list-check\"><\/i>\n          <span>Danh S\u00e1ch<\/span>\n        <\/button>\n        <button class=\"nav-btn\" data-view=\"calendar\">\n          <i class=\"fa-regular fa-calendar-days\"><\/i>\n          <span>L\u1ecbch<\/span>\n        <\/button>\n        <button class=\"nav-btn\" data-view=\"dashboard\">\n          <i class=\"fa-solid fa-chart-pie\"><\/i>\n          <span>Th\u1ed1ng K\u00ea<\/span>\n        <\/button>\n      <\/nav>\n\n      <!-- Pomodoro Focus Button -->\n      <button class=\"btn btn-secondary\" id=\"pomodoro-toggle-btn\" title=\"\u0110\u1ed3ng h\u1ed3 Pomodoro T\u1eadp Trung\">\n        <i class=\"fa-solid fa-stopwatch\" style=\"color:var(--priority-urgent)\"><\/i>\n        <span>Pomodoro<\/span>\n      <\/button>\n\n      <!-- Google Calendar Live Auto-Sync Button -->\n      <button class=\"btn btn-secondary\" id=\"gcal-auto-btn\" title=\"T\u1ef1 \u0111\u1ed9ng \u0111\u1ed3ng b\u1ed9 100% v\u1edbi Google Calendar\">\n        <i class=\"fa-brands fa-google\" style=\"color:#4285F4\"><\/i>\n        <span>Auto Sync Google<\/span>\n      <\/button>\n\n      <!-- Activity Log Button -->\n      <button class=\"btn btn-secondary\" id=\"activity-log-btn\" title=\"Nh\u1eadt k\u00fd ho\u1ea1t \u0111\u1ed9ng\">\n        <i class=\"fa-solid fa-clock-rotate-left\"><\/i>\n        <span>Nh\u1eadt K\u00fd<\/span>\n      <\/button>\n\n      <!-- Export iCal (.ics) Google Calendar -->\n      <button class=\"btn btn-secondary\" id=\"export-ics-btn\" title=\"Xu\u1ea5t file .ics cho Google Calendar \/ Apple Calendar\">\n        <i class=\"fa-solid fa-calendar-plus\" style=\"color:#4285F4\"><\/i>\n        <span>Xu\u1ea5t L\u1ecbch (.ics)<\/span>\n      <\/button>\n\n      <!-- Web Notifications Button -->\n      <button class=\"btn btn-icon\" id=\"notification-permission-btn\" title=\"B\u1eadt th\u00f4ng b\u00e1o tr\u00ecnh duy\u1ec7t\">\n        <i class=\"fa-solid fa-bell\"><\/i>\n      <\/button>\n\n      <!-- Dark\/Light Theme Toggle -->\n      <button class=\"btn btn-icon\" id=\"theme-toggle-btn\" title=\"\u0110\u1ed5i giao di\u1ec7n T\u1ed1i\/S\u00e1ng\">\n        <i class=\"fa-solid fa-moon\"><\/i>\n      <\/button>\n\n      <!-- Export CSV\/Excel -->\n      <button class=\"btn btn-secondary\" id=\"export-csv-btn\" title=\"Xu\u1ea5t file CSV\/Excel UTF-8\">\n        <i class=\"fa-solid fa-file-excel\" style=\"color:var(--status-completed)\"><\/i>\n        <span>Xu\u1ea5t Excel<\/span>\n      <\/button>\n\n      <!-- Export\/Import JSON Menu -->\n      <button class=\"btn btn-secondary\" id=\"export-btn\" title=\"Xu\u1ea5t d\u1eef li\u1ec7u JSON sao l\u01b0u\">\n        <i class=\"fa-solid fa-file-export\"><\/i>\n        <span>Xu\u1ea5t JSON<\/span>\n      <\/button>\n\n      <button class=\"btn btn-secondary\" id=\"import-btn\" title=\"Nh\u1eadp d\u1eef li\u1ec7u JSON\">\n        <i class=\"fa-solid fa-file-import\"><\/i>\n        <span>Nh\u1eadp JSON<\/span>\n      <\/button>\n      <input type=\"file\" id=\"import-file-input\" accept=\".json\" style=\"display:none;\">\n\n      <!-- New Task Button -->\n      <button class=\"btn btn-primary\" id=\"btn-create-task\">\n        <i class=\"fa-solid fa-plus\"><\/i>\n        <span>T\u1ea1o C\u00f4ng Vi\u1ec7c<\/span>\n      <\/button>\n    <\/div>\n  <\/header>\n\n  <!-- Filter & Action Bar -->\n  <section class=\"action-bar\" aria-label=\"Thanh l\u1ecdc v\u00e0 t\u00ecm ki\u1ebfm\">\n    <div class=\"search-box\">\n      <i class=\"fa-solid fa-magnifying-glass\"><\/i>\n      <input type=\"text\" id=\"search-input\" class=\"search-input\" placeholder=\"T\u00ecm ki\u1ebfm c\u00f4ng vi\u1ec7c theo t\u1eeb kh\u00f3a...\">\n    <\/div>\n\n    <div class=\"filter-group\">\n      <!-- Filter Status -->\n      <select id=\"filter-status\" class=\"select-input\" title=\"L\u1ecdc theo Tr\u1ea1ng th\u00e1i\">\n        <option value=\"all\">T\u1ea5t c\u1ea3 Tr\u1ea1ng Th\u00e1i<\/option>\n        <option value=\"todo\">C\u1ea7n l\u00e0m<\/option>\n        <option value=\"in_progress\">\u0110ang th\u1ef1c hi\u1ec7n<\/option>\n        <option value=\"review\">\u0110ang ki\u1ec3m tra<\/option>\n        <option value=\"completed\">Ho\u00e0n th\u00e0nh<\/option>\n      <\/select>\n\n      <!-- Filter Priority -->\n      <select id=\"filter-priority\" class=\"select-input\" title=\"L\u1ecdc theo M\u1ee9c \u0111\u1ed9 \u01afu ti\u00ean\">\n        <option value=\"all\">T\u1ea5t c\u1ea3 \u01afu Ti\u00ean<\/option>\n        <option value=\"urgent\">Kh\u1ea9n c\u1ea5p<\/option>\n        <option value=\"high\">Cao<\/option>\n        <option value=\"medium\">Trung b\u00ecnh<\/option>\n        <option value=\"low\">Th\u1ea5p<\/option>\n      <\/select>\n\n      <!-- Filter Category -->\n      <select id=\"filter-category\" class=\"select-input\" title=\"L\u1ecdc theo Danh m\u1ee5c\">\n        <option value=\"all\">T\u1ea5t c\u1ea3 Danh M\u1ee5c<\/option>\n        <option value=\"Thi\u1ebft k\u1ebf\">Thi\u1ebft k\u1ebf<\/option>\n        <option value=\"L\u1eadp tr\u00ecnh\">L\u1eadp tr\u00ecnh<\/option>\n        <option value=\"Marketing\">Marketing<\/option>\n        <option value=\"C\u00e1 nh\u00e2n\">C\u00e1 nh\u00e2n<\/option>\n      <\/select>\n\n      <!-- Sort By -->\n      <select id=\"sort-by\" class=\"select-input\" title=\"S\u1eafp x\u1ebfp c\u00f4ng vi\u1ec7c\">\n        <option value=\"date\">M\u1edbi nh\u1ea5t tr\u01b0\u1edbc<\/option>\n        <option value=\"dueDate\">H\u1ea1n ch\u00f3t g\u1ea7n nh\u1ea5t<\/option>\n        <option value=\"priority\">M\u1ee9c \u01b0u ti\u00ean cao nh\u1ea5t<\/option>\n        <option value=\"title\">T\u00ean A - Z<\/option>\n      <\/select>\n\n      <button class=\"btn btn-secondary\" id=\"btn-reset-sample\" title=\"Kh\u00f4i ph\u1ee5c d\u1eef li\u1ec7u m\u1eabu\">\n        <i class=\"fa-solid fa-rotate-left\"><\/i>\n      <\/button>\n    <\/div>\n  <\/section>\n\n  <!-- Main Views Container -->\n  <main class=\"views-wrapper\">\n    <!-- Kanban View -->\n    <section id=\"view-kanban\" class=\"view-content active\"><\/section>\n\n    <!-- List View -->\n    <section id=\"view-list\" class=\"view-content\"><\/section>\n\n    <!-- Calendar View -->\n    <section id=\"view-calendar\" class=\"view-content\"><\/section>\n\n    <!-- Dashboard View -->\n    <section id=\"view-dashboard\" class=\"view-content\"><\/section>\n  <\/main>\n<\/div>\n\n<!-- Create\/Edit Task Dialog Modal -->\n<dialog id=\"task-modal\" class=\"modal-dialog\">\n  <div class=\"modal-content\">\n    <div class=\"modal-header\">\n      <h3 id=\"modal-title\" class=\"modal-title\">T\u1ea1o C\u00f4ng Vi\u1ec7c M\u1edbi<\/h3>\n      <button id=\"modal-close-btn\" class=\"modal-close-btn\" aria-label=\"\u0110\u00f3ng\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n    <\/div>\n\n    <form id=\"task-form\">\n      <div class=\"form-grid\">\n        <!-- Title -->\n        <div class=\"form-group full-width\">\n          <label class=\"form-label\" for=\"task-title-input\">T\u00ean c\u00f4ng vi\u1ec7c <span style=\"color:var(--priority-urgent)\">*<\/span><\/label>\n          <input type=\"text\" id=\"task-title-input\" class=\"form-control\" placeholder=\"Nh\u1eadp t\u00ean c\u00f4ng vi\u1ec7c...\" required>\n        <\/div>\n\n        <!-- Description -->\n        <div class=\"form-group full-width\">\n          <label class=\"form-label\" for=\"task-desc-input\">M\u00f4 t\u1ea3 chi ti\u1ebft<\/label>\n          <textarea id=\"task-desc-input\" class=\"form-control\" placeholder=\"Nh\u1eadp chi ti\u1ebft y\u00eau c\u1ea7u, ghi ch\u00fa...\"><\/textarea>\n        <\/div>\n\n        <!-- Status -->\n        <div class=\"form-group\">\n          <label class=\"form-label\" for=\"task-status-input\">Tr\u1ea1ng th\u00e1i<\/label>\n          <select id=\"task-status-input\" class=\"form-control\">\n            <option value=\"todo\">C\u1ea7n l\u00e0m<\/option>\n            <option value=\"in_progress\">\u0110ang th\u1ef1c hi\u1ec7n<\/option>\n            <option value=\"review\">\u0110ang ki\u1ec3m tra<\/option>\n            <option value=\"completed\">Ho\u00e0n th\u00e0nh<\/option>\n          <\/select>\n        <\/div>\n\n        <!-- Priority -->\n        <div class=\"form-group\">\n          <label class=\"form-label\" for=\"task-priority-input\">M\u1ee9c \u0111\u1ed9 \u01b0u ti\u00ean<\/label>\n          <select id=\"task-priority-input\" class=\"form-control\">\n            <option value=\"urgent\">Kh\u1ea9n c\u1ea5p<\/option>\n            <option value=\"high\">Cao<\/option>\n            <option value=\"medium\" selected>Trung b\u00ecnh<\/option>\n            <option value=\"low\">Th\u1ea5p<\/option>\n          <\/select>\n        <\/div>\n\n        <!-- Category -->\n        <div class=\"form-group\">\n          <label class=\"form-label\" for=\"task-category-input\">Danh m\u1ee5c<\/label>\n          <input type=\"text\" id=\"task-category-input\" class=\"form-control\" placeholder=\"Thi\u1ebft k\u1ebf, L\u1eadp tr\u00ecnh...\" list=\"category-options\">\n          <datalist id=\"category-options\">\n            <option value=\"Thi\u1ebft k\u1ebf\">\n            <option value=\"L\u1eadp tr\u00ecnh\">\n            <option value=\"Marketing\">\n            <option value=\"C\u00e1 nh\u00e2n\">\n          <\/datalist>\n        <\/div>\n\n        <!-- Due Date -->\n        <div class=\"form-group\">\n          <label class=\"form-label\" for=\"task-date-input\">H\u1ea1n ch\u00f3t<\/label>\n          <input type=\"date\" id=\"task-date-input\" class=\"form-control\">\n        <\/div>\n\n        <!-- Subtasks Builder -->\n        <div class=\"form-group full-width\">\n          <label class=\"form-label\">Danh s\u00e1ch c\u00f4ng vi\u1ec7c con (Subtasks)<\/label>\n          <div class=\"subtasks-builder\">\n            <div class=\"subtask-input-row\">\n              <input type=\"text\" id=\"subtask-input\" class=\"form-control\" placeholder=\"Th\u00eam b\u01b0\u1edbc th\u1ef1c hi\u1ec7n nh\u1ecf...\">\n              <button type=\"button\" id=\"add-subtask-btn\" class=\"btn btn-secondary\"><i class=\"fa-solid fa-plus\"><\/i> Th\u00eam<\/button>\n            <\/div>\n            <div id=\"subtasks-list-container\" class=\"subtask-list-items\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"modal-footer\">\n        <button type=\"button\" id=\"modal-cancel-btn\" class=\"btn btn-secondary\">H\u1ee7y<\/button>\n        <button type=\"submit\" class=\"btn btn-primary\"><i class=\"fa-solid fa-check\"><\/i> L\u01b0u C\u00f4ng Vi\u1ec7c<\/button>\n      <\/div>\n    <\/form>\n  <\/div>\n<\/dialog>\n\n<!-- Google Calendar Auto Sync Guide Modal -->\n<dialog id=\"gcal-modal\" class=\"modal-dialog\">\n  <div class=\"modal-content\">\n    <div class=\"modal-header\">\n      <h3 class=\"modal-title\"><i class=\"fa-brands fa-google\" style=\"color:#4285F4\"><\/i> H\u01b0\u1edbng D\u1eabn T\u1ef1 \u0110\u1ed9ng \u0110\u1ed3ng B\u1ed9 Google Calendar<\/h3>\n      <button id=\"gcal-modal-close-btn\" class=\"modal-close-btn\" aria-label=\"\u0110\u00f3ng\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n    <\/div>\n\n    <div style=\"display:flex; flex-direction:column; gap:1rem; font-size:0.875rem;\">\n      <p>\u0110\u01b0\u1eddng d\u1eabn <strong>Live Calendar Feed<\/strong> c\u1ee7a b\u1ea1n (t\u1ef1 \u0111\u1ed9ng c\u1eadp nh\u1eadt 24\/7):<\/p>\n      \n      <div style=\"display:flex; gap:8px;\">\n        <input type=\"text\" id=\"gcal-feed-url-input\" class=\"form-control\" readonly style=\"font-weight:700; color:var(--accent-primary);\">\n        <button id=\"copy-feed-url-btn\" class=\"btn btn-primary\"><i class=\"fa-solid fa-copy\"><\/i> Sao ch\u00e9p<\/button>\n      <\/div>\n\n      <div style=\"background:var(--bg-primary); padding:1rem; border-radius:var(--radius-md); border:1px solid var(--border-color); display:flex; flex-direction:column; gap:8px;\">\n        <strong>C\u00e1c b\u01b0\u1edbc th\u00eam v\u00e0o Google Calendar (Ch\u1ec9 l\u00e0m 1 l\u1ea7n):<\/strong>\n        <ol style=\"margin-left: 1.25rem; display:flex; flex-direction:column; gap:4px;\">\n          <li>M\u1edf <strong>Google Calendar<\/strong> tr\u00ean m\u00e1y t\u00ednh ho\u1eb7c \u1ee9ng d\u1ee5ng \u0111i\u1ec7n tho\u1ea1i.<\/li>\n          <li>\u1ede c\u1ed9t b\u00ean tr\u00e1i, b\u1ea5m v\u00e0o d\u1ea5u <strong>+<\/strong> b\u00ean c\u1ea1nh m\u1ee5c <i>\"L\u1ecbch kh\u00e1c\" (Other calendars)<\/i>.<\/li>\n          <li>Ch\u1ecdn <strong>\"Th\u00eam b\u1eb1ng URL\" (From URL)<\/strong>.<\/li>\n          <li>D\u00e1n \u0111\u01b0\u1eddng d\u1eabn v\u1eeba sao ch\u00e9p \u1edf tr\u00ean v\u00e0o v\u00e0 b\u1ea5m <strong>Th\u00eam l\u1ecbch (Add calendar)<\/strong>.<\/li>\n        <\/ol>\n      <\/div>\n      \n      <p style=\"color:var(--status-completed); font-weight:600;\"><i class=\"fa-solid fa-circle-check\"><\/i> Xong! T\u1eeb nay m\u1ed7i khi b\u1ea1n t\u1ea1o\/s\u1eeda c\u00f4ng vi\u1ec7c, Google Calendar s\u1ebd t\u1ef1 \u0111\u1ed9ng c\u1eadp nh\u1eadt c\u00f4ng vi\u1ec7c l\u00ean \u0111i\u1ec7n tho\u1ea1i & m\u00e1y t\u00ednh c\u1ee7a b\u1ea1n.<\/p>\n    <\/div>\n\n    <div class=\"modal-footer\">\n      <button id=\"gcal-modal-ok-btn\" class=\"btn btn-primary\">\u0110\u00e3 H\u01b0\u1edbng D\u1eabn<\/button>\n    <\/div>\n  <\/div>\n<\/dialog>\n\n<!-- Activity Log Modal -->\n<dialog id=\"activity-modal\" class=\"modal-dialog\">\n  <div class=\"modal-content\">\n    <div class=\"modal-header\">\n      <h3 class=\"modal-title\"><i class=\"fa-solid fa-clock-rotate-left\" style=\"color:var(--accent-primary)\"><\/i> Nh\u1eadt K\u00fd Ho\u1ea1t \u0110\u1ed9ng<\/h3>\n      <button id=\"activity-modal-close-btn\" class=\"modal-close-btn\" aria-label=\"\u0110\u00f3ng\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n    <\/div>\n\n    <div id=\"activity-timeline-container\" class=\"timeline-list\"><\/div>\n\n    <div class=\"modal-footer\">\n      <button id=\"activity-modal-clear-btn\" class=\"btn btn-secondary\" style=\"color:var(--priority-urgent)\"><i class=\"fa-solid fa-trash\"><\/i> X\u00f3a Nh\u1eadt K\u00fd<\/button>\n      <button id=\"activity-modal-ok-btn\" class=\"btn btn-primary\">\u0110\u00f3ng<\/button>\n    <\/div>\n  <\/div>\n<\/dialog>\n\n<!-- Floating Pomodoro Widget -->\n<div id=\"pomodoro-widget\" class=\"pomodoro-widget\">\n  <div class=\"pomo-header\">\n    <h4><i class=\"fa-solid fa-stopwatch\" style=\"color:var(--priority-urgent)\"><\/i> Pomodoro Focus Timer<\/h4>\n    <button id=\"pomo-close-btn\" class=\"modal-close-btn\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n  <\/div>\n\n  <div class=\"pomo-mode-selector\">\n    <button class=\"pomo-mode-btn active\" id=\"pomo-mode-focus\">T\u1eadp Trung (25m)<\/button>\n    <button class=\"pomo-mode-btn\" id=\"pomo-mode-short\">Ngh\u1ec9 Ng\u1eafn (5m)<\/button>\n    <button class=\"pomo-mode-btn\" id=\"pomo-mode-long\">Ngh\u1ec9 D\u00e0i (15m)<\/button>\n  <\/div>\n\n  <div id=\"pomo-display\" class=\"pomo-timer-display\">25:00<\/div>\n\n  <div class=\"pomo-controls\">\n    <button id=\"pomo-play-btn\" class=\"btn btn-primary\"><i class=\"fa-solid fa-play\"><\/i> B\u1eaft \u0110\u1ea7u<\/button>\n    <button id=\"pomo-reset-btn\" class=\"btn btn-secondary\"><i class=\"fa-solid fa-rotate-left\"><\/i> \u0110\u1eb7t L\u1ea1i<\/button>\n  <\/div>\n\n  <div style=\"font-size:0.75rem; color:var(--text-muted); text-align:center; margin-top:4px;\">\n    \u0110\u00e3 ho\u00e0n th\u00e0nh phi\u00ean: <strong id=\"pomo-sessions-count\" style=\"color:var(--accent-primary);\">0<\/strong>\n  <\/div>\n<\/div>\n\n<!-- Toast Notification Container -->\n<div id=\"toast-container\" class=\"toast-container\"><\/div>\n    <\/div>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newtab.begin.vn\/index.php?rest_route=\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newtab.begin.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newtab.begin.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/newtab.begin.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4"}],"version-history":[{"count":0,"href":"https:\/\/newtab.begin.vn\/index.php?rest_route=\/wp\/v2\/pages\/4\/revisions"}],"wp:attachment":[{"href":"https:\/\/newtab.begin.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}