No hay esquema definido para este nivel.
';
- } else {
- const formHtml = generateFormFields(schema, data, '', level);
- console.log(`Generated HTML for ${containerId}:`, formHtml.substring(0, 100) + '...'); // Debug line
- container.innerHTML = formHtml;
+ return;
}
+
+ const formHtml = generateFormFields(schema, data || {}, '', level);
+ console.log(`Generated HTML for ${containerId}:`, formHtml.substring(0, 100) + '...'); // Debug line
+ container.innerHTML = formHtml;
} catch (error) {
console.error(`Error rendering form ${containerId}:`, error);
container.innerHTML = 'Error cargando el esquema.
';
@@ -115,10 +116,18 @@
}
function generateFormFields(schema, data, prefix, level) {
+ console.log('Generating fields with data:', { schema, data, prefix, level }); // Debug line
let html = '';
+
+ if (!schema.properties) {
+ console.warn('Schema has no properties');
+ return html;
+ }
+
for (const [key, def] of Object.entries(schema.properties)) {
const fullKey = prefix ? `${prefix}.${key}` : key;
const value = getValue(data, fullKey);
+ console.log(`Field ${fullKey}:`, { definition: def, value: value }); // Debug line
html += `
`;
@@ -139,6 +148,15 @@
return html;
}
+ function getValue(data, path) {
+ console.log('Getting value for path:', { path, data }); // Debug line
+ if (!data || !path) return undefined;
+
+ const value = path.split('.').reduce((obj, key) => obj?.[key], data);
+ console.log('Found value:', value); // Debug line
+ return value;
+ }
+
function generateInputField(def, key, value, level) {
const baseClasses = "w-full p-2 border rounded bg-green-50"; // Agregado bg-green-50 para fondo verde claro
@@ -177,33 +195,45 @@
try {
console.log('Loading schema for level:', level); // Debug line
const response = await fetch(`/api/schema/${level}?group=${currentGroup}`);
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
const schema = await response.json();
console.log('Loaded schema:', schema); // Debug line
// Show schema editor modal
const modal = document.getElementById('schema-editor');
+ if (!modal) {
+ throw new Error('Schema editor modal not found');
+ }
modal.classList.remove('hidden');
- // Inicializar JSON editor
- const jsonEditor = document.getElementById('json-editor');
- jsonEditor.value = JSON.stringify(schema, null, 2);
+ // Inicializar el esquema si está vacío
+ const finalSchema = Object.keys(schema).length === 0 ?
+ { type: 'object', properties: {} } : schema;
- // Inicializar visual editor
+ // Inicializar editores
+ const jsonEditor = document.getElementById('json-editor');
const visualEditor = document.getElementById('visual-editor');
+ const schemaLevel = document.getElementById('schema-level');
+
+ if (!jsonEditor || !visualEditor || !schemaLevel) {
+ throw new Error('Required editor elements not found');
+ }
+
+ jsonEditor.value = JSON.stringify(finalSchema, null, 2);
visualEditor.innerHTML = '
' +
'
';
+ schemaLevel.value = level;
- // Renderizar campos existentes
- renderVisualEditor(schema);
-
- // Guardar nivel actual
- document.getElementById('schema-level').value = level;
+ // Renderizar editor visual
+ renderVisualEditor(finalSchema);
// Activar pestaña visual por defecto
switchEditorMode('visual');
} catch (error) {
console.error('Error loading schema:', error);
- alert('Error cargando el esquema');
+ alert('Error cargando el esquema: ' + error.message);
}
}
@@ -218,11 +248,27 @@
jsonEditor.classList.add('hidden');
visualTab.classList.add('border-blue-500');
jsonTab.classList.remove('border-blue-500');
+
+ // Actualizar el editor visual desde JSON
+ try {
+ const schema = JSON.parse(jsonEditor.value);
+ renderVisualEditor(schema);
+ } catch (e) {
+ console.error('Error parsing JSON:', e);
+ }
} else {
visualEditor.classList.add('hidden');
jsonEditor.classList.remove('hidden');
visualTab.classList.remove('border-blue-500');
jsonTab.classList.add('border-blue-500');
+
+ // Actualizar el JSON desde el editor visual
+ try {
+ const schema = updateVisualSchema();
+ jsonEditor.value = JSON.stringify(schema, null, 2);
+ } catch (e) {
+ console.error('Error updating JSON:', e);
+ }
}
}
@@ -333,91 +379,85 @@
// Funciones de actualización del esquema visual
function updateVisualSchema() {
- const fields = document.getElementById('schema-fields').children;
- const schema = {
- type: 'object',
- properties: {}
- };
-
- Array.from(fields).forEach(field => {
- const inputs = field.getElementsByTagName('input');
- const select = field.getElementsByTagName('select')[0];
- const key = inputs[0].value;
-
- schema.properties[key] = {
- type: select.value === 'enum' ? 'string' : select.value,
- title: inputs[1].value,
- description: inputs[2].value
+ try {
+ const fields = document.getElementById('schema-fields').children;
+ const schema = {
+ type: 'object',
+ properties: {}
};
- if (select.value === 'enum') {
- const textarea = field.getElementsByTagName('textarea')[0];
- schema.properties[key].enum = textarea.value.split('\n').filter(v => v.trim());
- }
- });
+ Array.from(fields).forEach(field => {
+ const inputs = field.getElementsByTagName('input');
+ const select = field.getElementsByTagName('select')[0];
+ const key = inputs[0].value;
+
+ schema.properties[key] = {
+ type: select.value === 'enum' ? 'string' : select.value,
+ title: inputs[1].value,
+ description: inputs[2].value
+ };
- document.getElementById('schema-content').value = JSON.stringify(schema, null, 2);
- return schema;
+ if (select.value === 'enum') {
+ const textarea = field.getElementsByTagName('textarea')[0];
+ if (textarea) {
+ schema.properties[key].enum = textarea.value.split('\n').filter(v => v.trim());
+ }
+ }
+ });
+
+ // Actualizar el JSON editor directamente
+ const jsonEditor = document.getElementById('json-editor');
+ if (jsonEditor) {
+ jsonEditor.value = JSON.stringify(schema, null, 2);
+ }
+
+ return schema;
+ } catch (error) {
+ console.error('Error updating schema:', error);
+ return null;
+ }
}
async function saveSchema() {
try {
const level = document.getElementById('schema-level').value;
- const schema = updateVisualSchema();
+ let schema;
- await fetch(`/api/schema/${level}?group=${currentGroup}`, {
+ // Obtener el esquema según el modo activo
+ const visualEditor = document.getElementById('visual-editor');
+ const jsonEditor = document.getElementById('json-editor');
+
+ if (!visualEditor.classList.contains('hidden')) {
+ schema = updateVisualSchema();
+ } else {
+ schema = JSON.parse(jsonEditor.value);
+ }
+
+ console.log('Saving schema:', schema); // Debug line
+
+ const response = await fetch(`/api/schema/${level}?group=${currentGroup}`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(schema)
});
- const response = await fetch(`/api/config/${level}?group=${currentGroup}`);
- const data = await response.json();
- renderForm(`level${level}-form`, data);
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+ // Recargar el formulario
+ const configResponse = await fetch(`/api/config/${level}?group=${currentGroup}`);
+ const data = await configResponse.json();
+ await renderForm(`level${level}-form`, data);
+
+ // Cerrar modal
document.getElementById('schema-editor').classList.add('hidden');
} catch (e) {
+ console.error('Error saving schema:', e);
alert('Error guardando esquema: ' + e.message);
}
}
- function getValue(data, path) {
- return path.split('.').reduce((obj, key) => obj?.[key], data);
- }
-
- // Actualizar configuración cuando cambia un campo
- async function updateConfig(level, key, value) {
- const group = currentGroup;
- // Obtener configuración actual
- const response = await fetch(`/api/config/${level}?group=${group}`);
- const config = await response.json();
-
- // Actualizar el valor usando la ruta del campo
- setNestedValue(config, key, value);
-
- // Guardar configuración actualizada
- await fetch(`/api/config/${level}?group=${group}`, {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify(config)
- });
- }
-
- // Función auxiliar para establecer valor en objeto anidado
- function setNestedValue(obj, path, value) {
- const keys = path.split('.');
- let current = obj;
-
- for (let i = 0; i < keys.length - 1; i++) {
- if (!(keys[i] in current)) {
- current[keys[i]] = {};
- }
- current = current[keys[i]];
- }
-
- current[keys[keys.length - 1]] = value;
- }
-
async function setWorkingDirectory() {
if (!currentGroup) {
alert('Por favor, seleccione un grupo de scripts primero');
@@ -537,6 +577,17 @@
}
currentGroup = selectElement.value; // Siempre establecer currentGroup con el valor actual del select
console.log('Current group initialized as:', currentGroup); // Debug line
+ updateGroupDescription(); // Actualizar descripción inicial
+
+ // Configurar el evento de cambio de grupo
+ selectElement.addEventListener('change', async (e) => {
+ currentGroup = e.target.value;
+ localStorage.setItem('selectedGroup', e.target.value);
+ console.log('Group changed to:', currentGroup); // Debug line
+ updateGroupDescription(); // Actualizar descripción al cambiar
+ await initWorkingDirectory();
+ await loadConfigs();
+ });
// Luego cargar el directorio de trabajo
await initWorkingDirectory();
@@ -582,6 +633,13 @@
logArea.innerHTML += lines;
logArea.scrollTop = logArea.scrollHeight;
}
+
+ function updateGroupDescription() {
+ const select = document.getElementById('script-group');
+ const option = select.options[select.selectedIndex];
+ const description = option.getAttribute('data-description');
+ document.getElementById('group-description').textContent = description;
+ }
@@ -606,11 +664,16 @@
Grupo de Scripts
-