menus
This commit is contained in:
lizandrogd
@@ -244,56 +244,31 @@ try {
|
||||
|
||||
<!-- Menus Tab -->
|
||||
<div id="menus" class="tab-content">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<h5><i class="fas fa-list"></i> Menús Configurados</h5>
|
||||
<button class="btn btn-primary" onclick="showCreateMenuModal()">
|
||||
<i class="fas fa-plus"></i> Nuevo Menú
|
||||
</button>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="menus-tree">
|
||||
<!-- Árbol de menús -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<h5><i class="fas fa-list"></i> Menús Configurados</h5>
|
||||
<button class="btn btn-primary" onclick="openCreateMenuModal()">
|
||||
<i class="fas fa-plus"></i> Nuevo Menú
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5><i class="fas fa-edit"></i> Editor de Menú</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="menu-form">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Nombre del Menú</label>
|
||||
<input type="text" class="form-control" id="menu-name" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Título</label>
|
||||
<input type="text" class="form-control" id="menu-title" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Descripción</label>
|
||||
<textarea class="form-control" id="menu-description" rows="3"></textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Menú Padre</label>
|
||||
<select class="form-control" id="menu-parent">
|
||||
<option value="">Sin padre (Menú raíz)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-check mb-3">
|
||||
<input type="checkbox" class="form-check-input" id="menu-active" checked>
|
||||
<label class="form-check-label">Activo</label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="fas fa-save"></i> Guardar Menú
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Nombre</th>
|
||||
<th>Clave</th>
|
||||
<th>Descripción</th>
|
||||
<th>Estado</th>
|
||||
<th>Opciones</th>
|
||||
<th>Fecha Creación</th>
|
||||
<th>Acciones</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="menus-table">
|
||||
<!-- Contenido dinámico -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -742,6 +717,70 @@ try {
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Modal para crear menú -->
|
||||
<div class="modal fade" id="createMenuModal" tabindex="-1" aria-labelledby="createMenuModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="createMenuModalLabel">
|
||||
<i class="fas fa-plus"></i> Crear Nuevo Menú
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="menu-form">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Nombre del Menú *</label>
|
||||
<input type="text" class="form-control" id="menu-name" placeholder="ej: Menú Principal" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Clave del Menú *</label>
|
||||
<input type="text" class="form-control" id="menu-key" placeholder="ej: main_menu" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Descripción</label>
|
||||
<textarea class="form-control" id="menu-description" rows="2" placeholder="Descripción del menú"></textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Mensaje de Bienvenida</label>
|
||||
<textarea class="form-control" id="menu-welcome-message" rows="3" placeholder="¡Hola! Bienvenido. Por favor selecciona una opción:"></textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Estado</label>
|
||||
<select class="form-control" id="menu-status">
|
||||
<option value="active">Activo</option>
|
||||
<option value="inactive">Inactivo</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<h6>📋 Opciones del Menú</h6>
|
||||
<div id="menu-options-container">
|
||||
<!-- Opciones se agregan dinámicamente -->
|
||||
</div>
|
||||
<button type="button" class="btn btn-outline-secondary btn-sm" onclick="addMenuOption()">
|
||||
<i class="fas fa-plus"></i> Agregar Opción
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
|
||||
<i class="fas fa-times"></i> Cancelar
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary" onclick="app.saveMenu()">
|
||||
<i class="fas fa-save"></i> Guardar Menú
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user