{"id":2745,"date":"2026-01-16T17:04:51","date_gmt":"2026-01-16T23:04:51","guid":{"rendered":"https:\/\/desarrollo-web.ddns.net\/matrix\/?page_id=2745"},"modified":"2026-01-20T16:01:56","modified_gmt":"2026-01-20T22:01:56","slug":"tareas-asignadas","status":"publish","type":"page","link":"https:\/\/desarrollo-web.ddns.net\/matrix\/tareas-asignadas\/","title":{"rendered":"Tareas Asignadas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2745\" class=\"elementor elementor-2745\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a592ff1 e-con-full e-flex e-con e-parent\" data-id=\"a592ff1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f4684a elementor-widget elementor-widget-shortcode\" data-id=\"6f4684a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <div id=\"matrix-tm-wrapper\" data-theme=\"light\">\r\n\r\n        <div class=\"mtm-header\">\r\n            <div style=\"display:flex; align-items:center; gap:15px; flex-wrap:wrap; justify-content:center;\">\r\n                <h2>\ud83d\ude80 Matrix Task Manager<\/h2>\r\n                <div id=\"mtm-shift-wrap\" class=\"mtm-shift-wrap\" style=\"display:flex; gap:10px; align-items:center;\">\r\n                    <button id=\"btn-shift-start\" class=\"mtm-btn mtm-btn-success mtm-btn-small\" onclick=\"MatrixApp.shiftStart()\">\ud83d\udfe2 Iniciar Turno<\/button>\r\n                    <button id=\"btn-shift-end\"   class=\"mtm-btn mtm-btn-danger  mtm-btn-small\" onclick=\"MatrixApp.shiftEnd()\"   style=\"display:none;\">\ud83d\udd34 Terminar<\/button>\r\n                    <div id=\"mtm-shift-meta\" class=\"mtm-shift-meta\" style=\"display:none; font-size:11px; color:var(--mtm-text-meta);\">\r\n                        Desde: <span id=\"mtm-shift-since\">--:--<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mtm-controls\">\r\n                <div class=\"mtm-view-switcher\">\r\n                    <button class=\"mtm-btn active\" onclick=\"MatrixApp.switchView('kanban',      this)\">Kanban<\/button>\r\n                    <button class=\"mtm-btn\"        onclick=\"MatrixApp.switchView('recurrentes', this)\">\ud83d\udd04 Recurrentes<\/button>\r\n                    <button class=\"mtm-btn\"        onclick=\"MatrixApp.switchView('list',        this)\">Lista<\/button>\r\n                    <button class=\"mtm-btn\"        onclick=\"MatrixApp.switchView('calendar',    this)\">Calendario<\/button>\r\n                    <button class=\"mtm-btn\"        onclick=\"MatrixApp.switchView('reports',     this)\">Reportes<\/button>\r\n                    <button class=\"mtm-btn\"        onclick=\"MatrixApp.switchView('archived',    this)\">\ud83d\udce6 Archivadas<\/button>\r\n                    <button class=\"mtm-btn\"        onclick=\"MatrixApp.switchView('files',       this)\">\ud83d\udcc1 Archivos<\/button>\r\n                <\/div>\r\n\r\n                <div style=\"display:flex; gap:10px; align-items:center;\">\r\n                    <button id=\"mtm-theme-toggle\" class=\"mtm-dark-toggle mtm-btn mtm-btn-small\" onclick=\"MatrixApp.toggleTheme()\">\ud83c\udf19<\/button>\r\n                    <div class=\"mtm-bell-wrapper\" onclick=\"MatrixApp.toggleNotifications()\">\r\n                        <span class=\"mtm-bell-icon\">\ud83d\udd14<\/span>\r\n                        <span id=\"mtm-notif-badge\" class=\"mtm-bell-badge\">0<\/span>\r\n                        <div id=\"mtm-notif-list\" class=\"mtm-notif-dropdown\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"mtm-bell-wrapper\" onclick=\"MatrixApp.toggleActiveUsers()\">\r\n                        <span class=\"mtm-bell-icon\">\ud83d\udfe2<\/span>\r\n                        <span id=\"mtm-online-badge\" class=\"mtm-bell-badge\" style=\"background:#36b37e;\">0<\/span>\r\n                        <div id=\"mtm-online-list\" class=\"mtm-notif-dropdown\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mtm-filters\" id=\"mtm-filters-bar\">\r\n            <div class=\"mtm-filter-row\">\r\n                <div class=\"mtm-search-wrap\">\r\n                    <span class=\"mtm-search-icon\">\ud83d\udd0d<\/span>\r\n                    <input type=\"text\" id=\"filter-search\" placeholder=\"Buscar tarea...\">\r\n                <\/div>\r\n                <div class=\"mtm-chip-group\" id=\"mtm-chip-cats\">\r\n                    <span class=\"mtm-chip-label\">Categor\u00eda:<\/span>\r\n                    <div class=\"mtm-chip active\" data-cat=\"all\"        onclick=\"MatrixApp.setCategoryChip('all', this)\">Todas<\/div>\r\n                    <div class=\"mtm-chip\"        data-cat=\"Desarrollo\" onclick=\"MatrixApp.setCategoryChip('Desarrollo', this)\">Desarrollo<\/div>\r\n                    <div class=\"mtm-chip\"        data-cat=\"Dise\u00f1o\"     onclick=\"MatrixApp.setCategoryChip('Dise\u00f1o', this)\">Dise\u00f1o<\/div>\r\n                    <div class=\"mtm-chip\"        data-cat=\"Marketing\"  onclick=\"MatrixApp.setCategoryChip('Marketing', this)\">Marketing<\/div>\r\n                    <div class=\"mtm-chip\"        data-cat=\"Soporte\"    onclick=\"MatrixApp.setCategoryChip('Soporte', this)\">Soporte<\/div>\r\n                <\/div>\r\n                <div class=\"mtm-chip-group\" id=\"mtm-chip-users\" style=\"display:none; padding-left:10px; border-left:1px solid var(--mtm-border);\">\r\n                    <span class=\"mtm-chip-label\">Usuario:<\/span>\r\n                    <div class=\"mtm-chip active\" data-user=\"all\" onclick=\"MatrixApp.setUserChip('all', this)\">Todos<\/div>\r\n                <\/div>\r\n                <div class=\"mtm-chip-group\" id=\"mtm-chip-status\" style=\"padding-left:10px; border-left:1px solid var(--mtm-border);\">\r\n                    <span class=\"mtm-chip-label\">Estado:<\/span>\r\n                    <div class=\"mtm-chip active\" data-status=\"all\"         onclick=\"MatrixApp.setStatusChip('all', this)\">Todos<\/div>\r\n                    <div class=\"mtm-chip\"        data-status=\"pendiente\"   onclick=\"MatrixApp.setStatusChip('pendiente', this)\">Pendiente<\/div>\r\n                    <div class=\"mtm-chip\"        data-status=\"en_progreso\" onclick=\"MatrixApp.setStatusChip('en_progreso', this)\">En Progreso<\/div>\r\n                    <div class=\"mtm-chip\"        data-status=\"revision\"    onclick=\"MatrixApp.setStatusChip('revision', this)\">Revisi\u00f3n<\/div>\r\n                    <div class=\"mtm-chip\"        data-status=\"completado\"  onclick=\"MatrixApp.setStatusChip('completado', this)\">Completado<\/div>\r\n                <\/div>\r\n                <div class=\"mtm-chip-group\" id=\"mtm-chip-prios\">\r\n                    <span class=\"mtm-chip-label\">Prioridad:<\/span>\r\n                    <div class=\"mtm-chip active\" data-prio=\"all\"     onclick=\"MatrixApp.setPriorityChip('all', this)\">Todas<\/div>\r\n                    <div class=\"mtm-chip\"        data-prio=\"urgente\" onclick=\"MatrixApp.setPriorityChip('urgente', this)\">\ud83d\udd25 Urgente<\/div>\r\n                <\/div>\r\n                <div class=\"mtm-chip-group\">\r\n                    <div id=\"btn-filter-mine\" class=\"mtm-chip mtm-chip-toggle\" onclick=\"MatrixApp.toggleMyTasks()\">\ud83d\udc64 Solo m\u00edas<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"mtm-view-kanban\" class=\"mtm-view\">\r\n            <div class=\"mtm-kanban-board\">\r\n                <div class=\"mtm-kanban-column\" data-status=\"pendiente\"><div class=\"mtm-column-header\"><h4>Pendientes<\/h4><span class=\"mtm-count\">0<\/span><\/div><div class=\"mtm-column-body\"><\/div><\/div>\r\n                <div class=\"mtm-kanban-column\" data-status=\"en_progreso\"><div class=\"mtm-column-header\"><h4>En Progreso<\/h4><span class=\"mtm-count\">0<\/span><\/div><div class=\"mtm-column-body\"><\/div><\/div>\r\n                <div class=\"mtm-kanban-column\" data-status=\"revision\"><div class=\"mtm-column-header\"><h4>En Revisi\u00f3n<\/h4><span class=\"mtm-count\">0<\/span><\/div><div class=\"mtm-column-body\"><\/div><\/div>\r\n                <div class=\"mtm-kanban-column\" data-status=\"completado\"><div class=\"mtm-column-header\"><h4>Completado<\/h4><span class=\"mtm-count\">0<\/span><\/div><div class=\"mtm-column-body\"><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"mtm-view-recurrentes\" class=\"mtm-view\" style=\"display:none;\">\r\n            <div class=\"mtm-rec-view-header\">\r\n                <div class=\"mtm-rec-title-row\">\r\n                    <h3>\ud83d\udd04 Moldes Recurrentes<\/h3>\r\n                    <span id=\"mtm-rec-total-badge\" class=\"mtm-rec-total-badge\">0<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"mtm-filters-bar\">\r\n                    <input type=\"text\" id=\"filter-rec-search\" class=\"mtm-filter-input\" placeholder=\"\ud83d\udd0d Buscar molde por t\u00edtulo...\" onkeyup=\"MatrixApp.filters.applyRecurrentFilters()\">\r\n                    \r\n                    <select id=\"filter-rec-type\" class=\"mtm-filter-select\" onchange=\"MatrixApp.filters.applyRecurrentFilters()\">\r\n                        <option value=\"all\">Tipos: Todos<\/option>\r\n                        <option value=\"1\">\ud83d\ude80 Instancia<\/option>\r\n                        <option value=\"2\">\u26a1 R\u00e1pida<\/option>\r\n                    <\/select>\r\n\r\n                    <select id=\"filter-rec-freq\" class=\"mtm-filter-select\" onchange=\"MatrixApp.filters.applyRecurrentFilters()\">\r\n                        <option value=\"all\">Frecuencias: Todas<\/option>\r\n                        <option value=\"diario\">\ud83d\udcc6 Diario<\/option>\r\n                        <option value=\"semanal\">\ud83d\udcc5 Semanal<\/option>\r\n                        <option value=\"quincenal\">\ud83d\uddd3\ufe0f Quincenal<\/option>\r\n                        <option value=\"mensual\">\ud83d\udccb Mensual<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n            <div id=\"mtm-recurrentes-grid\" class=\"mtm-recurrentes-grid\"><\/div>\r\n        <\/div>\r\n        <div id=\"mtm-view-list\" class=\"mtm-view\" style=\"display:none;\">\r\n            <table class=\"mtm-table\">\r\n                <thead><tr><th>ID<\/th><th>T\u00edtulo<\/th><th>Progreso<\/th><th>Resp.<\/th><th>Estado<\/th><th>Fecha<\/th><th>Acci\u00f3n<\/th><\/tr><\/thead>\r\n                <tbody id=\"mtm-list-body\"><\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n\r\n        <div id=\"mtm-view-calendar\" class=\"mtm-view\" style=\"display:none;\"><div id=\"mtm-calendar\" style=\"background:var(--mtm-bg-card); padding:20px; border-radius:10px;\"><\/div><\/div>\r\n\r\n        <div id=\"mtm-view-reports\" class=\"mtm-view\" style=\"display:none;\">\r\n            <div style=\"margin-bottom:20px;\">\r\n                <button class=\"mtm-btn mtm-btn-primary\" onclick=\"MatrixApp.downloadCSV()\">\u2b07 Descargar CSV<\/button>\r\n            <\/div>\r\n            <div class=\"mtm-reports-container\">\r\n                <div class=\"mtm-reports-grid\">\r\n                    <div class=\"mtm-report-card\">\r\n                        <h3>\ud83d\udccc Tareas por Estado<\/h3>\r\n                        <div class=\"mtm-chart-wrapper\"><canvas id=\"chart-status\"><\/canvas><\/div>\r\n                    <\/div>\r\n                    <div class=\"mtm-report-card\">\r\n                        <h3>\ud83d\udc65 Carga por Usuario<\/h3>\r\n                        <div class=\"mtm-chart-wrapper\"><canvas id=\"chart-users\"><\/canvas><\/div>\r\n                    <\/div>\r\n                    <div class=\"mtm-report-card\" style=\"grid-column: 1 \/ -1;\">\r\n                        <h3>\u23f1\ufe0f Eficiencia de Tiempo<\/h3>\r\n                        <div class=\"mtm-chart-wrapper\"><canvas id=\"chart-time\"><\/canvas><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div id=\"mtm-view-archived\" class=\"mtm-view\" style=\"display:none;\">\r\n            <div class=\"mtm-filters\" style=\"margin-bottom:16px;\">\r\n                <div class=\"mtm-filter-row\">\r\n                    <div class=\"mtm-search-wrap\">\r\n                        <span class=\"mtm-search-icon\">\ud83d\udd0d<\/span>\r\n                        <input type=\"text\" id=\"filter-archived-search\" placeholder=\"Buscar en archivadas...\" oninput=\"MatrixApp.filterArchivedTasks(this.value)\">\r\n                    <\/div>\r\n                    <span style=\"font-size:12px; color:var(--mtm-text-meta); margin-left:auto;\"><span id=\"mtm-archived-count\">0<\/span> tareas archivadas<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div style=\"background:var(--mtm-bg-card); border-radius:10px; overflow:hidden; border:1px solid var(--mtm-border);\">\r\n                <table class=\"mtm-table\">\r\n                    <thead><tr><th>ID<\/th><th>T\u00edtulo<\/th><th>Categor\u00eda<\/th><th>Responsable<\/th><th>Fecha archivado<\/th><th>Horas reales<\/th><\/tr><\/thead>\r\n                    <tbody id=\"mtm-archived-body\"><tr><td colspan=\"6\" style=\"text-align:center; padding:40px; color:var(--mtm-text-meta);\">\u23f3 Cargando archivadas...<\/td><\/tr><\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"mtm-view-files\" class=\"mtm-view\" style=\"display:none;\">\r\n            <div class=\"mtm-filters\" style=\"margin-bottom:16px;\">\r\n                <div class=\"mtm-filter-row\">\r\n                    <div class=\"mtm-search-wrap\">\r\n                        <span class=\"mtm-search-icon\">\ud83d\udd0d<\/span>\r\n                        <input type=\"text\" id=\"filter-files-search\" placeholder=\"Buscar archivo...\" oninput=\"MatrixApp.filterFiles(this.value)\">\r\n                    <\/div>\r\n                    <div class=\"mtm-chip-group\">\r\n                        <span class=\"mtm-chip-label\">Tipo:<\/span>\r\n                        <div class=\"mtm-chip active\" data-fi=\"all\"       onclick=\"MatrixApp.setFilesTypeChip('all',      this)\">Todos<\/div>\r\n                        <div class=\"mtm-chip\"        data-fi=\"imagen\"    onclick=\"MatrixApp.setFilesTypeChip('imagen',   this)\">\ud83d\uddbc\ufe0f Im\u00e1genes<\/div>\r\n                        <div class=\"mtm-chip\"        data-fi=\"documento\" onclick=\"MatrixApp.setFilesTypeChip('documento', this)\">\ud83d\udcc4 Documentos<\/div>\r\n                        <div class=\"mtm-chip\"        data-fi=\"otro\"      onclick=\"MatrixApp.setFilesTypeChip('otro',     this)\">\ud83d\udce6 Otros<\/div>\r\n                    <\/div>\r\n                    <span style=\"font-size:12px; color:var(--mtm-text-meta); margin-left:auto;\"><span id=\"mtm-files-count\">0<\/span> archivos<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div id=\"mtm-files-gallery\" style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px;\"><\/div>\r\n        <\/div>\r\n\r\n        <div id=\"mtm-modal\" class=\"mtm-modal\" style=\"display:none;\">\r\n            <div class=\"mtm-modal-content\">\r\n\r\n                <div class=\"mtm-modal-header\">\r\n                    <div class=\"mtm-header-left\"><h3 id=\"mtm-modal-title\">Nueva Tarea<\/h3><\/div>\r\n                    <div class=\"mtm-header-right\">\r\n                        <button type=\"button\" class=\"mtm-btn mtm-btn-small\"                 id=\"mtm-btn-prev-header\" onclick=\"MatrixApp.prevStep()\"          style=\"display:none;\">\u2190 Atr\u00e1s<\/button>\r\n                        <button type=\"button\" class=\"mtm-btn mtm-btn-primary mtm-btn-small\" id=\"mtm-btn-next-header\" onclick=\"MatrixApp.nextStep()\">Siguiente \u2192<\/button>\r\n                        <button type=\"button\" class=\"mtm-btn mtm-btn-success mtm-btn-small\" id=\"mtm-btn-save-header\" onclick=\"MatrixApp.saveTaskFromForm()\" style=\"display:none;\">\ud83d\udcbe Guardar<\/button>\r\n                        <span class=\"mtm-close\" onclick=\"jQuery('#mtm-modal').fadeOut();\">&times;<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mtm-wizard-steps\">\r\n                    <div class=\"mtm-step active\" data-step=\"1\" onclick=\"MatrixApp.goToStep(1)\"><div class=\"mtm-step-number\">1<\/div><div class=\"mtm-step-label\">Informaci\u00f3n<\/div><\/div><div class=\"mtm-step-line\"><\/div>\r\n                    <div class=\"mtm-step\" data-step=\"2\" onclick=\"MatrixApp.goToStep(2)\"><div class=\"mtm-step-number\">2<\/div><div class=\"mtm-step-label\">Subtareas<\/div><\/div><div class=\"mtm-step-line\"><\/div>\r\n                    <div class=\"mtm-step\" data-step=\"3\" onclick=\"MatrixApp.goToStep(3)\"><div class=\"mtm-step-number\">3<\/div><div class=\"mtm-step-label\">Bit\u00e1cora<\/div><\/div>\r\n                <\/div>\r\n\r\n                <form id=\"mtm-form\">\r\n                    <input type=\"hidden\" name=\"task_id\"        id=\"mtm-task-id\"       value=\"0\">\r\n                    <input type=\"hidden\" name=\"subtareas_json\" id=\"mtm-subtareas-json\">\r\n                    <input type=\"hidden\" name=\"adjuntos_ids\"   id=\"mtm-adjuntos-ids\">\r\n\r\n                    <div class=\"mtm-wizard-content active\" data-step=\"1\">\r\n                        <div class=\"mtm-wizard-layout-visual\">\r\n                            <div class=\"mtm-form-main\">\r\n                                <div class=\"mtm-form-group\">\r\n                                    <label data-icon=\"\ud83d\udcdd\">T\u00edtulo de la tarea<\/label>\r\n                                    <input type=\"text\" id=\"f-titulo\" name=\"titulo\" placeholder=\"Ej: Implementar login con Google\" required>\r\n                                <\/div>\r\n                                <div class=\"mtm-form-group\">\r\n                                    <label data-icon=\"\ud83d\udcc4\">Descripci\u00f3n<\/label>\r\n                                    <textarea id=\"f-descripcion\" name=\"descripcion\" rows=\"3\" placeholder=\"Detalles de la tarea...\"><\/textarea>\r\n                                <\/div>\r\n                                <div class=\"mtm-form-row\">\r\n                                    <div class=\"mtm-form-group\">\r\n                                        <label data-icon=\"\ud83d\udcc1\">Categor\u00eda<\/label>\r\n                                        <select id=\"f-categoria\" name=\"categoria\">\r\n                                            <option value=\"General\">General<\/option>\r\n                                            <option value=\"Desarrollo\">Desarrollo<\/option>\r\n                                            <option value=\"Dise\u00f1o\">Dise\u00f1o<\/option>\r\n                                            <option value=\"Marketing\">Marketing<\/option>\r\n                                            <option value=\"Soporte\">Soporte<\/option>\r\n                                        <\/select>\r\n                                    <\/div>\r\n                                    <div class=\"mtm-form-group\">\r\n                                        <label data-icon=\"\ud83d\udd25\">Prioridad<\/label>\r\n                                        <select id=\"f-prioridad\" name=\"prioridad\">\r\n                                            <option value=\"baja\">Baja<\/option>\r\n                                            <option value=\"media\" selected>Normal<\/option>\r\n                                            <option value=\"alta\">Alta<\/option>\r\n                                            <option value=\"urgente\">Urgente<\/option>\r\n                                        <\/select>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"mtm-form-row\">\r\n                                    <div class=\"mtm-form-group\">\r\n                                        <label data-icon=\"\ud83d\udc64\">Responsable<\/label>\r\n                                        <select id=\"f-responsable\" name=\"responsable_id\"><option value=\"\">-- Seleccionar --<\/option><option value=\"14\">Daniel<\/option><option value=\"11\">Eduardo<\/option><option value=\"13\">Erick Fernando<\/option><option value=\"3\">Miguel Vargas<\/option><option value=\"9\">Miguel Albarran<\/option><option value=\"2\">morfeo<\/option><option value=\"1\">neo<\/option><option value=\"10\">Noe Cortes<\/option><option value=\"12\">Patrick Natanael<\/option><option value=\"7\">reyna<\/option><\/select>\r\n                                    <\/div>\r\n                                    <div class=\"mtm-form-group\">\r\n                                        <label data-icon=\"\ud83d\udc41\ufe0f\">Supervisor<\/label>\r\n                                        <select id=\"f-supervisor\" name=\"supervisor_id\"><option value=\"0\">-- Ninguno --<\/option><option value=\"\">-- Seleccionar --<\/option><option value=\"14\">Daniel<\/option><option value=\"11\">Eduardo<\/option><option value=\"13\">Erick Fernando<\/option><option value=\"3\">Miguel Vargas<\/option><option value=\"9\">Miguel Albarran<\/option><option value=\"2\">morfeo<\/option><option value=\"1\">neo<\/option><option value=\"10\">Noe Cortes<\/option><option value=\"12\">Patrick Natanael<\/option><option value=\"7\">reyna<\/option><\/select>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"mtm-form-row\">\r\n                                    <div class=\"mtm-form-group\">\r\n                                        <label data-icon=\"\ud83d\udcc5\">Fecha de entrega<\/label>\r\n                                        <input type=\"date\" id=\"f-fecha\" name=\"fecha_entrega\">\r\n                                    <\/div>\r\n                                    <div class=\"mtm-form-group\">\r\n                                        <label data-icon=\"\u23f1\ufe0f\">Horas estimadas<\/label>\r\n                                        <input type=\"number\" id=\"f-horas-est\" name=\"horas_estimadas\" min=\"0\" step=\"0.5\" placeholder=\"0\">\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"mtm-form-group\">\r\n                                    <label data-icon=\"\ud83c\udff7\ufe0f\">Etiquetas (separadas por comas)<\/label>\r\n                                    <input type=\"text\" id=\"mtm-tags-input\" name=\"tags\" placeholder=\"Ej: urgente, backend, bug\">\r\n                                    <small class=\"mtm-form-hint\">Estas etiquetas se mostrar\u00e1n como chips de colores<\/small>\r\n                                <\/div>\r\n\r\n                                <div class=\"mtm-form-group\" id=\"tipo-recurrencia-group\" style=\"margin-top: 15px;\">\r\n                                    <label style=\"margin-bottom: 12px; font-weight: bold; display: block;\">\u2699\ufe0f Tipo de Tarea \/ Rutina<\/label>\r\n                                    <div class=\"mtm-radio-cards-container\">\r\n                                        \r\n                                        <label class=\"mtm-radio-card\">\r\n                                            <input type=\"radio\" name=\"es_recurrente\" value=\"0\" checked onchange=\"jQuery('#frecuencia-group').slideUp()\">\r\n                                            <div class=\"mtm-card-content\">\r\n                                                <span class=\"mtm-icon\">\ud83d\udccc<\/span>\r\n                                                <div class=\"mtm-text\">\r\n                                                    <strong>Normal<\/strong>\r\n                                                    <span>\u00danica en el Kanban<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/label>\r\n                                        \r\n                                        <label class=\"mtm-radio-card\">\r\n                                            <input type=\"radio\" name=\"es_recurrente\" value=\"1\" onchange=\"jQuery('#frecuencia-group').slideDown()\">\r\n                                            <div class=\"mtm-card-content\">\r\n                                                <span class=\"mtm-icon\">\ud83d\udd04<\/span>\r\n                                                <div class=\"mtm-text\">\r\n                                                    <strong>Instancia<\/strong>\r\n                                                    <span>Genera tareas hijas<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/label>\r\n\r\n                                        <label class=\"mtm-radio-card\">\r\n                                            <input type=\"radio\" name=\"es_recurrente\" value=\"2\" onchange=\"jQuery('#frecuencia-group').slideDown()\">\r\n                                            <div class=\"mtm-card-content\">\r\n                                                <span class=\"mtm-icon\">\u26a1<\/span>\r\n                                                <div class=\"mtm-text\">\r\n                                                    <strong>R\u00e1pida<\/strong>\r\n                                                    <span>Acci\u00f3n inmediata (Log)<\/span>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/label>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"mtm-form-group\" id=\"frecuencia-group\" style=\"display:none; width: 100%; margin-top: 15px;\">\r\n                                    <label data-icon=\"\ud83d\udcc5\">Frecuencia esperada<\/label>\r\n                                    <select id=\"f-frecuencia-recurrencia\" name=\"frecuencia_recurrencia\">\r\n                                        <option value=\"\">Seleccionar frecuencia...<\/option>\r\n                                        <option value=\"diario\">\ud83d\udcc6 Diario<\/option>\r\n                                        <option value=\"semanal\">\ud83d\udcc5 Semanal<\/option>\r\n                                        <option value=\"quincenal\">\ud83d\uddd3\ufe0f Quincenal<\/option>\r\n                                        <option value=\"mensual\">\ud83d\udccb Mensual<\/option>\r\n                                    <\/select>\r\n                                <\/div>\r\n                                <\/div>\r\n                            \r\n                            <div class=\"mtm-form-sidebar\">\r\n                                <div class=\"mtm-upload-zone-visual\" onclick=\"MatrixApp.uploadFiles()\">\r\n                                    <div class=\"mtm-upload-cloud\">\u2601\ufe0f<\/div>\r\n                                    <h4>Adjuntar archivos<\/h4>\r\n                                    <p>Arrastra archivos o haz clic<\/p>\r\n                                    <button type=\"button\" class=\"mtm-btn mtm-btn-primary mtm-btn-small\">\ud83d\udcce Seleccionar<\/button>\r\n                                <\/div>\r\n                                <div id=\"mtm-attachments-list\" class=\"mtm-attachments-visual\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"mtm-wizard-content\" data-step=\"2\">\r\n                        <div class=\"mtm-subtasks-container\">\r\n                            <div class=\"mtm-subtasks-header\">\r\n                                <h4>\ud83d\udccb Lista de Subtareas<\/h4>\r\n                                <div class=\"mtm-subtasks-progress\"><span class=\"mtm-subtasks-progress-text\">0 de 0 completadas<\/span><div class=\"mtm-subtasks-progress-bar\"><div class=\"mtm-subtasks-progress-fill\" style=\"width: 0%\"><\/div><\/div><\/div>\r\n                            <\/div>\r\n                            <div class=\"mtm-subtask-input-row\" style=\"margin-bottom: 20px;\">\r\n                                <input type=\"text\" id=\"new-subtask-text\" placeholder=\"\u2795 Escribe una nueva subtarea...\" onkeypress=\"if(event.key==='Enter'){event.preventDefault();MatrixApp.addSubtask();}\">\r\n                                <button type=\"button\" class=\"mtm-btn mtm-btn-primary\" onclick=\"MatrixApp.addSubtask()\">Agregar<\/button>\r\n                            <\/div>\r\n                            <div id=\"mtm-subtasks-list\" class=\"mtm-subtasks-list\"><\/div>\r\n                            <div class=\"mtm-empty-state\" id=\"mtm-subtasks-empty\" style=\"padding: 40px 20px;\"><div class=\"mtm-empty-icon\">\ud83d\udcdd<\/div><h4>Sin subtareas todav\u00eda<\/h4><p>Agrega subtareas usando el campo de arriba \u261d\ufe0f<\/p><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"mtm-wizard-content\" data-step=\"3\">\r\n                        <div class=\"mtm-bitacora-container\">\r\n                            <h4 style=\"margin: 0 0 16px 0; font-size: 18px; color: var(--mtm-text-main);\">\ud83d\udcac Actividad y Comentarios<\/h4>\r\n                            <div id=\"mtm-comments-list\" style=\"margin-bottom: 20px; min-height: 200px;\"><\/div>\r\n                            <div class=\"mtm-empty-state\" id=\"mtm-bitacora-empty\" style=\"padding: 40px 20px; display: none;\"><div class=\"mtm-empty-icon\">\ud83d\udcdd<\/div><h4>Sin actividad a\u00fan<\/h4><p>Los comentarios y cambios aparecer\u00e1n aqu\u00ed<\/p><\/div>\r\n                            <div class=\"mtm-comment-input\">\r\n                                <textarea id=\"new-comment-text\" placeholder=\"\u270d\ufe0f Escribe un comentario...\" rows=\"3\"><\/textarea>\r\n                                <button type=\"button\" class=\"mtm-btn mtm-btn-primary\" onclick=\"MatrixApp.addComment()\">Enviar<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/form>\r\n\r\n                <div id=\"mtm-actions-bar\" class=\"mtm-actions-bar\" style=\"display:none;\">\r\n                    <button type=\"button\" class=\"mtm-btn mtm-btn-small\" onclick=\"MatrixApp.toggleTimer('start')\" id=\"btn-timer-play\">\u25b6\ufe0f Iniciar<\/button>\r\n                    <button type=\"button\" class=\"mtm-btn mtm-btn-small\" onclick=\"MatrixApp.toggleTimer('stop')\"  id=\"btn-timer-stop\" style=\"display:none;\">\u23f8\ufe0f Pausar<\/button>\r\n                    <span id=\"mtm-timer-display\" style=\"font-weight:700; margin-left:8px;\">00:00:00<\/span>\r\n                    <button type=\"button\" class=\"mtm-btn mtm-btn-small\" onclick=\"MatrixApp.toggleBlock()\" id=\"btn-toggle-block\">\u26d4 Bloquear<\/button>\r\n                                    <\/div>\r\n                <div id=\"mtm-workflow-bar\" class=\"mtm-workflow-bar\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2745","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/desarrollo-web.ddns.net\/matrix\/wp-json\/wp\/v2\/pages\/2745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/desarrollo-web.ddns.net\/matrix\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/desarrollo-web.ddns.net\/matrix\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/desarrollo-web.ddns.net\/matrix\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/desarrollo-web.ddns.net\/matrix\/wp-json\/wp\/v2\/comments?post=2745"}],"version-history":[{"count":0,"href":"https:\/\/desarrollo-web.ddns.net\/matrix\/wp-json\/wp\/v2\/pages\/2745\/revisions"}],"wp:attachment":[{"href":"https:\/\/desarrollo-web.ddns.net\/matrix\/wp-json\/wp\/v2\/media?parent=2745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}