Laravel 11, Vuexy Admin 10.3, by admin@koneko.mx

This commit is contained in:
2025-01-25 04:23:40 -06:00
parent c3045b43b1
commit 64d505910f
1283 changed files with 140198 additions and 0 deletions

View File

@ -0,0 +1,70 @@
<div>
<div class="form-custom-listener" id="application-settings-card">
<div class="card">
<div class="card-body">
<h5 class="card-title">Información de aplicación</h5>
<div class="fv-row mb-3">
<label for="admin_app_name" class="form-label">
Titulo de aplicación <span class="text-xs">(Nombre corto)</span>
</label>
<input type="text" id="admin_app_name" wire:model.defer="admin_app_name" class="form-control" placeholder="Titulo de aplicación">
@error('admin_app_name')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="fv-row mb-6">
<h5>Logotipo tema claro</h5>
<div class="fv-row mb-4">
<input type="file" wire:model="upload_image_logo" id="upload_image_logo" class="form-control" accept="image/*" />
@error('upload_image_logo')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-8 text-center align-items-center">
<div class="justify-content-center align-items-center bg-slate-100 p-4">
<img src="{{ $upload_image_logo ? $upload_image_logo->temporaryUrl() : asset('storage/' . $admin_image_logo) }}">
</div>
</div>
<h5>Logotipo tema obscuro</h5>
<div class="fv-row mb-4">
<input type="file" wire:model="upload_image_logo_dark" id="upload_image_logo_dark" class="form-control" accept="image/*" />
@error('upload_image_logo_dark')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="mb-3 text-center align-items-center">
<div class="justify-content-center align-items-center bg-slate-800 p-4">
<img src="{{ $upload_image_logo_dark ? $upload_image_logo_dark->temporaryUrl() : asset('storage/' . $admin_image_logo_dark) }}">
</div>
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="button"
wire:click="save"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
:disabled="{{ $upload_image_logo === null && $upload_image_logo_dark === null ? 'true' : 'false' }}"
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
:disabled="{{ $upload_image_logo === null && $upload_image_logo_dark === null ? 'true' : 'false' }}">
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</div>
</div>

View File

@ -0,0 +1,105 @@
<div>
<div class="form-custom-listener" id="general-settings-card">
<div class="card">
<div class="card-body">
<h5 class="card-title">Información de página web</h5>
<div class="fv-row mb-3">
<label for="admin_title" class="form-label">
Titulo del sitio <span class="text-xs">(Nombre completo)</span>
</label>
<input type="text" id="admin_title" wire:model.defer="admin_title" class="form-control"
placeholder="Titulo del sitio">
@error('admin_title')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="fv-row mb-6">
<label for="upload_image_favicon" class="form-label">
Icono de página <span class="text-xs">(Favicon)</span>
</label>
<input type="file" wire:model="upload_image_favicon" id="upload_image_favicon" class="form-control"
accept="image/*" />
@error('upload_image_favicon')
<span class="text-danger">{{ $message }}</span>
@enderror
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-16x16 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_16x16) }}">
</div>
<span class="text-muted mt-1">Navegadores web (16x16)</span>
</div>
</div>
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-76x76 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_76x76) }}">
</div>
<span class="text-muted mt-1">iPad sin Retina (76x76)</span>
</div>
</div>
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-120x120 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_120x120) }}">
</div>
<span class="text-muted mt-1">iPhone (120x120)</span>
</div>
</div>
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-152x152 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_152x152) }}">
</div>
<span class="text-muted mt-1">iPad (152x152)</span>
</div>
</div>
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-180x180 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_180x180) }}">
</div>
<span class="text-muted mt-1">iPhone con Retina HD (180x180)</span>
</div>
</div>
<div class="text-center flex flex-col items-center">
<div class="mb-3 text-center d-flex flex-column align-items-center">
<div class="image-wrapper-192x192 d-flex justify-content-center align-items-center">
<img src="{{ $upload_image_favicon ? $upload_image_favicon->temporaryUrl() : asset('storage/' . $admin_favicon_192x192) }}">
</div>
<span class="text-muted mt-1">Android y otros dispositivos móviles (192x192)</span>
</div>
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="button"
wire:click="save"
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light"
{{ !$upload_image_favicon ? 'disabled' : '' }}
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light"
{{ !$upload_image_favicon ? 'disabled' : '' }}>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</div>
</div>

View File

@ -0,0 +1,196 @@
<div>
<div class="form-custom-listener" id="interface-settings-card">
<div class="card">
<div class="card-body">
<h5 class="card-title">Ajustes menú y barra superior</h5>
{{-- Diseño (Layout) --}}
<div class="mb-4">
<label for="vuexy_myLayout" class="form-label">Diseño</label>
<select id="vuexy_myLayout" class="form-select" wire:model.defer="vuexy_myLayout">
<option value="vertical">Vertical</option>
<option value="horizontal">Horizontal</option>
</select>
</div>
{{-- Campos exclusivos para diseño Horizontal --}}
<div x-show="$wire.vuexy_myLayout === 'horizontal'" x-transition>
<div class="mb-4">
<label for="vuexy_headerType" class="form-label">Tipo de barra superior</label>
<select id="vuexy_headerType" class="form-select" wire:model.defer="vuexy_headerType">
<option value="static">Estático</option>
<option value="fixed">Fijo</option>
</select>
</div>
</div>
{{-- Campos exclusivos para diseño Vertical --}}
<div x-show="$wire.vuexy_myLayout === 'vertical'" x-transition>
<div class="mb-4">
<label for="vuexy_navbarType" class="form-label">Tipo de barra de navegación</label>
<select id="vuexy_navbarType" class="form-select" wire:model.defer="vuexy_navbarType">
<option value="sticky">Fija</option>
<option value="static">Estática</option>
<option value="hidden">Oculta</option>
</select>
</div>
</div>
<div x-show="$wire.vuexy_hasCustomizer" x-transition>
<div x-show="$wire.vuexy_myLayout === 'horizontal'" x-transition>
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_showDropdownOnHover'
parent_class='form-switch'>
Mostrar desplegable al pasar el mouse
</x-form.checkbox>
</div>
</div>
</div>
{{-- Campos exclusivos para diseño Vertical --}}
<div x-show="$wire.vuexy_myLayout === 'vertical'" x-transition>
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_menuFixed'
parent_class='form-switch'>
Menú fijo
</x-form.checkbox>
</div>
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_menuCollapsed'
parent_class='form-switch'>
Menú colapsado
</x-form.checkbox>
</div>
</div>
<hr>
{{-- Habilitar UI Customizer --}}
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_hasCustomizer'
parent_class='form-switch'>
Habilitar personalizador de plantilla
</x-form.checkbox>
</div>
<div x-show="$wire.vuexy_hasCustomizer" x-transition>
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_displayCustomizer'
parent_class='form-switch'>
Mostrar personalizador de plantilla
</x-form.checkbox>
</div>
</div>
{{-- Máximo de Enlaces Rápidos --}}
<div x-show="$wire.vuexy_myLayout === 'horizontal' || $wire.vuexy_navbarType !== 'hidden'" x-transition>
<hr>
<div class="mb-4">
<label for="vuexy_maxQuickLinks" class="form-label">Máximo de enlaces rápidos</label>
<input type="number" id="vuexy_maxQuickLinks" class="form-control" wire:model.defer="vuexy_maxQuickLinks" min="2" max="20">
<p class="text-muted">Selecciona un valor entre 2 y 20.</p>
@error('vuexy_maxQuickLinks') <span class="text-danger">{{ $message }}</span> @enderror
</div>
</div>
<hr>
<h5 class="card-title mt-6">Ajustes de tema</h5>
{{-- Tema --}}
<div class="mb-4">
<label for="vuexy_myTheme" class="form-label">Tema</label>
<select id="vuexy_myTheme" class="form-select" wire:model.defer="vuexy_myTheme">
<option value="theme-default">Tema predeterminado</option>
<option value="theme-bordered">Tema bordeado</option>
<option value="theme-semi-dark">Tema semi-oscuro</option>
</select>
</div>
{{-- Estilo --}}
<div class="mb-4">
<label for="vuexy_myStyle" class="form-label">Estilo</label>
<select id="vuexy_myStyle" class="form-select" wire:model.defer="vuexy_myStyle">
<option value="light">Claro</option>
<option value="dark">Oscuro</option>
<option value="system">Modo del sistema</option>
</select>
</div>
<hr>
<h5 class="card-title mt-6">Ajustes de diseño</h5>
{{-- Vista de Autenticación --}}
<div class="mb-4">
<label for="vuexy_authViewMode" class="form-label">Modo de vista de autenticación</label>
<select id="vuexy_authViewMode" class="form-select" wire:model.defer="vuexy_authViewMode">
<option value="cover">Pantalla completa</option>
<option value="basic">Básico</option>
</select>
</div>
{{-- Diseño del Contenido --}}
<div class="mb-4">
<label for="vuexy_contentLayout" class="form-label">Diseño del contenido</label>
<select id="vuexy_contentLayout" class="form-select" wire:model.defer="vuexy_contentLayout">
<option value="compact">Compacto</option>
<option value="wide">Ancho</option>
</select>
</div>
{{-- Pie de Página Fijo --}}
<div class="mb-3">
<x-form.checkbox
wire:model.defer='vuexy_footerFixed'
parent_class='form-switch'>
Pie de página fijo
</x-form.checkbox>
</div>
{{-- Botones --}}
<div class="row mt-6">
<div class="col-lg-12 text-end">
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="button"
wire:click="save"
disabled
class="btn btn-primary btn-save btn-sm mt-2 mr-2 waves-effect waves-light">
<i class="ti ti-device-floppy me-1"></i>
Guardar cambios
</button>
<button
type="button"
wire:click="loadSettings"
disabled
class="btn btn-secondary btn-cancel btn-sm mt-2 mr-2 waves-effect waves-light">
<i class="ti ti-rotate-2 me-1"></i>
Cancelar
</button>
<button
type="button"
wire:click="clearCustomConfig"
class="btn btn-success btn-reset btn-sm mt-2 mr-2 waves-effect waves-light">
<i class="ti ti-adjustments-cog me-1"></i>
Restaurar valores predeterminados
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</div>
</div>

View File

@ -0,0 +1,67 @@
<div>
<form id="mail-sender-response-settings-card">
<div class="card">
<h5 class="card-header">Correo electrónicos de salida</h5>
<div class="card-body">
<div class="mb-3 fv-row">
<label for="from_address" class="form-label">Correo electrónico</label>
<input type="text" name="from_address" id="from_address" wire:model='from_address' class="form-control" placeholder="Correo electrónico">
@error('from_address') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3 fv-row">
<label for="from_name" class="form-label">Nombre</label>
<input type="text" name="from_name" id="from_name" wire:model='from_name' class="form-control" placeholder="Nombre">
@error('from_name') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<h5 class="mt-6">Correo electrónico de respuesta</h5>
<div class="mb-3 fv-row">
<label for="reply_to_method" class="form-label">Correo electrónico de respuesta</label>
<x-form.select
wire:model='reply_to_method'
:options="$reply_email_options"
placeholder="Selecciona el correo electrónico de respuesta" />
@error('reply_to_method') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="email-custom-div">
<div class="mb-3 fv-row">
<label for="reply_to_email" class="form-label">Correo electrónico</label>
<input type="text" name="reply_to_email" id="reply_to_email" wire:model='reply_to_email' class="form-control" placeholder="Correo electrónico">
@error('reply_to_email') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="fv-row">
<label for="reply_to_name" class="form-label">Nombre</label>
<input type="text" name="reply_to_name" id="reply_to_name" wire:model='reply_to_name' class="form-control" placeholder="Nombre">
@error('reply_to_name') <span class="text-danger">{{ $message }}</span> @enderror
</div>
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="submit"
id="save_sender_response_button"
class="btn btn-primary btn-sm mt-2 mr-2 waves-effect waves-light"
disabled
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
id="cancel_sender_response_button"
class="btn btn-secondary btn-sm mt-2 mr-2 waves-effect waves-light"
wire:click="loadSettings"
disabled>
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>

View File

@ -0,0 +1,86 @@
<div x-data="{
changeSmtpSettings: @entangle('change_smtp_settings'),
saveButtonDisabled: @entangle('save_button_disabled'),
}">
<form id="mail-smtp-settings-card">
<div class="card mb-6">
<h5 class="card-header">Servidor saliente de correo electrónico</h5>
<div class="card-body">
<div class="mb-3">
<x-form.checkbox
wire:model='change_smtp_settings'
parent_class='form-switch'>
Cambiar configuración
</x-form.checkbox>
</div>
<div class="mb-3 fv-row">
<label for="host" class="form-label">Servidor de correo saliente (SMTP)</label>
<input type="text" name="host" id="host" wire:model='host' class="form-control" placeholder="Servidor de salida" :disabled="!changeSmtpSettings">
@error('host') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3 fv-row">
<label for="port" class="form-label">Puerto SMTP</label>
<input type="number" name="port" id="port" wire:model='port' class="form-control" placeholder="Puerto SMTP" :disabled="!changeSmtpSettings">
@error('port') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3 fv-row">
<label for="encryption" class="form-label">Encriptación</label>
<x-form.select
wire:model='encryption'
:options="$encryption_options"
:disabled="!$change_smtp_settings"
placeholder="Selecciona el método de encriptación" />
@error('encryption') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3 fv-row">
<label for="username" class="form-label">Usuario</label>
<input type="text" name="username" id="username" wire:model='username' class="form-control" placeholder="Usuario" autocomplete="username" :disabled="!changeSmtpSettings">
@error('username') <span class="text-danger">{{ $message }}</span> @enderror
</div>
<div class="fv-row">
<label for="password" class="form-label">Contraseña</label>
<input type="password" name="password" id="password" wire:model='password' class="form-control" placeholder="Contraseña" autocomplete="current-password" :disabled="!changeSmtpSettings">
@error('password') <span class="text-danger">{{ $message }}</span> @enderror
</div>
</div>
</div>
<div>
{{-- Botones --}}
<div class="row my-4">
<div class="col-lg-12 text-end">
<button
type="button"
id="test_smtp_connection_button"
class="btn btn-success btn-sm mt-2 mr-2 waves-effect waves-light"
:disabled="!changeSmtpSettings"
data-loading-text="Realizando prueba...">
<i class="ti ti-flask mr-2"></i>
Realizar una prueba
</button>
<button
type="submit"
id="save_smtp_connection_button"
class="btn btn-primary btn-sm mt-2 mr-2 waves-effect waves-light"
:disabled="saveButtonDisabled"
wire:click="save"
data-loading-text="Guardando...">
<i class="ti ti-device-floppy mr-2"></i>
Guardar cambios
</button>
<button
type="button"
id="cancel_smtp_connection_button"
class="btn btn-secondary btn-sm mt-2 mr-2 waves-effect waves-light"
wire:click="loadSettings"
:disabled="!changeSmtpSettings">
<i class="ti ti-rotate-2 mr-2"></i>
Cancelar
</button>
</div>
</div>
{{-- Notifications --}}
<div class="notification-container" wire:ignore></div>
</div>
</form>
</div>