commit b21a11c2eecf9f23a84ec96c74dfc0350db2c7d3 Author: Arturo Corro Date: Fri Mar 7 00:29:07 2025 -0600 first commit diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..8f0de65 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,18 @@ +root = true + +[*] +charset = utf-8 +end_of_line = lf +indent_size = 4 +indent_style = space +insert_final_newline = true +trim_trailing_whitespace = true + +[*.md] +trim_trailing_whitespace = false + +[*.{yml,yaml}] +indent_size = 2 + +[docker-compose.yml] +indent_size = 4 diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..90a4e33 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,24 @@ +# Normaliza los saltos de línea en diferentes SO +* text=auto eol=lf + +# Reglas para archivos específicos +*.blade.php diff=html +*.css diff=css +*.html diff=html +*.md diff=markdown +*.php diff=php + +# Evitar que estos archivos se exporten con Composer create-project +/.github export-ignore +/.gitignore export-ignore +/.git export-ignore +.gitattributes export-ignore +.editorconfig export-ignore +.prettierrc.json export-ignore +.prettierignore export-ignore +.eslintrc.json export-ignore +CHANGELOG.md export-ignore +CONTRIBUTING.md export-ignore +README.md export-ignore +composer.lock export-ignore +package-lock.json export-ignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d07bec2 --- /dev/null +++ b/.gitignore @@ -0,0 +1,10 @@ +/node_modules +/vendor +/.vscode +/.nova +/.fleet +/.phpactor.json +/.phpunit.cache +/.phpunit.result.cache +/.zed +/.idea diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..5d3dfee --- /dev/null +++ b/.prettierignore @@ -0,0 +1,16 @@ +# Dependencias de Composer y Node.js +/vendor/ +/node_modules/ + +# Caché y logs +/storage/ +*.log +*.cache + +# Archivos del sistema +.DS_Store +Thumbs.db + +# Configuración de editores +.idea/ +.vscode/ diff --git a/.prettierrc.json b/.prettierrc.json new file mode 100644 index 0000000..5f11c9c --- /dev/null +++ b/.prettierrc.json @@ -0,0 +1,29 @@ +{ + "arrowParens": "avoid", + "bracketSpacing": true, + "bracketSameLine": true, + "htmlWhitespaceSensitivity": "css", + "insertPragma": false, + "jsxSingleQuote": true, + "printWidth": 120, + "proseWrap": "preserve", + "quoteProps": "as-needed", + "requirePragma": false, + "semi": true, + "singleQuote": true, + "tabWidth": 4, + "trailingComma": "none", + "useTabs": false, + "endOfLine": "lf", + "embeddedLanguageFormatting": "auto", + "overrides": [ + { + "files": [ + "resources/assets/**/*.js" + ], + "options": { + "semi": false + } + } + ] +} diff --git a/Actions/Fortify/CreateNewUser.php b/Actions/Fortify/CreateNewUser.php new file mode 100644 index 0000000..89525c6 --- /dev/null +++ b/Actions/Fortify/CreateNewUser.php @@ -0,0 +1,40 @@ + $input + */ + public function create(array $input): User + { + Validator::make($input, [ + 'name' => ['required', 'string', 'max:255'], + 'email' => [ + 'required', + 'string', + 'email', + 'max:255', + Rule::unique(User::class), + ], + 'password' => $this->passwordRules(), + ])->validate(); + + return User::create([ + 'name' => $input['name'], + 'email' => $input['email'], + 'password' => Hash::make($input['password']), + ]); + } +} diff --git a/Actions/Fortify/PasswordValidationRules.php b/Actions/Fortify/PasswordValidationRules.php new file mode 100644 index 0000000..a2edbce --- /dev/null +++ b/Actions/Fortify/PasswordValidationRules.php @@ -0,0 +1,18 @@ +|string> + */ + protected function passwordRules(): array + { + return ['required', 'string', Password::default(), 'confirmed']; + } +} diff --git a/Actions/Fortify/ResetUserPassword.php b/Actions/Fortify/ResetUserPassword.php new file mode 100644 index 0000000..9017b2c --- /dev/null +++ b/Actions/Fortify/ResetUserPassword.php @@ -0,0 +1,29 @@ + $input + */ + public function reset(User $user, array $input): void + { + Validator::make($input, [ + 'password' => $this->passwordRules(), + ])->validate(); + + $user->forceFill([ + 'password' => Hash::make($input['password']), + ])->save(); + } +} diff --git a/Actions/Fortify/UpdateUserPassword.php b/Actions/Fortify/UpdateUserPassword.php new file mode 100644 index 0000000..35b0fc3 --- /dev/null +++ b/Actions/Fortify/UpdateUserPassword.php @@ -0,0 +1,32 @@ + $input + */ + public function update(User $user, array $input): void + { + Validator::make($input, [ + 'current_password' => ['required', 'string', 'current_password:web'], + 'password' => $this->passwordRules(), + ], [ + 'current_password.current_password' => __('The provided password does not match your current password.'), + ])->validateWithBag('updatePassword'); + + $user->forceFill([ + 'password' => Hash::make($input['password']), + ])->save(); + } +} diff --git a/Actions/Fortify/UpdateUserProfileInformation.php b/Actions/Fortify/UpdateUserProfileInformation.php new file mode 100644 index 0000000..2367171 --- /dev/null +++ b/Actions/Fortify/UpdateUserProfileInformation.php @@ -0,0 +1,60 @@ + $input + */ + public function update(User $user, array $input): void + { + Validator::make($input, [ + 'name' => ['required', 'string', 'max:255'], + + 'email' => [ + 'required', + 'string', + 'email', + 'max:255', + Rule::unique('users')->ignore($user->id), + ], + ])->validateWithBag('updateProfileInformation'); + + if ( + $input['email'] !== $user->email && + $user instanceof MustVerifyEmail + ) { + $this->updateVerifiedUser($user, $input); + } else { + $user->forceFill([ + 'name' => $input['name'], + 'email' => $input['email'], + ])->save(); + } + } + + /** + * Update the given verified user's profile information. + * + * @param array $input + */ + protected function updateVerifiedUser(User $user, array $input): void + { + $user->forceFill([ + 'name' => $input['name'], + 'email' => $input['email'], + 'email_verified_at' => null, + ])->save(); + + $user->sendEmailVerificationNotification(); + } +} diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..0cc0f79 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,41 @@ +# 📜 CHANGELOG - Laravel Vuexy Admin + +Este documento sigue el formato [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). + +## [0.1.0] - ALPHA - 2025-03-05 + +### ✨ Added (Agregado) +- 📌 **Integración con los catálogos SAT (CFDI 4.0)**: + - `sat_banco`, `sat_clave_prod_serv`, `sat_clave_unidad`, `sat_codigo_postal`, `sat_colonia`, `sat_deduccion`, `sat_estado`, `sat_forma_pago`, `sat_localidad`, `sat_municipio`, `sat_moneda`, `sat_pais`, `sat_percepcion`, `sat_regimen_contratacion`, `sat_regimen_fiscal`, `sat_uso_cfdi`. +- 🎨 **Interfaz basada en Vuexy Admin** con integración de Laravel Blade + Livewire. +- 🔑 **Sistema de autenticación y RBAC** con Laravel Fortify y Spatie Permissions. +- 🔄 **Módulo de tipos de cambio** con integración de la API de Banxico. +- 📦 **Manejo de almacenamiento y gestión de activos**. +- 🚀 **Publicación inicial del repositorio en Packagist y Git Tea**. + +### 🛠 Changed (Modificado) +- **Optimización del sistema de permisos y roles** para mayor flexibilidad. + +### 🐛 Fixed (Correcciones) +- Se corrigieron errores en migraciones de catálogos SAT. + +--- + +## 📅 Próximos Cambios Planeados +- 📊 **Módulo de Reportes** con Laravel Excel y Charts. +- 🏪 **Módulo de Inventarios y Punto de Venta (POS)**. +- 📍 **Mejor integración con APIs de geolocalización**. + +--- + +**📌 Nota:** Esta es la primera versión **ALPHA**, aún en desarrollo. + +--- + +## 🔄 Sincronización de Cambios +Este `CHANGELOG.md` se actualiza primero en nuestro repositorio principal en **[Tea - Koneko Git](https://git.koneko.mx/koneko/laravel-vuexy-admin)** y luego se refleja en GitHub. +Los cambios recientes pueden verse antes en **Tea** que en **GitHub** debido a la sincronización automática. + +--- + +📅 Última actualización: **2024-03-05**. diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 0000000..ab16327 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,9 @@ +## 🔐 Acceso al Repositorio Privado + +Nuestro servidor Git en **Tea** tiene un registro cerrado. Para contribuir: + +1. Abre un **Issue** en [GitHub](https://github.com/koneko-mx/laravel-vuexy-admin/issues) indicando tu interés en contribuir. +2. Alternativamente, envía un correo a **contacto@koneko.mx** solicitando acceso. +3. Una vez aprobado, recibirás una invitación para registrarte y clonar el repositorio. + +Si solo necesitas acceso de lectura, puedes clonar la versión pública en **GitHub**. diff --git a/Console/Commands/CleanInitialAvatars.php b/Console/Commands/CleanInitialAvatars.php new file mode 100644 index 0000000..0f03d7f --- /dev/null +++ b/Console/Commands/CleanInitialAvatars.php @@ -0,0 +1,43 @@ +files($directory); + + foreach ($files as $file) { + $lastModified = Storage::disk('public')->lastModified($file); + + // Elimina archivos no accedidos en los últimos 30 días + if (now()->timestamp - $lastModified > 30 * 24 * 60 * 60) { + Storage::disk('public')->delete($file); + } + } + + $this->info('Avatares iniciales antiguos eliminados.'); + } +} diff --git a/Console/Commands/SyncRBAC.php b/Console/Commands/SyncRBAC.php new file mode 100644 index 0000000..45ce8ed --- /dev/null +++ b/Console/Commands/SyncRBAC.php @@ -0,0 +1,26 @@ +argument('action'); + if ($action === 'import') { + RBACService::loadRolesAndPermissions(); + $this->info('Roles y permisos importados correctamente.'); + } elseif ($action === 'export') { + // Implementación para exportar los roles a JSON + $this->info('Exportación de roles y permisos completada.'); + } else { + $this->error('Acción no válida. Usa "import" o "export".'); + } + } +} diff --git a/Helpers/CatalogHelper.php b/Helpers/CatalogHelper.php new file mode 100644 index 0000000..c8375f0 --- /dev/null +++ b/Helpers/CatalogHelper.php @@ -0,0 +1,72 @@ +find($id); + return response()->json($data); + } + + // Aplicar filtros personalizados + foreach ($customFilters as $field => $value) { + if (!is_null($value)) { + $query->where($field, $value); + } + } + + // Aplicar filtro de búsqueda si hay searchTerm + if ($searchTerm) { + $query->where($valueField, 'like', '%' . $searchTerm . '%'); + } + + // Limitar resultados si el límite no es falso + if ($limit > 0) { + $query->limit($limit); + } + + $results = $query->get([$keyField, $valueField]); + + // Devolver según el tipo de respuesta + switch ($responseType) { + case 'keyValue': + $data = $results->pluck($valueField, $keyField)->toArray(); + break; + + case 'select2': + $data = $results->map(function ($item) use ($keyField, $valueField) { + return [ + 'id' => $item->{$keyField}, + 'text' => $item->{$valueField}, + ]; + })->toArray(); + break; + + default: + $data = $results->map(function ($item) use ($keyField, $valueField) { + return [ + 'id' => $item->{$keyField}, + 'text' => $item->{$valueField}, + ]; + })->toArray(); + break; + } + + return response()->json($data); + } +} diff --git a/Helpers/VuexyHelper.php b/Helpers/VuexyHelper.php new file mode 100644 index 0000000..847e8b4 --- /dev/null +++ b/Helpers/VuexyHelper.php @@ -0,0 +1,209 @@ + 'vertical', + 'myTheme' => 'theme-default', + 'myStyle' => 'light', + 'myRTLSupport' => false, + 'myRTLMode' => true, + 'hasCustomizer' => true, + 'showDropdownOnHover' => true, + 'displayCustomizer' => true, + 'contentLayout' => 'compact', + 'headerType' => 'fixed', + 'navbarType' => 'fixed', + 'menuFixed' => true, + 'menuCollapsed' => false, + 'footerFixed' => false, + 'customizerControls' => [ + 'rtl', + 'style', + 'headerType', + 'contentLayout', + 'layoutCollapsed', + 'showDropdownOnHover', + 'layoutNavbarOptions', + 'themes', + ], + // 'defaultLanguage'=>'en', + ]; + + // if any key missing of array from custom.php file it will be merge and set a default value from dataDefault array and store in data variable + $data = array_merge($DefaultData, $data); + + // All options available in the template + $allOptions = [ + 'myLayout' => ['vertical', 'horizontal', 'blank', 'front'], + 'menuCollapsed' => [true, false], + 'hasCustomizer' => [true, false], + 'showDropdownOnHover' => [true, false], + 'displayCustomizer' => [true, false], + 'contentLayout' => ['compact', 'wide'], + 'headerType' => ['fixed', 'static'], + 'navbarType' => ['fixed', 'static', 'hidden'], + 'myStyle' => ['light', 'dark', 'system'], + 'myTheme' => ['theme-default', 'theme-bordered', 'theme-semi-dark'], + 'myRTLSupport' => [true, false], + 'myRTLMode' => [true, false], + 'menuFixed' => [true, false], + 'footerFixed' => [true, false], + 'customizerControls' => [], + // 'defaultLanguage'=>array('en'=>'en','fr'=>'fr','de'=>'de','ar'=>'ar'), + ]; + + //if myLayout value empty or not match with default options in custom.php config file then set a default value + foreach ($allOptions as $key => $value) { + if (array_key_exists($key, $DefaultData)) { + if (gettype($DefaultData[$key]) === gettype($data[$key])) { + // data key should be string + if (is_string($data[$key])) { + // data key should not be empty + if (isset($data[$key]) && $data[$key] !== null) { + // data key should not be exist inside allOptions array's sub array + if (!array_key_exists($data[$key], $value)) { + // ensure that passed value should be match with any of allOptions array value + $result = array_search($data[$key], $value, 'strict'); + if (empty($result) && $result !== 0) { + $data[$key] = $DefaultData[$key]; + } + } + } else { + // if data key not set or + $data[$key] = $DefaultData[$key]; + } + } + } else { + $data[$key] = $DefaultData[$key]; + } + } + } + $styleVal = $data['myStyle'] == "dark" ? "dark" : "light"; + $styleUpdatedVal = $data['myStyle'] == "dark" ? "dark" : $data['myStyle']; + // Determine if the layout is admin or front based on cookies + $layoutName = $data['myLayout']; + $isAdmin = Str::contains($layoutName, 'front') ? false : true; + + $modeCookieName = $isAdmin ? 'admin-mode' : 'front-mode'; + $colorPrefCookieName = $isAdmin ? 'admin-colorPref' : 'front-colorPref'; + + // Determine style based on cookies, only if not 'blank-layout' + if ($layoutName !== 'blank') { + if (isset($_COOKIE[$modeCookieName])) { + $styleVal = $_COOKIE[$modeCookieName]; + if ($styleVal === 'system') { + $styleVal = isset($_COOKIE[$colorPrefCookieName]) ? $_COOKIE[$colorPrefCookieName] : 'light'; + } + $styleUpdatedVal = $_COOKIE[$modeCookieName]; + } + } + + isset($_COOKIE['theme']) ? $themeVal = $_COOKIE['theme'] : $themeVal = $data['myTheme']; + + $directionVal = isset($_COOKIE['direction']) ? ($_COOKIE['direction'] === "true" ? 'rtl' : 'ltr') : $data['myRTLMode']; + + //layout classes + $layoutClasses = [ + 'layout' => $data['myLayout'], + 'theme' => $themeVal, + 'themeOpt' => $data['myTheme'], + 'style' => $styleVal, + 'styleOpt' => $data['myStyle'], + 'styleOptVal' => $styleUpdatedVal, + 'rtlSupport' => $data['myRTLSupport'], + 'rtlMode' => $data['myRTLMode'], + 'textDirection' => $directionVal, //$data['myRTLMode'], + 'menuCollapsed' => $data['menuCollapsed'], + 'hasCustomizer' => $data['hasCustomizer'], + 'showDropdownOnHover' => $data['showDropdownOnHover'], + 'displayCustomizer' => $data['displayCustomizer'], + 'contentLayout' => $data['contentLayout'], + 'headerType' => $data['headerType'], + 'navbarType' => $data['navbarType'], + 'menuFixed' => $data['menuFixed'], + 'footerFixed' => $data['footerFixed'], + 'customizerControls' => $data['customizerControls'], + ]; + + // sidebar Collapsed + if ($layoutClasses['menuCollapsed'] == true) { + $layoutClasses['menuCollapsed'] = 'layout-menu-collapsed'; + } + + // Header Type + if ($layoutClasses['headerType'] == 'fixed') { + $layoutClasses['headerType'] = 'layout-menu-fixed'; + } + // Navbar Type + if ($layoutClasses['navbarType'] == 'fixed') { + $layoutClasses['navbarType'] = 'layout-navbar-fixed'; + } elseif ($layoutClasses['navbarType'] == 'static') { + $layoutClasses['navbarType'] = ''; + } else { + $layoutClasses['navbarType'] = 'layout-navbar-hidden'; + } + + // Menu Fixed + if ($layoutClasses['menuFixed'] == true) { + $layoutClasses['menuFixed'] = 'layout-menu-fixed'; + } + + // Footer Fixed + if ($layoutClasses['footerFixed'] == true) { + $layoutClasses['footerFixed'] = 'layout-footer-fixed'; + } + + // RTL Supported template + if ($layoutClasses['rtlSupport'] == true) { + $layoutClasses['rtlSupport'] = '/rtl'; + } + + // RTL Layout/Mode + if ($layoutClasses['rtlMode'] == true) { + $layoutClasses['rtlMode'] = 'rtl'; + $layoutClasses['textDirection'] = isset($_COOKIE['direction']) ? ($_COOKIE['direction'] === "true" ? 'rtl' : 'ltr') : 'rtl'; + } else { + $layoutClasses['rtlMode'] = 'ltr'; + $layoutClasses['textDirection'] = isset($_COOKIE['direction']) && $_COOKIE['direction'] === "true" ? 'rtl' : 'ltr'; + } + + // Show DropdownOnHover for Horizontal Menu + if ($layoutClasses['showDropdownOnHover'] == true) { + $layoutClasses['showDropdownOnHover'] = true; + } else { + $layoutClasses['showDropdownOnHover'] = false; + } + + // To hide/show display customizer UI, not js + if ($layoutClasses['displayCustomizer'] == true) { + $layoutClasses['displayCustomizer'] = true; + } else { + $layoutClasses['displayCustomizer'] = false; + } + + return $layoutClasses; + } + + public static function updatePageConfig($pageConfigs) + { + $demo = 'custom'; + if (isset($pageConfigs)) { + if (count($pageConfigs) > 0) { + foreach ($pageConfigs as $config => $val) { + Config::set('vuexy.' . $demo . '.' . $config, $val); + } + } + } + } +} diff --git a/Http/Controllers/AdminController.php b/Http/Controllers/AdminController.php new file mode 100644 index 0000000..edd14e7 --- /dev/null +++ b/Http/Controllers/AdminController.php @@ -0,0 +1,62 @@ +expectsJson(), 403, __('errors.ajax_only')); + + $VuexyAdminService = app(VuexyAdminService::class); + + return response()->json($VuexyAdminService->getVuexySearchData()); + } + + public function quickLinksUpdate(Request $request) + { + abort_if(!request()->expectsJson(), 403, __('errors.ajax_only')); + + $validated = $request->validate([ + 'action' => 'required|in:update,remove', + 'route' => 'required|string', + ]); + + $quickLinks = Setting::where('user_id', Auth::user()->id) + ->where('key', 'quicklinks') + ->first(); + + $quickLinks = $quickLinks ? json_decode($quickLinks->value, true) : []; + + if ($validated['action'] === 'update') { + // Verificar si ya existe + if (!in_array($validated['route'], $quickLinks)) + $quickLinks[] = $validated['route']; + } elseif ($validated['action'] === 'remove') { + // Eliminar la ruta si existe + $quickLinks = array_filter($quickLinks, function ($route) use ($validated) { + return $route !== $validated['route']; + }); + } + + Setting::updateOrCreate(['user_id' => Auth::user()->id, 'key' => 'quicklinks'], ['value' => json_encode($quickLinks)]); + + VuexyAdminService::clearQuickLinksCache(); + } + + public function generalSettings() + { + return view('vuexy-admin::admin-settings.webapp-general-settings'); + } + + public function smtpSettings() + { + return view('vuexy-admin::admin-settings.smtp-settings'); + } +} diff --git a/Http/Controllers/AuthController.php b/Http/Controllers/AuthController.php new file mode 100644 index 0000000..49495e4 --- /dev/null +++ b/Http/Controllers/AuthController.php @@ -0,0 +1,144 @@ + 'blank']; + + return view("vuexy-admin::auth.login-{$viewMode}", ['pageConfigs' => $pageConfigs]); + } + + public function registerView() + { + if (!Features::enabled(Features::registration())) + abort(403, 'El registro está deshabilitado.'); + + $viewMode = config('vuexy.custom.authViewMode'); + $pageConfigs = ['myLayout' => 'blank']; + + return view("vuexy-admin::auth.register-{$viewMode}", ['pageConfigs' => $pageConfigs]); + } + + + + public function confirmPasswordView() + { + if (!Features::enabled(Features::registration())) + abort(403, 'El registro está deshabilitado.'); + + $viewMode = config('vuexy.custom.authViewMode'); + $pageConfigs = ['myLayout' => 'blank']; + + return view("vuexy-admin::auth.confirm-password-{$viewMode}", ['pageConfigs' => $pageConfigs]); + } + + public function resetPasswordView() + { + if (!Features::enabled(Features::resetPasswords())) + abort(403, 'El registro está deshabilitado.'); + + $viewMode = config('vuexy.custom.authViewMode'); + $pageConfigs = ['myLayout' => 'blank']; + + return view("vuexy-admin::auth.reset-password-{$viewMode}", ['pageConfigs' => $pageConfigs]); + } + + public function requestPasswordResetLinkView(Request $request) + { + if (!Features::enabled(Features::resetPasswords())) + abort(403, 'El registro está deshabilitado.'); + + $viewMode = config('vuexy.custom.authViewMode'); + $pageConfigs = ['myLayout' => 'blank']; + + return view("vuexy-admin::auth.reset-password-{$viewMode}", ['pageConfigs' => $pageConfigs, 'request' => $request]); + } + + + + + + + + + public function twoFactorChallengeView() + { + if (!Features::enabled(Features::registration())) + abort(403, 'El registro está deshabilitado.'); + + $viewMode = config('vuexy.custom.authViewMode'); + $pageConfigs = ['myLayout' => 'blank']; + + return view("vuexy-admin::auth.two-factor-challenge-{$viewMode}", ['pageConfigs' => $pageConfigs]); + } + + public function twoFactorRecoveryCodesView() + { + if (!Features::enabled(Features::registration())) + abort(403, 'El registro está deshabilitado.'); + + $viewMode = config('vuexy.custom.authViewMode'); + $pageConfigs = ['myLayout' => 'blank']; + + return view("vuexy-admin::auth.register-{$viewMode}", ['pageConfigs' => $pageConfigs]); + } + + public function twoFactorAuthenticationView() + { + if (!Features::enabled(Features::registration())) + abort(403, 'El registro está deshabilitado.'); + + $viewMode = config('vuexy.custom.authViewMode'); + $pageConfigs = ['myLayout' => 'blank']; + + return view("vuexy-admin::auth.register-{$viewMode}", ['pageConfigs' => $pageConfigs]); + } + + + + + + public function verifyEmailView() + { + if (!Features::enabled(Features::registration())) + abort(403, 'El registro está deshabilitado.'); + + $viewMode = config('vuexy.custom.authViewMode'); + $pageConfigs = ['myLayout' => 'blank']; + + return view("vuexy-admin::auth.verify-email-{$viewMode}", ['pageConfigs' => $pageConfigs]); + } + + public function showEmailVerificationForm() + { + if (!Features::enabled(Features::registration())) + abort(403, 'El registro está deshabilitado.'); + + $viewMode = config('vuexy.custom.authViewMode'); + $pageConfigs = ['myLayout' => 'blank']; + + return view("vuexy-admin::auth.register-{$viewMode}", ['pageConfigs' => $pageConfigs]); + } + + public function userProfileView() + { + if (!Features::enabled(Features::registration())) + abort(403, 'El registro está deshabilitado.'); + + $viewMode = config('vuexy.custom.authViewMode'); + $pageConfigs = ['myLayout' => 'blank']; + + return view("vuexy-admin::auth.register-{$viewMode}", ['pageConfigs' => $pageConfigs]); + } + */ +} diff --git a/Http/Controllers/CacheController.php b/Http/Controllers/CacheController.php new file mode 100644 index 0000000..fd365d6 --- /dev/null +++ b/Http/Controllers/CacheController.php @@ -0,0 +1,41 @@ +json(['success' => true, 'message' => 'Cache generado correctamente.']); + } catch (\Exception $e) { + return response()->json(['success' => false, 'message' => 'Error al generar el cache.', 'error' => $e->getMessage()], 500); + } + } + + public function generateRouteCache() + { + try { + // Lógica para generar cache de rutas + Artisan::call('route:cache'); + + return response()->json(['success' => true, 'message' => 'Cache de rutas generado correctamente.']); + } catch (\Exception $e) { + return response()->json(['success' => false, 'message' => 'Error al generar el cache de rutas.', 'error' => $e->getMessage()], 500); + } + } + + public function cacheManager(CacheConfigService $cacheConfigService) + { + $configCache = $cacheConfigService->getConfig(); + + return view('vuexy-admin::cache-manager.index', compact('configCache')); + } +} diff --git a/Http/Controllers/HomeController.php b/Http/Controllers/HomeController.php new file mode 100644 index 0000000..86820df --- /dev/null +++ b/Http/Controllers/HomeController.php @@ -0,0 +1,32 @@ + 'blank']; + + return view('vuexy-admin::pages.comingsoon', compact('pageConfigs')); + } + + public function underMaintenance() + { + $pageConfigs = ['myLayout' => 'blank']; + + return view('vuexy-admin::pages.under-maintenance', compact('pageConfigs')); + } +} diff --git a/Http/Controllers/LanguageController.php b/Http/Controllers/LanguageController.php new file mode 100644 index 0000000..80b4874 --- /dev/null +++ b/Http/Controllers/LanguageController.php @@ -0,0 +1,21 @@ +session()->put('locale', $locale); + } + App::setLocale($locale); + return redirect()->back(); + } +} diff --git a/Http/Controllers/PermissionController.php b/Http/Controllers/PermissionController.php new file mode 100644 index 0000000..87fa3ca --- /dev/null +++ b/Http/Controllers/PermissionController.php @@ -0,0 +1,37 @@ +ajax()) { + $permissions = Permission::latest()->get(); + + return DataTables::of($permissions) + ->addIndexColumn() + ->addColumn('assigned_to', function ($row) { + return (Arr::pluck($row->roles, ['name'])); + }) + ->editColumn('created_at', function ($request) { + return $request->created_at->format('Y-m-d h:i:s a'); + }) + ->make(true); + } + + return view('vuexy-admin::permissions.index'); + } +} diff --git a/Http/Controllers/RoleController.php b/Http/Controllers/RoleController.php new file mode 100644 index 0000000..f1158e1 --- /dev/null +++ b/Http/Controllers/RoleController.php @@ -0,0 +1,38 @@ +input('id'); + $name = $request->input('name'); + + // Verificar si el nombre ya existe en la base de datos + $existingRole = Role::where('name', $name) + ->whereNot('id', $id) + ->first(); + + if ($existingRole) { + return response()->json(['valid' => false]); + } + + return response()->json(['valid' => true]); + } +} diff --git a/Http/Controllers/RolePermissionController.php b/Http/Controllers/RolePermissionController.php new file mode 100644 index 0000000..d3d9c78 --- /dev/null +++ b/Http/Controllers/RolePermissionController.php @@ -0,0 +1,76 @@ +json([ + 'roles' => Role::with('permissions')->get(), + 'permissions' => Permission::all() + ]); + } + + public function storeRole(Request $request) + { + $request->validate(['name' => 'required|string|unique:roles,name']); + $role = Role::create(['name' => $request->name]); + return response()->json(['message' => 'Rol creado con éxito', 'role' => $role]); + } + + public function storePermission(Request $request) + { + $request->validate(['name' => 'required|string|unique:permissions,name']); + $permission = Permission::create(['name' => $request->name]); + return response()->json(['message' => 'Permiso creado con éxito', 'permission' => $permission]); + } + + public function assignPermissionToRole(Request $request) + { + $request->validate([ + 'role_id' => 'required|exists:roles,id', + 'permission_id' => 'required|exists:permissions,id' + ]); + + $role = Role::findById($request->role_id); + $permission = Permission::findById($request->permission_id); + + $role->givePermissionTo($permission->name); + + return response()->json(['message' => 'Permiso asignado con éxito']); + } + + public function removePermissionFromRole(Request $request) + { + $request->validate([ + 'role_id' => 'required|exists:roles,id', + 'permission_id' => 'required|exists:permissions,id' + ]); + + $role = Role::findById($request->role_id); + $permission = Permission::findById($request->permission_id); + + $role->revokePermissionTo($permission->name); + + return response()->json(['message' => 'Permiso eliminado con éxito']); + } + + public function deleteRole($id) + { + $role = Role::findOrFail($id); + $role->delete(); + return response()->json(['message' => 'Rol eliminado con éxito']); + } + + public function deletePermission($id) + { + $permission = Permission::findOrFail($id); + $permission->delete(); + return response()->json(['message' => 'Permiso eliminado con éxito']); + } +} diff --git a/Http/Controllers/UserController copy.php b/Http/Controllers/UserController copy.php new file mode 100644 index 0000000..117d910 --- /dev/null +++ b/Http/Controllers/UserController copy.php @@ -0,0 +1,188 @@ +ajax()) { + $users = User::when(!Auth::user()->hasRole('SuperAdmin'), function ($query) { + $query->where('id', '>', 1); + }) + ->latest() + ->get(); + + return DataTables::of($users) + ->only(['id', 'name', 'email', 'avatar', 'roles', 'status', 'created_at']) + ->addIndexColumn() + ->addColumn('avatar', function ($user) { + return $user->profile_photo_url; + }) + ->addColumn('roles', function ($user) { + return (Arr::pluck($user->roles, ['name'])); + }) + /* + ->addColumn('stores', function ($user) { + return (Arr::pluck($user->stores, ['nombre'])); + }) + y*/ + ->editColumn('created_at', function ($user) { + return $user->created_at->format('Y-m-d'); + }) + ->make(true); + } + + return view('vuexy-admin::users.index'); + } + + /** + * Store a newly created resource in storage. + * + * @param \Illuminate\Http\Request $request + * @return \Illuminate\Http\Response + */ + public function store(Request $request) + { + $validator = Validator::make($request->all(), [ + 'name' => 'required|max:255', + 'email' => 'required|max:255|unique:users', + 'photo' => 'nullable|mimes:jpg,jpeg,png|max:1024', + 'password' => 'required', + ]); + + if ($validator->fails()) + return response()->json(['errors' => $validator->errors()->all()]); + + // Preparamos los datos + $user_request = array_merge_recursive($request->all(), [ + 'remember_token' => Str::random(10), + 'created_by' => Auth::user()->id, + ]); + + $user_request['password'] = bcrypt($request->password); + + // Guardamos el nuevo usuario + $user = User::create($user_request); + + // Asignmos los permisos + $user->assignRole($request->roles); + + // Asignamos Sucursals + //$user->stores()->attach($request->stores); + + if ($request->file('photo')){ + $avatarImageService = new AvatarImageService(); + + $avatarImageService->updateProfilePhoto($user, $request->file('photo')); + } + + return response()->json(['success' => 'Se agrego correctamente el usuario']); + } + + /** + * Display the specified resource. + * + * @param int User $user + * @return \Illuminate\Http\Response + */ + public function show(User $user) + { + return view('vuexy-admin::users.show', compact('user')); + } + + /** + * Update the specified resource in storage. + * + * @param \Illuminate\Http\Request $request + * @param int User $user + * @return \Illuminate\Http\Response + */ + public function updateAjax(Request $request, User $user) + { + // Validamos los datos + $validator = Validator::make($request->all(), [ + 'name' => 'required|max:191', + 'email' => "required|max:191|unique:users,email," . $user->id, + 'photo' => 'nullable|mimes:jpg,jpeg,png|max:2048' + ]); + + if ($validator->fails()) + return response()->json(['errors' => $validator->errors()->all()]); + + // Preparamos los datos + $user_request = $request->all(); + + if ($request->password) { + $user_request['password'] = bcrypt($request->password); + } else { + unset($user_request['password']); + } + + // Guardamos los cambios + $user->update($user_request); + + // Sincronizamos Roles + $user->syncRoles($request->roles); + + // Sincronizamos Sucursals + //$user->stores()->sync($request->stores); + + // Actualizamos foto de perfil + if ($request->file('photo')) + $avatarImageService = new AvatarImageService(); + + $avatarImageService->updateProfilePhoto($user, $request->file('photo')); + + return response()->json(['success' => 'Se guardo correctamente los cambios.']); + } + + + public function userSettings(User $user) + { + return view('vuexy-admin::users.user-settings', compact('user')); + } + + public function generateAvatar(Request $request) + { + // Validación de entrada + $request->validate([ + 'name' => 'nullable|string', + 'color' => 'nullable|string|size:6', + 'background' => 'nullable|string|size:6', + 'size' => 'nullable|integer|min:20|max:1024' + ]); + + $name = $request->get('name', 'NA'); + $color = $request->get('color', '7F9CF5'); + $background = $request->get('background', 'EBF4FF'); + $size = $request->get('size', 100); + + return User::getAvatarImage($name, $color, $background, $size); + + try { + } catch (\Exception $e) { + // String base64 de una imagen PNG transparente de 1x1 píxel + $transparentBase64 = 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg=='; + + return response()->make(base64_decode($transparentBase64), 200, [ + 'Content-Type' => 'image/png' + ]); + } + } +} diff --git a/Http/Controllers/UserController.php b/Http/Controllers/UserController.php new file mode 100644 index 0000000..f5af305 --- /dev/null +++ b/Http/Controllers/UserController.php @@ -0,0 +1,234 @@ +ajax()) { + $bootstrapTableIndexConfig = [ + 'table' => 'users', + 'columns' => [ + 'users.id', + 'users.code', + DB::raw("CONCAT_WS(' ', users.name, users.last_name) AS full_name"), + 'users.email', + 'users.birth_date', + 'users.hire_date', + 'users.curp', + 'users.nss', + 'users.job_title', + 'users.profile_photo_path', + DB::raw("(SELECT GROUP_CONCAT(roles.name SEPARATOR ';') as roles FROM model_has_roles INNER JOIN roles ON (model_has_roles.role_id = roles.id) WHERE model_has_roles.model_id = 1) as roles"), + 'users.is_partner', + 'users.is_employee', + 'users.is_prospect', + 'users.is_customer', + 'users.is_provider', + 'users.is_user', + 'users.status', + DB::raw("CONCAT_WS(' ', created.name, created.last_name) AS creator"), + 'created.email AS creator_email', + 'users.created_at', + 'users.updated_at', + ], + 'joins' => [ + [ + 'table' => 'users as parent', + 'first' => 'users.parent_id', + 'second' => 'parent.id', + 'type' => 'leftJoin', + ], + [ + 'table' => 'users as agent', + 'first' => 'users.agent_id', + 'second' => 'agent.id', + 'type' => 'leftJoin', + ], + [ + 'table' => 'users as created', + 'first' => 'users.created_by', + 'second' => 'created.id', + 'type' => 'leftJoin', + ], + [ + 'table' => 'sat_codigo_postal', + 'first' => 'users.domicilio_fiscal', + 'second' => 'sat_codigo_postal.c_codigo_postal', + 'type' => 'leftJoin', + ], + [ + 'table' => 'sat_estado', + 'first' => 'sat_codigo_postal.c_estado', + 'second' => 'sat_estado.c_estado', + 'type' => 'leftJoin', + 'and' => [ + 'sat_estado.c_pais = "MEX"', + ], + ], + [ + 'table' => 'sat_localidad', + 'first' => 'sat_codigo_postal.c_localidad', + 'second' => 'sat_localidad.c_localidad', + 'type' => 'leftJoin', + 'and' => [ + 'sat_codigo_postal.c_estado = sat_localidad.c_estado', + ], + ], + [ + 'table' => 'sat_municipio', + 'first' => 'sat_codigo_postal.c_municipio', + 'second' => 'sat_municipio.c_municipio', + 'type' => 'leftJoin', + 'and' => [ + 'sat_codigo_postal.c_estado = sat_municipio.c_estado', + ], + ], + [ + 'table' => 'sat_regimen_fiscal', + 'first' => 'users.c_regimen_fiscal', + 'second' => 'sat_regimen_fiscal.c_regimen_fiscal', + 'type' => 'leftJoin', + ], + [ + 'table' => 'sat_uso_cfdi', + 'first' => 'users.c_uso_cfdi', + 'second' => 'sat_uso_cfdi.c_uso_cfdi', + 'type' => 'leftJoin', + ], + ], + 'filters' => [ + 'search' => ['users.name', 'users.email', 'users.code', 'parent.name', 'created.name'], + ], + 'sort_column' => 'users.name', + 'default_sort_order' => 'asc', + ]; + + return (new GenericQueryBuilder($request, $bootstrapTableIndexConfig))->getJson(); + } + + return view('vuexy-admin::users.index'); + } + + /** + * Store a newly created resource in storage. + * + * @param \Illuminate\Http\Request $request + * @return \Illuminate\Http\Response + */ + public function store(Request $request) + { + $validator = Validator::make($request->all(), [ + 'name' => 'required|max:255', + 'email' => 'required|max:255|unique:users', + 'photo' => 'nullable|mimes:jpg,jpeg,png|max:1024', + 'password' => 'required', + ]); + + if ($validator->fails()) + return response()->json(['errors' => $validator->errors()->all()]); + + // Preparamos los datos + $user_request = array_merge_recursive($request->all(), [ + 'remember_token' => Str::random(10), + 'created_by' => Auth::user()->id, + ]); + + $user_request['password'] = bcrypt($request->password); + + // Guardamos el nuevo usuario + $user = User::create($user_request); + + // Asignmos los permisos + $user->assignRole($request->roles); + + // Asignamos Sucursals + //$user->stores()->attach($request->stores); + + if ($request->file('photo')){ + $avatarImageService = new AvatarImageService(); + + $avatarImageService->updateProfilePhoto($user, $request->file('photo')); + } + + return response()->json(['success' => 'Se agrego correctamente el usuario']); + } + + /** + * Display the specified resource. + * + * @param int User $user + * @return \Illuminate\Http\Response + */ + public function show(User $user) + { + return view('vuexy-admin::users.show', compact('user')); + } + + /** + * Update the specified resource in storage. + * + * @param \Illuminate\Http\Request $request + * @param int User $user + * @return \Illuminate\Http\Response + */ + public function updateAjax(Request $request, User $user) + { + // Validamos los datos + $validator = Validator::make($request->all(), [ + 'name' => 'required|max:191', + 'email' => "required|max:191|unique:users,email," . $user->id, + 'photo' => 'nullable|mimes:jpg,jpeg,png|max:2048' + ]); + + if ($validator->fails()) + return response()->json(['errors' => $validator->errors()->all()]); + + // Preparamos los datos + $user_request = $request->all(); + + if ($request->password) { + $user_request['password'] = bcrypt($request->password); + } else { + unset($user_request['password']); + } + + // Guardamos los cambios + $user->update($user_request); + + // Sincronizamos Roles + $user->syncRoles($request->roles); + + // Sincronizamos Sucursals + //$user->stores()->sync($request->stores); + + // Actualizamos foto de perfil + if ($request->file('photo')) + $avatarImageService = new AvatarImageService(); + + $avatarImageService->updateProfilePhoto($user, $request->file('photo')); + + return response()->json(['success' => 'Se guardo correctamente los cambios.']); + } + + + public function userSettings(User $user) + { + return view('vuexy-admin::users.user-settings', compact('user')); + } + +} diff --git a/Http/Controllers/UserProfileController.php b/Http/Controllers/UserProfileController.php new file mode 100644 index 0000000..ac36c68 --- /dev/null +++ b/Http/Controllers/UserProfileController.php @@ -0,0 +1,54 @@ +validate([ + 'name' => 'nullable|string', + 'color' => 'nullable|string|size:6', + 'background' => 'nullable|string|size:6', + 'size' => 'nullable|integer|min:20|max:1024' + ]); + + $name = $request->get('name', 'NA'); + $color = $request->get('color', '7F9CF5'); + $background = $request->get('background', 'EBF4FF'); + $size = $request->get('size', 100); + + $avatarService = new AvatarInitialsService(); + + try { + return $avatarService->getAvatarImage($name, $color, $background, $size); + + } catch (\Exception $e) { + // String base64 de una imagen PNG transparente de 1x1 píxel + $transparentBase64 = 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg=='; + + return response()->make(base64_decode($transparentBase64), 200, [ + 'Content-Type' => 'image/png' + ]); + } + } + + +} diff --git a/Http/Middleware/AdminTemplateMiddleware.php b/Http/Middleware/AdminTemplateMiddleware.php new file mode 100644 index 0000000..b6ce5b6 --- /dev/null +++ b/Http/Middleware/AdminTemplateMiddleware.php @@ -0,0 +1,37 @@ +header('Accept'), 'text/html')) { + $adminVars = app(AdminTemplateService::class)->getAdminVars(); + $vuexyAdminService = app(VuexyAdminService::class); + + View::share([ + '_admin' => $adminVars, + 'vuexyMenu' => $vuexyAdminService->getMenu(), + 'vuexySearch' => $vuexyAdminService->getSearch(), + 'vuexyQuickLinks' => $vuexyAdminService->getQuickLinks(), + 'vuexyNotifications' => $vuexyAdminService->getNotifications(), + 'vuexyBreadcrumbs' => $vuexyAdminService->getBreadcrumbs(), + ]); + + } + + return $next($request); + } +} diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..486d340 --- /dev/null +++ b/LICENSE @@ -0,0 +1,9 @@ +MIT License + +Copyright (c) 2025 koneko + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/Listeners/ClearUserCache.php b/Listeners/ClearUserCache.php new file mode 100644 index 0000000..41eb55f --- /dev/null +++ b/Listeners/ClearUserCache.php @@ -0,0 +1,25 @@ +user) { + VuexyAdminService::clearUserMenuCache(); + VuexyAdminService::clearSearchMenuCache(); + VuexyAdminService::clearQuickLinksCache(); + VuexyAdminService::clearNotificationsCache(); + } + } +} diff --git a/Listeners/HandleUserLogin.php b/Listeners/HandleUserLogin.php new file mode 100644 index 0000000..840669b --- /dev/null +++ b/Listeners/HandleUserLogin.php @@ -0,0 +1,26 @@ + $event->user->id, + 'ip_address' => request()->ip(), + 'user_agent' => request()->header('User-Agent'), + ]); + + // Actualizar el último login + $event->user->update(['last_login_at' => now(), 'last_login_ip' => request()->ip()]); + + // Enviar notificación de inicio de sesión + //Mail::to($event->user->email)->send(new LoginNotification($event->user)); + } +} diff --git a/Livewire/AdminSettings/ApplicationSettings.php b/Livewire/AdminSettings/ApplicationSettings.php new file mode 100644 index 0000000..4c5e131 --- /dev/null +++ b/Livewire/AdminSettings/ApplicationSettings.php @@ -0,0 +1,83 @@ +loadSettings(); + } + + public function loadSettings($clearcache = false) + { + $this->upload_image_logo = null; + $this->upload_image_logo_dark = null; + + $adminTemplateService = app(AdminTemplateService::class); + + if ($clearcache) { + $adminTemplateService->clearAdminVarsCache(); + } + + // Obtener los valores de las configuraciones de la base de datos + $settings = $adminTemplateService->getAdminVars(); + + $this->admin_app_name = $settings['app_name']; + $this->admin_image_logo = $settings['image_logo']['large']; + $this->admin_image_logo_dark = $settings['image_logo']['large_dark']; + } + + public function save() + { + $this->validate([ + 'admin_app_name' => 'required|string|max:255', + 'upload_image_logo' => 'nullable|image|mimes:jpeg,png,jpg,svg,webp|max:20480', + 'upload_image_logo_dark' => 'nullable|image|mimes:jpeg,png,jpg,svg,webp|max:20480', + ]); + + $adminSettingsService = app(AdminSettingsService::class); + + // Guardar título del App en configuraciones + $adminSettingsService->updateSetting('admin_app_name', $this->admin_app_name); + + // Procesar favicon si se ha cargado una imagen + if ($this->upload_image_logo) { + $adminSettingsService->processAndSaveImageLogo($this->upload_image_logo); + } + + if ($this->upload_image_logo_dark) { + $adminSettingsService->processAndSaveImageLogo($this->upload_image_logo_dark, 'dark'); + } + + $this->loadSettings(true); + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: 'success', + message: 'Se han guardado los cambios en las configuraciones.' + ); + } + + public function render() + { + return view('vuexy-admin::livewire.admin-settings.application-settings'); + } +} diff --git a/Livewire/AdminSettings/GeneralSettings.php b/Livewire/AdminSettings/GeneralSettings.php new file mode 100644 index 0000000..e1a1cf1 --- /dev/null +++ b/Livewire/AdminSettings/GeneralSettings.php @@ -0,0 +1,84 @@ +loadSettings(); + } + + public function loadSettings($clearcache = false) + { + $this->upload_image_favicon = null; + + $adminTemplateService = app(AdminTemplateService::class); + + if ($clearcache) { + $adminTemplateService->clearAdminVarsCache(); + } + + // Obtener los valores de las configuraciones de la base de datos + $settings = $adminTemplateService->getAdminVars(); + + $this->admin_title = $settings['title']; + $this->admin_favicon_16x16 = $settings['favicon']['16x16']; + $this->admin_favicon_76x76 = $settings['favicon']['76x76']; + $this->admin_favicon_120x120 = $settings['favicon']['120x120']; + $this->admin_favicon_152x152 = $settings['favicon']['152x152']; + $this->admin_favicon_180x180 = $settings['favicon']['180x180']; + $this->admin_favicon_192x192 = $settings['favicon']['192x192']; + } + + public function save() + { + $this->validate([ + 'admin_title' => 'required|string|max:255', + 'upload_image_favicon' => 'nullable|image|mimes:jpeg,png,jpg,svg,webp|max:20480', + ]); + + $adminSettingsService = app(AdminSettingsService::class); + + // Guardar título del sitio en configuraciones + $adminSettingsService->updateSetting('admin_title', $this->admin_title); + + // Procesar favicon si se ha cargado una imagen + if ($this->upload_image_favicon) { + $adminSettingsService->processAndSaveFavicon($this->upload_image_favicon); + } + + $this->loadSettings(true); + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: 'success', + message: 'Se han guardado los cambios en las configuraciones.' + ); + } + + public function render() + { + return view('vuexy-admin::livewire.admin-settings.general-settings'); + } +} diff --git a/Livewire/AdminSettings/InterfaceSettings.php b/Livewire/AdminSettings/InterfaceSettings.php new file mode 100644 index 0000000..33ea5b1 --- /dev/null +++ b/Livewire/AdminSettings/InterfaceSettings.php @@ -0,0 +1,118 @@ +loadSettings(); + } + + + public function loadSettings() + { + $adminTemplateService = app(AdminTemplateService::class); + + // Obtener los valores de las configuraciones de la base de datos + $settings = $adminTemplateService->getVuexyCustomizerVars(); + + $this->vuexy_myLayout = $settings['myLayout']; + $this->vuexy_myTheme = $settings['myTheme']; + $this->vuexy_myStyle = $settings['myStyle']; + $this->vuexy_hasCustomizer = $settings['hasCustomizer']; + $this->vuexy_displayCustomizer = $settings['displayCustomizer']; + $this->vuexy_contentLayout = $settings['contentLayout']; + $this->vuexy_navbarType = $settings['navbarType']; + $this->vuexy_footerFixed = $settings['footerFixed']; + $this->vuexy_menuFixed = $settings['menuFixed']; + $this->vuexy_menuCollapsed = $settings['menuCollapsed']; + $this->vuexy_headerType = $settings['headerType']; + $this->vuexy_showDropdownOnHover = $settings['showDropdownOnHover']; + $this->vuexy_authViewMode = $settings['authViewMode']; + $this->vuexy_maxQuickLinks = $settings['maxQuickLinks']; + } + + public function save() + { + $this->validate([ + 'vuexy_maxQuickLinks' => 'required|integer|min:2|max:20', + ]); + + $globalSettingsService = app(GlobalSettingsService::class); + + // Guardar configuraciones + $globalSettingsService->updateSetting('config.vuexy.custom.myLayout', $this->vuexy_myLayout); + $globalSettingsService->updateSetting('config.vuexy.custom.myTheme', $this->vuexy_myTheme); + $globalSettingsService->updateSetting('config.vuexy.custom.myStyle', $this->vuexy_myStyle); + $globalSettingsService->updateSetting('config.vuexy.custom.hasCustomizer', $this->vuexy_hasCustomizer); + $globalSettingsService->updateSetting('config.vuexy.custom.displayCustomizer', $this->vuexy_displayCustomizer); + $globalSettingsService->updateSetting('config.vuexy.custom.contentLayout', $this->vuexy_contentLayout); + $globalSettingsService->updateSetting('config.vuexy.custom.navbarType', $this->vuexy_navbarType); + $globalSettingsService->updateSetting('config.vuexy.custom.footerFixed', $this->vuexy_footerFixed); + $globalSettingsService->updateSetting('config.vuexy.custom.menuFixed', $this->vuexy_menuFixed); + $globalSettingsService->updateSetting('config.vuexy.custom.menuCollapsed', $this->vuexy_menuCollapsed); + $globalSettingsService->updateSetting('config.vuexy.custom.headerType', $this->vuexy_headerType); + $globalSettingsService->updateSetting('config.vuexy.custom.showDropdownOnHover', $this->vuexy_showDropdownOnHover); + $globalSettingsService->updateSetting('config.vuexy.custom.authViewMode', $this->vuexy_authViewMode); + $globalSettingsService->updateSetting('config.vuexy.custom.maxQuickLinks', $this->vuexy_maxQuickLinks); + + $globalSettingsService->clearSystemConfigCache(); + + // Refrescar el componente actual + $this->dispatch('clearLocalStoregeTemplateCustomizer'); + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: 'success', + message: 'Se han guardado los cambios en las configuraciones.', + deferReload: true + ); + } + + public function clearCustomConfig() + { + $globalSettingsService = app(GlobalSettingsService::class); + + $globalSettingsService->clearVuexyConfig(); + + // Refrescar el componente actual + $this->dispatch('clearLocalStoregeTemplateCustomizer'); + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: 'success', + message: 'Se han guardado los cambios en las configuraciones.', + deferReload: true + ); + } + + + public function render() + { + return view('vuexy-admin::livewire.admin-settings.interface-settings'); + } +} diff --git a/Livewire/AdminSettings/MailSenderResponseSettings.php b/Livewire/AdminSettings/MailSenderResponseSettings.php new file mode 100644 index 0000000..a6a1d35 --- /dev/null +++ b/Livewire/AdminSettings/MailSenderResponseSettings.php @@ -0,0 +1,106 @@ + 'save']; + + const REPLY_EMAIL_CREATOR = 1; + const REPLY_EMAIL_SENDER = 2; + const REPLY_EMAIL_CUSTOM = 3; + + public $reply_email_options = [ + self::REPLY_EMAIL_CREATOR => 'Responder al creador del documento', + self::REPLY_EMAIL_SENDER => 'Responder a quien envía el documento', + self::REPLY_EMAIL_CUSTOM => 'Definir dirección de correo electrónico', + ]; + + + public function mount() + { + $this->loadSettings(); + } + + + public function loadSettings() + { + $globalSettingsService = app(GlobalSettingsService::class); + + // Obtener los valores de las configuraciones de la base de datos + $settings = $globalSettingsService->getMailSystemConfig(); + + $this->from_address = $settings['from']['address']; + $this->from_name = $settings['from']['name']; + $this->reply_to_method = $settings['reply_to']['method']; + $this->reply_to_email = $settings['reply_to']['email']; + $this->reply_to_name = $settings['reply_to']['name']; + } + + public function save() + { + $this->validate([ + 'from_address' => 'required|email', + 'from_name' => 'required|string|max:255', + 'reply_to_method' => 'required|string|max:255', + ], [ + 'from_address.required' => 'El campo de correo electrónico es obligatorio.', + 'from_address.email' => 'El formato del correo electrónico no es válido.', + 'from_name.required' => 'El nombre es obligatorio.', + 'from_name.string' => 'El nombre debe ser una cadena de texto.', + 'from_name.max' => 'El nombre no puede tener más de 255 caracteres.', + 'reply_to_method.required' => 'El método de respuesta es obligatorio.', + 'reply_to_method.string' => 'El método de respuesta debe ser una cadena de texto.', + 'reply_to_method.max' => 'El método de respuesta no puede tener más de 255 caracteres.', + ]); + + if ($this->reply_to_method == self::REPLY_EMAIL_CUSTOM) { + $this->validate([ + 'reply_to_email' => ['required', 'email'], + 'reply_to_name' => ['required', 'string', 'max:255'], + ], [ + 'reply_to_email.required' => 'El correo de respuesta es obligatorio.', + 'reply_to_email.email' => 'El formato del correo de respuesta no es válido.', + 'reply_to_name.required' => 'El nombre de respuesta es obligatorio.', + 'reply_to_name.string' => 'El nombre de respuesta debe ser una cadena de texto.', + 'reply_to_name.max' => 'El nombre de respuesta no puede tener más de 255 caracteres.', + ]); + } + + $globalSettingsService = app(GlobalSettingsService::class); + + // Guardar título del App en configuraciones + $globalSettingsService->updateSetting('mail.from.address', $this->from_address); + $globalSettingsService->updateSetting('mail.from.name', $this->from_name); + $globalSettingsService->updateSetting('mail.reply_to.method', $this->reply_to_method); + $globalSettingsService->updateSetting('mail.reply_to.email', $this->reply_to_method == self::REPLY_EMAIL_CUSTOM ? $this->reply_to_email : ''); + $globalSettingsService->updateSetting('mail.reply_to.name', $this->reply_to_method == self::REPLY_EMAIL_CUSTOM ? $this->reply_to_name : ''); + + $globalSettingsService->clearMailSystemConfigCache(); + + $this->loadSettings(); + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: 'success', + message: 'Se han guardado los cambios en las configuraciones.', + ); + } + + public function render() + { + return view('vuexy-admin::livewire.admin-settings.mail-sender-response-settings'); + } +} diff --git a/Livewire/AdminSettings/MailSmtpSettings.php b/Livewire/AdminSettings/MailSmtpSettings.php new file mode 100644 index 0000000..3ddc256 --- /dev/null +++ b/Livewire/AdminSettings/MailSmtpSettings.php @@ -0,0 +1,175 @@ + 'SSL (Secure Sockets Layer)', + self::SMTP_ENCRYPTION_TLS => 'TLS (Transport Layer Security)', + self::SMTP_ENCRYPTION_NONE => 'Sin encriptación (No recomendado)', + ]; + + public $rules = [ + [ + 'host' => 'nullable|string|max:255', + 'port' => 'nullable|integer', + 'encryption' => 'nullable|string', + 'username' => 'nullable|string|max:255', + 'password' => 'nullable|string|max:255', + ], + [ + 'host.string' => 'El servidor SMTP debe ser una cadena de texto.', + 'host.max' => 'El servidor SMTP no puede exceder los 255 caracteres.', + 'port.integer' => 'El puerto SMTP debe ser un número entero.', + 'encryption.string' => 'El tipo de encriptación SMTP debe ser una cadena de texto.', + 'username.string' => 'El nombre de usuario SMTP debe ser una cadena de texto.', + 'username.max' => 'El nombre de usuario SMTP no puede exceder los 255 caracteres.', + 'password.string' => 'La contraseña SMTP debe ser una cadena de texto.', + 'password.max' => 'La contraseña SMTP no puede exceder los 255 caracteres.', + ] + ]; + + + public function mount() + { + $this->loadSettings(); + } + + public function loadSettings() + { + $globalSettingsService = app(GlobalSettingsService::class); + + // Obtener los valores de las configuraciones de la base de datos + $settings = $globalSettingsService->getMailSystemConfig(); + + $this->change_smtp_settings = false; + $this->save_button_disabled = true; + + $this->host = $settings['mailers']['smtp']['host']; + $this->port = $settings['mailers']['smtp']['port']; + $this->encryption = $settings['mailers']['smtp']['encryption']; + $this->username = $settings['mailers']['smtp']['username']; + $this->password = null; + } + + public function save() + { + $this->validate($this->rules[0]); + + $globalSettingsService = app(GlobalSettingsService::class); + + // Guardar título del App en configuraciones + $globalSettingsService->updateSetting('mail.mailers.smtp.host', $this->host); + $globalSettingsService->updateSetting('mail.mailers.smtp.port', $this->port); + $globalSettingsService->updateSetting('mail.mailers.smtp.encryption', $this->encryption); + $globalSettingsService->updateSetting('mail.mailers.smtp.username', $this->username); + $globalSettingsService->updateSetting('mail.mailers.smtp.password', Crypt::encryptString($this->password)); + + $globalSettingsService->clearMailSystemConfigCache(); + + $this->loadSettings(); + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: 'success', + message: 'Se han guardado los cambios en las configuraciones.' + ); + } + + public function testSmtpConnection() + { + // Validar los datos del formulario + $this->validate($this->rules[0]); + + try { + // Verificar la conexión SMTP + if ($this->validateSMTPConnection()) { + $this->save_button_disabled = false; + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: 'success', + message: 'Conexión SMTP exitosa, se guardó los cambios exitosamente.', + ); + } + } catch (\Exception $e) { + // Captura y maneja errores de conexión SMTP + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: 'danger', + message: 'Error en la conexión SMTP: ' . $e->getMessage(), + delay: 15000 // Timeout personalizado + ); + } + } + + private function validateSMTPConnection() + { + $dsn = sprintf( + 'smtp://%s:%s@%s:%s?encryption=%s', + urlencode($this->username), // Codificar nombre de usuario + urlencode($this->password), // Codificar contraseña + $this->host, // Host SMTP + $this->port, // Puerto SMTP + $this->encryption // Encriptación (tls o ssl) + ); + + // Crear el transportador usando el DSN + $transport = Transport::fromDsn($dsn); + + // Crear el mailer con el transportador personalizado + $mailer = new Mailer($transport); + + // Enviar un correo de prueba + $email = (new Email()) + ->from($this->username) // Dirección de correo del remitente + ->to(env('MAIL_SANDBOX')) // Dirección de correo de destino + ->subject(Config::get('app.name') . ' - Correo de prueba') + ->text('Este es un correo de prueba para verificar la conexión SMTP.'); + + // Enviar el correo + $mailer->send($email); + + return true; + } + + + public function render() + { + return view('vuexy-admin::livewire.admin-settings.mail-smtp-settings'); + } +} diff --git a/Livewire/Cache/CacheFunctions.php b/Livewire/Cache/CacheFunctions.php new file mode 100644 index 0000000..1ec47da --- /dev/null +++ b/Livewire/Cache/CacheFunctions.php @@ -0,0 +1,212 @@ + 0, + 'config' => 0, + 'routes' => 0, + 'views' => 0, + 'events' => 0, + ]; + + protected $listeners = [ + 'reloadCacheFunctionsStatsEvent' => 'reloadCacheStats', + ]; + + public function mount() + { + $this->reloadCacheStats(false); + } + + public function reloadCacheStats($notify = true) + { + $cacheDriver = config('cache.default'); // Obtiene el driver configurado para caché + + // Caché General + switch ($cacheDriver) { + case 'memcached': + try { + $cacheStore = Cache::getStore()->getMemcached(); + $stats = $cacheStore->getStats(); + + $this->cacheCounts['general'] = array_sum(array_column($stats, 'curr_items')); // Total de claves en Memcached + } catch (\Exception $e) { + $this->cacheCounts['general'] = 'Error obteniendo datos de Memcached'; + } + break; + + case 'redis': + try { + $prefix = config('cache.prefix'); // Asegúrate de agregar el sufijo correcto si es necesario + $keys = Redis::connection('cache')->keys($prefix . '*'); + + $this->cacheCounts['general'] = count($keys); // Total de claves en Redis + } catch (\Exception $e) { + $this->cacheCounts['general'] = 'Error obteniendo datos de Redis'; + } + break; + + case 'database': + try { + $this->cacheCounts['general'] = DB::table('cache')->count(); // Total de registros en la tabla de caché + } catch (\Exception $e) { + $this->cacheCounts['general'] = 'Error obteniendo datos de la base de datos'; + } + break; + + case 'file': + try { + $cachePath = config('cache.stores.file.path'); + $files = glob($cachePath . '/*'); + + $this->cacheCounts['general'] = count($files); + } catch (\Exception $e) { + $this->cacheCounts['general'] = 'Error obteniendo datos de archivos'; + } + break; + + default: + $this->cacheCounts['general'] = 'Driver de caché no soportado'; + } + + // Configuración + $this->cacheCounts['config'] = file_exists(base_path('bootstrap/cache/config.php')) ? 1 : 0; + + // Rutas + $this->cacheCounts['routes'] = count(glob(base_path('bootstrap/cache/routes-*.php'))) > 0 ? 1 : 0; + + // Vistas + $this->cacheCounts['views'] = count(glob(storage_path('framework/views/*'))); + + // Configuración + $this->cacheCounts['events'] = file_exists(base_path('bootstrap/cache/events.php')) ? 1 : 0; + + if ($notify) { + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: 'success', + message: 'Se han recargado los estadísticos de caché.' + ); + } + } + + + public function clearLaravelCache() + { + Artisan::call('cache:clear'); + + sleep(1); + + $this->response('Se han limpiado las cachés de la aplicación.', 'warning'); + } + + public function clearConfigCache() + { + Artisan::call('config:clear'); + + $this->response('Se ha limpiado la cache de la configuración de Laravel.', 'warning'); + } + + public function configCache() + { + Artisan::call('config:cache'); + } + + public function clearRouteCache() + { + Artisan::call('route:clear'); + + $this->response('Se han limpiado las rutas de Laravel.', 'warning'); + } + + public function cacheRoutes() + { + Artisan::call('route:cache'); + } + + public function clearViewCache() + { + Artisan::call('view:clear'); + + $this->response('Se han limpiado las vistas de Laravel.', 'warning'); + } + + public function cacheViews() + { + Artisan::call('view:cache'); + + $this->response('Se han cacheado las vistas de Laravel.'); + } + + public function clearEventCache() + { + Artisan::call('event:clear'); + + $this->response('Se han limpiado los eventos de Laravel.', 'warning'); + } + + public function cacheEvents() + { + Artisan::call('event:cache'); + + $this->response('Se han cacheado los eventos de Laravel.'); + } + + public function optimizeClear() + { + Artisan::call('optimize:clear'); + + $this->response('Se han optimizado todos los cachés de Laravel.'); + } + + public function resetPermissionCache() + { + Artisan::call('permission:cache-reset'); + + $this->response('Se han limpiado los cachés de permisos.', 'warning'); + } + + public function clearResetTokens() + { + Artisan::call('auth:clear-resets'); + + $this->response('Se han limpiado los tokens de reseteo de contraseña.', 'warning'); + } + + /** + * Genera una respuesta estandarizada. + */ + private function response(string $message, string $type = 'success'): void + { + $this->reloadCacheStats(false); + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: $type, + message: $message, + ); + + $this->dispatch('reloadCacheStatsEvent', notify: false); + $this->dispatch('reloadSessionStatsEvent', notify: false); + $this->dispatch('reloadRedisStatsEvent', notify: false); + $this->dispatch('reloadMemcachedStatsEvent', notify: false); + } + + public function render() + { + return view('vuexy-admin::livewire.cache.cache-functions'); + } +} diff --git a/Livewire/Cache/CacheStats.php b/Livewire/Cache/CacheStats.php new file mode 100644 index 0000000..ab54e66 --- /dev/null +++ b/Livewire/Cache/CacheStats.php @@ -0,0 +1,65 @@ + 'reloadCacheStats']; + + public function mount(CacheConfigService $cacheConfigService) + { + $this->cacheConfig = $cacheConfigService->getConfig(); + + $this->reloadCacheStats(false); + } + + public function reloadCacheStats($notify = true) + { + $cacheManagerService = new CacheManagerService(); + + $this->cacheStats = $cacheManagerService->getCacheStats(); + + if ($notify) { + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: $this->cacheStats['status'], + message: $this->cacheStats['message'] + ); + } + } + + public function clearCache() + { + $cacheManagerService = new CacheManagerService(); + + $message = $cacheManagerService->clearCache(); + + $this->reloadCacheStats(false); + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: $message['status'], + message: $message['message'], + ); + + $this->dispatch('reloadRedisStatsEvent', notify: false); + $this->dispatch('reloadMemcachedStatsEvent', notify: false); + $this->dispatch('reloadCacheFunctionsStatsEvent', notify: false); + } + + public function render() + { + return view('vuexy-admin::livewire.cache.cache-stats'); + } +} diff --git a/Livewire/Cache/MemcachedStats.php b/Livewire/Cache/MemcachedStats.php new file mode 100644 index 0000000..456b108 --- /dev/null +++ b/Livewire/Cache/MemcachedStats.php @@ -0,0 +1,64 @@ + 'reloadCacheStats']; + + public function mount() + { + $this->reloadCacheStats(false); + } + + public function reloadCacheStats($notify = true) + { + $cacheManagerService = new CacheManagerService($this->driver); + + $memcachedStats = $cacheManagerService->getMemcachedStats(); + + $this->memcachedStats = $memcachedStats['info']; + + if ($notify) { + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: $memcachedStats['status'], + message: $memcachedStats['message'] + ); + } + } + + public function clearCache() + { + $cacheManagerService = new CacheManagerService($this->driver); + + $message = $cacheManagerService->clearCache(); + + $this->reloadCacheStats(false); + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: $message['status'], + message: $message['message'], + ); + + $this->dispatch('reloadCacheStatsEvent', notify: false); + $this->dispatch('reloadSessionStatsEvent', notify: false); + $this->dispatch('reloadCacheFunctionsStatsEvent', notify: false); + } + + public function render() + { + return view('vuexy-admin::livewire.cache.memcached-stats'); + } +} diff --git a/Livewire/Cache/RedisStats.php b/Livewire/Cache/RedisStats.php new file mode 100644 index 0000000..25946b0 --- /dev/null +++ b/Livewire/Cache/RedisStats.php @@ -0,0 +1,64 @@ + 'reloadCacheStats']; + + public function mount() + { + $this->reloadCacheStats(false); + } + + public function reloadCacheStats($notify = true) + { + $cacheManagerService = new CacheManagerService($this->driver); + + $redisStats = $cacheManagerService->getRedisStats(); + + $this->redisStats = $redisStats['info']; + + if ($notify) { + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: $redisStats['status'], + message: $redisStats['message'] + ); + } + } + + public function clearCache() + { + $cacheManagerService = new CacheManagerService($this->driver); + + $message = $cacheManagerService->clearCache(); + + $this->reloadCacheStats(false); + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: $message['status'], + message: $message['message'], + ); + + $this->dispatch('reloadCacheStatsEvent', notify: false); + $this->dispatch('reloadSessionStatsEvent', notify: false); + $this->dispatch('reloadCacheFunctionsStatsEvent', notify: false); + } + + public function render() + { + return view('vuexy-admin::livewire.cache.redis-stats'); + } +} diff --git a/Livewire/Cache/SessionStats.php b/Livewire/Cache/SessionStats.php new file mode 100644 index 0000000..c6fb063 --- /dev/null +++ b/Livewire/Cache/SessionStats.php @@ -0,0 +1,63 @@ + 'reloadSessionStats']; + + public function mount(CacheConfigService $cacheConfigService) + { + $this->cacheConfig = $cacheConfigService->getConfig(); + $this->reloadSessionStats(false); + } + + public function reloadSessionStats($notify = true) + { + $sessionManagerService = new SessionManagerService(); + + $this->sessionStats = $sessionManagerService->getSessionStats(); + + if ($notify) { + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: $this->sessionStats['status'], + message: $this->sessionStats['message'] + ); + } + } + + public function clearSessions() + { + $sessionManagerService = new SessionManagerService(); + + $message = $sessionManagerService->clearSessions(); + + $this->reloadSessionStats(false); + + $this->dispatch( + 'notification', + target: $this->targetNotify, + type: $message['status'], + message: $message['message'], + ); + + $this->dispatch('reloadRedisStatsEvent', notify: false); + $this->dispatch('reloadMemcachedStatsEvent', notify: false); + } + + public function render() + { + return view('vuexy-admin::livewire.cache.session-stats'); + } +} diff --git a/Livewire/Form/AbstractFormComponent.php b/Livewire/Form/AbstractFormComponent.php new file mode 100644 index 0000000..eceaca3 --- /dev/null +++ b/Livewire/Form/AbstractFormComponent.php @@ -0,0 +1,515 @@ +uniqueId = uniqid(); + $this->mode = $mode; + $this->id = $id; + + $model = new ($this->model()); + + $this->tagName = $model->tagName; + $this->columnNameLabel = $model->columnNameLabel; + $this->singularName = $model->singularName; + $this->formId = Str::camel($model->tagName) .'Form'; + + $this->setBtnSubmitText(); + + if ($this->mode !== 'create' && $this->id) { + // Si no es modo 'create', cargamos el registro desde la BD + $record = $this->model()::findOrFail($this->id); + + $this->initializeFormData($record, $mode); + + } else { + // Modo 'create', o sin ID: iniciamos datos vacíos + $this->initializeFormData(null, $mode); + } + } + + /** + * Configura el texto del botón principal de envío, basado en la propiedad $mode. + * + * @return void + */ + private function setBtnSubmitText(): void + { + $this->btnSubmitText = match ($this->mode) { + 'create' => 'Crear ' . $this->singularName(), + 'edit' => 'Guardar cambios', + 'delete' => 'Eliminar ' . $this->singularName(), + default => 'Enviar' + }; + } + + /** + * Retorna el "singularName" definido en el modelo asociado. + * Permite también decidir si se devuelve con la primera letra en mayúscula + * o en minúscula. + * + * @param string $type Puede ser 'uppercase' o 'lowercase'. Por defecto, 'lowercase'. + * @return string Nombre en singular del modelo, formateado. + */ + private function singularName($type = 'lowercase'): string + { + /** @var Model $model */ + $model = new ($this->model()); + + return $type === 'uppercase' + ? ucfirst($model->singularName) + : lcfirst($model->singularName); + } + + /** + * Método del ciclo de vida de Livewire que se llama en cada hidratación. + * Puedes disparar eventos o manejar lógica que suceda en cada request + * una vez que Livewire 'rehidrate' el componente en el servidor. + * + * @return void + */ + public function hydrate(): void + { + $this->dispatch($this->dispatches()['on-hydrate']); + } + + // ====================================================================== + // OPERACIONES CRUD + // ====================================================================== + + /** + * Método principal de envío del formulario (submit). Gestiona los flujos + * de crear, editar o eliminar un registro dentro de una transacción de BD. + * + * @return void + */ + public function onSubmit(): void + { + DB::beginTransaction(); + + try { + if ($this->mode === 'delete') { + $this->delete(); + } else { + $this->save(); + } + + DB::commit(); + + } catch (ValidationException $e) { + DB::rollBack(); + $this->handleValidationException($e); + + } catch (QueryException $e) { + DB::rollBack(); + $this->handleDatabaseException($e); + + } catch (ModelNotFoundException $e) { + DB::rollBack(); + $this->handleException('danger', 'Registro no encontrado.'); + + } catch (Exception $e) { + DB::rollBack(); + $this->handleException('danger', 'Error al eliminar el registro: ' . $e->getMessage()); + } + } + + /** + * Crea o actualiza un registro en la base de datos, + * aplicando validaciones y llamadas a hooks antes y después de guardar. + * + * @return void + * @throws ValidationException + */ + protected function save(): void + { + // Validamos los datos, con posibles atributos y mensajes personalizados + $validatedData = $this->validate( + $this->dynamicRules($this->mode), + $this->messages(), + $this->attributes() + ); + + // Hook previo (por referencia) + $this->beforeSave($validatedData); + + // Ajustamos/convertimos los datos finales + $data = $this->prepareData($validatedData); + $record = $this->model()::updateOrCreate(['id' => $this->id], $data); + + // Hook posterior + $this->afterSave($record); + + // Notificamos éxito + $this->handleSuccess('success', $this->singularName('uppercase') . " guardado correctamente."); + } + + /** + * Elimina un registro de la base de datos (modo 'delete'), + * aplicando validaciones y hooks antes y después de la eliminación. + * + * @return void + * @throws ValidationException + */ + protected function delete(): void + { + $this->validate($this->dynamicRules('delete', $this->messages(), $this->attributes())); + + $record = $this->model()::findOrFail($this->id); + + // Hook antes de la eliminación + $this->beforeDelete($record); + + $record->delete(); + + // Hook después de la eliminación + $this->afterDelete($record); + + $this->handleSuccess('warning', $this->singularName('uppercase') . " eliminado."); + } + + // ====================================================================== + // HOOKS DE ACCIONES + // ====================================================================== + + /** + * Hook que se ejecuta antes de guardar o actualizar un registro. + * Puede usarse para ajustar o limpiar datos antes de la operación en base de datos. + * + * @param array $data Datos validados que se van a guardar. + * Se pasa por referencia para permitir cambios. + * @return void + */ + protected function beforeSave(array &$data): void {} + + /** + * Hook que se ejecuta después de guardar o actualizar un registro. + * Puede usarse para acciones como disparar eventos, notificaciones a otros sistemas, etc. + * + * @param mixed $record Instancia del modelo recién creado o actualizado. + * @return void + */ + protected function afterSave($record): void {} + + /** + * Hook que se ejecuta antes de eliminar un registro. + * Puede emplearse para validaciones adicionales o limpieza de datos relacionados. + * + * @param mixed $record Instancia del modelo que se eliminará. + * @return void + */ + protected function beforeDelete($record): void {} + + /** + * Hook que se ejecuta después de eliminar un registro. + * Útil para operaciones finales, como remover archivos relacionados o + * disparar un evento de "elemento eliminado". + * + * @param mixed $record Instancia del modelo que se acaba de eliminar. + * @return void + */ + protected function afterDelete($record): void {} + + // ====================================================================== + // MANEJO DE VALIDACIONES Y ERRORES + // ====================================================================== + + /** + * Maneja las excepciones de validación (ValidationException). + * Asigna los errores al error bag de Livewire y muestra notificaciones. + * + * @param ValidationException $e Excepción de validación. + * @return void + */ + protected function handleValidationException(ValidationException $e): void + { + $this->setErrorBag($e->validator->errors()); + $this->handleException('danger', 'Error en la validación de los datos.'); + $this->dispatch($this->dispatches()['on-failed-validation']); + } + + /** + * Maneja las excepciones de base de datos (QueryException). + * Incluye casos especiales para claves foráneas y duplicadas. + * + * @param QueryException $e Excepción de consulta a la base de datos. + * @return void + */ + protected function handleDatabaseException(QueryException $e): void + { + $errorMessage = match ($e->errorInfo[1]) { + 1452 => "Una clave foránea no es válida.", + 1062 => $this->extractDuplicateField($e->getMessage()), + 1451 => "No se puede eliminar el registro porque está en uso.", + default => env('APP_DEBUG') ? $e->getMessage() : "Error inesperado en la base de datos.", + }; + + $this->handleException('danger', $errorMessage, 'form', 120000); + } + + /** + * Maneja excepciones o errores generales, mostrando una notificación al usuario. + * + * @param string $type Tipo de notificación (por ejemplo, 'success', 'warning', 'danger'). + * @param string $message Mensaje que se mostrará en la notificación. + * @param string $target Objetivo/área donde se mostrará la notificación ('form', 'index', etc.). + * @param int $delay Tiempo en milisegundos que la notificación permanecerá visible. + * @return void + */ + protected function handleException($type, $message, $target = 'form', $delay = 9000): void + { + $this->dispatchNotification($type, $message, $target, $delay); + } + + /** + * Extrae el campo duplicado de un mensaje de error MySQL, para mostrar un mensaje amigable. + * + * @param string $errorMessage Mensaje de error completo de la base de datos. + * @return string Mensaje simplificado indicando cuál campo está duplicado. + */ + private function extractDuplicateField($errorMessage): string + { + preg_match("/for key 'unique_(.*?)'/", $errorMessage, $matches); + + return isset($matches[1]) + ? "El valor ingresado para '" . str_replace('_', ' ', $matches[1]) . "' ya está en uso." + : "Ya existe un registro con este valor."; + } + + // ====================================================================== + // NOTIFICACIONES Y REDIRECCIONAMIENTOS + // ====================================================================== + + /** + * Maneja el flujo de notificación y redirección cuando una operación + * (guardar, eliminar) finaliza satisfactoriamente. + * + * @param string $type Tipo de notificación ('success', 'warning', etc.). + * @param string $message Mensaje a mostrar. + * @return void + */ + protected function handleSuccess($type, $message): void + { + $this->dispatchNotification($type, $message, 'index'); + $this->redirectRoute($this->getRedirectRoute()); + } + + /** + * Envía una notificación al navegador (mediante eventos de Livewire) + * indicando el tipo, el mensaje y el destino donde debe visualizarse. + * + * @param string $type Tipo de notificación (success, danger, etc.). + * @param string $message Mensaje de la notificación. + * @param string $target Destino para mostrarla ('form', 'index', etc.). + * @param int $delay Duración de la notificación en milisegundos. + * @return void + */ + protected function dispatchNotification($type, $message, $target = 'form', $delay = 9000): void + { + $this->dispatch( + $target == 'index' ? 'store-notification' : 'notification', + target: $target === 'index' ? $this->targetNotifies()['index'] : $this->targetNotifies()['form'], + type: $type, + message: $message, + delay: $delay + ); + } + + // ====================================================================== + // RENDERIZACIÓN + // ====================================================================== + + /** + * Renderiza la vista Blade asociada a este componente. + * Retorna un objeto Illuminate\View\View. + * + * @return View + */ + public function render(): View + { + return view($this->viewPath()); + } +} diff --git a/Livewire/Form/AbstractFormOffCanvasComponent.php b/Livewire/Form/AbstractFormOffCanvasComponent.php new file mode 100644 index 0000000..8512a26 --- /dev/null +++ b/Livewire/Form/AbstractFormOffCanvasComponent.php @@ -0,0 +1,667 @@ + + */ + protected $casts = []; + + // ===================== MÉTODOS ABSTRACTOS ===================== + + /** + * Define el modelo Eloquent asociado con el formulario. + * + * @return string + */ + abstract protected function model(): string; + + /** + * Define los campos del formulario. + * + * @return array + */ + abstract protected function fields(): array; + + /** + * Retorna los valores por defecto para los campos del formulario. + * + * @return array Valores predeterminados. + */ + abstract protected function defaults(): array; + + /** + * Campo que se debe enfocar cuando se abra el formulario. + * + * @return string + */ + abstract protected function focusOnOpen(): string; + + /** + * Define reglas de validación dinámicas según el modo del formulario. + * + * @param string $mode Modo actual del formulario ('create', 'edit', 'delete'). + * @return array Reglas de validación. + */ + abstract protected function dynamicRules(string $mode): array; + + /** + * Devuelve las opciones que se mostrarán en los selectores del formulario. + * + * @return array Opciones para los campos del formulario. + */ + abstract protected function options(): array; + + /** + * Retorna la ruta de la vista asociada al formulario. + * + * @return string Ruta de la vista Blade. + */ + abstract protected function viewPath(): string; + + // ===================== VALIDACIONES ===================== + + protected function attributes(): array + { + return []; + } + + protected function messages(): array + { + return []; + } + + // ===================== INICIALIZACIÓN DEL COMPONENTE ===================== + + /** + * Se ejecuta cuando el componente se monta por primera vez. + * + * Inicializa propiedades y carga datos iniciales. + * + * @return void + */ + public function mount(): void + { + $this->uniqueId = uniqid(); + + $model = new ($this->model()); + + $this->tagName = $model->tagName; + $this->columnNameLabel = $model->columnNameLabel; + $this->singularName = $model->singularName; + $this->offcanvasId = 'offcanvas' . ucfirst(Str::camel($model->tagName)); + $this->formId = Str::camel($model->tagName) .'Form'; + $this->focusOnOpen = "{$this->focusOnOpen()}_{$this->uniqueId}"; + + $this->loadDefaults(); + $this->loadOptions(); + } + + // ===================== INICIALIZACIÓN Y CONFIGURACIÓN ===================== + + /** + * Devuelve los valores por defecto para los campos del formulario. + * + * @return array Valores por defecto. + */ + private function loadDefaults(): void + { + $this->defaultValues = $this->defaults(); + } + + /** + * Carga las opciones necesarias para los campos del formulario. + * + * @return void + */ + private function loadOptions(): void + { + foreach ($this->options() as $key => $value) { + $this->$key = $value; + } + } + + /** + * Carga los datos de un modelo específico en el formulario para su edición. + * + * @param int $id ID del registro a editar. + * @return void + */ + public function loadFormModel(int $id): void + { + if ($this->loadData($id)) { + $this->mode = 'edit'; + + $this->dispatch($this->getDispatche('refresh-offcanvas')); + } + } + + /** + * Carga el modelo para confirmar su eliminación. + * + * @param int $id ID del registro a eliminar. + * @return void + */ + public function loadFormModelForDeletion(int $id): void + { + if ($this->loadData($id)) { + $this->mode = 'delete'; + $this->confirmDeletion = false; + + $this->dispatch($this->getDispatche('refresh-offcanvas')); + } + } + + private function getDispatche(string $name): string + { + $model = new ($this->model()); + + $dispatches = [ + 'refresh-offcanvas' => 'refresh-' . Str::kebab($model->tagName) . '-offcanvas', + 'reload-table' => 'reload-bt-' . Str::kebab($model->tagName) . 's', + ]; + + return $dispatches[$name] ?? null; + } + + + /** + * Carga los datos del modelo según el ID proporcionado. + * + * @param int $id ID del modelo. + * @return bool True si los datos fueron cargados correctamente. + */ + protected function loadData(int $id): bool + { + $model = $this->model()::find($id); + + if ($model) { + $data = $model->only(['id', ...$this->fields()]); + + $this->applyCasts($data); + $this->fill($data); + + + return true; + } + + return false; + } + + // ===================== OPERACIONES CRUD ===================== + + /** + * Método principal para enviar el formulario. + * + * @return void + */ + public function onSubmit(): void + { + $this->successProcess = false; + $this->validationError = false; + + if(!$this->mode) + $this->mode = 'create'; + + DB::beginTransaction(); // Iniciar transacción + + try { + if($this->mode === 'delete'){ + $this->delete(); + + }else{ + $this->save(); + } + + DB::commit(); + + } catch (ValidationException $e) { + DB::rollBack(); + $this->handleValidationException($e); + + } catch (QueryException $e) { + DB::rollBack(); + $this->handleDatabaseException($e); + + } catch (ModelNotFoundException $e) { + DB::rollBack(); + $this->handleException('danger', 'Registro no encontrado.'); + + } catch (Exception $e) { + DB::rollBack(); // Revertir la transacción si ocurre un error + $this->handleException('danger', 'Error al eliminar el registro: ' . $e->getMessage()); + } + } + + /** + * Guarda o actualiza un registro en la base de datos. + * + * @return void + * @throws ValidationException + */ + protected function save(): void + { + // Valida incluyendo atributos personalizados + $validatedData = $this->validate( + $this->dynamicRules($this->mode), + $this->messages(), + $this->attributes() + ); + + $this->convertEmptyValuesToNull($validatedData); + $this->applyCasts($validatedData); + + $this->beforeSave($validatedData); + $record = $this->model()::updateOrCreate(['id' => $this->id], $validatedData); + $this->afterSave($record); + + $this->handleSuccess('success', ucfirst($this->singularName) . " guardado correctamente."); + } + + /** + * Elimina un registro en la base de datos. + * + * @return void + */ + protected function delete(): void + { + $this->validate($this->dynamicRules( + 'delete', + $this->messages(), + $this->attributes() + )); + + $record = $this->model()::findOrFail($this->id); + + $this->beforeDelete($record); + $record->delete(); + $this->afterDelete($record); + + $this->handleSuccess('warning', ucfirst($this->singularName) . " eliminado."); + } + + // ===================== HOOKS DE ACCIONES CRUD ===================== + + /** + * Hook que se ejecuta antes de guardar datos en la base de datos. + * + * Este método permite realizar modificaciones o preparar los datos antes de ser validados + * y almacenados. Es útil para formatear datos, agregar valores calculados o realizar + * operaciones previas a la persistencia. + * + * @param array $data Datos validados que se almacenarán. Se pasan por referencia, + * por lo que cualquier cambio aquí afectará directamente los datos guardados. + * + * @return void + */ + protected function beforeSave(array &$data): void {} + + /** + * Hook que se ejecuta después de guardar o actualizar un registro en la base de datos. + * + * Ideal para ejecutar tareas posteriores al guardado, como enviar notificaciones, + * registrar auditorías o realizar acciones en otros modelos relacionados. + * + * @param \Illuminate\Database\Eloquent\Model $record El modelo que fue guardado, conteniendo + * los datos actualizados. + * + * @return void + */ + protected function afterSave($record): void {} + + /** + * Hook que se ejecuta antes de eliminar un registro de la base de datos. + * + * Permite validar si el registro puede ser eliminado o realizar tareas previas + * como desasociar relaciones, eliminar archivos relacionados o verificar restricciones. + * + * @param \Illuminate\Database\Eloquent\Model $record El modelo que está por ser eliminado. + * + * @return void + */ + protected function beforeDelete($record): void {} + + /** + * Hook que se ejecuta después de eliminar un registro de la base de datos. + * + * Útil para realizar acciones adicionales tras la eliminación, como limpiar datos relacionados, + * eliminar archivos vinculados o registrar eventos de auditoría. + * + * @param \Illuminate\Database\Eloquent\Model $record El modelo eliminado. Aunque ya no existe en la base de datos, + * se conserva la información del registro en memoria. + * + * @return void + */ + protected function afterDelete($record): void {} + + // ===================== MANEJO DE VALIDACIONES Y EXCEPCIONES ===================== + + /** + * Maneja las excepciones de validación. + * + * Este método captura los errores de validación, los agrega al error bag de Livewire + * y dispara un evento para manejar el fallo de validación, útil en formularios modales. + * + * @param ValidationException $e Excepción de validación capturada. + * @return void + */ + protected function handleValidationException(ValidationException $e): void + { + $this->setErrorBag($e->validator->errors()); + + // Notifica al usuario que ocurrió un error de validación + $this->handleException('danger', 'Error en la validación de los datos.'); + } + + /** + * Maneja las excepciones relacionadas con la base de datos. + * + * Analiza el código de error de la base de datos y genera un mensaje de error específico + * para la situación. También se encarga de enviar una notificación de error. + * + * @param QueryException $e Excepción capturada durante la ejecución de una consulta. + * @return void + */ + protected function handleDatabaseException(QueryException $e): void + { + $errorMessage = match ($e->errorInfo[1]) { + 1452 => "Una clave foránea no es válida.", + 1062 => $this->extractDuplicateField($e->getMessage()), + 1451 => "No se puede eliminar el registro porque está en uso.", + default => env('APP_DEBUG') ? $e->getMessage() : "Error inesperado en la base de datos.", + }; + + $this->handleException('danger', $errorMessage, 'form', 120000); + } + + /** + * Maneja cualquier tipo de excepción general y envía una notificación al usuario. + * + * @param string $type El tipo de notificación (success, danger, warning). + * @param string $message El mensaje que se mostrará al usuario. + * @param string $target El contenedor donde se mostrará la notificación (por defecto 'form'). + * @param int $delay Tiempo en milisegundos que durará la notificación en pantalla. + * @return void + */ + protected function handleException($type, $message, $target = 'form', $delay = 9000): void + { + $this->validationError = true; + + $this->dispatch($this->getDispatche('refresh-offcanvas')); + $this->dispatchNotification($type, $message, $target, $delay); + } + + /** + * Extrae el nombre del campo duplicado de un error de base de datos MySQL. + * + * Esta función se utiliza para identificar el campo específico que causó un error + * de duplicación de clave única, y genera un mensaje personalizado para el usuario. + * + * @param string $errorMessage El mensaje de error completo proporcionado por MySQL. + * @return string Mensaje de error amigable para el usuario. + */ + private function extractDuplicateField($errorMessage): string + { + preg_match("/for key 'unique_(.*?)'/", $errorMessage, $matches); + + return isset($matches[1]) + ? "El valor ingresado para '" . str_replace('_', ' ', $matches[1]) . "' ya está en uso." + : "Ya existe un registro con este valor."; + } + + // ===================== NOTIFICACIONES Y ÉXITO ===================== + + /** + * Despacha una notificación tras el éxito de una operación. + * + * @param string $type Tipo de notificación (success, warning, danger) + * @param string $message Mensaje a mostrar. + * @return void + */ + protected function handleSuccess(string $type, string $message): void + { + $this->successProcess = true; + + $this->dispatch($this->getDispatche('refresh-offcanvas')); + $this->dispatch($this->getDispatche('reload-table')); + + $this->dispatchNotification($type, $message, 'index'); + } + + /** + * Envía una notificación al navegador. + * + * @param string $type Tipo de notificación (success, danger, etc.) + * @param string $message Mensaje de la notificación + * @param string $target Destino (form, index) + * @param int $delay Duración de la notificación en milisegundos + */ + protected function dispatchNotification($type, $message, $target = 'form', $delay = 9000): void + { + $model = new ($this->model()); + + $this->tagName = $model->tagName; + $this->columnNameLabel = $model->columnNameLabel; + $this->singularName = $model->singularName; + + $tagOffcanvas = ucfirst(Str::camel($model->tagName)); + + $targetNotifies = [ + "index" => '#bt-' . Str::kebab($model->tagName) . 's .notification-container', + "form" => "#offcanvas{$tagOffcanvas} .notification-container", + ]; + + $this->dispatch( + 'notification', + target: $target === 'index' ? $targetNotifies['index'] : $targetNotifies['form'], + type: $type, + message: $message, + delay: $delay + ); + } + + // ===================== FORMULARIO Y CONVERSIÓN DE DATOS ===================== + + /** + * Convierte los valores vacíos a `null` en los campos que son configurados como `nullable`. + * + * Esta función verifica las reglas de validación actuales y transforma todos los campos vacíos + * en valores `null` si las reglas permiten valores nulos. Es útil para evitar insertar cadenas vacías + * en la base de datos donde se espera un valor nulo. + * + * @param array $data Los datos del formulario que se deben procesar. + * @return void + */ + protected function convertEmptyValuesToNull(array &$data): void + { + $nullableFields = array_keys(array_filter($this->dynamicRules($this->mode), function ($rules) { + return in_array('nullable', (array) $rules); + })); + + foreach ($nullableFields as $field) { + if (isset($data[$field]) && $data[$field] === '') { + $data[$field] = null; + } + } + } + + /** + * Aplica tipos de datos definidos en `$casts` a los campos del formulario. + * + * Esta función toma los datos de entrada y los transforma en el tipo de datos esperado según + * lo definido en la propiedad `$casts`. Es útil para asegurar que los datos se almacenen en + * el formato correcto, como convertir cadenas a números enteros o booleanos. + * + * @param array $data Los datos del formulario que necesitan ser casteados. + * @return void + */ + protected function applyCasts(array &$data): void + { + foreach ($this->casts as $field => $type) { + if (array_key_exists($field, $data)) { + $data[$field] = $this->castValue($type, $data[$field]); + } + } + } + + /** + * Castea un valor a su tipo de dato correspondiente. + * + * Convierte un valor dado al tipo especificado, manejando adecuadamente los valores vacíos + * o nulos. También asegura que valores como `0` o `''` sean tratados correctamente + * para evitar errores al almacenarlos en la base de datos. + * + * @param string $type El tipo de dato al que se debe convertir (`boolean`, `integer`, `float`, `string`, `array`). + * @param mixed $value El valor que se debe castear. + * @return mixed El valor convertido al tipo especificado. + */ + protected function castValue($type, $value): mixed + { + // Convertir valores vacíos o cero a null si corresponde + if (is_null($value) || $value === '' || $value === '0' || $value === 0.0) { + return match ($type) { + 'boolean' => false, // No permitir null en booleanos + 'integer' => 0, // Valor por defecto para enteros + 'float', 'double' => 0.0, // Valor por defecto para decimales + 'string' => "", // Convertir cadena vacía en null + 'array' => [], // Evitar null en arrays + default => null, // Valor por defecto para otros tipos + }; + } + + // Castear el valor si no es null ni vacío + return match ($type) { + 'boolean' => (bool) $value, + 'integer' => (int) $value, + 'float', 'double' => (float) $value, + 'string' => (string) $value, + 'array' => (array) $value, + default => $value, + }; + } + + + // ===================== RENDERIZACIÓN DE VISTA ===================== + + /** + * Renderiza la vista del formulario. + * + * @return \Illuminate\View\View + */ + public function render(): View + { + return view($this->viewPath()); + } +} diff --git a/Livewire/Permissions/PermissionIndex.php b/Livewire/Permissions/PermissionIndex.php new file mode 100644 index 0000000..2aa71da --- /dev/null +++ b/Livewire/Permissions/PermissionIndex.php @@ -0,0 +1,28 @@ +roles_html_select = ""; + + return view('vuexy-admin::livewire.permissions.index'); + } +} diff --git a/Livewire/Permissions/Permissions.php b/Livewire/Permissions/Permissions.php new file mode 100644 index 0000000..661bc7f --- /dev/null +++ b/Livewire/Permissions/Permissions.php @@ -0,0 +1,35 @@ +validate([ + 'permissionName' => 'required|unique:permissions,name' + ]); + + Permission::create(['name' => $this->permissionName]); + session()->flash('message', 'Permiso creado con éxito.'); + $this->reset('permissionName'); + } + + public function deletePermission($id) + { + Permission::find($id)->delete(); + session()->flash('message', 'Permiso eliminado.'); + } + + public function render() + { + return view('livewire.permissions', [ + 'permissions' => Permission::all() + ]); + } +} diff --git a/Livewire/Roles/RoleCards.php b/Livewire/Roles/RoleCards.php new file mode 100644 index 0000000..613bf10 --- /dev/null +++ b/Livewire/Roles/RoleCards.php @@ -0,0 +1,182 @@ +loadRolesAndPermissions(); + $this->dispatch('reloadForm'); + } + + private function loadRolesAndPermissions() + { + $this->roles = Auth::user()->hasRole('SuperAdmin') ? + Role::all() : + Role::where('name', '!=', 'SuperAdmin')->get(); + + // Obtener todos los permisos + $permissions = Permission::all()->map(function ($permission) { + $name = $permission->name; + $action = substr($name, strrpos($name, '.') + 1); + + return [ + 'group_name' => $permission->group_name, + 'sub_group_name' => $permission->sub_group_name, + $action => $name // Agregar la acción directamente al array + ]; + })->groupBy('group_name'); // Agrupar los permisos por grupo + + + // Procesar los permisos agrupados para cargarlos en el componente + $permissionsInputs = []; + + $this->permissions = $permissions->map(function ($groupPermissions) use (&$permissionsInputs) { + $permission = [ + 'group_name' => $groupPermissions[0]['group_name'], // Tomar el grupo del primer permiso del grupo + 'sub_group_name' => $groupPermissions[0]['sub_group_name'], // Tomar la descripción del primer permiso del grupo + ]; + + // Agregar todas las acciones al permissionsInputs y al permission + foreach ($groupPermissions as $permissionData) { + foreach ($permissionData as $key => $value) { + if ($key !== 'sub_group_name' && $key !== 'group_name') { + $permissionsInputs[str_replace('.', '_', $value)] = false; + $permission[$key] = $value; + } + } + } + + return $permission; + }); + + $this->permissionsInputs = $permissionsInputs; + } + + public function loadRoleData($action, $roleId = false) + { + $this->resetForm(); + + $this->title = 'Agregar un nuevo rol'; + $this->btn_submit_text = 'Crear nuevo rol'; + + if ($roleId) { + $role = Role::findOrFail($roleId); + + switch ($action) { + case 'view': + $this->title = $role->name; + $this->name = $role->name; + $this->style = $role->style; + $this->dispatch('deshabilitarFormulario'); + break; + + case 'update': + $this->title = 'Editar rol'; + $this->btn_submit_text = 'Guardar cambios'; + $this->roleId = $roleId; + $this->name = $role->name; + $this->style = $role->style; + $this->dispatch('habilitarFormulario'); + break; + + case 'clone': + $this->style = $role->style; + $this->dispatch('habilitarFormulario'); + break; + + default: + break; + } + + foreach ($role->permissions as $permission) { + $this->permissionsInputs[str_replace('.', '_', $permission->name)] = true; + } + } + + $this->dispatch('reloadForm'); + } + + public function loadDestroyRoleData() {} + + public function saveRole() + { + $permissions = []; + + foreach ($this->permissionsInputs as $permission => $value) { + if ($value === true) + $permissions[] = str_replace('_', '.', $permission); + } + + if ($this->roleId) { + $role = Role::find($this->roleId); + + $role->name = $this->name; + $role->style = $this->style; + + $role->save(); + + $role->syncPermissions($permissions); + } else { + $role = Role::create([ + 'name' => $this->name, + 'style' => $this->style, + ]); + + $role->syncPermissions($permissions); + } + + $this->loadRolesAndPermissions(); + + $this->dispatch('modalHide'); + $this->dispatch('reloadForm'); + } + + public function deleteRole() + { + $role = Role::find($this->destroyRoleId); + + if ($role) + $role->delete(); + + $this->loadRolesAndPermissions(); + + $this->dispatch('modalDeleteHide'); + $this->dispatch('reloadForm'); + } + + private function resetForm() + { + $this->roleId = ''; + $this->name = ''; + $this->style = ''; + + foreach ($this->permissionsInputs as $key => $permission) { + $this->permissionsInputs[$key] = false; + } + } + + public function render() + { + return view('vuexy-admin::livewire.roles.cards'); + } +} diff --git a/Livewire/Roles/RoleIndex.php b/Livewire/Roles/RoleIndex.php new file mode 100644 index 0000000..10a168d --- /dev/null +++ b/Livewire/Roles/RoleIndex.php @@ -0,0 +1,61 @@ +availablePermissions = Permission::all(); + } + + public function createRole() + { + $this->validate([ + 'roleName' => 'required|unique:roles,name' + ]); + + $role = Role::create(['name' => $this->roleName]); + $this->reset(['roleName']); + session()->flash('message', 'Rol creado con éxito.'); + } + + public function selectRole($roleId) + { + $this->selectedRole = Role::find($roleId); + $this->permissions = $this->selectedRole->permissions->pluck('id')->toArray(); + } + + public function updateRolePermissions() + { + if ($this->selectedRole) { + $this->selectedRole->syncPermissions($this->permissions); + session()->flash('message', 'Permisos actualizados correctamente.'); + } + } + + public function deleteRole($roleId) + { + Role::find($roleId)->delete(); + session()->flash('message', 'Rol eliminado.'); + } + + public function render() + { + return view('livewire.roles', [ + 'index' => Role::paginate(10) + ]); + } +} diff --git a/Livewire/Table/AbstractIndexComponent.php b/Livewire/Table/AbstractIndexComponent.php new file mode 100644 index 0000000..93bf75f --- /dev/null +++ b/Livewire/Table/AbstractIndexComponent.php @@ -0,0 +1,174 @@ + 'id', // Campo por defecto para ordenar + 'exportFileName' => 'Listado', // Nombre de archivo para exportar + 'showFullscreen' => false, + 'showPaginationSwitch'=> false, + 'showRefresh' => false, + 'pagination' => false, + // Agrega aquí cualquier otra configuración por defecto que uses + ]; + } + + /** + * Se ejecuta al montar el componente Livewire. + * Configura $tagName, $singularName, $formId y $bt_datatable. + * + * @return void + */ + public function mount(): void + { + // Obtenemos el modelo + $model = $this->model(); + if (is_string($model)) { + // Si se retornó la clase en abstract protected function model(), + // instanciamos manualmente + $model = new $model; + } + + // Usamos las propiedades definidas en el modelo + // (tagName, singularName, etc.), si existen en el modelo. + // Ajusta nombres según tu convención. + $this->tagName = $model->tagName ?? Str::snake(class_basename($model)); + $this->singularName = $model->singularName ?? class_basename($model); + $this->formId = Str::kebab($this->tagName) . '-form'; + + // Inicia la configuración principal de la tabla + $this->setupDataTable(); + } + + /** + * Combina la configuración base de la tabla con las columnas y formatos + * definidos en las clases hijas. + * + * @return void + */ + protected function setupDataTable(): void + { + $baseConfig = $this->bootstraptableConfig(); + + $this->bt_datatable = array_merge($baseConfig, [ + 'header' => $this->columns(), + 'format' => $this->format(), + ]); + } + + /** + * Renderiza la vista definida en viewPath(). + * + * @return \Illuminate\View\View + */ + public function render() + { + return view($this->viewPath()); + } + + /** + * Ejemplo de método para la lógica de filtrado que podrías sobreescribir en la clase hija. + * + * @param array $criteria + * @return \Illuminate\Database\Eloquent\Builder + */ + protected function applyFilters($criteria = []) + { + // Aplica tu lógica de filtros, búsquedas, etc. + // La clase hija podría sobrescribir este método o llamarlo desde su propia lógica. + $query = $this->model()::query(); + + // Por ejemplo: + /* + if (!empty($criteria['store_id'])) { + $query->where('store_id', $criteria['store_id']); + } + */ + + return $query; + } +} diff --git a/Livewire/Users/UserCount.php b/Livewire/Users/UserCount.php new file mode 100644 index 0000000..0e3eb6b --- /dev/null +++ b/Livewire/Users/UserCount.php @@ -0,0 +1,31 @@ + 'updateCounts']; + + public function mount() + { + $this->updateCounts(); + } + + public function updateCounts() + { + $this->total = User::count(); + $this->enabled = User::where('status', User::STATUS_ENABLED)->count(); + $this->disabled = User::where('status', User::STATUS_DISABLED)->count(); + } + + public function render() + { + return view('vuexy-admin::livewire.users.count'); + } +} diff --git a/Livewire/Users/UserForm.php b/Livewire/Users/UserForm.php new file mode 100644 index 0000000..91f9ca1 --- /dev/null +++ b/Livewire/Users/UserForm.php @@ -0,0 +1,306 @@ +id ?? null); + } + + /** + * Cargar opciones de formularios según el modo actual. + * + * @param string $mode + */ + private function loadOptions(string $mode): void + { + $this->manager_id_options = User::getUsersListWithInactive($this->manager_id, ['type' => 'user', 'status' => 1]); + $this->c_regimen_fiscal_options = RegimenFiscal::selectList(); + $this->c_pais_options = Pais::selectList(); + $this->c_estado_options = Estado::selectList($this->c_pais)->toArray(); + + if ($mode !== 'create') { + $this->c_localidad_options = Localidad::selectList($this->c_estado)->toArray(); + $this->c_municipio_options = Municipio::selectList($this->c_estado, $this->c_municipio)->toArray(); + $this->c_colonia_options = Colonia::selectList($this->c_codigo_postal, $this->c_colonia)->toArray(); + } + } + + // ===================== MÉTODOS OBLIGATORIOS ===================== + + /** + * Devuelve el modelo Eloquent asociado. + * + * @return string + */ + protected function model(): string + { + return Store::class; + } + + /** + * Reglas de validación dinámicas según el modo actual. + * + * @param string $mode + * @return array + */ + protected function dynamicRules(string $mode): array + { + switch ($mode) { + case 'create': + case 'edit': + return [ + 'code' => [ + 'required', 'string', 'alpha_num', 'max:16', + Rule::unique('stores', 'code')->ignore($this->id) + ], + 'name' => 'required|string|max:96', + 'description' => 'nullable|string|max:1024', + 'manager_id' => 'nullable|exists:users,id', + + // Información fiscal + 'rfc' => ['nullable', 'string', 'regex:/^([A-ZÑ&]{3,4})(\d{6})([A-Z\d]{3})$/i', 'max:13'], + 'nombre_fiscal' => 'nullable|string|max:255', + 'c_regimen_fiscal' => 'nullable|exists:sat_regimen_fiscal,c_regimen_fiscal', + 'domicilio_fiscal' => 'nullable|exists:sat_codigo_postal,c_codigo_postal', + + // Ubicación + 'c_pais' => 'nullable|exists:sat_pais,c_pais|string|size:3', + 'c_estado' => 'nullable|exists:sat_estado,c_estado|string|min:2|max:3', + 'c_municipio' => 'nullable|exists:sat_municipio,c_municipio|integer', + 'c_localidad' => 'nullable|integer', + 'c_codigo_postal' => 'nullable|exists:sat_codigo_postal,c_codigo_postal|integer', + 'c_colonia' => 'nullable|exists:sat_colonia,c_colonia|integer', + 'direccion' => 'nullable|string|max:255', + 'num_ext' => 'nullable|string|max:50', + 'num_int' => 'nullable|string|max:50', + 'lat' => 'nullable|numeric|between:-90,90', + 'lng' => 'nullable|numeric|between:-180,180', + + // Contacto + 'email' => ['nullable', 'email', 'required_if:enable_ecommerce,true'], + 'tel' => ['nullable', 'regex:/^[0-9\s\-\+\(\)]+$/', 'max:15'], + 'tel2' => ['nullable', 'regex:/^[0-9\s\-\+\(\)]+$/', 'max:15'], + + // Configuración web y estado + 'show_on_website' => 'nullable|boolean', + 'enable_ecommerce' => 'nullable|boolean', + 'status' => 'nullable|boolean', + ]; + + case 'delete': + return [ + 'confirmDeletion' => 'accepted', // Asegura que el usuario confirme la eliminación + ]; + + default: + return []; + } + } + + /** + * Inicializa los datos del formulario en función del modo. + * + * @param Store|null $store + * @param string $mode + */ + protected function initializeFormData(mixed $store, string $mode): void + { + if ($store) { + $this->code = $store->code; + $this->name = $store->name; + $this->description = $store->description; + $this->manager_id = $store->manager_id; + $this->rfc = $store->rfc; + $this->nombre_fiscal = $store->nombre_fiscal; + $this->c_regimen_fiscal = $store->c_regimen_fiscal; + $this->domicilio_fiscal = $store->domicilio_fiscal; + $this->c_pais = $store->c_pais; + $this->c_estado = $store->c_estado; + $this->c_municipio = $store->c_municipio; + $this->c_localidad = $store->c_localidad; + $this->c_codigo_postal = $store->c_codigo_postal; + $this->c_colonia = $store->c_colonia; + $this->direccion = $store->direccion; + $this->num_ext = $store->num_ext; + $this->num_int = $store->num_int; + $this->lat = $store->lat; + $this->lng = $store->lng; + $this->email = $store->email; + $this->tel = $store->tel; + $this->tel2 = $store->tel2; + $this->show_on_website = (bool) $store->show_on_website; + $this->enable_ecommerce = (bool) $store->enable_ecommerce; + $this->status = (bool) $store->status; + + } else { + $this->c_pais = 'MEX'; + $this->status = true; + $this->show_on_website = false; + $this->enable_ecommerce = false; + } + + $this->loadOptions($mode); + } + + /** + * Prepara los datos validados para su almacenamiento. + * + * @param array $validatedData + * @return array + */ + protected function prepareData(array $validatedData): array + { + return [ + 'code' => $validatedData['code'], + 'name' => $validatedData['name'], + 'description' => strip_tags($validatedData['description']), + 'manager_id' => $validatedData['manager_id'], + 'rfc' => $validatedData['rfc'], + 'nombre_fiscal' => $validatedData['nombre_fiscal'], + 'c_regimen_fiscal' => $validatedData['c_regimen_fiscal'], + 'domicilio_fiscal' => $validatedData['domicilio_fiscal'], + 'c_codigo_postal' => $validatedData['c_codigo_postal'], + 'c_pais' => $validatedData['c_pais'], + 'c_estado' => $validatedData['c_estado'], + 'c_localidad' => $validatedData['c_localidad'], + 'c_municipio' => $validatedData['c_municipio'], + 'c_colonia' => $validatedData['c_colonia'], + 'direccion' => $validatedData['direccion'], + 'num_ext' => $validatedData['num_ext'], + 'num_int' => $validatedData['num_int'], + 'email' => $validatedData['email'], + 'tel' => $validatedData['tel'], + 'tel2' => $validatedData['tel2'], + 'lat' => $validatedData['lat'], + 'lng' => $validatedData['lng'], + 'status' => $validatedData['status'], + 'show_on_website' => $validatedData['show_on_website'], + 'enable_ecommerce' => $validatedData['enable_ecommerce'], + ]; + } + + /** + * Definición de los contenedores de notificación. + * + * @return array + */ + protected function targetNotifies(): array + { + return [ + "index" => "#bt-stores .notification-container", + "form" => "#store-form .notification-container", + ]; + } + + /** + * Ruta de vista asociada al formulario. + * + * @return \Illuminate\Contracts\View\View + */ + protected function viewPath(): string + { + return 'vuexy-store-manager::livewire.stores.form'; + } + + // ===================== VALIDACIONES ===================== + + /** + * Get custom attributes for validator errors. + * + * @return array + */ + public function attributes(): array + { + return [ + 'code' => 'código de sucursal', + 'name' => 'nombre de la sucursal', + ]; + } + + /** + * Get the error messages for the defined validation rules. + * + * @return array + */ + public function messages(): array + { + return [ + 'code.required' => 'El código de la sucursal es obligatorio.', + 'code.unique' => 'Este código ya está en uso por otra sucursal.', + 'name.required' => 'El nombre de la sucursal es obligatorio.', + ]; + } + + // ===================== PREPARACIÓN DE DATOS ===================== + + // ===================== NOTIFICACIONES Y EVENTOS ===================== + + /** + * Definición de los eventos del componente. + * + * @return array + */ + protected function dispatches(): array + { + return [ + 'on-failed-validation' => 'on-failed-validation-store', + 'on-hydrate' => 'on-hydrate-store-modal', + ]; + } + + // ===================== REDIRECCIÓN ===================== + + /** + * Define la ruta de redirección tras guardar o eliminar. + * + * @return string + */ + protected function getRedirectRoute(): string + { + return 'admin.core.user.index'; + } + +} diff --git a/Livewire/Users/UserIndex.copy.php b/Livewire/Users/UserIndex.copy.php new file mode 100644 index 0000000..9eb2963 --- /dev/null +++ b/Livewire/Users/UserIndex.copy.php @@ -0,0 +1,115 @@ +modalTitle = 'Crear usuario nuevo'; + $this->btnSubmitTxt = 'Crear usuario'; + + $this->statuses = [ + User::STATUS_ENABLED => ['title' => 'Activo', 'class' => 'badge bg-label-' . User::$statusListClass[User::STATUS_ENABLED]], + User::STATUS_DISABLED => ['title' => 'Deshabilitado', 'class' => 'badge bg-label-' . User::$statusListClass[User::STATUS_DISABLED]], + User::STATUS_REMOVED => ['title' => 'Eliminado', 'class' => 'badge bg-label-' . User::$statusListClass[User::STATUS_REMOVED]], + ]; + + $roles = Role::whereNotIn('name', ['Patient', 'Doctor'])->get(); + + $this->roles_html_select = ""; + + $this->status_options = [ + User::STATUS_ENABLED => User::$statusList[User::STATUS_ENABLED], + User::STATUS_DISABLED => User::$statusList[User::STATUS_DISABLED], + ]; + } + + public function countUsers() + { + $this->total = User::count(); + $this->enabled = User::where('status', User::STATUS_ENABLED)->count(); + $this->disabled = User::where('status', User::STATUS_DISABLED)->count(); + } + + + public function edit($id) + { + $user = User::findOrFail($id); + + $this->indexAlert = ''; + $this->modalTitle = 'Editar usuario: ' . $id; + $this->btnSubmitTxt = 'Guardar cambios'; + + $this->userId = $user->id; + $this->name = $user->name; + $this->email = $user->email; + $this->password = ''; + $this->roles = $user->roles->pluck('name')->toArray(); + $this->src_photo = $user->profile_photo_url; + $this->status = $user->status; + + $this->dispatch('openModal'); + } + + public function delete($id) + { + $user = User::find($id); + + if ($user) { + // Eliminar la imagen de perfil si existe + if ($user->profile_photo_path) + Storage::disk('public')->delete($user->profile_photo_path); + + // Eliminar el usuario + $user->delete(); + + $this->indexAlert = ''; + + $this->dispatch('refreshUserCount'); + $this->dispatch('afterDelete'); + } else { + $this->indexAlert = ''; + } + } + + public function render() + { + return view('vuexy-admin::livewire.users.index', [ + 'users' => User::paginate(10), + ]); + } +} diff --git a/Livewire/Users/UserIndex.php b/Livewire/Users/UserIndex.php new file mode 100644 index 0000000..49e0e3f --- /dev/null +++ b/Livewire/Users/UserIndex.php @@ -0,0 +1,299 @@ + 'Acciones', + 'code' => 'Código personal', + 'full_name' => 'Nombre Completo', + 'email' => 'Correo Electrónico', + 'parent_name' => 'Responsable', + 'parent_email' => 'Correo Responsable', + 'company' => 'Empresa', + 'birth_date' => 'Fecha de Nacimiento', + 'hire_date' => 'Fecha de Contratación', + 'curp' => 'CURP', + 'nss' => 'NSS', + 'job_title' => 'Puesto', + 'rfc' => 'RFC', + 'nombre_fiscal' => 'Nombre Fiscal', + 'profile_photo_path' => 'Foto de Perfil', + 'is_partner' => 'Socio', + 'is_employee' => 'Empleado', + 'is_prospect' => 'Prospecto', + 'is_customer' => 'Cliente', + 'is_provider' => 'Proveedor', + 'is_user' => 'Usuario', + 'status' => 'Estatus', + 'creator' => 'Creado Por', + 'creator_email' => 'Correo Creador', + 'created_at' => 'Fecha de Creación', + 'updated_at' => 'Última Modificación', + ]; + } + + /** + * Retorna el formato (formatter) para cada columna. + */ + protected function format(): array + { + return [ + 'action' => [ + 'formatter' => 'userActionFormatter', + 'onlyFormatter' => true, + ], + 'code' => [ + 'formatter' => [ + 'name' => 'dynamicBadgeFormatter', + 'params' => ['color' => 'secondary'], + ], + 'align' => 'center', + 'switchable' => false, + ], + 'full_name' => [ + 'formatter' => 'userProfileFormatter', + ], + 'email' => [ + 'formatter' => 'emailFormatter', + 'visible' => false, + ], + 'parent_name' => [ + 'formatter' => 'contactParentFormatter', + 'visible' => false, + ], + 'agent_name' => [ + 'formatter' => 'agentFormatter', + 'visible' => false, + ], + 'company' => [ + 'formatter' => 'textNowrapFormatter', + ], + 'curp' => [ + 'visible' => false, + ], + 'nss' => [ + 'visible' => false, + ], + 'job_title' => [ + 'formatter' => 'textNowrapFormatter', + 'visible' => false, + ], + 'rfc' => [ + 'visible' => false, + ], + 'nombre_fiscal' => [ + 'formatter' => 'textNowrapFormatter', + 'visible' => false, + ], + 'domicilio_fiscal' => [ + 'visible' => false, + ], + 'c_uso_cfdi' => [ + 'formatter' => 'usoCfdiFormatter', + 'visible' => false, + ], + 'tipo_persona' => [ + 'formatter' => 'dynamicBadgeFormatter', + 'align' => 'center', + 'visible' => false, + ], + 'c_regimen_fiscal' => [ + 'formatter' => 'regimenFiscalFormatter', + 'visible' => false, + ], + 'birth_date' => [ + 'align' => 'center', + 'visible' => false, + ], + 'hire_date' => [ + 'align' => 'center', + 'visible' => false, + ], + 'estado' => [ + 'formatter' => 'textNowrapFormatter', + ], + 'municipio' => [ + 'formatter' => 'textNowrapFormatter', + ], + 'localidad' => [ + 'formatter' => 'textNowrapFormatter', + 'visible' => false, + ], + 'is_partner' => [ + 'formatter' => [ + 'name' => 'dynamicBooleanFormatter', + 'params' => ['tag' => 'checkSI'], + ], + 'align' => 'center', + ], + 'is_employee' => [ + 'formatter' => [ + 'name' => 'dynamicBooleanFormatter', + 'params' => ['tag' => 'checkSI'], + ], + 'align' => 'center', + ], + 'is_prospect' => [ + 'formatter' => [ + 'name' => 'dynamicBooleanFormatter', + 'params' => ['tag' => 'checkSI'], + ], + 'align' => 'center', + ], + 'is_customer' => [ + 'formatter' => [ + 'name' => 'dynamicBooleanFormatter', + 'params' => ['tag' => 'checkSI'], + ], + 'align' => 'center', + ], + 'is_provider' => [ + 'formatter' => [ + 'name' => 'dynamicBooleanFormatter', + 'params' => ['tag' => 'checkSI'], + ], + 'align' => 'center', + ], + 'is_user' => [ + 'formatter' => [ + 'name' => 'dynamicBooleanFormatter', + 'params' => ['tag' => 'checkSI'], + ], + 'align' => 'center', + ], + 'status' => [ + 'formatter' => 'statusIntBadgeBgFormatter', + 'align' => 'center', + ], + 'creator' => [ + 'formatter' => 'creatorFormatter', + 'visible' => false, + ], + 'created_at' => [ + 'formatter' => 'textNowrapFormatter', + 'align' => 'center', + 'visible' => false, + ], + 'updated_at' => [ + 'formatter' => 'textNowrapFormatter', + 'align' => 'center', + 'visible' => false, + ], + ]; + } + + /** + * Procesa el documento recibido (CFDI XML o Constancia PDF). + */ + public function processDocument() + { + // Verificamos si el archivo es válido + if (!$this->doc_file instanceof UploadedFile) { + return $this->addError('doc_file', 'No se pudo recibir el archivo.'); + } + + try { + // Validar tipo de archivo + $this->validate([ + 'doc_file' => 'required|mimes:pdf,xml|max:2048' + ]); + + + // **Detectar el tipo de documento** + $extension = strtolower($this->doc_file->getClientOriginalExtension()); + + // **Procesar según el tipo de archivo** + switch ($extension) { + case 'xml': + $service = new FacturaXmlService(); + $data = $service->processUploadedFile($this->doc_file); + break; + + case 'pdf': + $service = new ConstanciaFiscalService(); + $data = $service->extractData($this->doc_file); + break; + + default: + throw new Exception("Formato de archivo no soportado."); + } + + dd($data); + + // **Asignar los valores extraídos al formulario** + $this->rfc = $data['rfc'] ?? null; + $this->name = $data['name'] ?? null; + $this->email = $data['email'] ?? null; + $this->tel = $data['telefono'] ?? null; + //$this->direccion = $data['domicilio_fiscal'] ?? null; + + // Ocultar el Dropzone después de procesar + $this->dropzoneVisible = false; + + } catch (ValidationException $e) { + $this->handleValidationException($e); + + } catch (QueryException $e) { + $this->handleDatabaseException($e); + + } catch (ModelNotFoundException $e) { + $this->handleException('danger', 'Registro no encontrado.'); + + } catch (Exception $e) { + $this->handleException('danger', 'Error al procesar el archivo: ' . $e->getMessage()); + } + } + + + /** + * Montamos el componente y llamamos al parent::mount() para configurar la tabla. + */ + public function mount(): void + { + parent::mount(); + + // Definimos las rutas específicas de este componente + $this->routes = [ + 'admin.user.show' => route('admin.core.users.show', ['user' => ':id']), + 'admin.user.edit' => route('admin.core.users.edit', ['user' => ':id']), + 'admin.user.delete' => route('admin.core.users.delete', ['user' => ':id']), + ]; + } + + /** + * Retorna la vista a renderizar por este componente. + */ + protected function viewPath(): string + { + return 'vuexy-admin::livewire.users.index'; + } +} diff --git a/Livewire/Users/UserOffCanvasForm.php b/Livewire/Users/UserOffCanvasForm.php new file mode 100644 index 0000000..d65c74d --- /dev/null +++ b/Livewire/Users/UserOffCanvasForm.php @@ -0,0 +1,295 @@ + 'loadFormModel', + 'confirmDeletionUsers' => 'loadFormModelForDeletion', + ]; + + /** + * Definición de tipos de datos que se deben castear. + * + * @var array + */ + protected $casts = [ + 'status' => 'boolean', + ]; + + /** + * Define el modelo Eloquent asociado con el formulario. + * + * @return string + */ + protected function model(): string + { + return User::class; + } + + /** + * Define los campos del formulario. + * + * @return array + */ + protected function fields(): array + { + return (new User())->getFillable(); + } + + /** + * Valores por defecto para el formulario. + * + * @return array + */ + protected function defaults(): array + { + return [ + // + ]; + } + + /** + * Campo que se debe enfocar cuando se abra el formulario. + * + * @return string + */ + protected function focusOnOpen(): string + { + return 'name'; + } + + /** + * Define reglas de validación dinámicas basadas en el modo actual. + * + * @param string $mode El modo actual del formulario ('create', 'edit', 'delete'). + * @return array + */ + protected function dynamicRules(string $mode): array + { + switch ($mode) { + case 'create': + case 'edit': + return [ + 'code' => ['required', 'string', 'max:16', Rule::unique('contact', 'code')->ignore($this->id)], + 'name' => ['required', 'string', 'max:96'], + 'notes' => ['nullable', 'string', 'max:1024'], + 'tel' => ['nullable', 'regex:/^[0-9+\-\s]+$/', 'max:20'], + ]; + + case 'delete': + return [ + 'confirmDeletion' => 'accepted', // Asegura que el usuario confirme la eliminación + ]; + + default: + return []; + } + } + + // ===================== VALIDACIONES ===================== + + /** + * Get custom attributes for validator errors. + * + * @return array + */ + protected function attributes(): array + { + return [ + 'code' => 'código de usuario', + 'name' => 'nombre del usuario', + ]; + } + + /** + * Get the error messages for the defined validation rules. + * + * @return array + */ + protected function messages(): array + { + return [ + 'code.unique' => 'Este código ya está en uso por otro usuario.', + 'name.required' => 'El nombre del usuario es obligatorio.', + ]; + } + + /** + * Carga el formulario con datos del usuario y actualiza las opciones dinámicas. + * + * @param int $id + */ + public function loadFormModel($id): void + { + parent::loadFormModel($id); + + $this->work_center_options = $this->store_id + ? DB::table('store_work_centers') + ->where('store_id', $this->store_id) + ->pluck('name', 'id') + ->toArray() + : []; + } + + /** + * Carga el formulario para eliminar un usuario, actualizando las opciones necesarias. + * + * @param int $id + */ + public function loadFormModelForDeletion($id): void + { + parent::loadFormModelForDeletion($id); + + $this->work_center_options = DB::table('store_work_centers') + ->where('store_id', $this->store_id) + ->pluck('name', 'id') + ->toArray(); + } + + /** + * Define las opciones de los selectores desplegables. + * + * @return array + */ + protected function options(): array + { + $storeCatalogService = app(StoreCatalogService::class); + $contactCatalogService = app(ContactCatalogService::class); + + return [ + 'store_options' => $storeCatalogService->searchCatalog('stores', '', ['limit' => -1]), + 'manager_options' => $contactCatalogService->searchCatalog('users', '', ['limit' => -1]), + ]; + } + + /** + * Procesa el documento recibido (CFDI XML o Constancia PDF). + */ + public function processDocument() + { + // Verificamos si el archivo es válido + if (!$this->doc_file instanceof UploadedFile) { + return $this->addError('doc_file', 'No se pudo recibir el archivo.'); + } + + try { + // Validar tipo de archivo + $this->validate([ + 'doc_file' => 'required|mimes:pdf,xml|max:2048' + ]); + + + // **Detectar el tipo de documento** + $extension = strtolower($this->doc_file->getClientOriginalExtension()); + + // **Procesar según el tipo de archivo** + switch ($extension) { + case 'xml': + $service = new FacturaXmlService(); + $data = $service->processUploadedFile($this->doc_file); + break; + + case 'pdf': + $service = new ConstanciaFiscalService(); + $data = $service->extractData($this->doc_file); + break; + + default: + throw new Exception("Formato de archivo no soportado."); + } + + dd($data); + + // **Asignar los valores extraídos al formulario** + $this->rfc = $data['rfc'] ?? null; + $this->name = $data['name'] ?? null; + $this->email = $data['email'] ?? null; + $this->tel = $data['telefono'] ?? null; + //$this->direccion = $data['domicilio_fiscal'] ?? null; + + // Ocultar el Dropzone después de procesar + $this->dropzoneVisible = false; + + } catch (ValidationException $e) { + $this->handleValidationException($e); + + } catch (QueryException $e) { + $this->handleDatabaseException($e); + + } catch (ModelNotFoundException $e) { + $this->handleException('danger', 'Registro no encontrado.'); + + } catch (Exception $e) { + $this->handleException('danger', 'Error al procesar el archivo: ' . $e->getMessage()); + } + } + + /** + * Ruta de la vista asociada con este formulario. + * + * @return string + */ + protected function viewPath(): string + { + return 'vuexy-admin::livewire.users.offcanvas-form'; + } +} diff --git a/Livewire/Users/UserShow.php b/Livewire/Users/UserShow.php new file mode 100644 index 0000000..de9cd95 --- /dev/null +++ b/Livewire/Users/UserShow.php @@ -0,0 +1,283 @@ + 'nullable|integer', + 'name' => 'required|string|min:3|max:255', + 'cargo' => 'nullable|string|min:3|max:255', + 'is_prospect' => 'nullable|boolean', + 'is_customer' => 'nullable|boolean', + 'is_provider' => 'nullable|boolean', + 'is_user' => 'nullable|boolean', + 'pricelist_id' => 'nullable|integer', + 'enable_credit' => 'nullable|boolean', + 'credit_days' => 'nullable|integer', + 'credit_limit' => 'nullable|numeric|min:0|max:9999999.99|regex:/^\d{1,7}(\.\d{1,2})?$/', + 'image' => 'nullable|mimes:jpg,png|image|max:20480', // 20MB Max + ]; + + // Reglas de validación para los campos fiscales + protected $rulesFacturacion = [ + 'rfc' => 'nullable|string|max:13', + 'domicilio_fiscal' => [ + 'nullable', + 'regex:/^[0-9]{5}$/', + 'exists:sat_codigo_postal,c_codigo_postal' + ], + 'nombre_fiscal' => 'nullable|string|max:255', + 'c_regimen_fiscal' => 'nullable|integer', + 'c_uso_cfdi' => 'nullable|string', + ]; + + public function mount($userId) + { + $this->user = User::findOrFail($userId); + + $this->reloadUserData(); + + $this->pricelists_options = DropdownList::selectList(DropdownList::POS_PRICELIST); + + $this->status_options = [ + User::STATUS_ENABLED => User::$statusList[User::STATUS_ENABLED], + User::STATUS_DISABLED => User::$statusList[User::STATUS_DISABLED], + ]; + + $this->regimen_fiscal_options = RegimenFiscal::selectList(); + $this->uso_cfdi_options = UsoCfdi::selectList(); + } + + + public function reloadUserData() + { + $this->tipo_persona = $this->user->tipo_persona; + $this->name = $this->user->name; + $this->cargo = $this->user->cargo; + $this->is_prospect = $this->user->is_prospect? true : false; + $this->is_customer = $this->user->is_customer? true : false; + $this->is_provider = $this->user->is_provider? true : false; + $this->is_user = $this->user->is_user? true : false; + $this->pricelist_id = $this->user->pricelist_id; + $this->enable_credit = $this->user->enable_credit? true : false; + $this->credit_days = $this->user->credit_days; + $this->credit_limit = $this->user->credit_limit; + $this->profile_photo = $this->user->profile_photo_url; + $this->profile_photo_path = $this->user->profile_photo_path; + $this->image = null; + $this->deleteUserImage = false; + + $this->status = $this->user->status; + $this->email = $this->user->email; + $this->password = null; + $this->password_confirmation = null; + + $this->rfc = $this->user->rfc; + $this->domicilio_fiscal = $this->user->domicilio_fiscal; + $this->nombre_fiscal = $this->user->nombre_fiscal; + $this->c_regimen_fiscal = $this->user->c_regimen_fiscal; + $this->c_uso_cfdi = $this->user->c_uso_cfdi; + + $this->cuentaUsuarioAlert = null; + $this->accesosAlert = null; + $this->facturacionElectronicaAlert = null; + } + + + public function saveCuentaUsuario() + { + try { + // Validar Información de usuario + $validatedData = $this->validate($this->rulesUser); + + $validatedData['name'] = trim($validatedData['name']); + $validatedData['cargo'] = $validatedData['cargo']? trim($validatedData['cargo']): null; + $validatedData['is_prospect'] = $validatedData['is_prospect'] ? 1 : 0; + $validatedData['is_customer'] = $validatedData['is_customer'] ? 1 : 0; + $validatedData['is_provider'] = $validatedData['is_provider'] ? 1 : 0; + $validatedData['is_user'] = $validatedData['is_user'] ? 1 : 0; + $validatedData['pricelist_id'] = $validatedData['pricelist_id'] ?: null; + $validatedData['enable_credit'] = $validatedData['enable_credit'] ? 1 : 0; + $validatedData['credit_days'] = $validatedData['credit_days'] ?: null; + $validatedData['credit_limit'] = $validatedData['credit_limit'] ?: null; + + if($this->tipo_persona == User::TIPO_RFC_PUBLICO){ + $validatedData['cargo'] = null; + $validatedData['is_prospect'] = null; + $validatedData['is_provider'] = null; + $validatedData['is_user'] = null; + $validatedData['enable_credit'] = null; + $validatedData['credit_days'] = null; + $validatedData['credit_limit'] = null; + } + + if(!$this->user->is_prospect && !$this->user->is_customer){ + $validatedData['pricelist_id'] = null; + } + + if(!$this->user->is_customer){ + $validatedData['enable_credit'] = null; + $validatedData['credit_days'] = null; + $validatedData['credit_limit'] = null; + } + + $this->user->update($validatedData); + + + if($this->deleteUserImage && $this->user->profile_photo_path){ + $this->user->deleteProfilePhoto(); + + // Reiniciar variables después de la eliminación + $this->deleteUserImage = false; + $this->profile_photo_path = null; + $this->profile_photo = $this->user->profile_photo_url; + + }else if ($this->image) { + $image = ImageManager::imagick()->read($this->image->getRealPath()); + $image = $image->scale(520, 520); + + $imageName = $this->image->hashName(); // Genera un nombre único + + $image->save(storage_path('app/public/profile-photos/' . $imageName)); + + $this->user->deleteProfilePhoto(); + + $this->profile_photo_path = $this->user->profile_photo_path = 'profile-photos/' . $imageName; + $this->profile_photo = $this->user->profile_photo_url; + $this->user->save(); + + unlink($this->image->getRealPath()); + + $this->reset('image'); + } + + // Puedes también devolver un mensaje de éxito si lo deseas + $this->setAlert('Se guardó los cambios exitosamente.', 'cuentaUsuarioAlert'); + + } catch (\Illuminate\Validation\ValidationException $e) { + // Si hay errores de validación, los puedes capturar y manejar aquí + $this->setAlert('Ocurrieron errores en la validación: ' . $e->validator->errors()->first(), 'cuentaUsuarioAlert', 'danger'); + } + } + + public function saveAccesos() + { + try { + $validatedData = $this->validate([ + 'status' => 'integer', + 'email' => ['required', 'email', 'unique:users,email,' . $this->user->id], + 'password' => ['nullable', 'string', 'min:6', 'max:32', 'confirmed'], // La regla 'confirmed' valida que ambas contraseñas coincidan + ], [ + 'email.required' => 'El correo electrónico es obligatorio.', + 'email.email' => 'Debes ingresar un correo electrónico válido.', + 'email.unique' => 'Este correo ya está en uso.', + 'password.min' => 'La contraseña debe tener al menos 5 caracteres.', + 'password.max' => 'La contraseña no puede tener más de 32 caracteres.', + 'password.confirmed' => 'Las contraseñas no coinciden.', + ]); + + // Si la validación es exitosa, continuar con el procesamiento + $validatedData['email'] = trim($this->email); + + if ($this->password) + $validatedData['password'] = bcrypt($this->password); + + else + unset($validatedData['password']); + + $this->user->update($validatedData); + + $this->password = null; + $this->password_confirmation = null; + + // Puedes también devolver un mensaje de éxito si lo deseas + $this->setAlert('Se guardó los cambios exitosamente.', 'accesosAlert'); + + } catch (\Illuminate\Validation\ValidationException $e) { + // Si hay errores de validación, los puedes capturar y manejar aquí + $this->setAlert('Ocurrieron errores en la validación: ' . $e->validator->errors()->first(), 'accesosAlert', 'danger'); + } + } + + public function saveFacturacionElectronica() + { + try { + // Validar Información fiscal + $validatedData = $this->validate($this->rulesFacturacion); + + $validatedData['rfc'] = strtoupper(trim($validatedData['rfc'])) ?: null; + $validatedData['domicilio_fiscal'] = $validatedData['domicilio_fiscal'] ?: null; + $validatedData['nombre_fiscal'] = strtoupper(trim($validatedData['nombre_fiscal'])) ?: null; + $validatedData['c_regimen_fiscal'] = $validatedData['c_regimen_fiscal'] ?: null; + $validatedData['c_uso_cfdi'] = $validatedData['c_uso_cfdi'] ?: null; + + $this->user->update($validatedData); + + // Puedes también devolver un mensaje de éxito si lo deseas + $this->setAlert('Se guardó los cambios exitosamente.', 'facturacionElectronicaAlert'); + + } catch (\Illuminate\Validation\ValidationException $e) { + // Si hay errores de validación, los puedes capturar y manejar aquí + $this->setAlert('Ocurrieron errores en la validación: ' . $e->validator->errors()->first(), 'facturacionElectronicaAlert', 'danger'); + } + } + + + private function setAlert($message, $alertName, $type = 'success') + { + $this->$alertName = [ + 'message' => $message, + 'type' => $type + ]; + } + + public function render() + { + return view('livewire.admin.crm.contact-view'); + } +} diff --git a/Models/MediaItem.php b/Models/MediaItem.php new file mode 100644 index 0000000..ad44908 --- /dev/null +++ b/Models/MediaItem.php @@ -0,0 +1,62 @@ + 'Card', + self::TYPE_BANNER => 'Banner', + self::TYPE_COVER => 'Cover', + self::TYPE_GALLERY => 'Gallery', + self::TYPE_BANNER_HOME => 'Banner Home', + self::TYPE_CARD2 => 'Card 2', + self::TYPE_BANNER2 => 'Banner 2', + self::TYPE_COVER2 => 'Cover 2', + ]; + + /** + * Get the parent imageable model (user or post). + */ + public function imageable() + { + return $this->morphTo(); + } +} diff --git a/Models/Setting.php b/Models/Setting.php new file mode 100644 index 0000000..7300adf --- /dev/null +++ b/Models/Setting.php @@ -0,0 +1,39 @@ + + */ + protected $fillable = [ + 'key', + 'value', + 'user_id', + ]; + + public $timestamps = false; + + // Relación con el usuario + public function user() + { + return $this->belongsTo(User::class); + } + + // Scope para obtener configuraciones de un usuario específico + public function scopeForUser($query, $userId) + { + return $query->where('user_id', $userId); + } + + // Configuraciones globales (sin usuario) + public function scopeGlobal($query) + { + return $query->whereNull('user_id'); + } +} diff --git a/Models/User copy.php b/Models/User copy.php new file mode 100644 index 0000000..cb20a95 --- /dev/null +++ b/Models/User copy.php @@ -0,0 +1,377 @@ + 'Habilitado', + self::STATUS_DISABLED => 'Deshabilitado', + self::STATUS_REMOVED => 'Eliminado', + ]; + + /** + * List of names for each status. + * @var array + */ + public static $statusListClass = [ + self::STATUS_ENABLED => 'success', + self::STATUS_DISABLED => 'warning', + self::STATUS_REMOVED => 'danger', + ]; + + /** + * The attributes that are mass assignable. + * + * @var array + */ + protected $fillable = [ + 'name', + 'last_name', + 'email', + 'password', + 'profile_photo_path', + 'status', + 'created_by', + ]; + + /** + * The attributes that should be hidden for serialization. + * + * @var array + */ + protected $hidden = [ + 'password', + 'remember_token', + 'two_factor_recovery_codes', + 'two_factor_secret', + ]; + + /** + * The accessors to append to the model's array form. + * + * @var array + */ + protected $appends = [ + 'profile_photo_url', + ]; + + /** + * Get the attributes that should be cast. + * + * @return array + */ + protected function casts(): array + { + return [ + 'email_verified_at' => 'datetime', + 'password' => 'hashed', + ]; + } + + /** + * Attributes to include in the Audit. + * + * @var array + */ + protected $auditInclude = [ + 'name', + 'email', + ]; + + public function updateProfilePhoto(UploadedFile $image_avatar) + { + try { + // Verificar si el archivo existe + if (!file_exists($image_avatar->getRealPath())) + throw new \Exception('El archivo no existe en la ruta especificada.'); + + if (!in_array($image_avatar->getClientOriginalExtension(), ['jpg', 'jpeg', 'png'])) + throw new \Exception('El formato del archivo debe ser JPG o PNG.'); + + // Directorio donde se guardarán los avatares + $avatarDisk = self::AVATAR_DISK; + $avatarPath = self::PROFILE_PHOTO_DIR; + $avatarName = uniqid('avatar_') . '.png'; // Nombre único para el avatar + + // Crear la instancia de ImageManager + $driver = config('image.driver', 'gd'); + $manager = new ImageManager($driver); + + // Crear el directorio si no existe + if (!Storage::disk($avatarDisk)->exists($avatarPath)) + Storage::disk($avatarDisk)->makeDirectory($avatarPath); + + // Leer la imagen + $image = $manager->read($image_avatar->getRealPath()); + + // crop the best fitting 5:3 (600x360) ratio and resize to 600x360 pixel + $image->cover(self::AVATAR_WIDTH, self::AVATAR_HEIGHT); + + // Guardar la imagen en el disco de almacenamiento gestionado por Laravel + Storage::disk($avatarDisk)->put($avatarPath . '/' . $avatarName, $image->toPng(indexed: true)); + + // Elimina el avatar existente si hay uno + $this->deleteProfilePhoto(); + + // Update the user's profile photo path + $this->forceFill([ + 'profile_photo_path' => $avatarName, + ])->save(); + } catch (\Exception $e) { + throw new \Exception('Ocurrió un error al actualizar el avatar. ' . $e->getMessage()); + } + } + + public function deleteProfilePhoto() + { + if (!empty($this->profile_photo_path)) { + $avatarDisk = self::AVATAR_DISK; + + Storage::disk($avatarDisk)->delete($this->profile_photo_path); + + $this->forceFill([ + 'profile_photo_path' => null, + ])->save(); + } + } + + public function getAvatarColor() + { + // Selecciona un color basado en el id del usuario + return self::AVATAR_COLORS[$this->id % count(self::AVATAR_COLORS)]; + } + + public static function getAvatarImage($name, $color, $background, $size) + { + $avatarDisk = self::AVATAR_DISK; + $directory = self::INITIAL_AVATAR_DIR; + $initials = self::getInitials($name); + + $cacheKey = "avatar-{$initials}-{$color}-{$background}-{$size}"; + $path = "{$directory}/{$cacheKey}.png"; + $storagePath = storage_path("app/public/{$path}"); + + // Verificar si el avatar ya está en caché + if (Storage::disk($avatarDisk)->exists($path)) + return response()->file($storagePath); + + // Crear el avatar + $image = self::createAvatarImage($name, $color, $background, $size); + + // Guardar en el directorio de iniciales + Storage::disk($avatarDisk)->put($path, $image->toPng(indexed: true)); + + // Retornar la imagen directamente + return response()->file($storagePath); + } + + private static function createAvatarImage($name, $color, $background, $size) + { + // Usar la configuración del driver de imagen + $driver = config('image.driver', 'gd'); + $manager = new ImageManager($driver); + + $initials = self::getInitials($name); + + // Obtener la ruta correcta de la fuente dentro del paquete + $fontPath = __DIR__ . '/../storage/fonts/OpenSans-Bold.ttf'; + + // Crear la imagen con fondo + $image = $manager->create($size, $size) + ->fill($background); + + // Escribir texto en la imagen + $image->text( + $initials, + $size / 2, // Centrar horizontalmente + $size / 2, // Centrar verticalmente + function (FontFactory $font) use ($color, $size, $fontPath) { + $font->file($fontPath); + $font->size($size * 0.4); + $font->color($color); + $font->align('center'); + $font->valign('middle'); + } + ); + + return $image; + } + + public static function getInitials($name) + { + // Manejar casos de nombres vacíos o nulos + if (empty($name)) + return 'NA'; + + // Usar array_map para mayor eficiencia + $initials = implode('', array_map(function ($word) { + return mb_substr($word, 0, 1); + }, explode(' ', $name))); + + $initials = substr($initials, 0, self::INITIAL_MAX_LENGTH); + + return strtoupper($initials); + } + + public function getProfilePhotoUrlAttribute() + { + if ($this->profile_photo_path) + return Storage::url(self::PROFILE_PHOTO_DIR . '/' . $this->profile_photo_path); + + // Generar URL del avatar por iniciales + $name = urlencode($this->fullname); + $color = ltrim($this->getAvatarColor(), '#'); + $background = ltrim(self::AVATAR_BACKGROUND, '#'); + $size = (self::AVATAR_WIDTH + self::AVATAR_HEIGHT) / 2; + + return url("/admin/usuario/avatar?name={$name}&color={$color}&background={$background}&size={$size}"); + } + + public function getFullnameAttribute() + { + return trim($this->name . ' ' . $this->last_name); + } + + public function getInitialsAttribute() + { + return self::getInitials($this->fullname); + } + + /** + * Envía la notificación de restablecimiento de contraseña. + * + * @param string $token + */ + public function sendPasswordResetNotification($token) + { + // Usar la notificación personalizada + $this->notify(new CustomResetPasswordNotification($token)); + } + + + /** + * Obtener usuarios activos con una excepción para incluir un usuario específico desactivado. + * + * @param array $filters Filtros opcionales como ['type' => 'user', 'status' => 1] + * @param int|null $includeUserId ID de usuario específico a incluir aunque esté inactivo + * @return array + */ + public static function getUsersListWithInactive(int $includeUserId = null, array $filters = []): array + { + $query = self::query(); + + // Filtro por tipo de usuario + if (isset($filters['type'])) { + switch ($filters['type']) { + case 'partner': + $query->where('is_partner', 1); + break; + case 'employee': + $query->where('is_employee', 1); + break; + case 'prospect': + $query->where('is_prospect', 1); + break; + case 'customer': + $query->where('is_customer', 1); + break; + case 'provider': + $query->where('is_provider', 1); + break; + case 'user': + $query->where('is_user', 1); + break; + } + } + + // Incluir usuarios activos o el usuario desactivado seleccionado + $query->where(function ($q) use ($filters, $includeUserId) { + if (isset($filters['status'])) { + $q->where('status', $filters['status']); + } + + if ($includeUserId) { + $q->orWhere('id', $includeUserId); + } + }); + + // Formatear los datos como id => "Nombre Apellido" + return $query->pluck(\DB::raw("CONCAT(name, ' ', IFNULL(last_name, ''))"), 'id')->toArray(); + } + + + /** + * Relations + */ + + // User who created this user + public function creator() + { + return $this->belongsTo(self::class, 'created_by'); + } + + public function isActive() + { + return $this->status === self::STATUS_ENABLED; + } + +} diff --git a/Models/User.php b/Models/User.php new file mode 100644 index 0000000..b1644d8 --- /dev/null +++ b/Models/User.php @@ -0,0 +1,237 @@ + 'Habilitado', + self::STATUS_DISABLED => 'Deshabilitado', + self::STATUS_REMOVED => 'Eliminado', + ]; + + /** + * List of names for each status. + * @var array + */ + public static $statusListClass = [ + self::STATUS_ENABLED => 'success', + self::STATUS_DISABLED => 'warning', + self::STATUS_REMOVED => 'danger', + ]; + + /** + * The attributes that are mass assignable. + * + * @var array + */ + protected $fillable = [ + 'name', + 'last_name', + 'email', + 'password', + 'profile_photo_path', + 'status', + 'created_by', + ]; + + /** + * The attributes that should be hidden for serialization. + * + * @var array + */ + protected $hidden = [ + 'password', + 'remember_token', + 'two_factor_recovery_codes', + 'two_factor_secret', + ]; + + /** + * The accessors to append to the model's array form. + * + * @var array + */ + protected $appends = [ + 'profile_photo_url', + ]; + + /** + * Nombre de la etiqueta para generar Componentes + * + * @var string + */ + public $tagName = 'User'; + + /** + * Nombre de la columna que contiee el nombre del registro + * + * @var string + */ + public $columnNameLabel = 'full_name'; + + /** + * Nombre singular del registro. + * + * @var string + */ + public $singularName = 'usuario'; + + /** + * Nombre plural del registro. + * + * @var string + */ + public $pluralName = 'usuarios'; + + /** + * Get the attributes that should be cast. + * + * @return array + */ + protected function casts(): array + { + return [ + 'email_verified_at' => 'datetime', + 'password' => 'hashed', + ]; + } + + /** + * Attributes to include in the Audit. + * + * @var array + */ + protected $auditInclude = [ + 'name', + 'email', + ]; + + /** + * Get the full name of the user. + * + * @return string + */ + public function getFullnameAttribute() + { + return trim($this->name . ' ' . $this->last_name); + } + + /** + * Get the initials of the user's full name. + * + * @return string + */ + public function getInitialsAttribute() + { + return self::getInitials($this->fullname); + } + + /** + * Envía la notificación de restablecimiento de contraseña. + * + * @param string $token + */ + public function sendPasswordResetNotification($token) + { + // Usar la notificación personalizada + $this->notify(new CustomResetPasswordNotification($token)); + } + + /** + * Obtener usuarios activos con una excepción para incluir un usuario específico desactivado. + * + * @param array $filters Filtros opcionales como ['type' => 'user', 'status' => 1] + * @param int|null $includeUserId ID de usuario específico a incluir aunque esté inactivo + * @return array + */ + public static function getUsersListWithInactive($includeUserId = null, array $filters = []): array + { + $query = self::query(); + + // Filtro por tipo de usuario dinámico + $tipoUsuarios = [ + 'partner' => 'is_partner', + 'employee' => 'is_employee', + 'prospect' => 'is_prospect', + 'customer' => 'is_customer', + 'provider' => 'is_provider', + 'user' => 'is_user', + ]; + + if (isset($filters['type']) && isset($tipoUsuarios[$filters['type']])) { + $query->where($tipoUsuarios[$filters['type']], 1); + } + + // Filtrar por estado o incluir usuario inactivo + $query->where(function ($q) use ($filters, $includeUserId) { + if (isset($filters['status'])) { + $q->where('status', $filters['status']); + } + + if ($includeUserId) { + $q->orWhere('id', $includeUserId); + } + }); + + return $query->pluck(\DB::raw("CONCAT(name, ' ', IFNULL(last_name, ''))"), 'id')->toArray(); + } + + /** + * User who created this user + */ + public function creator() + { + return $this->belongsTo(self::class, 'created_by'); + } + + /** + * Check if the user is active + */ + public function isActive() + { + return $this->status === self::STATUS_ENABLED; + } + +} diff --git a/Models/UserLogin.php b/Models/UserLogin.php new file mode 100644 index 0000000..3f86d0c --- /dev/null +++ b/Models/UserLogin.php @@ -0,0 +1,14 @@ +token = $token; + } + + /** + * Configura el canal de la notificación. + */ + public function via($notifiable) + { + return ['mail']; + } + + /** + * Configura el mensaje de correo. + */ + public function toMail($notifiable) + { + try { + // Cargar configuración SMTP desde la base de datos + $this->loadDynamicMailConfig(); + + $resetUrl = url(route('password.reset', [ + 'token' => $this->token, + 'email' => $notifiable->getEmailForPasswordReset() + ], false)); + + $appTitle = Setting::global()->where('key', 'website_title')->first()->value ?? Config::get('koneko.appTitle'); + $imageBase64 = 'data:image/png;base64,' . base64_encode(file_get_contents(public_path('/assets/img/logo/koneko-04.png'))); + $expireMinutes = Config::get('auth.passwords.' . Config::get('auth.defaults.passwords') . '.expire', 60); + + Config::set('app.name', $appTitle); + + return (new MailMessage) + ->subject("Restablece tu contraseña - {$appTitle}") + ->markdown('vuexy-admin::notifications.email', [ // Usar tu plantilla del módulo + 'greeting' => "Hola {$notifiable->name}", + 'introLines' => [ + 'Estás recibiendo este correo porque solicitaste restablecer tu contraseña.', + ], + 'actionText' => 'Restablecer contraseña', + 'actionUrl' => $resetUrl, + 'outroLines' => [ + "Este enlace expirará en {$expireMinutes} minutos.", + 'Si no solicitaste este cambio, no se requiere realizar ninguna acción.', + ], + 'displayableActionUrl' => $resetUrl, // Para el subcopy + 'image' => $imageBase64, // Imagen del logo + ]); + + /* + */ + } catch (\Exception $e) { + // Registrar el error + Log::error('Error al enviar el correo de restablecimiento: ' . $e->getMessage()); + + // Retornar un mensaje alternativo + return (new MailMessage) + ->subject('Restablece tu contraseña') + ->line('Ocurrió un error al enviar el correo. Por favor, intenta de nuevo más tarde.'); + } + } + + /** + * Cargar configuración SMTP desde la base de datos. + */ + protected function loadDynamicMailConfig() + { + try { + $smtpConfig = Setting::where('key', 'LIKE', 'mail_%') + ->pluck('value', 'key'); + + if ($smtpConfig->isEmpty()) { + throw new Exception('No SMTP configuration found in the database.'); + } + + Config::set('mail.mailers.smtp.host', $smtpConfig['mail_mailers_smtp_host'] ?? null); + Config::set('mail.mailers.smtp.port', $smtpConfig['mail_mailers_smtp_port'] ?? null); + Config::set('mail.mailers.smtp.username', $smtpConfig['mail_mailers_smtp_username'] ?? null); + Config::set( + 'mail.mailers.smtp.password', + isset($smtpConfig['mail_mailers_smtp_password']) + ? Crypt::decryptString($smtpConfig['mail_mailers_smtp_password']) + : null + ); + Config::set('mail.mailers.smtp.encryption', $smtpConfig['mail_mailers_smtp_encryption'] ?? null); + Config::set('mail.from.address', $smtpConfig['mail_from_address'] ?? null); + Config::set('mail.from.name', $smtpConfig['mail_from_name'] ?? null); + } catch (Exception $e) { + Log::error('SMTP Configuration Error: ' . $e->getMessage()); + // Opcional: Puedes lanzar la excepción o manejarla de otra manera. + throw new Exception('Error al cargar la configuración SMTP.'); + } + } +} diff --git a/Providers/ConfigServiceProvider.php b/Providers/ConfigServiceProvider.php new file mode 100644 index 0000000..d165392 --- /dev/null +++ b/Providers/ConfigServiceProvider.php @@ -0,0 +1,31 @@ +mergeConfigFrom(__DIR__.'/../config/vuexy.php', 'vuexy'); + } + + /** + * Bootstrap services. + */ + public function boot(): void + { + // Cargar configuración del sistema + $globalSettingsService = app(GlobalSettingsService::class); + $globalSettingsService->loadSystemConfig(); + + // Cargar configuración del sistema a través del servicio + app(GlobalSettingsService::class)->loadSystemConfig(); + } +} diff --git a/Providers/FortifyServiceProvider.php b/Providers/FortifyServiceProvider.php new file mode 100644 index 0000000..4b631d9 --- /dev/null +++ b/Providers/FortifyServiceProvider.php @@ -0,0 +1,124 @@ +input(Fortify::username())) . '|' . $request->ip()); + + return Limit::perMinute(5)->by($throttleKey); + }); + + RateLimiter::for('two-factor', function (Request $request) { + return Limit::perMinute(5)->by($request->session()->get('login.id')); + }); + + Fortify::authenticateUsing(function (Request $request) { + $user = User::where('email', $request->email) + ->where('status', User::STATUS_ENABLED) + ->first(); + + if ($user && Hash::check($request->password, $user->password)) { + return $user; + } + }); + + // Simula lo que hace tu middleware y comparte `_admin` + $viewMode = Config::get('vuexy.custom.authViewMode'); + $adminVars = app(AdminTemplateService::class)->getAdminVars(); + + // Configurar la vista del login + Fortify::loginView(function () use ($viewMode, $adminVars) { + $pageConfigs = ['myLayout' => 'blank']; + + view()->share('_admin', $adminVars); + + return view("vuexy-admin::auth.login-{$viewMode}", ['pageConfigs' => $pageConfigs]); + }); + + // Configurar la vista del registro (si lo necesitas) + Fortify::registerView(function () use ($viewMode, $adminVars) { + $pageConfigs = ['myLayout' => 'blank']; + + view()->share('_admin', $adminVars); + + return view("vuexy-admin::auth.register-{$viewMode}", ['pageConfigs' => $pageConfigs]); + }); + + // Configurar la vista de restablecimiento de contraseñas + Fortify::requestPasswordResetLinkView(function () use ($viewMode, $adminVars) { + $pageConfigs = ['myLayout' => 'blank']; + + view()->share('_admin', $adminVars); + + return view("vuexy-admin::auth.forgot-password-{$viewMode}", ['pageConfigs' => $pageConfigs]); + }); + + Fortify::resetPasswordView(function ($request) use ($viewMode, $adminVars) { + $pageConfigs = ['myLayout' => 'blank']; + + view()->share('_admin', $adminVars); + + return view("vuexy-admin::auth.reset-password-{$viewMode}", ['pageConfigs' => $pageConfigs, 'request' => $request]); + }); + + // Vista de verificación de correo electrónico + Fortify::verifyEmailView(function () use ($viewMode, $adminVars) { + view()->share('_admin', $adminVars); + + return view("vuexy-admin::auth.verify-email-{$viewMode}"); + }); + + // Vista de confirmación de contraseña + Fortify::confirmPasswordView(function () use ($viewMode, $adminVars) { + $pageConfigs = ['myLayout' => 'blank']; + + view()->share('_admin', $adminVars); + + return view("vuexy-admin::auth.confirm-password-{$viewMode}", ['pageConfigs' => $pageConfigs]); + }); + + // Configurar la vista para la verificación de dos factores + Fortify::twoFactorChallengeView(function () use ($viewMode, $adminVars) { + $pageConfigs = ['myLayout' => 'blank']; + + view()->share('_admin', $adminVars); + + return view("vuexy-admin::auth.two-factor-challenge-{$viewMode}", ['pageConfigs' => $pageConfigs]); + }); + } +} diff --git a/Providers/VuexyAdminServiceProvider.php b/Providers/VuexyAdminServiceProvider.php new file mode 100644 index 0000000..0040af0 --- /dev/null +++ b/Providers/VuexyAdminServiceProvider.php @@ -0,0 +1,132 @@ +mergeConfigFrom(__DIR__.'/../config/koneko.php', 'koneko'); + + // Register the module's services and providers + $this->app->register(ConfigServiceProvider::class); + $this->app->register(FortifyServiceProvider::class); + $this->app->register(PermissionServiceProvider::class); + + // Register the module's aliases + AliasLoader::getInstance()->alias('Helper', VuexyHelper::class); + } + + /** + * Bootstrap any application services. + */ + public function boot(): void + { + if(env('FORCE_HTTPS', false)){ + URL::forceScheme('https'); + } + + // Registrar alias del middleware + $this->app['router']->aliasMiddleware('admin', AdminTemplateMiddleware::class); + + // Sobrescribir ruta de traducciones para asegurar que se usen las del paquete + $this->app->bind('path.lang', function () { + return __DIR__ . '/../resources/lang'; + }); + + // Register the module's routes + $this->loadRoutesFrom(__DIR__.'/../routes/admin.php'); + + + // Cargar vistas del paquete + $this->loadViewsFrom(__DIR__.'/../resources/views', 'vuexy-admin'); + + // Registrar Componentes Blade + Blade::componentNamespace('VuexyAdmin\\View\\Components', 'vuexy-admin'); + + + // Publicar los archivos necesarios + $this->publishes([ + __DIR__.'/../config/fortify.php' => config_path('fortify.php'), + __DIR__.'/../config/image.php' => config_path('image.php'), + __DIR__.'/../config/vuexy_menu.php' => config_path('vuexy_menu.php'), + ], 'vuexy-admin-config'); + + $this->publishes([ + __DIR__.'/../database/seeders/' => database_path('seeders'), + __DIR__.'/../database/data' => database_path('data'), + ], 'vuexy-admin-seeders'); + + $this->publishes([ + __DIR__.'/../resources/img' => public_path('vendor/vuexy-admin/img'), + ], 'vuexy-admin-images'); + + + // Register the migrations + $this->loadMigrationsFrom(__DIR__ . '/../database/migrations'); + + + // Registrar eventos + Event::listen(Login::class, HandleUserLogin::class); + Event::listen(Logout::class, ClearUserCache::class); + + + // Registrar comandos de consola + if ($this->app->runningInConsole()) { + $this->commands([ + CleanInitialAvatars::class, + ]); + } + + // Registrar Livewire Components + $components = [ + 'user-index' => UserIndex::class, + 'user-show' => UserShow::class, + 'user-form' => UserForm::class, + 'user-offcanvas-form' => UserOffCanvasForm::class, + 'role-index' => RoleIndex::class, + 'permission-index' => PermissionIndex::class, + + + 'general-settings' => GeneralSettings::class, + 'application-settings' => ApplicationSettings::class, + 'interface-settings' => InterfaceSettings::class, + 'mail-smtp-settings' => MailSmtpSettings::class, + 'mail-sender-response-settings' => MailSenderResponseSettings::class, + 'cache-stats' => CacheStats::class, + 'session-stats' => SessionStats::class, + 'redis-stats' => RedisStats::class, + 'memcached-stats' => MemcachedStats::class, + 'cache-functions' => CacheFunctions::class, + ]; + + foreach ($components as $alias => $component) { + Livewire::component($alias, $component); + } + + // Registrar auditoría en usuarios + User::observe(AuditableObserver::class); + } +} diff --git a/Queries/BootstrapTableQueryBuilder.php b/Queries/BootstrapTableQueryBuilder.php new file mode 100644 index 0000000..00984cb --- /dev/null +++ b/Queries/BootstrapTableQueryBuilder.php @@ -0,0 +1,104 @@ +request = $request; + $this->config = $config; + $this->query = DB::table($config['table']); + + $this->applyJoins(); + $this->applyFilters(); + } + + protected function applyJoins() + { + if (!empty($this->config['joins'])) { + foreach ($this->config['joins'] as $join) { + $type = $join['type'] ?? 'join'; + + $this->query->{$type}($join['table'], function($joinObj) use ($join) { + $joinObj->on($join['first'], '=', $join['second']); + + // Soporte para AND en ON, si está definidio + if (!empty($join['and'])) { + foreach ((array) $join['and'] as $andCondition) { + // 'sat_codigo_postal.c_estado = sat_localidad.c_estado' + $parts = explode('=', $andCondition); + + if (count($parts) === 2) { + $left = trim($parts[0]); + $right = trim($parts[1]); + + $joinObj->whereRaw("$left = $right"); + } + } + } + }); + } + } + } + + protected function applyFilters() + { + if (!empty($this->config['filters'])) { + foreach ($this->config['filters'] as $filter => $column) { + if ($this->request->filled($filter)) { + $this->query->where($column, 'LIKE', '%' . $this->request->input($filter) . '%'); + } + } + } + } + + protected function applyGrouping() + { + if (!empty($this->config['group_by'])) { + $this->query->groupBy($this->config['group_by']); + } + } + + public function getJson() + { + $this->applyGrouping(); + + // Calcular total de filas antes de aplicar paginación + $total = DB::select("SELECT COUNT(*) as num_rows FROM (" . $this->query->selectRaw('0')->toSql() . ") as items", $this->query->getBindings())[0]->num_rows; + + // Para ver la sentencia SQL (con placeholders ?) + //dump($this->query->toSql()); dd($this->query->getBindings()); + + // Aplicar orden, paginación y selección de columnas + $this->query + ->select($this->config['columns']) + ->when($this->request->input('sort'), function ($query) { + $query->orderBy($this->request->input('sort'), $this->request->input('order', 'asc')); + }) + ->when($this->request->input('offset'), function ($query) { + $query->offset($this->request->input('offset')); + }) + ->limit($this->request->input('limit', 10)); + + // Obtener resultados y limpiar los datos antes de enviarlos + $rows = $this->query->get()->map(function ($item) { + return collect($item) + ->reject(fn($val) => is_null($val) || $val === '') // Eliminar valores nulos o vacíos + ->map(fn($val) => is_numeric($val) ? (float) $val : $val) // Convertir números correctamente + ->toArray(); + }); + + return response()->json([ + "total" => $total, + "rows" => $rows, + ]); + } +} diff --git a/Queries/GenericQueryBuilder.php b/Queries/GenericQueryBuilder.php new file mode 100644 index 0000000..23a38d3 --- /dev/null +++ b/Queries/GenericQueryBuilder.php @@ -0,0 +1,8 @@ + + Koneko Soluciones Tecnológicas Logo +

+

+ Sitio Web + Latest Stable Version + License + Servidor Git + Build Status + Issues +

+ +--- + +## 📌 Descripción + +**Laravel Vuexy Admin** es un módulo de administración optimizado para México, basado en Laravel 11 y diseñado para integrarse con **Vuexy Admin Template**. Incluye gestión avanzada de usuarios, roles, permisos y auditoría de acciones. + +### ✨ Características +- 🔹 Sistema de autenticación con Laravel Fortify. +- 🔹 Gestión avanzada de usuarios con Livewire. +- 🔹 Control de roles y permisos con Spatie Permissions. +- 🔹 Auditoría de acciones con Laravel Auditing. +- 🔹 Publicación de configuraciones y vistas. +- 🔹 Soporte para cache y optimización de rendimiento. + +--- + +## 📦 Instalación + +Instalar vía **Composer**: + +```bash +composer require koneko/laravel-vuexy-admin +``` + +Publicar archivos de configuración y migraciones: + +```bash +php artisan vendor:publish --tag=vuexy-admin-config +php artisan migrate +``` + +--- + +## 🚀 Uso básico + +```php +use Koneko\VuexyAdmin\Models\User; + +$user = User::create([ + 'name' => 'Juan Pérez', + 'email' => 'juan@example.com', + 'password' => bcrypt('secret'), +]); +``` + +--- + +## 📚 Configuración adicional + +Si necesitas personalizar la configuración del módulo, publica el archivo de configuración: + +```bash +php artisan vendor:publish --tag=vuexy-admin-config +``` + +Esto generará `config/vuexy_menu.php`, donde puedes modificar valores predeterminados. + +--- + +## 🛠 Dependencias + +Este paquete requiere las siguientes dependencias: +- Laravel 11 +- `laravel/fortify` (autenticación) +- `spatie/laravel-permission` (gestión de roles y permisos) +- `owen-it/laravel-auditing` (auditoría de usuarios) +- `livewire/livewire` (interfaz dinámica) + +--- + +## 📦 Publicación de Assets y Configuraciones + +Para publicar configuraciones y seeders: + +```bash +php artisan vendor:publish --tag=vuexy-admin-config +php artisan vendor:publish --tag=vuexy-admin-seeders +php artisan migrate --seed +``` + +Para publicar imágenes del tema: + +```bash +php artisan vendor:publish --tag=vuexy-admin-images +``` + +--- + +## 🌍 Repositorio Principal y Sincronización + +Este repositorio es una **copia sincronizada** del repositorio principal alojado en **[Tea - Koneko Git](https://git.koneko.mx/koneko/laravel-vuexy-admin)**. + +### 🔄 Sincronización con GitHub +- **Repositorio Principal:** [git.koneko.mx](https://git.koneko.mx/koneko/laravel-vuexy-admin) +- **Repositorio en GitHub:** [github.com/koneko-mx/laravel-vuexy-admin](https://github.com/koneko-mx/laravel-vuexy-admin) +- **Los cambios pueden reflejarse primero en Tea antes de GitHub.** + +### 🤝 Contribuciones +Si deseas contribuir: +1. Puedes abrir un **Issue** en [GitHub Issues](https://github.com/koneko-mx/laravel-vuexy-admin/issues). +2. Para Pull Requests, **preferimos contribuciones en Tea**. Contacta a `admin@koneko.mx` para solicitar acceso. + +⚠️ **Nota:** Algunos cambios pueden tardar en reflejarse en GitHub, ya que este repositorio se actualiza automáticamente desde Tea. + +--- + +## 🏅 Licencia + +Este paquete es de código abierto bajo la licencia [MIT](LICENSE). + +--- + + +

+ Hecho con ❤️ por Koneko Soluciones Tecnológicas +

diff --git a/Rules/NotEmptyHtml.php b/Rules/NotEmptyHtml.php new file mode 100644 index 0000000..885ec53 --- /dev/null +++ b/Rules/NotEmptyHtml.php @@ -0,0 +1,20 @@ + [180, 180], + '192x192' => [192, 192], + '152x152' => [152, 152], + '120x120' => [120, 120], + '76x76' => [76, 76], + '16x16' => [16, 16], + ]; + + private $imageLogoMaxPixels1 = 22500; // Primera versión (px^2) + private $imageLogoMaxPixels2 = 75625; // Segunda versión (px^2) + private $imageLogoMaxPixels3 = 262144; // Tercera versión (px^2) + private $imageLogoMaxPixels4 = 230400; // Tercera versión (px^2) en Base64 + + protected $cacheTTL = 60 * 24 * 30; // 30 días en minutos + + public function __construct() + { + $this->driver = config('image.driver', 'gd'); + } + + public function updateSetting(string $key, string $value): bool + { + $setting = Setting::updateOrCreate( + ['key' => $key], + ['value' => trim($value)] + ); + + return $setting->save(); + } + + public function processAndSaveFavicon($image): void + { + Storage::makeDirectory($this->imageDisk . '/' . $this->favicon_basePath); + + // Eliminar favicons antiguos + $this->deleteOldFavicons(); + + // Guardar imagen original + $imageManager = new ImageManager($this->driver); + + $imageName = uniqid('admin_favicon_'); + + $image = $imageManager->read($image->getRealPath()); + + foreach ($this->faviconsSizes as $size => [$width, $height]) { + $resizedPath = $this->favicon_basePath . $imageName . "_{$size}.png"; + + $image->cover($width, $height); + + Storage::disk($this->imageDisk)->put($resizedPath, $image->toPng(indexed: true)); + } + + $this->updateSetting('admin_favicon_ns', $this->favicon_basePath . $imageName); + } + + protected function deleteOldFavicons(): void + { + // Obtener el favicon actual desde la base de datos + $currentFavicon = Setting::where('key', 'admin_favicon_ns')->value('value'); + + if ($currentFavicon) { + $filePaths = [ + $this->imageDisk . '/' . $currentFavicon, + $this->imageDisk . '/' . $currentFavicon . '_16x16.png', + $this->imageDisk . '/' . $currentFavicon . '_76x76.png', + $this->imageDisk . '/' . $currentFavicon . '_120x120.png', + $this->imageDisk . '/' . $currentFavicon . '_152x152.png', + $this->imageDisk . '/' . $currentFavicon . '_180x180.png', + $this->imageDisk . '/' . $currentFavicon . '_192x192.png', + ]; + + foreach ($filePaths as $filePath) { + if (Storage::exists($filePath)) { + Storage::delete($filePath); + } + } + } + } + + public function processAndSaveImageLogo($image, string $type = ''): void + { + // Crear directorio si no existe + Storage::makeDirectory($this->imageDisk . '/' . $this->image_logo_basePath); + + // Eliminar imágenes antiguas + $this->deleteOldImageWebapp($type); + + // Leer imagen original + $imageManager = new ImageManager($this->driver); + $image = $imageManager->read($image->getRealPath()); + + // Generar tres versiones con diferentes áreas máximas + $this->generateAndSaveImage($image, $type, $this->imageLogoMaxPixels1, 'small'); // Versión 1 + $this->generateAndSaveImage($image, $type, $this->imageLogoMaxPixels2, 'medium'); // Versión 2 + $this->generateAndSaveImage($image, $type, $this->imageLogoMaxPixels3); // Versión 3 + $this->generateAndSaveImageAsBase64($image, $type, $this->imageLogoMaxPixels4); // Versión 3 + } + + private function generateAndSaveImage($image, string $type, int $maxPixels, string $suffix = ''): void + { + $imageClone = clone $image; + + // Escalar imagen conservando aspecto + $this->resizeImageToMaxPixels($imageClone, $maxPixels); + + $imageName = 'admin_image_logo' . ($suffix ? '_' . $suffix : '') . ($type == 'dark' ? '_dark' : ''); + + // Generar nombre y ruta + $imageNameUid = uniqid($imageName . '_', ".png"); + $resizedPath = $this->image_logo_basePath . $imageNameUid; + + // Guardar imagen en PNG + Storage::disk($this->imageDisk)->put($resizedPath, $imageClone->toPng(indexed: true)); + + // Actualizar configuración + $this->updateSetting($imageName, $resizedPath); + } + + private function resizeImageToMaxPixels($image, int $maxPixels) + { + // Obtener dimensiones originales de la imagen + $originalWidth = $image->width(); // Método para obtener el ancho + $originalHeight = $image->height(); // Método para obtener el alto + + // Calcular el aspecto + $aspectRatio = $originalWidth / $originalHeight; + + // Calcular dimensiones redimensionadas conservando aspecto + if ($aspectRatio > 1) { // Ancho es dominante + $newWidth = sqrt($maxPixels * $aspectRatio); + $newHeight = $newWidth / $aspectRatio; + } else { // Alto es dominante + $newHeight = sqrt($maxPixels / $aspectRatio); + $newWidth = $newHeight * $aspectRatio; + } + + // Redimensionar la imagen + $image->resize( + round($newWidth), // Redondear para evitar problemas con números decimales + round($newHeight), + function ($constraint) { + $constraint->aspectRatio(); + $constraint->upsize(); + } + ); + + return $image; + } + + + private function generateAndSaveImageAsBase64($image, string $type, int $maxPixels): void + { + $imageClone = clone $image; + + // Redimensionar imagen conservando el aspecto + $this->resizeImageToMaxPixels($imageClone, $maxPixels); + + // Convertir a Base64 + $base64Image = (string) $imageClone->toJpg(40)->toDataUri(); + + // Guardar como configuración + $this->updateSetting( + "admin_image_logo_base64" . ($type === 'dark' ? '_dark' : ''), + $base64Image // Ya incluye "data:image/png;base64," + ); + } + + protected function deleteOldImageWebapp(string $type = ''): void + { + // Determinar prefijo según el tipo (normal o dark) + $suffix = $type === 'dark' ? '_dark' : ''; + + // Claves relacionadas con las imágenes que queremos limpiar + $imageKeys = [ + "admin_image_logo{$suffix}", + "admin_image_logo_small{$suffix}", + "admin_image_logo_medium{$suffix}", + ]; + + // Recuperar las imágenes actuales en una sola consulta + $settings = Setting::whereIn('key', $imageKeys)->pluck('value', 'key'); + + foreach ($imageKeys as $key) { + // Obtener la imagen correspondiente + $currentImage = $settings[$key] ?? null; + + if ($currentImage) { + // Construir la ruta del archivo y eliminarlo si existe + $filePath = $this->imageDisk . '/' . $currentImage; + if (Storage::exists($filePath)) { + Storage::delete($filePath); + } + + // Eliminar la configuración de la base de datos + Setting::where('key', $key)->delete(); + } + } + } +} diff --git a/Services/AdminTemplateService.php b/Services/AdminTemplateService.php new file mode 100644 index 0000000..b1d177f --- /dev/null +++ b/Services/AdminTemplateService.php @@ -0,0 +1,156 @@ + $key], + ['value' => trim($value)] + ); + + return $setting->save(); + } + + public function getAdminVars($adminSetting = false): array + { + try { + // Verificar si el sistema está inicializado (la tabla `migrations` existe) + if (!Schema::hasTable('migrations')) { + return $this->getDefaultAdminVars($adminSetting); + } + + // Cargar desde el caché o la base de datos si está disponible + return Cache::remember('admin_settings', $this->cacheTTL, function () use ($adminSetting) { + $settings = Setting::global() + ->where('key', 'LIKE', 'admin_%') + ->pluck('value', 'key') + ->toArray(); + + $adminSettings = $this->buildAdminVarsArray($settings); + + return $adminSetting + ? $adminSettings[$adminSetting] + : $adminSettings; + }); + } catch (\Exception $e) { + // En caso de error, devolver valores predeterminados + return $this->getDefaultAdminVars($adminSetting); + } + } + + private function getDefaultAdminVars($adminSetting = false): array + { + $defaultSettings = [ + 'title' => config('koneko.appTitle', 'Default Title'), + 'author' => config('koneko.author', 'Default Author'), + 'description' => config('koneko.description', 'Default Description'), + 'favicon' => $this->getFaviconPaths([]), + 'app_name' => config('koneko.appName', 'Default App Name'), + 'image_logo' => $this->getImageLogoPaths([]), + ]; + + return $adminSetting + ? $defaultSettings[$adminSetting] ?? null + : $defaultSettings; + } + + private function buildAdminVarsArray(array $settings): array + { + return [ + 'title' => $settings['admin_title'] ?? config('koneko.appTitle'), + 'author' => config('koneko.author'), + 'description' => config('koneko.description'), + 'favicon' => $this->getFaviconPaths($settings), + 'app_name' => $settings['admin_app_name'] ?? config('koneko.appName'), + 'image_logo' => $this->getImageLogoPaths($settings), + ]; + } + + public function getVuexyCustomizerVars() + { + // Obtener valores de la base de datos + $settings = Setting::global() + ->where('key', 'LIKE', 'vuexy_%') + ->pluck('value', 'key') + ->toArray(); + + // Obtener configuraciones predeterminadas + $defaultConfig = Config::get('vuexy.custom', []); + + // Mezclar las configuraciones predeterminadas con las de la base de datos + return collect($defaultConfig) + ->mapWithKeys(function ($defaultValue, $key) use ($settings) { + $vuexyKey = 'vuexy_' . $key; // Convertir clave al formato de la base de datos + + // Obtener valor desde la base de datos o usar el predeterminado + $value = $settings[$vuexyKey] ?? $defaultValue; + + // Forzar booleanos para claves específicas + if (in_array($key, ['displayCustomizer', 'footerFixed', 'menuFixed', 'menuCollapsed', 'showDropdownOnHover'])) { + $value = filter_var($value, FILTER_VALIDATE_BOOLEAN); + } + + return [$key => $value]; + }) + ->toArray(); + } + + /** + * Obtiene los paths de favicon en distintos tamaños. + */ + private function getFaviconPaths(array $settings): array + { + $defaultFavicon = config('koneko.appFavicon'); + $namespace = $settings['admin_favicon_ns'] ?? null; + + return [ + 'namespace' => $namespace, + '16x16' => $namespace ? "{$namespace}_16x16.png" : $defaultFavicon, + '76x76' => $namespace ? "{$namespace}_76x76.png" : $defaultFavicon, + '120x120' => $namespace ? "{$namespace}_120x120.png" : $defaultFavicon, + '152x152' => $namespace ? "{$namespace}_152x152.png" : $defaultFavicon, + '180x180' => $namespace ? "{$namespace}_180x180.png" : $defaultFavicon, + '192x192' => $namespace ? "{$namespace}_192x192.png" : $defaultFavicon, + ]; + } + + /** + * Obtiene los paths de los logos en distintos tamaños. + */ + private function getImageLogoPaths(array $settings): array + { + $defaultLogo = config('koneko.appLogo'); + + return [ + 'small' => $this->getImagePath($settings, 'admin_image_logo_small', $defaultLogo), + 'medium' => $this->getImagePath($settings, 'admin_image_logo_medium', $defaultLogo), + 'large' => $this->getImagePath($settings, 'admin_image_logo', $defaultLogo), + 'small_dark' => $this->getImagePath($settings, 'admin_image_logo_small_dark', $defaultLogo), + 'medium_dark' => $this->getImagePath($settings, 'admin_image_logo_medium_dark', $defaultLogo), + 'large_dark' => $this->getImagePath($settings, 'admin_image_logo_dark', $defaultLogo), + ]; + } + + /** + * Obtiene un path de imagen o retorna un valor predeterminado. + */ + private function getImagePath(array $settings, string $key, string $default): string + { + return $settings[$key] ?? $default; + } + + public static function clearAdminVarsCache() + { + Cache::forget("admin_settings"); + } +} diff --git a/Services/AvatarImageService.php b/Services/AvatarImageService.php new file mode 100644 index 0000000..5efc78f --- /dev/null +++ b/Services/AvatarImageService.php @@ -0,0 +1,76 @@ +getRealPath())) { + throw new \Exception('El archivo no existe en la ruta especificada.'); + } + + if (!in_array($image_avatar->getClientOriginalExtension(), ['jpg', 'jpeg', 'png'])) { + throw new \Exception('El formato del archivo debe ser JPG o PNG.'); + } + + $avatarName = uniqid('avatar_') . '.png'; + $driver = config('image.driver', 'gd'); + + $manager = new ImageManager($driver); + + if (!Storage::disk($this->avatarDisk)->exists($this->profilePhotoDir)) { + Storage::disk($this->avatarDisk)->makeDirectory($this->profilePhotoDir); + } + + $image = $manager->read($image_avatar->getRealPath()); + $image->cover($this->avatarWidth, $this->avatarHeight); + Storage::disk($this->avatarDisk)->put($this->profilePhotoDir . '/' . $avatarName, $image->toPng(indexed: true)); + + // Eliminar avatar existente + $this->deleteProfilePhoto($user); + + $user->forceFill([ + 'profile_photo_path' => $avatarName, + ])->save(); + } + + + /** + * Elimina la foto de perfil actual del usuario. + * + * @param mixed $user Objeto usuario. + * + * @return void + */ + public function deleteProfilePhoto($user) + { + if (!empty($user->profile_photo_path)) { + Storage::disk($this->avatarDisk)->delete($user->profile_photo_path); + + $user->forceFill([ + 'profile_photo_path' => null, + ])->save(); + } + } +} diff --git a/Services/AvatarInitialsService.php b/Services/AvatarInitialsService.php new file mode 100644 index 0000000..df045eb --- /dev/null +++ b/Services/AvatarInitialsService.php @@ -0,0 +1,124 @@ +getAvatarColor($name); + $background = ltrim(self::AVATAR_BACKGROUND, '#'); + $size = ($this->avatarWidth + $this->avatarHeight) / 2; + $initials = self::getInitials($name); + $cacheKey = "avatar-{$initials}-{$color}-{$background}-{$size}"; + $path = "{$this->initialAvatarDir}/{$cacheKey}.png"; + $storagePath = storage_path("app/public/{$path}"); + + if (Storage::disk($this->avatarDisk)->exists($path)) { + return response()->file($storagePath); + } + + $image = $this->createAvatarImage($name, $color, self::AVATAR_BACKGROUND, $size); + Storage::disk($this->avatarDisk)->put($path, $image->toPng(indexed: true)); + + return response()->file($storagePath); + } + + /** + * Crea la imagen del avatar con las iniciales. + * + * @param string $name Nombre completo. + * @param string $color Color del texto. + * @param string $background Color de fondo. + * @param int $size Tamaño de la imagen. + * + * @return \Intervention\Image\Image La imagen generada. + */ + protected function createAvatarImage($name, $color, $background, $size) + { + $driver = config('image.driver', 'gd'); + $manager = new ImageManager($driver); + $initials = self::getInitials($name); + $fontPath = __DIR__ . '/../storage/fonts/OpenSans-Bold.ttf'; + + $image = $manager->create($size, $size) + ->fill($background); + + $image->text( + $initials, + $size / 2, + $size / 2, + function (FontFactory $font) use ($color, $size, $fontPath) { + $font->file($fontPath); + $font->size($size * 0.4); + $font->color($color); + $font->align('center'); + $font->valign('middle'); + } + ); + + return $image; + } + + /** + * Calcula las iniciales a partir del nombre. + * + * @param string $name Nombre completo. + * + * @return string Iniciales en mayúsculas. + */ + public static function getInitials($name) + { + if (empty($name)) { + return 'NA'; + } + + $initials = implode('', array_map(function ($word) { + return mb_substr($word, 0, 1); + }, explode(' ', $name))); + + return strtoupper(substr($initials, 0, self::INITIAL_MAX_LENGTH)); + } + + /** + * Selecciona un color basado en el nombre. + * + * @param string $name Nombre del usuario. + * + * @return string Color seleccionado. + */ + public function getAvatarColor($name) + { + // Por ejemplo, se puede basar en la suma de los códigos ASCII de las letras del nombre + $hash = array_sum(array_map('ord', str_split($name))); + + return self::AVATAR_COLORS[$hash % count(self::AVATAR_COLORS)]; + } +} diff --git a/Services/CacheConfigService.php b/Services/CacheConfigService.php new file mode 100644 index 0000000..0d16a91 --- /dev/null +++ b/Services/CacheConfigService.php @@ -0,0 +1,235 @@ + $this->getCacheConfig(), + 'session' => $this->getSessionConfig(), + 'database' => $this->getDatabaseConfig(), + 'driver' => $this->getDriverVersion(), + 'memcachedInUse' => $this->isDriverInUse('memcached'), + 'redisInUse' => $this->isDriverInUse('redis'), + ]; + } + + + private function getCacheConfig(): array + { + $cacheConfig = Config::get('cache'); + $driver = $cacheConfig['default']; + + switch ($driver) { + case 'redis': + $connection = config('database.redis.cache'); + $cacheConfig['host'] = $connection['host'] ?? 'localhost'; + $cacheConfig['database'] = $connection['database'] ?? 'N/A'; + break; + + case 'database': + $connection = config('database.connections.' . config('cache.stores.database.connection')); + $cacheConfig['host'] = $connection['host'] ?? 'localhost'; + $cacheConfig['database'] = $connection['database'] ?? 'N/A'; + break; + + case 'memcached': + $servers = config('cache.stores.memcached.servers'); + $cacheConfig['host'] = $servers[0]['host'] ?? 'localhost'; + $cacheConfig['database'] = 'N/A'; + break; + + case 'file': + $cacheConfig['host'] = storage_path('framework/cache/data'); + $cacheConfig['database'] = 'N/A'; + break; + + default: + $cacheConfig['host'] = 'N/A'; + $cacheConfig['database'] = 'N/A'; + break; + } + + return $cacheConfig; + } + + private function getSessionConfig(): array + { + $sessionConfig = Config::get('session'); + $driver = $sessionConfig['driver']; + + switch ($driver) { + case 'redis': + $connection = config('database.redis.sessions'); + $sessionConfig['host'] = $connection['host'] ?? 'localhost'; + $sessionConfig['database'] = $connection['database'] ?? 'N/A'; + break; + + case 'database': + $connection = config('database.connections.' . $sessionConfig['connection']); + $sessionConfig['host'] = $connection['host'] ?? 'localhost'; + $sessionConfig['database'] = $connection['database'] ?? 'N/A'; + break; + + case 'memcached': + $servers = config('cache.stores.memcached.servers'); + $sessionConfig['host'] = $servers[0]['host'] ?? 'localhost'; + $sessionConfig['database'] = 'N/A'; + break; + + case 'file': + $sessionConfig['host'] = storage_path('framework/sessions'); + $sessionConfig['database'] = 'N/A'; + break; + + default: + $sessionConfig['host'] = 'N/A'; + $sessionConfig['database'] = 'N/A'; + break; + } + + return $sessionConfig; + } + + private function getDatabaseConfig(): array + { + $databaseConfig = Config::get('database'); + $connection = $databaseConfig['default']; + + $connectionConfig = config('database.connections.' . $connection); + $databaseConfig['host'] = $connectionConfig['host'] ?? 'localhost'; + $databaseConfig['database'] = $connectionConfig['database'] ?? 'N/A'; + + return $databaseConfig; + } + + + private function getDriverVersion(): array + { + $drivers = []; + $defaultDatabaseDriver = config('database.default'); // Obtén el driver predeterminado + + switch ($defaultDatabaseDriver) { + case 'mysql': + case 'mariadb': + $drivers['mysql'] = [ + 'version' => $this->getMySqlVersion(), + 'details' => config("database.connections.$defaultDatabaseDriver"), + ]; + + $drivers['mariadb'] = $drivers['mysql']; + + case 'pgsql': + $drivers['pgsql'] = [ + 'version' => $this->getPgSqlVersion(), + 'details' => config("database.connections.pgsql"), + ]; + break; + + case 'sqlsrv': + $drivers['sqlsrv'] = [ + 'version' => $this->getSqlSrvVersion(), + 'details' => config("database.connections.sqlsrv"), + ]; + break; + + default: + $drivers['unknown'] = [ + 'version' => 'No disponible', + 'details' => 'Driver no identificado', + ]; + break; + } + + // Opcional: Agrega detalles de Redis y Memcached si están en uso + if ($this->isDriverInUse('redis')) { + $drivers['redis'] = [ + 'version' => $this->getRedisVersion(), + ]; + } + + if ($this->isDriverInUse('memcached')) { + $drivers['memcached'] = [ + 'version' => $this->getMemcachedVersion(), + ]; + } + + return $drivers; + } + + private function getMySqlVersion(): string + { + try { + $version = DB::selectOne('SELECT VERSION() as version'); + return $version->version ?? 'No disponible'; + } catch (\Exception $e) { + return 'Error: ' . $e->getMessage(); + } + } + + private function getPgSqlVersion(): string + { + try { + $version = DB::selectOne("SHOW server_version"); + return $version->server_version ?? 'No disponible'; + } catch (\Exception $e) { + return 'Error: ' . $e->getMessage(); + } + } + + private function getSqlSrvVersion(): string + { + try { + $version = DB::selectOne("SELECT @@VERSION as version"); + return $version->version ?? 'No disponible'; + } catch (\Exception $e) { + return 'Error: ' . $e->getMessage(); + } + } + + private function getMemcachedVersion(): string + { + try { + $memcached = new \Memcached(); + $memcached->addServer( + Config::get('cache.stores.memcached.servers.0.host'), + Config::get('cache.stores.memcached.servers.0.port') + ); + + $stats = $memcached->getStats(); + foreach ($stats as $serverStats) { + return $serverStats['version'] ?? 'No disponible'; + } + + return 'No disponible'; + } catch (\Exception $e) { + return 'Error: ' . $e->getMessage(); + } + } + + private function getRedisVersion(): string + { + try { + $info = Redis::info(); + return $info['redis_version'] ?? 'No disponible'; + } catch (\Exception $e) { + return 'Error: ' . $e->getMessage(); + } + } + + + protected function isDriverInUse(string $driver): bool + { + return in_array($driver, [ + Config::get('cache.default'), + Config::get('session.driver'), + Config::get('queue.default'), + ]); + } +} diff --git a/Services/CacheManagerService.php b/Services/CacheManagerService.php new file mode 100644 index 0000000..6db4419 --- /dev/null +++ b/Services/CacheManagerService.php @@ -0,0 +1,389 @@ +driver = $driver ?? config('cache.default'); + } + + /** + * Obtiene estadísticas de caché para el driver especificado. + */ + public function getCacheStats(string $driver = null): array + { + $driver = $driver ?? $this->driver; + + if (!$this->isSupportedDriver($driver)) { + return $this->response('warning', 'Driver no soportado o no configurado.'); + } + + try { + return match ($driver) { + 'database' => $this->_getDatabaseStats(), + 'file' => $this->_getFilecacheStats(), + 'redis' => $this->_getRedisStats(), + 'memcached' => $this->_getMemcachedStats(), + default => $this->response('info', 'No hay estadísticas disponibles para este driver.'), + }; + } catch (\Exception $e) { + return $this->response('danger', 'Error al obtener estadísticas: ' . $e->getMessage()); + } + } + + public function clearCache(string $driver = null): array + { + $driver = $driver ?? $this->driver; + + if (!$this->isSupportedDriver($driver)) { + return $this->response('warning', 'Driver no soportado o no configurado.'); + } + + try { + switch ($driver) { + case 'redis': + $keysCleared = $this->clearRedisCache(); + + return $keysCleared + ? $this->response('warning', 'Se ha purgado toda la caché de Redis.') + : $this->response('info', 'No se encontraron claves en Redis para eliminar.'); + + case 'memcached': + $keysCleared = $this->clearMemcachedCache(); + + return $keysCleared + ? $this->response('warning', 'Se ha purgado toda la caché de Memcached.') + : $this->response('info', 'No se encontraron claves en Memcached para eliminar.'); + + case 'database': + $rowsDeleted = $this->clearDatabaseCache(); + + return $rowsDeleted + ? $this->response('warning', 'Se ha purgado toda la caché almacenada en la base de datos.') + : $this->response('info', 'No se encontraron registros en la caché de la base de datos.'); + + case 'file': + $filesDeleted = $this->clearFilecache(); + + return $filesDeleted + ? $this->response('warning', 'Se ha purgado toda la caché de archivos.') + : $this->response('info', 'No se encontraron archivos en la caché para eliminar.'); + + default: + Cache::flush(); + + return $this->response('warning', 'Caché purgada.'); + } + } catch (\Exception $e) { + return $this->response('danger', 'Error al limpiar la caché: ' . $e->getMessage()); + } + } + + public function getRedisStats() + { + try { + if (!Redis::ping()) { + return $this->response('warning', 'No se puede conectar con el servidor Redis.'); + } + + $info = Redis::info(); + + $databases = $this->getRedisDatabases(); + + $redisInfo = [ + 'server' => config('database.redis.default.host'), + 'redis_version' => $info['redis_version'] ?? 'N/A', + 'os' => $info['os'] ?? 'N/A', + 'tcp_port' => $info['tcp_port'] ?? 'N/A', + 'connected_clients' => $info['connected_clients'] ?? 'N/A', + 'blocked_clients' => $info['blocked_clients'] ?? 'N/A', + 'maxmemory' => $info['maxmemory'] ?? 0, + 'used_memory_human' => $info['used_memory_human'] ?? 'N/A', + 'used_memory_peak' => $info['used_memory_peak'] ?? 'N/A', + 'used_memory_peak_human' => $info['used_memory_peak_human'] ?? 'N/A', + 'total_system_memory' => $info['total_system_memory'] ?? 0, + 'total_system_memory_human' => $info['total_system_memory_human'] ?? 'N/A', + 'maxmemory_human' => $info['maxmemory_human'] !== '0B' ? $info['maxmemory_human'] : 'Sin Límite', + 'total_connections_received' => number_format($info['total_connections_received']) ?? 'N/A', + 'total_commands_processed' => number_format($info['total_commands_processed']) ?? 'N/A', + 'maxmemory_policy' => $info['maxmemory_policy'] ?? 'N/A', + 'role' => $info['role'] ?? 'N/A', + 'cache_database' => '', + 'sessions_database' => '', + 'general_database' => ',', + 'keys' => $databases['total_keys'], + 'used_memory' => $info['used_memory'] ?? 0, + 'uptime' => gmdate('H\h i\m s\s', $info['uptime_in_seconds'] ?? 0), + 'databases' => $databases, + ]; + + return $this->response('success', 'Se a recargado las estadísticas de Redis.', ['info' => $redisInfo]); + } catch (\Exception $e) { + return $this->response('danger', 'Error al conectar con el servidor Redis: ' . Redis::getLastError()); + } + } + + public function getMemcachedStats() + { + try { + $memcachedStats = []; + + // Crear instancia del cliente Memcached + $memcached = new \Memcached(); + $memcached->addServer(config('memcached.host'), config('memcached.port')); + + // Obtener estadísticas del servidor + $stats = $memcached->getStats(); + + foreach ($stats as $server => $data) { + $server = explode(':', $server); + + $memcachedStats[] = [ + 'server' => $server[0], + 'tcp_port' => $server[1], + 'uptime' => $data['uptime'] ?? 'N/A', + 'version' => $data['version'] ?? 'N/A', + 'libevent' => $data['libevent'] ?? 'N/A', + 'max_connections' => $data['max_connections'] ?? 0, + 'total_connections' => $data['total_connections'] ?? 0, + 'rejected_connections' => $data['rejected_connections'] ?? 0, + 'curr_items' => $data['curr_items'] ?? 0, // Claves almacenadas + 'bytes' => $data['bytes'] ?? 0, // Memoria usada + 'limit_maxbytes' => $data['limit_maxbytes'] ?? 0, // Memoria máxima + 'cmd_get' => $data['cmd_get'] ?? 0, // Comandos GET ejecutados + 'cmd_set' => $data['cmd_set'] ?? 0, // Comandos SET ejecutados + 'get_hits' => $data['get_hits'] ?? 0, // GET exitosos + 'get_misses' => $data['get_misses'] ?? 0, // GET fallidos + 'evictions' => $data['evictions'] ?? 0, // Claves expulsadas + 'bytes_read' => $data['bytes_read'] ?? 0, // Bytes leídos + 'bytes_written' => $data['bytes_written'] ?? 0, // Bytes escritos + 'total_items' => $data['total_items'] ?? 0, + ]; + } + + return $this->response('success', 'Se a recargado las estadísticas de Memcached.', ['info' => $memcachedStats]); + } catch (\Exception $e) { + return $this->response('danger', 'Error al conectar con el servidor Memcached: ' . $e->getMessage()); + } + } + + + /** + * Obtiene estadísticas para caché en base de datos. + */ + private function _getDatabaseStats(): array + { + try { + $recordCount = DB::table('cache')->count(); + $tableInfo = DB::select("SHOW TABLE STATUS WHERE Name = 'cache'"); + + $memory_usage = isset($tableInfo[0]) ? $this->formatBytes($tableInfo[0]->Data_length + $tableInfo[0]->Index_length) : 'N/A'; + + return $this->response('success', 'Se ha recargado la información de la caché de base de datos.', ['item_count' => $recordCount, 'memory_usage' => $memory_usage]); + } catch (\Exception $e) { + return $this->response('danger', 'Error al obtener estadísticas de la base de datos: ' . $e->getMessage()); + } + } + + /** + * Obtiene estadísticas para caché en archivos. + */ + private function _getFilecacheStats(): array + { + try { + $cachePath = config('cache.stores.file.path'); + $files = glob($cachePath . '/*'); + + $memory_usage = $this->formatBytes(array_sum(array_map('filesize', $files))); + + return $this->response('success', 'Se ha recargado la información de la caché de archivos.', ['item_count' => count($files), 'memory_usage' => $memory_usage]); + } catch (\Exception $e) { + return $this->response('danger', 'Error al obtener estadísticas de archivos: ' . $e->getMessage()); + } + } + + private function _getRedisStats() + { + try { + $prefix = config('cache.prefix'); // Asegúrate de agregar el sufijo correcto si es necesario + + $info = Redis::info(); + $keys = Redis::connection('cache')->keys($prefix . '*'); + + $memory_usage = $this->formatBytes($info['used_memory'] ?? 0); + + return $this->response('success', 'Se ha recargado la información de la caché de Redis.', ['item_count' => count($keys), 'memory_usage' => $memory_usage]); + } catch (\Exception $e) { + return $this->response('danger', 'Error al obtener estadísticas de Redis: ' . $e->getMessage()); + } + } + + public function _getMemcachedStats(): array + { + try { + // Obtener estadísticas generales del servidor + $stats = Cache::getStore()->getMemcached()->getStats(); + + if (empty($stats)) { + return $this->response('error', 'No se pudieron obtener las estadísticas del servidor Memcached.', ['item_count' => 0, 'memory_usage' => 0]); + } + + // Usar el primer servidor configurado (en la mayoría de los casos hay uno) + $serverStats = array_shift($stats); + + return $this->response( + 'success', + 'Estadísticas del servidor Memcached obtenidas correctamente.', + [ + 'item_count' => $serverStats['curr_items'] ?? 0, // Número total de claves + 'memory_usage' => $this->formatBytes($serverStats['bytes'] ?? 0), // Memoria usada + 'max_memory' => $this->formatBytes($serverStats['limit_maxbytes'] ?? 0), // Memoria máxima asignada + ] + ); + } catch (\Exception $e) { + return $this->response('danger', 'Error al obtener estadísticas de Memcached: ' . $e->getMessage()); + } + } + + private function getRedisDatabases(): array + { + // Verificar si Redis está en uso + $isRedisUsed = collect([ + config('cache.default'), + config('session.driver'), + config('queue.default'), + ])->contains('redis'); + + if (!$isRedisUsed) { + return []; // Si Redis no está en uso, devolver un arreglo vacío + } + + // Configuraciones de bases de datos de Redis según su uso + $databases = [ + 'default' => config('database.redis.default.database', 0), // REDIS_DB + 'cache' => config('database.redis.cache.database', 0), // REDIS_CACHE_DB + 'sessions' => config('database.redis.sessions.database', 0), // REDIS_SESSION_DB + ]; + + $result = []; + $totalKeys = 0; + + // Recorrer solo las bases configuradas y activas + foreach ($databases as $type => $db) { + Redis::select($db); // Seleccionar la base de datos + + $keys = Redis::dbsize(); // Contar las claves en la base + + if ($keys > 0) { + $result[$type] = [ + 'database' => $db, + 'keys' => $keys, + ]; + + $totalKeys += $keys; + } + } + + if (!empty($result)) { + $result['total_keys'] = $totalKeys; + } + + return $result; + } + + + private function clearDatabaseCache(): bool + { + $count = DB::table(config('cache.stores.database.table'))->count(); + + if ($count > 0) { + DB::table(config('cache.stores.database.table'))->truncate(); + return true; + } + + return false; + } + + private function clearFilecache(): bool + { + $cachePath = config('cache.stores.file.path'); + $files = glob($cachePath . '/*'); + + if (!empty($files)) { + File::deleteDirectory($cachePath); + return true; + } + + return false; + } + + private function clearRedisCache(): bool + { + $prefix = config('cache.prefix', ''); + $keys = Redis::connection('cache')->keys($prefix . '*'); + + if (!empty($keys)) { + Redis::connection('cache')->flushdb(); + + // Simulate cache clearing delay + sleep(1); + + return true; + } + + return false; + } + + private function clearMemcachedCache(): bool + { + // Obtener el cliente Memcached directamente + $memcached = Cache::store('memcached')->getStore()->getMemcached(); + + // Ejecutar flush para eliminar todo + if ($memcached->flush()) { + // Simulate cache clearing delay + sleep(1); + + return true; + } + + return false; + } + + + /** + * Verifica si un driver es soportado. + */ + private function isSupportedDriver(string $driver): bool + { + return in_array($driver, ['redis', 'memcached', 'database', 'file']); + } + + /** + * Convierte bytes en un formato legible. + */ + private function formatBytes($bytes) + { + $sizes = ['B', 'KB', 'MB', 'GB', 'TB']; + $factor = floor((strlen($bytes) - 1) / 3); + + return sprintf('%.2f', $bytes / pow(1024, $factor)) . ' ' . $sizes[$factor]; + } + + /** + * Genera una respuesta estandarizada. + */ + private function response(string $status, string $message, array $data = []): array + { + return array_merge(compact('status', 'message'), $data); + } +} diff --git a/Services/GlobalSettingsService.php b/Services/GlobalSettingsService.php new file mode 100644 index 0000000..404fd66 --- /dev/null +++ b/Services/GlobalSettingsService.php @@ -0,0 +1,225 @@ + $key], + ['value' => trim($value)] + ); + + return $setting->save(); + } + + /** + * Carga y sobrescribe las configuraciones del sistema. + */ + public function loadSystemConfig(): void + { + try { + if (!Schema::hasTable('migrations')) { + // Base de datos no inicializada: usar valores predeterminados + $config = $this->getDefaultSystemConfig(); + } else { + // Cargar configuración desde la caché o base de datos + $config = Cache::remember('global_system_config', $this->cacheTTL, function () { + $settings = Setting::global() + ->where('key', 'LIKE', 'config.%') + ->pluck('value', 'key') + ->toArray(); + + return [ + 'servicesFacebook' => $this->buildServiceConfig($settings, 'config.services.facebook.', 'services.facebook'), + 'servicesGoogle' => $this->buildServiceConfig($settings, 'config.services.google.', 'services.google'), + 'vuexy' => $this->buildVuexyConfig($settings), + ]; + }); + } + + // Aplicar configuración al sistema + Config::set('services.facebook', $config['servicesFacebook']); + Config::set('services.google', $config['servicesGoogle']); + Config::set('vuexy', $config['vuexy']); + } catch (\Exception $e) { + // Manejo silencioso de errores para evitar interrupciones + Config::set('services.facebook', config('services.facebook', [])); + Config::set('services.google', config('services.google', [])); + Config::set('vuexy', config('vuexy', [])); + } + } + + /** + * Devuelve una configuración predeterminada si la base de datos no está inicializada. + */ + private function getDefaultSystemConfig(): array + { + return [ + 'servicesFacebook' => config('services.facebook', [ + 'client_id' => '', + 'client_secret' => '', + 'redirect' => '', + ]), + 'servicesGoogle' => config('services.google', [ + 'client_id' => '', + 'client_secret' => '', + 'redirect' => '', + ]), + 'vuexy' => config('vuexy', []), + ]; + } + + /** + * Verifica si un bloque de configuraciones está presente. + */ + protected function hasBlockConfig(array $settings, string $blockPrefix): bool + { + return array_key_exists($blockPrefix, array_filter($settings, fn($key) => str_starts_with($key, $blockPrefix), ARRAY_FILTER_USE_KEY)); + } + + /** + * Construye la configuración de un servicio (Facebook, Google, etc.). + */ + protected function buildServiceConfig(array $settings, string $blockPrefix, string $defaultConfigKey): array + { + if (!$this->hasBlockConfig($settings, $blockPrefix)) { + return []; + return config($defaultConfigKey); + } + + return [ + 'client_id' => $settings["{$blockPrefix}client_id"] ?? '', + 'client_secret' => $settings["{$blockPrefix}client_secret"] ?? '', + 'redirect' => $settings["{$blockPrefix}redirect"] ?? '', + ]; + } + + /** + * Construye la configuración personalizada de Vuexy. + */ + protected function buildVuexyConfig(array $settings): array + { + // Configuración predeterminada del sistema + $defaultVuexyConfig = config('vuexy', []); + + // Convertimos las claves planas a un array multidimensional + $settingsNested = Arr::undot($settings); + + // Navegamos hasta la parte relevante del array desanidado + $vuexySettings = $settingsNested['config']['vuexy'] ?? []; + + // Fusionamos la configuración predeterminada con los valores del sistema + $mergedConfig = array_replace_recursive($defaultVuexyConfig, $vuexySettings); + + // Normalizamos los valores booleanos + return $this->normalizeBooleanFields($mergedConfig); + } + + /** + * Normaliza los campos booleanos. + */ + protected function normalizeBooleanFields(array $config): array + { + $booleanFields = [ + 'myRTLSupport', + 'myRTLMode', + 'hasCustomizer', + 'displayCustomizer', + 'footerFixed', + 'menuFixed', + 'menuCollapsed', + 'showDropdownOnHover', + ]; + + foreach ($booleanFields as $field) { + if (isset($config['vuexy'][$field])) { + $config['vuexy'][$field] = (bool) $config['vuexy'][$field]; + } + } + + return $config; + } + + /** + * Limpia el caché de la configuración del sistema. + */ + public static function clearSystemConfigCache(): void + { + Cache::forget('global_system_config'); + } + + /** + * Elimina las claves config.vuexy.* y limpia global_system_config + */ + public static function clearVuexyConfig(): void + { + Setting::where('key', 'LIKE', 'config.vuexy.%')->delete(); + Cache::forget('global_system_config'); + } + + /** + * Obtiene y sobrescribe la configuración de correo electrónico. + */ + public function getMailSystemConfig(): array + { + return Cache::remember('mail_system_config', $this->cacheTTL, function () { + $settings = Setting::global() + ->where('key', 'LIKE', 'mail.%') + ->pluck('value', 'key') + ->toArray(); + + $defaultMailersSmtpVars = config('mail.mailers.smtp'); + + return [ + 'mailers' => [ + 'smtp' => array_merge($defaultMailersSmtpVars, [ + 'url' => $settings['mail.mailers.smtp.url'] ?? $defaultMailersSmtpVars['url'], + 'host' => $settings['mail.mailers.smtp.host'] ?? $defaultMailersSmtpVars['host'], + 'port' => $settings['mail.mailers.smtp.port'] ?? $defaultMailersSmtpVars['port'], + 'encryption' => $settings['mail.mailers.smtp.encryption'] ?? 'TLS', + 'username' => $settings['mail.mailers.smtp.username'] ?? $defaultMailersSmtpVars['username'], + 'password' => isset($settings['mail.mailers.smtp.password']) && !empty($settings['mail.mailers.smtp.password']) + ? Crypt::decryptString($settings['mail.mailers.smtp.password']) + : $defaultMailersSmtpVars['password'], + 'timeout' => $settings['mail.mailers.smtp.timeout'] ?? $defaultMailersSmtpVars['timeout'], + ]), + ], + 'from' => [ + 'address' => $settings['mail.from.address'] ?? config('mail.from.address'), + 'name' => $settings['mail.from.name'] ?? config('mail.from.name'), + ], + 'reply_to' => [ + 'method' => $settings['mail.reply_to.method'] ?? config('mail.reply_to.method'), + 'email' => $settings['mail.reply_to.email'] ?? config('mail.reply_to.email'), + 'name' => $settings['mail.reply_to.name'] ?? config('mail.reply_to.name'), + ], + ]; + }); + } + + /** + * Limpia el caché de la configuración de correo electrónico. + */ + public static function clearMailSystemConfigCache(): void + { + Cache::forget('mail_system_config'); + } + +} diff --git a/Services/RBACService.php b/Services/RBACService.php new file mode 100644 index 0000000..f38db6b --- /dev/null +++ b/Services/RBACService.php @@ -0,0 +1,28 @@ + $perm]); + } + + foreach ($rbacData['roles'] as $name => $role) { + $roleInstance = Role::updateOrCreate(['name' => $name, 'style' => $role['style']]); + $roleInstance->syncPermissions($role['permissions']); + } + } +} diff --git a/Services/SessionManagerService.php b/Services/SessionManagerService.php new file mode 100644 index 0000000..d57d05f --- /dev/null +++ b/Services/SessionManagerService.php @@ -0,0 +1,153 @@ +driver = $driver ?? config('session.driver'); + } + + public function getSessionStats(string $driver = null): array + { + $driver = $driver ?? $this->driver; + + if (!$this->isSupportedDriver($driver)) + return $this->response('warning', 'Driver no soportado o no configurado.', ['session_count' => 0]); + + try { + switch ($driver) { + case 'redis': + return $this->getRedisStats(); + + case 'database': + return $this->getDatabaseStats(); + + case 'file': + return $this->getFileStats(); + + default: + return $this->response('warning', 'Driver no reconocido.', ['session_count' => 0]); + } + } catch (\Exception $e) { + return $this->response('danger', 'Error al obtener estadísticas: ' . $e->getMessage(), ['session_count' => 0]); + } + } + + public function clearSessions(string $driver = null): array + { + $driver = $driver ?? $this->driver; + + if (!$this->isSupportedDriver($driver)) { + return $this->response('warning', 'Driver no soportado o no configurado.'); + } + + try { + switch ($driver) { + case 'redis': + return $this->clearRedisSessions(); + + case 'memcached': + Cache::getStore()->flush(); + return $this->response('success', 'Se eliminó la memoria caché de sesiones en Memcached.'); + + case 'database': + DB::table('sessions')->truncate(); + return $this->response('success', 'Se eliminó la memoria caché de sesiones en la base de datos.'); + + case 'file': + return $this->clearFileSessions(); + + default: + return $this->response('warning', 'Driver no reconocido.'); + } + } catch (\Exception $e) { + return $this->response('danger', 'Error al limpiar las sesiones: ' . $e->getMessage()); + } + } + + + private function getRedisStats() + { + $prefix = config('cache.prefix'); // Asegúrate de agregar el sufijo correcto si es necesario + $keys = Redis::connection('sessions')->keys($prefix . '*'); + + return $this->response('success', 'Se ha recargado la información de la caché de Redis.', ['session_count' => count($keys)]); + } + + private function getDatabaseStats(): array + { + $sessionCount = DB::table('sessions')->count(); + + return $this->response('success', 'Se ha recargado la información de la base de datos.', ['session_count' => $sessionCount]); + } + + private function getFileStats(): array + { + $cachePath = config('session.files'); + $files = glob($cachePath . '/*'); + + return $this->response('success', 'Se ha recargado la información de sesiones de archivos.', ['session_count' => count($files)]); + } + + + /** + * Limpia sesiones en Redis. + */ + private function clearRedisSessions(): array + { + $prefix = config('cache.prefix', ''); + $keys = Redis::connection('sessions')->keys($prefix . '*'); + + if (!empty($keys)) { + Redis::connection('sessions')->flushdb(); + + // Simulate cache clearing delay + sleep(1); + + return $this->response('success', 'Se eliminó la memoria caché de sesiones en Redis.'); + } + + return $this->response('info', 'No se encontraron claves para eliminar en Redis.'); + } + + /** + * Limpia sesiones en archivos. + */ + private function clearFileSessions(): array + { + $cachePath = config('session.files'); + $files = glob($cachePath . '/*'); + + if (!empty($files)) { + foreach ($files as $file) { + unlink($file); + } + + return $this->response('success', 'Se eliminó la memoria caché de sesiones en archivos.'); + } + + return $this->response('info', 'No se encontraron sesiones en archivos para eliminar.'); + } + + + private function isSupportedDriver(string $driver): bool + { + return in_array($driver, ['redis', 'memcached', 'database', 'file']); + } + + /** + * Genera una respuesta estandarizada. + */ + private function response(string $status, string $message, array $data = []): array + { + return array_merge(compact('status', 'message'), $data); + } +} diff --git a/Services/VuexyAdminService.php b/Services/VuexyAdminService.php new file mode 100644 index 0000000..64d3982 --- /dev/null +++ b/Services/VuexyAdminService.php @@ -0,0 +1,623 @@ + 'Inicio', + 'route' => 'admin.core.home.index', + ]; + + private $user; + + public function __construct() + { + $this->user = Auth::user(); + $this->vuexySearch = Auth::user() !== null; + $this->orientation = config('vuexy.custom.myLayout'); + } + + /** + * Obtiene el menú según el estado del usuario (autenticado o no). + */ + public function getMenu() + { + // Obtener el menú desde la caché + $menu = $this->user === null + ? $this->getGuestMenu() + : $this->getUserMenu(); + + // Marcar la ruta actual como activa + $currentRoute = Route::currentRouteName(); + + return $this->markActive($menu, $currentRoute); + } + + /** + * Menú para usuarios no autenticados.dump + */ + private function getGuestMenu() + { + return Cache::remember('vuexy_menu_guest', now()->addDays(7), function () { + return $this->getMenuArray(); + }); + } + + /** + * Menú para usuarios autenticados. + */ + private function getUserMenu() + { + Cache::forget("vuexy_menu_user_{$this->user->id}"); // Borrar la caché anterior para actualizarla + + return Cache::remember("vuexy_menu_user_{$this->user->id}", now()->addHours(24), function () { + return $this->getMenuArray(); + }); + } + + private function markActive($menu, $currentRoute) + { + foreach ($menu as &$item) { + $item['active'] = false; + + // Check if the route matches + if (isset($item['route']) && $item['route'] === $currentRoute) + $item['active'] = true; + + // Process submenus recursively + if (isset($item['submenu']) && !empty($item['submenu'])) { + $item['submenu'] = $this->markActive($item['submenu'], $currentRoute); + + // If any submenu is active, mark the parent as active + if (collect($item['submenu'])->contains('active', true)) + $item['active'] = true; + } + } + + return $menu; + } + + /** + * Invalida el cache del menú de un usuario. + */ + public static function clearUserMenuCache() + { + $user = Auth::user(); + + if ($user !== null) + Cache::forget("vuexy_menu_user_{$user->id}"); + } + + /** + * Invalida el cache del menú de invitados. + */ + public static function clearGuestMenuCache() + { + Cache::forget('vuexy_menu_guest'); + } + + + + + public function getSearch() + { + return $this->vuexySearch; + } + + public function getVuexySearchData() + { + if ($this->user === null) + return null; + + $pages = Cache::remember("vuexy_search_user_{$this->user->id}", now()->addDays(7), function () { + return $this->cacheVuexySearchData(); + }); + + // Formatear como JSON esperado + return [ + 'pages' => $pages, + ]; + } + + private function cacheVuexySearchData() + { + $originalMenu = $this->getUserMenu(); + + return $this->getPagesSearchMenu($originalMenu); + } + + private function getPagesSearchMenu(array $menu, string $parentPath = '') + { + $formattedMenu = []; + + foreach ($menu as $name => $item) { + // Construir la ruta jerárquica (menu / submenu / submenu) + $currentPath = $parentPath ? $parentPath . ' / ' . $name : $name; + + // Verificar si el elemento tiene una URL o una ruta + $url = $item['url'] ?? (isset($item['route']) && route::has($item['route']) ? route($item['route']) : null); + + // Agregar el elemento al menú formateado + if ($url) { + $formattedMenu[] = [ + 'name' => $currentPath, // Usar la ruta completa + 'icon' => $item['icon'] ?? 'ti ti-point', + 'url' => $url, + ]; + } + + // Si hay un submenú, procesarlo recursivamente + if (isset($item['submenu']) && is_array($item['submenu'])) { + $formattedMenu = array_merge( + $formattedMenu, + $this->getPagesSearchMenu($item['submenu'], $currentPath) // Pasar el path acumulado + ); + } + } + + return $formattedMenu; + } + + public static function clearSearchMenuCache() + { + $user = Auth::user(); + + if ($user !== null) + Cache::forget("vuexy_search_user_{$user->id}"); + } + + + + + public function getQuickLinks() + { + if ($this->user === null) + return null; + + // Recuperar enlaces desde la caché + $quickLinks = Cache::remember("vuexy_quick_links_user_{$this->user->id}", now()->addDays(7), function () { + return $this->cacheQuickLinks(); + }); + + // Verificar si la ruta actual está en la lista + $currentRoute = Route::currentRouteName(); + $currentPageInList = $this->isCurrentPageInList($quickLinks, $currentRoute); + + // Agregar la verificación al resultado + $quickLinks['current_page_in_list'] = $currentPageInList; + + return $quickLinks; + } + + private function cacheQuickLinks() + { + $originalMenu = $this->getUserMenu(); + + $quickLinks = []; + + $quicklinks = Setting::where('user_id', Auth::user()->id) + ->where('key', 'quicklinks') + ->first(); + + $this->quicklinksRouteNames = $quicklinks ? json_decode($quicklinks->value, true) : []; + + // Ordenar y generar los quickLinks según el orden del menú + $this->collectQuickLinksFromMenu($originalMenu, $quickLinks); + + $quickLinksData = [ + 'totalLinks' => count($quickLinks), + 'rows' => array_chunk($quickLinks, 2), // Agrupar los atajos en filas de dos + ]; + + return $quickLinksData; + } + + private function collectQuickLinksFromMenu(array $menu, array &$quickLinks, string $parentTitle = null) + { + foreach ($menu as $title => $item) { + // Verificar si el elemento está en la lista de quicklinksRouteNames + if (isset($item['route']) && in_array($item['route'], $this->quicklinksRouteNames)) { + $quickLinks[] = [ + 'title' => $title, + 'subtitle' => $parentTitle ?? env('APP_NAME'), + 'icon' => $item['icon'] ?? 'ti ti-point', + 'url' => isset($item['route']) ? route($item['route']) : ($item['url'] ?? '#'), + 'route' => $item['route'], + ]; + } + + // Si tiene submenú, procesarlo recursivamente + if (isset($item['submenu']) && is_array($item['submenu'])) { + $this->collectQuickLinksFromMenu( + $item['submenu'], + $quickLinks, + $title // Pasar el título actual como subtítulo + ); + } + } + } + + /** + * Verifica si la ruta actual existe en la lista de enlaces. + */ + private function isCurrentPageInList(array $quickLinks, string $currentRoute): bool + { + foreach ($quickLinks['rows'] as $row) { + foreach ($row as $link) { + if (isset($link['route']) && $link['route'] === $currentRoute) { + return true; + } + } + } + return false; + } + + public static function clearQuickLinksCache() + { + $user = Auth::user(); + + if ($user !== null) + Cache::forget("vuexy_quick_links_user_{$user->id}"); + } + + + + + public function getNotifications() + { + if ($this->user === null) + return null; + + return Cache::remember("vuexy_notifications_user_{$this->user->id}", now()->addHours(4), function () { + return $this->cacheNotifications(); + }); + } + + private function cacheNotifications() + { + return "
  • + +
      +
    • +
      +
      Notification
      +
      + 8 New + +
      +
      +
      • +
    • +
        +
      • +
        +
        +
        + +
        +
        +
        +
        Congratulation Lettie 🎉
        + Won the monthly best seller gold badge + 1h ago +
        +
        + + +
        +
        +
        • +
      • +
        +
        +
        + CF +
        +
        +
        +
        Charles Franklin
        + Accepted your connection + 12hr ago +
        +
        + + +
        +
        +
        • +
      • +
        +
        +
        + +
        +
        +
        +
        New Message ✉️
        + You have new message from Natalie + 1h ago +
        +
        + + +
        +
        +
        • +
      • +
        +
        +
        + +
        +
        +
        +
        Whoo! You have new order 🛒
        + ACME Inc. made new order $1,154 + 1 day ago +
        +
        + + +
        +
        +
        • +
      • +
        +
        +
        + +
        +
        +
        +
        Application has been approved 🚀
        + Your ABC project application has been approved. + 2 days ago +
        +
        + + +
        +
        +
        • +
      • +
        +
        +
        + +
        +
        +
        +
        Monthly report is generated
        + July monthly financial report is generated + 3 days ago +
        +
        + + +
        +
        +
        • +
      • +
        +
        +
        + +
        +
        +
        +
        Send connection request
        + Peter sent you connection request + 4 days ago +
        +
        + + +
        +
        +
        • +
      • +
        +
        +
        + +
        +
        +
        +
        New message from Jane
        + Your have new message from Jane + 5 days ago +
        +
        + + +
        +
        +
        • +
      • +
        +
        +
        + +
        +
        +
        +
        CPU is running high
        + CPU Utilization Percent is currently at 88.63%, + 5 days ago +
        +
        + + +
        +
        +
        • +
      +
      • +
    • +
      + + View all notifications + +
      +
      • +
    +
    • "; + } + + public static function clearNotificationsCache() + { + $user = Auth::user(); + + if ($user !== null) + Cache::forget("vuexy_notifications_user_{$user->id}"); + } + + + + + public function getBreadcrumbs() + { + $originalMenu = $this->user === null + ? $this->getGuestMenu() + : $this->getUserMenu(); + + // Lógica para construir los breadcrumbs + $breadcrumbs = $this->findBreadcrumbTrail($originalMenu); + + // Asegurar que el primer elemento siempre sea "Inicio" + array_unshift($breadcrumbs, $this->homeRoute); + + return $breadcrumbs; + } + + private function findBreadcrumbTrail(array $menu, array $breadcrumbs = []): array + { + foreach ($menu as $title => $item) { + $skipBreadcrumb = isset($item['breadcrumbs']) && $item['breadcrumbs'] === false; + + $itemRoute = isset($item['route']) ? implode('.', array_slice(explode('.', $item['route']), 0, -1)): ''; + $currentRoute = implode('.', array_slice(explode('.', Route::currentRouteName()), 0, -1)); + + if ($itemRoute === $currentRoute) { + if (!$skipBreadcrumb) { + $breadcrumbs[] = [ + 'name' => $title, + 'active' => true, + ]; + } + + return $breadcrumbs; + } + + if (isset($item['submenu']) && is_array($item['submenu'])) { + $newBreadcrumbs = $breadcrumbs; + + if (!$skipBreadcrumb) + $newBreadcrumbs[] = [ + 'name' => $title, + 'route' => $item['route'] ?? null, + ]; + + $found = $this->findBreadcrumbTrail($item['submenu'], $newBreadcrumbs); + + if ($found) + return $found; + } + } + + return []; + } + + + + + private function getMenuArray() + { + $configMenu = config('vuexy_menu'); + + return $this->filterMenu($configMenu); + } + + private function filterMenu(array $menu) + { + $filteredMenu = []; + + foreach ($menu as $key => $item) { + // Evaluar permisos con Spatie y eliminar elementos no autorizados + if (isset($item['can']) && !$this->userCan($item['can'])) { + continue; + } + + if (isset($item['canNot']) && $this->userCannot($item['canNot'])) { + continue; + } + + // Si tiene un submenú, filtrarlo recursivamente + if (isset($item['submenu'])) { + $item['submenu'] = $this->filterMenu($item['submenu']); + + // Si el submenú queda vacío, eliminar el menú + if (empty($item['submenu'])) { + continue; + } + } + + // Removemos los atributos 'can' y 'canNot' del resultado final + unset($item['can'], $item['canNot']); + + if(isset($item['route']) && route::has($item['route'])){ + $item['url'] = route($item['route'])?? ''; + } + + // Agregar elemento filtrado al menú resultante + $filteredMenu[$key] = $item; + } + + return $filteredMenu; + } + + private function userCan($permissions) + { + if (is_array($permissions)) { + foreach ($permissions as $permission) { + if (Gate::allows($permission)) { + return true; // Si tiene al menos un permiso, lo mostramos + } + } + return true; + } + + return Gate::allows($permissions); + } + + private function userCannot($permissions) + { + if (is_array($permissions)) { + foreach ($permissions as $permission) { + if (Gate::denies($permission)) { + return true; // Si se le ha denegado al menos un permiso, lo ocultamos + } + } + return false; + } + + return Gate::denies($permissions); + } +} diff --git a/composer.json b/composer.json new file mode 100644 index 0000000..7fe74eb --- /dev/null +++ b/composer.json @@ -0,0 +1,41 @@ +{ + "name": "koneko/laravel-vuexy-admin", + "description": "Laravel Vuexy Admin, un modulo de administracion optimizado para México.", + "keywords": ["laravel", "koneko", "framework", "vuexy", "admin", "mexico"], + "type": "library", + "license": "MIT", + "require": { + "php": "^8.2", + "intervention/image-laravel": "^1.4", + "laravel/framework": "^11.31", + "laravel/fortify": "^1.25", + "laravel/sanctum": "^4.0", + "livewire/livewire": "^3.5", + "owen-it/laravel-auditing": "^13.6", + "spatie/laravel-permission": "^6.10" + }, + "autoload": { + "psr-4": { + "Koneko\\VuexyAdmin\\": "" + } + }, + "extra": { + "laravel": { + "providers": [ + "Koneko\\VuexyAdmin\\Providers\\VuexyAdminServiceProvider" + ] + } + }, + "authors": [ + { + "name": "Arturo Corro Pacheco", + "email": "arturo@koneko.mx" + } + ], + "support": { + "source": "https://github.com/koneko-mx/laravel-vuexy-admin", + "issues": "https://github.com/koneko-mx/laravel-vuexy-admin/issues" + }, + "minimum-stability": "stable", + "prefer-stable": true +} diff --git a/config/fortify.php b/config/fortify.php new file mode 100644 index 0000000..9aec61d --- /dev/null +++ b/config/fortify.php @@ -0,0 +1,159 @@ + 'web', + + /* + |-------------------------------------------------------------------------- + | Fortify Password Broker + |-------------------------------------------------------------------------- + | + | Here you may specify which password broker Fortify can use when a user + | is resetting their password. This configured value should match one + | of your password brokers setup in your "auth" configuration file. + | + */ + + 'passwords' => 'users', + + /* + |-------------------------------------------------------------------------- + | Username / Email + |-------------------------------------------------------------------------- + | + | This value defines which model attribute should be considered as your + | application's "username" field. Typically, this might be the email + | address of the users but you are free to change this value here. + | + | Out of the box, Fortify expects forgot password and reset password + | requests to have a field named 'email'. If the application uses + | another name for the field you may define it below as needed. + | + */ + + 'username' => 'email', + + 'email' => 'email', + + /* + |-------------------------------------------------------------------------- + | Lowercase Usernames + |-------------------------------------------------------------------------- + | + | This value defines whether usernames should be lowercased before saving + | them in the database, as some database system string fields are case + | sensitive. You may disable this for your application if necessary. + | + */ + + 'lowercase_usernames' => true, + + /* + |-------------------------------------------------------------------------- + | Home Path + |-------------------------------------------------------------------------- + | + | Here you may configure the path where users will get redirected during + | authentication or password reset when the operations are successful + | and the user is authenticated. You are free to change this value. + | + */ + + 'home' => '/admin', + + /* + |-------------------------------------------------------------------------- + | Fortify Routes Prefix / Subdomain + |-------------------------------------------------------------------------- + | + | Here you may specify which prefix Fortify will assign to all the routes + | that it registers with the application. If necessary, you may change + | subdomain under which all of the Fortify routes will be available. + | + */ + + 'prefix' => '', + + 'domain' => null, + + /* + |-------------------------------------------------------------------------- + | Fortify Routes Middleware + |-------------------------------------------------------------------------- + | + | Here you may specify which middleware Fortify will assign to the routes + | that it registers with the application. If necessary, you may change + | these middleware but typically this provided default is preferred. + | + */ + + 'middleware' => ['web'], + + /* + |-------------------------------------------------------------------------- + | Rate Limiting + |-------------------------------------------------------------------------- + | + | By default, Fortify will throttle logins to five requests per minute for + | every email and IP address combination. However, if you would like to + | specify a custom rate limiter to call then you may specify it here. + | + */ + + 'limiters' => [ + 'login' => 'login', + 'two-factor' => 'two-factor', + ], + + /* + |-------------------------------------------------------------------------- + | Register View Routes + |-------------------------------------------------------------------------- + | + | Here you may specify if the routes returning views should be disabled as + | you may not need them when building your own application. This may be + | especially true if you're writing a custom single-page application. + | + */ + + 'views' => true, + + /* + |-------------------------------------------------------------------------- + | Features + |-------------------------------------------------------------------------- + | + | Some of the Fortify features are optional. You may disable the features + | by removing them from this array. You're free to only remove some of + | these features or you can even remove all of these if you need to. + | + */ + + 'features' => [ + Features::registration(), + Features::resetPasswords(), + Features::emailVerification(), + Features::updateProfileInformation(), + Features::updatePasswords(), + Features::twoFactorAuthentication([ + 'confirm' => true, + 'confirmPassword' => true, + 'window' => 1, + ]), + ], + +]; diff --git a/config/image.php b/config/image.php new file mode 100644 index 0000000..c6c0ebb --- /dev/null +++ b/config/image.php @@ -0,0 +1,42 @@ + \Intervention\Image\Drivers\Imagick\Driver::class, + + /* + |-------------------------------------------------------------------------- + | Configuration Options + |-------------------------------------------------------------------------- + | + | These options control the behavior of Intervention Image. + | + | - "autoOrientation" controls whether an imported image should be + | automatically rotated according to any existing Exif data. + | + | - "decodeAnimation" decides whether a possibly animated image is + | decoded as such or whether the animation is discarded. + | + | - "blendingColor" Defines the default blending color. + */ + + 'options' => [ + 'autoOrientation' => true, + 'decodeAnimation' => true, + 'blendingColor' => 'ffffff', + ] +]; diff --git a/config/koneko.php b/config/koneko.php new file mode 100644 index 0000000..666842c --- /dev/null +++ b/config/koneko.php @@ -0,0 +1,14 @@ + "koneko.mx", + "appTitle" => "Koneko Soluciones Tecnológicas", + "appDescription" => "Koneko Soluciones Tecnológicas", + "appLogo" => "../vendor/vuexy-admin/img/logo/koneko-04.png", + "appFavicon" => "../vendor/vuexy-admin/img/logo/koneko-04.png", + "author" => "arturo@koneko.mx", + "creatorName" => "Koneko Soluciones Tecnológicas", + "creatorUrl" => "https://koneko.mx", + "licenseUrl" => "https://koneko.mx/koneko-admin/licencia", + "supportUrl" => "https://koneko.mx/soporte", +]; diff --git a/config/vuexy.php b/config/vuexy.php new file mode 100644 index 0000000..ab4980f --- /dev/null +++ b/config/vuexy.php @@ -0,0 +1,36 @@ + [ + 'myLayout' => 'horizontal', // Options[String]: vertical(default), horizontal + 'myTheme' => 'theme-semi-dark', // Options[String]: theme-default(default), theme-bordered, theme-semi-dark + 'myStyle' => 'light', // Options[String]: light(default), dark & system mode + 'myRTLSupport' => false, // options[Boolean]: true(default), false // To provide RTLSupport or not + 'myRTLMode' => false, // options[Boolean]: false(default), true // To set layout to RTL layout (myRTLSupport must be true for rtl mode) + 'hasCustomizer' => true, // options[Boolean]: true(default), false // Display customizer or not THIS WILL REMOVE INCLUDED JS FILE. SO LOCAL STORAGE WON'T WORK + 'displayCustomizer' => true, // options[Boolean]: true(default), false // Display customizer UI or not, THIS WON'T REMOVE INCLUDED JS FILE. SO LOCAL STORAGE WILL WORK + 'contentLayout' => 'compact', // options[String]: 'compact', 'wide' (compact=container-xxl, wide=container-fluid) + 'navbarType' => 'static', // options[String]: 'sticky', 'static', 'hidden' (Only for vertical Layout) + 'footerFixed' => false, // options[Boolean]: false(default), true // Footer Fixed + 'menuFixed' => false, // options[Boolean]: true(default), false // Layout(menu) Fixed (Only for vertical Layout) + 'menuCollapsed' => true, // options[Boolean]: false(default), true // Show menu collapsed, (Only for vertical Layout) + 'headerType' => 'static', // options[String]: 'static', 'fixed' (for horizontal layout only) + 'showDropdownOnHover' => false, // true, false (for horizontal layout only) + 'authViewMode' => 'cover', // Options[String]: cover(default), basic + 'maxQuickLinks' => 8, // options[Integer]: 6(default), 8, 10 + 'customizerControls' => [ + //'rtl', + 'style', + 'headerType', + 'contentLayout', + 'layoutCollapsed', + 'layoutNavbarOptions', + 'themes', + ], // To show/hide customizer options + ], +]; \ No newline at end of file diff --git a/config/vuexy_menu.php b/config/vuexy_menu.php new file mode 100644 index 0000000..4fdc3bc --- /dev/null +++ b/config/vuexy_menu.php @@ -0,0 +1,848 @@ + [ + 'breadcrumbs' => false, + 'icon' => 'menu-icon tf-icons ti ti-home', + 'submenu' => [ + 'Inicio' => [ + 'route' => 'admin.core.home.index', + 'icon' => 'menu-icon tf-icons ti ti-home', + ], + 'Sitio Web' => [ + 'url' => env('APP_URL'), + 'icon' => 'menu-icon tf-icons ti ti-world-www', + ], + 'Ajustes' => [ + 'icon' => 'menu-icon tf-icons ti ti-settings-cog', + 'submenu' => [ + 'Aplicación' => [ + 'submenu' => [ + 'Ajustes generales' => [ + 'route' => 'admin.core.general-settings.index', + 'can' => 'admin.core.general-settings.allow', + ], + 'Ajustes de caché' => [ + 'route' => 'admin.core.cache-manager.index', + 'can' => 'admin.core.cache-manager.view', + ], + 'Servidor de correo SMTP' => [ + 'route' => 'admin.core.smtp-settings.index', + 'can' => 'admin.core.smtp-settings.allow', + ], + ], + ], + 'Empresa' => [ + 'submenu' => [ + 'Información general' => [ + 'route' => 'admin.store-manager.company.index', + 'can' => 'admin.store-manager.company.view', + ], + 'Sucursales' => [ + 'route' => 'admin.store-manager.stores.index', + 'can' => 'admin.store-manager.stores.view', + ], + 'Centros de trabajo' => [ + 'route' => 'admin.store-manager.work-centers.index', + 'can' => 'admin.store-manager.stores.view', + ], + ] + ], + 'BANXICO' => [ + 'route' => 'admin.finance.banxico.index', + 'can' => 'admin.finance.banxico.allow', + ], + 'Conectividad bancaria' => [ + 'route' => 'admin.finance.banking.index', + 'can' => 'admin.finance.banking.allow', + ], + 'Punto de venta' => [ + 'submenu' => [ + 'Ticket' => [ + 'route' => 'admin.sales.ticket-config.index', + 'can' => 'admin.sales.ticket-config.allow', + ], + ] + ], + 'Facturación' => [ + 'submenu' => [ + 'Certificados de Sello Digital' => [ + 'route' => 'admin.billing.csds-settings.index', + 'can' => 'admin.billing.csds-settings.allow', + ], + 'Paquete de timbrado' => [ + 'route' => 'admin.billing.stamping-package.index', + 'can' => 'admin.billing.stamping-package.allow', + ], + 'Servidor de correo SMTP' => [ + 'route' => 'admin.billing.smtp-settings.index', + 'can' => 'admin.billing.smtp-settings.allow', + ], + 'Descarga masiva de CFDI' => [ + 'route' => 'admin.billing.mass-cfdi-download.index', + 'can' => 'admin.billing.mass-cfdi-download.allow', + ], + ] + ], + ] + ], + 'Sistema' => [ + 'icon' => 'menu-icon tf-icons ti ti-user-cog', + 'submenu' => [ + 'Usuarios' => [ + 'route' => 'admin.core.users.index', + 'can' => 'admin.core.users.view', + ], + 'Roles' => [ + 'route' => 'admin.core.roles.index', + 'can' => 'admin.core.roles.view', + ], + 'Permisos' => [ + 'route' => 'admin.core.permissions.index', + 'can' => 'admin.core.permissions.view', + ] + ] + ], + 'Catálogos' => [ + 'icon' => 'menu-icon tf-icons ti ti-library', + 'submenu' => [ + 'Importar catálogos SAT' => [ + 'route' => 'admin.core.sat-catalogs.index', + 'can' => 'admin.core.sat-catalogs.allow', + ], + ] + ], + 'Configuración de cuenta' => [ + 'route' => 'admin.core.user-profile.index', + 'icon' => 'menu-icon tf-icons ti ti-user-cog', + ], + 'Acerca de' => [ + 'route' => 'admin.core.about.index', + 'icon' => 'menu-icon tf-icons ti ti-cat', + ], + ], + ], + 'Herramientas Avanzadas' => [ + 'icon' => 'menu-icon tf-icons ti ti-device-ipad-cog', + 'submenu' => [ + 'Asistente AI' => [ + 'icon' => 'menu-icon tf-icons ti ti-brain', + 'submenu' => [ + 'Panel de IA' => [ + 'route' => 'admin.ai.dashboard.index', + 'can' => 'ai.dashboard.view', + ], + 'Generación de Contenidos' => [ + 'route' => 'admin.ai.content.index', + 'can' => 'ai.content.create', + ], + 'Análisis de Datos' => [ + 'route' => 'admin.ai.analytics.index', + 'can' => 'ai.analytics.view', + ], + ], + ], + 'Chatbot' => [ + 'icon' => 'menu-icon tf-icons ti ti-message-chatbot', + 'submenu' => [ + 'Configuración' => [ + 'route' => 'admin.chatbot.config.index', + 'can' => 'chatbot.config.view', + ], + 'Flujos de Conversación' => [ + 'route' => 'admin.chatbot.flows.index', + 'can' => 'chatbot.flows.manage', + ], + 'Historial de Interacciones' => [ + 'route' => 'admin.chatbot.history.index', + 'can' => 'chatbot.history.view', + ], + ], + ], + 'IoT Box' => [ + 'icon' => 'menu-icon tf-icons ti ti-cpu', + 'submenu' => [ + 'Dispositivos Conectados' => [ + 'route' => 'admin.iot.devices.index', + 'can' => 'iot.devices.view', + ], + 'Sensores y Configuración' => [ + 'route' => 'admin.iot.sensors.index', + 'can' => 'iot.sensors.manage', + ], + 'Monitoreo en Tiempo Real' => [ + 'route' => 'admin.iot.monitoring.index', + 'can' => 'iot.monitoring.view', + ], + ], + ], + 'Reconocimiento Facial' => [ + 'icon' => 'menu-icon tf-icons ti ti-face-id', + 'submenu' => [ + 'Gestión de Perfiles' => [ + 'route' => 'admin.facial-recognition.profiles.index', + 'can' => 'facial-recognition.profiles.manage', + ], + 'Verificación en Vivo' => [ + 'route' => 'admin.facial-recognition.live.index', + 'can' => 'facial-recognition.live.verify', + ], + 'Historial de Accesos' => [ + 'route' => 'admin.facial-recognition.history.index', + 'can' => 'facial-recognition.history.view', + ], + ], + ], + 'Servidor de Impresión' => [ + 'icon' => 'menu-icon tf-icons ti ti-printer', + 'submenu' => [ + 'Cola de Impresión' => [ + 'route' => 'admin.print.queue.index', + 'can' => 'print.queue.view', + ], + 'Historial de Impresiones' => [ + 'route' => 'admin.print.history.index', + 'can' => 'print.history.view', + ], + 'Configuración de Impresoras' => [ + 'route' => 'admin.print.settings.index', + 'can' => 'print.settings.manage', + ], + ], + ], + ], + ], + 'Sitio Web' => [ + 'icon' => 'menu-icon tf-icons ti ti-tools', + 'submenu' => [ + 'Ajustes generales' => [ + 'icon' => 'menu-icon tf-icons ti ti-tools', + 'route' => 'admin.website.general-settings.index', + 'can' => 'website.general-settings.allow', + ], + 'Avisos legales' => [ + 'route' => 'admin.website.legal.index', + 'icon' => 'menu-icon tf-icons ti ti-writing-sign', + 'can' => 'website.legal.view', + ], + 'Preguntas frecuentes' => [ + 'route' => 'admin.website.faq.index', + 'icon' => 'menu-icon tf-icons ti ti-bubble-text', + 'can' => 'website.faq.view', + ], + ] + ], + 'Blog' => [ + 'icon' => 'menu-icon tf-icons ti ti-news', + 'submenu' => [ + 'Categorias' => [ + 'route' => 'admin.blog.categories.index', + 'icon' => 'menu-icon tf-icons ti ti-category', + 'can' => 'blog.categories.view', + ], + 'Etiquetas' => [ + 'route' => 'admin.blog.tags.index', + 'icon' => 'menu-icon tf-icons ti ti-tags', + 'can' => 'blog.tags.view', + ], + 'Articulos' => [ + 'route' => 'admin.blog.articles.index', + 'icon' => 'menu-icon tf-icons ti ti-news', + 'can' => 'blog.articles.view', + ], + 'Comentarios' => [ + 'route' => 'admin.blog.comments.index', + 'icon' => 'menu-icon tf-icons ti ti-message', + 'can' => 'blog.comments.view', + ], + ] + ], + 'Contactos' => [ + 'icon' => 'menu-icon tf-icons ti ti-users', + 'submenu' => [ + 'Contactos' => [ + 'route' => 'admin.crm.contacts.index', + 'icon' => 'menu-icon tf-icons ti ti-users', + 'can' => 'crm.contacts.view', + ], + 'Campañas de marketing' => [ + 'route' => 'admin.crm.marketing-campaigns.index', + 'icon' => 'menu-icon tf-icons ti ti-ad-2', + 'can' => 'crm.marketing-campaigns.view', + ], + 'Oportunidades ' => [ + 'route' => 'admin.crm.leads.index', + 'icon' => 'menu-icon tf-icons ti ti-target-arrow', + 'can' => 'crm.leads.view', + ], + 'Newsletter' => [ + 'route' => 'admin.crm.newsletter.index', + 'icon' => 'menu-icon tf-icons ti ti-notebook', + 'can' => 'crm.newsletter.view', + ], + ] + ], + 'RRHH' => [ + 'icon' => 'menu-icon tf-icons ti ti-users-group', + 'submenu' => [ + 'Gestión de Empleados' => [ + 'icon' => 'menu-icon tf-icons ti ti-id-badge-2', + 'submenu' => [ + 'Lista de Empleados' => [ + 'route' => 'admin.rrhh.employees.index', + 'can' => 'rrhh.employees.view', + ], + 'Agregar Nuevo Empleado' => [ + 'route' => 'admin.rrhh.employees.create', + 'can' => 'rrhh.employees.create', + ], + 'Puestos de trabajo' => [ + 'route' => 'admin.rrhh.jobs.index', + 'can' => 'rrhh.jobs.view', + ], + 'Estructura Organizacional' => [ + 'route' => 'admin.rrhh.organization.index', + 'can' => 'rrhh.organization.view', + ], + ], + ], + 'Reclutamiento' => [ + 'icon' => 'menu-icon tf-icons ti ti-user-search', + 'submenu' => [ + 'Vacantes Disponibles' => [ + 'route' => 'admin.recruitment.jobs.index', + 'can' => 'recruitment.jobs.view', + ], + 'Seguimiento de Candidatos' => [ + 'route' => 'admin.recruitment.candidates.index', + 'can' => 'recruitment.candidates.view', + ], + 'Entrevistas y Evaluaciones' => [ + 'route' => 'admin.recruitment.interviews.index', + 'can' => 'recruitment.interviews.view', + ], + ], + ], + 'Nómina' => [ + 'icon' => 'menu-icon tf-icons ti ti-cash', + 'submenu' => [ + 'Contratos' => [ + 'route' => 'admin.payroll.contracts.index', + 'can' => 'payroll.contracts.view', + ], + 'Procesar Nómina' => [ + 'route' => 'admin.payroll.process.index', + 'can' => 'payroll.process.view', + ], + 'Recibos de Nómina' => [ + 'route' => 'admin.payroll.receipts.index', + 'can' => 'payroll.receipts.view', + ], + 'Reportes Financieros' => [ + 'route' => 'admin.payroll.reports.index', + 'can' => 'payroll.reports.view', + ], + ], + ], + 'Asistencia' => [ + 'icon' => 'menu-icon tf-icons ti ti-calendar-exclamation', + 'submenu' => [ + 'Registro de Horarios' => [ + 'route' => 'admin.attendance.records.index', + 'can' => 'attendance.records.view', + ], + 'Asistencia con Biométricos' => [ + 'route' => 'admin.attendance.biometric.index', + 'can' => 'attendance.biometric.view', + ], + 'Justificación de Ausencias' => [ + 'route' => 'admin.attendance.absences.index', + 'can' => 'attendance.absences.view', + ], + ], + ], + ], + ], + 'Productos y servicios' => [ + 'icon' => 'menu-icon tf-icons ti ti-package', + 'submenu' => [ + 'Categorias' => [ + 'route' => 'admin.inventory.product-categories.index', + 'icon' => 'menu-icon tf-icons ti ti-category', + 'can' => 'admin.inventory.product-categories.view', + ], + 'Catálogos' => [ + 'route' => 'admin.inventory.product-catalogs.index', + 'icon' => 'menu-icon tf-icons ti ti-library', + 'can' => 'admin.inventory.product-catalogs.view', + ], + 'Productos y servicios' => [ + 'route' => 'admin.inventory.products.index', + 'icon' => 'menu-icon tf-icons ti ti-packages', + 'can' => 'admin.inventory.products.view', + ], + 'Agregar producto o servicio' => [ + 'route' => 'admin.inventory.products.create', + 'icon' => 'menu-icon tf-icons ti ti-package', + 'can' => 'admin.inventory.products.create', + ], + ] + ], + 'Ventas' => [ + 'icon' => 'menu-icon tf-icons ti ti-cash-register', + 'submenu' => [ + 'Tablero' => [ + 'route' => 'admin.sales.dashboard.index', + 'icon' => 'menu-icon tf-icons ti ti-chart-infographic', + 'can' => 'admin.sales.dashboard.allow', + ], + 'Clientes' => [ + 'route' => 'admin.sales.customers.index', + 'icon' => 'menu-icon tf-icons ti ti-users-group', + 'can' => 'admin.sales.customers.view', + ], + 'Lista de precios' => [ + 'route' => 'admin.sales.pricelist.index', + 'icon' => 'menu-icon tf-icons ti ti-report-search', + 'can' => 'admin.sales.sales.view', + ], + 'Cotizaciones' => [ + 'route' => 'admin.sales.quotes.index', + 'icon' => 'menu-icon tf-icons ti ti-file-dollar', + 'can' => 'admin.sales.quotes.view', + ], + 'Ventas' => [ + 'icon' => 'menu-icon tf-icons ti ti-cash-register', + 'submenu' => [ + 'Crear venta' => [ + 'route' => 'admin.sales.sales.create', + 'can' => 'admin.sales.sales.create', + ], + 'Ventas' => [ + 'route' => 'admin.sales.sales.index', + 'can' => 'admin.sales.sales.view', + ], + 'Ventas por producto o servicio' => [ + 'route' => 'admin.sales.sales-by-product.index', + 'can' => 'admin.sales.sales.view', + ], + ] + ], + 'Remisiones' => [ + 'icon' => 'menu-icon tf-icons ti ti-receipt', + 'submenu' => [ + 'Crear remisión' => [ + 'route' => 'admin.sales.remissions.create', + 'can' => 'admin.sales.remissions.create', + ], + 'Remisiones' => [ + 'route' => 'admin.sales.remissions.index', + 'can' => 'admin.sales.remissions.view', + ], + 'Remisiones por producto o servicio' => [ + 'route' => 'admin.sales.remissions-by-product.index', + 'can' => 'admin.sales.remissions.view', + ], + ] + ], + 'Notas de crédito' => [ + 'icon' => 'menu-icon tf-icons ti ti-receipt-refund', + 'submenu' => [ + 'Crear nota de crédito' => [ + 'route' => 'admin.sales.credit-notes.create', + 'can' => 'admin.sales.credit-notes.create', + ], + 'Notas de créditos' => [ + 'route' => 'admin.sales.credit-notes.index', + 'can' => 'admin.sales.credit-notes.view', + ], + 'Notas de crédito por producto o servicio' => [ + 'route' => 'admin.sales.credit-notes-by-product.index', + 'can' => 'admin.sales.credit-notes.view', + ], + ] + ], + ], + ], + 'Finanzas' => [ + 'icon' => 'menu-icon tf-icons ti ti-coins', + 'submenu' => [ + 'Tablero Financiero' => [ + 'route' => 'admin.accounting.dashboard.index', + 'icon' => 'menu-icon tf-icons ti ti-chart-infographic', + 'can' => 'accounting.dashboard.view', + ], + 'Contabilidad' => [ + 'icon' => 'menu-icon tf-icons ti ti-chart-pie', + 'submenu' => [ + 'Cuentas Contables' => [ + 'route' => 'admin.accounting.charts.index', + 'can' => 'accounting.charts.view', + ], + 'Cuentas por pagar' => [ + 'route' => 'admin.finance.accounts-payable.index', + 'can' => 'finance.accounts-payable.view', + ], + 'Cuentas por cobrar' => [ + 'route' => 'admin.finance.accounts-receivable.index', + 'can' => 'finance.accounts-receivable.view', + ], + 'Balance General' => [ + 'route' => 'admin.accounting.balance.index', + 'can' => 'accounting.balance.view', + ], + 'Estado de Resultados' => [ + 'route' => 'admin.accounting.income-statement.index', + 'can' => 'accounting.income-statement.view', + ], + 'Libro Mayor' => [ + 'route' => 'admin.accounting.ledger.index', + 'can' => 'accounting.ledger.view', + ], + 'Registros Contables' => [ + 'route' => 'admin.accounting.entries.index', + 'can' => 'accounting.entries.view', + ], + ], + ], + 'Tablero de Gastos' => [ + 'route' => 'admin.expenses.dashboard.index', + 'icon' => 'menu-icon tf-icons ti ti-chart-infographic', + 'can' => 'expenses.dashboard.view', + ], + 'Gestión de Gastos' => [ + 'icon' => 'menu-icon tf-icons ti ti-receipt-2', + 'submenu' => [ + 'Nuevo gasto' => [ + 'route' => 'admin.expenses.expenses.create', + 'can' => 'expenses.expenses.create', + ], + 'Gastos' => [ + 'route' => 'admin.expenses.expenses.index', + 'can' => 'expenses.expenses.view', + ], + 'Categorías de Gastos' => [ + 'route' => 'admin.expenses.categories.index', + 'can' => 'expenses.categories.view', + ], + 'Historial de Gastos' => [ + 'route' => 'admin.expenses.history.index', + 'can' => 'expenses.history.view', + ], + ], + ], + ], + ], + + + + + 'Facturación' => [ + 'icon' => 'menu-icon tf-icons ti ti-rubber-stamp', + 'submenu' => [ + 'Tablero' => [ + 'route' => 'admin.billing.dashboard.index', + 'icon' => 'menu-icon tf-icons ti ti-chart-infographic', + 'can' => 'admin.billing.dashboard.allow', + ], + 'Ingresos' => [ + 'icon' => 'menu-icon tf-icons ti ti-file-certificate', + 'submenu' => [ + 'Facturar ventas' => [ + 'route' => 'admin.billing.ingresos-stamp.index', + 'can' => 'admin.billing.ingresos.create', + ], + 'CFDI Ingresos' => [ + 'route' => 'admin.billing.ingresos.index', + 'can' => 'admin.billing.ingresos.view', + ], + 'CFDI Ingresos por producto o servicio' => [ + 'route' => 'admin.billing.ingresos-by-product.index', + 'can' => 'admin.billing.ingresos.view', + ], + ] + ], + 'Egresos' => [ + 'icon' => 'menu-icon tf-icons ti ti-file-certificate', + 'submenu' => [ + 'Facturar notas de crédito' => [ + 'route' => 'admin.billing.egresos-stamp.index', + 'can' => 'admin.billing.egresos.create', + ], + 'CFDI Engresos' => [ + 'route' => 'admin.billing.egresos.index', + 'can' => 'admin.billing.egresos.view', + ], + 'CFDI Engresos por producto o servicio' => [ + 'route' => 'admin.billing.egresos-by-product.index', + 'can' => 'admin.billing.egresos.view', + ], + ] + ], + 'Pagos' => [ + 'icon' => 'menu-icon tf-icons ti ti-file-certificate', + 'submenu' => [ + 'Facturar pagos' => [ + 'route' => 'admin.billing.pagos-stamp.index', + 'can' => 'admin.billing.pagos.created', + ], + 'CFDI Pagos' => [ + 'route' => 'admin.billing.pagos.index', + 'can' => 'admin.billing.pagos.view', + ], + ] + ], + 'CFDI Nómina' => [ + 'route' => 'admin.billing.nomina.index', + 'icon' => 'menu-icon tf-icons ti ti-file-certificate', + 'can' => 'admin.billing.nomina.view', + ], + 'Verificador de CFDI 4.0' => [ + 'route' => 'admin.billing.verify-cfdi.index', + 'icon' => 'menu-icon tf-icons ti ti-rosette-discount-check', + 'can' => 'admin.billing.verify-cfdi.allow', + ], + ] + ], + + 'Inventario y Logística' => [ + 'icon' => 'menu-icon tf-icons ti ti-truck-delivery', + 'submenu' => [ + 'Cadena de Suministro' => [ + 'icon' => 'menu-icon tf-icons ti ti-chart-dots-3', + 'submenu' => [ + 'Proveedores' => [ + 'route' => 'admin.inventory.suppliers.index', + 'can' => 'admin.inventory.suppliers.view', + ], + 'Órdenes de Compra' => [ + 'route' => 'admin.inventory.orders.index', + 'can' => 'admin.inventory.orders.view', + ], + 'Recepción de Productos' => [ + 'route' => 'admin.inventory.reception.index', + 'can' => 'admin.inventory.reception.view', + ], + 'Gestión de Insumos' => [ + 'route' => 'admin.inventory.materials.index', + 'can' => 'admin.inventory.materials.view', + ], + ], + ], + 'Gestión de Almacenes' => [ + 'icon' => 'menu-icon tf-icons ti ti-building-warehouse', + 'submenu' => [ + 'Almacenes' => [ + 'route' => 'admin.inventory.warehouse.index', + 'can' => 'admin.inventory.warehouse.view', + ], + 'Stock de Inventario' => [ + 'route' => 'admin.inventory.stock.index', + 'can' => 'admin.inventory.stock.view', + ], + 'Movimientos de almacenes' => [ + 'route' => 'admin.inventory.movements.index', + 'can' => 'admin.inventory.movements.view', + ], + 'Transferencias entre Almacenes' => [ + 'route' => 'admin.inventory.transfers.index', + 'can' => 'admin.inventory.transfers.view', + ], + ], + ], + 'Envíos y Logística' => [ + 'icon' => 'menu-icon tf-icons ti ti-truck', + 'submenu' => [ + 'Órdenes de Envío' => [ + 'route' => 'admin.inventory.shipping-orders.index', + 'can' => 'admin.inventory.shipping-orders.view', + ], + 'Seguimiento de Envíos' => [ + 'route' => 'admin.inventory.shipping-tracking.index', + 'can' => 'admin.inventory.shipping-tracking.view', + ], + 'Transportistas' => [ + 'route' => 'admin.inventory.shipping-carriers.index', + 'can' => 'admin.inventory.shipping-carriers.view', + ], + 'Tarifas y Métodos de Envío' => [ + 'route' => 'admin.inventory.shipping-rates.index', + 'can' => 'admin.inventory.shipping-rates.view', + ], + ], + ], + 'Gestión de Activos' => [ + 'icon' => 'menu-icon tf-icons ti ti-tools-kitchen', + 'submenu' => [ + 'Activos Registrados' => [ + 'route' => 'admin.inventory.asset.index', + 'can' => 'admin.inventory.asset.view', + ], + 'Mantenimiento Preventivo' => [ + 'route' => 'admin.inventory.asset-maintenance.index', + 'can' => 'admin.inventory.asset-maintenance.view', + ], + 'Control de Vida Útil' => [ + 'route' => 'admin.inventory.asset-lifecycle.index', + 'can' => 'admin.inventory.asset-lifecycle.view', + ], + 'Asignación de Activos' => [ + 'route' => 'admin.inventory.asset-assignments.index', + 'can' => 'admin.inventory.asset-assignments.view', + ], + ], + ], + ], + ], + + 'Gestión Empresarial' => [ + 'icon' => 'menu-icon tf-icons ti ti-briefcase', + 'submenu' => [ + 'Gestión de Proyectos' => [ + 'icon' => 'menu-icon tf-icons ti ti-layout-kanban', + 'submenu' => [ + 'Tablero de Proyectos' => [ + 'route' => 'admin.projects.dashboard.index', + 'can' => 'projects.dashboard.view', + ], + 'Proyectos Activos' => [ + 'route' => 'admin.projects.index', + 'can' => 'projects.view', + ], + 'Crear Proyecto' => [ + 'route' => 'admin.projects.create', + 'can' => 'projects.create', + ], + 'Gestión de Tareas' => [ + 'route' => 'admin.projects.tasks.index', + 'can' => 'projects.tasks.view', + ], + 'Historial de Proyectos' => [ + 'route' => 'admin.projects.history.index', + 'can' => 'projects.history.view', + ], + ], + ], + 'Producción y Manufactura' => [ + 'icon' => 'menu-icon tf-icons ti ti-building-factory', + 'submenu' => [ + 'Órdenes de Producción' => [ + 'route' => 'admin.production.orders.index', + 'can' => 'production.orders.view', + ], + 'Nueva Orden de Producción' => [ + 'route' => 'admin.production.orders.create', + 'can' => 'production.orders.create', + ], + 'Control de Procesos' => [ + 'route' => 'admin.production.process.index', + 'can' => 'production.process.view', + ], + 'Historial de Producción' => [ + 'route' => 'admin.production.history.index', + 'can' => 'production.history.view', + ], + ], + ], + 'Control de Calidad' => [ + 'icon' => 'menu-icon tf-icons ti ti-award', + 'submenu' => [ + 'Inspecciones de Calidad' => [ + 'route' => 'admin.quality.inspections.index', + 'can' => 'quality.inspections.view', + ], + 'Crear Inspección' => [ + 'route' => 'admin.quality.inspections.create', + 'can' => 'quality.inspections.create', + ], + 'Reportes de Calidad' => [ + 'route' => 'admin.quality.reports.index', + 'can' => 'quality.reports.view', + ], + 'Historial de Inspecciones' => [ + 'route' => 'admin.quality.history.index', + 'can' => 'quality.history.view', + ], + ], + ], + 'Flujos de Trabajo y Automatización' => [ + 'icon' => 'menu-icon tf-icons ti ti-chart-dots-3', + 'submenu' => [ + 'Gestión de Flujos de Trabajo' => [ + 'route' => 'admin.workflows.index', + 'can' => 'workflows.view', + ], + 'Crear Flujo de Trabajo' => [ + 'route' => 'admin.workflows.create', + 'can' => 'workflows.create', + ], + 'Automatizaciones' => [ + 'route' => 'admin.workflows.automations.index', + 'can' => 'workflows.automations.view', + ], + 'Historial de Flujos' => [ + 'route' => 'admin.workflows.history.index', + 'can' => 'workflows.history.view', + ], + ], + ], + ], + ], + + + 'Contratos' => [ + 'icon' => 'menu-icon tf-icons ti ti-writing-sign', + 'submenu' => [ + 'Mis Contratos' => [ + 'route' => 'admin.contracts.index', + 'icon' => 'menu-icon tf-icons ti ti-file-description', + 'can' => 'contracts.view', + ], + 'Firmar Contrato' => [ + 'route' => 'admin.contracts.sign', + 'icon' => 'menu-icon tf-icons ti ti-signature', + 'can' => 'contracts.sign', + ], + 'Contratos Automatizados' => [ + 'route' => 'admin.contracts.automated', + 'icon' => 'menu-icon tf-icons ti ti-robot', + 'can' => 'contracts.automated.view', + ], + 'Historial de Contratos' => [ + 'route' => 'admin.contracts.history', + 'icon' => 'menu-icon tf-icons ti ti-archive', + 'can' => 'contracts.history.view', + ], + ] + ], + 'Atención al Cliente' => [ + 'icon' => 'menu-icon tf-icons ti ti-messages', + 'submenu' => [ + 'Tablero' => [ + 'route' => 'admin.sales.dashboard.index', + 'icon' => 'menu-icon tf-icons ti ti-chart-infographic', + 'can' => 'ticketing.dashboard.view', + ], + 'Mis Tickets' => [ + 'route' => 'admin.ticketing.tickets.index', + 'icon' => 'menu-icon tf-icons ti ti-ticket', + 'can' => 'ticketing.tickets.view', + ], + 'Crear Ticket' => [ + 'route' => 'admin.ticketing.tickets.create', + 'icon' => 'menu-icon tf-icons ti ti-square-plus', + 'can' => 'ticketing.tickets.create', + ], + 'Categorías de Tickets' => [ + 'route' => 'admin.ticketing.categories.index', + 'icon' => 'menu-icon tf-icons ti ti-category', + 'can' => 'ticketing.categories.view', + ], + 'Estadísticas de Atención' => [ + 'route' => 'admin.ticketing.analytics.index', + 'icon' => 'menu-icon tf-icons ti ti-chart-bar', + 'can' => 'ticketing.analytics.view', + ], + ] + ], +]; diff --git a/database/data/rbac-config.json b/database/data/rbac-config.json new file mode 100644 index 0000000..249d102 --- /dev/null +++ b/database/data/rbac-config.json @@ -0,0 +1,510 @@ +{ + "roles": { + "SuperAdmin" : { + "style": "dark", + "permissions" : [ + "admin.core.general-settings.allow", + "admin.core.cache-manager.view", + "admin.core.smtp-settings.allow", + "admin.store-manager.company.view", + "admin.store-manager.stores.view", + "admin.store-manager.stores.view", + "admin.finance.banxico.allow", + "admin.finance.banking.allow", + "admin.sales.ticket-config.allow", + "admin.billing.csds-settings.allow", + "admin.billing.stamping-package.allow", + "admin.billing.smtp-settings.allow", + "admin.billing.mass-cfdi-download.allow", + "admin.core.users.view", + "admin.core.roles.view", + "admin.core.permissions.view", + "admin.core.import-sat-catalogs.allow", + "admin.ai.dashboard.view", + "admin.ai.content.create", + "admin.ai.analytics.view", + "admin.chatbot.config.view", + "admin.chatbot.flows.manage", + "admin.chatbot.history.view", + "admin.iot.devices.view", + "admin.iot.sensors.manage", + "admin.iot.monitoring.view", + "admin.facial-recognition.profiles.manage", + "admin.facial-recognition.live.verify", + "admin.facial-recognition.history.view", + "admin.print.queue.view", + "admin.print.history.view", + "admin.print.settings.manage", + "admin.website.general-settings.allow", + "admin.website.legal.view", + "admin.website.faq.view", + "admin.blog.categories.view", + "admin.blog.tags.view", + "admin.blog.articles.view", + "admin.blog.comments.view", + "admin.contacts.contacts.view", + "admin.contacts.employees.view", + "admin.contacts.employees.create", + "admin.rrhh.jobs.view", + "admin.rrhh.organization.view", + "admin.recruitment.jobs.view", + "admin.recruitment.candidates.view", + "admin.recruitment.interviews.view", + "admin.payroll.contracts.view", + "admin.payroll.process.view", + "admin.payroll.receipts.view", + "admin.payroll.reports.view", + "admin.attendance.records.view", + "admin.attendance.biometric.view", + "admin.attendance.absences.view", + "admin.inventory.product-categories.view", + "admin.inventory.product-catalogs.view", + "admin.inventory.products.view", + "admin.inventory.products.create", + "admin.sales.dashboard.allow", + "admin.contacts.customers.view", + "admin.sales.sales.view", + "admin.sales.quotes.view", + "admin.sales.sales.create", + "admin.sales.sales.view", + "admin.sales.sales.view", + "admin.sales.remissions.create", + "admin.sales.remissions.view", + "admin.sales.remissions.view", + "admin.sales.credit-notes.create", + "admin.sales.credit-notes.view", + "admin.sales.credit-notes.view", + "admin.accounting.dashboard.view", + "admin.accounting.charts.view", + "admin.finance.accounts-payable.view", + "admin.finance.accounts-receivable.view", + "admin.accounting.balance.view", + "admin.accounting.income-statement.view", + "admin.accounting.ledger.view", + "admin.accounting.entries.view", + "admin.expenses.dashboard.view", + "admin.expenses.expenses.create", + "admin.expenses.expenses.view", + "admin.expenses.categories.view", + "admin.expenses.history.view", + "admin.billing.dashboard.allow", + "admin.billing.ingresos.create", + "admin.billing.ingresos.view", + "admin.billing.ingresos.view", + "admin.billing.egresos.create", + "admin.billing.egresos.view", + "admin.billing.egresos.view", + "admin.billing.pagos.created", + "admin.billing.pagos.view", + "admin.billing.nomina.view", + "admin.billing.verify-cfdi.allow", + "admin.contacts.suppliers.view", + "admin.inventory.orders.view", + "admin.inventory.reception.view", + "admin.inventory.materials.view", + "admin.inventory.warehouse.view", + "admin.inventory.stock.view", + "admin.inventory.movements.view", + "admin.inventory.transfers.view", + "admin.inventory.shipping-orders.view", + "admin.inventory.shipping-tracking.view", + "admin.inventory.shipping-carriers.view", + "admin.inventory.shipping-rates.view", + "admin.inventory.assets.view", + "admin.inventory.asset-maintenance.view", + "admin.inventory.asset-lifecycle.view", + "admin.inventory.asset-assignments.view", + "admin.projects.dashboard.view", + "admin.projects.view", + "admin.projects.create", + "admin.projects.tasks.view", + "admin.projects.history.view", + "admin.production.orders.view", + "admin.production.orders.create", + "admin.production.process.view", + "admin.production.history.view", + "admin.quality.inspections.view", + "admin.quality.inspections.create", + "admin.quality.reports.view", + "admin.quality.history.view", + "admin.workflows.view", + "admin.workflows.create", + "admin.workflows.automations.view", + "admin.workflows.history.view", + "admin.contracts.view", + "admin.contracts.sign", + "admin.contracts.automated.view", + "admin.contracts.history.view", + "admin.ticketing.dashboard.view", + "admin.ticketing.tickets.view", + "admin.ticketing.tickets.create", + "admin.ticketing.categories.view", + "admin.ticketing.analytics.view" + ] + }, + "Admin" : { + "style": "primary", + "permissions" : [ + "admin.core.general-settings.allow", + "admin.core.cache-manager.view", + "admin.core.smtp-settings.allow", + "admin.website.general-settings.allow", + "admin.website.legal.view", + "admin.store-manager.company.view", + "admin.store-manager.stores.view", + "admin.store-manager.stores.view", + "admin.core.users.view", + "admin.core.roles.view", + "admin.core.permissions.view", + "admin.core.import-sat-catalogs.allow", + "admin.contacts.contacts.view", + "admin.contacts.contacts.create", + "admin.contacts.employees.view", + "admin.contacts.employees.create", + "admin.contacts.customers.view", + "admin.contacts.customers.create", + "admin.rrhh.jobs.view", + "admin.rrhh.organization.view", + "admin.inventory.product-categories.view", + "admin.inventory.product-catalogs.view", + "admin.inventory.products.view", + "admin.inventory.products.create", + "admin.contacts.suppliers.view", + "admin.contacts.suppliers.create", + "admin.inventory.warehouse.view", + "admin.inventory.orders.view", + "admin.inventory.reception.view", + "admin.inventory.materials.view", + "admin.inventory.stock.view", + "admin.inventory.movements.view", + "admin.inventory.transfers.view", + "admin.inventory.assets.view", + "admin.inventory.asset-maintenance.view", + "admin.inventory.asset-lifecycle.view", + "admin.inventory.asset-assignments.view" + ] + }, + "Administrador Web" : { + "style": "primary", + "permissions" : [] + }, + "Editor" : { + "style": "primary", + "permissions" : [] + }, + "Almacenista" : { + "style": "success", + "permissions" : [ + "admin.inventory.product-categories.view", + "admin.inventory.product-catalogs.view", + "admin.inventory.products.view", + "admin.inventory.products.create", + "admin.inventory.warehouse.view", + "admin.inventory.stock.view", + "admin.inventory.movements.view", + "admin.inventory.transfers.view" + ] + }, + "Productos y servicios" : { + "style": "info", + "permissions" : [] + }, + "Recursos humanos" : { + "style": "success", + "permissions" : [] + }, + "Nómina" : { + "style": "success", + "permissions" : [] + }, + "Activos fijos" : { + "style": "secondary", + "permissions" : [] + }, + "Compras y gastos" : { + "style": "info", + "permissions" : [] + }, + "CRM" : { + "style": "warning", + "permissions" : [] + }, + "Vendedor" : { + "style": "info", + "permissions" : [] + }, + "Gerente" : { + "style": "danger", + "permissions" : [] + }, + "Facturación" : { + "style": "info", + "permissions" : [] + }, + "Facturación avanzado" : { + "style": "danger", + "permissions" : [] + }, + "Finanzas" : { + "style": "info", + "permissions" : [] + }, + "Auditor" : { + "style": "dark", + "permissions" : [ + "admin.core.cache-manager.view", + "admin.store-manager.company.view", + "admin.store-manager.stores.view", + "admin.store-manager.stores.view", + "admin.core.users.view", + "admin.core.roles.view", + "admin.core.permissions.view", + "admin.ai.dashboard.view", + "admin.ai.analytics.view", + "admin.chatbot.config.view", + "admin.chatbot.history.view", + "admin.iot.devices.view", + "admin.iot.monitoring.view", + "admin.facial-recognition.history.view", + "admin.print.queue.view", + "admin.print.history.view", + "admin.website.legal.view", + "admin.website.faq.view", + "admin.blog.categories.view", + "admin.blog.tags.view", + "admin.blog.articles.view", + "admin.blog.comments.view", + "admin.contacts.contacts.view", + "admin.crm.marketing-campaigns.view", + "admin.crm.leads.view", + "admin.crm.newsletter.view", + "admin.contacts.employees.view", + "admin.rrhh.jobs.view", + "admin.rrhh.organization.view", + "admin.recruitment.jobs.view", + "admin.recruitment.candidates.view", + "admin.recruitment.interviews.view", + "admin.payroll.contracts.view", + "admin.payroll.process.view", + "admin.payroll.receipts.view", + "admin.payroll.reports.view", + "admin.attendance.records.view", + "admin.attendance.biometric.view", + "admin.attendance.absences.view", + "admin.inventory.product-categories.view", + "admin.inventory.product-catalogs.view", + "admin.inventory.products.view", + "admin.contacts.customers.view", + "admin.sales.sales.view", + "admin.sales.quotes.view", + "admin.sales.sales.view", + "admin.sales.sales.view", + "admin.sales.remissions.view", + "admin.sales.remissions.view", + "admin.sales.credit-notes.view", + "admin.sales.credit-notes.view", + "admin.accounting.dashboard.view", + "admin.accounting.charts.view", + "admin.finance.accounts-payable.view", + "admin.finance.accounts-receivable.view", + "admin.accounting.balance.view", + "admin.accounting.income-statement.view", + "admin.accounting.ledger.view", + "admin.accounting.entries.view", + "admin.expenses.dashboard.view", + "admin.expenses.expenses.view", + "admin.expenses.categories.view", + "admin.expenses.history.view", + "admin.billing.ingresos.view", + "admin.billing.ingresos.view", + "admin.billing.egresos.view", + "admin.billing.egresos.view", + "admin.billing.pagos.view", + "admin.billing.nomina.view", + "admin.contacts.suppliers.view", + "admin.inventory.orders.view", + "admin.inventory.reception.view", + "admin.inventory.materials.view", + "admin.inventory.warehouse.view", + "admin.inventory.stock.view", + "admin.inventory.movements.view", + "admin.inventory.transfers.view", + "admin.inventory.shipping-orders.view", + "admin.inventory.shipping-tracking.view", + "admin.inventory.shipping-carriers.view", + "admin.inventory.shipping-rates.view", + "admin.inventory.assets.view", + "admin.inventory.asset-maintenance.view", + "admin.inventory.asset-lifecycle.view", + "admin.inventory.asset-assignments.view", + "admin.projects.dashboard.view", + "admin.projects.view", + "admin.projects.tasks.view", + "admin.projects.history.view", + "admin.production.orders.view", + "admin.production.process.view", + "admin.production.history.view", + "admin.quality.inspections.view", + "admin.quality.reports.view", + "admin.quality.history.view", + "admin.workflows.view", + "admin.workflows.automations.view", + "admin.workflows.history.view", + "admin.contracts.view", + "admin.contracts.automated.view", + "admin.contracts.history.view", + "admin.ticketing.dashboard.view", + "admin.ticketing.tickets.view", + "admin.ticketing.categories.view", + "admin.ticketing.analytics.view" + ] + } + }, + "permissions": [ + "admin.core.general-settings.allow", + "admin.core.cache-manager.view", + "admin.core.smtp-settings.allow", + "admin.store-manager.company.view", + "admin.store-manager.stores.view", + "admin.store-manager.stores.view", + "admin.finance.banxico.allow", + "admin.finance.banking.allow", + "admin.sales.ticket-config.allow", + "admin.billing.csds-settings.allow", + "admin.billing.stamping-package.allow", + "admin.billing.smtp-settings.allow", + "admin.billing.mass-cfdi-download.allow", + "admin.core.users.view", + "admin.core.roles.view", + "admin.core.permissions.view", + "admin.core.import-sat-catalogs.allow", + "admin.ai.dashboard.view", + "admin.ai.content.create", + "admin.ai.analytics.view", + "admin.chatbot.config.view", + "admin.chatbot.flows.manage", + "admin.chatbot.history.view", + "admin.iot.devices.view", + "admin.iot.sensors.manage", + "admin.iot.monitoring.view", + "admin.facial-recognition.profiles.manage", + "admin.facial-recognition.live.verify", + "admin.facial-recognition.history.view", + "admin.print.queue.view", + "admin.print.history.view", + "admin.print.settings.manage", + "admin.website.general-settings.allow", + "admin.website.legal.view", + "admin.website.faq.view", + "admin.blog.categories.view", + "admin.blog.tags.view", + "admin.blog.articles.view", + "admin.blog.comments.view", + "admin.contacts.contacts.view", + "admin.contacts.contacts.create", + "admin.crm.marketing-campaigns.view", + "admin.crm.leads.view", + "admin.crm.newsletter.view", + "admin.contacts.employees.view", + "admin.contacts.employees.create", + "admin.rrhh.jobs.view", + "admin.rrhh.organization.view", + "admin.recruitment.jobs.view", + "admin.recruitment.candidates.view", + "admin.recruitment.interviews.view", + "admin.payroll.contracts.view", + "admin.payroll.process.view", + "admin.payroll.receipts.view", + "admin.payroll.reports.view", + "admin.attendance.records.view", + "admin.attendance.biometric.view", + "admin.attendance.absences.view", + "admin.inventory.product-categories.view", + "admin.inventory.product-catalogs.view", + "admin.inventory.products.view", + "admin.inventory.products.create", + "admin.sales.dashboard.allow", + "admin.contacts.customers.view", + "admin.contacts.customers.create", + "admin.sales.sales.view", + "admin.sales.quotes.view", + "admin.sales.sales.create", + "admin.sales.sales.view", + "admin.sales.sales.view", + "admin.sales.remissions.create", + "admin.sales.remissions.view", + "admin.sales.remissions.view", + "admin.sales.credit-notes.create", + "admin.sales.credit-notes.view", + "admin.sales.credit-notes.view", + "admin.accounting.dashboard.view", + "admin.accounting.charts.view", + "admin.finance.accounts-payable.view", + "admin.finance.accounts-receivable.view", + "admin.accounting.balance.view", + "admin.accounting.income-statement.view", + "admin.accounting.ledger.view", + "admin.accounting.entries.view", + "admin.expenses.dashboard.view", + "admin.expenses.expenses.create", + "admin.expenses.expenses.view", + "admin.expenses.categories.view", + "admin.expenses.history.view", + "admin.billing.dashboard.allow", + "admin.billing.ingresos.create", + "admin.billing.ingresos.view", + "admin.billing.ingresos.view", + "admin.billing.egresos.create", + "admin.billing.egresos.view", + "admin.billing.egresos.view", + "admin.billing.pagos.created", + "admin.billing.pagos.view", + "admin.billing.nomina.view", + "admin.billing.verify-cfdi.allow", + "admin.contacts.suppliers.view", + "admin.contacts.suppliers.create", + "admin.inventory.orders.view", + "admin.inventory.reception.view", + "admin.inventory.materials.view", + "admin.inventory.warehouse.view", + "admin.inventory.stock.view", + "admin.inventory.movements.view", + "admin.inventory.transfers.view", + "admin.inventory.shipping-orders.view", + "admin.inventory.shipping-tracking.view", + "admin.inventory.shipping-carriers.view", + "admin.inventory.shipping-rates.view", + "admin.inventory.assets.view", + "admin.inventory.asset-maintenance.view", + "admin.inventory.asset-lifecycle.view", + "admin.inventory.asset-assignments.view", + "admin.projects.dashboard.view", + "admin.projects.view", + "admin.projects.create", + "admin.projects.tasks.view", + "admin.projects.history.view", + "admin.production.orders.view", + "admin.production.orders.create", + "admin.production.process.view", + "admin.production.history.view", + "admin.quality.inspections.view", + "admin.quality.inspections.create", + "admin.quality.reports.view", + "admin.quality.history.view", + "admin.workflows.view", + "admin.workflows.create", + "admin.workflows.automations.view", + "admin.workflows.history.view", + "admin.contracts.view", + "admin.contracts.sign", + "admin.contracts.automated.view", + "admin.contracts.history.view", + "admin.ticketing.dashboard.view", + "admin.ticketing.tickets.view", + "admin.ticketing.tickets.create", + "admin.ticketing.categories.view", + "admin.ticketing.analytics.view" + ] +} + + diff --git a/database/data/users.csv b/database/data/users.csv new file mode 100644 index 0000000..268b3b3 --- /dev/null +++ b/database/data/users.csv @@ -0,0 +1,14 @@ +name,email,role,password +Administrador Web,webadmin@koneko.test,Administrador Web,LAdmin123 +Productos y servicios,productos@koneko.test,Productos y servicios,LAdmin123 +Recursos humanos,rrhh@koneko.test,Recursos humanos,LAdmin123 +Nómina,nomina@koneko.test,Nómina,LAdmin123 +Activos fijos,activos@koneko.test,Activos fijos,LAdmin123 +Compras y gastos,compras@koneko.test,Compras y gastos,LAdmin123 +CRM,crm@koneko.test,CRM,LAdmin123 +Vendedor,vendedor@koneko.test,Vendedor,LAdmin123 +Gerente,gerente@koneko.test,Gerente,LAdmin123 +Facturación,facturacion@koneko.test,Facturación,LAdmin123 +Facturación avanzado,facturacion_avanzado@koneko.test,Facturación avanzado,LAdmin123 +Finanzas,finanzas@koneko.test,Finanzas,LAdmin123 +Almacenista,almacenista@koneko.test,Almacenista,LAdmin123 diff --git a/database/factories/UserFactory.php b/database/factories/UserFactory.php new file mode 100644 index 0000000..ba86720 --- /dev/null +++ b/database/factories/UserFactory.php @@ -0,0 +1,49 @@ + + */ +class UserFactory extends Factory +{ + /** + * The current password being used by the factory. + */ + protected static ?string $password; + + /** + * Define the model's default state. + * + * @return array + */ + public function definition(): array + { + return [ + 'name' => fake()->name(), + 'email' => fake()->unique()->safeEmail(), + 'email_verified_at' => now(), + 'password' => static::$password ??= Hash::make('password'), + 'two_factor_secret' => null, + 'two_factor_recovery_codes' => null, + 'remember_token' => Str::random(10), + 'profile_photo_path' => null, + 'status' => fake()->randomElement([User::STATUS_ENABLED, User::STATUS_DISABLED]) + ]; + } + + /** + * Indicate that the model's email address should be unverified. + */ + public function unverified(): static + { + return $this->state(fn(array $attributes) => [ + 'email_verified_at' => null, + ]); + } +} diff --git a/database/migrations/2024_12_14_030215_modify_users_table.php b/database/migrations/2024_12_14_030215_modify_users_table.php new file mode 100644 index 0000000..f4567b4 --- /dev/null +++ b/database/migrations/2024_12_14_030215_modify_users_table.php @@ -0,0 +1,44 @@ +string('last_name', 100)->nullable()->comment('Apellidos')->index()->after('name'); + $table->string('profile_photo_path', 2048)->nullable()->after('remember_token'); + $table->unsignedTinyInteger('status')->default(User::STATUS_DISABLED)->after('profile_photo_path'); + $table->unsignedMediumInteger('created_by')->nullable()->index()->after('status'); + + // Definir la relación con created_by + $table->foreign('created_by')->references('id')->on('users')->onUpdate('restrict')->onDelete('restrict'); + }); + } + + /** + * Reverse the migrations. + */ + public function down(): void + { + DB::statement('ALTER TABLE `users` MODIFY `id` MEDIUMINT UNSIGNED NOT NULL;'); + DB::statement('ALTER TABLE `users` DROP PRIMARY KEY;'); + DB::statement('ALTER TABLE `users` MODIFY `id` BIGINT UNSIGNED NOT NULL AUTO_INCREMENT, ADD PRIMARY KEY (`id`);'); + + Schema::table('users', function (Blueprint $table) { + $table->dropColumn(['last_name', 'profile_photo_path', 'status', 'created_by']); + + }); + } +}; diff --git a/database/migrations/2024_12_14_035487_create_user_logins_table.php b/database/migrations/2024_12_14_035487_create_user_logins_table.php new file mode 100644 index 0000000..84f5ba3 --- /dev/null +++ b/database/migrations/2024_12_14_035487_create_user_logins_table.php @@ -0,0 +1,36 @@ +integerIncrements('id'); + + $table->unsignedMediumInteger('user_id')->nullable()->index(); + $table->ipAddress('ip_address')->nullable(); + $table->string('user_agent')->nullable(); + + $table->timestamps(); + + // Relaciones + $table->foreign('user_id')->references('id')->on('users'); + }); + } + + /** + * Reverse the migrations. + */ + public function down(): void + { + // Elimina tablas solo si existen + Schema::dropIfExists('user_logins'); + } +}; diff --git a/database/migrations/2024_12_14_073441_create_personal_access_tokens_table.php b/database/migrations/2024_12_14_073441_create_personal_access_tokens_table.php new file mode 100644 index 0000000..e828ad8 --- /dev/null +++ b/database/migrations/2024_12_14_073441_create_personal_access_tokens_table.php @@ -0,0 +1,33 @@ +id(); + $table->morphs('tokenable'); + $table->string('name'); + $table->string('token', 64)->unique(); + $table->text('abilities')->nullable(); + $table->timestamp('last_used_at')->nullable(); + $table->timestamp('expires_at')->nullable(); + $table->timestamps(); + }); + } + + /** + * Reverse the migrations. + */ + public function down(): void + { + Schema::dropIfExists('personal_access_tokens'); + } +}; diff --git a/database/migrations/2024_12_14_074756_create_permission_tables.php b/database/migrations/2024_12_14_074756_create_permission_tables.php new file mode 100644 index 0000000..347947f --- /dev/null +++ b/database/migrations/2024_12_14_074756_create_permission_tables.php @@ -0,0 +1,153 @@ +engine('InnoDB'); + $table->bigIncrements('id'); // permission id + $table->string('name'); // For MyISAM use string('name', 225); // (or 166 for InnoDB with Redundant/Compact row format) + $table->string('group_name')->nullable()->index(); + $table->string('sub_group_name')->nullable()->index(); + $table->string('action')->nullable()->index(); + $table->string('guard_name'); // For MyISAM use string('guard_name', 25); + $table->timestamps(); + + $table->unique(['name', 'guard_name']); + $table->unique(['group_name', 'sub_group_name', 'action', 'guard_name']); + }); + + Schema::create($tableNames['roles'], function (Blueprint $table) use ($teams, $columnNames) { + //$table->engine('InnoDB'); + $table->bigIncrements('id'); // role id + if ($teams || config('permission.testing')) { // permission.testing is a fix for sqlite testing + $table->unsignedBigInteger($columnNames['team_foreign_key'])->nullable(); + $table->index($columnNames['team_foreign_key'], 'roles_team_foreign_key_index'); + } + $table->string('name'); // For MyISAM use string('name', 225); // (or 166 for InnoDB with Redundant/Compact row format) + $table->string('style')->nullable(); + $table->string('guard_name'); // For MyISAM use string('guard_name', 25); + $table->timestamps(); + if ($teams || config('permission.testing')) { + $table->unique([$columnNames['team_foreign_key'], 'name', 'guard_name']); + } else { + $table->unique(['name', 'guard_name']); + } + }); + + Schema::create($tableNames['model_has_permissions'], function (Blueprint $table) use ($tableNames, $columnNames, $pivotPermission, $teams) { + $table->unsignedBigInteger($pivotPermission); + + $table->string('model_type'); + $table->unsignedBigInteger($columnNames['model_morph_key']); + $table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_permissions_model_id_model_type_index'); + + $table->foreign($pivotPermission) + ->references('id') // permission id + ->on($tableNames['permissions']) + ->onDelete('cascade'); + if ($teams) { + $table->unsignedBigInteger($columnNames['team_foreign_key']); + $table->index($columnNames['team_foreign_key'], 'model_has_permissions_team_foreign_key_index'); + + $table->primary( + [$columnNames['team_foreign_key'], $pivotPermission, $columnNames['model_morph_key'], 'model_type'], + 'model_has_permissions_permission_model_type_primary' + ); + } else { + $table->primary( + [$pivotPermission, $columnNames['model_morph_key'], 'model_type'], + 'model_has_permissions_permission_model_type_primary' + ); + } + }); + + Schema::create($tableNames['model_has_roles'], function (Blueprint $table) use ($tableNames, $columnNames, $pivotRole, $teams) { + $table->unsignedBigInteger($pivotRole); + + $table->string('model_type'); + $table->unsignedBigInteger($columnNames['model_morph_key']); + $table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_roles_model_id_model_type_index'); + + $table->foreign($pivotRole) + ->references('id') // role id + ->on($tableNames['roles']) + ->onDelete('cascade'); + if ($teams) { + $table->unsignedBigInteger($columnNames['team_foreign_key']); + $table->index($columnNames['team_foreign_key'], 'model_has_roles_team_foreign_key_index'); + + $table->primary( + [$columnNames['team_foreign_key'], $pivotRole, $columnNames['model_morph_key'], 'model_type'], + 'model_has_roles_role_model_type_primary' + ); + } else { + $table->primary( + [$pivotRole, $columnNames['model_morph_key'], 'model_type'], + 'model_has_roles_role_model_type_primary' + ); + } + }); + + Schema::create($tableNames['role_has_permissions'], function (Blueprint $table) use ($tableNames, $pivotRole, $pivotPermission) { + $table->unsignedBigInteger($pivotPermission); + $table->unsignedBigInteger($pivotRole); + + $table->foreign($pivotPermission) + ->references('id') // permission id + ->on($tableNames['permissions']) + ->onDelete('cascade'); + + $table->foreign($pivotRole) + ->references('id') // role id + ->on($tableNames['roles']) + ->onDelete('cascade'); + + $table->primary([$pivotPermission, $pivotRole], 'role_has_permissions_permission_id_role_id_primary'); + }); + + app('cache') + ->store(config('permission.cache.store') != 'default' ? config('permission.cache.store') : null) + ->forget(config('permission.cache.key')); + } + + /** + * Reverse the migrations. + */ + public function down(): void + { + $tableNames = config('permission.table_names'); + + if (empty($tableNames)) { + throw new \Exception('Error: config/permission.php not found and defaults could not be merged. Please publish the package configuration before proceeding, or drop the tables manually.'); + } + + Schema::drop($tableNames['role_has_permissions']); + Schema::drop($tableNames['model_has_roles']); + Schema::drop($tableNames['model_has_permissions']); + Schema::drop($tableNames['roles']); + Schema::drop($tableNames['permissions']); + } +}; diff --git a/database/migrations/2024_12_14_081739_add_two_factor_columns_to_users_table.php b/database/migrations/2024_12_14_081739_add_two_factor_columns_to_users_table.php new file mode 100644 index 0000000..b490e24 --- /dev/null +++ b/database/migrations/2024_12_14_081739_add_two_factor_columns_to_users_table.php @@ -0,0 +1,46 @@ +text('two_factor_secret') + ->after('password') + ->nullable(); + + $table->text('two_factor_recovery_codes') + ->after('two_factor_secret') + ->nullable(); + + if (Fortify::confirmsTwoFactorAuthentication()) { + $table->timestamp('two_factor_confirmed_at') + ->after('two_factor_recovery_codes') + ->nullable(); + } + }); + } + + /** + * Reverse the migrations. + */ + public function down(): void + { + Schema::table('users', function (Blueprint $table) { + $table->dropColumn(array_merge([ + 'two_factor_secret', + 'two_factor_recovery_codes', + ], Fortify::confirmsTwoFactorAuthentication() ? [ + 'two_factor_confirmed_at', + ] : [])); + }); + } +}; diff --git a/database/migrations/2024_12_14_082234_create_settings_table.php b/database/migrations/2024_12_14_082234_create_settings_table.php new file mode 100644 index 0000000..db08618 --- /dev/null +++ b/database/migrations/2024_12_14_082234_create_settings_table.php @@ -0,0 +1,37 @@ +mediumIncrements('id'); + + $table->string('key')->index(); + $table->text('value'); + $table->unsignedMediumInteger('user_id')->nullable()->index(); + + // Unique constraints + $table->unique(['user_id', 'key']); + + // Relaciones + $table->foreign('user_id')->references('id')->on('users'); + }); + } + + /** + * Reverse the migrations. + */ + public function down(): void + { + Schema::dropIfExists('settings'); + } + +}; diff --git a/database/migrations/2024_12_14_083409_create_media_items_table.php b/database/migrations/2024_12_14_083409_create_media_items_table.php new file mode 100644 index 0000000..aa1a5cb --- /dev/null +++ b/database/migrations/2024_12_14_083409_create_media_items_table.php @@ -0,0 +1,48 @@ +mediumIncrements('id'); + + // Relación polimórfica + $table->unsignedMediumInteger('mediaable_id'); + $table->string('mediaable_type'); + + $table->unsignedTinyInteger('type')->index(); // Tipo de medio: 'image', 'video', 'file', 'youtube' + $table->unsignedTinyInteger('sub_type')->index(); // Subtipo de medio: 'thumbnail', 'main', 'additional' + + $table->string('url', 255)->nullable(); // URL del medio + $table->string('path')->nullable(); // Ruta del archivo si está almacenado localmente + + $table->string('title')->nullable()->index(); // Título del medio + $table->mediumText('description')->nullable(); // Descripción del medio + $table->unsignedTinyInteger('order')->nullable(); // Orden de presentación + + // Authoría + $table->timestamps(); + + // Índices + $table->index(['mediaable_type', 'mediaable_id']); + $table->index(['mediaable_type', 'mediaable_id', 'type']); + }); + + } + + /** + * Reverse the migrations. + */ + public function down(): void + { + Schema::dropIfExists('images'); + } +}; diff --git a/database/migrations/2024_12_14_092026_create_audits_table.php b/database/migrations/2024_12_14_092026_create_audits_table.php new file mode 100644 index 0000000..709069d --- /dev/null +++ b/database/migrations/2024_12_14_092026_create_audits_table.php @@ -0,0 +1,52 @@ +create($table, function (Blueprint $table) { + + $morphPrefix = config('audit.user.morph_prefix', 'user'); + + $table->bigIncrements('id'); + $table->string($morphPrefix . '_type')->nullable(); + $table->unsignedBigInteger($morphPrefix . '_id')->nullable(); + $table->string('event'); + $table->morphs('auditable'); + $table->text('old_values')->nullable(); + $table->text('new_values')->nullable(); + $table->text('url')->nullable(); + $table->ipAddress('ip_address')->nullable(); + $table->string('user_agent', 1023)->nullable(); + $table->string('tags')->nullable(); + $table->timestamps(); + + $table->index([$morphPrefix . '_id', $morphPrefix . '_type']); + }); + } + + /** + * Reverse the migrations. + * + * @return void + */ + public function down() + { + $connection = config('audit.drivers.database.connection', config('database.default')); + $table = config('audit.drivers.database.table', 'audits'); + + Schema::connection($connection)->drop($table); + } +}; diff --git a/database/seeders/PermissionSeeder.php b/database/seeders/PermissionSeeder.php new file mode 100644 index 0000000..88a695c --- /dev/null +++ b/database/seeders/PermissionSeeder.php @@ -0,0 +1,14 @@ + 'Quimiplastic S.A de C.V.', + 'app_faviconIcon' => '../assets/img/logo/koneko-02.png', + 'app_name' => 'Quimiplastic', + 'app_imageLogo' => '../assets/img/logo/koneko-02.png', + + 'app_myLayout' => 'vertical', + 'app_myTheme' => 'theme-default', + 'app_myStyle' => 'light', + 'app_navbarType' => 'sticky', + 'app_menuFixed' => true, + 'app_menuCollapsed' => false, + 'app_headerType' => 'static', + 'app_showDropdownOnHover' => false, + 'app_authViewMode' => 'cover', + 'app_maxQuickLinks' => 5, + + + + 'smtp.host' => 'webmail.koneko.mx', + 'smtp.port' => 465, + 'smtp.encryption' => 'tls', + 'smtp.username' => 'no-responder@koneko.mx', + 'smtp.password' => null, + 'smtp.from_email' => 'no-responder@koneko.mx', + 'smtp.from_name' => 'Koneko Soluciones en Tecnología', + 'smtp.reply_to_method' => 'smtp', + 'smtp.reply_to_email' => null, + 'smtp.reply_to_name' => null, + + + + 'website.title', + 'website.favicon', + 'website.description', + 'website.image_logo', + 'website.image_logoDark', + + 'admin.title', + 'admin.favicon', + 'admin.description', + 'admin.image_logo', + 'admin.image_logoDark', + + + 'favicon.icon' => null, + + 'contact.phone_number' => '(222) 462 0903', + 'contact.phone_number_ext' => 'Ext. 5', + 'contact.email' => 'virtualcompras@live.com.mx', + 'contact.form.email' => 'contacto@conciergetravellife.com', + 'contact.form.email_cc' => 'arturo@koneko.mx', + 'contact.form.subject' => 'Has recibido un mensaje del formulario de covirsast.com', + 'contact.direccion' => '51 PTE 505 loc. 14, Puebla, Pue.', + 'contact.horario' => '9am - 7 pm', + 'contact.location.lat' => '19.024439', + 'contact.location.lng' => '-98.215777', + + 'social.whatsapp' => '', + 'social.whatsapp.message' => '👋 Hola! Estoy buscando más información sobre Covirsa Soluciones en Tecnología. ¿Podrías proporcionarme los detalles que necesito? ¡Te lo agradecería mucho! 💻✨', + + 'social.facebook' => 'https://www.facebook.com/covirsast/?locale=es_LA', + 'social.Whatsapp' => '2228 200 201', + 'social.Whatsapp.message' => '¡Hola! 🌟 Estoy interesado en obtener más información acerca de Concierge Travel. ¿Podrías ayudarme con los detalles? ¡Gracias de antemano! ✈️🏝', + 'social.Facebook' => 'test', + 'social.Instagram' => 'test', + 'social.Linkedin' => 'test', + 'social.Tiktok' => 'test', + 'social.X_twitter' => 'test', + 'social.Google' => 'test', + 'social.Pinterest' => 'test', + 'social.Youtube' => 'test', + 'social.Vimeo' => 'test', + + + 'chat.provider' => '', + 'chat.whatsapp.number' => '', + 'chat.whatsapp.message' => '👋 Hola! Estoy buscando más información sobre Covirsa Soluciones en Tecnología. ¿Podrías proporcionarme los detalles que necesito? ¡Te lo agradecería mucho! 💻✨', + + 'webTpl.container' => 'custom-container', + */ + ]; + + foreach ($settings_array as $key => $value) { + Setting::create([ + 'key' => $key, + 'value' => $value, + ]); + }; + } +} diff --git a/database/seeders/UserSeeder.php b/database/seeders/UserSeeder.php new file mode 100644 index 0000000..8565e42 --- /dev/null +++ b/database/seeders/UserSeeder.php @@ -0,0 +1,97 @@ +exists($directory)) + Storage::disk($disk)->deleteDirectory($directory); + + // + $avatarImageService = new AvatarImageService(); + + // Super admin + $user = User::create([ + 'name' => 'Koneko Admin', + 'email' => 'sadmin@koneko.mx', + 'email_verified_at' => now(), + 'password' => bcrypt('LAdmin123'), + 'status' => User::STATUS_ENABLED, + ])->assignRole('SuperAdmin'); + + // Actualizamos la foto + $avatarImageService->updateProfilePhoto($user, new UploadedFile( + 'public/vendor/vuexy-admin/img/logo/koneko-02.png', + 'koneko-02.png' + )); + + + // admin + $user = User::create([ + 'name' => 'Admin', + 'email' => 'admin@koneko.mx', + 'email_verified_at' => now(), + 'password' => bcrypt('LAdmin123'), + 'status' => User::STATUS_ENABLED, + ])->assignRole('Admin'); + + $avatarImageService->updateProfilePhoto($user, new UploadedFile( + 'public/vendor/vuexy-admin/img/logo/koneko-03.png', + 'koneko-03.png' + )); + + // Auditor + $user = User::create([ + 'name' => 'Auditor', + 'email' => 'auditor@koneko.mx', + 'email_verified_at' => now(), + 'password' => bcrypt('LAdmin123'), + 'status' => User::STATUS_ENABLED, + ])->assignRole('Auditor'); + + $avatarImageService->updateProfilePhoto($user, new UploadedFile( + 'public/vendor/vuexy-admin/img/logo/koneko-03.png', + 'koneko-03.png' + )); + + + // Usuarios CSV + $csvFile = fopen(base_path("database/data/users.csv"), "r"); + + $firstline = true; + + while (($data = fgetcsv($csvFile, 2000, ",")) !== FALSE) { + if (!$firstline) { + User::create([ + 'name' => $data['0'], + 'email' => $data['1'], + 'email_verified_at' => now(), + 'password' => bcrypt($data['3']), + 'status' => User::STATUS_ENABLED, + ])->assignRole($data['2']); + } + + $firstline = false; + } + + fclose($csvFile); + } +} diff --git a/resources/assets/css/demo.css b/resources/assets/css/demo.css new file mode 100644 index 0000000..ec996c1 --- /dev/null +++ b/resources/assets/css/demo.css @@ -0,0 +1,129 @@ +/* +* demo.css +* File include item demo only specific css only +******************************************************************************/ + +.light-style .menu .app-brand.demo { + height: 64px; +} + +.dark-style .menu .app-brand.demo { + height: 64px; +} + +.app-brand-logo.demo { + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + display: -ms-flexbox; + display: flex; + width: 34px; + height: 24px; +} + +.app-brand-logo.demo svg { + width: 35px; + height: 24px; +} + +.app-brand-text.demo { + font-size: 1.375rem; +} + +/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */ +.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page { + padding-top: 64px !important; +} +.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page { + padding-top: 72px !important; +} +/* Navbar page z-index issue solution */ +.content-wrapper .navbar { + z-index: auto; +} + +/* +* Content +******************************************************************************/ + +.demo-blocks > * { + display: block !important; +} + +.demo-inline-spacing > * { + margin: 1rem 0.375rem 0 0 !important; +} + +/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */ +.demo-vertical-spacing > * { + margin-top: 1rem !important; + margin-bottom: 0 !important; +} +.demo-vertical-spacing.demo-only-element > :first-child { + margin-top: 0 !important; +} + +.demo-vertical-spacing-lg > * { + margin-top: 1.875rem !important; + margin-bottom: 0 !important; +} +.demo-vertical-spacing-lg.demo-only-element > :first-child { + margin-top: 0 !important; +} + +.demo-vertical-spacing-xl > * { + margin-top: 5rem !important; + margin-bottom: 0 !important; +} +.demo-vertical-spacing-xl.demo-only-element > :first-child { + margin-top: 0 !important; +} + +.rtl-only { + display: none !important; + text-align: left !important; + direction: ltr !important; +} + +[dir='rtl'] .rtl-only { + display: block !important; +} + +/* Dropdown buttons going out of small screens */ +@media (max-width: 576px) { + #dropdown-variation-demo .btn-group .text-truncate { + width: 254px; + position: relative; + } + #dropdown-variation-demo .btn-group .text-truncate::after { + position: absolute; + top: 45%; + right: 0.65rem; + } +} + +/* +* Layout demo +******************************************************************************/ + +.layout-demo-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 1rem; +} +.layout-demo-placeholder img { + width: 900px; +} +.layout-demo-info { + text-align: center; + margin-top: 1rem; +} diff --git a/resources/assets/js/bootstrap-table/bootstrapTableManager.js b/resources/assets/js/bootstrap-table/bootstrapTableManager.js new file mode 100644 index 0000000..9e272c0 --- /dev/null +++ b/resources/assets/js/bootstrap-table/bootstrapTableManager.js @@ -0,0 +1,245 @@ +import '../../vendor/libs/bootstrap-table/bootstrap-table'; +import '../notifications/LivewireNotification'; + +class BootstrapTableManager { + constructor(bootstrapTableWrap, config = {}) { + const defaultConfig = { + header: [], + format: [], + search_columns: [], + actionColumn: false, + height: 'auto', + minHeight: 300, + bottomMargin : 195, + search: true, + showColumns: true, + showColumnsToggleAll: true, + showExport: true, + exportfileName: 'datatTable', + exportWithDatetime: true, + showFullscreen: true, + showPaginationSwitch: true, + showRefresh: true, + showToggle: true, + /* + smartDisplay: false, + searchOnEnterKey: true, + showHeader: false, + showFooter: true, + showRefresh: true, + showToggle: true, + showFullscreen: true, + detailView: true, + searchAlign: 'right', + buttonsAlign: 'right', + toolbarAlign: 'left', + paginationVAlign: 'bottom', + paginationHAlign: 'right', + paginationDetailHAlign: 'left', + paginationSuccessivelySize: 5, + paginationPagesBySide: 3, + paginationUseIntermediate: true, + */ + clickToSelect: true, + minimumCountColumns: 4, + fixedColumns: true, + fixedNumber: 1, + idField: 'id', + pagination: true, + pageList: [25, 50, 100, 500, 1000], + sortName: 'id', + sortOrder: 'asc', + cookie: false, + cookieExpire: '365d', + cookieIdTable: 'myTableCookies', // Nombre único para las cookies de la tabla + cookieStorage: 'localStorage', + cookiePath: '/', + }; + + this.$bootstrapTable = $('.bootstrap-table', bootstrapTableWrap); + this.$toolbar = $('.bt-toolbar', bootstrapTableWrap); + this.$searchColumns = $('.search_columns', bootstrapTableWrap); + this.$btnRefresh = $('.btn-refresh', bootstrapTableWrap); + this.$btnClearFilters = $('.btn-clear-filters', bootstrapTableWrap); + + this.config = { ...defaultConfig, ...config }; + + this.config.toolbar = `${bootstrapTableWrap} .bt-toolbar`; + this.config.height = this.config.height == 'auto'? this.getTableHeight(): this.config.height; + this.config.cookieIdTable = this.config.exportWithDatetime? this.config.cookieIdTable + '-' + this.getFormattedDateYMDHm(): this.config.cookieIdTable; + + this.tableFormatters = {}; // Mueve la carga de formatters aquí + + this.initTable(); + } + + /** + * Calcula la altura de la tabla. + */ + getTableHeight() { + const btHeight = window.innerHeight - this.$toolbar.height() - this.bottomMargin; + + return btHeight < this.config.minHeight ? this.config.minHeight : btHeight; + } + + /** + * Genera un ID único para la tabla basado en una cookie. + */ + getCookieId() { + const generateShortHash = (str) => { + let hash = 0; + + for (let i = 0; i < str.length; i++) { + const char = str.charCodeAt(i); + + hash = (hash << 5) - hash + char; + hash &= hash; // Convertir a entero de 32 bits + } + + return Math.abs(hash).toString().substring(0, 12); + }; + + return `bootstrap-table-cache-${generateShortHash(this.config.title)}`; + } + + /** + * Carga los formatters dinámicamente + */ + async loadFormatters() { + const formattersModules = import.meta.glob('../../../../../**/resources/assets/js/bootstrap-table/*Formatters.js'); + + const formatterPromises = Object.entries(formattersModules).map(async ([path, importer]) => { + const module = await importer(); + Object.assign(this.tableFormatters, module); + }); + + await Promise.all(formatterPromises); + } + + btColumns() { + const columns = []; + + Object.entries(this.config.header).forEach(([key, value]) => { + const columnFormat = this.config.format[key] || {}; + + if (typeof columnFormat.formatter === 'object') { + const formatterName = columnFormat.formatter.name; + const formatterParams = columnFormat.formatter.params || {}; + + const formatterFunction = this.tableFormatters[formatterName]; + if (formatterFunction) { + columnFormat.formatter = (value, row, index) => formatterFunction(value, row, index, formatterParams); + } else { + console.warn(`Formatter "${formatterName}" no encontrado para la columna "${key}"`); + } + } else if (typeof columnFormat.formatter === 'string') { + const formatterFunction = this.tableFormatters[columnFormat.formatter]; + if (formatterFunction) { + columnFormat.formatter = formatterFunction; + } + } + + if (columnFormat.onlyFormatter) { + columns.push({ + align: 'center', + formatter: columnFormat.formatter || (() => ''), + forceHide: true, + switchable: false, + field: key, + title: value, + }); + return; + } + + const column = { + title: value, + field: key, + sortable: true, + }; + + columns.push({ ...column, ...columnFormat }); + }); + + return columns; + } + + + + /** + * Petición AJAX para la tabla. + */ + ajaxRequest(params) { + const url = `${window.location.href}?${$.param(params.data)}&${$('.bt-toolbar :input').serialize()}`; + + $.get(url).then((res) => params.success(res)); + } + + toValidFilename(str, extension = 'txt') { + return str + .normalize("NFD") // 🔹 Normaliza caracteres con tilde + .replace(/[\u0300-\u036f]/g, "") // 🔹 Elimina acentos y diacríticos + .replace(/[<>:"\/\\|?*\x00-\x1F]/g, '') // 🔹 Elimina caracteres inválidos + .replace(/\s+/g, '-') // 🔹 Reemplaza espacios con guiones + .replace(/-+/g, '-') // 🔹 Evita múltiples guiones seguidos + .replace(/^-+|-+$/g, '') // 🔹 Elimina guiones al inicio y fin + .toLowerCase() // 🔹 Convierte a minúsculas + + (extension ? '.' + extension.replace(/^\.+/, '') : ''); // 🔹 Asegura la extensión válida + } + + getFormattedDateYMDHm(date = new Date()) { + const year = date.getFullYear(); + const month = String(date.getMonth() + 1).padStart(2, '0'); // 🔹 Asegura dos dígitos + const day = String(date.getDate()).padStart(2, '0'); + const hours = String(date.getHours()).padStart(2, '0'); + const minutes = String(date.getMinutes()).padStart(2, '0'); + + return `${year}${month}${day}-${hours}${minutes}`; + } + + + /** + * Inicia la tabla después de cargar los formatters + */ + async initTable() { + await this.loadFormatters(); // Asegura que los formatters estén listos antes de inicializar + + this.$bootstrapTable + .bootstrapTable('destroy').bootstrapTable({ + height: this.config.height, + locale: 'es-MX', + ajax: (params) => this.ajaxRequest(params), + toolbar: this.config.toolbar, + search: this.config.search, + showColumns: this.config.showColumns, + showColumnsToggleAll: this.config.showColumnsToggleAll, + showExport: this.config.showExport, + exportTypes: ['csv', 'txt', 'xlsx'], + exportOptions: { + fileName: this.config.fileName, + }, + showFullscreen: this.config.showFullscreen, + showPaginationSwitch: this.config.showPaginationSwitch, + showRefresh: this.config.showRefresh, + showToggle: this.config.showToggle, + clickToSelect: this.config.clickToSelect, + minimumCountColumns: this.config.minimumCountColumns, + fixedColumns: this.config.fixedColumns, + fixedNumber: this.config.fixedNumber, + idField: this.config.idField, + pagination: this.config.pagination, + pageList: this.config.pageList, + sidePagination: "server", + sortName: this.config.sortName, + sortOrder: this.config.sortOrder, + mobileResponsive: true, + resizable: true, + cookie: this.config.cookie, + cookieExpire: this.config.cookieExpire, + cookieIdTable: this.config.cookieIdTable, + columns: this.btColumns(), + }); + } + +} + +window.BootstrapTableManager = BootstrapTableManager; diff --git a/resources/assets/js/bootstrap-table/globalConfig.js b/resources/assets/js/bootstrap-table/globalConfig.js new file mode 100644 index 0000000..7276fd9 --- /dev/null +++ b/resources/assets/js/bootstrap-table/globalConfig.js @@ -0,0 +1,132 @@ +const appRoutesElement = document.getElementById('app-routes'); + +export const routes = appRoutesElement ? JSON.parse(appRoutesElement.textContent) : {}; + +export const booleanStatusCatalog = { + activo: { + trueText: 'Activo', + falseText: 'Inactivo', + trueClass: 'badge bg-label-success', + falseClass: 'badge bg-label-danger', + }, + habilitado: { + trueText: 'Habilitado', + falseText: 'Deshabilitado', + trueClass: 'badge bg-label-success', + falseClass: 'badge bg-label-danger', + trueIcon: 'ti ti-checkup-list', + falseIcon: 'ti ti-ban', + }, + checkSI: { + trueText: 'SI', + falseIcon: '', + trueClass: 'badge bg-label-info', + falseText: '', + }, + check: { + trueIcon: 'ti ti-check', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + checkbox: { + trueIcon: 'ti ti-checkbox', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + checklist: { + trueIcon: 'ti ti-checklist', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + phone_done: { + trueIcon: 'ti ti-phone-done', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + checkup_list: { + trueIcon: 'ti ti-checkup-list', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + list_check: { + trueIcon: 'ti ti-list-check', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + camera_check: { + trueIcon: 'ti ti-camera-check', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + mail_check: { + trueIcon: 'ti ti-mail-check', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + clock_check: { + trueIcon: 'ti ti-clock-check', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + user_check: { + trueIcon: 'ti ti-user-check', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + circle_check: { + trueIcon: 'ti ti-circle-check', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + shield_check: { + trueIcon: 'ti ti-shield-check', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + }, + calendar_check: { + trueIcon: 'ti ti-calendar-check', + falseIcon: '', + trueClass: 'text-green-800', + falseClass: '', + } +}; + +export const badgeColorCatalog = { + primary: { color: 'primary' }, + secondary: { color: 'secondary' }, + success: { color: 'success' }, + danger: { color: 'danger' }, + warning: { color: 'warning' }, + info: { color: 'info' }, + dark: { color: 'dark' }, + light: { color: 'light', textColor: 'text-dark' } +}; + +export const statusIntBadgeBgCatalogCss = { + 1: 'warning', + 2: 'info', + 10: 'success', + 12: 'danger', + 11: 'warning' +}; + +export const statusIntBadgeBgCatalog = { + 1: 'Inactivo', + 2: 'En proceso', + 10: 'Activo', + 11: 'Archivado', + 12: 'Cancelado', +}; + diff --git a/resources/assets/js/bootstrap-table/globalFormatters.js b/resources/assets/js/bootstrap-table/globalFormatters.js new file mode 100644 index 0000000..909c5ab --- /dev/null +++ b/resources/assets/js/bootstrap-table/globalFormatters.js @@ -0,0 +1,193 @@ +import { booleanStatusCatalog, statusIntBadgeBgCatalogCss, statusIntBadgeBgCatalog } from './globalConfig'; +import {routes} from '../../../../../laravel-vuexy-admin/resources/assets/js/bootstrap-table/globalConfig.js'; + +export const userActionFormatter = (value, row, index) => { + if (!row.id) return ''; + + const showUrl = routes['admin.user.show'].replace(':id', row.id); + const editUrl = routes['admin.user.edit'].replace(':id', row.id); + const deleteUrl = routes['admin.user.delete'].replace(':id', row.id); + + return ` +
    + + + + + + + + + +
    + `.trim(); +}; + +export const dynamicBooleanFormatter = (value, row, index, options = {}) => { + const { tag = 'default', customOptions = {} } = options; + const catalogConfig = booleanStatusCatalog[tag] || {}; + + const finalOptions = { + ...catalogConfig, + ...customOptions, // Permite sobreescribir la configuración predeterminada + ...options // Permite pasar opciones rápidas + }; + + const { + trueIcon = '', + falseIcon = '', + trueText = 'Sí', + falseText = 'No', + trueClass = 'badge bg-label-success', + falseClass = 'badge bg-label-danger', + iconClass = 'text-green-800' + } = finalOptions; + + const trueElement = !trueIcon && !trueText ? '' : `${trueIcon ? ` ` : ''}${trueText}`; + const falseElement = !falseIcon && !falseText ? '' : `${falseIcon ? ` ` : ''}${falseText}`; + + return value? trueElement : falseElement; +}; + +export const dynamicBadgeFormatter = (value, row, index, options = {}) => { + const { + color = 'primary', // Valor por defecto + textColor = '', // Permite agregar color de texto si es necesario + additionalClass = '' // Permite añadir clases adicionales + } = options; + + return `${value}`; +}; + +export const statusIntBadgeBgFormatter = (value, row, index) => { + return value + ? `${statusIntBadgeBgCatalog[value]}` + : ''; +} + +export const textNowrapFormatter = (value, row, index) => { + if (!value) return ''; + return `${value}`; +} + + +export const toCurrencyFormatter = (value, row, index) => { + return isNaN(value) ? '' : Number(value).toCurrency(); +} + +export const numberFormatter = (value, row, index) => { + return isNaN(value) ? '' : Number(value); +} + +export const monthFormatter = (value, row, index) => { + switch (parseInt(value)) { + case 1: + return 'Enero'; + case 2: + return 'Febrero'; + case 3: + return 'Marzo'; + case 4: + return 'Abril'; + case 5: + return 'Mayo'; + case 6: + return 'Junio'; + case 7: + return 'Julio'; + case 8: + return 'Agosto'; + case 9: + return 'Septiembre'; + case 10: + return 'Octubre'; + case 11: + return 'Noviembre'; + case 12: + return 'Diciembre'; + } +} + +export const humaneTimeFormatter = (value, row, index) => { + return isNaN(value) ? '' : Number(value).humaneTime(); +} + +/** + * Genera la URL del avatar basado en iniciales o devuelve la foto de perfil si está disponible. + * @param {string} fullName - Nombre completo del usuario. + * @param {string|null} profilePhoto - Ruta de la foto de perfil. + * @returns {string} - URL del avatar. + */ +function getAvatarUrl(fullName, profilePhoto) { + const baseUrl = window.baseUrl || ''; + + if (profilePhoto) { + return `${baseUrl}storage/profile-photos/${profilePhoto}`; + } + + return `${baseUrl}admin/usuario/avatar/?name=${fullName}`; +} + +/** + * Formatea la columna del perfil de usuario con avatar, nombre y correo. + */ +export const userProfileFormatter = (value, row, index) => { + if (!row.id) return ''; + + const profileUrl = routes['admin.user.show'].replace(':id', row.id); + const avatar = getAvatarUrl(row.full_name, row.profile_photo_path); + const email = row.email ? row.email : 'Sin correo'; + + return ` +
    + + Avatar + +
    + ${row.full_name} + ${email} +
    +
    + `; +}; + +/** + * Formatea la columna del perfil de contacto con avatar, nombre y correo. + */ +export const contactProfileFormatter = (value, row, index) => { + if (!row.id) return ''; + + const profileUrl = routes['admin.contact.show'].replace(':id', row.id); + const avatar = getAvatarUrl(row.full_name, row.profile_photo_path); + const email = row.email ? row.email : 'Sin correo'; + + return ` +
    + + Avatar + +
    + ${row.full_name} + ${email} +
    +
    + `; +}; + + + +export const creatorFormatter = (value, row, index) => { + if (!row.creator) return ''; + + const email = row.creator_email || 'Sin correo'; + const showUrl = routes['admin.user.show'].replace(':id', row.id); + + + return ` +
    + ${row.creator} + ${email} +
    + `; +}; + diff --git a/resources/assets/js/config.js b/resources/assets/js/config.js new file mode 100644 index 0000000..a1316d7 --- /dev/null +++ b/resources/assets/js/config.js @@ -0,0 +1,53 @@ +/** + * Config + * ------------------------------------------------------------------------------------- + * ! IMPORTANT: Make sure you clear the browser local storage In order to see the config changes in the template. + * ! To clear local storage: (https://www.leadshook.com/help/how-to-clear-local-storage-in-google-chrome-browser/). + */ + +'use strict'; + +// JS global variables +window.config = { + colors: { + primary: '#7367f0', + secondary: '#808390', + success: '#28c76f', + info: '#00bad1', + warning: '#ff9f43', + danger: '#FF4C51', + dark: '#4b4b4b', + black: '#000', + white: '#fff', + cardColor: '#fff', + bodyBg: '#f8f7fa', + bodyColor: '#6d6b77', + headingColor: '#444050', + textMuted: '#acaab1', + borderColor: '#e6e6e8' + }, + colors_label: { + primary: '#7367f029', + secondary: '#a8aaae29', + success: '#28c76f29', + info: '#00cfe829', + warning: '#ff9f4329', + danger: '#ea545529', + dark: '#4b4b4b29' + }, + colors_dark: { + cardColor: '#2f3349', + bodyBg: '#25293c', + bodyColor: '#b2b1cb', + headingColor: '#cfcce4', + textMuted: '#8285a0', + borderColor: '#565b79' + }, + enableMenuLocalStorage: true // Enable menu state with local storage support +}; + +window.assetsPath = document.documentElement.getAttribute('data-assets-path'); +window.baseUrl = document.documentElement.getAttribute('data-base-url'); +window.quicklinksUpdateUrl = document.documentElement.getAttribute('data-quicklinks-update-url'); +window.templateName = document.documentElement.getAttribute('data-template'); +window.rtlSupport = false; // set true for rtl support (rtl + ltr), false for ltr only. diff --git a/resources/assets/js/forms/formConvasHelper.js b/resources/assets/js/forms/formConvasHelper.js new file mode 100644 index 0000000..3dc6b70 --- /dev/null +++ b/resources/assets/js/forms/formConvasHelper.js @@ -0,0 +1,477 @@ +/** + * FormCanvasHelper + * + * Clase para orquestar la interacción entre un formulario dentro de un Offcanvas + * de Bootstrap y el estado de Livewire (modo create/edit/delete), además de + * manipular ciertos componentes externos como Select2. + * + * Se diseñó teniendo en cuenta que el DOM del Offcanvas puede reconstruirse + * (re-render) de manera frecuente, por lo que muchos getters reacceden al DOM + * dinámicamente. + */ +export default class FormCanvasHelper { + /** + * @param {string} offcanvasId - ID del elemento Offcanvas en el DOM. + * @param {object} liveWireInstance - Instancia de Livewire asociada al formulario. + */ + constructor(offcanvasId, liveWireInstance) { + this.offcanvasId = offcanvasId; + this.liveWireInstance = liveWireInstance; + + // Validamos referencias mínimas para evitar errores tempranos + // Si alguna falta, se mostrará un error en consola. + this.validateInitialDomRefs(); + } + + /** + * Verifica la existencia básica de elementos en el DOM. + * Muestra errores en consola si faltan elementos críticos. + */ + validateInitialDomRefs() { + const offcanvasEl = document.getElementById(this.offcanvasId); + + if (!offcanvasEl) { + console.error(`❌ No se encontró el contenedor Offcanvas con ID: ${this.offcanvasId}`); + return; + } + + const formEl = offcanvasEl.querySelector('form'); + if (!formEl) { + console.error(`❌ No se encontró el formulario dentro de #${this.offcanvasId}`); + return; + } + + const offcanvasTitle = offcanvasEl.querySelector('.offcanvas-title'); + const submitButtons = formEl.querySelectorAll('.btn-submit'); + const resetButtons = formEl.querySelectorAll('.btn-reset'); + + if (!offcanvasTitle || !submitButtons.length || !resetButtons.length) { + console.error(`❌ Faltan el título, botones de submit o reset dentro de #${this.offcanvasId}`); + } + } + + /** + * Getter para el contenedor Offcanvas actual. + * Retorna siempre la referencia más reciente del DOM. + */ + get offcanvasEl() { + return document.getElementById(this.offcanvasId); + } + + /** + * Getter para el formulario dentro del Offcanvas. + */ + get formEl() { + return this.offcanvasEl?.querySelector('form') ?? null; + } + + /** + * Getter para el título del Offcanvas. + */ + get offcanvasTitleEl() { + return this.offcanvasEl?.querySelector('.offcanvas-title') ?? null; + } + + /** + * Getter para la instancia de Bootstrap Offcanvas. + * Siempre retorna la instancia más reciente en caso de re-render. + */ + get offcanvasInstance() { + if (!this.offcanvasEl) return null; + return bootstrap.Offcanvas.getOrCreateInstance(this.offcanvasEl); + } + + /** + * Retorna todos los botones de submit en el formulario. + */ + get submitButtons() { + return this.formEl?.querySelectorAll('.btn-submit') ?? []; + } + + /** + * Retorna todos los botones de reset en el formulario. + */ + get resetButtons() { + return this.formEl?.querySelectorAll('.btn-reset') ?? []; + } + + /** + * Método principal para manejar la recarga del Offcanvas según los estados en Livewire. + * Se encarga de resetear el formulario, limpiar errores y cerrar/abrir el Offcanvas + * según sea necesario. + * + * @param {string|null} triggerMode - Forzar la acción (e.g., 'reset', 'create'). Si no se especifica, se verifica según Livewire. + */ + reloadOffcanvas(triggerMode = null) { + setTimeout(() => { + const mode = this.liveWireInstance.get('mode'); + const successProcess = this.liveWireInstance.get('successProcess'); + const validationError = this.liveWireInstance.get('validationError'); + + // Si se completa la acción o triggerMode = 'reset', + // reseteamos completamente y cerramos el Offcanvas. + if (triggerMode === 'reset' || successProcess) { + this.resetFormAndState('create'); + + return; + } + + // Forzar modo create si se solicita explícitamente + if (triggerMode === 'create') { + // Evitamos re-reset si ya estamos en 'create' + if (mode === 'create') return; + + this.resetFormAndState('create'); + + this.focusOnOpen(); + + return; + } + + // Si no, simplemente preparamos la UI según el modo actual. + this.prepareOffcanvasUI(mode); + + // Si hay errores de validación, reabrimos el Offcanvas para mostrarlos. + if (validationError) { + this.liveWireInstance.set('validationError', null, false); + + return; + } + + // Si estamos en edit o delete, solo abrimos el Offcanvas. + if (mode === 'edit' || mode === 'delete') { + this.clearErrors(); + + if(mode === 'edit') { + this.focusOnOpen(); + } + + return; + } + }, 20); + } + + /** + * Reabre o fuerza la apertura del Offcanvas si hay errores de validación + * o si el modo de Livewire es 'edit' o 'delete'. + * + * Normalmente se llama cuando hay un dispatch/evento de Livewire, + * por ejemplo si el servidor devuelve un error de validación (para mostrarlo) + * o si se acaba de cargar un registro para editar o eliminar. + * + * - Si hay `validationError`, forzamos la reapertura con `toggleOffcanvas(true, true)` + * para que se refresque correctamente y el usuario vea los errores. + * - Si el modo es 'edit' o 'delete', simplemente mostramos el Offcanvas sin forzar + * un refresco de la interfaz. + */ + refresh() { + setTimeout(() => { + const mode = this.liveWireInstance.get('mode'); + const successProcess = this.liveWireInstance.get('successProcess'); + const validationError = this.liveWireInstance.get('validationError'); + + // cerramos el Offcanvas. + if (successProcess) { + this.toggleOffcanvas(false); + + this.resetFormAndState('create'); + + return; + } + + + if (validationError) { + // Forzamos la reapertura para que se rendericen + this.toggleOffcanvas(true, true); + + return; + } + + if (mode === 'edit' || mode === 'delete') { + // Abrimos el Offcanvas para edición o eliminación + this.toggleOffcanvas(true); + + return; + } + }, 10); + } + + + /** + * Prepara la UI del Offcanvas según el modo actual: cambia texto de botones, título, + * habilita o deshabilita campos, etc. + * + * @param {string} mode - Modo actual en Livewire: 'create', 'edit' o 'delete' + */ + prepareOffcanvasUI(mode) { + // Configura el texto y estilo de botones + this.configureButtons(mode); + + // Ajusta el título del Offcanvas + this.configureTitle(mode); + + // Activa o desactiva campos según el modo + this.configureReadonlyMode(mode === 'delete'); + } + + /** + * Cierra o muestra el Offcanvas. + * + * @param {boolean} show - true para mostrar, false para ocultar. + * @param {boolean} force - true para forzar el refresco rápido del Offcanvas. + */ + toggleOffcanvas(show = false, force = false) { + const instance = this.offcanvasInstance; + + if (!instance) return; + + if (show) { + if (force) { + // "Force" hace un hide + show para asegurar un nuevo render + instance.hide(); + setTimeout(() => instance.show(), 10); + + } else { + instance.show(); + } + + } else { + instance.hide(); + } + } + + /** + * Resetea el formulario y el estado en Livewire (modo, id, errores). + * + * @param {string} targetMode - Modo al que queremos resetear, típicamente 'create'. + */ + resetFormAndState(targetMode) { + if (!this.formEl) return; + + // Restablecemos en Livewire + this.liveWireInstance.set('successProcess', null, false); + this.liveWireInstance.set('validationError', null, false); + this.liveWireInstance.set('mode', targetMode, false); + this.liveWireInstance.set('id', null, false); + + // Limpiamos el formulario + this.formEl.reset(); + this.clearErrors(); + + // Restablecemos valores por defecto del formulario + const defaults = this.liveWireInstance.get('defaultValues'); + if (defaults && typeof defaults === 'object') { + Object.entries(defaults).forEach(([key, value]) => { + this.liveWireInstance.set(key, value, false); + }); + } + + // Limpiar select2 automáticamente + $(this.formEl) + .find('select.select2-hidden-accessible') + .each(function () { + $(this).val(null).trigger('change'); + }); + + // Desactivamos el modo lectura + this.configureReadonlyMode(false); + + // Reconfiguramos el Offcanvas UI + this.prepareOffcanvasUI(targetMode); + } + + /** + * Configura el texto y estilo de los botones de submit y reset + * según el modo de Livewire. + * + * @param {string} mode - 'create', 'edit' o 'delete' + */ + configureButtons(mode) { + const singularName = this.liveWireInstance.get('singularName'); + + // Limpiar clases previas + this.submitButtons.forEach(button => { + button.classList.remove('btn-danger', 'btn-primary'); + }); + this.resetButtons.forEach(button => { + button.classList.remove('btn-text-secondary', 'btn-label-secondary'); + }); + + // Configurar botón de submit según el modo + this.submitButtons.forEach(button => { + switch (mode) { + case 'create': + button.classList.add('btn-primary'); + button.textContent = `Crear ${singularName.toLowerCase()}`; + break; + case 'edit': + button.classList.add('btn-primary'); + button.textContent = `Guardar cambios`; + break; + case 'delete': + button.classList.add('btn-danger'); + button.textContent = `Eliminar ${singularName.toLowerCase()}`; + break; + } + }); + + // Configurar botones de reset según el modo + this.resetButtons.forEach(button => { + // Cambia la clase dependiendo si se trata de un modo 'delete' o no + const buttonClass = (mode === 'delete') ? 'btn-text-secondary' : 'btn-label-secondary'; + button.classList.add(buttonClass); + }); + } + + /** + * Ajusta el título del Offcanvas según el modo y la propiedad configurada en Livewire. + * + * @param {string} mode - 'create', 'edit' o 'delete' + */ + configureTitle(mode) { + if (!this.offcanvasTitleEl) return; + + const capitalizeFirstLetter =(str) => { + return str.charAt(0).toUpperCase() + str.slice(1); + } + + const singularName = this.liveWireInstance.get('singularName'); + const columnNameLabel = this.liveWireInstance.get('columnNameLabel'); + const editName = this.liveWireInstance.get(columnNameLabel); + + switch (mode) { + case 'create': + this.offcanvasTitleEl.innerHTML = ` ${capitalizeFirstLetter(singularName)} `; + break; + case 'edit': + this.offcanvasTitleEl.innerHTML = `${editName} `; + break; + case 'delete': + this.offcanvasTitleEl.innerHTML = `${editName} `; + break; + } + } + + /** + * Configura el modo de solo lectura/edición en los campos del formulario. + * Deshabilita inputs y maneja el "readonly" en checkboxes/radios. + * + * @param {boolean} readOnly - true si queremos modo lectura, false para edición. + */ + configureReadonlyMode(readOnly) { + if (!this.formEl) return; + + const inputs = this.formEl.querySelectorAll('input, textarea, select'); + + inputs.forEach(el => { + // Saltar campos marcados como "data-always-enabled" + if (el.hasAttribute('data-always-enabled')) return; + + // Para selects + if (el.tagName === 'SELECT') { + if ($(el).hasClass('select2-hidden-accessible')) { + // Deshabilitar select2 + $(el).prop('disabled', readOnly).trigger('change.select2'); + } else { + this.toggleSelectReadonly(el, readOnly); + } + return; + } + + // Para checkboxes / radios + if (el.type === 'checkbox' || el.type === 'radio') { + this.toggleCheckboxReadonly(el, readOnly); + return; + } + + // Para inputs de texto / textarea + el.readOnly = readOnly; + }); + } + + /** + * Alterna modo "readonly" en un checkbox/radio simulando la inhabilitación + * sin marcarlo como 'disabled' (para mantener su apariencia). + * + * @param {HTMLElement} checkbox - Elemento checkbox o radio. + * @param {boolean} enabled - true si se quiere modo lectura, false en caso contrario. + */ + toggleCheckboxReadonly(checkbox, enabled) { + if (enabled) { + checkbox.setAttribute('readonly-mode', 'true'); + checkbox.style.pointerEvents = 'none'; + checkbox.onclick = function (event) { + event.preventDefault(); + }; + } else { + checkbox.removeAttribute('readonly-mode'); + checkbox.style.pointerEvents = ''; + checkbox.onclick = null; + } + } + + /** + * Alterna modo "readonly" para un + + + + `) + } + + this._cleanup() + this.container = this._getElementFromString(customizerMarkup) + + // Customizer visibility condition + // + const customizerW = this.container + if (this.settings.displayCustomizer) customizerW.setAttribute('style', 'visibility: visible') + else customizerW.setAttribute('style', 'visibility: hidden') + + // Open btn + // + const openBtn = this.container.querySelector('.template-customizer-open-btn') + const openBtnCb = () => { + this.container.classList.add('template-customizer-open') + this.update() + + if (this._updateInterval) clearInterval(this._updateInterval) + this._updateInterval = setInterval(() => { + this.update() + }, 500) + } + openBtn.addEventListener('click', openBtnCb) + this._listeners.push([openBtn, 'click', openBtnCb]) + + // Reset btn + // + + const resetBtn = this.container.querySelector('.template-customizer-reset-btn') + const resetBtnCb = () => { + const layoutName = this._getLayoutName() + if (layoutName.includes('front')) { + this._deleteCookie('front-mode') + this._deleteCookie('front-colorPref') + } else { + this._deleteCookie('admin-mode') + this._deleteCookie('admin-colorPref') + } + this.clearLocalStorage() + window.location.reload() + this._deleteCookie('colorPref') + this._deleteCookie('theme') + this._deleteCookie('direction') + } + resetBtn.addEventListener('click', resetBtnCb) + this._listeners.push([resetBtn, 'click', resetBtnCb]) + + // Close btn + // + + const closeBtn = this.container.querySelector('.template-customizer-close-btn') + const closeBtnCb = () => { + this.container.classList.remove('template-customizer-open') + + if (this._updateInterval) { + clearInterval(this._updateInterval) + this._updateInterval = null + } + } + closeBtn.addEventListener('click', closeBtnCb) + this._listeners.push([closeBtn, 'click', closeBtnCb]) + + // Style + const styleW = this.container.querySelector('.template-customizer-style') + const styleOpt = styleW.querySelector('.template-customizer-styles-options') + + if (!this._hasControls('style')) { + styleW.parentNode.removeChild(styleW) + } else { + this.settings.availableStyles.forEach(style => { + const styleEl = createOptionElement(style.name, style.title, 'customRadioIcon', cl.contains('dark-style')) + styleOpt.appendChild(styleEl) + }) + styleOpt.querySelector(`input[value="${this.settings.stylesOpt}"]`).setAttribute('checked', 'checked') + + // styleCb + const styleCb = e => { + this._loadingState(true) + this.setStyle(e.target.value, true, () => { + this._loadingState(false) + }) + } + + styleOpt.addEventListener('change', styleCb) + this._listeners.push([styleOpt, 'change', styleCb]) + } + + // Theme + const themesW = this.container.querySelector('.template-customizer-themes') + const themesWInner = themesW.querySelector('.template-customizer-themes-options') + + if (!this._hasControls('themes')) { + themesW.parentNode.removeChild(themesW) + } else { + this.settings.availableThemes.forEach(theme => { + let image = '' + if (theme.name === 'theme-semi-dark') { + image = `semi-dark` + } else if (theme.name === 'theme-bordered') { + image = `border` + } else { + image = `default` + } + const themeEl = createOptionElement(theme.name, theme.title, 'themeRadios', cl.contains('dark-style'), image) + themesWInner.appendChild(themeEl) + }) + + themesWInner.querySelector(`input[value="${this.settings.theme.name}"]`).setAttribute('checked', 'checked') + + const themeCb = e => { + this._loading = true + this._loadingState(true, true) + + this.setTheme(e.target.value, true, () => { + this._loading = false + this._loadingState(false, true) + }) + } + + themesWInner.addEventListener('change', themeCb) + this._listeners.push([themesWInner, 'change', themeCb]) + } + const themingW = this.container.querySelector('.template-customizer-theming') + + if (!this._hasControls('style') && !this._hasControls('themes')) { + themingW.parentNode.removeChild(themingW) + } + + // Layout wrapper + const layoutW = this.container.querySelector('.template-customizer-layout') + + if (!this._hasControls('rtl headerType contentLayout layoutCollapsed layoutNavbarOptions', true)) { + layoutW.parentNode.removeChild(layoutW) + } else { + // RTL + // + + const directionW = this.container.querySelector('.template-customizer-directions') + // ? Hide RTL control in following 2 case + if (!this._hasControls('rtl') || !rtlSupport) { + directionW.parentNode.removeChild(directionW) + } else { + const directionOpt = directionW.querySelector('.template-customizer-directions-options') + this.settings.availableDirections.forEach(dir => { + const dirEl = createOptionElement(dir.name, dir.title, 'directionRadioIcon', cl.contains('dark-style')) + directionOpt.appendChild(dirEl) + }) + directionOpt + .querySelector(`input[value="${this.settings.rtl === 'true' ? 'rtl' : 'ltr'}"]`) + .setAttribute('checked', 'checked') + + const rtlCb = e => { + this._loadingState(true) + // For demo purpose, we will use EN as LTR and AR as RTL Language + this._getSetting('Lang') === 'ar' ? this._setSetting('Lang', 'en') : this._setSetting('Lang', 'ar') + this.setRtl(e.target.value === 'rtl', true, () => { + this._loadingState(false) + }) + if (e.target.value === 'rtl') { + window.location.href = baseUrl + 'lang/ar' + } else { + window.location.href = baseUrl + 'lang/en' + } + } + + directionOpt.addEventListener('change', rtlCb) + this._listeners.push([directionOpt, 'change', rtlCb]) + } + + // Header Layout Type + const headerTypeW = this.container.querySelector('.template-customizer-headerOptions') + const templateName = document.documentElement.getAttribute('data-template').split('-') + if (!this._hasControls('headerType')) { + headerTypeW.parentNode.removeChild(headerTypeW) + } else { + const headerOpt = headerTypeW.querySelector('.template-customizer-header-options') + setTimeout(() => { + if (templateName.includes('vertical')) { + headerTypeW.parentNode.removeChild(headerTypeW) + } + }, 100) + this.settings.availableHeaderTypes.forEach(header => { + const headerEl = createOptionElement( + header.name, + header.title, + 'headerRadioIcon', + cl.contains('dark-style'), + `horizontal-${header.name}` + ) + headerOpt.appendChild(headerEl) + }) + headerOpt.querySelector(`input[value="${this.settings.headerType}"]`).setAttribute('checked', 'checked') + + const headerTypeCb = e => { + this.setLayoutType(e.target.value) + } + + headerOpt.addEventListener('change', headerTypeCb) + this._listeners.push([headerOpt, 'change', headerTypeCb]) + } + + // CONTENT + // + + const contentWrapper = this.container.querySelector('.template-customizer-content') + // ? Hide RTL control in following 2 case + if (!this._hasControls('contentLayout')) { + contentWrapper.parentNode.removeChild(contentWrapper) + } else { + const contentOpt = contentWrapper.querySelector('.template-customizer-content-options') + this.settings.availableContentLayouts.forEach(content => { + const contentEl = createOptionElement( + content.name, + content.title, + 'contentRadioIcon', + cl.contains('dark-style') + ) + contentOpt.appendChild(contentEl) + }) + contentOpt.querySelector(`input[value="${this.settings.contentLayout}"]`).setAttribute('checked', 'checked') + + const contentCb = e => { + this._loading = true + this._loadingState(true, true) + this.setContentLayout(e.target.value, true, () => { + this._loading = false + this._loadingState(false, true) + }) + } + + contentOpt.addEventListener('change', contentCb) + this._listeners.push([contentOpt, 'change', contentCb]) + } + + // Layouts Collapsed: Expanded, Collapsed + const layoutCollapsedW = this.container.querySelector('.template-customizer-layouts') + + if (!this._hasControls('layoutCollapsed')) { + layoutCollapsedW.parentNode.removeChild(layoutCollapsedW) + } else { + setTimeout(() => { + if (document.querySelector('.layout-menu-horizontal')) { + layoutCollapsedW.parentNode.removeChild(layoutCollapsedW) + } + }, 100) + const layoutCollapsedOpt = layoutCollapsedW.querySelector('.template-customizer-layouts-options') + this.settings.availableLayouts.forEach(layoutOpt => { + const layoutsEl = createOptionElement( + layoutOpt.name, + layoutOpt.title, + 'layoutsRadios', + cl.contains('dark-style') + ) + layoutCollapsedOpt.appendChild(layoutsEl) + }) + layoutCollapsedOpt + .querySelector(`input[value="${this.settings.layoutCollapsed ? 'collapsed' : 'expanded'}"]`) + .setAttribute('checked', 'checked') + + const layoutCb = e => { + window.Helpers.setCollapsed(e.target.value === 'collapsed', true) + + this._setSetting('LayoutCollapsed', e.target.value === 'collapsed') + } + + layoutCollapsedOpt.addEventListener('change', layoutCb) + this._listeners.push([layoutCollapsedOpt, 'change', layoutCb]) + } + + // Layout Navbar Options + const navbarOption = this.container.querySelector('.template-customizer-layoutNavbarOptions') + + if (!this._hasControls('layoutNavbarOptions')) { + navbarOption.parentNode.removeChild(navbarOption) + } else { + setTimeout(() => { + if (templateName.includes('horizontal')) { + navbarOption.parentNode.removeChild(navbarOption) + } + }, 100) + const navbarTypeOpt = navbarOption.querySelector('.template-customizer-navbar-options') + this.settings.availableNavbarOptions.forEach(navbarOpt => { + const navbarEl = createOptionElement( + navbarOpt.name, + navbarOpt.title, + 'navbarOptionRadios', + cl.contains('dark-style') + ) + navbarTypeOpt.appendChild(navbarEl) + }) + // check navbar option from settings + navbarTypeOpt + .querySelector(`input[value="${this.settings.layoutNavbarOptions}"]`) + .setAttribute('checked', 'checked') + const navbarCb = e => { + this._loading = true + this._loadingState(true, true) + this.setLayoutNavbarOption(e.target.value, true, () => { + this._loading = false + this._loadingState(false, true) + }) + } + + navbarTypeOpt.addEventListener('change', navbarCb) + this._listeners.push([navbarTypeOpt, 'change', navbarCb]) + } + } + + setTimeout(() => { + const layoutCustom = this.container.querySelector('.template-customizer-layout') + if (document.querySelector('.menu-vertical')) { + if (!this._hasControls('rtl contentLayout layoutCollapsed layoutNavbarOptions', true)) { + if (layoutCustom) { + layoutCustom.parentNode.removeChild(layoutCustom) + } + } + } else if (document.querySelector('.menu-horizontal')) { + if (!this._hasControls('rtl contentLayout headerType', true)) { + if (layoutCustom) { + layoutCustom.parentNode.removeChild(layoutCustom) + } + } + } + }, 100) + + // Set language + this.setLang(this.settings.lang, false, true) + + // Append container + if (_container === document) { + if (_container.body) { + _container.body.appendChild(this.container) + } else { + window.addEventListener('DOMContentLoaded', () => _container.body.appendChild(this.container)) + } + } else { + _container.appendChild(this.container) + } + } + + _initDirection() { + if (this._hasControls('rtl')) { + document.documentElement.setAttribute( + 'dir', + this._checkCookie('direction') + ? this._getCookie('direction') === 'true' + ? 'rtl' + : 'ltr' + : this.settings.rtl + ? 'rtl' + : 'ltr' + ) + } + } + + // Init template styles + _initStyle() { + if (!this._hasControls('style')) return + + const { style } = this.settings + + this._insertStylesheet( + 'template-customizer-core-css', + this.pathResolver( + this.settings.cssPath + + this.settings.cssFilenamePattern.replace('%name%', `core${style !== 'light' ? `-${style}` : ''}`) + ) + ) + // ? Uncomment if needed + /* + this._insertStylesheet( + 'template-customizer-bootstrap-css', + this.pathResolver( + this.settings.cssPath + + this.settings.cssFilenamePattern.replace('%name%', `bootstrap${style !== 'light' ? `-${style}` : ''}`) + ) + ) + this._insertStylesheet( + 'template-customizer-bsextended-css', + this.pathResolver( + this.settings.cssPath + + this.settings.cssFilenamePattern.replace( + '%name%', + `bootstrap-extended${style !== 'light' ? `-${style}` : ''}` + ) + ) + ) + this._insertStylesheet( + 'template-customizer-components-css', + this.pathResolver( + this.settings.cssPath + + this.settings.cssFilenamePattern.replace('%name%', `components${style !== 'light' ? `-${style}` : ''}`) + ) + ) + this._insertStylesheet( + 'template-customizer-colors-css', + this.pathResolver( + this.settings.cssPath + + this.settings.cssFilenamePattern.replace('%name%', `colors${style !== 'light' ? `-${style}` : ''}`) + ) + ) + */ + + const classesToRemove = style === 'light' ? ['dark-style'] : ['light-style'] + classesToRemove.forEach(cls => { + document.documentElement.classList.remove(cls) + }) + + document.documentElement.classList.add(`${style}-style`) + } + + // Init theme style + _initTheme() { + if (this._hasControls('themes')) { + this._insertStylesheet( + 'template-customizer-theme-css', + this.pathResolver( + this.settings.themesPath + + this.settings.cssFilenamePattern.replace( + '%name%', + this.settings.theme.name + (this.settings.style !== 'light' ? `-${this.settings.style}` : '') + ) + ) + ) + } else { + // If theme control is not enabled, get the current theme from localstorage else display default theme + const theme = this._getSetting('Theme') + this._insertStylesheet( + 'template-customizer-theme-css', + this.pathResolver( + this.settings.themesPath + + this.settings.cssFilenamePattern.replace( + '%name%', + theme + ? theme + : this.settings.defaultTheme.name + (this.settings.style !== 'light' ? `-${this.settings.style}` : '') + ) + ) + ) + } + } + + _loadStylesheet(href, className) { + const link = document.createElement('link') + link.rel = 'stylesheet' + link.type = 'text/css' + link.href = href + link.className = className + document.head.appendChild(link) + } + + _insertStylesheet(className, href) { + const curLink = document.querySelector(`.${className}`) + + if (typeof document.documentMode === 'number' && document.documentMode < 11) { + if (!curLink) return + if (href === curLink.getAttribute('href')) return + + const link = document.createElement('link') + + link.setAttribute('rel', 'stylesheet') + link.setAttribute('type', 'text/css') + link.className = className + link.setAttribute('href', href) + + curLink.parentNode.insertBefore(link, curLink.nextSibling) + } else { + this._loadStylesheet(href, className) + } + + if (curLink) { + curLink.parentNode.removeChild(curLink) + } + } + + _loadStylesheets(stylesheets, cb) { + const paths = Object.keys(stylesheets) + const count = paths.length + let loaded = 0 + + function loadStylesheet(path, curLink, _cb = () => {}) { + const link = document.createElement('link') + + link.setAttribute('href', path) + link.setAttribute('rel', 'stylesheet') + link.setAttribute('type', 'text/css') + link.className = curLink.className + + const sheet = 'sheet' in link ? 'sheet' : 'styleSheet' + const cssRules = 'sheet' in link ? 'cssRules' : 'rules' + + let intervalId + + const timeoutId = setTimeout(() => { + clearInterval(intervalId) + clearTimeout(timeoutId) + if (curLink.parentNode.contains(link)) { + curLink.parentNode.removeChild(link) + } + _cb(false, path) + }, 15000) + + intervalId = setInterval(() => { + try { + if (link[sheet] && link[sheet][cssRules].length) { + clearInterval(intervalId) + clearTimeout(timeoutId) + curLink.parentNode.removeChild(curLink) + _cb(true) + } + } catch (e) { + // Catch error + } + }, 10) + curLink.setAttribute('href', link.href) + } + + function stylesheetCallBack() { + if ((loaded += 1) >= count) { + cb() + } + } + for (let i = 0; i < paths.length; i++) { + loadStylesheet(paths[i], stylesheets[paths[i]], stylesheetCallBack()) + } + } + + _loadingState(enable, themes) { + this.container.classList[enable ? 'add' : 'remove'](`template-customizer-loading${themes ? '-theme' : ''}`) + } + + _getElementFromString(str) { + const wrapper = document.createElement('div') + wrapper.innerHTML = str + return wrapper.firstChild + } + + // Set settings in LocalStorage with layout & key + _getSetting(key) { + let result = null + const layoutName = this._getLayoutName() + try { + result = localStorage.getItem(`templateCustomizer-${layoutName}--${key}`) + } catch (e) { + // Catch error + } + return String(result || '') + } + + _showResetBtnNotification(show = true) { + setTimeout(() => { + const resetBtnAttr = this.container.querySelector('.template-customizer-reset-btn .badge') + if (show) { + resetBtnAttr.classList.remove('d-none') + } else { + resetBtnAttr.classList.add('d-none') + } + }, 200) + } + + // Set settings in LocalStorage with layout & key + _setSetting(key, val) { + const layoutName = this._getLayoutName() + try { + localStorage.setItem(`templateCustomizer-${layoutName}--${key}`, String(val)) + this._showResetBtnNotification() + } catch (e) { + // Catch Error + } + } + + // Get layout name to set unique + _getLayoutName() { + return document.getElementsByTagName('HTML')[0].getAttribute('data-template') + } + + _removeListeners() { + for (let i = 0, l = this._listeners.length; i < l; i++) { + this._listeners[i][0].removeEventListener(this._listeners[i][1], this._listeners[i][2]) + } + } + + _cleanup() { + this._removeListeners() + this._listeners = [] + this._controls = {} + + if (this._updateInterval) { + clearInterval(this._updateInterval) + this._updateInterval = null + } + } + + get _ssr() { + return typeof window === 'undefined' + } + + // Check controls availability + _hasControls(controls, oneOf = false) { + return controls.split(' ').reduce((result, control) => { + if (this.settings.controls.indexOf(control) !== -1) { + if (oneOf || result !== false) result = true + } else if (!oneOf || result !== true) result = false + return result + }, null) + } + + // Get the default theme + _getDefaultTheme(themeId) { + let theme + if (typeof themeId === 'string') { + theme = this._getThemeByName(themeId, false) + } else { + theme = this.settings.availableThemes[themeId] + } + + if (!theme) { + throw new Error(`Theme ID "${themeId}" not found!`) + } + + return theme + } + + // Get theme by themeId/themeName + _getThemeByName(themeName, returnDefault = false) { + const themes = this.settings.availableThemes + + for (let i = 0, l = themes.length; i < l; i++) { + if (themes[i].name === themeName) return themes[i] + } + + return returnDefault ? this.settings.defaultTheme : null + } + + _setCookie(name, value, daysToExpire, path = '/', domain = '') { + const cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)}` + + let expires = '' + if (daysToExpire) { + const expirationDate = new Date() + expirationDate.setTime(expirationDate.getTime() + daysToExpire * 24 * 60 * 60 * 1000) + expires = `; expires=${expirationDate.toUTCString()}` + } + + const pathString = `; path=${path}` + const domainString = domain ? `; domain=${domain}` : '' + + document.cookie = `${cookie}${expires}${pathString}${domainString}` + } + + _getCookie(name) { + const cookies = document.cookie.split('; ') + + for (let i = 0; i < cookies.length; i++) { + const [cookieName, cookieValue] = cookies[i].split('=') + if (decodeURIComponent(cookieName) === name) { + return decodeURIComponent(cookieValue) + } + } + + return null + } + + _checkCookie(name) { + return this._getCookie(name) !== null + } + + _deleteCookie(name) { + document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;' + } +} + +// Styles +TemplateCustomizer.STYLES = [ + { + name: 'light', + title: 'Light' + }, + { + name: 'dark', + title: 'Dark' + }, + { + name: 'system', + title: 'System' + } +] + +// Themes +TemplateCustomizer.THEMES = [ + { + name: 'theme-default', + title: 'Default' + }, + { + name: 'theme-bordered', + title: 'Bordered' + }, + { + name: 'theme-semi-dark', + title: 'Semi Dark' + } +] + +// Layouts +TemplateCustomizer.LAYOUTS = [ + { + name: 'expanded', + title: 'Expanded' + }, + { + name: 'collapsed', + title: 'Collapsed' + } +] + +// Navbar Options +TemplateCustomizer.NAVBAR_OPTIONS = [ + { + name: 'sticky', + title: 'Sticky' + }, + { + name: 'static', + title: 'Static' + }, + { + name: 'hidden', + title: 'Hidden' + } +] + +// Header Types +TemplateCustomizer.HEADER_TYPES = [ + { + name: 'fixed', + title: 'Fixed' + }, + { + name: 'static', + title: 'Static' + } +] + +// Content Types +TemplateCustomizer.CONTENT = [ + { + name: 'compact', + title: 'Compact' + }, + { + name: 'wide', + title: 'Wide' + } +] + +// Directions +TemplateCustomizer.DIRECTIONS = [ + { + name: 'ltr', + title: 'Left to Right (En)' + }, + { + name: 'rtl', + title: 'Right to Left (Ar)' + } +] + +// Theme setting language +TemplateCustomizer.LANGUAGES = { + en: { + panel_header: 'Template Customizer', + panel_sub_header: 'Customize and preview in real time', + theming_header: 'Theming', + style_label: 'Style (Mode)', + theme_label: 'Themes', + layout_header: 'Layout', + layout_label: 'Menu (Navigation)', + layout_header_label: 'Header Types', + content_label: 'Content', + layout_navbar_label: 'Navbar Type', + direction_label: 'Direction' + }, + es: { + panel_header: 'Personalizador de Plantilla', + panel_sub_header: 'Personaliza y previsualiza en tiempo real', + theming_header: 'Tematización', + style_label: 'Estilo (Modo)', + theme_label: 'Temas', + layout_header: 'Diseño', + layout_label: 'Menú (Navegación)', + layout_header_label: 'Tipos de Encabezado', + content_label: 'Contenido', + layout_navbar_label: 'Tipo de Barra de Navegación', + direction_label: 'Dirección' + }, + fr: { + panel_header: 'Modèle De Personnalisation', + panel_sub_header: 'Personnalisez et prévisualisez en temps réel', + theming_header: 'Thématisation', + style_label: 'Style (Mode)', + theme_label: 'Thèmes', + layout_header: 'Disposition', + layout_label: 'Menu (Navigation)', + layout_header_label: "Types d'en-tête", + content_label: 'Contenu', + layout_navbar_label: 'Type de barre de navigation', + direction_label: 'Direction' + }, + ar: { + panel_header: 'أداة تخصيص القالب', + panel_sub_header: 'تخصيص ومعاينة في الوقت الحقيقي', + theming_header: 'السمات', + style_label: 'النمط (الوضع)', + theme_label: 'المواضيع', + layout_header: 'تَخطِيط', + layout_label: 'القائمة (الملاحة)', + layout_header_label: 'أنواع الرأس', + content_label: 'محتوى', + layout_navbar_label: 'نوع شريط التنقل', + direction_label: 'اتجاه' + }, + de: { + panel_header: 'Vorlagen-Anpasser', + panel_sub_header: 'Anpassen und Vorschau in Echtzeit', + theming_header: 'Themen', + style_label: 'Stil (Modus)', + theme_label: 'Themen', + layout_header: 'Layout', + layout_label: 'Menü (Navigation)', + layout_header_label: 'Header-Typen', + content_label: 'Inhalt', + layout_navbar_label: 'Art der Navigationsleiste', + direction_label: 'Richtung' + } +} + +window.TemplateCustomizer = TemplateCustomizer diff --git a/resources/assets/vendor/libs/@form-validation/auto-focus.js b/resources/assets/vendor/libs/@form-validation/auto-focus.js new file mode 100644 index 0000000..c2b3bd8 --- /dev/null +++ b/resources/assets/vendor/libs/@form-validation/auto-focus.js @@ -0,0 +1,7 @@ +import { AutoFocus } from '@form-validation/plugin-auto-focus'; + +try { + FormValidation.plugins.AutoFocus = AutoFocus; +} catch (e) {} + +export { AutoFocus }; diff --git a/resources/assets/vendor/libs/@form-validation/bootstrap5.js b/resources/assets/vendor/libs/@form-validation/bootstrap5.js new file mode 100644 index 0000000..d7ad20a --- /dev/null +++ b/resources/assets/vendor/libs/@form-validation/bootstrap5.js @@ -0,0 +1,7 @@ +import { Bootstrap5 } from '@form-validation/plugin-bootstrap5'; + +try { + FormValidation.plugins.Bootstrap5 = Bootstrap5; +} catch (e) {} + +export { Bootstrap5 }; diff --git a/resources/assets/vendor/libs/@form-validation/form-validation.scss b/resources/assets/vendor/libs/@form-validation/form-validation.scss new file mode 100644 index 0000000..1ed7751 --- /dev/null +++ b/resources/assets/vendor/libs/@form-validation/form-validation.scss @@ -0,0 +1,4 @@ +@import '@form-validation/core/lib/styles/index'; +@import '@form-validation/plugin-framework/lib/styles/index'; +@import '@form-validation/plugin-message/lib/styles/index'; +@import '@form-validation/plugin-bootstrap5/lib/styles/index'; diff --git a/resources/assets/vendor/libs/@form-validation/popular.js b/resources/assets/vendor/libs/@form-validation/popular.js new file mode 100644 index 0000000..b07f96f --- /dev/null +++ b/resources/assets/vendor/libs/@form-validation/popular.js @@ -0,0 +1,8 @@ +import FormValidation from '@form-validation/bundle/popular' + +try { + window.FormValidation = FormValidation; +} catch (e) {} + +export { FormValidation }; + diff --git a/resources/assets/vendor/libs/_tabler/_tabler.scss b/resources/assets/vendor/libs/_tabler/_tabler.scss new file mode 100644 index 0000000..56eb8b4 --- /dev/null +++ b/resources/assets/vendor/libs/_tabler/_tabler.scss @@ -0,0 +1,414 @@ +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes spin { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@-webkit-keyframes burst { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + 90% { + -webkit-transform: scale(1.5); + transform: scale(1.5); + opacity: 0; + } +} +@keyframes burst { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + 90% { + -webkit-transform: scale(1.5); + transform: scale(1.5); + opacity: 0; + } +} +@-webkit-keyframes flashing { + 0% { + opacity: 1; + } + 45% { + opacity: 0; + } + 90% { + opacity: 1; + } +} +@keyframes flashing { + 0% { + opacity: 1; + } + 45% { + opacity: 0; + } + 90% { + opacity: 1; + } +} +@-webkit-keyframes fade-left { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 75% { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + opacity: 0; + } +} +@keyframes fade-left { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 75% { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + opacity: 0; + } +} +@-webkit-keyframes fade-right { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 75% { + -webkit-transform: translateX(20px); + transform: translateX(20px); + opacity: 0; + } +} +@keyframes fade-right { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 75% { + -webkit-transform: translateX(20px); + transform: translateX(20px); + opacity: 0; + } +} +@-webkit-keyframes fade-up { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + 75% { + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + opacity: 0; + } +} +@keyframes fade-up { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + 75% { + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + opacity: 0; + } +} +@-webkit-keyframes fade-down { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + 75% { + -webkit-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + } +} +@keyframes fade-down { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + 75% { + -webkit-transform: translateY(20px); + transform: translateY(20px); + opacity: 0; + } +} +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg); + transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg); + transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg); + transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg); + transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg); + transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg); + } + 40%, + 60%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +.ti-spin { + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} + +.ti-spin-hover:hover { + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} + +.ti-tada { + -webkit-animation: tada 1.5s ease infinite; + animation: tada 1.5s ease infinite; +} + +.ti-tada-hover:hover { + -webkit-animation: tada 1.5s ease infinite; + animation: tada 1.5s ease infinite; +} + +.ti-flashing { + -webkit-animation: flashing 1.5s infinite linear; + animation: flashing 1.5s infinite linear; +} + +.ti-flashing-hover:hover { + -webkit-animation: flashing 1.5s infinite linear; + animation: flashing 1.5s infinite linear; +} + +.ti-burst { + -webkit-animation: burst 1.5s infinite linear; + animation: burst 1.5s infinite linear; +} + +.ti-burst-hover:hover { + -webkit-animation: burst 1.5s infinite linear; + animation: burst 1.5s infinite linear; +} + +.ti-fade-up { + -webkit-animation: fade-up 1.5s infinite linear; + animation: fade-up 1.5s infinite linear; +} + +.ti-fade-up-hover:hover { + -webkit-animation: fade-up 1.5s infinite linear; + animation: fade-up 1.5s infinite linear; +} + +.ti-fade-down { + -webkit-animation: fade-down 1.5s infinite linear; + animation: fade-down 1.5s infinite linear; +} + +.ti-fade-down-hover:hover { + -webkit-animation: fade-down 1.5s infinite linear; + animation: fade-down 1.5s infinite linear; +} + +.ti-fade-left { + -webkit-animation: fade-left 1.5s infinite linear; + animation: fade-left 1.5s infinite linear; +} + +.ti-fade-left-hover:hover { + -webkit-animation: fade-left 1.5s infinite linear; + animation: fade-left 1.5s infinite linear; +} + +.ti-fade-right { + -webkit-animation: fade-right 1.5s infinite linear; + animation: fade-right 1.5s infinite linear; +} + +.ti-fade-right-hover:hover { + -webkit-animation: fade-right 1.5s infinite linear; + animation: fade-right 1.5s infinite linear; +} + +.ti-xs { + font-size: 1rem !important; +} + +.ti-sm { + font-size: 1.125rem !important; +} + +.ti-md { + font-size: 1.375rem !important; +} + +.ti-lg { + font-size: 1.5rem !important; +} + +.ti-xl { + font-size: 2.25rem !important; +} + +.ti-10px { + &, + &:before { + font-size: 10px; + } +} +.ti-12px { + &, + &:before { + font-size: 12px; + } +} +.ti-14px { + &, + &:before { + font-size: 14px; + } +} +.ti-16px { + &, + &:before { + font-size: 16px; + } +} +.ti-18px { + &, + &:before { + font-size: 18px; + } +} +.ti-20px { + &, + &:before { + font-size: 20px; + } +} +.ti-22px { + &, + &:before { + font-size: 22px; + } +} +.ti-24px { + &, + &:before { + font-size: 24px; + } +} +.ti-26px { + &, + &:before { + font-size: 26px; + } +} +.ti-28px { + &, + &:before { + font-size: 28px; + } +} +.ti-30px { + &, + &:before { + font-size: 30px; + } +} +.ti-32px { + &, + &:before { + font-size: 32px; + } +} +.ti-36px { + &, + &:before { + font-size: 36px; + } +} +.ti-40px { + &, + &:before { + font-size: 40px; + } +} +.ti-42px { + &, + &:before { + font-size: 42px; + } +} +.ti-48px { + &, + &:before { + font-size: 48px; + } +} diff --git a/resources/assets/vendor/libs/animate-css/animate.scss b/resources/assets/vendor/libs/animate-css/animate.scss new file mode 100644 index 0000000..0c9e900 --- /dev/null +++ b/resources/assets/vendor/libs/animate-css/animate.scss @@ -0,0 +1 @@ +@import 'animate.css/animate'; diff --git a/resources/assets/vendor/libs/bootstrap-datepicker/_mixins.scss b/resources/assets/vendor/libs/bootstrap-datepicker/_mixins.scss new file mode 100644 index 0000000..ef93725 --- /dev/null +++ b/resources/assets/vendor/libs/bootstrap-datepicker/_mixins.scss @@ -0,0 +1,93 @@ +@import '../../scss/_bootstrap-extended/functions'; + +@mixin bs-datepicker-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + $range-bg: rgba-to-hex(rgba($background, 0.16), $card-bg); + $range-color: $background; + + .datepicker { + table { + tr td { + &.active, + &.active.highlighted, + .focused, + span.active, + span.active.disabled, + &.range-start, + &.range-end { + background: $background !important; + color: $color !important; + box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3); + } + + &.range, + &.range.highlighted, + &.range.today { + color: $range-color !important; + background: $range-bg !important; + + &.focused { + background: rgba-to-hex(rgba($background, 0.24), $card-bg) !important; + } + + &.disabled { + background: transparentize($range-bg, 0.5) !important; + color: transparentize($range-color, 0.5) !important; + } + } + + &.today:not(.active), + &.today:not(.active):hover { + color: $background; + background-color: rgba-to-hex(rgba($background, 0.16), $card-bg); + } + } + } + } +} + +@mixin bs-datepicker-dark-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + $range-bg: rgba-to-hex(rgba($background, 0.24), $card-bg); + $range-color: $background; + + .datepicker { + table { + tr td { + &.active, + &.active.highlighted, + .focused, + span.active, + span.active.disabled, + &.range-start, + &.range-end { + color: $color !important; + background: $background !important; + box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3); + } + + &.range, + &.range.highlighted, + &.range.today { + color: $range-color !important; + background: $range-bg !important; + + &.disabled { + color: transparentize($range-color, 0.5) !important; + background: transparentize($range-bg, 0.5) !important; + } + + &.focused { + background: rgba-to-hex(rgba($background, 0.24), $card-bg) !important; + } + } + + &.today:not(.active), + &.today:not(.active):hover { + color: $background; + background-color: rgba-to-hex(rgba($background, 0.16), $card-bg); + } + } + } + } +} diff --git a/resources/assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js b/resources/assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js new file mode 100644 index 0000000..bcb020b --- /dev/null +++ b/resources/assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js @@ -0,0 +1 @@ +import 'bootstrap-datepicker/dist/js/bootstrap-datepicker'; diff --git a/resources/assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.scss b/resources/assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.scss new file mode 100644 index 0000000..933dc74 --- /dev/null +++ b/resources/assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.scss @@ -0,0 +1,482 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; + +$datepicker-arrow-size: 0.45rem !default; +$datepicker-item-width: 2.25rem !default; +$datepicker-item-height: 2.25rem !default; +$white: #fff; + +.datepicker { + direction: ltr; + + &.dropdown-menu { + padding: 0; + margin: 0; + } + .datepicker-days { + margin: 0.875rem 0.875rem 0.875rem; + } + + // Basic styles for next and prev arrows + .next, + .prev { + color: transparent !important; + position: absolute; + top: 0.65rem; + height: 1.875rem; + width: 1.875rem; + border-radius: light.$border-radius-pill; + display: table-caption; + } + + // LRT & RTL only styles for arrows + table thead tr th { + &.next { + @include app-ltr { + float: right; + right: 0.125rem; + } + @include app-rtl { + float: left; + left: 0.125rem; + } + } + &.prev { + @include app-ltr { + right: 2.75rem; + } + @include app-rtl { + left: 2.75rem; + } + } + } + &.datepicker-inline { + table { + thead tr th { + &.next { + inset-inline-end: 0.5rem !important; + } + } + } + .datepicker-days { + .datepicker-switch { + top: 0; + } + } + } + + // next & prev arrow after style + .next::after, + .prev::after { + content: ''; + display: block; + position: absolute; + left: 46%; + top: 46%; + height: $datepicker-arrow-size; + width: $datepicker-arrow-size; + border-radius: 0; + border-style: solid; + transform: rotate(-45deg); + transform-origin: left; + } + + .next::after { + margin-left: -$datepicker-arrow-size * 0.35; + border-width: 0 1.9px 1.9px 0; + + @include app-rtl { + transform: rotate(-45deg); + border-width: 1.9px 0 0 1.9px; + margin-left: 0; + } + } + + .prev::after { + border-width: 1.9px 0 0 1.9px; + + @include app-rtl { + transform: rotate(-45deg); + border-width: 0 1.9px 1.9px 0; + margin-left: -$datepicker-arrow-size * 0.5; + } + } + + // arrow alignments excluding datepicker-days + .datepicker-months, + .datepicker-years, + .datepicker-decades, + .datepicker-centuries { + .next { + @include app-ltr { + right: 1rem; + } + @include app-rtl { + left: 1rem; + } + } + .prev { + @include app-ltr { + right: 3.4rem; + } + @include app-rtl { + left: 3.4rem; + } + } + } + + // switch default styles + .datepicker-switch { + vertical-align: middle; + position: relative; + @include app-ltr { + text-align: left; + } + @include app-rtl { + text-align: right; + } + } + + // switch alignments datepicker-days + .datepicker-days { + .datepicker-switch { + top: -4px; + @include app-ltr { + left: -1.68rem; + } + @include app-rtl { + right: -1.68rem; + } + } + } + + // switch alignments excluding datepicker-days + .datepicker-months, + .datepicker-years, + .datepicker-decades, + .datepicker-centuries { + .datepicker-switch { + @include app-ltr { + left: 1rem; + } + @include app-rtl { + right: 1rem; + } + } + } + + table thead tr:nth-child(2) { + height: 60px !important; + width: 80px; + position: relative; + } + + &.datepicker-rtl { + direction: rtl; + + table tr td span { + float: right; + } + } + + @include app-rtl { + direction: rtl; + } +} + +.datepicker table { + user-select: none; + margin: 0; + overflow: hidden; + border-radius: light.$dropdown-border-radius; + tbody { + //! FIX: padding or margin top will not work in table + &:before { + content: '@'; + display: block; + line-height: 6px; + text-indent: -99999px; + } + } +} + +.datepicker table tr td, +.datepicker table tr th { + font-weight: 400; + text-align: center; + border: none; + + &.dow { + font-size: light.$font-size-sm; + } +} + +.datepicker table tr td { + border-radius: light.$border-radius-pill; + width: $datepicker-item-width; + height: $datepicker-item-height; + &.day:hover, + &.focused { + cursor: pointer; + } + + &.disabled, + &.disabled:hover { + cursor: default; + background: none; + } + + &.range { + border-radius: 0 !important; + &.today { + box-shadow: none !important; + } + } + + // span.month, + // span.year { + // margin: 0 0.5rem; + // } + + &.range-start:not(.range-end) { + @include app-ltr { + border-bottom-right-radius: 0 !important; + border-top-right-radius: 0 !important; + } + + @include app-rtl { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + } + } + + &.range-end:not(.range-start) { + @include app-ltr { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + } + + @include app-rtl { + border-bottom-right-radius: 0 !important; + border-top-right-radius: 0 !important; + } + } + + &.selected, + &.selected:hover, + &.selected.highlighted { + color: $white; + } +} + +// Styles for datepicker months, years, decades etc +.datepicker table tr td span { + display: block; + float: left; + width: 3.625rem; + height: 2rem; + line-height: 2rem; + cursor: pointer; + + &.disabled, + &.disabled:hover { + background: none; + cursor: default; + } + + @include app-rtl { + float: right; + } +} +.datepicker .datepicker-switch, +.datepicker .prev, +.datepicker .next, +.datepicker tfoot tr th { + cursor: pointer; +} + +.datepicker-months table, +.datepicker-years table, +.datepicker-decades table, +.datepicker-centuries table { + width: (3.375rem * 3) + 2.625rem; + + td { + padding: 0 0 0.5rem 0.8125rem; + + @include app-rtl { + padding: 0 0.8125rem 0.5rem 0; + } + } +} + +.datepicker-dropdown { + left: 0; + top: 0; + padding: 0; +} + +.input-daterange input { + text-align: center; +} + +// Light style +@if $enable-light-style { + .light-style { + .datepicker-dropdown { + z-index: light.$zindex-popover !important; + box-shadow: light.$card-box-shadow; + } + + .datepicker { + th { + &.prev, + &.next { + background-color: light.rgba-to-hex(rgba(light.$black, 0.08), light.$card-bg); + &::after { + border-color: light.$body-color; + } + } + } + &.datepicker-inline { + table { + box-shadow: light.$box-shadow; + } + } + + table { + thead { + background-color: light.$card-bg; + tr, + td { + color: light.$headings-color; + } + } + tr td, + tr th { + &.new { + color: light.$text-muted; + } + } + + tr td { + &.old, + &.disabled { + color: light.$text-muted; + } + + &.cw { + background-color: light.$card-bg; + color: light.$body-color; + } + + &.day:hover, + &.focused { + background: light.rgba-to-hex(light.$gray-50, light.$card-bg); + } + } + } + } + + .datepicker table tr td span { + border-radius: light.$border-radius; + + &:hover, + &.focused { + background: light.rgba-to-hex(light.$gray-50, light.$card-bg); + } + + &.disabled, + &.disabled:hover { + color: light.$text-muted; + } + + &.old, + &.new { + color: light.$text-muted; + } + } + } +} + +// Dark style +@if $enable-dark-style { + .dark-style { + .datepicker-dropdown { + z-index: dark.$zindex-popover !important; + box-shadow: dark.$card-box-shadow; + } + + .datepicker { + th { + &.prev, + &.next { + background-color: dark.rgba-to-hex(rgba(dark.$base, 0.08), dark.$card-bg); + &::after { + border-color: dark.$body-color; + } + } + } + &.datepicker-inline { + table { + box-shadow: dark.$card-box-shadow; + } + } + + table { + thead { + background-color: dark.$card-bg; + tr, + td { + color: dark.$headings-color; + } + } + tr td, + tr th { + &.new { + color: dark.$text-muted; + } + } + + tr td { + color: dark.$body-color; + + &.old, + &.disabled { + color: dark.$text-muted; + } + + &.cw { + background-color: dark.$card-bg; + color: dark.$body-color; + } + + &.day:hover, + &.focused { + background: dark.rgba-to-hex(dark.$gray-50, dark.$card-bg); + } + } + } + } + + .datepicker table tr td span { + border-radius: dark.$border-radius; + + &:hover, + &.focused { + background: dark.rgba-to-hex(dark.$gray-50, dark.$card-bg); + } + + &.disabled, + &.disabled:hover { + color: dark.$text-muted; + } + + &.old, + &.new { + color: dark.$text-muted; + } + } + } +} diff --git a/resources/assets/vendor/libs/bootstrap-daterangepicker/_mixins.scss b/resources/assets/vendor/libs/bootstrap-daterangepicker/_mixins.scss new file mode 100644 index 0000000..45f5302 --- /dev/null +++ b/resources/assets/vendor/libs/bootstrap-daterangepicker/_mixins.scss @@ -0,0 +1,81 @@ +@import '../../scss/_bootstrap-extended/functions'; + +@mixin bs-daterangepicker-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + $highlighted-bg: rgba-to-hex(rgba($background, 0.16), $card-bg); + $highlighted-color: $background; + + .daterangepicker td.active:not(.off) { + background: $background !important; + color: $white; + box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3); + } + + .daterangepicker { + .start-date:not(.end-date):not(.off), + .end-date:not(.start-date):not(.off) { + background-color: $background; + color: $white; + border: 0 !important; + + &:hover { + background-color: $background !important; + } + } + } + + .daterangepicker .input-mini.active { + border-color: $background !important; + } + + .daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) { + color: $highlighted-color !important; + background-color: $highlighted-bg !important; + } + + .ranges li.active { + color: $highlighted-color !important; + background-color: $highlighted-bg !important; + } +} + +@mixin bs-daterangepicker-dark-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + $highlighted-bg: rgba-to-hex(rgba($background, 0.16), $card-bg); + $highlighted-color: $background; + + .daterangepicker td.active:not(.off) { + background: $background !important; + color: $white; + box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3); + } + + .daterangepicker { + .start-date:not(.end-date):not(.off), + .end-date:not(.start-date):not(.off) { + background-color: $background; + color: $white; + border: 0 !important; + + &:hover { + background-color: $background !important; + } + } + } + + .daterangepicker .input-mini.active { + border-color: $background !important; + } + + .daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) { + color: $highlighted-color !important; + background-color: $highlighted-bg !important; + } + + .ranges li.active { + color: $highlighted-color !important; + background-color: $highlighted-bg !important; + } +} diff --git a/resources/assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.js b/resources/assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.js new file mode 100644 index 0000000..3950a71 --- /dev/null +++ b/resources/assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.js @@ -0,0 +1,18 @@ +import 'bootstrap-daterangepicker/daterangepicker'; + +// Patch detect when weeks are shown + +const fnDaterangepicker = $.fn.daterangepicker; + +$.fn.daterangepicker = function (options, callback) { + fnDaterangepicker.call(this, options, callback); + + if (options && (options.showWeekNumbers || options.showISOWeekNumbers)) { + this.each(function () { + const instance = $(this).data('daterangepicker'); + if (instance && instance.container) instance.container.addClass('with-week-numbers'); + }); + } + + return this; +}; diff --git a/resources/assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.scss b/resources/assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.scss new file mode 100644 index 0000000..5eca304 --- /dev/null +++ b/resources/assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.scss @@ -0,0 +1,744 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; + +$daterangepicker-arrow-size: 0.45rem !default; +$daterangepicker-select-width: 3.125rem !default; +$daterangepicker-cell-size: 2.25rem !default; +$daterangepicker-padding: 0.8rem !default; + +// Calculate widths +$daterangepicker-width: ($daterangepicker-cell-size * 7)+ ($daterangepicker-padding * 2); +$daterangepicker-width-with-weeks: $daterangepicker-width + $daterangepicker-cell-size; + +.daterangepicker { + position: absolute; + max-width: none; + padding: 0.875rem 0 0.5rem; + display: none; + + tbody { + //! FIX: padding or margin top will not work in table + &:before { + content: '@'; + display: block; + line-height: 6px; + text-indent: -99999px; + } + } + + @include app-rtl { + direction: rtl !important; + } + + // datepicker header styles + table thead tr:first-child { + height: 52px !important; + position: relative; + } + .calendar-table td { + border-radius: 50rem; + } + + // month and year select styles + table thead { + th, + td { + select { + background-color: transparent; + font-weight: light.$font-weight-medium; + } + } + } +} + +// prev arrow styles excluding single daterangepicker +.daterangepicker { + .drp-calendar:not(.single).left { + .prev { + @include app-ltr { + left: 0.25rem; + } + @include app-rtl { + right: 0.25rem; + } + } + } + + // next arrow styles excluding single daterangepicker + .drp-calendar:not(.single).right { + .next { + @include app-ltr { + right: 0.25rem; + } + @include app-rtl { + left: 0.25rem; + } + } + } +} + +.daterangepicker.auto-apply .drp-buttons { + display: none; +} + +.daterangepicker.show-calendar .drp-calendar, +.daterangepicker.show-calendar .drp-buttons { + display: block; +} + +.daterangepicker .drp-calendar { + display: none; + padding: 0 $daterangepicker-padding $daterangepicker-padding; + + &.single .calendar-table { + border: 0; + } +} + +.daterangepicker.single { + .drp-selected { + display: none; + } + .daterangepicker .ranges, + .drp-calendar { + float: none; + } +} + +.daterangepicker .calendar-table { + border: 0; + + // prev & next arrow default styles + .next, + .prev { + position: absolute; + top: 0.65rem; + min-width: unset; + height: 1.875rem; + width: 1.875rem; + border-radius: 50rem; + display: flex; + justify-content: center; + align-items: center; + } + + .next span, + .prev span { + display: inline-block; + border-width: 0 1.9px 1.9px 0; + border-style: solid; + border-radius: 0; + height: $daterangepicker-arrow-size; + width: $daterangepicker-arrow-size; + } + + .prev span { + margin-right: -$daterangepicker-arrow-size * 0.5; + transform: rotate(135deg); + + @include app-rtl { + margin-left: -$daterangepicker-arrow-size * 0.5; + margin-right: 0; + transform: rotate(-45deg); + } + } + + .next span { + margin-left: -$daterangepicker-arrow-size * 0.5; + transform: rotate(-45deg); + + @include app-rtl { + margin-left: 0; + margin-right: -$daterangepicker-arrow-size * 0.5; + transform: rotate(135deg); + } + } + + table { + border: 0; + border-spacing: 0; + border-collapse: collapse; + margin: 0; + width: 100%; + } + + th, + td { + vertical-align: middle; + min-width: $daterangepicker-cell-size; + line-height: calc(#{$daterangepicker-cell-size} - 2px); + white-space: nowrap; + text-align: center; + cursor: pointer; + } + td { + height: $daterangepicker-cell-size; + width: $daterangepicker-cell-size; + } + th { + width: $daterangepicker-cell-size; + height: $daterangepicker-cell-size + 0.5rem; + } + tr:first-child th:not(.prev):not(.next) { + height: $daterangepicker-cell-size; + } + // daterangepicker single + .daterangepicker .single { + // arrow alignments + .next { + float: right; + @include app-ltr { + right: 0.625rem; + } + @include app-rtl { + left: 0.625rem; + } + } + .prev { + @include app-ltr { + right: 3.125rem; + } + @include app-rtl { + left: 3.125rem; + } + } + // month alignments + th.month { + position: absolute; + top: 0.5rem; + @include app-ltr { + text-align: left; + left: 0.562rem; + } + @include app-rtl { + text-align: right; + right: 0.562rem; + } + } + } +} + +.daterangepicker td { + @include app-ltr { + &.start-date:not(.end-date) { + border-bottom-right-radius: 0 !important; + border-top-right-radius: 0 !important; + } + + &.end-date:not(.start-date) { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + } + } + + &.in-range:not(.start-date):not(.end-date) { + border-radius: 0 !important; + } + + @include app-rtl { + &.start-date:not(.end-date) { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + } + + &.end-date:not(.start-date) { + border-bottom-right-radius: 0 !important; + border-top-right-radius: 0 !important; + } + } +} + +.daterangepicker td.disabled, +.daterangepicker option.disabled { + cursor: not-allowed; + text-decoration: line-through; +} + +.daterangepicker th.month { + width: auto; +} +.daterangepicker select { + &.monthselect, + &.yearselect { + height: auto; + padding: 1px; + margin: 0; + border: 0; + cursor: default; + } + &:focus-visible { + outline: 0; + } + + &.monthselect { + width: 46%; + margin-right: 2%; + + @include app-rtl { + margin-left: 2%; + margin-right: 0; + } + } + + &.yearselect { + width: 40%; + } + + &.hourselect, + &.minuteselect, + &.secondselect, + &.ampmselect { + outline: 0; + width: $daterangepicker-select-width; + padding: 2px; + margin: 0 auto; + border-radius: light.$border-radius-sm; + } +} + +.daterangepicker .calendar-time { + position: relative; + line-height: 30px; + text-align: center; + margin: 0 auto; + + select.disabled { + cursor: not-allowed; + } +} + +.daterangepicker .drp-buttons { + padding: $daterangepicker-padding $daterangepicker-padding * 1.5; + clear: both; + display: none; + text-align: right; + vertical-align: middle; + + .btn { + margin-left: $daterangepicker-padding * 1.2; + } + + @include app-rtl { + text-align: left; + + .btn { + margin-left: 0; + margin-right: $daterangepicker-padding * 1.2; + } + } +} + +.daterangepicker .drp-selected { + width: 100%; + padding-bottom: $daterangepicker-padding; + display: block; +} + +.daterangepicker .ranges { + text-align: left; + float: none; + margin: 0; + + // Daterangepicker Ranges spacing + ul { + padding: 0.5rem; + margin: 0 auto; + list-style: none; + width: 100%; + } + li { + border-radius: light.$border-radius; + padding: light.$dropdown-item-padding-y light.$dropdown-item-padding-x; + &:not(:first-child) { + margin-top: 0.125rem; + } + } + + @include app-rtl { + text-align: right; + } +} + +.daterangepicker.show-calendar .ranges { + border-bottom: 1px solid; + + &:empty { + display: none; + } +} + +.daterangepicker .drp-calendar.right { + @include app-ltr { + padding-left: 1px; + } + @include app-rtl { + padding-right: 1px; + } +} + +// Light style +@if $enable-light-style { + .light-style { + .daterangepicker { + z-index: light.$zindex-popover !important; + border: light.$dropdown-border-width solid light.$dropdown-border-color; + border-radius: light.$border-radius; + width: calc(#{$daterangepicker-width} + calc(#{light.$dropdown-border-width} * 2)); + box-shadow: light.$card-box-shadow; + background-color: light.$dropdown-bg; + + table thead { + background: light.$dropdown-bg; + th, + td { + color: light.$headings-color; + + &.prev, + &.next { + span { + border-color: light.$body-color !important; + } + } + + select { + background-color: transparent; + color: light.$headings-color; + } + } + } + &.drop-up { + margin-top: -(light.$dropdown-spacer); + } + + &.with-week-numbers { + width: calc(#{$daterangepicker-width-with-weeks} + calc(#{light.$dropdown-border-width} * 2)); + } + } + .daterangepicker .calendar-table td { + border-radius: light.$border-radius-pill; + } + + .daterangepicker .drp-selected { + font-size: light.$font-size-sm; + } + + .daterangepicker .calendar-table thead tr:last-child th { + border-radius: 0 !important; + color: light.$headings-color; + font-size: light.$font-size-sm; + font-weight: light.$font-weight-normal; + } + + .daterangepicker th.month { + color: light.$headings-color; + font-weight: light.$font-weight-normal; + } + + .daterangepicker td.week, + .daterangepicker th.week { + color: light.$headings-color; + font-weight: light.$font-weight-normal; + } + + .daterangepicker td.disabled, + .daterangepicker option.disabled { + color: light.$text-muted; + } + + .daterangepicker td.available:not(.active):hover, + .daterangepicker th.available:hover { + background-color: light.$gray-50; + } + + .daterangepicker td.off { + color: light.$text-muted; + } + + .daterangepicker .ranges li { + cursor: pointer; + padding: light.$dropdown-item-padding-y light.$dropdown-item-padding-x; + + &:hover { + background-color: light.$dropdown-link-hover-bg; + } + } + + .daterangepicker .calendar-table .next, + .daterangepicker .calendar-table .prev { + background-color: light.$gray-50; + span { + border-color: light.$body-color; + } + } + + .daterangepicker select { + &.hourselect, + &.minuteselect, + &.secondselect, + &.ampmselect { + background: light.rgba-to-hex(light.$gray-100, light.$rgba-to-hex-bg); + font-size: light.$font-size-sm; + color: light.$body-color; + border: 1px solid transparent; + option { + background: light.$card-bg; + } + } + + // ! FIX: OS Windows and Linux Browsers DD Option color + &.monthselect, + &.yearselect { + option { + color: light.$body-color; + background: light.$input-bg; + &:disabled { + color: light.$text-muted; + } + } + } + } + + .daterangepicker .calendar-time select.disabled { + color: light.$text-light; + } + + @include light.media-breakpoint-up(md) { + .daterangepicker { + width: auto !important; + + &:not(.single) .drp-selected { + width: auto; + padding: 0; + display: inline-block; + } + } + + @include app-ltr-style { + .daterangepicker:not(.single) .drp-calendar { + float: left; + + &.left { + padding-right: 1rem; + } + } + } + + @include app-rtl-style { + .daterangepicker:not(.single) .drp-calendar { + float: right; + &.left { + padding-left: 1rem; + } + } + } + } + + @include light.media-breakpoint-up(lg) { + .daterangepicker .ranges { + border-bottom: 0; + } + + @include app-ltr-style { + .daterangepicker { + .ranges { + float: left; + } + } + } + + @include app-rtl-style { + .daterangepicker { + .ranges { + float: right; + } + } + } + } + } +} + +// Dark style +@if $enable-dark-style { + .dark-style { + .daterangepicker { + box-shadow: dark.$card-box-shadow; + width: calc(#{$daterangepicker-width} + calc(#{dark.$dropdown-border-width} * 2)); + margin-top: dark.$dropdown-spacer; + background-color: dark.$dropdown-bg; + border: dark.$dropdown-border-width solid dark.$dropdown-border-color; + border-radius: dark.$border-radius; + z-index: dark.$zindex-popover !important; + + table thead { + background: dark.$dropdown-bg; + th, + td { + color: dark.$headings-color; + + &.prev, + &.next { + span { + border-color: dark.$headings-color !important; + } + } + + select { + background-color: transparent; + color: dark.$headings-color; + } + } + } + + &.with-week-numbers { + width: calc(#{$daterangepicker-width-with-weeks} + calc(#{dark.$dropdown-border-width} * 2)); + } + + &.drop-up { + margin-top: -(dark.$dropdown-spacer); + } + } + + .daterangepicker .calendar-table td { + border-radius: dark.$border-radius-pill; + } + + .daterangepicker .drp-selected { + font-size: dark.$font-size-sm; + } + + .daterangepicker .calendar-table thead tr:last-child th { + border-radius: 0 !important; + color: dark.$headings-color; + font-size: dark.$font-size-sm; + font-weight: dark.$font-weight-normal; + } + + .daterangepicker th.month { + color: dark.$headings-color; + font-weight: dark.$font-weight-normal; + } + + .daterangepicker td.week, + .daterangepicker th.week { + color: dark.$headings-color; + font-weight: dark.$font-weight-normal; + } + + .daterangepicker td.disabled, + .daterangepicker option.disabled { + color: dark.$text-muted; + } + + .daterangepicker td.available:not(.active):hover, + .daterangepicker th.available:hover { + background-color: dark.$gray-50; + } + + .daterangepicker td.off { + color: dark.$text-muted; + } + + .daterangepicker .ranges li { + cursor: pointer; + padding: dark.$dropdown-item-padding-y dark.$dropdown-item-padding-x; + + &:hover { + background-color: dark.$dropdown-link-hover-bg; + } + } + + .daterangepicker .calendar-table .next, + .daterangepicker .calendar-table .prev { + background-color: dark.$gray-50; + span { + border-color: dark.$body-color; + } + } + + .daterangepicker select { + &.hourselect, + &.minuteselect, + &.secondselect, + &.ampmselect { + background: dark.rgba-to-hex(dark.$gray-100, dark.$rgba-to-hex-bg); + border: 1px solid transparent; + font-size: dark.$font-size-sm; + color: dark.$body-color; + option { + background: dark.$card-bg; + } + } + + // ! FIX: OS Windows and Linux Browsers DD Option color + &.monthselect, + &.yearselect { + option { + color: dark.$body-color; + background: dark.$card-bg; + &:disabled { + color: dark.$text-muted; + } + } + } + } + + .daterangepicker .calendar-time select.disabled { + color: dark.$text-light; + } + + @include dark.media-breakpoint-up(md) { + .daterangepicker { + width: auto !important; + + &:not(.single) .drp-selected { + display: inline-block; + width: auto; + padding: 0; + } + } + + @include app-ltr-style { + .daterangepicker:not(.single) .drp-calendar { + float: left; + + &.left { + padding-right: 1rem; + } + } + } + + @include app-rtl-style { + .daterangepicker:not(.single) .drp-calendar { + float: right; + + &.left { + padding-left: 1rem; + } + } + } + } + + @include dark.media-breakpoint-up(lg) { + .daterangepicker .ranges { + border-bottom: 0; + } + + @include app-ltr-style { + .daterangepicker { + .ranges { + float: left; + } + } + } + + @include app-rtl-style { + .daterangepicker { + .ranges { + float: right; + } + } + } + } + } +} diff --git a/resources/assets/vendor/libs/bootstrap-select/_mixins.scss b/resources/assets/vendor/libs/bootstrap-select/_mixins.scss new file mode 100644 index 0000000..ef88b3f --- /dev/null +++ b/resources/assets/vendor/libs/bootstrap-select/_mixins.scss @@ -0,0 +1,16 @@ +@import '../../scss/_bootstrap-extended/functions'; + +@mixin bs-select-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + .bootstrap-select { + .dropdown-menu.inner a[aria-selected='true'] { + background: $background !important; + color: $color !important; + } + // Fix: To add focus border, .bootstrap-select adding border but not able to update as we can not have the focus on div + .dropdown-toggle.show { + border-color: $background; + } + } +} diff --git a/resources/assets/vendor/libs/bootstrap-select/bootstrap-select.js b/resources/assets/vendor/libs/bootstrap-select/bootstrap-select.js new file mode 100644 index 0000000..a9eb0f5 --- /dev/null +++ b/resources/assets/vendor/libs/bootstrap-select/bootstrap-select.js @@ -0,0 +1 @@ +import 'bootstrap-select/js/bootstrap-select'; diff --git a/resources/assets/vendor/libs/bootstrap-select/bootstrap-select.scss b/resources/assets/vendor/libs/bootstrap-select/bootstrap-select.scss new file mode 100644 index 0000000..6839d76 --- /dev/null +++ b/resources/assets/vendor/libs/bootstrap-select/bootstrap-select.scss @@ -0,0 +1,259 @@ +// Bootstrap Select +// ******************************************************************************* + +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; +@import 'bootstrap-select/sass/bootstrap-select.scss'; + +// Common Styles +.bootstrap-select *, +.bootstrap-select .dropdown-toggle:focus { + outline: 0 !important; +} +.bootstrap-select { + .bs-searchbox, + .bs-actionsbox, + .bs-donebutton { + padding: 0 0 8px; + } + .dropdown-toggle { + transition: none; + padding: calc(light.$input-padding-y - light.$input-border-width) light.$input-padding-x; + box-shadow: none !important; + &.show, + &:focus { + padding: calc(light.$input-padding-y - light.$input-focus-border-width) + calc(light.$input-padding-x - light.$input-border-width); + } + &:after { + transform: rotate(45deg) translateY(-100%); + position: absolute; + inset-inline-end: 23px; + top: 50%; + margin: 0 !important; + @include app-rtl { + inset-inline-end: 12px; + } + } + &:active { + transform: none !important; + } + &.show { + &:after { + inset-inline-end: calc(23px - light.$input-border-width); + @include app-rtl { + inset-inline-end: calc(12px - light.$input-border-width); + } + } + } + .filter-option-inner-inner { + line-height: light.$input-line-height; + } + } + .btn { + &:disabled, + &.disabled { + color: light.$btn-color !important; + } + } + + // For header dropdown close btn + .dropdown-menu .popover-header { + display: flex; + align-items: center; + button { + border: none; + font-size: light.$h4-font-size; + background: transparent; + padding-bottom: 0.125rem; + } + } + .is-invalid { + ~ .dropdown-toggle { + &:after { + inset-inline-end: calc(23px - light.$input-border-width); + @include app-rtl { + inset-inline-end: calc(12px - light.$input-border-width); + } + } + } + } +} + +.bootstrap-select.dropup { + .dropdown-toggle { + &:after { + transform: rotate(317deg) translateY(-30%); + inset-inline-end: 14px; + @include app-rtl { + inset-inline-end: calc(18px); + } + } + &.show { + &:after { + inset-inline-end: calc(14px - light.$input-border-width); + @include app-rtl { + inset-inline-end: calc(18px - light.$input-border-width); + } + } + } + } + .is-invalid { + ~ .dropdown-toggle { + &:after { + inset-inline-end: calc(14px - light.$input-border-width); + @include app-rtl { + inset-inline-end: calc(18px - light.$input-border-width); + } + } + } + } +} + +// Menu Position +.bootstrap-select.show-tick .dropdown-menu { + li a { + position: relative; + } + // RTL + @include app-rtl { + li a span.text { + margin-left: 2.125rem; + margin-right: 0; + } + } + + .selected span.check-mark { + display: block; + right: 1rem; + top: 50%; + margin: 0; + transform: translateY(-50%); + line-height: 1; + + @include app-rtl { + left: 1rem; + right: auto; + } + } +} + +// To remove ripple effect +.bootstrap-select .dropdown-menu.inner .selected .waves-ripple { + display: none !important; +} + +.bootstrap-select:not(.input-group-btn), +.bootstrap-select[class*='col-'] { + display: block; +} + +html[class] .bootstrap-select.form-select { + background: none !important; + border: 0 !important; + padding: 0 !important; + margin: 0 !important; +} + +// RTL + +@include app-rtl(false) { + .bootstrap-select .dropdown-toggle .filter-option { + float: right; + right: 0; + left: auto; + text-align: right; + padding-left: inherit; + padding-right: 0; + margin-left: -100%; + margin-right: 0; + } + // Fix: Subtext rtl support + .bootstrap-select .filter-option-inner-inner { + float: right; + } + .bootstrap-select .dropdown-menu li small.text-muted, + .bootstrap-select .filter-option small.text-muted { + position: relative; + top: 2px; + padding-left: 0; + padding-right: 0.5em; + float: left; + } + + .bootstrap-select .dropdown-toggle .filter-option-inner { + padding-left: inherit; + padding-right: 0; + } +} + +// Light style +@if $enable-light-style { + .light-style { + .bootstrap-select { + background-color: light.$input-bg; + .dropdown-toggle { + border-radius: light.$border-radius; + border: light.$input-border-width solid light.$input-border-color; + &.show, + &:focus { + border: light.$input-focus-border-width solid light.$primary; + } + &:not(.show):hover { + border-color: light.$input-border-hover-color; + } + } + .dropdown-menu { + &[data-popper-placement='top-start'], + &[data-popper-placement='top-end'] { + box-shadow: 0 -0.2rem 1.25rem rgba(light.rgba-to-hex(light.$gray-500, light.$rgba-to-hex-bg), 0.4); + } + .notify { + background: light.$popover-bg; + border: light.$input-border-width solid light.$popover-border-color; + } + .popover-header button { + color: light.$body-color; + } + } + } + } +} + +// Dark Style +@if $enable-dark-style { + .dark-style { + .bootstrap-select { + background-color: dark.$input-bg; + .dropdown-toggle { + color: dark.$input-color; + &:hover { + color: dark.$input-color; + } + border: dark.$input-border-width solid dark.$input-border-color; + border-radius: dark.$border-radius; + &.show, + &:focus { + border: dark.$input-focus-border-width solid dark.$primary; + } + &:not(.show):hover { + border-color: dark.$input-border-hover-color; + } + } + .dropdown-menu { + &[data-popper-placement='top-start'], + &[data-popper-placement='top-end'] { + box-shadow: 0 -0.2rem 1.25rem rgba(15, 20, 34, 0.55); + } + .notify { + background: dark.$popover-bg; + border: dark.$input-border-width solid dark.$popover-border-color; + } + .popover-header button { + color: dark.$body-color; + } + } + } + } +} diff --git a/resources/assets/vendor/libs/bootstrap-table/bootstrap-table.js b/resources/assets/vendor/libs/bootstrap-table/bootstrap-table.js new file mode 100644 index 0000000..4021c9b --- /dev/null +++ b/resources/assets/vendor/libs/bootstrap-table/bootstrap-table.js @@ -0,0 +1,9 @@ +import 'bootstrap-table'; +import('bootstrap-table/dist/extensions/cookie/bootstrap-table-cookie.js') +import 'bootstrap-table/dist/extensions/export/bootstrap-table-export.js'; +import 'bootstrap-table/dist/extensions/fixed-columns/bootstrap-table-fixed-columns.js'; +import 'bootstrap-table/dist/extensions/mobile/bootstrap-table-mobile.js'; +import 'bootstrap-table/dist/locale/bootstrap-table-es-MX.js'; + +import * as XLSX from 'xlsx'; +window.XLSX = XLSX; diff --git a/resources/assets/vendor/libs/bootstrap-table/bootstrap-table.scss b/resources/assets/vendor/libs/bootstrap-table/bootstrap-table.scss new file mode 100644 index 0000000..965ec66 --- /dev/null +++ b/resources/assets/vendor/libs/bootstrap-table/bootstrap-table.scss @@ -0,0 +1,2 @@ +@import 'bootstrap-table/dist/bootstrap-table.css'; +@import 'bootstrap-table/dist/extensions/fixed-columns/bootstrap-table-fixed-columns.css'; diff --git a/resources/assets/vendor/libs/bs-stepper/_mixins.scss b/resources/assets/vendor/libs/bs-stepper/_mixins.scss new file mode 100644 index 0000000..8f643c1 --- /dev/null +++ b/resources/assets/vendor/libs/bs-stepper/_mixins.scss @@ -0,0 +1,51 @@ +// Stepper Mixin +// ******************************************************************************* +@mixin bs-stepper-theme($background) { + $color: color-contrast($background); + .bs-stepper { + .step { + &.active { + .bs-stepper-circle { + background-color: $background; + color: $color; + box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3); + } + .bs-stepper-icon svg { + fill: $background !important; + } + .bs-stepper-icon i, + .bs-stepper-label { + color: $background !important; + } + } + &.crossed { + .step-trigger { + .bs-stepper-circle { + background-color: rgba-to-hex(rgba($background, 0.16), $card-bg) !important; + color: $background !important; + } + .bs-stepper-icon svg { + fill: $background !important; + } + .bs-stepper-icon i { + color: $background !important; + } + } + } + } + &.wizard-icons { + .step.crossed { + .bs-stepper-label { + color: $background !important; + } + & + { + .line { + i { + color: $background; + } + } + } + } + } + } +} diff --git a/resources/assets/vendor/libs/bs-stepper/bs-stepper.js b/resources/assets/vendor/libs/bs-stepper/bs-stepper.js new file mode 100644 index 0000000..dad4783 --- /dev/null +++ b/resources/assets/vendor/libs/bs-stepper/bs-stepper.js @@ -0,0 +1,37 @@ +import Stepper from 'bs-stepper/dist/js/bs-stepper'; + +const bsStepper = document.querySelectorAll('.bs-stepper'); + +// Adds crossed class +bsStepper.forEach(el => { + el.addEventListener('show.bs-stepper', function (event) { + var index = event.detail.indexStep; + var numberOfSteps = el.querySelectorAll('.line').length; + var line = el.querySelectorAll('.step'); + + // The first for loop is for increasing the steps, + // the second is for turning them off when going back + // and the third with the if statement because the last line + // can't seem to turn off when I press the first item. ¯\_(ツ)_/¯ + + for (let i = 0; i < index; i++) { + line[i].classList.add('crossed'); + + for (let j = index; j < numberOfSteps; j++) { + line[j].classList.remove('crossed'); + } + } + if (event.detail.to == 0) { + for (let k = index; k < numberOfSteps; k++) { + line[k].classList.remove('crossed'); + } + line[0].classList.remove('crossed'); + } + }); +}); + +try { + window.Stepper = Stepper; +} catch (e) {} + +export { Stepper }; diff --git a/resources/assets/vendor/libs/bs-stepper/bs-stepper.scss b/resources/assets/vendor/libs/bs-stepper/bs-stepper.scss new file mode 100644 index 0000000..1c5dbeb --- /dev/null +++ b/resources/assets/vendor/libs/bs-stepper/bs-stepper.scss @@ -0,0 +1,549 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import 'bs-stepper/dist/css/bs-stepper'; +@import '../../scss/_custom-variables/libs'; + +$bs-stepper-header-padding-y: 1.5rem !default; +$bs-stepper-header-padding-x: $bs-stepper-header-padding-y !default; +$bs-stepper-content-padding-x: 1.5rem !default; +$bs-stepper-content-padding-y: $bs-stepper-content-padding-x !default; +$bs-stepper-trigger-padding: 1.25rem !default; +$bs-stepper-trigger-padding-vertical: 0.6rem !default; +$bs-stepper-label-max-width: 224px !default; +$bs-stepper-svg-icon-height: 3.75rem !default; +$bs-stepper-svg-icon-width: 3.75rem !default; +$bs-stepper-icon-font-size: 1.6rem !default; +$bs-stepper-vertical-separator-height: 1.55rem !default; +$bs-stepper-vertical-header-min-width: 18rem !default; + +// Default Styles +.bs-stepper { + border-radius: light.$border-radius; + .line { + flex: 0; + min-width: auto; + min-height: auto; + background-color: transparent; + margin: 0; + } + + .bs-stepper-header { + padding: $bs-stepper-header-padding-y $bs-stepper-header-padding-x; + + .step { + .step-trigger { + padding: 0; + flex-wrap: nowrap; + gap: 0.5rem; + font-weight: light.$font-weight-medium; + .bs-stepper-label { + margin: 0; + max-width: $bs-stepper-label-max-width; + overflow: hidden; + text-overflow: ellipsis; + text-align: start; + display: inline-grid; + font-weight: light.$font-weight-medium; + font-size: light.$font-size-base; + line-height: light.$h6-line-height; + .bs-stepper-title { + font-weight: light.$font-weight-medium; + } + .bs-stepper-subtitle { + font-size: light.$small-font-size; + font-weight: light.$font-weight-base; + } + } + &:hover { + background-color: transparent; + } + @include light.media-breakpoint-down(lg) { + padding: calc($bs-stepper-trigger-padding * 0.5) 0; + } + } + .bs-stepper-circle { + display: flex; + align-items: center; + justify-content: center; + border-radius: light.$border-radius; + width: 2.375rem; + height: 2.375rem; + font-size: light.$h5-font-size; + font-weight: light.$font-weight-medium; + i { + font-size: 1.375rem; + } + } + } + } + + .bs-stepper-content { + padding: $bs-stepper-content-padding-y $bs-stepper-content-padding-x; + } + + &.vertical { + .bs-stepper-header { + min-width: $bs-stepper-vertical-header-min-width; + .step { + .step-trigger { + padding: $bs-stepper-trigger-padding-vertical 0; + } + &:first-child { + .step-trigger { + padding-top: 0; + } + } + &:last-child { + .step-trigger { + padding-bottom: 0; + } + } + } + .line { + position: relative; + min-height: 1px; + } + } + .bs-stepper-content { + width: 100%; + .content { + &:not(.active) { + display: none; + } + } + } + + &.wizard-icons { + .step { + text-align: center; + padding: 0.75rem 0; + } + } + } + + &.wizard-icons { + .bs-stepper-header { + justify-content: center; + .step-trigger { + padding: $bs-stepper-trigger-padding; + flex-direction: column; + gap: 0.5rem; + .bs-stepper-icon { + svg { + height: $bs-stepper-svg-icon-height; + width: $bs-stepper-svg-icon-width; + } + i { + font-size: $bs-stepper-icon-font-size; + } + } + } + @include light.media-breakpoint-up(lg) { + justify-content: space-around; + gap: 1rem; + } + } + } + + // Remove borders from wizard modern + &.wizard-modern { + .bs-stepper-header { + border-bottom: none !important; + } + + .bs-stepper-content { + border-radius: light.$border-radius; + } + + &.vertical { + .bs-stepper-header { + border-right: none !important; + } + } + } + + &:not(.vertical):not(.wizard-icons) .bs-stepper-header { + @include light.media-breakpoint-up(lg) { + gap: 1.25rem; + } + } +} + +@include app-rtl(false) { + .bs-stepper.wizard-icons .bs-stepper-header .step-trigger { + @include light.media-breakpoint-down(lg) { + padding-right: 0; + } + } +} +@include app-ltr(false) { + .bs-stepper.wizard-icons .bs-stepper-header .step-trigger { + @include light.media-breakpoint-down(lg) { + padding-left: 0; + } + } +} +// Styles for Modal example Create App wizard +#wizard-create-app { + &.vertical { + .bs-stepper-header { + min-width: $bs-stepper-vertical-header-min-width - 3; + } + } +} + +// Light style +@if $enable-light-style { + .light-style { + .bs-stepper { + background-color: light.$card-bg; + &:not(.wizard-modern) { + box-shadow: light.$card-box-shadow; + } + .bs-stepper-header { + border-bottom: 1px solid light.$border-color; + + .line { + i { + color: light.$body-color; + } + } + + .bs-stepper-title, + .bs-stepper-label { + color: light.$headings-color; + } + + .bs-stepper-label { + .bs-stepper-subtitle { + color: light.$body-color; + } + } + + .step { + &:not(.active) { + .bs-stepper-circle { + background-color: light.$gray-50; + color: light.$headings-color; + } + } + &.crossed .step-trigger { + .bs-stepper-label .bs-stepper-subtitle, + .bs-stepper-title { + color: light.$text-muted; + } + } + } + } + .step-trigger:focus { + color: light.$headings-color; + } + + &.vertical { + .bs-stepper-header { + border-bottom: none; + @include light.media-breakpoint-down(lg) { + border-right: none !important; + border-left: none !important; + border-bottom: 1px solid light.$border-color; + } + } + } + + &.wizard-modern { + background-color: transparent; + .bs-stepper-content { + background-color: light.$card-bg; + box-shadow: light.$card-box-shadow; + } + } + + &.wizard-icons { + .bs-stepper-header { + .bs-stepper-icon { + svg { + fill: light.$headings-color; + } + i { + fill: light.$headings-color; + } + } + .bs-stepper-label { + color: light.$headings-color; + } + } + } + } + } + + // ! FIX: Vertical border issue in rtl and ltr + @include app-rtl(false) { + .light-style { + .bs-stepper { + &.vertical { + .bs-stepper-header { + border-left: 1px solid light.$border-color; + } + } + } + } + } + @include app-ltr(false) { + .light-style { + .bs-stepper { + &.vertical { + .bs-stepper-header { + border-right: 1px solid light.$border-color; + } + } + } + } + } +} + +// Dark Style +@if $enable-dark-style { + .dark-style { + .bs-stepper { + background-color: dark.$card-bg; + .bs-stepper-header { + border-bottom: 1px solid dark.$border-color; + .line { + i { + color: dark.$body-color; + } + } + + .bs-stepper-label, + .bs-stepper-title { + color: dark.$headings-color; + } + + .bs-stepper-label { + .bs-stepper-subtitle { + color: dark.$body-color; + } + } + + .step { + &:not(.active) { + .bs-stepper-circle { + background-color: dark.$gray-50; + color: dark.$headings-color; + } + } + &.crossed .step-trigger { + .bs-stepper-label .bs-stepper-subtitle, + .bs-stepper-title { + color: dark.$text-muted; + } + } + } + } + .step-trigger:focus { + color: dark.$headings-color; + } + + &.vertical { + .bs-stepper-header { + border-bottom: none; + @include light.media-breakpoint-down(lg) { + border-right: none !important; + border-left: none !important; + border-bottom: 1px solid dark.$border-color; + } + } + } + + &.wizard-modern { + background-color: transparent; + .bs-stepper-content { + background-color: dark.$card-bg; + box-shadow: dark.$card-box-shadow; + } + } + + &.wizard-icons { + .bs-stepper-header { + .bs-stepper-icon { + i { + color: dark.$headings-color; + } + + svg { + fill: dark.$headings-color; + } + } + .bs-stepper-label { + color: dark.$headings-color; + } + } + } + } + } + + // ! FIX: Vertical border issue in rtl and ltr + @include app-rtl(false) { + .dark-style { + .bs-stepper { + &.vertical { + .bs-stepper-header { + border-left: 1px solid dark.$border-color; + } + } + } + } + } + @include app-ltr(false) { + .dark-style { + .bs-stepper { + &.vertical { + .bs-stepper-header { + border-right: 1px solid dark.$border-color; + } + } + } + } + } +} + +// RTL +@include app-rtl(false) { + .bs-stepper { + .bs-stepper-content { + .btn-next:not(.btn-submit), + .btn-prev { + i { + transform: rotate(180deg); + } + } + } + + &.vertical { + &.wizard-icons { + .bs-stepper-header { + .line:before { + right: 50%; + } + } + } + } + + // Remove borders from wizard modern + &.wizard-modern { + &.vertical { + .bs-stepper-header { + border-left: none !important; + } + } + } + + @include light.media-breakpoint-up(lg) { + .bs-stepper-header { + .line { + i { + transform: rotate(180deg); + } + } + } + } + + @include light.media-breakpoint-down(lg) { + .bs-stepper-header { + .step { + .step-trigger { + .bs-stepper-label { + margin-left: 0; + margin-right: 1rem; + } + } + } + } + &.wizard-icons { + .bs-stepper-header { + .line { + &:before { + margin-right: 0.75rem; + } + } + } + } + } + } +} + +// Media Queries +@include light.media-breakpoint-down(lg) { + .bs-stepper { + .bs-stepper-header { + flex-direction: column; + align-items: flex-start; + .step { + .step-trigger { + flex-direction: row; + .bs-stepper-label { + margin-left: 0.35rem; + } + } + &:first-child { + .step-trigger { + padding-top: 0; + } + } + &:last-child { + .step-trigger { + padding-bottom: 0; + } + } + } + } + &.vertical { + flex-direction: column; + .bs-stepper-header { + align-items: flex-start; + } + + &.wizard-icons { + .bs-stepper-header { + .line:before { + left: 0.75rem; + margin-left: 0; + } + } + } + } + &:not(.vertical) { + .bs-stepper-header { + .line { + i { + display: none; + } + } + } + } + &.wizard-icons { + .bs-stepper-header .step:not(:first-child) { + .bs-stepper-icon { + svg { + margin-top: 0.5rem; + } + } + } + } + } +} + +@media (max-width: 520px) { + .bs-stepper-header { + margin: 0; + } +} + +// Styles for Create App Modal Wizard +#wizard-create-app { + &.vertical { + .bs-stepper-header { + min-width: $bs-stepper-vertical-header-min-width - 3; + } + } +} diff --git a/resources/assets/vendor/libs/cleavejs/cleave-phone.js b/resources/assets/vendor/libs/cleavejs/cleave-phone.js new file mode 100644 index 0000000..9adf7c6 --- /dev/null +++ b/resources/assets/vendor/libs/cleavejs/cleave-phone.js @@ -0,0 +1 @@ +import 'cleave.js/dist/addons/cleave-phone.us'; diff --git a/resources/assets/vendor/libs/cleavejs/cleave.js b/resources/assets/vendor/libs/cleavejs/cleave.js new file mode 100644 index 0000000..64c1ded --- /dev/null +++ b/resources/assets/vendor/libs/cleavejs/cleave.js @@ -0,0 +1 @@ +import 'cleave.js/dist/cleave'; diff --git a/resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js b/resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js new file mode 100644 index 0000000..a55c38f --- /dev/null +++ b/resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js @@ -0,0 +1,28 @@ +import JSZip from 'jszip'; +import pdfMake from 'pdfmake'; +import 'pdfmake/build/vfs_fonts'; +import 'datatables.net-bs5'; +import 'datatables.net-fixedcolumns-bs5'; +import 'datatables.net-fixedheader-bs5'; +import 'datatables.net-select-bs5'; +import 'datatables.net-buttons'; +import 'datatables.net-buttons-bs5'; +import 'datatables.net-buttons/js/buttons.html5'; +import 'datatables.net-buttons/js/buttons.print'; +import 'datatables.net-responsive'; +import 'datatables.net-responsive-bs5'; +import 'datatables.net-rowgroup-bs5'; +import Checkbox from 'jquery-datatables-checkboxes'; + +// This solution related to font issues with pdfMake +pdfMake.fonts = { + Roboto: { + normal: 'https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.66/fonts/Roboto/Roboto-Regular.ttf', + bold: 'https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.66/fonts/Roboto/Roboto-Medium.ttf', + italics: 'https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.66/fonts/Roboto/Roboto-Italic.ttf', + bolditalics: 'https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.66/fonts/Roboto/Roboto-MediumItalic.ttf' + } +}; +$.fn.dataTable.ext.Checkbox = Checkbox(window, $); +$.fn.dataTable.ext.buttons.pdfMake = pdfMake; +window.JSZip = JSZip; diff --git a/resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss b/resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss new file mode 100644 index 0000000..2e531d0 --- /dev/null +++ b/resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss @@ -0,0 +1,394 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; +@import 'datatables.net-bs5/css/dataTables.bootstrap5'; + +// Margin between select, input field and text +div.dataTables_wrapper div.dataTables_length select { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +div.dataTables_wrapper div.dataTables_filter input { + margin-left: 1em; +} + +.dataTable .emp_name { + font-weight: light.$font-weight-medium; +} + +// Shadow none for action buttons +.dataTable td .btn { + box-shadow: none !important; +} + +// Card header inside the datatable +div.dataTables_wrapper .card-header { + display: flex; + align-items: center; + justify-content: space-between; +} +div.dataTables_wrapper div.dataTables_info { + padding-top: light.$spacer * 0.5; +} + +table.table-bordered.dataTable { + // For complex header and column search datatable + &.dt-complex-header, + &.dt-column-search { + thead tr th { + border-width: 1px; + } + tfoot tr th { + border-width: 1px; + } + } + & tfoot tr th { + border-bottom-width: 1px; + } + & > :not(caption) > * { + & > * { + border-width: 0; + } + } +} + +// Remove left and right border from datatable with table-bordered class +table.table-bordered.dataTable { + tr:first-child th, + td { + &:first-child { + @include app-ltr() { + border-left-width: 0; + } + @include app-rtl() { + border-right-width: 0; + } + } + &:last-child { + @include app-ltr() { + border-right-width: 0; + } + @include app-rtl() { + border-left-width: 0; + } + } + } + > tbody:not(caption) tr:first-child { + border-top-width: 0; + } +} + +// Responsive datatable in desktop screen +@media screen and (min-width: 1399.98px) { + table.table-responsive { + display: table; + } +} + +// RTL style +@include app-rtl(false) { + div.dataTables_wrapper .dataTables_filter { + display: flex; + justify-content: flex-end; + input { + margin-left: 0; + margin-right: 1rem; + } + } + + table.table-bordered.dataTable th, + table.table-bordered.dataTable td { + border-right-width: 0; + border-left-width: 1px; + + &:last-child { + border-left-width: 0; + } + } +} + +table.dataTable { + width: 100% !important; + border-collapse: collapse !important; + margin-bottom: light.$spacer !important; + margin-top: 0 !important; + thead th { + &.sorting_disabled { + &::before, + &::after { + display: none !important; + } + } + &.sorting { + &:before, + &:after { + visibility: hidden; + } + &:hover { + &:before, + &:after { + visibility: visible; + } + } + } + } + @include app-rtl { + &.table-sm > thead > tr > th { + padding-left: 1.25rem; + } + + &.table-sm .sorting:before, + &.table-sm .sorting_asc:before, + &.table-sm .sorting_desc:before { + right: auto !important; + left: 0.85em !important; + } + thead th, + thead td, + tfoot th, + tfoot td { + text-align: right; + } + } + // Checkbox height & width for datatables checkboxes + .form-check-input { + width: light.$form-datatables-check-input-size; + height: light.$form-datatables-check-input-size; + } +} + +// to add spacing between table and datatable footer elements like pagination & info +.dataTables_scroll { + margin-bottom: 0.75rem; +} + +// Used while complex headers +table.dataTable thead th { + vertical-align: middle; +} +table.dataTable thead .sorting, +table.dataTable thead .sorting_asc, +table.dataTable thead .sorting_desc, +table.dataTable thead .sorting_asc_disabled, +table.dataTable thead .sorting_desc_disabled { + &::before, + &::after { + line-height: 1.25rem !important; + font-family: tabler-icons !important; + font-size: 1rem !important; + width: 10px; + height: 10px; + right: 0.78rem !important; + } + &::before { + content: '\ea62' !important; + top: 0.58rem !important; + } + &::after { + bottom: 0.72rem !important; + content: '\ea5f' !important; + } + @include app-rtl { + &::before { + right: auto !important; + left: 0.58em !important; + } + + &::after { + right: auto !important; + left: 0.58em !important; + } + } +} + +// DataTable within card +div.card-datatable.dataTable, +div.card-datatable .dataTable { + border-right: 0; + border-left: 0; +} + +// Card header inside the datatable +@media screen and (max-width: 575.98px) { + div.dataTables_wrapper .card-header { + display: block; + } + + .dtr-bs-modal.modal { + // padding-left: 0.75rem; + .modal-body { + padding: 0; + overflow: auto; + } + } + .dataTable_select div.dataTables_wrapper div.dataTables_info { + flex-direction: column; + } +} + +@media screen and (max-width: 767.98px) { + div.dataTables_wrapper div.dataTables_info { + padding-bottom: light.$table-cell-padding-y; + } +} + +div.dataTables_wrapper { + div.dataTables_length, + .dataTables_filter { + margin-top: light.$spacer * 1.5; + margin-bottom: light.$spacer * 1.5; + } +} + +// common style for light / dark + +div.dataTables_wrapper div.dataTables_paginate ul.pagination { + .page-item { + &, + &.next, + &.previous, + &.first, + &.last { + .page-link { + border-radius: light.$border-radius; + } + } + } +} + +div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link { + div:not(.table-responsive) div.dataTables_wrapper .dataTables_paginate { + margin-right: 0; + } +} + +@include light.media-breakpoint-down(md) { + div.dataTables_wrapper div.dataTables_length label, + div.dataTables_wrapper div.dataTables_filter label, + div.dataTables_wrapper div.dataTables_info, + div.dataTables_wrapper div.dataTables_paginate { + justify-content: center; + } +} +@include light.media-breakpoint-down(sm) { + div.dataTables_wrapper div.dataTables_paginate ul.pagination { + justify-content: start !important; + overflow-x: scroll; + } +} + +// DataTable within card +div.card-datatable { + padding-bottom: light.$card-spacer-x-sm; // Check this in site and update if needed + + [class*='col-md-'] { + padding-right: light.$table-cell-padding-x !important; + padding-left: light.$table-cell-padding-x !important; + } + // length, filter & info, pagination row margin + &:not(.table-responsive) .dataTables_wrapper .row { + &:first-child, + &:last-child { + margin: 0; + } + } +} + +// LTR style +@include app-ltr(false) { + div.card-datatable table.dataTable thead th, + div.card-datatable table.dataTable tfoot th { + &:first-child { + padding-left: light.$card-spacer-x; + padding-right: light.$card-spacer-x; + } + + &:last-child { + padding-right: light.$card-spacer-x-sm; + } + } + div.card-datatable table.dataTable tbody td { + &:first-child { + padding-left: light.$card-spacer-x; + padding-right: light.$card-spacer-x; + } + } +} + +// RTL Style +@include app-rtl(false) { + table.dataTable.table-sm > thead > tr > th { + padding-right: light.$table-cell-padding-x-sm; + } + table.table-bordered.dataTable tr { + td, + th, + th:first-child { + border-left-width: 0 !important; + } + } + + table.dataTable { + thead th, + tbody td, + tfoot th { + padding-right: light.$table-cell-padding-x; + } + + &.table-sm thead th, + &.table-sm tbody td, + &.table-sm tfoot th { + padding-right: light.$table-cell-padding-x-sm; + } + } + + div.card-datatable table.dataTable { + thead th, + tbody td, + tfoot th { + &:first-child { + padding-right: light.$card-spacer-x; + } + + &:last-child { + padding-left: light.$card-spacer-x; + } + } + } +} + +// Light style +@if $enable-light-style { + .light-style { + div.dataTables_wrapper div.dataTables_info { + color: light.$text-muted; + } + + div.dataTables_scrollBody table { + border-top-color: light.$table-border-color; + } + + table.dataTable th, + table.dataTable td { + border-color: light.$table-border-color !important; + } + } +} + +// Dark Style +@if $enable-dark-style { + .dark-style { + div.dataTables_wrapper div.dataTables_info { + color: dark.$text-muted; + } + + div.dataTables_scrollBody table { + border-top-color: dark.$table-border-color; + } + + table.dataTable th, + table.dataTable td { + border-color: dark.$table-border-color !important; + } + } +} diff --git a/resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss b/resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss new file mode 100644 index 0000000..03b1c07 --- /dev/null +++ b/resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss @@ -0,0 +1,101 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; +@import 'datatables.net-buttons-bs5/css/buttons.bootstrap5'; + +// remove 0.5em margin bottom from dt-buttons +@media screen and (max-width: 767px) { + div.dt-buttons { + margin-bottom: 0; + } +} +div.dataTables_wrapper .dt-button-collection { + border: 0; + border-radius: light.$dropdown-border-radius; + padding: light.$dropdown-padding-y light.$dropdown-padding-x; + width: auto; + > div[role='menu'] { + text-align: left; + } +} +// avoid dropdown to overlap the trigger button +.dt-button-collection { + margin-top: 0.2rem; +} +div.dropdown-menu.dt-button-collection, +div.dt-button-collection .dt-button:not(.dt-btn-split-drop) { + min-width: 8rem; +} + +.dt-down-arrow { + display: none; +} + +// override button radius +div.dt-button-collection .dt-button, +div.dt-buttons div.dropdown-menu .dt-button { + border-radius: light.$dropdown-border-radius; +} +// Light style +@if $enable-light-style { + .light-style { + div.dataTables_wrapper .dt-button-collection { + background-color: light.$dropdown-bg; + } + .dataTable a:not([href]):not([tabindex]) { + color: map-get(light.$theme-colors, success); + } + .dt-button-info { + box-shadow: light.$floating-component-shadow; + } + .dt-button-collection { + .dropdown-item { + padding: light.$dropdown-item-padding-y light.$dropdown-item-padding-x; + } + } + } +} + +// Dark style +@if $enable-dark-style { + .dark-style { + div.dataTables_wrapper .dt-button-collection { + background-color: dark.$dropdown-bg; + } + .dataTable a:not([href]):not([tabindex]) { + color: map-get(dark.$theme-colors, success); + } + .dt-button-info { + box-shadow: dark.$floating-component-shadow; + } + .dt-button-collection { + .dropdown-item { + padding: dark.$dropdown-item-padding-y dark.$dropdown-item-padding-x; + } + } + } +} +.dt-button-info { + border-width: 0 !important; + border-radius: light.$border-radius !important; + h2 { + font-size: light.$h4-font-size !important; + } +} +.dt-buttons { + position: relative; + .dt-button-collection .dropdown-item { + @include app-rtl { + text-align: right; + } + } + &.btn-group { + button { + border-color: transparent !important; + border-radius: light.$border-radius !important; + } + } +} +div.dt-buttons .dropdown-menu .dt-button { + border-radius: light.$border-radius; +} diff --git a/resources/assets/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.scss b/resources/assets/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.scss new file mode 100644 index 0000000..2628c5e --- /dev/null +++ b/resources/assets/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.scss @@ -0,0 +1,2 @@ +@import '../../scss/_custom-variables/libs'; +@import 'jquery-datatables-checkboxes/css/dataTables.checkboxes'; diff --git a/resources/assets/vendor/libs/datatables-fixedcolumns-bs5/fixedcolumns.bootstrap5.scss b/resources/assets/vendor/libs/datatables-fixedcolumns-bs5/fixedcolumns.bootstrap5.scss new file mode 100644 index 0000000..3ef12dd --- /dev/null +++ b/resources/assets/vendor/libs/datatables-fixedcolumns-bs5/fixedcolumns.bootstrap5.scss @@ -0,0 +1,133 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; +@import 'datatables.net-fixedcolumns-bs5/css/fixedColumns.bootstrap5'; + +// Fixed column style +div.dataTables_scrollBody thead tr, +div.DTFC_LeftBodyLiner thead tr { + border-top-width: 0; + border-bottom-width: 0; +} +div.dataTables_scrollBody { + border: 0 !important; +} +@include app-ltr(false) { + div.dataTables_scrollFootInner table.table-bordered tr th:first-child, + div.dataTables_scrollHeadInner table.table-bordered tr th:first-child { + border-left: 0 !important; + } +} + +@include app-rtl(false) { + table.dataTable thead th, + table.dataTable thead td, + table.dataTable tfoot th, + table.dataTable tfoot td { + text-align: right !important; + } +} + +// Light style +@if $enable-light-style { + .light-style { + table.DTFC_Cloned tr { + border-color: light.$table-border-color; + } + // fixed header and footer border + div.dataTables_scrollFootInner table.table-bordered tr th:first-child, + div.dataTables_scrollHeadInner table.table-bordered tr th:first-child { + border-left: 1px solid light.$table-border-color; + } + // fixed column background color + table.dataTable thead tr > .dtfc-fixed-left, + table.dataTable thead tr > .dtfc-fixed-right, + table.dataTable tbody tr > .dtfc-fixed-left, + table.dataTable tbody tr > .dtfc-fixed-right, + div.dtfc-right-top-blocker, + div.dtfc-left-top-blocker { + background-color: light.$card-bg; + margin-top: 1px !important; + height: 0px !important; + } + // To override BS5 css + .dt-fixedcolumns thead { + border-top-color: light.$table-border-color; + } + &[dir='rtl'] { + div.dataTables_scrollHead, + div.dataTables_scrollBody { + table { + border-width: 0; + } + } + div.DTFC_LeftBodyLiner { + padding-right: 0 !important; + } + div.DTFC_RightHeadWrapper, + div.DTFC_RightBodyWrapper { + table { + border: 0; + } + } + div.DTFC_RightBodyLiner { + padding-left: 0 !important; + } + } + } +} +// Dark style +@if $enable-dark-style { + .dark-style { + table.DTFC_Cloned tr { + background-color: dark.$card-bg; + border-color: dark.$table-border-color; + } + div.dataTables_scrollHead table, + div.DTFC_RightHeadWrapper table, + table.dataTable.fixedHeader-floating, + table.dataTable.fixedHeader-locked { + background-color: dark.$card-bg; + } + // fixed header and footer border + div.dataTables_scrollFootInner table.table-bordered tr th:first-child, + div.dataTables_scrollHeadInner table.table-bordered tr th:first-child { + border-left: 1px solid dark.$table-border-color !important; + } + // fixed column background color + table.dataTable thead tr > .dtfc-fixed-left, + table.dataTable thead tr > .dtfc-fixed-right, + table.dataTable tbody tr > .dtfc-fixed-left, + table.dataTable tbody tr > .dtfc-fixed-right, + div.dtfc-right-top-blocker, + div.dtfc-left-top-blocker { + background-color: dark.$card-bg; + margin-top: 1px !important; + height: 0px !important; + } + // To override BS5 css + .dt-fixedcolumns thead { + border-top-color: dark.$table-border-color; + } + &[dir='rtl'] { + div.dataTables_scrollHead, + div.dataTables_scrollBody { + table { + border-width: 0; + } + } + div.DTFC_LeftBodyLiner { + padding-right: 0 !important; + } + div.DTFC_RightHeadWrapper, + div.DTFC_RightBodyWrapper { + table { + border: 0; + } + } + div.DTFC_RightBodyLiner { + padding-left: 0 !important; + } + } + } +} diff --git a/resources/assets/vendor/libs/datatables-fixedheader-bs5/fixedheader.bootstrap5.scss b/resources/assets/vendor/libs/datatables-fixedheader-bs5/fixedheader.bootstrap5.scss new file mode 100644 index 0000000..599b7e1 --- /dev/null +++ b/resources/assets/vendor/libs/datatables-fixedheader-bs5/fixedheader.bootstrap5.scss @@ -0,0 +1,40 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; +@import 'datatables.net-fixedheader-bs5/css/fixedHeader.bootstrap5'; + +// Fixed header Style +.dt-fixedheader.fixedHeader-floating.table.dataTable { + width: auto !important; +} +.dt-fixedheader.fixedHeader-locked.table.dataTable { + display: none; +} + +// Last style +@if $enable-light-style { + .light-style { + .dtfh-floatingparenthead { + border-bottom: 1px solid light.$table-border-color; + } + .table-bordered.dt-fixedheader.fixedHeader-floating.table.dataTable thead > tr > th, + .table-bordered.dt-fixedheader.fixedHeader-locked.table.dataTable thead > tr > th { + border-bottom-width: 1px; + border-color: light.$table-border-color; + } + } +} + +// Dark style +@if $enable-dark-style { + .dark-style { + .dtfh-floatingparenthead { + border-bottom: 1px solid dark.$table-border-color; + } + .table-bordered.dt-fixedheader.fixedHeader-floating.table.dataTable thead > tr > th, + .table-bordered.dt-fixedheader.fixedHeader-locked.table.dataTable thead > tr > th { + border-bottom-width: 1px; + border-color: dark.$table-border-color; + } + } +} diff --git a/resources/assets/vendor/libs/datatables-lang/datatable-lang-es.js b/resources/assets/vendor/libs/datatables-lang/datatable-lang-es.js new file mode 100644 index 0000000..e37d675 --- /dev/null +++ b/resources/assets/vendor/libs/datatables-lang/datatable-lang-es.js @@ -0,0 +1,195 @@ +export const datatable_spanish_default = { + processing: 'Procesando...', + lengthMenu: 'Mostrar _MENU_ registros', + zeroRecords: 'No se encontraron resultados', + emptyTable: 'Ningún dato disponible en esta tabla', + infoEmpty: 'Mostrando registros del 0 al 0 de un total de 0 registros', + infoFiltered: '(filtrado de un total de _MAX_ registros)', + search: 'Buscar:', + infoThousands: ',', + loadingRecords: 'Cargando...', + paginate: { + first: 'Primero', + last: 'Último', + next: 'Siguiente', + previous: 'Anterior' + }, + aria: { + sortAscending: ': Activar para ordenar la columna de manera ascendente', + sortDescending: ': Activar para ordenar la columna de manera descendente' + }, + buttons: { + copy: 'Copiar', + colvis: 'Visibilidad', + collection: 'Colección', + colvisRestore: 'Restaurar visibilidad', + copyKeys: + 'Presione ctrl o u2318 + C para copiar los datos de la tabla al portapapeles del sistema.

    Para cancelar, haga clic en este mensaje o presione escape.', + copySuccess: { + 1: 'Copiada 1 fila al portapapeles', + _: 'Copiadas %d fila al portapapeles' + }, + copyTitle: 'Copiar al portapapeles', + csv: 'CSV', + excel: 'Excel', + pageLength: { + '-1': 'Mostrar todas las filas', + _: 'Mostrar %d filas' + }, + pdf: 'PDF', + print: 'Imprimir' + }, + autoFill: { + cancel: 'Cancelar', + fill: 'Rellene todas las celdas con %d', + fillHorizontal: 'Rellenar celdas horizontalmente', + fillVertical: 'Rellenar celdas verticalmentemente' + }, + decimal: ',', + searchBuilder: { + add: 'Añadir condición', + button: { + 0: 'Constructor de búsqueda', + _: 'Constructor de búsqueda (%d)' + }, + clearAll: 'Borrar todo', + condition: 'Condición', + conditions: { + date: { + after: 'Despues', + before: 'Antes', + between: 'Entre', + empty: 'Vacío', + equals: 'Igual a', + notBetween: 'No entre', + notEmpty: 'No Vacio', + not: 'Diferente de' + }, + number: { + between: 'Entre', + empty: 'Vacio', + equals: 'Igual a', + gt: 'Mayor a', + gte: 'Mayor o igual a', + lt: 'Menor que', + lte: 'Menor o igual que', + notBetween: 'No entre', + notEmpty: 'No vacío', + not: 'Diferente de' + }, + string: { + contains: 'Contiene', + empty: 'Vacío', + endsWith: 'Termina en', + equals: 'Igual a', + notEmpty: 'No Vacio', + startsWith: 'Empieza con', + not: 'Diferente de' + }, + array: { + not: 'Diferente de', + equals: 'Igual', + empty: 'Vacío', + contains: 'Contiene', + notEmpty: 'No Vacío', + without: 'Sin' + } + }, + data: 'Data', + deleteTitle: 'Eliminar regla de filtrado', + leftTitle: 'Criterios anulados', + logicAnd: 'Y', + logicOr: 'O', + rightTitle: 'Criterios de sangría', + title: { + 0: 'Constructor de búsqueda', + _: 'Constructor de búsqueda (%d)' + }, + value: 'Valor' + }, + searchPanes: { + clearMessage: 'Borrar todo', + collapse: { + 0: 'Paneles de búsqueda', + _: 'Paneles de búsqueda (%d)' + }, + count: '{total}', + countFiltered: '{shown} ({total})', + emptyPanes: 'Sin paneles de búsqueda', + loadMessage: 'Cargando paneles de búsqueda', + title: 'Filtros Activos - %d' + }, + select: { + cells: { + 1: '1 celda seleccionada', + _: '%d celdas seleccionadas' + }, + columns: { + 1: '1 columna seleccionada', + _: '%d columnas seleccionadas' + }, + rows: { + 1: '1 fila seleccionada', + _: '%d filas seleccionadas' + } + }, + thousands: '.', + datetime: { + previous: 'Anterior', + next: 'Proximo', + hours: 'Horas', + minutes: 'Minutos', + seconds: 'Segundos', + unknown: '-', + amPm: ['AM', 'PM'], + months: { + 0: 'Enero', + 1: 'Febrero', + 10: 'Noviembre', + 11: 'Diciembre', + 2: 'Marzo', + 3: 'Abril', + 4: 'Mayo', + 5: 'Junio', + 6: 'Julio', + 7: 'Agosto', + 8: 'Septiembre', + 9: 'Octubre' + }, + weekdays: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'] + }, + editor: { + close: 'Cerrar', + create: { + button: 'Nuevo', + title: 'Crear Nuevo Registro', + submit: 'Crear' + }, + edit: { + button: 'Editar', + title: 'Editar Registro', + submit: 'Actualizar' + }, + remove: { + button: 'Eliminar', + title: 'Eliminar Registro', + submit: 'Eliminar', + confirm: { + _: '¿Está seguro que desea eliminar %d filas?', + 1: '¿Está seguro que desea eliminar 1 fila?' + } + }, + error: { + system: 'Ha ocurrido un error en el sistema (Más información<\\/a>).' + }, + multi: { + title: 'Múltiples Valores', + info: 'Los elementos seleccionados contienen diferentes valores para este registro. Para editar y establecer todos los elementos de este registro con el mismo valor, hacer click o tap aquí, de lo contrario conservarán sus valores individuales.', + restore: 'Deshacer Cambios', + noMulti: 'Este registro puede ser editado individualmente, pero no como parte de un grupo.' + } + }, + info: 'Mostrando _START_ a _END_ de _TOTAL_ registros', + search: '', + searchPlaceholder: 'Buscar' +}; diff --git a/resources/assets/vendor/libs/datatables-responsive-bs5/_mixins.scss b/resources/assets/vendor/libs/datatables-responsive-bs5/_mixins.scss new file mode 100644 index 0000000..4619524 --- /dev/null +++ b/resources/assets/vendor/libs/datatables-responsive-bs5/_mixins.scss @@ -0,0 +1,9 @@ +@mixin bs-datatables-theme($background) { + // Style for responsive icon + table.dataTable.dtr-column > tbody > tr > td.control:before, + table.dataTable.dtr-column > tbody > tr > th.control:before { + background-color: $background; + border: 2px solid $rgba-to-hex-bg; + box-shadow: 0 0 3px $gray-800; + } +} diff --git a/resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss b/resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss new file mode 100644 index 0000000..7d97024 --- /dev/null +++ b/resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss @@ -0,0 +1,57 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import 'datatables.net-responsive-bs5/css/responsive.bootstrap5'; +@import 'mixins'; + +// Responsive table area '+' icon position +table.dataTable.dtr-column > tbody > tr > td.control, +table.dataTable.dtr-column > tbody > tr > th.control { + position: relative; + &:before, + &:before { + position: absolute; + line-height: 0.9em; + font-weight: light.$font-weight-medium; + height: 0.85em; + width: 0.85em; + color: light.$white; + border-radius: 1em; + box-sizing: content-box; + text-align: center; + font-family: 'Courier New', Courier, monospace; + content: '+'; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } +} +table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + content: '+'; +} +// To scroll within datatable area +@media screen and (max-width: 1399.98px) { + table.dataTable.table-responsive { + display: block; + } +} + +// Modal table style +.modal.dtr-bs-modal { + .modal-body { + padding: 0; + } + .table { + tr:last-child > td { + border-bottom: 0; + } + .btn { + box-shadow: none !important; + } + .emp_name { + font-weight: light.$font-weight-medium; + } + } +} diff --git a/resources/assets/vendor/libs/datatables-rowgroup-bs5/rowgroup.bootstrap5.scss b/resources/assets/vendor/libs/datatables-rowgroup-bs5/rowgroup.bootstrap5.scss new file mode 100644 index 0000000..feea55b --- /dev/null +++ b/resources/assets/vendor/libs/datatables-rowgroup-bs5/rowgroup.bootstrap5.scss @@ -0,0 +1,25 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; + +@import 'datatables.net-rowgroup-bs5/css/rowGroup.bootstrap5'; + +// Light style +@if $enable-light-style { + .light-style { + tr.group, + tr.group:hover { + background-color: light.$gray-100 !important; + } + } +} + +// Dark style +@if $enable-dark-style { + .dark-style { + tr.group, + tr.group:hover { + background-color: rgba(dark.$base, 0.1) !important; + } + } +} diff --git a/resources/assets/vendor/libs/datatables-select-bs5/select.bootstrap5.scss b/resources/assets/vendor/libs/datatables-select-bs5/select.bootstrap5.scss new file mode 100644 index 0000000..99faa43 --- /dev/null +++ b/resources/assets/vendor/libs/datatables-select-bs5/select.bootstrap5.scss @@ -0,0 +1,39 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@use '../../scss/_components/include' as comp; + +@import '../../scss/_custom-variables/libs'; +@import 'datatables.net-select-bs5/css/select.bootstrap5'; + +// Background color for select row +table.dataTable tbody > tr.selected td, +table.dataTable tbody > tr > .selected td { + background-color: rgba(light.$primary, 0.08); + box-shadow: none; +} +// Light style +@if $enable-light-style { + .light-style { + table.dataTable tbody tr.selected td, + table.dataTable tbody th.selected td, + table.dataTable tbody td.selected td { + color: light.$body-color !important; + } + } +} + +// Dark Style +@if $enable-dark-style { + .dark-style { + table.dataTable tbody > tr.selected > *, + table.dataTable tbody > tr > .selected > * { + box-shadow: inset 0 0 0 dark.$gray-50; + color: dark.$table-active-color; + } + table.dataTable tbody tr.selected td, + table.dataTable tbody th.selected td, + table.dataTable tbody td.selected td { + color: inherit; + } + } +} diff --git a/resources/assets/vendor/libs/dropzone/_mixins.scss b/resources/assets/vendor/libs/dropzone/_mixins.scss new file mode 100644 index 0000000..75e2c7f --- /dev/null +++ b/resources/assets/vendor/libs/dropzone/_mixins.scss @@ -0,0 +1,5 @@ +@mixin dropzone-theme($border) { + .dropzone.dz-drag-hover { + border-color: $border !important; + } +} diff --git a/resources/assets/vendor/libs/dropzone/dropzone.js b/resources/assets/vendor/libs/dropzone/dropzone.js new file mode 100644 index 0000000..6122097 --- /dev/null +++ b/resources/assets/vendor/libs/dropzone/dropzone.js @@ -0,0 +1,56 @@ +import Dropzone from 'dropzone/dist/dropzone'; + +Dropzone.autoDiscover = false; + +// File upload progress animation +Dropzone.prototype.uploadFiles = function (files) { + const minSteps = 6; + const maxSteps = 60; + const timeBetweenSteps = 100; + const bytesPerStep = 100000; + const isUploadSuccess = true; + + const self = this; + + for (let i = 0; i < files.length; i++) { + const file = files[i]; + const totalSteps = Math.round(Math.min(maxSteps, Math.max(minSteps, file.size / bytesPerStep))); + + for (let step = 0; step < totalSteps; step++) { + const duration = timeBetweenSteps * (step + 1); + + setTimeout( + (function (file, totalSteps, step) { + return function () { + file.upload = { + progress: (100 * (step + 1)) / totalSteps, + total: file.size, + bytesSent: ((step + 1) * file.size) / totalSteps + }; + + self.emit('uploadprogress', file, file.upload.progress, file.upload.bytesSent); + if (file.upload.progress === 100) { + if (isUploadSuccess) { + file.status = Dropzone.SUCCESS; + self.emit('success', file, 'success', null); + } else { + file.status = Dropzone.ERROR; + self.emit('error', file, 'Some upload error', null); + } + + self.emit('complete', file); + self.processQueue(); + } + }; + })(file, totalSteps, step), + duration + ); + } + } +}; + +try { + window.Dropzone = Dropzone; +} catch (e) {} + +export { Dropzone }; diff --git a/resources/assets/vendor/libs/dropzone/dropzone.scss b/resources/assets/vendor/libs/dropzone/dropzone.scss new file mode 100644 index 0000000..d342eef --- /dev/null +++ b/resources/assets/vendor/libs/dropzone/dropzone.scss @@ -0,0 +1,460 @@ +// Dropzone + +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; + +$dz-box-padding: 1.25rem !default; +$dz-icon-size: 1.875rem !default; +$dz-thumbnail-width: 10rem !default; +$dz-thumbnail-height: 7.5rem !default; +$dz-preview-padding: 0.625rem !default; +$dz-progress-height: 0.5rem !default; +$dz-icon-block-size: 3.75rem !default; + +// common styles +.dropzone { + width: 100%; + position: relative; + cursor: pointer; + border-radius: light.$border-radius-lg; + + // Disabled + &:not(.dz-clickable) { + opacity: 0.5; + cursor: not-allowed; + } + + // Hover + &.dz-drag-hover { + border-style: solid; + + .dz-message { + opacity: 0.5; + } + } +} + +.dz-message { + font-size: light.$h4-font-size; + &:before { + content: ''; + border-radius: 6px; + position: absolute; + top: 5rem; + left: calc(50% - 23px); + display: inline-block; + height: 40px; + width: 40px; + background-repeat: no-repeat !important; + background-position: center !important; + } + + .note { + font-size: light.$font-size-base; + } +} + +// Fallback +.dz-browser-not-supported { + &.dropzone-box { + min-height: auto !important; + border: none !important; + border-radius: 0 !important; + padding: 0 !important; + width: auto !important; + cursor: default !important; + transition: none; + } + + .dz-message { + display: none !important; + } +} + +// Default message + +.dz-started .dz-message { + display: none; +} + +.dz-message { + margin: 8rem 0 3rem; + font-weight: 500; + text-align: center; + + .note { + display: block; + margin-top: 0.5rem; + } +} + +// styles for dropzone in ecommerce +.app-ecommerce { + .dz-message { + margin-top: 5rem; + &::before { + top: 3rem; + } + } +} + +// Preview +.dz-preview { + position: relative; + vertical-align: top; + background: #fff; + font-size: 0.8125rem; + margin: 1rem; + margin-right: $dz-box-padding - 1; + box-sizing: content-box; + cursor: default; + @include light.media-breakpoint-down(sm) { + margin: $dz-box-padding - 0.5; + } +} + +// File information +.dz-filename { + position: absolute; + width: 100%; + overflow: hidden; + padding: $dz-preview-padding $dz-preview-padding 0 $dz-preview-padding; + background: light.$white; + white-space: nowrap; + text-overflow: ellipsis; + + &:hover { + white-space: normal; + text-overflow: inherit; + } +} + +.dz-size { + padding: 1.875rem $dz-preview-padding $dz-preview-padding $dz-preview-padding; + font-size: 0.6875rem; + font-style: italic; +} + +// Progressbar +.dz-preview .progress, +.dz-preview .progess-bar { + height: $dz-progress-height; +} + +.dz-preview .progress { + position: absolute; + left: 1.25rem; + right: 1.25rem; + top: 50%; + margin-top: -$dz-progress-height * 0.5; + z-index: 30; +} + +.dz-complete .progress { + display: none; +} + +// Thumbnail +.dz-thumbnail { + position: relative; + padding: $dz-preview-padding; + height: $dz-thumbnail-height; + text-align: center; + box-sizing: content-box; + + > img, + .dz-nopreview { + top: 50%; + position: relative; + transform: translateY(-50%) scale(1); + margin: 0 auto; + display: block; + } + + > img { + max-height: 100%; + max-width: 100%; + } +} + +.dz-nopreview { + font-weight: light.$font-weight-medium; + text-transform: uppercase; + font-size: 0.6875rem; +} + +.dz-thumbnail img[src] ~ .dz-nopreview { + display: none; +} + +// Remove link +.dz-remove { + display: block; + text-align: center; + padding: 0.375rem 0; + font-size: 0.75rem; + + &:hover, + &:focus { + text-decoration: none; + border-top-color: transparent; + } +} + +// error/success states +.dz-error-mark, +.dz-success-mark { + position: absolute; + left: 50%; + top: 50%; + display: none; + margin-left: -$dz-icon-block-size * 0.5; + margin-top: -$dz-icon-block-size * 0.5; + height: $dz-icon-block-size; + width: $dz-icon-block-size; + border-radius: 50%; + background-position: center center; + background-size: $dz-icon-size $dz-icon-size; + background-repeat: no-repeat; + box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.06); +} + +.dz-success-mark { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); +} + +.dz-error-mark { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); +} + +.dz-error-message { + position: absolute; + top: -1px; + left: -1px; + bottom: -1px; + right: -1px; + display: none; + color: light.$white; + z-index: 40; + padding: 0.75rem; + text-align: left; + overflow: auto; + font-weight: light.$font-weight-medium; + + @include app-rtl { + text-align: right; + } +} + +// Error state +.dz-error { + .dz-error-message { + display: none; + } + + .dz-error-mark { + display: block; + } + + &:hover { + .dz-error-message { + display: block; + } + + .dz-error-mark { + display: none; + } + } +} + +// Success state +.dz-success .dz-success-mark { + display: block; +} + +// RTL +@include app-rtl(false) { + .dz-hidden-input { + left: auto !important; + right: 0 !important; + } +} + +// Light style +@if $enable-light-style { + .light-style { + $dz-overlay-bg: light.$dark; + $dz-thumbnail-bg: light.$gray-25; + $dz-border-color: light.$card-border-color; + + .dropzone { + border: 2px dashed $dz-border-color; + } + + .dz-preview { + border: light.$card-border-width solid $dz-border-color; + border-radius: light.$border-radius; + box-shadow: light.$card-box-shadow; + } + + .dz-message { + color: light.$headings-color; + &:before { + background-image: light.str-replace( + light.str-replace(light.$upload-icon, 'currentColor', light.$headings-color), + '#', + '%23' + ) !important; + background: #eeedf0; + } + .note { + color: light.$body-color; + font-weight: light.$font-weight-normal; + } + } + + .dz-thumbnail { + border-bottom: 1px solid light.rgba-to-hex($dz-border-color); + background: $dz-thumbnail-bg; + + @include light.border-top-radius(if(light.$border-radius, calc(#{light.$border-radius} - 1px), 0)); + } + + .dz-size { + color: light.$text-muted; + } + + .dz-remove { + color: light.$body-color; + border-top: 1px solid light.rgba-to-hex($dz-border-color); + + @include light.border-bottom-radius(if(light.$border-radius, calc(#{light.$border-radius} - 1px), 0)); + + &:hover, + &:focus { + color: light.$body-color; + background: light.$gray-100; + } + } + + .dz-nopreview { + color: light.$text-muted; + } + + .dz-error-mark, + .dz-success-mark { + background-color: rgba($dz-overlay-bg, 0.5); + } + + .dz-error-message { + background: rgba(map-get(light.$theme-colors, danger), 0.8); + + @include light.border-top-radius(light.$border-radius); + } + + @include light.media-breakpoint-up(sm) { + .dz-preview { + display: inline-block; + width: $dz-thumbnail-width + ($dz-preview-padding * 2); + } + + .dz-thumbnail { + width: $dz-thumbnail-width; + } + } + } +} + +// dark style +@if $enable-dark-style { + .dark-style { + $dz-overlay-bg: dark.$dark; + $dz-thumbnail-bg: dark.$gray-25; + $dz-border-color: dark.$card-border-color; + + .dropzone { + border: 2px dashed $dz-border-color; + } + + .dz-preview { + background: dark.$card-bg; + border: dark.$card-border-width solid $dz-border-color; + border-radius: dark.$border-radius; + box-shadow: dark.$card-box-shadow; + } + + .dz-message { + color: dark.$headings-color; + &:before { + background-image: light.str-replace( + light.str-replace(light.$upload-icon, 'currentColor', dark.$headings-color), + '#', + '%23' + ) !important; + background: #373b50; + } + .note { + color: dark.$body-color; + font-weight: dark.$font-weight-normal; + } + } + + .dz-filename { + background: dark.$card-bg; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + border-bottom: dark.$card-border-width solid $dz-border-color; + } + + .dz-size { + color: dark.$text-muted; + } + + .dz-thumbnail { + border-bottom: 1px solid $dz-border-color; + background: $dz-thumbnail-bg; + + @include dark.border-top-radius(if(dark.$border-radius, calc(#{dark.$border-radius} - 1px), 0)); + } + + .dz-nopreview { + color: dark.$text-muted; + } + + .dz-remove { + color: dark.$body-color; + border-top: 1px solid $dz-border-color; + + @include dark.border-bottom-radius(if(dark.$border-radius, calc(#{dark.$border-radius} - 1px), 0)); + + &:hover, + &:focus { + color: dark.$body-color; + background: dark.$gray-100; + } + } + + .dz-error-mark, + .dz-success-mark { + background-color: rgba($dz-overlay-bg, 0.5); + } + + .dz-error-message { + background: rgba(map-get(dark.$theme-colors, danger), 0.8); + + @include dark.border-top-radius(dark.$border-radius); + } + + @include dark.media-breakpoint-up(sm) { + .dz-preview { + display: inline-block; + width: $dz-thumbnail-width + ($dz-preview-padding * 2); + } + + .dz-thumbnail { + width: $dz-thumbnail-width; + } + } + } +} diff --git a/resources/assets/vendor/libs/flatpickr/_mixins.scss b/resources/assets/vendor/libs/flatpickr/_mixins.scss new file mode 100644 index 0000000..8fdfa7c --- /dev/null +++ b/resources/assets/vendor/libs/flatpickr/_mixins.scss @@ -0,0 +1,114 @@ +@import '../../scss/_bootstrap-extended/functions'; + +@mixin flatpickr-theme($background, $color: null) { + $in-range-bg: rgba-to-hex(rgba($background, 0.16), $card-bg); + $color: if($color, $color, color-contrast($background)); + $in-range-color: $background; + + .flatpickr-day { + &.today, + &.today:hover { + color: $background !important; + border-color: rgba-to-hex(rgba($background, 0.16), $card-bg); + background-color: rgba-to-hex(rgba($background, 0.16), $card-bg) !important; + } + + &.inRange, + &.nextMonthDay.inRange, + &.prevMonthDay.inRange, + &.today.inRange, + &.prevMonthDay.today.inRange, + &.nextMonthDay.today.inRange { + color: $background !important; + background: $in-range-bg !important; + border-color: $in-range-bg !important; + } + + &.selected, + &.selected.inRange, + &.selected:focus, + &.selected:hover, + &.selected.nextMonthDay, + &.selected.prevMonthDay, + &.startRange, + &.startRange.inRange, + &.startRange:focus, + &.startRange:hover, + &.startRange.nextMonthDay, + &.startRange.prevMonthDay, + &.endRange, + &.endRange.inRange, + &.endRange:focus, + &.endRange:hover, + &.endRange.nextMonthDay, + &.endRange.prevMonthDay, + &.week.selected { + color: $color !important; + background: $background !important; + border-color: $background !important; + box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3); + } + } +} + +@mixin flatpickr-dark-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + $in-range-bg: rgba-to-hex(rgba($background, 0.16), $card-bg); + $in-range-color: $background; + + .flatpickr-calendar .numInputWrapper span { + &.arrowUp:after { + border-bottom-color: $color; + } + + &.arrowDown:after { + border-top-color: $color; + } + } + + .flatpickr-day { + &.today, + &.today:hover, + &.inRange { + color: $background !important; + border-color: rgba-to-hex(rgba($background, 0.16), $card-bg) !important; + background-color: rgba-to-hex(rgba($background, 0.16), $card-bg) !important; + } + + &.inRange, + &.nextMonthDay.inRange, + &.prevMonthDay.inRange, + &.today.inRange, + &.nextMonthDay.today.inRange, + &.prevMonthDay.today.inRange { + border-color: $in-range-bg !important; + background: $in-range-bg !important; + color: $background !important; + } + + &.selected, + &.selected.inRange, + &.selected:focus, + &.selected:hover, + &.selected.prevMonthDay, + &.selected.nextMonthDay, + &.startRange, + &.startRange.inRange, + &.startRange:focus, + &.startRange:hover, + &.startRange.prevMonthDay, + &.startRange.nextMonthDay, + &.endRange, + &.endRange.inRange, + &.endRange:focus, + &.endRange:hover, + &.endRange.nextMonthDay, + &.endRange.prevMonthDay, + &.week.selected { + background: $background !important; + border-color: $background !important; + color: $color !important; + box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3); + } + } +} diff --git a/resources/assets/vendor/libs/flatpickr/flatpickr.js b/resources/assets/vendor/libs/flatpickr/flatpickr.js new file mode 100644 index 0000000..0c13982 --- /dev/null +++ b/resources/assets/vendor/libs/flatpickr/flatpickr.js @@ -0,0 +1,7 @@ +import flatpickr from 'flatpickr/dist/flatpickr'; + +try { + window.flatpickr = flatpickr; +} catch (e) {} + +export { flatpickr }; diff --git a/resources/assets/vendor/libs/flatpickr/flatpickr.scss b/resources/assets/vendor/libs/flatpickr/flatpickr.scss new file mode 100644 index 0000000..43ef2fc --- /dev/null +++ b/resources/assets/vendor/libs/flatpickr/flatpickr.scss @@ -0,0 +1,1172 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; + +$flatpickr-content-padding-x: 0.5rem !default; +$flatpickr-content-padding-y: 0.25rem !default; +$flatpickr-cell-size: 2.25rem !default; +$flatpickr-animation-duration: 400ms !default; +$flatpickr-time-picker-height: 40px !default; +$flatpickr-week-height: 2.25rem !default; +$flatpickr-month-height: 2.5rem !default; +$flatpickr-year-height: 1.2rem !default; +$flatpickr-width: ($flatpickr-cell-size * 7)+ ($flatpickr-content-padding-x * 2) !default; + +@mixin keyframes($name) { + @-webkit-keyframes #{$name} { + @content; + } + + @-moz-keyframes #{$name} { + @content; + } + + @keyframes #{$name} { + @content; + } +} + +.flatpickr-calendar { + position: absolute; + visibility: hidden; + overflow: hidden; + box-sizing: border-box; + padding: 0; + padding-bottom: 2px; + max-height: 0; + border: 0; + text-align: center; + opacity: 0; + animation: none; + outline: 0; + touch-action: manipulation; + line-height: light.$line-height-base; + font-size: light.$font-size-base; + @include light.border-radius(light.$border-radius !important); + + &.open, + &.inline { + visibility: visible; + overflow: visible; + max-height: 640px; + opacity: 1; + } + + &.open { + display: inline-block; + } + + &.animate.open { + animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); + } + + &:not(.inline):not(.open) { + display: none !important; + } + + &.inline { + position: relative; + top: 2px; + display: block; + } + + &.static { + position: absolute; + top: calc(100% + 2px); + } + + &.static.open { + z-index: 999; + display: block; + } + + &.hasWeeks { + width: auto; + } + + @include app-ltr { + &.hasWeeks .flatpickr-days { + border-bottom-left-radius: 0 !important; + } + } + + @include app-rtl { + &.hasWeeks .flatpickr-days { + border-bottom-right-radius: 0 !important; + } + } + + &.hasTime { + padding-bottom: 0; + .flatpickr-time { + height: $flatpickr-time-picker-height; + } + } + + &.noCalendar.hasTime { + .flatpickr-time { + height: auto; + } + } + + input[type='number'] { + -moz-appearance: textfield; + } + input[type='number']::-webkit-inner-spin-button, + input[type='number']::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; + } +} + +.flatpickr-wrapper { + position: relative; + display: inline-block; +} + +.flatpickr-month { + position: relative; + overflow: hidden; + height: $flatpickr-month-height + 0.5; + text-align: center; + line-height: 1; + user-select: none; +} + +.flatpickr-prev-month, +.flatpickr-next-month { + position: absolute; + top: 0.75rem; + z-index: 3; + padding: 0 0.41rem; + height: 1.875rem; + width: 1.875rem; + text-decoration: none; + cursor: pointer; + border-radius: 50rem; + display: flex; + align-items: center; + justify-content: center; + + svg { + vertical-align: middle; + } +} + +.flatpickr-prev-month i, +.flatpickr-next-month i { + position: relative; +} + +.flatpickr-prev-month { + &.flatpickr-prev-month { + right: 3.5rem; + } + + @include app-rtl { + left: 3.5rem; + right: auto; + transform: scaleX(-1); + } +} + +.flatpickr-next-month { + &.flatpickr-prev-month { + right: 0; + left: 0; + } + + &.flatpickr-next-month { + right: 1rem; + } + + @include app-rtl { + right: auto; + left: 1rem; + transform: scaleX(-1); + } +} + +.flatpickr-prev-month:hover, +.flatpickr-next-month:hover { + opacity: 1; +} + +.flatpickr-prev-month svg, +.flatpickr-next-month svg { + width: 0.6rem; +} + +.flatpickr-prev-month svg path, +.flatpickr-next-month svg path { + transition: fill 0.1s; + fill: inherit; +} + +.numInputWrapper { + position: relative; + height: auto; + + input, + span { + display: inline-block; + } + + input { + width: 100%; + } + + span { + position: absolute; + right: 0; + display: flex; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 14px; + height: 50%; + line-height: 1; + opacity: 0; + cursor: pointer; + + @include app-rtl { + right: auto; + left: 0; + } + + &:hover { + background: rgba(0, 0, 0, 0.1); + } + + &:active { + background: rgba(0, 0, 0, 0.2); + } + + &:after { + content: ''; + display: block; + width: 0; + height: 0; + } + + &.arrowUp { + top: 0; + } + + &.arrowUp:after { + border-right: 4px solid transparent; + border-bottom: 4px solid rgba(72, 72, 72, 0.6); + border-left: 4px solid transparent; + } + + &.arrowDown { + top: 50%; + } + + &.arrowDown:after { + border-top: 4px solid rgba(72, 72, 72, 0.6); + border-right: 4px solid transparent; + border-left: 4px solid transparent; + } + + svg { + width: inherit; + height: auto; + } + + svg path { + fill: rgba(255, 255, 255, 0.5); + } + } + + &:hover { + background: rgba(0, 0, 0, 0.05); + } + + &:hover span { + opacity: 1; + } +} + +.flatpickr-current-month { + position: absolute; + inset-inline-start: 4%; + display: flex; + align-items: center; + gap: 0.25rem; + width: 75%; + height: $flatpickr-month-height + 0.5; + text-align: center; + line-height: 1; + padding: 0.5rem 0 0 0; + transform: translate3d(0px, 0px, 0px); + &:has(.cur-month) { + inset-inline-start: 5%; + } + + .flatpickr-monthDropdown-months, + input.cur-year { + outline: none; + vertical-align: middle !important; + font-weight: 400; + font-size: inherit; + font-family: inherit; + line-height: inherit; + color: inherit; + display: inline-block; + box-sizing: border-box; + background: transparent; + border: 0; + border-radius: 0; + &:not(:first-child) { + padding: 0 0 0 0.5ch; + } + } + + .numInputWrapper { + display: inline-block; + width: 6ch; + } + + .flatpickr-monthDropdown-months { + appearance: menulist; + cursor: pointer; + height: $flatpickr-month-height - 0.25rem; + // margin: -1px 0 0 0; + position: relative; + width: auto; + font-size: light.$font-size-base; + } + + input.cur-year { + margin: 0; + height: $flatpickr-year-height; + cursor: default; + + @include app-rtl { + padding-right: 0.5ch; + padding-left: 0; + } + + &:focus { + outline: 0; + } + + &[disabled], + &[disabled]:hover { + background: transparent; + pointer-events: none; + } + + &[disabled] { + opacity: 0.5; + } + } +} + +.flatpickr-weekdaycontainer { + display: flex; + width: 100%; + padding: $flatpickr-content-padding-y $flatpickr-content-padding-x; +} + +.flatpickr-weekdays { + display: flex; + overflow: hidden; + align-items: center; + max-width: 17.5rem; + width: 100%; + height: $flatpickr-week-height; + text-align: center; + margin-bottom: 0.125rem; +} + +span.flatpickr-weekday { + display: block; + flex: 1; + margin: 0; + text-align: center; + line-height: 1; + cursor: default; +} + +.dayContainer, +.flatpickr-weeks { + padding: 1px 0 0 0; +} + +.flatpickr-days { + position: relative; + display: flex; + overflow: hidden; + width: auto !important; + + &:focus { + outline: 0; + } + + .flatpickr-calendar.hasTime & { + border-bottom: 0 !important; + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } +} + +.dayContainer { + display: inline-block; + display: flex; + flex-wrap: wrap; + justify-content: space-around; + box-sizing: border-box; + padding: 0; + min-width: $flatpickr-cell-size * 7; + max-width: $flatpickr-cell-size * 7; + width: $flatpickr-cell-size * 7; + outline: 0; + opacity: 1; + transform: translate3d(0px, 0px, 0px); +} + +.flatpickr-day { + position: relative; + display: inline-block; + flex-basis: 14.2857143%; + justify-content: center; + box-sizing: border-box; + margin: 0; + max-width: $flatpickr-cell-size; + width: 15.2857143%; + height: $flatpickr-cell-size; + border: 1px solid transparent; + background: none; + text-align: center; + font-weight: 400; + line-height: calc(#{$flatpickr-cell-size} - 2px); + cursor: pointer; + + &.inRange, + &.prevMonthDay.inRange, + &.nextMonthDay.inRange, + &.today.inRange, + &.prevMonthDay.today.inRange, + &.nextMonthDay.today.inRange, + &:hover, + &.prevMonthDay:hover, + &.nextMonthDay:hover, + &:focus, + &.prevMonthDay:focus, + &.nextMonthDay:focus { + outline: 0; + cursor: pointer; + } + + &.inRange:not(.startRange):not(.endRange) { + border-radius: 0 !important; + } + + &.disabled, + &.flatpickr-disabled, + &.flatpickr-disabled.today, + &.disabled:hover, + &.flatpickr-disabled:hover, + &.flatpickr-disabled.today:hover { + border-color: transparent; + background: transparent !important; + cursor: default; + pointer-events: none; + } + + &.prevMonthDay, + &.nextMonthDay { + border-color: transparent; + background: transparent; + cursor: default; + } + + &.notAllowed, + &.notAllowed.prevMonthDay, + &.notAllowed.nextMonthDay { + border-color: transparent; + background: transparent; + cursor: default; + } + + &.week.selected { + border-radius: 0; + } + + @include app-ltr { + &.selected.startRange, + &.startRange.startRange, + &.endRange.startRange { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + &.selected.endRange, + &.startRange.endRange, + &.endRange.endRange { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } + + @include app-rtl { + &.selected.startRange, + &.startRange.startRange, + &.endRange.startRange { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + &.selected.endRange, + &.startRange.endRange, + &.endRange.endRange { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + } +} + +.flatpickr-weekwrapper { + display: inline-block; + float: left; + + .flatpickr-weeks { + background-clip: padding-box !important; + + @include app-ltr { + .flatpickr-weeks { + border-bottom-right-radius: 0 !important; + } + } + + @include app-rtl { + .flatpickr-weeks { + border-bottom-left-radius: 0 !important; + } + } + .flatpickr-day { + font-size: light.$font-size-sm; + } + } + + .flatpickr-calendar.hasTime .flatpickr-weeks { + border-bottom: 0 !important; + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } + + .flatpickr-weekday { + float: none; + width: 100%; + line-height: $flatpickr-week-height; + position: relative; + top: 1px; + margin-bottom: 0.4rem; + } + + span.flatpickr-day { + display: block; + max-width: none; + width: $flatpickr-cell-size; + background: none !important; + } +} + +.flatpickr-calendar.hasTime .flatpickr-weeks { + border-bottom: 0 !important; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +.flatpickr-innerContainer { + display: block; + display: flex; + overflow: hidden; + box-sizing: border-box; + &:has(.flatpickr-weeks) { + .flatpickr-weeks { + @include app-ltr { + padding-left: 0.445rem; + } + @include app-rtl { + padding-left: 0.445rem; + } + } + .flatpickr-weekdaycontainer { + @include app-rtl { + padding-left: $flatpickr-content-padding-x * 1.25; + } + } + .flatpickr-weekwrapper .flatpickr-weekday { + padding-left: 0.445rem; + } + .flatpickr-weekwrapper { + @include app-rtl { + padding-right: 0.5rem; + } + } + } +} + +.flatpickr-rContainer { + display: inline-block; + box-sizing: border-box; + padding: 0; +} + +.flatpickr-time { + display: block; + display: flex; + overflow: hidden; + box-sizing: border-box; + max-height: $flatpickr-time-picker-height; + height: 0; + outline: 0; + background-clip: padding-box !important; + text-align: center; + line-height: $flatpickr-time-picker-height; + + &:after { + content: ''; + display: table; + clear: both; + } + + .numInputWrapper { + float: left; + flex: 1; + width: 40%; + height: $flatpickr-time-picker-height; + } + + &.hasSeconds .numInputWrapper { + width: 26%; + } + + &.time24hr .numInputWrapper { + width: 49%; + } + + input { + position: relative; + box-sizing: border-box; + margin: 0; + padding: 0; + height: inherit; + border: 0; + border-radius: 0; + background: transparent; + box-shadow: none; + text-align: center; + line-height: inherit; + cursor: pointer; + font-size: light.$font-size-base; + + &.flatpickr-hour, + &.flatpickr-minute, + &.flatpickr-second { + font-weight: light.$font-weight-normal; + } + + &:focus { + outline: 0; + border: 0; + } + } + + .flatpickr-time-separator, + .flatpickr-am-pm { + display: inline-block; + float: left; + align-self: center; + width: 2%; + height: inherit; + line-height: inherit; + user-select: none; + } + + .flatpickr-am-pm { + width: 18%; + outline: 0; + text-align: center; + font-weight: normal; + cursor: pointer; + + &:hover { + background: rgba(0, 0, 0, 0.05); + } + } + + .flatpickr-calendar.noCalendar & { + box-shadow: none !important; + } + + .flatpickr-calendar:not(.noCalendar) & { + border-top: 0; + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + } +} + +.flatpickr-input[readonly] { + cursor: pointer; +} + +// Animations +// + +@include keyframes(fpFadeInDown) { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 1; + transform: translate3d(0, 0, 0); + } +} +// Light layout +@if $enable-light-style { + .light-style { + .flatpickr-calendar { + background: light.$dropdown-bg; + } + .flatpickr-prev-month, + .flatpickr-next-month { + background-color: light.rgba-to-hex(rgba(light.$black, 0.08), light.$card-bg); + svg { + fill: light.$body-color; + stroke: light.$body-color; + } + } + // Dimensions + .flatpickr-calendar, + .flatpickr-days { + width: calc(#{$flatpickr-width} + calc(#{light.$dropdown-border-width} * 2px)) !important; + } + .flatpickr-calendar { + background-color: light.$card-bg; + border-radius: light.$border-radius !important; + } + + @include app-ltr-style { + .flatpickr-calendar.hasWeeks { + width: calc( + #{$flatpickr-width + $flatpickr-cell-size} + calc(#{light.$dropdown-border-width} * 3px) + 0.35rem + ) !important; + } + } + @include app-rtl-style { + .flatpickr-calendar.hasWeeks { + width: calc( + #{$flatpickr-width + $flatpickr-cell-size} + calc(#{light.$dropdown-border-width} * 3px) + 1rem + ) !important; + } + } + + .flatpickr-calendar.open { + z-index: light.$zindex-popover; + } + //! Flatpickr provide default input as readonly, applying default input style to readonly + .flatpickr-input[readonly], + .flatpickr-input ~ .form-control[readonly] { + background: #{light.$input-bg}; + } + + .flatpickr-days { + background: #{light.$dropdown-bg}; + padding: $flatpickr-content-padding-y $flatpickr-content-padding-x $flatpickr-content-padding-x; + border: light.$dropdown-border-width solid opacify(light.$dropdown-border-color, 0.05); + border-top: 0; + background-clip: padding-box; + + @include light.border-bottom-radius(light.$border-radius); + } + + @include app-ltr-style { + .flatpickr-calendar.hasWeeks .flatpickr-days { + border-left: 0; + padding-left: calc(#{$flatpickr-content-padding-x} + #{light.$dropdown-border-width}px); + box-shadow: light.$dropdown-border-width 0 0 opacify(light.$dropdown-border-color, 0.05) inset; + } + } + + @include app-rtl-style { + .flatpickr-calendar.hasWeeks .flatpickr-days { + border-right: 0; + padding-right: calc(#{$flatpickr-content-padding-x} + #{light.$dropdown-border-width}px); + box-shadow: -(light.$dropdown-border-width) 0 0 opacify(light.$dropdown-border-color, 0.05) inset; + } + } + + .flatpickr-calendar { + line-height: light.$line-height-base; + font-size: light.$font-size-base; + box-shadow: light.$card-box-shadow; + + @include light.border-radius(light.$border-radius); + + &.hasTime:not(.noCalendar):not(.hasTime) .flatpickr-time { + display: none !important; + } + + &.hasTime .flatpickr-time { + box-shadow: 0 1px 0 light.$border-color inset; + } + } + .flatpickr-monthDropdown-months { + color: light.$headings-color; + } + .flatpickr-current-month { + font-size: light.$big-font-size; + color: light.$headings-color; + .cur-month, + .cur-year { + font-size: light.$font-size-base; + font-weight: 400; + color: light.$headings-color; + } + } + + .flatpickr-month, + span.flatpickr-weekday, + .flatpickr-weekdays { + background: light.$dropdown-bg; + } + .flatpickr-month { + @include light.border-top-radius(light.$border-radius); + // ! FIX: OS Windows and Linux Browsers DD Option color + option.flatpickr-monthDropdown-month { + color: light.$body-color; + background: #{light.$input-bg}; + } + } + + span.flatpickr-weekday { + color: light.$headings-color; + font-size: light.$font-size-sm; + } + + .flatpickr-day { + color: light.$headings-color; + @include light.border-radius(light.$border-radius-pill); + + &:hover, + &:focus, + &.prevMonthDay:hover, + &.nextMonthDay:hover, + &.today:hover, + &.prevMonthDay:focus, + &.nextMonthDay:focus, + &.today:focus { + color: light.$body-color; + background: light.rgba-to-hex(rgba(light.$black, 0.06), light.$rgba-to-hex-bg); + &:not(.today) { + border-color: transparent; + } + } + + &.prevMonthDay, + &.nextMonthDay, + &.flatpickr-disabled { + color: light.$text-muted !important; + + &.today { + border: none; + } + } + + &.disabled { + color: light.$text-muted !important; + } + + &.selected.startRange.endRange { + border-radius: light.$border-radius-pill !important; + } + } + + .flatpickr-weeks { + border-bottom: light.$dropdown-border-width solid opacify(light.$dropdown-border-color, 0.05); + border-left: light.$dropdown-border-width solid opacify(light.$dropdown-border-color, 0.05); + background: light.$card-bg; + + @include light.border-bottom-radius(light.$border-radius); + border-bottom-right-radius: 0; + .flatpickr-day { + color: light.$headings-color; + } + } + + @include app-rtl-style { + .flatpickr-weeks { + border-right: light.$dropdown-border-width solid opacify(light.$dropdown-border-color, 0.05); + border-left: 0; + + @include light.border-bottom-radius(light.$border-radius); + border-bottom-left-radius: 0; + } + } + + .flatpickr-time { + border: light.$dropdown-border-width solid opacify(light.$dropdown-border-color, 0.05); + background: #{light.$dropdown-bg}; + + @include light.border-radius(light.$border-radius); + + input { + color: light.$body-color; + font-size: light.$font-size-base; + + &.flatpickr-hour { + font-weight: light.$font-weight-medium; + } + + &.flatpickr-minute, + &.flatpickr-second { + font-weight: light.$font-weight-medium; + } + } + + .numInputWrapper span { + &.arrowUp:after { + border-bottom-color: light.$text-muted; + } + + &.arrowDown:after { + border-top-color: light.$text-muted; + } + } + + .flatpickr-am-pm { + color: light.$body-color; + } + + .flatpickr-time-separator { + color: light.$body-color; + font-weight: light.$font-weight-medium; + } + } + } +} + +// Dark layout +@if $enable-dark-style { + .dark-style { + .flatpickr-calendar { + background: dark.$dropdown-bg; + } + .flatpickr-prev-month, + .flatpickr-next-month { + background-color: dark.rgba-to-hex(rgba(dark.$base, 0.08), dark.$card-bg); + svg { + fill: dark.$body-color; + stroke: dark.$body-color; + } + } + .flatpickr-calendar, + .flatpickr-days { + width: calc(#{$flatpickr-width} + calc(#{dark.$dropdown-border-width} * 2px)) !important; + } + @include app-ltr-style { + .flatpickr-calendar.hasWeeks { + width: calc( + #{$flatpickr-width + $flatpickr-cell-size} + calc(#{dark.$dropdown-border-width} * 3px) + 0.355rem + ) !important; + } + } + @include app-rtl-style { + .flatpickr-calendar.hasWeeks { + width: calc( + #{$flatpickr-width + $flatpickr-cell-size} + calc(#{dark.$dropdown-border-width} * 3px) + 1rem + ) !important; + } + } + .flatpickr-calendar.open { + z-index: light.$zindex-popover; + } + + //! Flatpickr provide default input as readonly, applying default input style to readonly + .flatpickr-input:not(.is-invalid):not(.is-valid) ~ .form-control:disabled, + .flatpickr-input:not(.is-invalid):not(.is-valid)[readonly], + .flatpickr-input:not(.is-invalid):not(.is-valid) ~ .form-control[readonly] { + background-color: #{dark.$input-bg}; + } + + .flatpickr-days { + border: dark.$dropdown-border-width solid opacify(dark.$dropdown-border-color, 0.05); + border-top: 0; + padding: $flatpickr-content-padding-y $flatpickr-content-padding-x; + padding-bottom: $flatpickr-content-padding-x; + background: #{dark.$dropdown-bg}; + background-clip: padding-box; + + @include dark.border-bottom-radius(dark.$border-radius); + } + + @include app-ltr-style { + .flatpickr-calendar.hasWeeks .flatpickr-days { + border-left: 0; + padding-left: calc(#{$flatpickr-content-padding-x} + #{dark.$dropdown-border-width}px); + box-shadow: dark.$dropdown-border-width 0 0 opacify(dark.$dropdown-border-color, 0.05) inset; + } + } + + @include app-rtl-style { + .flatpickr-calendar.hasWeeks .flatpickr-days { + border-right: 0; + padding-right: calc(#{$flatpickr-content-padding-x} + #{dark.$dropdown-border-width}px); + box-shadow: -(dark.$dropdown-border-width) 0 0 opacify(dark.$dropdown-border-color, 0.05) inset; + } + } + .flatpickr-calendar { + line-height: dark.$line-height-base; + font-size: dark.$font-size-base; + box-shadow: dark.$card-box-shadow; + background-color: dark.$card-bg; + + @include dark.border-radius(dark.$border-radius-lg); + + &.hasTime:not(.noCalendar):not(.hasTime) .flatpickr-time { + display: none !important; + } + + &.hasTime .flatpickr-time { + box-shadow: 0 1px 0 dark.$border-color inset; + } + } + + .flatpickr-month, + span.flatpickr-weekday, + .flatpickr-weekdays { + background: dark.$dropdown-bg; + } + + .flatpickr-month { + @include dark.border-top-radius(dark.$border-radius); + // ! FIX: OS Windows and Linux Browsers DD Option color + option.flatpickr-monthDropdown-month { + color: dark.$body-color; + background: #{dark.$card-bg}; + } + } + + .flatpickr-monthDropdown-months { + color: dark.$headings-color; + } + .flatpickr-current-month { + font-size: dark.$big-font-size; + color: dark.$headings-color; + .cur-month, + .cur-year { + font-size: dark.$font-size-base; + font-weight: 400; + color: dark.$headings-color; + } + } + + span.flatpickr-weekday { + font-size: dark.$font-size-sm; + color: dark.$headings-color; + } + + .flatpickr-day { + color: dark.$headings-color; + font-weight: dark.$font-weight-medium; + @include dark.border-radius(dark.$border-radius-pill); + + &:hover, + &:focus, + &.nextMonthDay:hover, + &.prevMonthDay:hover, + &.today:hover, + &.nextMonthDay:focus, + &.prevMonthDay:focus, + &.today:focus { + border-color: transparent; + background: dark.rgba-to-hex(rgba(dark.$base, 0.08), dark.$card-bg); + } + + &.nextMonthDay, + &.prevMonthDay, + &.flatpickr-disabled { + color: dark.$text-muted !important; + + &.today { + border: 0; + } + } + + &.selected.startRange.endRange { + border-radius: dark.$border-radius-pill !important; + } + + &.disabled { + color: dark.$text-muted !important; + } + &.selected { + box-shadow: dark.$box-shadow-sm; + } + } + + .flatpickr-weeks { + border-bottom: dark.$dropdown-border-width solid opacify(dark.$dropdown-border-color, 0.05); + border-left: dark.$dropdown-border-width solid opacify(dark.$dropdown-border-color, 0.05); + background: dark.$dropdown-bg; + + @include dark.border-bottom-radius(dark.$border-radius); + border-bottom-right-radius: 0; + .flatpickr-day { + color: dark.$headings-color; + } + } + + @include app-rtl-style { + .flatpickr-weeks { + border-right: dark.$dropdown-border-width solid opacify(dark.$dropdown-border-color, 0.05); + border-left: 0; + } + } + + .flatpickr-time { + border: dark.$dropdown-border-width solid opacify(dark.$dropdown-border-color, 0.05); + background: #{dark.$dropdown-bg}; + + @include dark.border-radius(dark.$border-radius); + + input { + color: dark.$body-color; + + &.flatpickr-hour { + font-weight: dark.$font-weight-medium; + } + + &.flatpickr-minute, + &.flatpickr-second { + font-weight: dark.$font-weight-medium; + } + } + + .numInputWrapper span { + &.arrowUp:after { + border-bottom-color: dark.$text-muted; + } + + &.arrowDown:after { + border-top-color: dark.$text-muted; + } + } + + .flatpickr-am-pm { + color: dark.$body-color; + } + + .flatpickr-time-separator { + color: dark.$body-color; + font-weight: dark.$font-weight-medium; + } + } + } +} diff --git a/resources/assets/vendor/libs/fullcalendar/_mixins.scss b/resources/assets/vendor/libs/fullcalendar/_mixins.scss new file mode 100644 index 0000000..4c40892 --- /dev/null +++ b/resources/assets/vendor/libs/fullcalendar/_mixins.scss @@ -0,0 +1,23 @@ +@mixin fullcalendar-theme($background, $color) { + .fc { + // FC event + @include bg-label-variant('.fc-event-primary:not(.fc-list-event)', $background); + // FC list event + .fc-event-primary.fc-list-event { + .fc-list-event-dot { + border-color: $background !important; + } + } + + .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) { + background-color: rgba($background, 0.16) !important; + border: 0; + color: $background; + &.fc-button-active, + &:hover { + background-color: rgba($background, 0.24) !important; + color: $background; + } + } + } +} diff --git a/resources/assets/vendor/libs/fullcalendar/fullcalendar.js b/resources/assets/vendor/libs/fullcalendar/fullcalendar.js new file mode 100644 index 0000000..64caa33 --- /dev/null +++ b/resources/assets/vendor/libs/fullcalendar/fullcalendar.js @@ -0,0 +1,22 @@ +import { Calendar } from '@fullcalendar/core'; +import dayGridPlugin from '@fullcalendar/daygrid'; +import interactionPlugin from '@fullcalendar/interaction'; +import listPlugin from '@fullcalendar/list'; +import timegridPlugin from '@fullcalendar/timegrid'; + +const calendarPlugins = { + dayGrid: dayGridPlugin, + interaction: interactionPlugin, + list: listPlugin, + timeGrid: timegridPlugin +}; + +try { + window.Calendar = Calendar; + window.dayGridPlugin = dayGridPlugin; + window.interactionPlugin = interactionPlugin; + window.listPlugin = listPlugin; + window.timegridPlugin = timegridPlugin; +} catch (e) {} + +export { Calendar, dayGridPlugin, interactionPlugin, listPlugin, timegridPlugin }; diff --git a/resources/assets/vendor/libs/fullcalendar/fullcalendar.scss b/resources/assets/vendor/libs/fullcalendar/fullcalendar.scss new file mode 100644 index 0000000..3224c44 --- /dev/null +++ b/resources/assets/vendor/libs/fullcalendar/fullcalendar.scss @@ -0,0 +1,535 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; +@import 'mixins'; + +$fullcalendar-event-padding-y: 0.25rem !default; +$fullcalendar-event-padding-x: 0.75rem !default; +$fullcalendar-event-margin-top: 0.625rem !default; +$fullcalendar-event-font-size: light.$font-size-base !default; +$fullcalendar-event-font-weight: light.$font-weight-medium !default; +$fullcalendar-toolbar-btn-padding: light.$input-btn-padding-y - 0.115 light.$input-btn-padding-x !default; +$fullcalendar-fc-popover-z-index: 1090 !default; +$fullcalendar-event-border-radius: light.$border-radius-sm !default; +$fullcalendar-today-background-light: light.rgba-to-hex(light.$gray-50, light.$rgba-to-hex-bg) !default; +$fullcalendar-today-background-dark: dark.rgba-to-hex(dark.$gray-50, dark.$rgba-to-hex-bg) !default; + +// Calendar +.fc { + .fc-scrollgrid-section { + height: 0px; + } + a[data-navlink]:hover { + text-decoration: none; + } + .fc-timegrid-slot { + height: 4em !important; + } + .fc-timeGridWeek-view { + .fc-timegrid-slot-minor { + border-top-style: none; + } + } + .fc-timeGridDay-view { + .fc-timegrid-slot-minor { + border-top-style: solid; + } + } + + .fc-col-header-cell-cushion { + padding-top: 8.7px !important; + padding-bottom: 8.7px !important; + } + .fc-toolbar { + flex-wrap: wrap; + .fc-prev-button, + .fc-next-button { + display: inline-block; + background-color: transparent; + border-color: transparent; + + &:hover, + &:active, + &:focus { + background-color: transparent !important; + border-color: transparent !important; + box-shadow: none !important; + } + } + .fc-button { + border-radius: light.$border-radius; + &:not(.fc-next-button):not(.fc-prev-button) { + padding: $fullcalendar-toolbar-btn-padding; + &:active, + &:focus { + box-shadow: none !important ; + } + } + } + > * > :not(:first-child) { + margin-left: 0 !important; + @include app-rtl(true) { + margin-right: 0 !important; + } + } + + .fc-toolbar-chunk { + display: flex; + align-items: center; + } + + .fc-button-group { + .fc-button { + text-transform: capitalize; + } + + & + div { + display: flex; + align-items: center; + flex-wrap: wrap; + } + } + .fc--button:empty, + .fc-toolbar-chunk:empty { + display: none; + } + .fc-sidebarToggle-button + div { + margin-left: 0; + } + } + table.fc-scrollgrid { + .fc-col-header { + .fc-col-header-cell { + border-left: none; + } + } + } + .fc-view-harness { + min-height: 650px; + .fc-col-header-cell-cushion { + padding-bottom: 3px; + padding-top: 3px; + } + + // To remove border on weekday row + .fc-scrollgrid-section-header > * { + @include app-ltr(true) { + border-inline-end-width: 0px; + } + @include app-rtl(true) { + border-inline-start-width: 0px; + } + } + + .fc-timegrid-event .fc-event-time { + font-size: 0.6875rem; + } + + .fc-v-event .fc-event-title { + font-size: $fullcalendar-event-font-size; + padding-top: 0.2rem; + font-weight: $fullcalendar-event-font-weight; + } + + .fc-timegrid-event .fc-event-main { + padding: $fullcalendar-event-padding-y $fullcalendar-event-padding-x 0; + } + } + + .fc-daygrid-day-events { + .fc-event, + .fc-more-link { + margin-inline: 0.5rem !important; + } + } + + // To fix firefox thead border issue + .fc-day-today { + background-clip: padding-box; + } + + //! Fix: white color issue of event text + .fc-h-event .fc-event-main, + .fc-v-event .fc-event-main { + color: inherit !important; + } + + .fc-daygrid-block-event .fc-event-time, + .fc-daygrid-dot-event .fc-event-title { + font-weight: $fullcalendar-event-font-weight; + } + + .fc-daygrid-body-natural { + .fc-daygrid-day-events { + margin-top: 0.94rem !important; + margin-bottom: 0.94rem !important; + } + } + + .fc-view-harness { + margin: 0 -1.5rem; + .fc-daygrid-body { + .fc-daygrid-day { + .fc-daygrid-day-top { + flex-direction: row; + .fc-daygrid-day-number { + float: left; + padding: 0.5rem; + } + } + .fc-daygrid-day-bottom .fc-daygrid-more-link { + margin-top: 0.625rem; + } + } + } + .fc-event { + font-size: $fullcalendar-event-font-size; + font-weight: $fullcalendar-event-font-weight; + padding: $fullcalendar-event-padding-y $fullcalendar-event-padding-x; + border-radius: $fullcalendar-event-border-radius; + border: 0; + .fc-event-title { + font-weight: light.$font-weight-medium; + } + } + .fc-daygrid-event-harness { + // ! week & day events are using this style for all day only, not for other events + .fc-event { + &.private-event { + background-color: transparent !important; + border-color: transparent !important; + } + } + } + .fc-event .fc-daygrid-event-dot { + display: none; + } + } + .fc-daygrid-event-harness + .fc-daygrid-event-harness .fc-daygrid-event { + margin-top: $fullcalendar-event-margin-top !important; + } + .fc-timegrid { + .fc-timegrid-divider { + display: none; + } + .fc-timegrid-event { + border-radius: 0px; + box-shadow: none; + padding-top: $fullcalendar-event-padding-x; + .fc-event-time { + font-size: inherit; + } + } + } + .fc-daygrid-event-harness-abs .fc-event { + margin-bottom: 0.625rem; + } + .fc-timegrid-slot-label-frame { + text-align: center; + } + .fc-timegrid-axis-cushion, + .fc-timegrid-slot-label-cushion { + font-size: light.$font-size-sm; + } + .fc-timegrid-axis-cushion { + text-transform: capitalize; + padding: 0.5rem 0.4375rem; + } + .fc-timegrid-slot-label-cushion { + text-transform: uppercase; + padding: $fullcalendar-event-padding-x !important; + } + .fc-list-day-cushion, + .fc-list-table td { + padding-inline: 1rem; + } + .fc-popover { + z-index: $fullcalendar-fc-popover-z-index !important; + .fc-popover-header { + padding: 0.566rem; + } + } + .fc-list { + .fc-list-table { + border-bottom: 1px solid; + } + } + &.fc-theme-standard { + .fc-list { + border: none; + } + } + .fc-day-other { + .fc-daygrid-day-top { + opacity: 1; + } + } +} + +// Light style +@if $enable-light-style { + .light-style { + .fc { + .fc-toolbar { + .fc-prev-button, + .fc-next-button { + .fc-icon { + color: light.$headings-color; + } + } + } + .fc-col-header-cell-cushion { + color: light.$headings-color; + } + &.fc-theme-standard .fc-list-day-cushion { + background-color: $fullcalendar-today-background-light !important; + } + table.fc-scrollgrid { + border-color: light.$border-color; + .fc-col-header { + tbody { + border: none; + } + .fc-col-header-cell { + border-color: light.$border-color; + } + } + td { + border-color: light.$border-color; + } + } + .fc-timegrid-axis-cushion { + color: light.$text-muted; + } + .fc-timegrid-slot-label-cushion { + color: light.$headings-color; + } + .private-event { + .fc-event-time, + .fc-event-title { + color: light.$danger; + } + } + .fc-day-today:not(.fc-col-header-cell) { + background-color: $fullcalendar-today-background-light !important; + .fc-popover-body { + background-color: light.$card-bg !important; + } + } + + .fc-popover { + .fc-popover-header { + background: light.$body-bg; + } + } + .fc-list { + .fc-list-table { + th { + border: 0; + background: light.$body-bg; + } + .fc-list-event { + cursor: pointer; + &:hover { + td { + background-color: light.$gray-25; + } + } + td { + border-color: light.$border-color; + color: light.$body-color; + } + } + .fc-list-day { + th { + color: light.$headings-color; + } + } + tbody > tr:first-child th { + border-top: 1px solid light.$border-color; + } + } + .fc-list-empty { + background-color: light.$body-bg; + } + } + + // Border color + table, + tbody, + thead, + tbody td { + border-color: light.$border-color; + } + .fc-day-other { + .fc-daygrid-day-top { + color: light.$text-muted; + } + } + } + + // ? Style event here + @each $color, $value in light.$theme-colors { + // FC event + @include light.bg-label-variant('.fc-event-#{$color}:not(.fc-list-event)', $value); + + // FC list event + .fc-event-#{$color}.fc-list-event { + .fc-list-event-dot { + border-color: $value !important; + } + } + } + } +} + +// Dark Style +@if $enable-dark-style { + .dark-style { + .fc { + .fc-toolbar { + .fc-prev-button, + .fc-next-button { + .fc-icon { + color: dark.$headings-color; + } + } + .fc-sidebarToggle-button { + color: dark.$white; + } + } + .fc-col-header-cell-cushion { + color: dark.$headings-color; + } + &.fc-theme-standard .fc-list-day-cushion { + background-color: $fullcalendar-today-background-dark !important; + } + .fc-timegrid-axis-cushion { + color: dark.$text-muted; + } + .fc-timegrid-slot-label-cushion { + color: dark.$headings-color; + } + + table.fc-scrollgrid { + border-color: dark.$border-color; + .fc-col-header { + tbody { + border: none; + } + .fc-col-header-cell { + border-color: dark.$border-color; + } + } + td { + border-color: dark.$border-color; + } + } + .private-event { + .fc-event-time, + .fc-event-title { + color: dark.$danger; + } + } + + .fc-day-today:not(.fc-col-header-cell) { + background-color: $fullcalendar-today-background-dark !important; + .fc-popover-body { + background-color: dark.$card-bg !important; + } + } + .fc-divider { + background: dark.$border-color; + border-color: dark.$border-color; + } + .fc-popover { + background-color: dark.$body-bg; + border: 0; + + .fc-popover-header { + background-color: dark.$light; + } + } + + .fc-list { + .fc-list-table { + th { + border: 0; + background: dark.$body-bg; + } + .fc-list-event { + cursor: pointer; + &:hover { + td { + background-color: dark.$gray-50; + } + } + td { + border-color: dark.$border-color; + color: dark.$body-color; + } + } + .fc-list-day { + th { + color: dark.$headings-color; + } + } + tbody > tr:first-child th { + border-top: 1px solid dark.$border-color; + } + } + .fc-list-empty { + background-color: dark.$body-bg; + } + } + table, + .fc-timegrid-axis, + tbody, + thead, + tbody td { + border-color: dark.$border-color; + } + + // FC day + .fc-timegrid-axis-cushion.fc-scrollgrid-shrink-cushion { + color: dark.$text-muted; + } + + // FC table list disabled bg + .fc-day-disabled { + background-color: rgba(dark.$base, 0.16); + } + .fc-day-other { + .fc-daygrid-day-top { + color: dark.$text-muted; + } + } + } + // ? Style event here + @each $color, $value in dark.$theme-colors { + // FC event + @include dark.bg-label-variant('.fc-event-#{$color}:not(.fc-list-event)', $value); + .fc-event-#{$color}:not(.fc-list-event) { + box-shadow: none; + } + + // FC list event + .fc-event-#{$color}.fc-list-event { + .fc-list-event-dot { + border-color: $value !important; + } + } + } + } +} + +// Media Queries +@include light.media-breakpoint-down(sm) { + .fc { + .fc-header-toolbar { + .fc-toolbar-chunk + .fc-toolbar-chunk { + margin-top: 1rem; + } + } + } +} diff --git a/resources/assets/vendor/libs/hammer/hammer.js b/resources/assets/vendor/libs/hammer/hammer.js new file mode 100644 index 0000000..b358dd4 --- /dev/null +++ b/resources/assets/vendor/libs/hammer/hammer.js @@ -0,0 +1 @@ +import 'hammerjs/hammer.js'; diff --git a/resources/assets/vendor/libs/jquery-timepicker/_mixins.scss b/resources/assets/vendor/libs/jquery-timepicker/_mixins.scss new file mode 100644 index 0000000..19d71bb --- /dev/null +++ b/resources/assets/vendor/libs/jquery-timepicker/_mixins.scss @@ -0,0 +1,11 @@ +@import '../../scss/_bootstrap-extended/_functions'; + +@mixin timepicker-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + li.ui-timepicker-selected, + .ui-timepicker-list .ui-timepicker-selected:hover { + color: $color !important; + background: $background !important; + } +} diff --git a/resources/assets/vendor/libs/jquery-timepicker/jquery-timepicker.js b/resources/assets/vendor/libs/jquery-timepicker/jquery-timepicker.js new file mode 100644 index 0000000..3b42569 --- /dev/null +++ b/resources/assets/vendor/libs/jquery-timepicker/jquery-timepicker.js @@ -0,0 +1 @@ +import 'timepicker/jquery.timepicker'; diff --git a/resources/assets/vendor/libs/jquery-timepicker/jquery-timepicker.scss b/resources/assets/vendor/libs/jquery-timepicker/jquery-timepicker.scss new file mode 100644 index 0000000..5b8e917 --- /dev/null +++ b/resources/assets/vendor/libs/jquery-timepicker/jquery-timepicker.scss @@ -0,0 +1,116 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; + +.ui-timepicker-wrapper { + max-height: 10rem; + overflow-y: auto; + margin: 0.125rem 0; + background: light.$white; + background-clip: padding-box; + outline: none; +} + +.ui-timepicker-list { + list-style: none; + padding: 0.125rem 0; + margin: 0; +} + +.ui-timepicker-duration { + margin-left: 0.25rem; + + @include app-rtl { + margin-left: 0; + margin-right: 0.25rem; + } +} + +.ui-timepicker-list li { + padding: 0.25rem 0.75rem; + margin: 0.125rem 0.875rem; + white-space: nowrap; + cursor: pointer; + list-style: none; + border-radius: light.$dropdown-border-radius; + + &.ui-timepicker-disabled, + &.ui-timepicker-selected.ui-timepicker-disabled { + background: light.$white !important; + cursor: default !important; + } +} + +@if $enable-light-style { + .light-style { + .ui-timepicker-wrapper { + padding: light.$dropdown-padding-y; + z-index: light.$zindex-popover; + background: light.$dropdown-bg; + box-shadow: light.$card-box-shadow; + border: light.$dropdown-border-width solid light.$dropdown-border-color; + + @include light.border-radius(light.$border-radius); + } + + .ui-timepicker-list li { + color: light.$dropdown-link-color; + + &:hover { + background: light.$dropdown-link-hover-bg; + } + &:not(.ui-timepicker-selected) { + .ui-timepicker-duration { + color: light.$text-muted; + + .ui-timepicker-list:hover & { + color: light.$text-muted; + } + } + } + } + + .ui-timepicker-list li.ui-timepicker-disabled, + .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { + background: light.$dropdown-bg !important; + color: light.$dropdown-link-disabled-color !important; + } + } +} + +@if $enable-dark-style { + .dark-style { + .ui-timepicker-wrapper { + border: dark.$dropdown-border-width solid dark.$dropdown-border-color; + padding: dark.$dropdown-padding-y 0; + z-index: dark.$zindex-popover; + background: dark.$dropdown-bg; + box-shadow: dark.$card-box-shadow; + + @include dark.border-radius(dark.$border-radius); + } + + .ui-timepicker-list li { + color: dark.$dropdown-link-color; + + &:hover { + background: dark.$dropdown-link-hover-bg; + } + &:not(.ui-timepicker-selected) { + .ui-timepicker-duration { + color: dark.$text-muted; + + .ui-timepicker-list:hover & { + color: dark.$text-muted; + } + } + } + } + + .ui-timepicker-list li.ui-timepicker-disabled, + .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { + color: dark.$dropdown-link-disabled-color !important; + background: dark.$dropdown-bg !important; + } + } +} diff --git a/resources/assets/vendor/libs/jquery/jquery.js b/resources/assets/vendor/libs/jquery/jquery.js new file mode 100644 index 0000000..2df0597 --- /dev/null +++ b/resources/assets/vendor/libs/jquery/jquery.js @@ -0,0 +1,8 @@ +import jQuery from 'jquery/dist/jquery'; + +const $ = jQuery; +try { + window.jQuery = window.$ = jQuery; +} catch (e) {} + +export { jQuery, $ }; diff --git a/resources/assets/vendor/libs/leaflet/images/layers-2x.png b/resources/assets/vendor/libs/leaflet/images/layers-2x.png new file mode 100644 index 0000000..200c333 Binary files /dev/null and b/resources/assets/vendor/libs/leaflet/images/layers-2x.png differ diff --git a/resources/assets/vendor/libs/leaflet/images/layers.png b/resources/assets/vendor/libs/leaflet/images/layers.png new file mode 100644 index 0000000..1a72e57 Binary files /dev/null and b/resources/assets/vendor/libs/leaflet/images/layers.png differ diff --git a/resources/assets/vendor/libs/leaflet/images/marker-icon-2x.png b/resources/assets/vendor/libs/leaflet/images/marker-icon-2x.png new file mode 100644 index 0000000..88f9e50 Binary files /dev/null and b/resources/assets/vendor/libs/leaflet/images/marker-icon-2x.png differ diff --git a/resources/assets/vendor/libs/leaflet/images/marker-icon.png b/resources/assets/vendor/libs/leaflet/images/marker-icon.png new file mode 100644 index 0000000..950edf2 Binary files /dev/null and b/resources/assets/vendor/libs/leaflet/images/marker-icon.png differ diff --git a/resources/assets/vendor/libs/leaflet/images/marker-shadow.png b/resources/assets/vendor/libs/leaflet/images/marker-shadow.png new file mode 100644 index 0000000..9fd2979 Binary files /dev/null and b/resources/assets/vendor/libs/leaflet/images/marker-shadow.png differ diff --git a/resources/assets/vendor/libs/leaflet/leaflet.js b/resources/assets/vendor/libs/leaflet/leaflet.js new file mode 100644 index 0000000..6d76387 --- /dev/null +++ b/resources/assets/vendor/libs/leaflet/leaflet.js @@ -0,0 +1,19 @@ +import leaFlet from 'leaflet'; + +import markerIcon2x from 'leaflet/dist/images/marker-icon-2x.png'; +import markerIcon from 'leaflet/dist/images/marker-icon.png'; +import markerShadow from 'leaflet/dist/images/marker-shadow.png'; + +delete leaFlet.Icon.Default.prototype._getIconUrl; + +leaFlet.Icon.Default.mergeOptions({ + iconRetinaUrl: markerIcon2x, + iconUrl: markerIcon, + shadowUrl: markerShadow +}); + +try { + window.leaFlet = leaFlet; +} catch (e) {} + +export { leaFlet }; diff --git a/resources/assets/vendor/libs/leaflet/leaflet.scss b/resources/assets/vendor/libs/leaflet/leaflet.scss new file mode 100644 index 0000000..a8ee3e3 --- /dev/null +++ b/resources/assets/vendor/libs/leaflet/leaflet.scss @@ -0,0 +1,46 @@ +@import '../../scss/_bootstrap-extended/include'; +@import '../../scss/_custom-variables/libs'; +@import 'leaflet/dist/leaflet'; + +.leaflet-map { + height: 400px; +} + +.leaflet-pane { + z-index: 1; +} + +// RTL + +@include app-rtl(false) { + .leaflet-map { + .leaflet-control-container { + .leaflet-left { + right: 0; + left: unset; + .leaflet-control-zoom, + .leaflet-control-layers { + margin-left: 0; + margin-right: 10px; + } + } + .leaflet-right { + left: 0; + right: unset; + .leaflet-control-zoom, + .leaflet-control-layers { + margin-left: 10px; + margin-right: 0px; + } + } + } + } +} + +//Map tooltip border radius + +.leaflet-popup { + .leaflet-popup-content-wrapper { + border-radius: $border-radius; + } +} diff --git a/resources/assets/vendor/libs/moment/moment.js b/resources/assets/vendor/libs/moment/moment.js new file mode 100644 index 0000000..7ab3937 --- /dev/null +++ b/resources/assets/vendor/libs/moment/moment.js @@ -0,0 +1,7 @@ +import moment from 'moment/moment'; + +try { + window.moment = moment; +} catch (e) {} + +export { moment }; diff --git a/resources/assets/vendor/libs/node-waves/node-waves.js b/resources/assets/vendor/libs/node-waves/node-waves.js new file mode 100644 index 0000000..4fcc263 --- /dev/null +++ b/resources/assets/vendor/libs/node-waves/node-waves.js @@ -0,0 +1,3 @@ +import nodeWaves from 'node-waves/src/js/waves'; + +window.Waves = nodeWaves; diff --git a/resources/assets/vendor/libs/node-waves/node-waves.scss b/resources/assets/vendor/libs/node-waves/node-waves.scss new file mode 100644 index 0000000..ba09b71 --- /dev/null +++ b/resources/assets/vendor/libs/node-waves/node-waves.scss @@ -0,0 +1,4 @@ +// Waves +// ******************************************************************************* + +@import 'node-waves/src/scss/waves'; diff --git a/resources/assets/vendor/libs/nouislider/_mixins.scss b/resources/assets/vendor/libs/nouislider/_mixins.scss new file mode 100644 index 0000000..db7d2cf --- /dev/null +++ b/resources/assets/vendor/libs/nouislider/_mixins.scss @@ -0,0 +1,26 @@ +@mixin nouislider-variant($parent, $background) { + #{$parent}.noUi-target { + // If slider is not disabled + &:not([disabled]) { + background: rgba($background, 0.16); + .noUi-connect { + background: $background; + } + + .noUi-handle { + border-color: $background; + &:hover { + box-shadow: 0 0 0 8px rgba($background, 0.16); + } + &:active, + &:focus { + box-shadow: 0 0 0 13px rgba($background, 0.16); + } + } + } + } +} + +@mixin nouislider-theme($background) { + @include nouislider-variant('', $background); +} diff --git a/resources/assets/vendor/libs/nouislider/nouislider.js b/resources/assets/vendor/libs/nouislider/nouislider.js new file mode 100644 index 0000000..73b3a45 --- /dev/null +++ b/resources/assets/vendor/libs/nouislider/nouislider.js @@ -0,0 +1,7 @@ +import noUiSlider from 'nouislider'; + +try { + window.noUiSlider = noUiSlider; +} catch (e) {} + +export { noUiSlider }; diff --git a/resources/assets/vendor/libs/nouislider/nouislider.scss b/resources/assets/vendor/libs/nouislider/nouislider.scss new file mode 100644 index 0000000..99588ce --- /dev/null +++ b/resources/assets/vendor/libs/nouislider/nouislider.scss @@ -0,0 +1,398 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import 'nouislider/dist/nouislider'; +@import '../../scss/_custom-variables/libs'; +@import 'mixins'; + +$noUiSlider-handle-color: #fff !default; +$noUiSlider-handle-width: 1.375rem !default; +$noUiSlider-handle-height: 1.375rem !default; +$noUiSlider-bar-height: 0.375rem !default; +$noUiSlider-vertical-height: 13.125rem !default; +$noUiSlider-tick-size: 0.5rem !default; +$noUiSlider-tick-label-font-size: light.$font-size-sm !default; + +.noUi-target { + direction: ltr !important; + position: relative; + border-width: 0; + box-shadow: none; +} + +.noUi-target, +.noUi-target * { + touch-action: none; + user-select: none; + box-sizing: border-box; +} + +.noUi-connects { + height: $noUiSlider-bar-height; + border-radius: light.$border-radius-pill; +} + +.noUi-base, +.noUi-connects { + z-index: 1; + position: relative; + height: 100%; + width: 100%; +} + +.noUi-horizontal .noUi-origin { + height: 0; + + @include app-ltr { + left: auto; + right: 0; + } +} + +.noUi-vertical .noUi-origin { + width: 0; +} + +.noUi-handle { + backface-visibility: hidden; + outline: none !important; + position: absolute; + box-shadow: none; + border: none; + transition: all 0.2s; + border: 4px solid; + background: #fff; + &:before, + &:after { + display: none; + } +} + +.noUi-touch-area { + height: 100%; + width: 100%; +} + +.noUi-state-tap .noUi-connect, +.noUi-state-tap .noUi-origin { + transition: + top 0.3s, + right 0.3s, + bottom 0.3s, + left 0.3s; +} + +.noUi-state-drag * { + cursor: inherit !important; +} + +// Slider size and handle placement + +.noUi-horizontal { + height: $noUiSlider-bar-height; + margin-bottom: 3rem; + margin-top: 1.5rem; +} + +.noUi-horizontal .noUi-handle { + left: -($noUiSlider-handle-width * 0.5); + width: $noUiSlider-handle-width; + height: $noUiSlider-handle-height; + top: ($noUiSlider-bar-height - $noUiSlider-handle-height) * 0.5; + + @include app-ltr { + right: -($noUiSlider-handle-width * 0.5); + left: auto; + } +} + +.noUi-vertical { + width: $noUiSlider-bar-height; +} + +.noUi-vertical .noUi-handle { + bottom: -($noUiSlider-handle-height); + width: $noUiSlider-handle-height; + height: $noUiSlider-handle-width; + right: ($noUiSlider-bar-height - $noUiSlider-handle-height) * 0.5; +} + +// Styling +.noUi-target { + border-radius: 10rem; +} + +// Handles and cursors +.noUi-draggable { + cursor: ew-resize; +} + +.noUi-vertical .noUi-draggable { + cursor: ns-resize; +} + +.noUi-handle { + border-radius: 10rem; + background: $noUiSlider-handle-color; + cursor: pointer; +} + +// Disabled state +.noUi-target[disabled] { + opacity: 0.45; +} + +[disabled] .noUi-handle { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +[disabled].noUi-target, +[disabled].noUi-handle, +[disabled] .noUi-handle { + cursor: not-allowed; +} + +// Base +.noUi-pips, +.noUi-pips * { + box-sizing: border-box; +} + +.noUi-pips { + color: #999; + position: absolute; +} + +// Values +.noUi-value { + position: absolute; + white-space: nowrap; + text-align: center; + font-size: $noUiSlider-tick-label-font-size; +} + +// Markings +.noUi-marker { + position: absolute; +} + +// Horizontal layout +.noUi-pips-horizontal { + left: 0; + top: 100%; + padding: (($noUiSlider-handle-height - $noUiSlider-bar-height) * 0.5 + 0.375rem) 0 0 0; + height: 5rem; + width: 100%; +} + +.noUi-value-horizontal { + padding-top: 0.125rem; + transform: translate(-50%, 50%); + + @include app-rtl { + transform: translate(50%, 50%); + } +} + +.noUi-marker-horizontal.noUi-marker { + height: $noUiSlider-tick-size; + width: 1px; +} + +@include app-rtl(false) { + .noUi-horizontal { + .noUi-origin { + left: 0; + } + } +} + +// Vertical layout +.noUi-pips-vertical { + top: 0; + left: 100%; + padding: 0 0 0 (($noUiSlider-handle-height - $noUiSlider-bar-height) * 0.5 + 0.375rem); + height: 100%; + + @include app-rtl { + right: 100%; + left: auto; + } +} + +.noUi-value-vertical { + padding-left: $noUiSlider-tick-size + 0.375rem; + transform: translate(0, 50%); + + @include app-rtl { + right: 100%; + padding-right: $noUiSlider-tick-size + 0.375rem; + padding-left: 0; + } +} + +@include app-rtl(false) { + .noUi-marker-vertical { + right: 100%; + } +} + +.noUi-marker-vertical.noUi-marker { + width: $noUiSlider-tick-size; + height: 1px; +} + +// Tooltips +.noUi-tooltip { + position: absolute; + display: block; + padding: 0.25rem 0.5rem; + border-radius: 0.25rem; + text-align: center; + line-height: 1; + transition: transform 0.2s; + &::after { + content: ''; + position: absolute; + width: 0; + height: 0; + clear: both; + } +} + +.noUi-horizontal .noUi-tooltip { + bottom: 125%; + left: 50%; + transform: translate(-50%, -45%); + &::after { + content: ''; + left: 50%; + transform: translateX(-50%); + top: 1.25rem; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + } +} + +.noUi-vertical .noUi-tooltip { + top: 50%; + right: 125%; + transform: translate(-15%, -52%); + + &::after { + content: ''; + top: 14%; + right: -5px; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + @include app-rtl { + left: -14px; + right: auto; + } + } + + @include app-rtl { + right: auto; + left: 125%; + transform: translate(15%, -52%); + } +} + +// Light style +@if $enable-light-style { + .light-style { + $noUiSlider-default-bg: light.$gray-400; + $noUiSlider-tick-label-color: light.$text-light; + .noUi-target { + .noUi-handle { + box-shadow: light.$form-range-thumb-box-shadow; + } + } + + .noUi-value { + color: $noUiSlider-tick-label-color; + } + .noUi-marker { + background: $noUiSlider-tick-label-color; + } + + .noUi-tooltip { + font-size: light.$small-font-size; + color: light.$tooltip-color; + border: none; + background: light.$tooltip-bg; + } + .noUi-horizontal .noUi-tooltip { + &::after { + border-top: 8px solid light.$tooltip-bg; + } + } + .noUi-vertical .noUi-tooltip { + &::after { + border-left: 8px solid light.$tooltip-bg; + } + } + @include app-rtl-style { + .noUi-vertical .noUi-tooltip { + &::after { + border-right: 8px solid light.$tooltip-bg; + border-left: 8px solid transparent; + } + } + } + + @each $color, $value in light.$theme-colors { + @if $color !=primary { + @include nouislider-variant('.noUi-#{$color}', $value); + } + } + } +} + +@if $enable-dark-style { + .dark-style { + $noUiSlider-default-bg: dark.$gray-400; + $noUiSlider-tick-label-color: dark.$text-light; + .noUi-target { + .noUi-handle { + box-shadow: dark.$form-range-thumb-box-shadow; + } + } + + .noUi-value { + color: $noUiSlider-tick-label-color; + } + .noUi-marker { + background: $noUiSlider-tick-label-color; + } + + .noUi-tooltip { + font-size: dark.$small-font-size; + color: dark.$tooltip-color; + border: none; + background: dark.$tooltip-bg; + } + .noUi-horizontal .noUi-tooltip { + &::after { + border-top: 8px solid dark.$tooltip-bg; + } + } + .noUi-vertical .noUi-tooltip { + &::after { + border-left: 8px solid dark.$tooltip-bg; + } + } + @include app-rtl-style { + .noUi-vertical .noUi-tooltip { + &::after { + border-right: 8px solid dark.$tooltip-bg; + border-left: 8px solid transparent; + } + } + } + @each $color, $value in dark.$theme-colors { + @if $color !=primary { + @include nouislider-variant('.noUi-#{$color}', $value); + } + } + } +} diff --git a/resources/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js b/resources/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js new file mode 100644 index 0000000..80556c6 --- /dev/null +++ b/resources/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js @@ -0,0 +1,7 @@ +import PerfectScrollbar from 'perfect-scrollbar/dist/perfect-scrollbar'; + +try { + window.PerfectScrollbar = PerfectScrollbar; +} catch (e) {} + +export { PerfectScrollbar }; diff --git a/resources/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.scss b/resources/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.scss new file mode 100644 index 0000000..da4a4a8 --- /dev/null +++ b/resources/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.scss @@ -0,0 +1,177 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; +@import 'perfect-scrollbar/css/perfect-scrollbar'; + +$ps-width: 0.25rem !default; +$ps-hover-width: 0.375rem !default; + +.ps { + position: relative; +} + +.ps__rail-x { + height: $ps-width; +} + +.ps__rail-y { + width: $ps-width; + z-index: 3; +} + +.ps__rail-x, +.ps__rail-y, +.ps__thumb-x, +.ps__thumb-y { + border-radius: 10rem; +} +.ps__rail-x:hover, +.ps__rail-x:focus, +.ps__rail-x.ps--clicking, +.ps__rail-x:hover > .ps__thumb-x, +.ps__rail-x:focus > .ps__thumb-x, +.ps__rail-x.ps--clicking > .ps__thumb-x { + height: $ps-hover-width; +} + +.ps__rail-y:hover, +.ps__rail-y:focus, +.ps__rail-y.ps--clicking, +.ps__rail-y:hover > .ps__thumb-y, +.ps__rail-y:focus > .ps__thumb-y, +.ps__rail-y.ps--clicking > .ps__thumb-y { + width: $ps-hover-width; +} + +.ps__thumb-x { + height: $ps-width; + bottom: 0; +} + +.ps__thumb-y { + width: $ps-width; + right: 0; +} + +// Light layout +@if $enable-light-style { + .light-style { + .ps__thumb-x, + .ps__thumb-y { + background-color: light.$gray-400; + } + + .ps__rail-x:hover, + .ps__rail-y:hover, + .ps__rail-x:focus, + .ps__rail-y:focus, + .ps__rail-x.ps--clicking, + .ps__rail-y.ps--clicking { + background-color: light.$gray-200; + } + + .ps__rail-x:hover > .ps__thumb-x, + .ps__rail-y:hover > .ps__thumb-y, + .ps__rail-x:focus > .ps__thumb-x, + .ps__rail-y:focus > .ps__thumb-y, + .ps__rail-x.ps--clicking > .ps__thumb-x, + .ps__rail-y.ps--clicking > .ps__thumb-y { + background-color: light.$gray-700; + } + + .ps-inverted { + .ps__rail-x:hover, + .ps__rail-y:hover, + .ps__rail-x:focus, + .ps__rail-y:focus, + .ps__rail-x.ps--clicking, + .ps__rail-y.ps--clicking { + background-color: rgba(light.$white, 0.5); + } + + .ps__thumb-x, + .ps__thumb-y { + background-color: rgba(light.$white, 0.7); + } + + .ps__rail-x:hover > .ps__thumb-x, + .ps__rail-y:hover > .ps__thumb-y, + .ps__rail-x:focus > .ps__thumb-x, + .ps__rail-y:focus > .ps__thumb-y, + .ps__rail-x.ps--clicking > .ps__thumb-x, + .ps__rail-y.ps--clicking > .ps__thumb-y { + background-color: light.$white; + } + } + } +} + +// Firefox width issue fixed +@supports (-moz-appearance: none) { + #both-scrollbars-example { + max-width: 1080px; + margin: 0 auto; + padding-left: 0; + padding-right: 0; + } +} + +// Dark style +@if $enable-dark-style { + .dark-style { + .ps__thumb-x, + .ps__thumb-y { + background-color: rgba(255, 255, 255, 0.438133) !important; + } + + .ps__rail-x:hover, + .ps__rail-y:hover, + .ps__rail-x:focus, + .ps__rail-y:focus, + .ps__rail-x.ps--clicking, + .ps__rail-y.ps--clicking { + background-color: rgba(255, 255, 255, 0.438133) !important; + } + + .ps__rail-x:hover > .ps__thumb-x, + .ps__rail-y:hover > .ps__thumb-y, + .ps__rail-x:focus > .ps__thumb-x, + .ps__rail-y:focus > .ps__thumb-y, + .ps__rail-x.ps--clicking > .ps__thumb-x, + .ps__rail-y.ps--clicking > .ps__thumb-y { + background-color: dark.$gray-700; + } + + .ps-inverted { + .ps__rail-x:hover, + .ps__rail-y:hover, + .ps__rail-x:focus, + .ps__rail-y:focus, + .ps__rail-x.ps--clicking, + .ps__rail-y.ps--clicking { + background-color: rgba(light.$white, 0.5); + } + + .ps__thumb-x, + .ps__thumb-y { + background-color: rgba(light.$white, 0.7); + } + + .ps__rail-x:hover > .ps__thumb-x, + .ps__rail-y:hover > .ps__thumb-y, + .ps__rail-x:focus > .ps__thumb-x, + .ps__rail-y:focus > .ps__thumb-y, + .ps__rail-x.ps--clicking > .ps__thumb-x, + .ps__rail-y.ps--clicking > .ps__thumb-y { + background-color: light.$white; + } + } + } +} +// RTL rail-y position +.ps--active-y > .ps__rail-y { + @include app-rtl { + left: 0; + right: unset !important; + } +} diff --git a/resources/assets/vendor/libs/pickr/_mixins.scss b/resources/assets/vendor/libs/pickr/_mixins.scss new file mode 100644 index 0000000..8da073b --- /dev/null +++ b/resources/assets/vendor/libs/pickr/_mixins.scss @@ -0,0 +1,11 @@ +@import '../../scss/_custom-variables/libs'; + +// Background & Primary color for picker +@mixin colorPicker-theme($background) { + .pcr-app { + .pcr-type.active, + .pcr-save { + background: $background !important; + } + } +} diff --git a/resources/assets/vendor/libs/pickr/_pickr-classic.scss b/resources/assets/vendor/libs/pickr/_pickr-classic.scss new file mode 100644 index 0000000..68d7429 --- /dev/null +++ b/resources/assets/vendor/libs/pickr/_pickr-classic.scss @@ -0,0 +1,15 @@ +@import '@simonwep/pickr/dist/themes/classic.min'; +@import '../../scss/_custom-variables/libs'; + +@include app-rtl(false) { + .pcr-app[data-theme='classic'] .pcr-selection .pcr-color-preview { + margin-right: inherit; + margin-left: 0.75em; + } + + .pcr-app[data-theme='classic'] .pcr-selection .pcr-color-chooser, + .pcr-app[data-theme='classic'] .pcr-selection .pcr-color-opacity { + margin-left: inherit; + margin-right: 0.75em; + } +} diff --git a/resources/assets/vendor/libs/pickr/_pickr-monolith.scss b/resources/assets/vendor/libs/pickr/_pickr-monolith.scss new file mode 100644 index 0000000..63ecab7 --- /dev/null +++ b/resources/assets/vendor/libs/pickr/_pickr-monolith.scss @@ -0,0 +1,10 @@ +@import '@simonwep/pickr/dist/themes/monolith.min'; + +@include app-rtl(false) { + .pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-preview .pcr-last-color { + border-radius: 0 0.15em 0.15em 0; + } + .pcr-app[data-theme='monolith'] .pcr-selection .pcr-color-preview .pcr-current-color { + border-radius: 0.15em 0 0 0.15em; + } +} diff --git a/resources/assets/vendor/libs/pickr/_pickr-nano.scss b/resources/assets/vendor/libs/pickr/_pickr-nano.scss new file mode 100644 index 0000000..c03bed5 --- /dev/null +++ b/resources/assets/vendor/libs/pickr/_pickr-nano.scss @@ -0,0 +1,7 @@ +@import '@simonwep/pickr/dist/themes/nano.min'; + +@include app-rtl(false) { + .pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview { + margin-right: 0.6em; + } +} diff --git a/resources/assets/vendor/libs/pickr/pickr-themes.scss b/resources/assets/vendor/libs/pickr/pickr-themes.scss new file mode 100644 index 0000000..aeb2034 --- /dev/null +++ b/resources/assets/vendor/libs/pickr/pickr-themes.scss @@ -0,0 +1,39 @@ +// Pickr +// ******************************************************************************* + +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; + +@import 'pickr-classic'; +@import 'pickr-monolith'; +@import 'pickr-nano'; +@import 'mixins'; + +@if $enable-light-style { + .light-style { + .pcr-app { + .pcr-interaction input:focus { + box-shadow: light.$box-shadow; + } + } + } +} + +// Dark style for pickr +@if $enable-dark-style { + .dark-style { + .pcr-app { + background: dark.$card-bg !important; + + .pcr-type:not(.active), + .pcr-result { + background: dark.$dropdown-bg !important; + color: dark.$white !important; + } + .pcr-interaction input:focus { + box-shadow: dark.$box-shadow; + } + } + } +} diff --git a/resources/assets/vendor/libs/pickr/pickr.js b/resources/assets/vendor/libs/pickr/pickr.js new file mode 100644 index 0000000..fb3b52f --- /dev/null +++ b/resources/assets/vendor/libs/pickr/pickr.js @@ -0,0 +1,7 @@ +import pickr from '@simonwep/pickr/dist/pickr.es5.min'; + +try { + window.pickr = pickr; +} catch (e) {} + +export { pickr }; diff --git a/resources/assets/vendor/libs/plyr/_mixins.scss b/resources/assets/vendor/libs/plyr/_mixins.scss new file mode 100644 index 0000000..c4aa97e --- /dev/null +++ b/resources/assets/vendor/libs/plyr/_mixins.scss @@ -0,0 +1,52 @@ +@import '../../scss/_bootstrap-extended/functions'; + +// Light style +@mixin plyr-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + .plyr input[type='range']::-ms-fill-lower { + background: $background !important; + } + + .plyr input[type='range']:active { + &::-webkit-slider-thumb { + background: $background !important; + } + &::-moz-range-thumb { + background: $background !important; + } + &::-ms-thumb { + background: $background !important; + } + } + .plyr--video .plyr__control.plyr__control--overlaid, + .plyr--video .plyr__controls button.tab-focus:focus, + .plyr--video .plyr__control[aria-expanded='true'], + .plyr--video .plyr__controls button:hover { + background: $background !important; + color: $color !important; + } + + .plyr--audio .plyr__controls button.tab-focus:focus, + .plyr--audio .plyr__control[aria-expanded='true'], + .plyr--audio .plyr__controls button:hover { + background: $background !important; + color: $color !important; + } + + .plyr__play-large { + background: $background !important; + color: $color !important; + } + + .plyr__progress--played, + .plyr__volume--display { + color: $background !important; + } + .plyr--full-ui input[type='range'] { + color: $background !important; + } + .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before { + background: $background !important; + } +} diff --git a/resources/assets/vendor/libs/plyr/plyr.js b/resources/assets/vendor/libs/plyr/plyr.js new file mode 100644 index 0000000..018283e --- /dev/null +++ b/resources/assets/vendor/libs/plyr/plyr.js @@ -0,0 +1,7 @@ +import Plyr from 'plyr'; + +try { + window.Plyr = Plyr; +} catch (e) {} + +export { Plyr }; diff --git a/resources/assets/vendor/libs/plyr/plyr.scss b/resources/assets/vendor/libs/plyr/plyr.scss new file mode 100644 index 0000000..441d93a --- /dev/null +++ b/resources/assets/vendor/libs/plyr/plyr.scss @@ -0,0 +1,132 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; + +// Variables +@import 'plyr/src/sass/settings/breakpoints'; +@import 'plyr/src/sass/settings/colors'; +@import 'plyr/src/sass/settings/cosmetics'; +@import 'plyr/src/sass/settings/type'; +@import 'plyr/src/sass/settings/badges'; +@import 'plyr/src/sass/settings/captions'; +@import 'plyr/src/sass/settings/controls'; +@import 'plyr/src/sass/settings/helpers'; +@import 'plyr/src/sass/settings/menus'; +@import 'plyr/src/sass/settings/progress'; +@import 'plyr/src/sass/settings/sliders'; +@import 'plyr/src/sass/settings/tooltips'; +@import 'plyr/src/sass/lib/animation'; +@import 'plyr/src/sass/lib/functions'; +@import 'plyr/src/sass/lib/mixins'; + +// Components +@import 'plyr/src/sass/base'; +@import 'plyr/src/sass/components/badges'; +@import 'plyr/src/sass/components/captions'; +@import 'plyr/src/sass/components/control'; +@import 'plyr/src/sass/components/controls'; +@import 'plyr/src/sass/components/menus'; +@import 'plyr/src/sass/components/sliders'; +@import 'plyr/src/sass/components/poster'; +@import 'plyr/src/sass/components/times'; +@import 'plyr/src/sass/components/tooltips'; +@import 'plyr/src/sass/components/progress'; +@import 'plyr/src/sass/components/volume'; +@import 'plyr/src/sass/types/audio'; +@import 'plyr/src/sass/types/video'; +@import 'plyr/src/sass/states/fullscreen'; +@import 'plyr/src/sass/plugins/ads'; +@import 'plyr/src/sass/plugins/preview-thumbnails'; +@import 'plyr/src/sass/utils/animation'; +@import 'plyr/src/sass/utils/hidden'; + +.plyr__progress__container, +.plyr__volume input[type='range'] { + flex: 0 1 auto; +} +.plyr--audio .plyr__controls { + padding: 0; +} + +.plyr__menu__container { + @include app-rtl { + direction: rtl; + text-align: right; + + .plyr__control--forward { + &::after { + left: 5px; + right: auto; + border-right-color: rgba($plyr-menu-color, 0.8); + border-left-color: transparent; + } + + &.plyr__tab-focus::after, + &:hover::after { + border-right-color: currentColor; + } + } + + .plyr__menu__value { + padding-left: 1rem; + padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); + } + + .plyr__control[role='menuitemradio'] { + .plyr__menu__value { + margin-right: auto; + padding-left: 0; + } + &::before { + margin-left: $plyr-control-spacing; + margin-right: 0; + } + + &::after { + right: 15px; + left: auto; + } + } + } +} + +@if $enable-light-style { + .light-style { + .plyr__tooltip { + line-height: light.$line-height-sm; + font-size: light.$font-size-sm; + } + } +} + +@if $enable-dark-style { + .dark-style { + .plyr__tooltip { + line-height: dark.$line-height-sm; + font-size: dark.$font-size-sm; + } + + .plyr--audio .plyr__controls { + color: dark.$body-color; + background-color: dark.$card-bg; + } + + .plyr--full-ui.plyr--audio input[type='range'] { + &::-webkit-slider-runnable-track { + background-color: dark.$gray-100; + } + + &::-moz-range-track { + background-color: dark.$gray-100; + } + + &::-ms-track { + background-color: dark.$gray-100; + } + } + + .plyr--audio .plyr__progress__buffer { + color: dark.$gray-200; + } + } +} diff --git a/resources/assets/vendor/libs/popper/popper.js b/resources/assets/vendor/libs/popper/popper.js new file mode 100644 index 0000000..a7b487d --- /dev/null +++ b/resources/assets/vendor/libs/popper/popper.js @@ -0,0 +1,10 @@ +import Popper from '@popperjs/core/dist/umd/popper.min'; + +// Required to enable animations on dropdowns/tooltips/popovers +// Popper.Defaults.modifiers.computeStyle.gpuAcceleration = false + +try { + window.Popper = Popper; +} catch (e) {} + +export { Popper }; diff --git a/resources/assets/vendor/libs/quill/_mixins.scss b/resources/assets/vendor/libs/quill/_mixins.scss new file mode 100644 index 0000000..df48b30 --- /dev/null +++ b/resources/assets/vendor/libs/quill/_mixins.scss @@ -0,0 +1,115 @@ +@mixin quill-generate-lists($indent) { + $quill-list-types: ( + 1: lower-alpha, + 2: lower-roman, + 3: decimal, + 4: lower-alpha, + 5: lower-roman, + 6: decimal, + 7: lower-alpha, + 8: lower-roman, + 9: decimal + ); + + @for $i from 1 through 9 { + ol li.ql-indent-#{$i} { + counter-increment: list-#{$i}; + + @if $i < 9 { + $lists: ''; + + @for $l from $i + 1 through 9 { + $lists: '#{$lists} list-#{$l}'; + } + + counter-reset: #{$lists}; + } + + &::before { + content: counter(list-#{$i}, map-get($quill-list-types, $i)) '. '; + } + } + + .ql-indent-#{$i}:not(.ql-direction-rtl) { + padding-left: $indent * $i; + + [dir='rtl'] & { + padding-right: $indent * $i; + padding-left: 0; + } + } + li.ql-indent-#{$i}:not(.ql-direction-rtl) { + padding-left: $indent * ($i + 1); + + [dir='rtl'] & { + padding-right: $indent * ($i + 1); + padding-left: 0; + } + } + .ql-indent-#{$i}.ql-direction-rtl.ql-align-right { + padding-right: $indent * $i; + + [dir='rtl'] & { + padding-right: 0; + padding-left: $indent * $i; + } + } + li.ql-indent-#{$i}.ql-direction-rtl.ql-align-right { + padding-right: $indent * ($i + 1); + + [dir='rtl'] & { + padding-right: 0; + padding-left: $indent * ($i + 1); + } + } + } +} + +@mixin quill-theme($color) { + .ql-snow.ql-toolbar, + .ql-snow .ql-toolbar { + button:hover, + button:focus, + button.ql-active, + .ql-picker-label:hover, + .ql-picker-label.ql-active, + .ql-picker-item:hover, + .ql-picker-item.ql-selected { + color: $color !important; + } + + button:hover .ql-fill, + button:focus .ql-fill, + button.ql-active .ql-fill, + .ql-picker-label:hover .ql-fill, + .ql-picker-label.ql-active .ql-fill, + .ql-picker-item:hover .ql-fill, + .ql-picker-item.ql-selected .ql-fill, + button:hover .ql-stroke.ql-fill, + button:focus .ql-stroke.ql-fill, + button.ql-active .ql-stroke.ql-fill, + .ql-picker-label:hover .ql-stroke.ql-fill, + .ql-picker-label.ql-active .ql-stroke.ql-fill, + .ql-picker-item:hover .ql-stroke.ql-fill, + .ql-picker-item.ql-selected .ql-stroke.ql-fill { + fill: $color !important; + } + + button:hover .ql-stroke, + button:focus .ql-stroke, + button.ql-active .ql-stroke, + .ql-picker-label:hover .ql-stroke, + .ql-picker-label.ql-active .ql-stroke, + .ql-picker-item:hover .ql-stroke, + .ql-picker-item.ql-selected .ql-stroke, + button:hover .ql-stroke-miter, + button:focus .ql-stroke-miter, + button.ql-active .ql-stroke-miter, + .ql-picker-label:hover .ql-stroke-miter, + .ql-picker-label.ql-active .ql-stroke-miter, + .ql-picker-item:hover .ql-stroke-miter, + .ql-picker-item.ql-selected .ql-stroke-miter { + stroke: $color !important; + } + } +} diff --git a/resources/assets/vendor/libs/quill/editor.scss b/resources/assets/vendor/libs/quill/editor.scss new file mode 100644 index 0000000..b75b2ef --- /dev/null +++ b/resources/assets/vendor/libs/quill/editor.scss @@ -0,0 +1,1115 @@ +// Editor +// ******************************************************************************* + +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; + +// common styles +.ql-container { + display: block; + margin: 0; + position: relative; + + &.ql-disabled .ql-editor ul[data-checked] > li::before { + pointer-events: none; + } + + &.ql-disabled .ql-tooltip { + visibility: hidden; + } +} + +.ql-clipboard { + position: absolute; + overflow-y: hidden; + left: -6250rem; + height: 0.0625rem; + top: 50%; + + @include app-rtl { + left: auto; + right: -6250rem; + } +} + +.ql-editor { + overflow-y: auto; + height: 100%; + tab-size: 4; + -moz-tab-size: 4; + box-sizing: border-box; + display: block; + outline: none; + word-wrap: break-word; + white-space: pre-wrap; + + > * { + cursor: text; + } + + &.ql-blank::before { + font-size: light.$font-size-root; + font-style: italic; + position: absolute; + content: attr(data-placeholder); + left: 0; + right: 0; + pointer-events: none; + } +} + +// Themes +.ql-snow, +.ql-bubble { + box-sizing: border-box; + + * { + box-sizing: border-box; + } + + .ql-out-bottom, + .ql-out-top { + visibility: hidden; + } + + .ql-hidden { + display: none !important; + } + + .ql-even { + fill-rule: evenodd; + } + + .ql-empty { + fill: none; + } + + .ql-transparent { + opacity: 0.4; + } + + .ql-thin, + .ql-stroke.ql-thin { + stroke-width: 1; + } + + .ql-editor a { + text-decoration: underline; + } + + .ql-direction.ql-active { + svg:last-child { + display: inline; + } + + svg:first-child { + display: none; + } + } + + .ql-direction svg:last-child { + display: none; + } + + &.ql-toolbar, + & .ql-toolbar { + border-top-left-radius: light.$border-radius; + border-top-right-radius: light.$border-radius; + box-sizing: border-box; + padding: 0.5rem; + + &::after { + clear: both; + content: ''; + display: table; + } + + button { + float: left; + display: inline-block; + padding: 0.1875rem 0.3125rem; + height: 1.5rem; + width: 1.75rem; + background: none; + border: none; + cursor: pointer; + + &:active:hover { + outline: none; + } + + @include app-rtl { + float: right; + } + + svg { + height: 100%; + float: left; + + @include app-rtl { + float: right; + } + } + } + + input.ql-image[type='file'] { + display: none; + } + } + + .ql-tooltip { + transform: translateY(0.625rem); + position: absolute; + + &.ql-flip { + transform: translateY(-0.625rem); + } + + a { + cursor: pointer; + text-decoration: none; + } + } + + .ql-formats { + display: inline-block; + margin-right: 0.9375rem; + vertical-align: middle; + + @include app-rtl { + margin-right: 0; + margin-left: 0.9375rem; + } + + &::after { + content: ''; + display: table; + clear: both; + } + } + + .ql-picker { + vertical-align: middle; + position: relative; + height: 1.5rem; + display: inline-block; + float: left; + + @include app-rtl { + float: right; + } + + &.ql-expanded .ql-picker-options { + top: 100%; + display: block; + z-index: 1; + margin-top: -0.0625rem; + } + + &.ql-header, + &.ql-font, + &.ql-size { + .ql-picker-label[data-label]:not([data-label=''])::before, + .ql-picker-item[data-label]:not([data-label=''])::before { + content: attr(data-label); + } + } + + &.ql-header { + width: 6.125rem; + + .ql-picker-label, + .ql-picker-item { + &::before { + content: 'Normal'; + } + + &[data-value='1']::before { + content: 'Heading 1'; + } + + &[data-value='2']::before { + content: 'Heading 2'; + } + + &[data-value='3']::before { + content: 'Heading 3'; + } + + &[data-value='4']::before { + content: 'Heading 4'; + } + + &[data-value='5']::before { + content: 'Heading 5'; + } + + &[data-value='6']::before { + content: 'Heading 6'; + } + } + } + + &.ql-font { + width: 6.75rem; + + .ql-picker-label, + .ql-picker-item { + &::before { + content: 'Sans Serif'; + } + + &[data-value='serif']::before { + content: 'Serif'; + } + + &[data-value='monospace']::before { + content: 'Monospace'; + } + } + } + + &.ql-size { + width: 6.125rem; + + .ql-picker-label, + .ql-picker-item { + &::before { + content: 'Normal'; + } + + &[data-value='small']::before { + content: 'Small'; + } + + &[data-value='large']::before { + content: 'Large'; + } + + &[data-value='huge']::before { + content: 'Huge'; + } + } + } + + &:not(.ql-color-picker):not(.ql-icon-picker) svg { + position: absolute; + top: 50%; + right: 0; + margin-top: -0.5625rem; + width: 1.125rem; + + @include app-rtl { + right: auto; + left: 0; + } + } + } + + .ql-picker-label { + position: relative; + display: inline-block; + padding-right: 0.125rem; + padding-left: 0.5rem; + height: 100%; + width: 100%; + border: 0.0625rem solid transparent; + cursor: pointer; + + &::before { + line-height: 1.375rem; + display: inline-block; + } + } + + .ql-picker-options { + padding: 0.25rem 0.5rem; + min-width: 100%; + position: absolute; + display: none; + white-space: nowrap; + + .ql-picker-item { + padding-bottom: 0.3125rem; + padding-top: 0.3125rem; + display: block; + cursor: pointer; + } + } + + .ql-color-picker, + .ql-icon-picker { + width: 1.75rem; + + .ql-picker-label { + padding: 0.125rem 0.25rem; + } + } + + .ql-icon-picker { + .ql-picker-options { + padding: 0.25rem 0; + } + + .ql-picker-item { + padding: 0.125rem 0.25rem; + width: 1.5rem; + height: 1.5rem; + } + } + + .ql-color-picker { + .ql-picker-options { + padding: 0.1875rem 0.3125rem; + width: 9.5rem; + } + + .ql-picker-item { + float: left; + margin: 0.125rem; + padding: 0; + width: 1rem; + height: 1rem; + border: 0.0625rem solid transparent; + + @include app-rtl { + float: right; + } + } + + &.ql-background .ql-picker-item { + background-color: light.$white; + } + + &.ql-color .ql-picker-item { + background-color: #000; + } + } + + @include app-rtl { + .ql-italic svg, + .ql-list svg, + .ql-indent svg, + .ql-direction svg, + .ql-align svg, + .ql-link svg, + .ql-image svg, + .ql-clean svg { + transform: scaleX(-1); + } + } +} + +.ql-snow { + &.ql-toolbar, + .ql-toolbar { + background: light.$white; + background-clip: padding-box; + } + + .ql-editor { + min-height: 15rem; + background: light.$white; + } + + .ql-picker.ql-expanded .ql-picker-label { + z-index: 2; + color: #ccc !important; + + .ql-fill { + fill: #ccc !important; + } + + .ql-stroke { + stroke: #ccc !important; + } + } + + .ql-stroke { + fill: none; + stroke-width: 2; + stroke-linejoin: round; + stroke-linecap: round; + } + + .ql-stroke-miter { + fill: none; + stroke-width: 2; + stroke-miterlimit: 10; + } + + .ql-picker-label { + border: 0.0625rem solid transparent; + } + + .ql-picker-options { + border: 0.0625rem solid transparent; + background-color: light.$white; + background-clip: padding-box; + } + + .ql-color-picker .ql-picker-item.ql-selected, + .ql-color-picker .ql-picker-item:hover { + border-color: #000; + } + + .ql-tooltip { + display: flex; + padding: 0.3125rem 0.75rem; + background-color: light.$white; + background-clip: padding-box; + white-space: nowrap; + + &::before { + content: 'Visit URL:'; + margin-right: 0.5rem; + line-height: 1.625rem; + + @include app-rtl { + margin-right: 0; + margin-left: 0.5rem; + } + } + + input[type='text'] { + display: none; + margin: 0; + padding: 0.1875rem 0.3125rem; + width: 10.625rem; + height: 1.625rem; + font-size: 0.8125rem; + } + + a.ql-preview { + display: inline-block; + vertical-align: top; + max-width: 12.5rem; + overflow-x: hidden; + text-overflow: ellipsis; + } + + a.ql-action::after { + content: 'Edit'; + margin-left: 1rem; + padding-right: 0.5rem; + border-right: 0.0625rem solid #ccc; + + @include app-rtl { + margin-left: 0; + margin-right: 1rem; + padding-left: 0.5rem; + padding-right: 0; + border-right: 0; + border-left: 0.0625rem solid #ccc; + } + } + + a.ql-remove::before { + content: 'Remove'; + margin-left: 0.5rem; + + @include app-rtl { + margin-right: 0.5rem; + margin-left: 0; + } + } + + a { + line-height: 1.625rem; + } + + &.ql-editing a.ql-preview, + &.ql-editing a.ql-remove { + display: none; + } + + &.ql-editing input[type='text'] { + display: inline-block; + } + + &.ql-editing a.ql-action::after { + content: 'Save'; + border-right: 0; + padding-right: 0; + + @include app-rtl { + border-left: 0; + padding-left: 0; + } + } + + &[data-mode='link']::before { + content: 'Enter link:'; + } + + &[data-mode='formula']::before { + content: 'Enter formula:'; + } + + &[data-mode='video']::before { + content: 'Enter video:'; + } + } +} + +.ql-bubble { + &.ql-toolbar, + .ql-toolbar { + button:hover, + button:focus, + button.ql-active, + .ql-picker-label:hover, + .ql-picker-label.ql-active, + .ql-picker-item:hover, + .ql-picker-item.ql-selected { + color: light.$white; + } + + button:hover .ql-stroke, + button:focus .ql-stroke, + button.ql-active .ql-stroke, + .ql-picker-label:hover .ql-stroke, + .ql-picker-label.ql-active .ql-stroke, + .ql-picker-item:hover .ql-stroke, + .ql-picker-item.ql-selected .ql-stroke, + button:hover .ql-stroke-miter, + button:focus .ql-stroke-miter, + button.ql-active .ql-stroke-miter, + .ql-picker-label:hover .ql-stroke-miter, + .ql-picker-label.ql-active .ql-stroke-miter, + .ql-picker-item:hover .ql-stroke-miter, + .ql-picker-item.ql-selected .ql-stroke-miter { + stroke: light.$white; + } + button:hover .ql-fill, + button:focus .ql-fill, + button.ql-active .ql-fill, + .ql-picker-label:hover .ql-fill, + .ql-picker-label.ql-active .ql-fill, + .ql-picker-item:hover .ql-fill, + .ql-picker-item.ql-selected .ql-fill, + button:hover .ql-stroke.ql-fill, + button:focus .ql-stroke.ql-fill, + button.ql-active .ql-stroke.ql-fill, + .ql-picker-label:hover .ql-stroke.ql-fill, + .ql-picker-label.ql-active .ql-stroke.ql-fill, + .ql-picker-item:hover .ql-stroke.ql-fill, + .ql-picker-item.ql-selected .ql-stroke.ql-fill { + fill: light.$white; + } + + @media (pointer: coarse) { + button:hover:not(.ql-active) { + color: #ccc; + } + button:hover:not(.ql-active) .ql-fill, + button:hover:not(.ql-active) .ql-stroke.ql-fill { + fill: #ccc; + } + button:hover:not(.ql-active) .ql-stroke, + button:hover:not(.ql-active) .ql-stroke-miter { + stroke: #ccc; + } + } + } + + .ql-stroke { + fill: none; + stroke: #ccc; + stroke-linejoin: round; + stroke-linecap: round; + stroke-width: 2; + } + + .ql-stroke-miter { + fill: none; + stroke: #ccc; + stroke-miterlimit: 10; + stroke-width: 2; + } + + .ql-fill, + .ql-stroke.ql-fill { + fill: #ccc; + } + + .ql-picker { + color: #ccc; + + &.ql-expanded .ql-picker-label { + z-index: 2; + color: #777; + + .ql-fill { + fill: #777; + } + + .ql-stroke { + stroke: #777; + } + } + } + + .ql-picker-options { + background-color: #444; + } + + .ql-color-picker .ql-picker-label svg, + .ql-icon-picker .ql-picker-label svg { + right: 0.25rem; + + @include app-rtl { + right: auto; + left: 0.25rem; + } + } + + .ql-color-picker { + .ql-color-picker svg { + margin: 0.0625rem; + } + + .ql-picker-item.ql-selected, + .ql-picker-item:hover { + border-color: light.$white; + } + } + + .ql-toolbar .ql-formats { + margin: 0.5rem 0.75rem 0.5rem 0; + + @include app-rtl { + margin: 0.5rem 0 0.5rem 0.75rem; + } + + &:first-child { + margin-left: 0.75rem; + + @include app-rtl { + margin-right: 0.75rem; + } + } + } + + .ql-tooltip-arrow { + content: ' '; + position: absolute; + display: block; + left: 50%; + margin-left: -0.375rem; + border-right: 0.375rem solid transparent; + border-left: 0.375rem solid transparent; + } + + .ql-tooltip { + background-color: #444; + color: light.$white; + + &:not(.ql-flip) .ql-tooltip-arrow { + top: -0.375rem; + border-bottom: 0.375rem solid #444; + } + + &.ql-flip .ql-tooltip-arrow { + bottom: -0.375rem; + border-top: 0.375rem solid #444; + } + + &.ql-editing { + .ql-tooltip-editor { + display: block; + } + + .ql-formats { + visibility: hidden; + } + } + } + + .ql-tooltip-editor { + display: none; + + input[type='text'] { + position: absolute; + padding: 0.625rem 1.25rem; + height: 100%; + width: 100%; + outline: none; + background: transparent; + border: none; + color: light.$white; + font-size: 0.8125rem; + } + + a { + position: absolute; + right: 1.25rem; + top: 0.625rem; + + @include app-rtl { + right: auto; + left: 1.25rem; + } + + &::before { + content: '\D7'; + color: #ccc; + font-size: 1rem; + font-weight: light.$font-weight-medium; + } + } + } + + &.ql-container:not(.ql-disabled) a { + white-space: nowrap; + position: relative; + + &::before, + &::after { + margin-left: 50%; + position: absolute; + visibility: hidden; + left: 0; + transition: visibility 0s ease 200ms; + transform: translate(-50%, -100%); + } + + &:hover::before, + &:hover::after { + visibility: visible; + } + + &::before { + content: attr(href); + top: -0.3125rem; + z-index: 1; + overflow: hidden; + padding: 0.3125rem 0.9375rem; + border-radius: 0.9375rem; + background-color: #444; + text-decoration: none; + color: light.$white; + font-weight: normal; + font-size: 0.75rem; + } + + &::after { + content: ' '; + top: 0; + height: 0; + width: 0; + border-top: 0.375rem solid #444; + border-right: 0.375rem solid transparent; + border-left: 0.375rem solid transparent; + } + } +} + +// Light styles +@if $enable-light-style { + .light-style { + .ql-editor.ql-blank:before { + color: light.$input-placeholder-color; + } + + .ql-snow, + .ql-bubble { + &.ql-toolbar .ql-picker-options, + & .ql-toolbar .ql-picker-options { + box-shadow: light.$dropdown-box-shadow; + } + + .ql-picker { + &.ql-header .ql-picker-item { + &[data-value='1']::before { + font-size: light.$h1-font-size; + } + + &[data-value='2']::before { + font-size: light.$h2-font-size; + } + + &[data-value='3']::before { + font-size: light.$h3-font-size; + } + + &[data-value='4']::before { + font-size: light.$h4-font-size; + } + + &[data-value='5']::before { + font-size: light.$h5-font-size; + } + + &[data-value='6']::before { + font-size: light.$h6-font-size; + } + } + + &.ql-font .ql-picker-item { + &[data-value='serif']::before { + font-family: light.$font-family-serif; + } + + &[data-value='monospace']::before { + font-family: light.$font-family-monospace; + } + } + + &.ql-size .ql-picker-item { + &[data-value='small']::before { + font-size: light.$font-size-sm; + } + + &[data-value='large']::before { + font-size: light.$font-size-lg; + } + + &[data-value='huge']::before { + font-size: light.$font-size-xl; + } + } + } + } + + .ql-snow { + .ql-editor.ql-blank::before { + padding: 0 light.$input-padding-x; + } + + &.ql-container { + border: 0.0625rem solid light.$input-border-color; + } + + .ql-editor { + padding: light.$card-spacer-x-sm * 0.5 light.$input-padding-x; + } + + &.ql-toolbar, + & .ql-toolbar { + border: 0.0625rem solid light.$input-border-color; + + @media (pointer: coarse) { + button:hover:not(.ql-active) { + color: light.$body-color; + } + button:hover:not(.ql-active) .ql-stroke, + button:hover:not(.ql-active) .ql-stroke-miter { + stroke: light.$body-color; + } + button:hover:not(.ql-active) .ql-fill, + button:hover:not(.ql-active) .ql-stroke.ql-fill { + fill: light.$body-color; + } + } + } + + &.ql-toolbar + .ql-container.ql-snow { + border-top: 0; + .ql-editor, + & { + @include light.border-bottom-radius(light.$border-radius); + } + } + + .ql-stroke { + stroke: light.$body-color; + } + + .ql-fill, + .ql-stroke.ql-fill { + fill: light.$body-color; + } + + .ql-stroke-miter { + stroke: light.$body-color; + } + .ql-picker { + color: light.$body-color; + + &.ql-expanded .ql-picker-options { + border-color: light.$dropdown-border-color; + } + + &.ql-expanded .ql-picker-label { + border-color: light.$input-border-color; + } + } + + .ql-tooltip { + border: light.$dropdown-border-width solid light.$dropdown-border-color; + color: light.$body-color; + box-shadow: light.$dropdown-box-shadow; + + input[type='text'] { + border: 0.0625rem solid light.$input-border-color; + } + } + } + + .ql-bubble .ql-tooltip { + border-radius: light.$border-radius; + z-index: light.$zindex-menu-fixed + 10; + } + } +} + +// dark styles +@if $enable-dark-style { + .dark-style { + .ql-editor.ql-blank:before { + color: dark.$input-placeholder-color; + } + + .ql-snow, + .ql-bubble { + .ql-tooltip { + background: dark.$body-bg; + } + &.ql-toolbar .ql-picker-options, + & .ql-toolbar .ql-picker-options { + box-shadow: dark.$dropdown-box-shadow; + } + + .ql-picker { + &.ql-header .ql-picker-item { + &[data-value='1']::before { + font-size: dark.$h1-font-size; + } + + &[data-value='2']::before { + font-size: dark.$h2-font-size; + } + + &[data-value='3']::before { + font-size: dark.$h3-font-size; + } + + &[data-value='4']::before { + font-size: dark.$h4-font-size; + } + + &[data-value='5']::before { + font-size: dark.$h5-font-size; + } + + &[data-value='6']::before { + font-size: dark.$h6-font-size; + } + } + + &.ql-font .ql-picker-item { + &[data-value='serif']::before { + font-family: dark.$font-family-serif; + } + + &[data-value='monospace']::before { + font-family: dark.$font-family-monospace; + } + } + + &.ql-size .ql-picker-item { + &[data-value='small']::before { + font-size: dark.$font-size-sm; + } + + &[data-value='large']::before { + font-size: dark.$font-size-lg; + } + + &[data-value='huge']::before { + font-size: dark.$font-size-xl; + } + } + } + } + + .ql-snow { + .ql-editor.ql-blank::before { + padding: 0 dark.$input-padding-x; + } + + &.ql-container { + border: 0.0625rem solid dark.$input-border-color; + } + + .ql-editor { + padding: dark.$card-spacer-x-sm * 0.5 dark.$input-padding-x; + background: dark.$card-bg; + } + + .ql-picker-options { + background: dark.$card-bg; + } + + &.ql-toolbar, + & .ql-toolbar { + border: 0.0625rem solid dark.$input-border-color; + background: dark.$card-bg; + + @media (pointer: coarse) { + button:hover:not(.ql-active) { + color: dark.$body-color; + } + button:hover:not(.ql-active) .ql-stroke, + button:hover:not(.ql-active) .ql-stroke-miter { + stroke: dark.$body-color; + } + button:hover:not(.ql-active) .ql-fill, + button:hover:not(.ql-active) .ql-stroke.ql-fill { + fill: dark.$body-color; + } + } + } + + &.ql-toolbar + .ql-container.ql-snow { + border-top: 0; + .ql-editor, + & { + @include dark.border-bottom-radius(dark.$border-radius); + } + } + + .ql-stroke-miter { + stroke: dark.$body-color; + } + + .ql-stroke { + stroke: dark.$body-color; + } + + .ql-fill, + .ql-stroke.ql-fill { + fill: dark.$body-color; + } + + .ql-picker { + color: dark.$body-color; + + &.ql-expanded .ql-picker-options { + border-color: dark.$dropdown-border-color; + } + + &.ql-expanded .ql-picker-label { + border-color: dark.$input-border-color; + } + } + + .ql-tooltip { + border: dark.$dropdown-border-width solid dark.$dropdown-border-color; + color: dark.$body-color; + box-shadow: dark.$dropdown-box-shadow; + + input[type='text'] { + border: 0.0625rem solid dark.$input-border-color; + } + } + } + + .ql-bubble .ql-tooltip { + border-radius: dark.$border-radius; + z-index: dark.$zindex-menu-fixed + 10; + } + } +} diff --git a/resources/assets/vendor/libs/quill/katex.js b/resources/assets/vendor/libs/quill/katex.js new file mode 100644 index 0000000..ca9f0aa --- /dev/null +++ b/resources/assets/vendor/libs/quill/katex.js @@ -0,0 +1,7 @@ +import katex from 'katex/dist/katex'; + +try { + window.katex = katex; +} catch (e) {} + +export { katex }; diff --git a/resources/assets/vendor/libs/quill/katex.scss b/resources/assets/vendor/libs/quill/katex.scss new file mode 100644 index 0000000..c7a85d5 --- /dev/null +++ b/resources/assets/vendor/libs/quill/katex.scss @@ -0,0 +1 @@ +@import 'katex/dist/katex'; diff --git a/resources/assets/vendor/libs/quill/quill.js b/resources/assets/vendor/libs/quill/quill.js new file mode 100644 index 0000000..e1d3937 --- /dev/null +++ b/resources/assets/vendor/libs/quill/quill.js @@ -0,0 +1,7 @@ +import Quill from 'quill/dist/quill'; + +try { + window.Quill = Quill; +} catch (e) {} + +export { Quill }; diff --git a/resources/assets/vendor/libs/quill/typography.scss b/resources/assets/vendor/libs/quill/typography.scss new file mode 100644 index 0000000..5c882f8 --- /dev/null +++ b/resources/assets/vendor/libs/quill/typography.scss @@ -0,0 +1,289 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; +@import 'mixins'; + +.ql-editor, +.ql-content { + $quill-indent: 2rem; + + p, + ol, + ul, + pre, + blockquote, + h1, + h2, + h3, + h4, + h5, + h6 { + counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; + } + + ol, + ul { + margin-right: 0; + margin-left: 0; + padding-right: 0; + padding-left: 0; + } + + ol > li, + ul > li { + list-style-type: none; + + &:not(.ql-direction-rtl) { + padding-left: $quill-indent; + + @include app-rtl { + padding-right: $quill-indent; + padding-left: 0; + } + } + + &.ql-direction-rtl { + padding-right: $quill-indent; + + @include app-rtl { + padding-right: 0; + padding-left: $quill-indent; + } + } + } + + ul > li::before { + content: '\2022'; + } + + ul[data-checked='true'], + ul[data-checked='false'] { + pointer-events: none; + + > li * { + pointer-events: all; + + &::before { + pointer-events: all; + cursor: pointer; + color: #777; + } + } + } + + ul[data-checked='false'] > li::before { + content: '\2610'; + } + + ul[data-checked='true'] > li::before { + content: '\2611'; + } + + li::before { + display: inline-block; + width: calc(#{$quill-indent} - 0.3em); + white-space: nowrap; + } + + li.ql-direction-rtl::before { + margin-right: -$quill-indent; + margin-left: 0.3em; + text-align: left; + + @include app-rtl { + margin-right: 0.3em; + margin-left: -$quill-indent; + text-align: right; + } + } + + li:not(.ql-direction-rtl)::before { + text-align: right; + margin-left: -$quill-indent; + margin-right: 0.3em; + + @include app-rtl { + text-align: left; + margin-left: 0.3em; + margin-right: -$quill-indent; + } + } + + ol li { + counter-increment: list-0; + counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; + + &::before { + content: counter(list-0, decimal) '. '; + } + } + + @include quill-generate-lists($quill-indent); + + .ql-video { + max-width: 100%; + display: block; + + &.ql-align-right { + margin: 0 0 0 auto; + + @include app-rtl { + margin: 0 auto 0 0; + } + } + + &.ql-align-center { + margin: 0 auto; + } + } + + .ql-bg-red { + background-color: #e60000; + } + + .ql-bg-black { + background-color: #000; + } + + .ql-bg-yellow { + background-color: #ff0; + } + + .ql-bg-orange { + background-color: #f90; + } + + .ql-bg-purple { + background-color: #93f; + } + + .ql-bg-blue { + background-color: #06c; + } + + .ql-bg-green { + background-color: #008a00; + } + + .ql-color-red { + color: #e60000; + } + .ql-color-white { + color: #fff; + } + + .ql-color-yellow { + color: #ff0; + } + + .ql-color-orange { + color: #f90; + } + + .ql-color-purple { + color: #93f; + } + + .ql-color-blue { + color: #06c; + } + + .ql-color-green { + color: #008a00; + } + + .ql-direction-rtl { + direction: rtl; + text-align: inherit; + + @include app-rtl { + direction: ltr; + text-align: inherit; + } + } + + .ql-align-center { + text-align: center; + } + + .ql-align-justify { + text-align: justify; + } + + .ql-align-right { + text-align: right; + + @include app-rtl { + text-align: left; + } + } + + img { + max-width: 100%; + } +} + +// Light style +@if $enable-light-style { + .light-style { + .ql-editor, + .ql-content { + blockquote { + font-size: light.$blockquote-font-size; + margin-bottom: light.$spacer; + } + + .ql-font-serif { + font-family: light.$font-family-serif; + } + + .ql-font-monospace { + font-family: light.$font-family-monospace; + } + + .ql-size-large { + font-size: light.$font-size-lg; + } + .ql-size-huge { + font-size: light.$font-size-xl; + } + + .ql-size-small { + font-size: light.$font-size-sm; + } + } + } +} + +// Dark style +@if $enable-dark-style { + .dark-style { + .ql-editor, + .ql-content { + blockquote { + font-size: dark.$blockquote-font-size; + margin-bottom: dark.$spacer; + } + + .ql-font-monospace { + font-family: dark.$font-family-monospace; + } + + .ql-font-serif { + font-family: dark.$font-family-serif; + } + + .ql-size-huge { + font-size: dark.$font-size-xl; + } + + .ql-size-large { + font-size: dark.$font-size-lg; + } + + .ql-size-small { + font-size: dark.$font-size-sm; + } + } + } +} diff --git a/resources/assets/vendor/libs/select2/_mixins.scss b/resources/assets/vendor/libs/select2/_mixins.scss new file mode 100644 index 0000000..d9796b1 --- /dev/null +++ b/resources/assets/vendor/libs/select2/_mixins.scss @@ -0,0 +1,38 @@ +@import '../../scss/_bootstrap-extended/include'; +@mixin select2-variant($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + .select2-container--default .select2-selection--multiple .select2-selection__choice { + background: rgba($background, 0.16) !important; + color: $background !important; + } +} + +@mixin select2-validation-state($state, $border) { + .is-#{$state} .select2-container--default .select2-selection, + .is-#{$state}.select2-container--default .select2-selection { + border-width: $input-focus-border-width; + border-color: $border !important; + } +} + +@mixin select2-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + .select2-container--default { + .select2-results__option--highlighted[aria-selected] { + background-color: $background !important; + color: $color !important; + } + + &.select2-container--focus .select2-selection, + &.select2-container--open .select2-selection { + border-width: $input-focus-border-width; + border-color: $background !important; + } + } + + .select2-primary { + @include select2-variant($background, $color); + } +} diff --git a/resources/assets/vendor/libs/select2/es.js b/resources/assets/vendor/libs/select2/es.js new file mode 100644 index 0000000..68afd6d --- /dev/null +++ b/resources/assets/vendor/libs/select2/es.js @@ -0,0 +1,3 @@ +/*! Select2 4.0.13 | https://github.com/select2/select2/blob/master/LICENSE.md */ + +!function(){if(jQuery&&jQuery.fn&&jQuery.fn.select2&&jQuery.fn.select2.amd)var e=jQuery.fn.select2.amd;e.define("select2/i18n/es",[],function(){return{errorLoading:function(){return"No se pudieron cargar los resultados"},inputTooLong:function(e){var n=e.input.length-e.maximum,r="Por favor, elimine "+n+" car";return r+=1==n?"ácter":"acteres"},inputTooShort:function(e){var n=e.minimum-e.input.length,r="Por favor, introduzca "+n+" car";return r+=1==n?"ácter":"acteres"},loadingMore:function(){return"Cargando más resultados…"},maximumSelected:function(e){var n="Sólo puede seleccionar "+e.maximum+" elemento";return 1!=e.maximum&&(n+="s"),n},noResults:function(){return"No se encontraron resultados"},searching:function(){return"Buscando…"},removeAllItems:function(){return"Eliminar todos los elementos"}}}),e.define,e.require}(); \ No newline at end of file diff --git a/resources/assets/vendor/libs/select2/select2.js b/resources/assets/vendor/libs/select2/select2.js new file mode 100644 index 0000000..19e8c38 --- /dev/null +++ b/resources/assets/vendor/libs/select2/select2.js @@ -0,0 +1,8 @@ +import select2 from 'select2/dist/js/select2.full'; + +try { + window.select2 = select2; +} catch (e) {} +select2(); + +export { select2 }; diff --git a/resources/assets/vendor/libs/select2/select2.scss b/resources/assets/vendor/libs/select2/select2.scss new file mode 100644 index 0000000..f4200e6 --- /dev/null +++ b/resources/assets/vendor/libs/select2/select2.scss @@ -0,0 +1,890 @@ +// Select2 +// ******************************************************************************* + +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; +@import 'mixins'; + +$select2-arrow-wrapper-width: 2.25rem !default; +$select2-multiple-selection-line-height: 1.5rem !default; + +.select2-container { + margin: 0; + width: 100% !important; + display: inline-block; + position: relative; + vertical-align: middle; + box-sizing: border-box; + + @import 'select2/src/scss/single'; + @import 'select2/src/scss/multiple'; + .select2-search--inline { + .select2-search__field { + margin-top: 6px; + } + } +} + +@import 'select2/src/scss/dropdown'; + +.select2-results__option { + &[role='option'] { + margin: 0.125rem 0.5rem; + } + &[role='option'] { + border-radius: light.$border-radius; + padding: 0.543rem light.$spacer; + + &[aria-selected='true'] { + background-color: light.$primary; + color: light.$component-active-color; + } + } +} +.select2-container--default .select2-results__option--highlighted:not([aria-selected='true']) { + background-color: light.$component-hover-bg !important; + color: light.$component-hover-color !important; +} +.select2-hidden-accessible { + clip: rect(0 0 0 0) !important; + overflow: hidden !important; + position: absolute !important; + padding: 0 !important; + margin: -1px !important; + border: 0 !important; + height: 1px !important; + width: 1px !important; +} + +.select2-close-mask { + display: block; + padding: 0; + margin: 0; + position: fixed; + left: 0; + top: 0; + min-width: 100%; + min-height: 100%; + z-index: 99; + width: auto; + opacity: 0; + border: 0; + height: auto; +} + +.select2-dropdown { + border: 0; + border-radius: light.$input-border-radius; +} +.select2-container--default { + // Single Selection + + .select2-selection--single { + .select2-selection__rendered { + padding-right: $select2-arrow-wrapper-width - 0.0625rem; + } + + .select2-selection__clear { + cursor: pointer; + font-weight: light.$font-weight-medium; + float: right; + } + + .select2-selection__arrow { + width: $select2-arrow-wrapper-width; + position: absolute; + right: 1px; + top: 1px; + + b { + position: absolute; + height: 18px; + width: 20px; + top: 24%; + background-repeat: no-repeat; + background-size: 20px 19px; + transform-origin: center; + transition: transform 0.3s ease; + } + } + } + &.select2-container--above.select2-container--open .select2-selection__arrow b { + transform: rotate(180deg); + } + + // Remove outlines + &, + * { + outline: 0 !important; + } + &.select2-container--disabled { + pointer-events: none; + } + + &.select2-container--disabled .select2-selection--single { + cursor: not-allowed; + + .select2-selection__clear { + display: none; + } + } + + @include app-rtl-style { + .select2-selection__clear { + float: left; + } + + .select2-selection__arrow { + left: 1px; + right: auto; + } + } + + // search field styles + .select2-search--dropdown .select2-search__field { + border-radius: light.$input-border-radius; + margin: 0.25rem 0.5rem; + margin-bottom: 0; + width: calc(100% - 1rem); + } + + // Multiple Selection + .select2-selection--multiple { + .select2-selection__rendered { + margin: 0; + box-sizing: border-box; + display: block; + list-style: none; + width: 100%; + + li { + list-style: none; + } + } + + .select2-selection__placeholder { + float: left; + } + + .select2-selection__clear { + cursor: pointer; + font-weight: light.$font-weight-medium; + float: right; + margin-right: 0.625rem; + } + + .select2-search--inline { + line-height: $select2-multiple-selection-line-height; + } + + .select2-selection__choice { + position: relative; + font-size: light.$font-size-sm; + border-radius: light.$border-radius-sm; + padding: 0 0.5rem; + cursor: default; + line-height: $select2-multiple-selection-line-height; + float: left; + @include app-ltr { + padding-right: 1rem; + } + + @include app-rtl { + padding-left: 1rem; + } + } + + .select2-selection__choice__remove { + font-weight: light.$font-weight-medium; + color: inherit; + display: inline-block; + position: absolute; + cursor: pointer; + opacity: 0.5; + + @include app-ltr { + right: 0.3rem; + } + + @include app-rtl { + left: 0.3rem; + } + + &:hover { + opacity: 0.8; + color: inherit; + } + } + } + + &.select2-container--disabled .select2-selection__choice__remove { + display: none; + } + + &.select2-container--disabled .select2-selection--multiple { + cursor: not-allowed; + } + + @include app-rtl-style { + .select2-selection__choice, + .select2-selection__placeholder, + .select2-search--inline { + float: right; + } + + .select2-selection__choice__remove { + margin-left: 0; + float: left; + margin-right: 0.25rem; + } + + .select2-selection__clear { + margin-left: 0.625rem; + float: left; + } + } + + // Placeholder + .select2-search__field::-moz-placeholder { + opacity: 1; + } + + .select2-search--inline .select2-search__field { + box-shadow: none; + background: transparent; + border: none; + outline: 0; + -webkit-appearance: textfield; + } + + &.select2-container--focus .select2-search--inline .select2-search__field { + margin-top: 5px; + } + .select2-results > .select2-results__options { + max-height: 15rem; + overflow-y: auto; + margin-block: 0.5rem; + } + + .select2-results__option { + &[role='group'] { + padding: 0; + } + &[aria-disabled='true'] { + color: #999; + } + + .select2-results__option .select2-results__group { + padding-left: 0; + } + } + + &.select2-container--open { + &.select2-container--below .select2-selection { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + &.select2-container--above .select2-selection { + border-top-right-radius: 0; + border-top-left-radius: 0; + } + } + + .select2-results__group { + cursor: default; + display: block; + font-weight: light.$font-weight-medium; + } +} + +.select2-hidden-accessible { + &.is-invalid { + + .select2-container--default { + &.select2-container--focus { + .select2-search--inline { + .select2-search__field { + margin-top: 6px; + } + } + } + } + } +} + +@include app-rtl(false) { + .select2-container--default .select2-selection--single .select2-selection__rendered { + padding-left: $select2-arrow-wrapper-width - 0.0625rem; + } +} + +@if $enable-light-style { + .light-style { + $select2-multiple-choice-spacer: px-to-rem( + floor(rem-to-px((light.$input-height-inner - $select2-multiple-selection-line-height) * 0.5)) + ); + .select2-hidden-accessible { + &.is-invalid { + + .select2-container--default { + &, + &.select2-container--open { + .select2-selection--multiple { + padding: calc( + light.$form-select-padding-y - + light.$input-border-width - + $select2-multiple-choice-spacer - + light.$input-border-width + ) + calc(light.$form-select-padding-x - $input-focus-border-width); + } + } + } + } + } + + .select2-selection--multiple { + .select2-selection__clear { + margin-top: $select2-multiple-choice-spacer; + } + .select2-selection__rendered { + padding: 0; + } + + .select2-selection__choice { + margin-top: calc($select2-multiple-choice-spacer - 1px); + margin-right: $select2-multiple-choice-spacer; + background-color: light.$gray-75; + &:nth-last-child(2) { + margin-bottom: calc($select2-multiple-choice-spacer - 1px); + } + } + + .select2-selection__placeholder { + margin-top: $select2-multiple-choice-spacer; + } + } + + .select2-search__field { + color: light.$input-color; + } + + .select2-dropdown { + background: light.$dropdown-bg; + box-shadow: light.$dropdown-box-shadow; + background-clip: padding-box; + border-color: light.$dropdown-border-color; + z-index: light.$zindex-dropdown; + &.select2-dropdown--above { + box-shadow: 0 -0.2rem 1.25rem rgba(light.rgba-to-hex(light.$gray-500, light.$rgba-to-hex-bg), 0.4) !important; + } + } + + .select2-container--default { + .select2-selection { + transition: light.$input-transition; + background-color: light.$input-bg; + border: 1px solid light.$input-border-color; + + @include light.border-radius(light.$border-radius); + &:hover { + border-color: light.$input-border-hover-color; + } + } + + .select2-selection__placeholder { + color: light.$input-placeholder-color; + } + + // Single Selection + // ******************************************************************************* + + .select2-selection--single { + height: light.$input-height; + + .select2-selection__clear { + color: light.$text-muted; + } + + .select2-selection__arrow { + height: light.$input-height; + position: absolute; + + b { + background-image: str-replace( + str-replace( + light.$form-select-indicator, + '#{$form-select-indicator-color}', + light.$form-select-indicator-color + ), + '#', + '%23' + ); + } + } + .select2-selection__rendered { + line-height: calc(light.$input-height-inner - light.$input-border-width); + color: light.$input-color; + } + } + &.select2-container--disabled .select2-selection__arrow { + b { + background-image: str-replace( + str-replace(light.$form-select-disabled-indicator, '#{$text-muted}', light.$text-muted), + '#', + '%23' + ); + } + } + @include app-ltr-style { + .select2-selection--single .select2-selection__rendered { + padding-left: calc(light.$input-padding-x - light.$input-border-width); + } + } + + @include app-rtl-style { + .select2-selection--single .select2-selection__rendered { + padding-right: calc(light.$input-padding-x - light.$input-border-width); + } + } + + &.select2-container--disabled .select2-selection--single { + background-color: light.$input-disabled-bg; + border-color: light.$input-border-color !important; + .select2-selection__rendered { + color: light.$text-muted; + } + } + + // Multiple Selection + // ******************************************************************************* + + .select2-selection--multiple { + min-height: calc(light.$input-height - light.$input-focus-border-width); + // TODO: Improve the padding calculation + padding: calc(light.$form-select-padding-y - light.$input-border-width - $select2-multiple-choice-spacer) + calc(light.$form-select-padding-x - light.$input-border-width); + .select2-selection__choice { + color: light.$body-color; + background-color: light.$gray-75; + } + } + &.select2-container--focus, + &.select2-container--open { + .select2-selection--single { + .select2-selection__rendered { + line-height: calc($input-height-inner - $input-border-width - $input-focus-border-width); + padding-inline-start: calc(light.$input-padding-x - $input-focus-border-width); + padding-inline-end: calc($select2-arrow-wrapper-width - $input-focus-border-width); + } + } + .select2-selection--multiple { + padding: calc( + light.$form-select-padding-y - + light.$input-border-width - + $select2-multiple-choice-spacer - + light.$input-border-width + ) + calc(light.$form-select-padding-x - $input-focus-border-width); + .select2-selection__choice { + margin-top: calc($select2-multiple-choice-spacer - light.$input-focus-border-width); + &:nth-last-child(2) { + margin-bottom: calc($select2-multiple-choice-spacer - light.$input-focus-border-width); + } + } + } + } + + &.select2-container--disabled .select2-selection--multiple { + border-color: light.$input-border-color !important; + background-color: light.$input-disabled-bg; + .select2-selection__rendered { + color: light.$text-muted; + } + } + + // Generic + // ******************************************************************************* + + .select2-search--dropdown .select2-search__field { + border: 1px solid light.$input-border-color; + } + + // Placeholder + .select2-search__field { + &::-webkit-input-placeholder { + color: light.$input-placeholder-color; + } + + &::-moz-placeholder { + color: light.$input-placeholder-color; + } + + &:-ms-input-placeholder { + color: light.$input-placeholder-color; + } + } + + .select2-results__option { + color: light.$headings-color; + &[aria-selected='true'] { + color: light.$body-color; + background-color: light.$gray-100; + } + + .select2-results__option[role='option'] { + width: calc(#{'100% - #{light.$input-padding-x}'}); + padding-left: light.$input-padding-x; + + .select2-results__option[role='option'] { + padding-left: light.$input-padding-x * 2; + + .select2-results__option[role='option'] { + padding-left: light.$input-padding-x * 3; + + .select2-results__option[role='option'] { + padding-left: light.$input-padding-x * 4; + + .select2-results__option[role='option'] { + padding-left: light.$input-padding-x * 5; + + .select2-results__option[role='option'] { + padding-left: light.$input-padding-x; + } + } + } + } + } + } + } + + .select2-results__group { + padding: 0.5rem (light.$input-padding-x * 0.5); + } + } + + @if $enable-rtl-support { + .select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice { + margin-left: $select2-multiple-choice-spacer; + margin-right: 0; + } + } + + @include app-rtl-style { + .select2-container--default { + .select2-results__option .select2-results__option { + padding-right: light.$input-padding-x; + padding-left: 0 !important; + margin-left: 0 !important; + + .select2-results__option[role='option'] { + padding-right: light.$input-padding-x * 2; + + .select2-results__option[role='option'] { + padding-right: light.$input-padding-x * 3; + + .select2-results__option[role='option'] { + padding-right: light.$input-padding-x * 4; + + .select2-results__option[role='option'] { + padding-right: light.$input-padding-x * 5; + + .select2-results__option[role='option'] { + padding-right: light.$input-padding-x; + } + } + } + } + } + } + } + } + + @include select2-validation-state('valid', light.$form-feedback-valid-color); + @include select2-validation-state('invalid', light.$form-feedback-invalid-color); + + @each $color, $value in light.$theme-colors { + @if $color != primary { + .select2-#{$color} { + @include select2-variant($value); + } + } + } + } +} + +@if $enable-dark-style { + .dark-style { + $select2-multiple-choice-spacer: px-to-rem( + floor(rem-to-px((dark.$input-height-inner - $select2-multiple-selection-line-height) * 0.5)) + ); + + .select2-selection--multiple { + .select2-selection__choice { + margin-top: calc($select2-multiple-choice-spacer - 1px); + margin-right: $select2-multiple-choice-spacer; + background-color: dark.$gray-75; + &:nth-last-child(2) { + margin-bottom: calc($select2-multiple-choice-spacer - 1px); + } + } + .select2-selection__clear { + margin-top: $select2-multiple-choice-spacer; + } + .select2-selection__placeholder { + margin-top: $select2-multiple-choice-spacer; + } + + .select2-selection__rendered { + padding: 0; + } + } + + @if $enable-rtl-support { + .select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice { + margin-left: $select2-multiple-choice-spacer; + margin-right: 0; + } + } + + .select2-container--default { + .select2-selection { + transition: dark.$input-transition; + background-color: dark.$input-bg; + border: 1px solid dark.$input-border-color; + + @include dark.border-radius(dark.$border-radius); + &:hover { + border-color: dark.$input-border-hover-color; + } + } + + .select2-selection__placeholder { + color: dark.$input-placeholder-color; + } + + // Single Selection + // ******************************************************************************* + + .select2-selection--single { + height: dark.$input-height; + + .select2-selection__arrow { + height: dark.$input-height; + position: absolute; + + b { + background-image: str-replace( + str-replace( + dark.$form-select-indicator, + '#{$form-select-indicator-color}', + dark.$form-select-indicator-color + ), + '#', + '%23' + ); + } + } + + .select2-selection__rendered { + line-height: calc(dark.$input-height-inner - dark.$input-border-width); + color: dark.$input-color; + } + + .select2-selection__clear { + color: dark.$text-muted; + } + } + &.select2-container--disabled .select2-selection__arrow { + b { + background-image: str-replace( + str-replace(dark.$form-select-disabled-indicator, '#{$text-muted}', dark.$text-muted), + '#', + '%23' + ); + } + } + @include app-ltr-style { + .select2-selection--single .select2-selection__rendered { + padding-left: calc(dark.$input-padding-x - dark.$input-border-width); + } + } + + // Multiple Selection + + .select2-selection--multiple { + min-height: calc(dark.$input-height - dark.$input-focus-border-width); + // TODO: Improve the padding calculation + padding: calc(dark.$form-select-padding-y - dark.$input-border-width - $select2-multiple-choice-spacer) + calc(dark.$form-select-padding-x - dark.$input-border-width); + .select2-selection__choice { + color: dark.$body-color; + background-color: dark.$gray-75; + } + } + &.select2-container--focus, + &.select2-container--open { + .select2-selection--single { + .select2-selection__rendered { + line-height: calc(dark.$input-height-inner - dark.$input-border-width - dark.$input-focus-border-width); + padding-inline-start: calc(dark.$input-padding-x - dark.$input-focus-border-width) !important; + padding-inline-end: calc($select2-arrow-wrapper-width - dark.$input-focus-border-width); + } + } + .select2-selection--multiple { + padding: calc( + dark.$form-select-padding-y - + dark.$input-border-width - + $select2-multiple-choice-spacer - + dark.$input-border-width + ) + calc(dark.$form-select-padding-x - dark.$input-focus-border-width); + .select2-selection__choice { + margin-top: calc($select2-multiple-choice-spacer - light.$input-focus-border-width); + &:nth-last-child(2) { + margin-bottom: calc($select2-multiple-choice-spacer - light.$input-focus-border-width); + } + } + } + } + + &.select2-container--disabled .select2-selection--multiple { + border-color: dark.$input-border-color !important; + background-color: dark.$input-disabled-bg; + .select2-selection__rendered { + color: dark.$text-muted; + } + } + + @include app-rtl-style { + .select2-selection--single .select2-selection__rendered { + padding-right: calc(dark.$input-padding-x - dark.$input-border-width); + } + } + + &.select2-container--open .select2-selection--single .select2-selection__arrow b { + border-color: transparent transparent dark.$input-placeholder-color transparent; + } + + &.select2-container--disabled .select2-selection--single { + background-color: dark.$input-disabled-bg; + border-color: dark.$input-border-color !important; + .select2-selection__rendered { + color: dark.$text-muted; + } + } + + // Placeholder + .select2-search__field { + &::-webkit-input-placeholder { + color: dark.$input-placeholder-color; + } + &::-moz-placeholder { + color: dark.$input-placeholder-color; + } + + &:-ms-input-placeholder { + color: dark.$input-placeholder-color; + } + } + + .select2-search--dropdown .select2-search__field { + border: 1px solid dark.$input-border-color; + background: dark.$input-bg; + } + + .select2-results__option { + color: dark.$headings-color; + &[aria-selected='true'] { + color: dark.$body-color; + background-color: dark.$gray-100; + } + + .select2-results__option { + .select2-results__option[role='option'] { + padding-left: dark.$input-padding-x; + + .select2-results__option[role='option'] { + padding-left: dark.$input-padding-x * 2; + + .select2-results__option[role='option'] { + padding-left: dark.$input-padding-x * 3; + + .select2-results__option[role='option'] { + padding-left: dark.$input-padding-x * 4; + + .select2-results__option[role='option'] { + padding-left: dark.$input-padding-x * 5; + + .select2-results__option[role='option'] { + padding-left: dark.$input-padding-x; + } + } + } + } + } + } + } + } + + .select2-results__group { + padding: 0.5rem (dark.$input-padding-x * 0.5); + } + } + + .select2-dropdown { + z-index: dark.$zindex-dropdown; + background: dark.$dropdown-bg; + border-color: dark.$dropdown-border-color; + background-clip: padding-box; + box-shadow: dark.$dropdown-box-shadow; + &.select2-dropdown--above { + box-shadow: 0 -0.2rem 1.25rem rgba(15, 20, 34, 0.55) !important; + } + } + + .select2-search__field { + color: dark.$input-color; + } + + @include app-rtl-style { + .select2-container--default { + .select2-results__option .select2-results__option { + padding-left: 0 !important; + padding-right: dark.$input-padding-x; + margin-left: 0 !important; + + .select2-results__option[role='option'] { + padding-right: dark.$input-padding-x * 2; + + .select2-results__option[role='option'] { + padding-right: dark.$input-padding-x * 3; + + .select2-results__option[role='option'] { + padding-right: dark.$input-padding-x * 4; + + .select2-results__option[role='option'] { + padding-right: dark.$input-padding-x * 5; + + .select2-results__option[role='option'] { + padding-right: dark.$input-padding-x; + } + } + } + } + } + } + } + } + + @include select2-validation-state('valid', dark.$form-feedback-valid-color); + @include select2-validation-state('invalid', dark.$form-feedback-invalid-color); + + @each $color, $value in dark.$theme-colors { + @if $color != primary { + .select2-#{$color} { + @include select2-variant($value); + } + } + } + } +} diff --git a/resources/assets/vendor/libs/shepherd/_mixins.scss b/resources/assets/vendor/libs/shepherd/_mixins.scss new file mode 100644 index 0000000..7b247b5 --- /dev/null +++ b/resources/assets/vendor/libs/shepherd/_mixins.scss @@ -0,0 +1,8 @@ +@import '../../scss/_bootstrap-extended/include'; +@mixin tour-theme($background) { + // ! Note: If we remove this mixin, the background-color of label button in dark mode will not work properly. + .shepherd-element { + @include template-button-variant('.shepherd-button:not(:disabled).btn-primary', $background); + @include template-button-label-variant('.shepherd-button:not(:disabled).btn-label-secondary', $secondary); + } +} diff --git a/resources/assets/vendor/libs/shepherd/shepherd.js b/resources/assets/vendor/libs/shepherd/shepherd.js new file mode 100644 index 0000000..a9e4882 --- /dev/null +++ b/resources/assets/vendor/libs/shepherd/shepherd.js @@ -0,0 +1,7 @@ +import Shepherd from 'shepherd.js/dist/js/shepherd'; + +try { + window.Shepherd = Shepherd; +} catch (e) {} + +export { Shepherd }; diff --git a/resources/assets/vendor/libs/shepherd/shepherd.scss b/resources/assets/vendor/libs/shepherd/shepherd.scss new file mode 100644 index 0000000..d1243f6 --- /dev/null +++ b/resources/assets/vendor/libs/shepherd/shepherd.scss @@ -0,0 +1,144 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@charset "UTF-8"; +@import '../../scss/_custom-variables/libs'; +@import 'shepherd.js/dist/css/shepherd'; +@import './mixins'; + +$shepherd-header-content-padding-x: 1.25rem !default; +$shepherd-header-content-padding-y: 1.25rem !default; +$shepherd-btn-padding-x: 1.25rem !default; +$shepherd-container-width: 15rem !default; + +.shepherd-element { + .shepherd-arrow:before { + border-right: 1px solid; + border-bottom: 1px solid; + } + .shepherd-content { + min-width: $shepherd-container-width; + border-radius: light.$border-radius !important; + .shepherd-header { + padding: $shepherd-header-content-padding-y $shepherd-header-content-padding-x 0; + .shepherd-title { + font-weight: light.$font-weight-medium !important; + font-size: light.$h5-font-size !important; + } + + .shepherd-cancel-icon { + font-size: 1.85rem !important; + &:focus { + outline: 0; + } + } + } + .shepherd-text { + font-size: light.$font-size-base !important; + padding: 1rem $shepherd-header-content-padding-x !important; + } + + .shepherd-footer { + .shepherd-button { + &:not(:last-child) { + margin-right: 0.75rem !important; + } + } + padding: 0 $shepherd-header-content-padding-x $shepherd-header-content-padding-y !important; + } + } + // Ask before submit + &[data-popper-placement='bottom'] { + margin-top: 0.8rem !important; + } + &[data-popper-placement='top'] { + margin-top: -0.8rem !important; + } + &[data-popper-placement='left'] { + margin-left: -0.8rem !important; + .shepherd-arrow:before { + border-bottom: 0; + border-top: 1px solid; + } + } + &[data-popper-placement='right'] { + margin-left: 0.8rem !important; + .shepherd-arrow:before { + border-right: 0; + border-left: 1px solid; + } + } +} + +// Light style +@if $enable-light-style { + .shepherd-element { + box-shadow: light.$box-shadow; + background-color: light.$card-bg !important; + .shepherd-content { + .shepherd-header { + background: light.$card-bg !important; + .shepherd-title { + color: light.$headings-color !important; + } + .shepherd-cancel-icon { + color: light.$text-muted !important; + } + } + .shepherd-text { + color: light.$body-color !important; + } + } + .shepherd-arrow:before { + background-color: light.$card-bg !important; + border-color: light.$card-bg !important; + } + } +} + +// Dark Style +@if $enable-dark-style { + .dark-style { + .shepherd-element { + box-shadow: dark.$box-shadow; + background: dark.$card-bg !important; + .shepherd-content { + .shepherd-header { + background: dark.$card-bg !important; + .shepherd-title { + color: dark.$headings-color !important; + } + .shepherd-cancel-icon { + color: dark.$text-muted !important; + } + } + .shepherd-text { + color: dark.$body-color !important; + } + } + } + .shepherd-arrow:before { + background-color: dark.$card-bg !important; + border-color: dark.$card-bg !important; + } + } +} + +// RTL +@if $enable-rtl-support { + [dir='rtl'] { + .shepherd-element { + .btn-next { + margin-right: 0.75rem; + } + &[data-popper-placement='left'] { + margin-left: -0.8rem !important; + } + } + } +} + +@include light.media-breakpoint-down(sm) { + .shepherd-element { + max-width: 300px !important; + } +} diff --git a/resources/assets/vendor/libs/spinkit/_mixins.scss b/resources/assets/vendor/libs/spinkit/_mixins.scss new file mode 100644 index 0000000..612206b --- /dev/null +++ b/resources/assets/vendor/libs/spinkit/_mixins.scss @@ -0,0 +1,14 @@ +@mixin spinkit-theme($background) { + .sk-primary.sk-plane, + .sk-primary .sk-chase-dot:before, + .sk-primary .sk-bounce-dot, + .sk-primary .sk-wave-rect, + .sk-primary.sk-pulse, + .sk-primary .sk-swing-dot, + .sk-primary .sk-circle-dot:before, + .sk-primary .sk-circle-fade-dot:before, + .sk-primary .sk-grid-cube, + .sk-primary .sk-fold-cube:before { + background-color: $background; + } +} diff --git a/resources/assets/vendor/libs/spinkit/spinkit.scss b/resources/assets/vendor/libs/spinkit/spinkit.scss new file mode 100644 index 0000000..622912c --- /dev/null +++ b/resources/assets/vendor/libs/spinkit/spinkit.scss @@ -0,0 +1,25 @@ +@import 'spinkit/spinkit'; +:root { + --sk-size: 30px; + --sk-color: #fff; +} + +.sk-wave { + width: 40px; + white-space: nowrap; +} + +.sk-fading-circle .sk-circle { + margin-top: 0; + margin-bottom: 0; +} + +.sk-wave { + width: 40px; + white-space: nowrap; +} + +.sk-fading-circle .sk-circle { + margin-top: 0; + margin-bottom: 0; +} diff --git a/resources/assets/vendor/libs/sweetalert2/_mixins.scss b/resources/assets/vendor/libs/sweetalert2/_mixins.scss new file mode 100644 index 0000000..25241f9 --- /dev/null +++ b/resources/assets/vendor/libs/sweetalert2/_mixins.scss @@ -0,0 +1,35 @@ +@import '../../scss/_bootstrap-extended/functions'; + +@mixin sweetalert2-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step, + .swal2-progress-steps[class] .swal2-progress-step-line, + .swal2-progress-steps[class] .swal2-active-progress-step, + .swal2-progress-steps[class] .swal2-progress-step { + background: $background; + color: $color; + } + + .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, + .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { + background: mix($white, $background, 85%); + } +} + +@mixin sweetalert2-dark-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step, + .swal2-progress-steps[class] .swal2-progress-step-line, + .swal2-progress-steps[class] .swal2-active-progress-step, + .swal2-progress-steps[class] .swal2-progress-step { + background: $background; + color: $color; + } + + .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, + .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { + background: mix($dark, $background, 55%); + } +} diff --git a/resources/assets/vendor/libs/sweetalert2/sweetalert2.js b/resources/assets/vendor/libs/sweetalert2/sweetalert2.js new file mode 100644 index 0000000..bb7762e --- /dev/null +++ b/resources/assets/vendor/libs/sweetalert2/sweetalert2.js @@ -0,0 +1,16 @@ +import SwalPlugin from 'sweetalert2/dist/sweetalert2'; + +const Swal = SwalPlugin.mixin({ + buttonsStyling: false, + customClass: { + confirmButton: 'btn btn-primary', + cancelButton: 'btn btn-label-danger', + denyButton: 'btn btn-label-secondary' + } +}); + +try { + window.Swal = Swal; +} catch (e) {} + +export { Swal }; diff --git a/resources/assets/vendor/libs/sweetalert2/sweetalert2.scss b/resources/assets/vendor/libs/sweetalert2/sweetalert2.scss new file mode 100644 index 0000000..12b8d56 --- /dev/null +++ b/resources/assets/vendor/libs/sweetalert2/sweetalert2.scss @@ -0,0 +1,314 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; +@import 'sweetalert2/src/sweetalert2'; + +// Sweet Alert2 Modal +.swal2-modal.swal2-popup { + .swal2-title { + margin: 1.875rem 0 1rem 0; + max-width: calc(var(--swal2-width) * 0.5); + line-height: light.$line-height-base; + } + + .swal2-content { + margin: 0 0 1rem 0; + } + + .swal2-actions { + margin-top: 1rem; + .btn { + align-items: center; + } + } + + .swal2-actions button + button { + margin-left: 0.375rem; + + @include app-rtl { + margin-left: 0; + margin-right: 0.375rem; + } + } + + .swal2-input, + .swal2-file, + .swal2-textarea { + box-shadow: none !important; + } + + .swal2-icon { + margin-bottom: 0; + } + + .swal2-checkbox input, + .swal2-radio input { + margin-right: 0.375rem; + + @include app-rtl { + margin-right: 0; + margin-left: 0.375rem; + } + } + .swal2-close:focus { + box-shadow: none; + } +} + +// RTL Specific +@include app-rtl(false) { + .swal2-close { + right: auto; + left: 0.5rem; + } + + .swal2-range input { + float: right; + } + + .swal2-range output { + float: left; + } + + .swal2-radio label:not(:first-child) { + margin-left: 0; + margin-right: 1.25rem; + } + + .swal2-validationerror::before { + margin-left: 0.625rem; + margin-right: 0; + } + + .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { + margin-left: 0; + margin-right: 0.3125rem; + } +} + +// Light style +@if $enable-light-style { + .light-style { + .swal2-container { + z-index: light.$zindex-modal; + + .tooltip { + z-index: light.$zindex-modal + 2; + } + + .popover { + z-index: light.$zindex-modal + 1; + } + } + + .swal2-modal.swal2-popup { + font-family: light.$font-family-base; + box-shadow: light.$modal-content-box-shadow-xs; + + @include light.border-radius(light.$border-radius); + } + + .swal2-container.swal2-shown { + background: rgba(light.$modal-backdrop-bg, light.$modal-backdrop-opacity); + } + + .swal2-popup .swal2-title { + font-size: light.$h2-font-size; + font-weight: light.$headings-font-weight; + color: light.$body-color; + } + + .swal2-popup .swal2-content { + color: light.$text-muted; + line-height: light.$line-height-base; + font-size: light.$lead-font-size; + font-weight: light.$lead-font-weight; + } + + .swal2-popup .swal2-input, + .swal2-popup .swal2-file, + .swal2-popup .swal2-textarea { + border: light.$input-border-width solid light.$input-border-color !important; + font-size: light.$font-size-lg; + color: light.$body-color; + + @include light.border-radius(light.$border-radius-lg); + } + + .swal2-popup .swal2-validationerror { + color: light.$body-color; + background: light.$gray-100; + } + + // Colors + .swal2-popup .swal2-icon.swal2-success { + border-color: light.$success; + + .swal2-success-ring { + border-color: rgba(light.$success, 0.2); + } + + [class^='swal2-success-line'] { + background-color: light.$success; + } + } + + .swal2-popup .swal2-icon.swal2-question { + border-color: rgba(light.$secondary, 0.4); + color: light.$secondary; + } + + .swal2-popup .swal2-icon.swal2-info { + border-color: rgba(light.$info, 0.4); + color: light.$info; + } + + .swal2-popup .swal2-icon.swal2-warning { + border-color: rgba(light.$warning, 0.8); + color: light.$warning; + } + + .swal2-popup .swal2-icon.swal2-error { + border-color: rgba(light.$danger, 0.6); + + [class^='swal2-x-mark-line'] { + border-color: light.$danger; + } + } + } +} +// Dark Style +@if $enable-dark-style { + .dark-style { + .swal2-container { + z-index: dark.$zindex-modal; + + .tooltip { + z-index: dark.$zindex-modal + 2; + } + + .popover { + z-index: dark.$zindex-modal + 1; + } + } + + .swal2-modal.swal2-popup { + background: dark.$modal-content-bg; + font-family: dark.$font-family-base; + box-shadow: dark.$modal-content-box-shadow-xs; + + @include dark.border-radius(dark.$border-radius); + } + + .swal2-container.swal2-shown { + background: rgba(dark.$modal-backdrop-bg, dark.$modal-backdrop-opacity); + } + + .swal2-popup .swal2-title { + font-size: dark.$h2-font-size; + font-weight: dark.$headings-font-weight; + color: dark.$body-color; + } + + .swal2-popup .swal2-content { + font-weight: dark.$lead-font-weight; + color: dark.$text-muted; + line-height: dark.$line-height-base; + font-size: dark.$lead-font-size; + pre { + color: dark.$body-color; + } + } + .swal2-popup .swal2-footer { + border-top: 1px solid dark.$border-color; + } + + .swal2-popup .swal2-html-container { + color: dark.$body-color; + } + + .swal2-popup .swal2-input, + .swal2-popup .swal2-file, + .swal2-popup .swal2-textarea { + color: dark.$body-color; + border: dark.$input-border-width solid dark.$input-border-color !important; + font-size: dark.$font-size-lg; + + @include dark.border-radius(dark.$border-radius-lg); + } + + .swal2-popup .swal2-validationerror { + color: dark.$body-color; + background: dark.$gray-100; + } + + // Colors + .swal2-popup .swal2-icon.swal2-success { + border-color: dark.$success; + + .swal2-success-ring { + border-color: rgba(dark.$success, 0.2); + } + + [class^='swal2-success-line'] { + background-color: dark.$success; + } + } + + .swal2-popup .swal2-icon.swal2-question { + border-color: rgba(dark.$secondary, 0.4); + color: dark.$secondary; + } + + .swal2-popup .swal2-icon.swal2-info { + border-color: rgba(dark.$info, 0.4); + color: dark.$info; + } + + .swal2-popup .swal2-icon.swal2-warning { + border-color: rgba(dark.$warning, 0.8); + color: dark.$warning; + } + + .swal2-popup .swal2-icon.swal2-error { + border-color: rgba(dark.$danger, 0.6); + + [class^='swal2-x-mark-line'] { + border-color: dark.$danger; + } + } + } +} + +.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { + display: block; + width: 1em; + height: 1em; + margin-left: 0.2rem; + border: 0.15em solid currentColor; + border-right-color: transparent; + box-shadow: none; + + @include app-rtl { + margin-left: 0; + margin-right: 0.5em; + } +} + +// IE Specific +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .swal2-modal:not([style='display: none;']), + .swal2-icon:not([style='display: none;']), + .swal2-actions:not([style='display: none;']), + .swal2-image:not([style='display: none;']), + .swal2-input:not([style='display: none;']), + .swal2-file:not([style='display: none;']), + .swal2-range:not([style='display: none;']), + .swal2-select:not([style='display: none;']), + .swal2-radio:not([style='display: none;']), + .swal2-checkbox:not([style='display: none;']), + .swal2-textarea:not([style='display: none;']), + .swal2-footer:not([style='display: none;']) { + display: flex; + } +} diff --git a/resources/assets/vendor/libs/swiper/_mixins.scss b/resources/assets/vendor/libs/swiper/_mixins.scss new file mode 100644 index 0000000..66c841f --- /dev/null +++ b/resources/assets/vendor/libs/swiper/_mixins.scss @@ -0,0 +1,6 @@ +@mixin swiper-theme($background) { + .swiper-pagination-bullet.swiper-pagination-bullet-active, + .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: $background !important; + } +} diff --git a/resources/assets/vendor/libs/swiper/swiper.js b/resources/assets/vendor/libs/swiper/swiper.js new file mode 100644 index 0000000..ff6e4b1 --- /dev/null +++ b/resources/assets/vendor/libs/swiper/swiper.js @@ -0,0 +1,7 @@ +import Swiper from 'swiper/bundle'; + +try { + window.Swiper = Swiper; +} catch (e) {} + +export { Swiper }; diff --git a/resources/assets/vendor/libs/swiper/swiper.scss b/resources/assets/vendor/libs/swiper/swiper.scss new file mode 100644 index 0000000..8f92171 --- /dev/null +++ b/resources/assets/vendor/libs/swiper/swiper.scss @@ -0,0 +1,113 @@ +@import '../../scss/_bootstrap-extended/include'; +@import '../../scss/_custom-variables/libs'; +@import 'swiper/css/bundle'; + +.swiper { + width: 100%; + overflow: hidden !important; + .swiper-slide { + color: $white; + } + .swiper-pagination-bullet.swiper-pagination-bullet-active.bg-transparent { + background: transparent !important; + } +} + +.swiper-button-prev, +.swiper-button-next { + display: flex; + justify-content: center; + align-items: center; + + &.swiper-button-white { + color: $white; + } + + &.custom-icon { + background-image: none; + line-height: 1; + &::after { + font-size: 2rem; + } + @include app-rtl { + transform: scaleX(-1) rotate(180deg); + } + } +} + +.swiper-pagination-bullet { + background: rgba(0, 0, 0, 0.7); +} + +.swiper-pagination-progressbar, +.swiper-scrollbar { + background: rgba(0, 0, 0, 0.08); +} + +.swiper-scrollbar-drag { + background: rgba(0, 0, 0, 0.3); +} + +.swiper-pagination-white { + .swiper-pagination-bullet { + background: $white !important; + } + + .swiper-pagination-bullet-active { + background: $white !important; + } +} + +.swiper-scrollbar-white { + background: rgba(255, 255, 255, 0.2) !important; + + .swiper-scrollbar-drag { + background: $white !important; + } +} + +// black arrows for 3d style +@if $enable-dark-style { + .dark-style { + .swiper-3d { + .swiper-pagination-bullet { + background-color: $white; + } + .swiper-button-prev, + .swiper-button-next { + &.swiper-button-black { + --swiper-navigation-color: $white; + } + } + } + } +} + +@include app-rtl(false) { + .swiper-button-next { + right: auto; + left: 10px; + } + + .swiper-button-prev { + right: 10px; + left: auto; + } + + .swiper-vertical { + > .swiper-pagination-bullets { + right: auto; + left: 10px; + } + + > .swiper-pagination-progressbar { + right: 0; + left: auto; + } + + > .swiper-scrollbar { + right: auto; + left: 3px; + } + } +} diff --git a/resources/assets/vendor/libs/tagify/_mixins.scss b/resources/assets/vendor/libs/tagify/_mixins.scss new file mode 100644 index 0000000..57a2912 --- /dev/null +++ b/resources/assets/vendor/libs/tagify/_mixins.scss @@ -0,0 +1,8 @@ +@mixin tagify-theme($color) { + .tagify--focus { + border-color: $color !important; + } + .tagify__dropdown__item--active { + background: $color !important; + } +} diff --git a/resources/assets/vendor/libs/tagify/_tagify-email-list.scss b/resources/assets/vendor/libs/tagify/_tagify-email-list.scss new file mode 100644 index 0000000..5cf2047 --- /dev/null +++ b/resources/assets/vendor/libs/tagify/_tagify-email-list.scss @@ -0,0 +1,105 @@ +.tagify-email-list { + display: inline-block; + min-width: 0; + border: none; + &.tagify { + padding: 0 !important; + padding-bottom: calc($tag-spacer - light.$input-border-width) !important; + } + + &.tagify { + padding: 0 !important; + padding-bottom: calc($tag-spacer - light.$input-border-width) !important; + } + + &.tagify.tagify--focus { + padding-left: 0 !important; + } + .tagify__tag { + margin: 0; + margin-inline-start: 0 !important; + margin-inline-end: $tag-spacer !important; + margin-bottom: $tag-spacer !important; + > div { + padding: $tag-spacer * 0.5 $tag-spacer !important; + padding-inline: $tag-spacer * 2 !important; + } + &:only-of-type { + > div { + padding-inline: $tag-spacer !important; + } + } + } + + /* Do not show the "remove tag" (x) button when only a single tag remains */ + .tagify__tag:only-of-type .tagify__tag__removeBtn { + display: none; + } + + .tagify__tag__removeBtn { + opacity: 0; + transform: translateX(-6px) scale(0.5); + margin-left: -3ch; + transition: 0.12s; + position: absolute; + inset-inline-end: 0; + } + + .tagify__tag:hover .tagify__tag__removeBtn { + transform: none; + opacity: 1; + margin-left: -1ch; + } + + .tagify__input { + display: none; + } +} + +.tagify__tag > div { + border-radius: light.$border-radius-pill; +} + +//RTL +@include app-rtl(false) { + .tagify-email-list { + .tagify__tag { + margin: 0 $tag-spacer $tag-spacer 0; + &:hover .tagify__tag__removeBtn { + margin-left: auto; + margin-right: -1ch; + } + } + .tagify__tag__removeBtn { + transform: translateX(6px) scale(0.5); + margin-left: auto; + margin-right: -3ch; + } + } +} + +// Light styles +@if $enable-light-style { + .light-style { + .tagify-email-list { + .tagify__tag { + &--editable:not(.tagify--invalid) > div::before { + box-shadow: 0 0 0 2px light.$border-color inset !important; + } + } + } + } +} + +// Dark styles +@if $enable-dark-style { + .dark-style { + .tagify-email-list { + .tagify__tag { + &--editable:not(.tagify--invalid) > div::before { + box-shadow: 0 0 0 2px dark.$border-color inset !important; + } + } + } + } +} diff --git a/resources/assets/vendor/libs/tagify/_tagify-inline-suggestion.scss b/resources/assets/vendor/libs/tagify/_tagify-inline-suggestion.scss new file mode 100644 index 0000000..75a2685 --- /dev/null +++ b/resources/assets/vendor/libs/tagify/_tagify-inline-suggestion.scss @@ -0,0 +1,67 @@ +.tags-inline { + .tagify__dropdown__wrapper { + padding: 0 $tag-spacer $tag-spacer $tag-spacer; + border: none; + box-shadow: none; + } + .tagify__dropdown__item { + display: inline-block; + border-radius: 3px; + padding: 0.3em 0.5em; + margin: $tag-spacer $tag-spacer 0 0; + font-size: 0.85em; + transition: 0s; + } +} + +//RTL +@include app-rtl(false) { + .tags-inline { + .tagify__dropdown__item { + margin: $tag-spacer 0 0 $tag-spacer; + } + } +} + +// Light styles +@if $enable-light-style { + .light-style { + .tags-inline { + .tagify__dropdown__item { + border: 1px solid light.$border-color; + background: light.rgba-to-hex(light.$gray-100); + + color: light.$body-color; + + &--active { + color: light.$white !important; + } + + &:hover { + color: light.$white !important; + } + } + } + } +} + +// Dark styles +@if $enable-dark-style { + .dark-style { + .tags-inline { + .tagify__dropdown__item { + border: 1px solid dark.$border-color; + background: dark.$body-bg; + color: dark.$body-color; + + &--active { + color: dark.$white !important; + } + + &:hover { + color: dark.$white !important; + } + } + } + } +} diff --git a/resources/assets/vendor/libs/tagify/_tagify-users-list.scss b/resources/assets/vendor/libs/tagify/_tagify-users-list.scss new file mode 100644 index 0000000..d8b01e3 --- /dev/null +++ b/resources/assets/vendor/libs/tagify/_tagify-users-list.scss @@ -0,0 +1,124 @@ +/* Suggestions items */ +.tagify__dropdown.users-list { + font-size: 1rem; + .addAll { + display: block !important; + } + + .tagify__dropdown__item { + display: grid; + grid-template-columns: auto 1fr; + gap: 0 1em; + grid-template-areas: + 'avatar name' + 'avatar email'; + + &__avatar-wrap { + grid-area: avatar; + width: $tag-avatar-select-size; + height: $tag-avatar-select-size; + border-radius: 50%; + overflow: hidden; + + transition: 0.1s ease-out; + } + } + + img { + width: 100%; + vertical-align: top; + } + + strong { + grid-area: name; + width: 100%; + align-self: center; + font-weight: 500; + } + + span { + grid-area: email; + width: 100%; + font-size: 0.9em; + opacity: 0.6; + } +} + +/* Tags items */ +.tagify__tag { + white-space: nowrap; + + .tagify__tag__avatar-wrap { + width: $tag-avatar-size; + height: $tag-avatar-size; + white-space: normal; + + border-radius: 50%; + margin-right: 5px; + transition: 0.12s ease-out; + vertical-align: middle; + } + + img { + width: 100%; + vertical-align: top; + } +} + +//RTL +@include app-rtl(false) { + .tagify__tag { + .tagify__tag__avatar-wrap { + margin-left: 5px; + margin-right: auto; + } + } +} + +// Light styles +@if $enable-light-style { + .light-style { + .tagify { + &__dropdown.users-list { + .tagify__dropdown__item__avatar-wrap { + background: light.$body-bg; + } + } + + &__tag { + .tagify__tag__avatar-wrap { + background: light.$body-bg; + } + } + &__dropdown.users-list { + .addAll { + border-bottom: 1px solid light.$border-color; + } + } + } + } +} + +// Dark styles +@if $enable-dark-style { + .dark-style { + .tagify { + &__dropdown.users-list { + .tagify__dropdown__item__avatar-wrap { + background: dark.$body-bg; + } + } + + &__tag { + .tagify__tag__avatar-wrap { + background: dark.$body-bg; + } + } + &__dropdown.users-list { + .addAll { + border-bottom: 1px solid dark.$border-color; + } + } + } + } +} diff --git a/resources/assets/vendor/libs/tagify/tagify.js b/resources/assets/vendor/libs/tagify/tagify.js new file mode 100644 index 0000000..6d94510 --- /dev/null +++ b/resources/assets/vendor/libs/tagify/tagify.js @@ -0,0 +1,7 @@ +import Tagify from '@yaireo/tagify'; + +try { + window.Tagify = Tagify; +} catch (e) {} + +export { Tagify }; diff --git a/resources/assets/vendor/libs/tagify/tagify.scss b/resources/assets/vendor/libs/tagify/tagify.scss new file mode 100644 index 0000000..14c72a3 --- /dev/null +++ b/resources/assets/vendor/libs/tagify/tagify.scss @@ -0,0 +1,246 @@ +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; + +@import 'mixins'; + +// Height clac to match form-control height +$tag-line-height: 1.5rem !default; +$tag-spacer: light.px-to-rem(floor(light.rem-to-px((light.$input-height-inner - $tag-line-height) * 0.6))) !default; + +// Override tagify vars +$tag-remove: light.$danger !default; +$tag-remove-btn-bg--hover: darken($tag-remove, 5) !default; +$tag-invalid-color: $tag-remove !default; +$tag-inset-shadow-size: 2em !default; +$tag-remove-btn-color: light.rgba-to-hex(light.$gray-600, light.$rgba-to-hex-bg) !default; +$tag-invalid-bg: rgba($tag-remove, 0.5) !default; + +$tag-avatar-size: 22px !default; +$tag-avatar-select-size: 36px !default; + +$tag-max-width: auto !default; + +$tag-inset-shadow-size: 2em !default; + +//! Tagify $tag-bg custom color to match with dark and light layout +$tag-bg: rgb(light.$text-light, 0.5) !default; + +@import '@yaireo/tagify/src/tagify'; + +@import 'tagify-users-list'; +@import 'tagify-inline-suggestion'; +@import 'tagify-email-list'; + +.tagify { + &.form-control { + transition: none; + display: flex; + align-items: flex-end; + padding: calc(light.$input-focus-border-width - light.$input-border-width) $tag-spacer $tag-spacer - 0.1875rem !important; + .fv-plugins-bootstrap5-row-invalid & { + padding: 0 calc($tag-spacer - light.$input-border-width) calc($tag-spacer - light.$input-focus-border-width) !important; + } + } + + &.tagify--focus, + &.form-control:focus { + padding: 0 calc($tag-spacer - light.$input-border-width) + calc($tag-spacer - calc(light.$input-focus-border-width * 2)) !important; + border-width: light.$input-focus-border-width; + } + &__tag, + &__input { + margin: $tag-spacer - 0.25rem $tag-spacer 0 0 !important; + line-height: 1; + } + &__input { + line-height: $tag-line-height; + &:empty::before { + top: 4px; + } + } + &__tag { + > div { + line-height: $tag-line-height; + padding: 0 0 0 $tag-spacer; + } + &__removeBtn { + margin-right: $tag-spacer - 0.3rem; + margin-left: $tag-spacer * 0.5; + font-family: 'tabler-icons'; + opacity: 0.7; + &:hover { + background: none; + color: $tag-remove-btn-bg--hover !important; + } + &::after { + content: '\f739'; + } + } + &:hover:not([readonly]), + &:focus { + div::before { + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + } + } + } + &__dropdown { + transform: translateY(0); + } + &[readonly]:not(.tagify--mix) .tagify__tag > div { + padding: 0 $tag-spacer 0 $tag-spacer !important; + } + &__input { + padding: 0; + } + &__tag-text { + font-size: light.$font-size-sm; + font-weight: light.$font-weight-medium; + } +} +.tagify { + &.form-control { + padding-top: calc(light.$input-padding-y - $tag-spacer) !important; + } + &.tagify--focus, + &.form-control:focus { + padding-top: calc(light.$input-padding-y - $tag-spacer - 1px) !important; + } +} + +//RTL +@include app-rtl(false) { + .tagify { + &__tag, + &__input { + margin: $tag-spacer 0 0 $tag-spacer; + } + + + input, + + textarea { + left: 0; + right: -9999em !important; + } + + &__tag { + > div { + padding: 0 $tag-spacer + 0.25rem 0 0; + } + &__removeBtn { + margin-left: $tag-spacer; + margin-right: $tag-spacer * 0.5; + } + } + } +} + +// Light styles +@if $enable-light-style { + .light-style { + .tagify { + &__tag { + > div::before { + box-shadow: 0 0 0 1.3em light.$gray-75 inset; + } + .tagify__tag-text { + color: light.$headings-color; + } + &:hover:not([readonly]), + &:focus { + div::before { + box-shadow: 0 0 0 1.3em light.$gray-200 inset; + } + } + &__removeBtn { + color: light.rgba-to-hex(light.$gray-600, light.$rgba-to-hex-bg); + &:hover + div::before { + background: rgba($tag-remove, 0.3); + } + } + } + &:hover:not([readonly]) { + border-color: light.$input-border-color; + } + &__input::before { + color: light.$input-placeholder-color !important; + } + &__dropdown { + box-shadow: light.$dropdown-box-shadow; + border-top-color: light.$dropdown-border-color; + &__wrapper { + background: light.$dropdown-bg; + border-color: light.$dropdown-border-color; + } + } + } + } +} + +// Dark styles +@if $enable-dark-style { + .dark-style { + .tagify { + &__tag { + > div { + &::before { + box-shadow: 0 0 0 1.3em dark.$gray-75 inset; + } + .tagify__tag-text { + color: dark.$headings-color; + } + } + &:hover:not([readonly]), + &:focus { + div::before { + box-shadow: 0 0 0 1.3em dark.$gray-200 inset; + } + } + &__removeBtn { + color: dark.rgba-to-hex(dark.$gray-600, dark.$rgba-to-hex-bg); + &:hover + div::before { + background: rgba($tag-remove, 0.3); + } + } + } + &:hover:not([readonly]) { + border-color: dark.$input-border-color; + } + &__input::before { + color: dark.$input-placeholder-color !important; + } + &[readonly]:not(.tagify--mix) { + .tagify__tag > div::before { + background: linear-gradient( + 45deg, + dark.$input-border-color 25%, + transparent 25%, + transparent 50%, + dark.$input-border-color 50%, + dark.$input-border-color 75%, + transparent 75%, + transparent + ) + 0/5px + 5px; + } + &:not(.tagify--select) .tagify__tag > div::before { + animation: none; + box-shadow: none; + } + } + &__dropdown { + box-shadow: dark.$dropdown-box-shadow; + border-top-color: dark.$dropdown-border-color; + &__wrapper { + box-shadow: dark.$dropdown-box-shadow; + background: dark.$dropdown-bg; + border-color: dark.$dropdown-border-color; + } + } + } + } +} diff --git a/resources/assets/vendor/libs/typeahead-js/_mixins.scss b/resources/assets/vendor/libs/typeahead-js/_mixins.scss new file mode 100644 index 0000000..7a0263a --- /dev/null +++ b/resources/assets/vendor/libs/typeahead-js/_mixins.scss @@ -0,0 +1,11 @@ +@import '../../scss/_bootstrap-extended/functions'; + +@mixin typeahead-theme($background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + .tt-suggestion:active, + .tt-cursor { + background: $background !important; + color: $color !important; + } +} diff --git a/resources/assets/vendor/libs/typeahead-js/typeahead.js b/resources/assets/vendor/libs/typeahead-js/typeahead.js new file mode 100644 index 0000000..bd1e169 --- /dev/null +++ b/resources/assets/vendor/libs/typeahead-js/typeahead.js @@ -0,0 +1,7 @@ +import 'typeahead.js/dist/typeahead.bundle'; + +// try { +// window.typeahead = typeahead; +// } catch (e) {} + +// export { typeahead }; diff --git a/resources/assets/vendor/libs/typeahead-js/typeahead.scss b/resources/assets/vendor/libs/typeahead-js/typeahead.scss new file mode 100644 index 0000000..4fa9556 --- /dev/null +++ b/resources/assets/vendor/libs/typeahead-js/typeahead.scss @@ -0,0 +1,144 @@ +// Typeahead +// ******************************************************************************* + +@use '../../scss/_bootstrap-extended/include' as light; +@use '../../scss/_bootstrap-extended/include-dark' as dark; +@import '../../scss/_custom-variables/libs'; + +.twitter-typeahead { + display: block !important; + + .tt-menu { + float: left; + position: absolute; + left: 0; + top: 100%; + text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) + list-style: none; + background-clip: padding-box; + display: none; + + @include app-rtl { + float: right; + left: auto !important; + right: 0 !important; + text-align: right; + } + + .tt-suggestion { + text-align: inherit; + border: 0; + width: 100%; + display: block; + white-space: nowrap; + background: none; + clear: both; + cursor: pointer; + + p { + margin: 0; + } + .tt-highlight { + font-weight: light.$font-weight-medium; + } + } + } + .tt-hint { + color: #999; + } + .tt-input { + @include app-rtl { + direction: rtl; + } + } +} + +// Light style +@if $enable-light-style { + .light-style { + .twitter-typeahead { + .tt-menu { + min-width: light.$dropdown-min-width; + padding: light.$dropdown-padding-y 0; + font-size: light.$font-size-base; + // border: light.$dropdown-border-width solid light.$dropdown-border-color; + z-index: light.$zindex-dropdown; + margin: calc(light.$dropdown-spacer + light.$dropdown-spacer) 0; + color: light.$body-color; + box-shadow: light.$dropdown-box-shadow; + background-color: light.$dropdown-bg; + @include light.border-radius(light.$border-radius); + } + .tt-hint { + color: light.$input-placeholder-color; + } + .tt-suggestion { + font-weight: light.$font-weight-normal; + color: light.$dropdown-link-color; + padding: light.$dropdown-item-padding-y light.$dropdown-item-padding-x; + + &:hover, + &:focus { + text-decoration: none; + color: light.$dropdown-link-hover-color; + background-color: light.$dropdown-link-hover-bg; + } + } + } + .tt-menu { + .suggestion { + &:hover, + &:focus { + text-decoration: none; + color: light.$dropdown-link-hover-color; + background-color: light.$dropdown-link-hover-bg; + } + } + } + } +} + +// Dark Style +@if $enable-dark-style { + .dark-style { + .twitter-typeahead { + .tt-menu { + color: dark.$body-color; + min-width: dark.$dropdown-min-width; + padding: dark.$dropdown-padding-y 0; + margin: calc(dark.$dropdown-spacer + dark.$dropdown-spacer) 0; + box-shadow: dark.$dropdown-box-shadow; + // border: dark.$dropdown-border-width solid dark.$dropdown-border-color; + font-size: dark.$font-size-base; + background-color: dark.$dropdown-bg; + z-index: dark.$zindex-dropdown; + @include dark.border-radius(dark.$border-radius); + .tt-suggestion { + font-weight: dark.$font-weight-normal; + color: dark.$dropdown-link-color; + padding: dark.$dropdown-item-padding-y dark.$dropdown-item-padding-x; + + &:hover, + &:focus { + text-decoration: none; + color: dark.$dropdown-link-hover-color; + background-color: dark.$dropdown-link-hover-bg; + } + } + } + .tt-hint { + color: dark.$input-placeholder-color; + } + } + .tt-menu { + .suggestion { + &:hover, + &:focus { + text-decoration: none; + color: dark.$dropdown-link-hover-color; + background-color: dark.$dropdown-link-hover-bg; + } + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-dark.scss b/resources/assets/vendor/scss/_bootstrap-dark.scss new file mode 100644 index 0000000..2071652 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-dark.scss @@ -0,0 +1,39 @@ +@import '_bootstrap-extended/include-dark'; + +// Import bootstrap core scss from node_module +// ! Utilities are customized and added in bootstrap-extended + +// Layout & components +@import 'bootstrap/scss/root'; +@import 'bootstrap/scss/reboot'; +@import 'bootstrap/scss/type'; +@import 'bootstrap/scss/images'; +@import 'bootstrap/scss/containers'; +@import 'bootstrap/scss/grid'; +@import 'bootstrap/scss/tables'; +@import 'bootstrap/scss/forms'; +@import 'bootstrap/scss/buttons'; +@import 'bootstrap/scss/transitions'; +@import 'bootstrap/scss/dropdown'; +@import 'bootstrap/scss/button-group'; +@import 'bootstrap/scss/nav'; +@import 'bootstrap/scss/navbar'; +@import 'bootstrap/scss/card'; +@import 'bootstrap/scss/accordion'; +@import 'bootstrap/scss/breadcrumb'; +@import 'bootstrap/scss/pagination'; +@import 'bootstrap/scss/badge'; +@import 'bootstrap/scss/alert'; +@import 'bootstrap/scss/progress'; +@import 'bootstrap/scss/list-group'; +@import 'bootstrap/scss/close'; +@import 'bootstrap/scss/toasts'; +@import 'bootstrap/scss/modal'; +@import 'bootstrap/scss/tooltip'; +@import 'bootstrap/scss/popover'; +@import 'bootstrap/scss/carousel'; +@import 'bootstrap/scss/spinners'; +@import 'bootstrap/scss/offcanvas'; + +// Helpers +@import 'bootstrap/scss/helpers'; diff --git a/resources/assets/vendor/scss/_bootstrap-extended-dark.scss b/resources/assets/vendor/scss/_bootstrap-extended-dark.scss new file mode 100644 index 0000000..32a032d --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended-dark.scss @@ -0,0 +1,40 @@ +@import '_bootstrap-extended/include-dark'; + +// Import bootstrap extended scss +@import '_bootstrap-extended/root'; +@import '_bootstrap-extended/reboot'; +@import '_bootstrap-extended/type'; +@import '_bootstrap-extended/utilities'; +@import '_bootstrap-extended/tables'; +@import '_bootstrap-extended/buttons'; +@import '_bootstrap-extended/button-group'; +@import '_bootstrap-extended/badge'; +@import '_bootstrap-extended/dropdown'; +@import '_bootstrap-extended/nav'; +@import '_bootstrap-extended/pagination'; +@import '_bootstrap-extended/alert'; +@import '_bootstrap-extended/tooltip'; +@import '_bootstrap-extended/popover'; +@import '_bootstrap-extended/forms'; +@import '_bootstrap-extended/modal'; +@import '_bootstrap-extended/progress'; +@import '_bootstrap-extended/breadcrumb'; +@import '_bootstrap-extended/list-group'; +@import '_bootstrap-extended/navbar'; +@import '_bootstrap-extended/card'; +@import '_bootstrap-extended/accordion'; +@import '_bootstrap-extended/close'; +@import '_bootstrap-extended/toasts'; +@import '_bootstrap-extended/carousel'; +@import '_bootstrap-extended/spinners'; +@import '_bootstrap-extended/offcanvas'; + +// Common Utilities +@import 'bootstrap/scss/utilities/api'; + +// LTR Utilities + +@include ltr-only { + @import '_bootstrap-extended/utilities-ltr'; + @import 'bootstrap/scss/utilities/api'; +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended.scss b/resources/assets/vendor/scss/_bootstrap-extended.scss new file mode 100644 index 0000000..0d3ba7f --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended.scss @@ -0,0 +1,39 @@ +@import '_bootstrap-extended/include'; + +// Import bootstrap extended scss +@import '_bootstrap-extended/root'; +@import '_bootstrap-extended/reboot'; +@import '_bootstrap-extended/type'; +@import '_bootstrap-extended/utilities'; +@import '_bootstrap-extended/tables'; +@import '_bootstrap-extended/buttons'; +@import '_bootstrap-extended/button-group'; +@import '_bootstrap-extended/badge'; +@import '_bootstrap-extended/dropdown'; +@import '_bootstrap-extended/nav'; +@import '_bootstrap-extended/pagination'; +@import '_bootstrap-extended/alert'; +@import '_bootstrap-extended/tooltip'; +@import '_bootstrap-extended/popover'; +@import '_bootstrap-extended/forms'; +@import '_bootstrap-extended/modal'; +@import '_bootstrap-extended/progress'; +@import '_bootstrap-extended/breadcrumb'; +@import '_bootstrap-extended/list-group'; +@import '_bootstrap-extended/navbar'; +@import '_bootstrap-extended/card'; +@import '_bootstrap-extended/accordion'; +@import '_bootstrap-extended/close'; +@import '_bootstrap-extended/toasts'; +@import '_bootstrap-extended/carousel'; +@import '_bootstrap-extended/spinners'; +@import '_bootstrap-extended/offcanvas'; + +// Common Utilities +@import 'bootstrap/scss/utilities/api'; + +// LTR Utilities +@include ltr-only { + @import '_bootstrap-extended/utilities-ltr'; + @import 'bootstrap/scss/utilities/api'; +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_accordion.scss b/resources/assets/vendor/scss/_bootstrap-extended/_accordion.scss new file mode 100644 index 0000000..1bd238b --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_accordion.scss @@ -0,0 +1,250 @@ +// Accordions +// ******************************************************************************* + +// arrow left + +.accordion-arrow-left { + .accordion-button.collapsed:focus { + box-shadow: none; + } + .accordion-item { + border: 0; + } + .accordion-button { + padding: var(--#{$prefix}accordion-btn-padding-y) 0; + // Accordion icon + &::after { + content: ''; + display: none; + } + &:not(.collapsed) { + color: var(--#{$prefix}accordion-active-color); + background-color: var(--#{$prefix}accordion-active-bg); + box-shadow: none; // stylelint-disable-line function-disallowed-list + + &::before { + background-image: var(--#{$prefix}accordion-btn-active-icon); + transform: var(--#{$prefix}accordion-btn-icon-transform); + } + &::after { + background-image: none; + transform: none; + } + } + &.collapsed::before { + transform: rotate(-90deg); + } + &::before { + flex-shrink: 0; + width: var(--#{$prefix}accordion-btn-icon-width); + height: var(--#{$prefix}accordion-btn-icon-width); + margin-left: 0; + margin-top: 0.75rem; + margin-right: 0.9rem; + content: ''; + background-image: var(--#{$prefix}accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--#{$prefix}accordion-btn-icon-width); + @include transition(var(--#{$prefix}accordion-btn-icon-transition)); + } + } +} + +// Solid variant icon color +.accordion[class*='accordion-solid-'] { + .accordion-button::after { + background-image: str-replace(str-replace($accordion-button-icon, '#{$accordion-icon-color}', $white), '#', '%23'); + } +} + +// Solid Accordion With Active Border +.accordion[class*='accordion-border-solid-'] { + .accordion-button.collapsed::after { + background-image: str-replace(str-replace($accordion-button-icon, '#{$accordion-icon-color}', $white), '#', '%23'); + } +} + +.accordion-header + .accordion-collapse .accordion-body { + padding-top: 0; + padding-bottom: 1.25rem; +} + +// accordion without icon +.accordion { + &.accordion-without-arrow { + .accordion-button::after { + background-image: none !important; + } + } +} + +.accordion-header { + line-height: $line-height-base; +} + +.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) .accordion-item { + box-shadow: $box-shadow-xs; + border: 0; + &:not(:first-child) { + margin-top: $spacer * 0.5; + } + &:last-child { + margin-bottom: $spacer * 0.5; + } + &.active { + box-shadow: $box-shadow; + & .accordion-button:not(.collapsed) { + box-shadow: none; + } + } +} + +// Accordion border radius +.accordion-button { + font-weight: inherit; + align-items: unset; + @include border-top-radius($accordion-border-radius); + &.collapsed { + @include border-radius($accordion-border-radius); + } + &.collapsed { + &::after { + transform: rotate(-90deg); + } + } +} +// added box shadow +.accordion { + &:not(.accordion-bordered) > .card.accordion-item { + box-shadow: $box-shadow-xs; + &.active { + box-shadow: $card-box-shadow; + } + } +} +.accordion-header + .accordion-collapse .accordion-body { + padding-top: 0; +} + +// Accordion custom button + +.accordion-custom-button { + .accordion-item { + transition: $accordion-transition; + transition-property: margin-top, margin-bottom, border-radius, border; + box-shadow: none; + border: $accordion-border-width solid $accordion-border-color; + &:not(:last-child) { + border-bottom: 0; + } + &:not(.active):not(:first-child) { + .accordion-header { + border: none; + } + } + .accordion-button { + border-color: $accordion-border-color; + } + &.active { + margin: 0; + box-shadow: none; + .accordion-header .accordion-button:focus { + border-bottom: $accordion-border-width solid $accordion-border-color; + } + & + .accordion-item { + @include border-top-radius(0); + } + &:not(:first-child) { + @include border-top-radius(0); + } + &:not(:last-child) { + @include border-bottom-radius(0); + } + } + .accordion-body { + padding-top: $accordion-body-padding-x; + } + &.previous-active { + @include border-bottom-radius(0); + } + } + + .accordion-button { + border-radius: 0; + background-color: #fafafa; + &:not(.collapsed) { + &::after { + background-image: escape-svg($accordion-custom-button-active-icon); + transform: rotate(-180deg); + } + } + // Accordion icon + &::after { + background-image: escape-svg($accordion-custom-button-icon); + } + } + + &:focus { + z-index: 3; + border-color: $border-color; + outline: 0; + box-shadow: var(--#{$prefix}accordion-btn-focus-box-shadow); + } +} + +// RTL +// ******************************************************************************* + +@include rtl-only { + .accordion-arrow-left { + .accordion-button { + &::before { + margin-left: 1.1rem; + margin-right: 0; + transform: rotate(90deg); + } + &:not(.collapsed)::before { + transform: rotate(0deg); + } + // !- For RTL accordion icon rotation in other templates + // &:not(.collapsed)::before { + // transform: rotate(90deg); + // } + } + } + + .accordion-button { + text-align: right; + &::after { + margin-left: 0; + margin-right: auto; + } + &.collapsed { + &::after { + transform: rotate(90deg); + } + } + } + .accordion-custom-button { + .accordion-button:not(.collapsed)::after { + transform: rotate(180deg); + } + } +} + +//Dark style +// ******************************************************************************* + +@include dark-layout-only { + .accordion-custom-button { + .accordion-button { + background-color: #353a52; + } + } + .accordion:not(.accordion-custom-button):not(.accordion-arrow-left) .accordion-item { + box-shadow: $box-shadow-xs; + &.active { + box-shadow: $box-shadow; + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_alert.scss b/resources/assets/vendor/scss/_bootstrap-extended/_alert.scss new file mode 100644 index 0000000..74f2fcf --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_alert.scss @@ -0,0 +1,53 @@ +// Alerts +// ******************************************************************************* + +// Alert mixins +@each $state, $value in $theme-colors { + @if $state != primary and $state != light { + @include template-alert-variant('.alert-#{$state}', $value); + @include template-alert-outline-variant('.alert-outline-#{$state}', $value); + @include template-alert-solid-variant('.alert-solid-#{$state}', $value); + } +} + +// Alert and alert-icon styles +.alert { + line-height: 1.375rem; + .alert-icon { + color: $white; + height: $alert-icon-size; + width: $alert-icon-size; + padding: $spacer * 0.75; + margin-right: $spacer; + display: flex; + align-items: center; + justify-content: center; + } + &[class*='alert-solid-'] { + .alert-icon { + background-color: $white; + box-shadow: $box-shadow-xs; + :before { + font-size: 1.375rem; + } + } + } +} +// RTL +// ******************************************************************************* + +@include rtl-only { + .alert-dismissible { + padding-left: $alert-dismissible-padding-r; + padding-right: $alert-padding-x; + } + + .alert-dismissible .btn-close { + right: auto; + left: 0; + } + .alert .alert-icon { + margin-right: 0; + margin-left: $spacer; + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_badge.scss b/resources/assets/vendor/scss/_bootstrap-extended/_badge.scss new file mode 100644 index 0000000..44cf65b --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_badge.scss @@ -0,0 +1,53 @@ +// Badges +// ? Bootstrap use bg-label-variant and bg color for solid and label style, hence we have not created mixin for that. +// ******************************************************************************* + +@each $color, $value in $theme-colors { + @if $color != primary and $color != light { + @include bg-glow-variant('.bg-#{$color}', $value); + } +} + +// Badge Center Style + +.badge-center { + padding: 3px; + line-height: 1.375; + @include badge-size($badge-height, $badge-width, $badge-center-font-size); + i { + font-size: 0.875rem; + } +} + +// Dots Style + +.badge.badge-dot { + display: inline-block; + margin: 0; + padding: 0; + width: 0.5rem; + height: 0.5rem; + border-radius: 50%; + vertical-align: middle; +} + +// Notifications + +.badge.badge-notifications { + position: absolute; + top: auto; + display: inline-block; + margin: 0; + transform: translate(-50%, -45%); + + @include rtl-style { + transform: translate(50%, -45%); + } + + &:not(.badge-dot) { + padding: 0.063rem 0.112rem; + font-size: 0.75rem; + line-height: 0.875rem; + @include border-radius(50rem); + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_breadcrumb.scss b/resources/assets/vendor/scss/_bootstrap-extended/_breadcrumb.scss new file mode 100644 index 0000000..36fbffa --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_breadcrumb.scss @@ -0,0 +1,62 @@ +// Breadcrumbs +// ******************************************************************************* + +.breadcrumb-item, +.breadcrumb-item a { + color: $breadcrumb-color; +} + +.breadcrumb-item.active a { + &:hover, + &:focus { + color: $breadcrumb-color; + } + &:not(:hover, :focus) { + color: $breadcrumb-active-color; + } +} + +.breadcrumb-item { + + .breadcrumb-item { + &::before { + width: 26px; + height: 10px; + } + } +} +.breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before { + content: '/'; + color: $breadcrumb-divider-color; + width: 1.43rem; + font-weight: 500; + margin-left: 0.2rem; +} +.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before { + content: $breadcrumb-icon-check-svg; + line-height: 1.375rem; + width: 26px; + height: 10px; +} + +// RTL +// ******************************************************************************* + +@include rtl-only { + .breadcrumb-item + .breadcrumb-item { + padding-right: $breadcrumb-item-padding-x; + padding-left: 0; + + &::before { + padding-right: 0; + padding-left: $breadcrumb-item-padding-x; + float: right; + } + } + // Breadcrumb divider style Icons + .breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before { + content: '\\'; + } + .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before { + content: $breadcrumb-icon-check-svg; + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_button-group.scss b/resources/assets/vendor/scss/_bootstrap-extended/_button-group.scss new file mode 100644 index 0000000..614e828 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_button-group.scss @@ -0,0 +1,161 @@ +// Button groups +// ******************************************************************************* + +// * Split button +// ******************************************************************************* + +.btn-group, +.btn-group-vertical { + &:disabled, + &.disabled { + opacity: 0.45; + } +} + +.dropdown-toggle-split, +.btn-lg + .dropdown-toggle-split, +.btn-group-lg > .btn + .dropdown-toggle-split, +.input-group-lg .btn + .dropdown-toggle-split, +.btn-xl + .dropdown-toggle-split, +.btn-group-xl > .btn + .dropdown-toggle-split { + padding: 0.92em; +} + +.btn-sm + .dropdown-toggle-split, +.btn-group-sm > .btn + .dropdown-toggle-split, +.input-group-sm .btn + .dropdown-toggle-split { + padding: 0.8em; +} + +.btn-xs + .dropdown-toggle-split, +.btn-group-xs > .btn + .dropdown-toggle-split { + padding: 0.7em; +} + +// * Sizing +// ******************************************************************************* + +.btn-group-xs > .btn { + @extend .btn-xs; +} + +.btn-group-xl > .btn { + @extend .btn-xl; +} + +// Button groups border + +.btn-group > .btn-group:first-child > .btn:not([class*='btn-outline-']):first-child, +.input-group > .btn:not([class*='btn-outline-']):first-child, +:not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*='btn-outline-']):first-child, +.input-group > .btn-group:first-child > .btn:not([class*='btn-outline-']):first-child { + @include ltr-style { + border-left-color: transparent !important; + } + @include rtl-style { + border-right-color: transparent !important; + } +} + +.btn-group > .btn-group:last-child > .btn:not([class*='btn-outline-']):last-of-type, +.input-group > .btn:not([class*='btn-outline-']):last-of-type, +:not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*='btn-outline-']):last-of-type, +.input-group > .btn-group:last-child > .btn:not([class*='btn-outline-']):last-of-type { + @include ltr-style { + border-right-color: transparent !important; + } + @include rtl-style { + border-left-color: transparent !important; + } +} + +.btn-group-vertical > .btn-group-vertical:first-child > .btn:not([class*='btn-outline-']):first-child, +:not(.btn-group-vertical):not(.input-group) > .btn-group-vertical > .btn:not([class*='btn-outline-']):first-child { + @include ltr-style { + border-top-color: transparent !important; + } +} + +.btn-group-vertical > .btn-group-vertical:last-child > .btn:not([class*='btn-outline-']):last-child, +:not(.btn-group-vertical):not(.input-group) > .btn-group-vertical > .btn:not([class*='btn-outline-']):last-child { + @include ltr-style { + border-bottom-color: transparent !important; + } +} + +.btn-group-vertical > .btn-group-vertical:first-child > .btn:not([class*='btn-outline-']):first-child, +:not(.btn-group-vertical):not(.input-group) > .btn-group-vertical > .btn:not([class*='btn-outline-']):first-child { + border-top-color: transparent !important; +} + +.btn-group-vertical > .btn-group-vertical:last-child > .btn:not([class*='btn-outline-']):last-of-type, +:not(.btn-group-vertical):not(.input-group) > .btn-group-vertical > .btn:not([class*='btn-outline-']):last-of-type { + border-bottom-color: transparent !important; +} + +// * RTL +// ******************************************************************************* + +@include rtl-only { + .btn-group .btn[class] { + @include border-radius($border-radius); + } + + .btn-group .btn-xs[class], + .btn-group-xs .btn[class] { + @include border-radius($border-radius-xs); + } + + .btn-group .btn-sm[class], + .btn-group-sm .btn[class] { + @include border-radius($border-radius-sm); + } + + .btn-group .btn-lg[class], + .btn-group-lg .btn[class] { + @include border-radius($border-radius-lg); + } + + .btn-group .btn-xl[class], + .btn-group-xl .btn[class] { + @include border-radius($border-radius-xl); + } + + .btn-group { + // Prevent double borders when buttons are next to each other + > .btn:not(:first-child), + > .btn-group:not(:first-child) { + margin-left: 0; + margin-right: calc(#{$btn-border-width} * -1); + } + + // Reset rounded corners + > .btn:not(:last-child):not(.dropdown-toggle), + > .btn-group:not(:last-child) > .btn { + @include border-start-radius(0); + } + + // The left radius should be 0 if the button is: + // - the "third or more" child + // - the second child and the previous element isn't `.btn-check` (making it the first child visually) + // - part of a btn-group which isn't the first child + > .btn:nth-child(n + 3), + > :not(.btn-check) + .btn, + > .btn-group:not(:first-child) > .btn { + @include border-end-radius(0); + } + } + + .btn-group-vertical { + // Reset rounded corners + > .btn:not(:last-child):not(.dropdown-toggle), + > .btn-group:not(:last-child) > .btn { + @include border-bottom-radius(0); + } + + > .btn ~ .btn, + > .btn-group:not(:first-child) > .btn { + @include border-top-radius(0); + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_buttons.scss b/resources/assets/vendor/scss/_bootstrap-extended/_buttons.scss new file mode 100644 index 0000000..a01c72b --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_buttons.scss @@ -0,0 +1,178 @@ +// Buttons +// ******************************************************************************* + +.btn { + cursor: pointer; + display: inline-flex !important; + align-items: center; + justify-content: center; + &:not(.dropdown-toggle):not([class*='btn-text-']) { + transition: all 0.135s ease-in-out; + transform: scale(1.001); + } + + &[class*='btn-outline-'] { + &:disabled, + &.disabled { + background: transparent !important; + } + } + &[class*='btn-text-'] { + padding-inline: 0.75rem; + &[class*='btn-sm'] { + padding-inline: 0.5625rem; + } + &[class*='btn-lg'] { + padding-inline: 1rem; + } + &:disabled, + &.disabled { + background: transparent !important; + border-color: transparent !important; + } + } + + .ti { + line-height: 0.9; + } + &.btn-text { + background: none; + box-shadow: none; + border: none; + } + &.disabled, + &:disabled { + cursor: default; + } + &[class*='btn-']:active:not([class*='btn-text']):not(.dropdown-toggle), + &[class*='btn-'].active:not([class*='btn-text']):not(.dropdown-toggle) { + transform: scale(0.98); + transition: all 0.135s ease-in-out; + } +} + +// Badge within button +.btn .badge { + @include transition($btn-transition); +} + +label.btn { + margin-bottom: 0; +} + +// Button Sizes + +.btn-xl { + @include button-size($btn-padding-y-xl, $btn-padding-x-xl, $btn-font-size-xl, $btn-border-radius-xl); +} + +.btn-sm { + line-height: $btn-line-height-sm; +} + +.btn-xs { + @include button-size($btn-padding-y-xs, $btn-padding-x-xs, $btn-font-size-xs, $btn-border-radius-xs); +} + +// Buttons Variant + +@each $color, $value in $theme-colors { + @if $color != primary { + @include template-button-variant('.btn-#{$color}', if($color== 'dark' and $dark-style, $dark, $value)); + @include template-button-label-variant('.btn-label-#{$color}', if($color== 'dark' and $dark-style, $dark, $value)); + @include template-button-outline-variant( + '.btn-outline-#{$color}', + if($color== 'dark' and $dark-style, $dark, $value) + ); + @if $color == secondary { + $value: $body-color; + } + @include template-button-text-variant('.btn-text-#{$color}', $value); + } +} + +// Icon button + +.btn-icon { + $btn-icon-size: ($btn-font-size * $btn-line-height) + ($btn-padding-y * 1.998); + $btn-icon-size-xl: ($btn-font-size-xl * $btn-line-height-xl) + ($btn-padding-y-xl * 2); + $btn-icon-size-lg: ($btn-font-size-lg * $btn-line-height-lg) + ($btn-padding-y-lg * 2); + $btn-icon-size-sm: ($btn-font-size-sm * $btn-line-height-sm) + ($btn-padding-y-sm * 2.785); + $btn-icon-size-xs: ($btn-font-size-xs * $btn-line-height-xs) + ($btn-padding-y-xs * 2); + $borders-width: calc(#{$btn-border-width} * 2); + --#{$prefix}btn-active-border-color: transparent; + + padding: 0; + width: calc(#{$btn-icon-size} + #{$borders-width}); + height: calc(#{$btn-icon-size} + #{$borders-width}); + display: inline-flex; + flex-shrink: 0; + justify-content: center; + align-items: center; + + &.btn-xl { + width: calc(#{$btn-icon-size-xl} + #{$borders-width}); + height: calc(#{$btn-icon-size-xl} + #{$borders-width}); + > span { + font-size: $btn-font-size-xl; + } + } + + &.btn-lg { + width: calc(#{$btn-icon-size-lg} + #{$borders-width}); + height: calc(#{$btn-icon-size-lg} + #{$borders-width}); + font-size: $btn-font-size-lg; + } + + &.btn-sm { + width: calc(#{$btn-icon-size-sm} + #{$borders-width}); + height: calc(#{$btn-icon-size-sm} + #{$borders-width}); + font-size: $btn-font-size-sm; + } + + &.btn-xs { + width: calc(#{$btn-icon-size-xs} + #{$borders-width}); + height: calc(#{$btn-icon-size-xs} + #{$borders-width}); + font-size: $btn-font-size-xs; + } +} + +// Without border + +.btn.borderless { + &:not(.active):not(:active):not(:hover):not(:focus), + :not(.show) > &.dropdown-toggle:not(:hover):not(:focus) { + border-color: transparent; + box-shadow: none; + } +} + +// Link buttons +.btn.btn-link { + font-size: inherit; +} + +.btn-pinned { + position: absolute; + top: 1rem; + @include ltr-style { + right: 1rem; + } + @include rtl-style { + left: 1rem; + } +} + +// Button focus +button:focus, +button:focus-visible { + outline: none; +} + +// Table Action Dropdown fix +.btn:not([class*='btn-']):active, +.btn:not([class*='btn-']).active, +.btn:not([class*='btn-']).show, +.btn:not([class*='btn-']) { + border: none; +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_card.scss b/resources/assets/vendor/scss/_bootstrap-extended/_card.scss new file mode 100644 index 0000000..92c13e4 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_card.scss @@ -0,0 +1,389 @@ +// Cards +// ******************************************************************************* + +@each $color, $value in $theme-colors { + @if $color != primary { + @include template-card-border-shadow-variant('.card-border-shadow-#{$color}', $value); + @include template-card-hover-border-variant('.card-hover-border-#{$color}', $value); + } +} + +.card { + background-clip: padding-box; + box-shadow: $card-box-shadow; + + .card-link { + display: inline-block; + } + // ! FIX: to remove padding top from first card-body if used with card-header + .card-header + .card-body, + .card-header + .card-content > .card-body:first-of-type, + .card-header + .card-footer, + .card-body + .card-footer { + padding-top: 0; + } + + // color border bottom and shadow in card + &[class*='card-border-shadow-'] { + position: relative; + border-bottom: none; + transition: $card-transition; + z-index: 1; + &::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border-bottom-width: 2px; + border-bottom-style: solid; + border-radius: $card-border-radius; + transition: $card-transition; + z-index: -1; + } + &:hover { + box-shadow: $box-shadow-lg; + &::after { + border-bottom-width: 3px; + } + } + } + + // card hover border color + &[class*='card-hover-border-'] { + border-width: 1px; + } +} +// adding class with card background color +.bg-card { + background-color: $card-bg; +} + +// Card action +.card-action { + // Expand card(fullscreen) + &.card-fullscreen { + display: block; + z-index: 9999; + position: fixed; + width: 100% !important; + height: 100% !important; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; + border: none; + border-radius: 0; + } + // Alert + .card-alert { + position: absolute; + width: 100%; + z-index: 999; + .alert { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; + } + } + // Collapsed + .card-header { + &.collapsed { + border-bottom: 0; + } + } + + // Card header + .card-header { + display: flex; + .card-action-title { + flex-grow: 1; + margin-right: 0.5rem; + } + .card-action-element { + flex-shrink: 0; + background-color: inherit; + top: 1rem; + right: 1.5rem; + color: $body-color; + a { + color: $headings-color; + .collapse-icon::after { + margin-top: -0.15rem; + } + } + } + } + // Block UI loader + .blockUI { + .sk-fold { + margin: 0 auto; + } + h5 { + color: $body-color; + margin: 1rem 0 0 0; + } + } + + .collapse > .card-body, + .collapsing > .card-body { + padding-top: 0; + } +} + +// Card inner borders +.card-header, +.card-footer { + border-color: $card-inner-border-color; +} +.card hr { + color: $card-inner-border-color; +} + +.card .row-bordered > [class*=' col '], +.card .row-bordered > [class^='col '], +.card .row-bordered > [class*=' col-'], +.card .row-bordered > [class^='col-'], +.card .row-bordered > [class='col'] { + .card .row-bordered > [class$=' col'], + &::before, + &::after { + border-color: $card-inner-border-color; + } +} + +//Card header elements +.card-header.header-elements, +.card-title.header-elements { + display: flex; + width: 100%; + align-items: center; + flex-wrap: wrap; +} + +.card-header { + &.card-header-elements { + padding-top: $card-spacer-y * 0.5; + padding-bottom: $card-spacer-y * 0.5; + } + .card-header-elements { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } +} + +.card-header-elements, +.card-title-elements { + display: flex; + flex-wrap: wrap; + align-items: center; + & + &, + > * + * { + margin-left: 0.25rem; + @include rtl-style { + margin-left: 0; + margin-right: 0.25rem; + } + } +} + +.card-title { + &:not(:is(h1, h2, h3, h4, h5, h6)) { + color: $body-color; + } +} + +// * Horizontal card radius issue fix +.card-img-left { + @include border-start-radius($card-inner-border-radius); + @include border-end-radius(0); + @include media-breakpoint-down(md) { + @include border-top-radius($card-inner-border-radius); + @include border-bottom-radius(0); + } +} + +.card-img-right { + @include border-end-radius($card-inner-border-radius); + @include border-start-radius(0); + @include media-breakpoint-down(md) { + @include border-bottom-radius($card-inner-border-radius); + @include border-top-radius(0); + } +} + +// Card group +.card-group { + box-shadow: $card-box-shadow; + background-color: $card-bg; + border-radius: $card-border-radius; + .card { + box-shadow: none; + @include media-breakpoint-down(sm) { + &:not(:first-child) .card-img-top { + @include border-top-radius(0); + } + } + } +} +// List groups +// ******************************************************************************* + +.card > .list-group .list-group-item { + padding-left: $card-spacer-x; + padding-right: $card-spacer-x; +} + +// Card Statistics specific separator +// ******************************************************************************* +.card { + .card-separator { + @include ltr-style { + border-right: $border-width solid $card-border-color; + } + + @include rtl-style { + border-left: $border-width solid $card-border-color; + } + } +} + +//Card Widget Separator +// ******************************************************************************* + +.card { + .card-widget-separator-wrapper { + @include media-breakpoint-down(lg) { + .card-widget-separator { + .card-widget-2.border-end { + border-right: none !important; + border-left: none !important; + } + } + } + + @include media-breakpoint-down(sm) { + .card-widget-separator { + .card-widget-1.border-end, + .card-widget-2.border-end, + .card-widget-3.border-end { + border-right: none !important; + border-left: none !important; + border-bottom: 1px solid $border-color; + } + } + } + } +} + +@include media-breakpoint-down(lg) { + .card { + .card-separator { + border-bottom: $border-width solid $card-border-color; + padding-bottom: $card-spacer-y; + + @include ltr-style { + border-right-width: 0 !important; + } + + @include rtl-style { + border-left-width: 0 !important; + } + } + } +} +// RTL +// ******************************************************************************* + +@include rtl-only { + .card-link + .card-link { + margin-right: $card-spacer-x; + margin-left: 0; + } + + // Card advance + .card-action { + .card-header { + .card-action-title { + margin-left: 0.5rem; + margin-right: 0; + } + + .card-action-element, + .card-action-element-toggle { + left: 1.5rem; + right: auto; + } + } + } + + // * Horizontal card radius issue fix + .card-img-left { + @include border-start-radius(0); + @include border-end-radius($card-inner-border-radius); + @include media-breakpoint-down(md) { + @include border-top-radius(0); + @include border-bottom-radius($card-inner-border-radius); + } + } + .card-img-right { + @include border-end-radius(0); + @include border-start-radius($card-inner-border-radius); + @include media-breakpoint-down(md) { + @include border-bottom-radius(0); + @include border-top-radius($card-inner-border-radius); + } + } + // Card group + @include media-breakpoint-up(sm) { + .card-group > .card { + border: $card-border-width solid $card-border-color; + border-radius: $card-border-radius; + + .card-img-top, + .card-header:first-child { + @include border-top-radius($card-inner-border-radius); + } + + .card-img-bottom, + .card-footer:last-child { + @include border-bottom-radius($card-inner-border-radius); + } + + + .card { + border-right: 0; + } + } + + // Handle rounded corners + @if $enable-rounded { + .card-group > .card { + &:not(:first-child) { + @include border-end-radius(0); + + .card-img-top, + .card-header { + border-top-right-radius: 0; + } + .card-img-bottom, + .card-footer { + border-bottom-right-radius: 0; + } + } + &:not(:last-child) { + @include border-start-radius(0); + + .card-img-top, + .card-header { + border-top-left-radius: 0; + } + .card-img-bottom, + .card-footer { + border-bottom-left-radius: 0; + } + } + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_carousel.scss b/resources/assets/vendor/scss/_bootstrap-extended/_carousel.scss new file mode 100644 index 0000000..7732751 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_carousel.scss @@ -0,0 +1,50 @@ +// Carousel +// ******************************************************************************* + +// +.carousel { + .carousel-item.active, + .carousel-item.carousel-item-start { + h1, + .h1, + h2, + .h2, + h3, + .h3, + h4, + .h4, + h5, + .h5, + h6, + .h6 { + color: $carousel-caption-color; + } + } +} +.carousel.carousel-dark { + .carousel-item, + .carousel-item.active, + .carousel-item.carousel-item-start { + h1, + .h1, + h2, + .h2, + h3, + .h3, + h4, + .h4, + h5, + .h5, + h6, + .h6 { + color: $carousel-dark-caption-color; + } + } +} + +.carousel-indicators { + margin-bottom: 1.06rem; + [data-bs-target] { + border-radius: $border-radius; + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_close.scss b/resources/assets/vendor/scss/_bootstrap-extended/_close.scss new file mode 100644 index 0000000..ab45fe6 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_close.scss @@ -0,0 +1,12 @@ +// Close buttons +// ******************************************************************************* + +.close:focus { + outline: 0; +} + +@include rtl-only { + .close { + float: left; + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_dropdown.scss b/resources/assets/vendor/scss/_bootstrap-extended/_dropdown.scss new file mode 100644 index 0000000..e19d7fc --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_dropdown.scss @@ -0,0 +1,126 @@ +// Dropdowns +// ***************************************************************** + +// On hover outline +[data-trigger='hover'] { + outline: 0; +} + +.dropdown-menu { + box-shadow: $dropdown-box-shadow; + + // Mega dropdown inside the dropdown menu + .mega-dropdown > & { + left: 0 !important; + right: 0 !important; + } + + // Badge within dropdown menu + .badge[class^='float-'], + .badge[class*=' float-'] { + position: relative; + top: 0.071em; + } + + // Dark style + @if $dark-style { + .list-group-item { + border-color: rgba-to-hex($dropdown-divider-bg, $dropdown-bg); + } + } + + // For RTL + @include rtl-style { + text-align: right; + } +} +// Dropdown item line height +.dropdown-item { + li:not(:first-child) &, + .dropdown-menu &:not(:first-child) { + margin-top: 2px; + } + border-radius: $dropdown-border-radius; + &.disabled .waves-ripple { + display: none; + } +} + +// Hidden dropdown toggle arrow +.dropdown-toggle.hide-arrow, +.dropdown-toggle-hide-arrow > .dropdown-toggle { + &::before, + &::after { + display: none; + } +} + +// Dropdown caret icon + +@if $enable-caret { + // Dropdown arrow + .dropdown-toggle::after { + @include caret-down($caret-width); + } + // Dropend arrow + .dropend .dropdown-toggle::after { + @include caret-right($caret-width); + } + // Dropstart arrow + .dropstart .dropdown-toggle::before { + @include caret-left($caret-width); + } + // Dropup arrow + .dropup .dropdown-toggle::after { + @include caret-up($caret-width); + } + + .dropstart .dropdown-toggle::before, + .dropend .dropdown-toggle::after { + vertical-align: $caret-vertical-align; + } + + @include rtl-only { + .dropdown-toggle:not(.dropdown-toggle-split)::after { + margin-left: 0; + margin-right: $caret-spacing; + } + } + @include ltr-only { + .dropdown-toggle-split:after { + margin-left: 0 !important; + } + } + @include rtl-only { + .dropdown-toggle-split:after { + margin-right: 0 !important; + } + } +} + +@include rtl-only { + // Dropdown menu alignment + @each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + .dropdown-menu#{$infix}-start { + --bs-position: start; + + &[data-bs-popper] { + left: auto; + right: 0; + } + } + + .dropdown-menu#{$infix}-end { + --bs-position: end; + + &[data-bs-popper] { + left: 0; + right: auto; + } + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_forms.scss b/resources/assets/vendor/scss/_bootstrap-extended/_forms.scss new file mode 100644 index 0000000..15bcaa3 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_forms.scss @@ -0,0 +1,12 @@ +// Forms +// ***************************************************************** + +@import 'forms/labels'; +@import 'forms/form-text'; +@import 'forms/form-control'; +@import 'forms/form-select'; +@import 'forms/form-check'; +@import 'forms/form-range'; +@import 'forms/input-group'; +@import 'forms/floating-labels'; +@import 'forms/validation'; diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_functions.scss b/resources/assets/vendor/scss/_bootstrap-extended/_functions.scss new file mode 100644 index 0000000..a5ad1c7 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_functions.scss @@ -0,0 +1,148 @@ +// Functions +// ******************************************************************************* + +// Lists +// ******************************************************************************* +@function slice-list($list, $start: 1, $end: length($list)) { + $result: null; + + @if type-of($start) != number or type-of($end) != number { + @warn "Either $start or $end are not a number for `slice`."; + } @else if $start > $end { + @warn "The start index has to be lesser than or equals to the end index for `slice`."; + } @else if $start < 1 or $end < 1 { + @warn "List indexes must be non-zero integers for `slice`."; + } @else if $start > length($list) { + @warn "List index is #{$start} but list is only #{length($list)} item long for `slice`."; + } @else if $end > length($list) { + @warn "List index is #{$end} but list is only #{length($list)} item long for `slice`."; + } @else { + $result: (); + + @for $i from $start through $end { + $result: append($result, nth($list, $i)); + } + } + + @return $result; +} + +// * Units +// ******************************************************************************* + +// Remove the unit of a length +@function strip-unit($number) { + @if type-of($number) == 'number' and not unitless($number) { + @return divide($number, ($number * 0 + 1)); + } + + @return $number; +} + +// Convert size px to rem +@function px-to-rem($value) { + // Assumes the browser default font size = `16px` + @return (divide(strip-unit($value), 16)) * 1rem; +} + +// Convert size rem to px +@function rem-to-px($value) { + // Assumes the browser default font size = `16px` + @return (strip-unit($value) * 16) * 1px; +} + +// * Colors +// ******************************************************************************* + +// ? Override shade, tint and shift function with custom background color option i.e $card-bg to make it similar like design +// Shade a color: mix a color with background/white +@function tint-color($color, $weight, $background: null) { + $background: if($background, $background, white); + @return mix($background, $color, $weight); +} + +// Shade a color: mix a color with background/black +@function shade-color($color, $weight, $background: null) { + $background: if($background, $background, black); + @return mix($background, $color, $weight); +} + +// Shade the color if the weight is positive, else tint it +@function shift-color($color, $weight, $background: null) { + @return if($weight > 0, shade-color($color, $weight, $background), tint-color($color, -$weight)); +} + +//RGBA to HEX +@function rgba-to-hex($color, $background: #fff) { + @if $color and alpha($color) != 1 { + $percent: alpha($color) * 100%; + $opaque: opacify($color, 1); + + @return mix($opaque, $background, $percent); + } @else { + @return $color; + } +} + +// Calculating Color Contrast +@function contrast-value($color) { + @if $color == transparent { + @return $body-color; + } @else if alpha($color) != 1 { + $color: rgba-to-hex($color); + } + + $r: red($color); + $g: green($color); + $b: blue($color); + + @return divide((($r * 299) + ($g * 587) + ($b * 114)), 1000); +} + +// * Utilities +// ******************************************************************************* + +// Return Nav opacity, contrast-percent, contrast-percent-inverted, bg, color, active-color, disabled-color, muted-color, border +@function get-navbar-prop($bg, $active-color: null, $inactive-color: null, $border: null, $text-color: null) { + $bg: rgba-to-hex($bg); + + $active-color: rgba-to-hex($active-color); + $active-color: if($active-color, $active-color, color-contrast($bg)); + + $contrast-percent: divide(contrast-value($bg), 255); + $contrast-percent-inverted: 1 - $contrast-percent; + + $opacity: if($active-color == #fff, 0.6 + (0.4 * $contrast-percent), 0.6 + (0.4 * (1 - $contrast-percent))); + + $color: if( + $inactive-color, + rgba-to-hex($inactive-color, $bg), + rgba-to-hex(rgba($active-color, if($contrast-percent < 0.25, $opacity + 0.2, $opacity)), $bg) + ); + $disabled-color: rgba-to-hex(rgba($color, 0.6), $bg); + $muted-color: rgba-to-hex(rgba($color, 0.4), $bg); + $border: if( + $border, + $border, + if( + $contrast-percent > 0.75, + rgba($active-color, divide($opacity, 8)), + if($contrast-percent < 0.25, rgba($active-color, 0.06), rgba($active-color, 0.15)) + ) + ); + + @return ( + // Metadata + opacity: $opacity, + contrast-percent: $contrast-percent, + contrast-percent-inverted: $contrast-percent-inverted, + // Colors + bg: $bg, + color: $color, + active-color: $active-color, + disabled-color: $disabled-color, + muted-color: $muted-color, + border: $border, + text-color: $text-color + ); +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_include-dark.scss b/resources/assets/vendor/scss/_bootstrap-extended/_include-dark.scss new file mode 100644 index 0000000..1e086b3 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_include-dark.scss @@ -0,0 +1,15 @@ +//Functions +@import 'bootstrap/scss/functions'; // Bootstrap core functions +@import 'functions'; // Bootstrap extended functions + +//Variables +@import '../_custom-variables/bootstrap-extended-dark'; // Bootstrap extended custom dark variable (for customization purpose) +@import '../_custom-variables/bootstrap-extended'; // Bootstrap extended custom dark variable (for customization purpose) +@import 'variables-dark'; // Bootstrap extended dark variable +@import 'variables'; // Bootstrap extended variable +@import 'bootstrap/scss/variables'; // Bootstrap core variable +@import 'bootstrap/scss/maps'; // Bootstrap core variable + +//Mixins +@import 'bootstrap/scss/mixins'; // Bootstrap core mixins +@import 'mixins'; // Bootstrap extended mixins diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_include.scss b/resources/assets/vendor/scss/_bootstrap-extended/_include.scss new file mode 100644 index 0000000..23b090d --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_include.scss @@ -0,0 +1,13 @@ +//Functions +@import 'bootstrap/scss/functions'; // Bootstrap core functions +@import 'functions'; // Bootstrap extended functions + +//Variables +@import '../_custom-variables/bootstrap-extended'; // Bootstrap extended custom variable (for customization purpose) +@import 'variables'; // Bootstrap extended variable +@import 'bootstrap/scss/variables'; // Bootstrap core variable +@import 'bootstrap/scss/maps'; // Bootstrap core variable + +//Mixins +@import 'bootstrap/scss/mixins'; // Bootstrap core mixins +@import 'mixins'; // Bootstrap extended mixins diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_list-group.scss b/resources/assets/vendor/scss/_bootstrap-extended/_list-group.scss new file mode 100644 index 0000000..2958b1a --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_list-group.scss @@ -0,0 +1,210 @@ +// List groups +// ******************************************************************************* + +// List Group Mixin +@each $color, $value in $theme-colors { + @if $color != primary and $color != light { + @include template-list-group-item-variant('.list-group-item-#{$color}', $value); + @include template-list-group-timeline-variant('.list-group-timeline-#{$color}', $value); + } +} +.list-group { + .list-group-item-action { + &:not(.active) { + & :not(.add-btn) > :active { + color: $list-group-color; + background-color: $list-group-hover-bg !important; + } + } + } + .list-group-item { + line-height: 1.375rem; + padding-bottom: calc($list-group-item-padding-y - 1px); + } + &:not([class*='list-group-flush']) .list-group-item:first-of-type { + padding-top: calc($list-group-item-padding-y - 1px); + } + &[class*='list-group-flush'] .list-group-item:last-of-type { + padding-bottom: $list-group-item-padding-y; + } + &[class*='list-group-horizontal-md'] .list-group-item { + @include media-breakpoint-up(md) { + padding-top: calc($list-group-item-padding-y - 1px); + } + } +} + +.list-group { + // Timeline CSS + &.list-group-timeline { + position: relative; + &:before { + background-color: $border-color; + position: absolute; + content: ''; + width: 1px; + height: 100%; + top: 0; + bottom: 0; + left: 0.2rem; + } + .list-group-item { + border: none; + padding-left: 1.25rem; + &:before { + position: absolute; + display: block; + content: ''; + width: 7px; + height: 7px; + left: 0; + top: 50%; + margin-top: -3.5px; + border-radius: 100%; + } + } + } + + .list-group-item.active { + h1, + .h1, + h2, + .h2, + h3, + .h3, + h4, + .h4, + h5, + .h5, + h6, + .h6 { + color: $primary; + } + } +} + +// RTL +// ******************************************************************************* + +@include rtl-only { + .list-group { + padding-right: 0; + + // Timeline RTL List group + &.list-group-timeline { + &:before { + left: auto; + right: 0.2rem; + } + .list-group-item { + padding-right: 1.25rem; + &:before { + left: auto; + right: 1px; + } + } + } + // List group horizontal RTL style + + &.list-group-horizontal { + .list-group-item { + &:first-child { + border-radius: 0.25rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &:last-child { + border-radius: 0.25rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-left-width: 1px; + } + } + } + @include media-breakpoint-up(sm) { + &.list-group-horizontal-sm { + .list-group-item { + &:first-child { + border-radius: 0.25rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &:last-child { + border-radius: 0.25rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-left-width: 1px; + } + } + } + } + @include media-breakpoint-up(md) { + &.list-group-horizontal-md { + .list-group-item { + &:first-child { + border-radius: 0.25rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &:last-child { + border-radius: 0.25rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-left-width: 1px; + } + } + } + } + @include media-breakpoint-up(lg) { + &.list-group-horizontal-lg { + .list-group-item { + &:first-child { + border-radius: 0.25rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &:last-child { + border-radius: 0.25rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-left-width: 1px; + } + } + } + } + @include media-breakpoint-up(xl) { + &.list-group-horizontal-xl { + .list-group-item { + &:first-child { + border-radius: 0.25rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &:last-child { + border-radius: 0.25rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-left-width: 1px; + } + } + } + } + @include media-breakpoint-up(xxl) { + &.list-group-horizontal-xxl { + .list-group-item { + &:first-child { + border-radius: 0.25rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &:last-child { + border-radius: 0.25rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-left-width: 1px; + } + } + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_mixins.scss b/resources/assets/vendor/scss/_bootstrap-extended/_mixins.scss new file mode 100644 index 0000000..7597d2c --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_mixins.scss @@ -0,0 +1,20 @@ +// Mixins +// +// Template mixins (custom and overrides) + +@import 'mixins/alert'; +@import 'mixins/badge'; +@import 'mixins/buttons'; +@import 'mixins/list-group'; +@import 'mixins/modal'; +@import 'mixins/navs'; +@import 'mixins/pagination'; +@import 'mixins/progress'; +@import 'mixins/popover'; +@import 'mixins/tooltip'; +@import 'mixins/caret'; +@import 'mixins/dropdown'; +@import 'mixins/forms'; +@import 'mixins/table-variants'; +@import 'mixins/misc'; +@import 'mixins/card'; // layout, text directions & colors diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_modal.scss b/resources/assets/vendor/scss/_bootstrap-extended/_modal.scss new file mode 100644 index 0000000..3acb312 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_modal.scss @@ -0,0 +1,390 @@ +// Modals +// ******************************************************************************* +//modal header btn close style +.modal { + .btn-close { + background-color: $card-bg; + border-radius: $border-radius-sm; + background-image: str-replace(str-replace($btn-close-bg, '#{$btn-close-color}', $text-muted), '#', '%23'); + opacity: 1; + padding: 0.3757rem; + box-shadow: $box-shadow-xs; + transition: all 0.23s ease 0.1s; + @include ltr-style { + transform: translate(23px, -25px); + } + + @include rtl-style { + transform: translate(-31px, -25px); + } + + // For hover effect of close btn + &:hover, + &:focus, + &:active { + opacity: 1; + outline: none; + + @include ltr-style { + transform: translate(20px, -20px); + } + + @include rtl-style { + transform: translate(-26px, -20px); + } + } + } + + .modal-header { + position: relative; + .btn-close { + position: absolute; + top: $modal-dialog-margin + 0.1875rem; + @include ltr-style() { + right: $modal-footer-margin-between - 0.1875rem; + } + @include rtl-style { + left: $modal-footer-margin-between + 0.3; + } + } + } +} +//modal footer +.modal-footer { + padding: $modal-footer-padding; + > * { + margin-block: 0; + @include ltr-style { + &:last-child { + margin-right: 0; + } + &:first-child { + margin-left: 0; + } + } + @include rtl-style { + &:last-child { + margin-left: 0; + } + &:first-child { + margin-right: 0; + } + } + } +} + +// Modal Shadow +.modal-content { + box-shadow: $modal-content-box-shadow-xs; +} + +// Modal RTL +// ! remove close button animation & shadow for .modal-dialog-scrollable, .modal-fullscreen, .modal-top modal +.modal-dialog-scrollable, +.modal-fullscreen, +.modal-top { + .btn-close { + box-shadow: none; + @include ltr-style { + transform: translate(0, 0) !important; + } + + @include rtl-style { + transform: translate(0, 0) !important; + } + &:hover { + @include ltr-style { + transform: translate(0, 0) !important; + } + + @include rtl-style { + transform: translate(0, 0) !important; + } + } + } +} + +// Onboarding Modals +// ******************************************************************************* + +.modal-onboarding { + .close-label { + font-size: 0.8rem; + position: absolute; + top: 0.85rem; + opacity: $btn-close-opacity; + &:hover { + opacity: $btn-close-hover-opacity; + } + } + .modal-header { + .btn-close { + @include rtl-style { + margin-left: 0; + margin-right: auto; + } + } + } + + .onboarding-media { + margin-bottom: 1rem; + img { + margin: 0 auto; + } + } + .onboarding-content { + margin: 2rem; + } + form { + margin-top: 2rem; + text-align: left; + } + + // Carousel Inside Modal + .carousel-indicators { + bottom: -10px; + } + + .carousel-control-prev, + .carousel-control-next { + top: auto; + bottom: 0.75rem; + opacity: 1; + @include rtl-style { + flex-direction: row-reverse; + } + } + .carousel-control-prev { + left: 1rem; + } + .onboarding-horizontal { + display: flex; + justify-content: space-between; + align-items: center; + .onboarding-media { + margin: 2rem; + margin-top: 0; + } + .carousel-control-prev { + left: 0; + } + } + // Modal animation + &.animated { + .onboarding-media { + transform: translateY(10px) scale(0.8); + transition: all 0.5s cubic-bezier(0.25, 1.1, 0.5, 1.35); + transition-delay: 0.3s; + opacity: 0; + } + .onboarding-content { + transform: translateY(40px); + transition-delay: 0.1s; + transition: all 0.4s ease; + opacity: 0; + } + .onboarding-title { + opacity: 0; + transition-delay: 0.5s; + transition: all 0.5s cubic-bezier(0.25, 1.1, 0.5, 1.35); + transform: translateY(40px); + } + .onboarding-info { + opacity: 0; + transition-delay: 0.6s; + transition: all 0.5s cubic-bezier(0.25, 1.1, 0.5, 1.35); + transform: translateY(40px); + } + form { + opacity: 0; + transition-delay: 0.7s; + transition: all 0.5s ease; + transform: translateY(40px); + } + &.show { + .onboarding-media { + transform: translateY(0) scale(1); + opacity: 1; + } + .onboarding-content { + transform: translateY(0); + opacity: 1; + } + .onboarding-title { + transform: translateY(0); + opacity: 1; + } + .onboarding-info { + opacity: 1; + transform: translateY(0px); + } + form { + opacity: 1; + transform: translateY(0px); + } + } + } +} + +// Top modals +// ******************************************************************************* + +.modal-top { + .modal-dialog { + margin-top: 0; + } + + .modal-content { + @include border-top-radius(0); + } +} + +// Transparent modals +// ****************************************************************************** + +.modal-transparent { + .modal-dialog { + display: flex; + margin: 0 auto; + min-height: 100vh; + } + + .modal-content { + margin: auto; + width: 100%; + border: 0; + background: transparent; + box-shadow: none; + } + + .btn-close { + position: absolute; + top: 0; + right: $modal-inner-padding; + opacity: 1; + padding: $btn-close-padding-y $btn-close-padding-x; + background-image: str-replace(str-replace($btn-close-bg, '#{$btn-close-color}', $white), '#', '%23'); + background-color: transparent !important; + box-shadow: none; + @include rtl-style { + right: auto; + left: $modal-header-padding-x; + } + } +} + +// Modal Simple (Modal Examples) +// ****************************************************************************** + +.modal-simple { + .modal-content { + padding: $modal-simple-padding; + @include media-breakpoint-down(md) { + padding: 1rem; + .modal-body { + padding: 1rem; + } + } + } + .btn-close { + position: absolute; + top: -($modal-simple-padding - $modal-simple-close-position); + @include rtl-style() { + left: -($modal-simple-padding - $modal-simple-close-position); + } + @include ltr-style() { + right: -($modal-simple-padding - $modal-simple-close-position); + } + // For small screen set top, left/right 0 p-3, p-md-5 + @include media-breakpoint-down(md) { + top: 0; + @include rtl-style() { + left: 0; + } + @include ltr-style() { + right: 0; + } + } + } +} + +// Refer & Earn Modal Example +.modal-refer-and-earn { + .modal-refer-and-earn-step { + width: 88px; + height: 88px; + display: flex; + justify-content: center; + align-items: center; + border-radius: $card-border-radius; + i { + font-size: 2.5rem; + } + } +} + +// Add new address modal +.modal-add-new-address { + .custom-option-icon:not(.checked) svg { + stroke: $headings-color; + } + .custom-option-icon.checked svg { + stroke: $primary; + } +} + +// Modal Animations +// ****************************************************************************** + +// Slide from Top +.modal-top.fade .modal-dialog, +.modal-top .modal.fade .modal-dialog { + transform: translateY(-100%); +} + +.modal-top.show .modal-dialog, +.modal-top .modal.show .modal-dialog { + transform: translateY(0); +} + +// Transparent +.modal-transparent.fade .modal-dialog, +.modal-transparent .modal.fade .modal-dialog { + transform: scale(0.5, 0.5); +} + +.modal-transparent.show .modal-dialog, +.modal-transparent .modal.show .modal-dialog { + transform: scale(1, 1); +} + +// Responsive +// ******************************************************************************* + +@include media-breakpoint-down(lg) { + .modal-onboarding .onboarding-horizontal { + flex-direction: column; + } +} +@include media-breakpoint-down(md) { + .modal { + .carousel-control-prev, + .carousel-control-next { + display: none; + } + } +} +@include media-breakpoint-up(sm) { + .modal-content { + box-shadow: $modal-content-box-shadow-sm-up; + } + + .modal-sm .modal-dialog { + max-width: $modal-sm; + } +} +@include media-breakpoint-up(xl) { + .modal-xl .modal-dialog { + max-width: $modal-xl; + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_nav.scss b/resources/assets/vendor/scss/_bootstrap-extended/_nav.scss new file mode 100644 index 0000000..c8b4af8 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_nav.scss @@ -0,0 +1,510 @@ +// Nav +// ******************************************************************************* +.nav .nav-item, +.nav .nav-link, +.tab-pane, +.tab-pane .card-body { + outline: none !important; +} + +// To fix height issue of nav pills +.nav { + flex-wrap: inherit; + &.nav-pills:not(.nav-align-right):not(.nav-align-left) { + flex-wrap: wrap; + } + .nav-item { + white-space: nowrap; + } + .nav-tabs { + background-color: $card-bg; + } +} + +//nav tabs shadow +.nav-tabs-shadow { + box-shadow: $card-box-shadow; +} +// Tab and pills style +.nav-tabs, +.nav-pills { + .nav-link { + display: inline-flex; + align-items: center; + justify-content: center; + text-transform: capitalize; + &.active { + background-color: transparent; + } + } + + &:not(.nav-fill):not(.nav-justified) .nav-link { + margin-right: $nav-spacer; + width: 100%; + + @include rtl-style { + margin-left: $nav-spacer; + margin-right: 0; + } + } +} + +.tab-content:not(.doc-example-content) { + padding: $card-spacer-y; + .tab-pane { + opacity: 0; + transition: all linear 0.1s; + @include ltr-style { + transform: translateX(-30px); + } + @include rtl-style { + transform: translateX(30px); + } + &.show { + opacity: 1; + transform: unset !important; + transition: all ease-out 0.2s 0.1s; + } + } +} + +// For scrollable navs/tabs/pills +.nav-scrollable { + display: -webkit-inline-box; + display: -moz-inline-box; + width: 100%; + overflow-y: auto; + flex-wrap: nowrap; +} + +// Widget Tabs +// -------------------------------------------------- + +.nav-tabs { + div:not(.nav-align-left):not(.nav-align-right) > & { + display: inline-flex; + width: 100%; + overflow-x: auto !important; + overflow-y: hidden; + } + &.widget-nav-tabs { + border: 0 !important; + overflow-x: auto; + .nav-link { + border: $border-width dashed $border-color; + &.active { + border: $border-width solid $border-color; + } + @include media-breakpoint-up(md) { + height: 100px !important; + width: 110px !important; + @include border-radius($border-radius); + } + @include media-breakpoint-down(md) { + border: 0 !important; + padding: 0; + } + &.active { + border-color: $primary; + box-shadow: none !important; + .badge { + background-color: $component-hover-bg !important; + color: $component-active-bg !important; + } + } + .tab-widget-title { + @include media-breakpoint-down(md) { + display: none; + } + } + } + } +} + +// Todo: remove/ update style for nav with perfect scrollbar +// ? Not working with fixed width +// ? if provide width/min-width with %/auto not working +// ? Also can't use width with PX (as it's required for ps) +// ? removed JS so need to initialize ps again +// ? Once done add an example to docs + +// .nav-scrollable { +// display: -webkit-inline-box; +// display: -moz-inline-box; +// width: 420px; +// padding-bottom: 0.5rem; +// position: relative; +// // overflow-y: auto; +// flex-wrap: nowrap; +// } + +// Tab link +.nav-tabs { + position: relative; + .tab-slider { + height: 2px; + position: absolute; + .nav-align-left &, + .nav-align-right & { + width: 2px !important; + } + } + .nav-link { + background-clip: padding-box; + border-radius: 0; + } +} +.nav-pills { + .nav-link { + padding: $nav-pills-padding-y $nav-pills-padding-x; + } + & .nav-item .nav-link:not(.active):hover { + border-bottom: none; + padding-bottom: $nav-link-padding-y; + background-color: $nav-pills-link-hover-bg; + } + ~ .tab-content { + box-shadow: $box-shadow; + } +} + +// Sizing +// ******************************************************************************* + +.nav-sm { + @include template-nav-size($nav-link-padding-y-sm, $nav-link-padding-x-sm, $font-size-sm, $nav-link-line-height-sm); +} +.nav-lg { + @include template-nav-size($nav-link-padding-y-lg, $nav-link-padding-x-lg, $font-size-lg, $nav-link-line-height-lg); +} + +// Top, Right, Bottom & Left Tabbed panels +// ******************************************************************************* +.nav-align-top, +.nav-align-right, +.nav-align-bottom, +.nav-align-left { + .nav-tabs { + background: $nav-tabs-link-active-bg; + } + display: flex; + + > .nav, + > div > .nav { + z-index: 1; + position: relative; + } + &:has(.nav-tabs) { + border-radius: $border-radius !important; + } + + .row-bordered > [class^='col-'], + .row-bordered > [class*=' col-'], + .row-bordered > [class^='col '], + .row-bordered > [class*=' col '], + .row-bordered > [class$=' col'], + .row-bordered > [class='col'] { + &::before, + &::after { + border-color: $card-inner-border-color; + } + } +} + +.nav-align-right, +.nav-align-left { + align-items: stretch; + + > .nav, + > div > .nav { + flex-grow: 0; + flex-direction: column; + border-bottom-width: 0; + } + + > .nav.nav-pills .nav-item:not(:last-child), + > div > .nav.nav-pills .nav-item:not(:last-child) { + margin: 0 0 $nav-spacer 0 !important; + } + + > .tab-content { + flex-grow: 1; + .tab-pane { + transform: translateY(-30px); + &.show { + transform: translateY(0px); + } + } + } +} + +// Top tabs +.nav-align-top { + .tab-content { + @include border-bottom-radius($border-radius); + } + flex-direction: column; + .nav-tabs { + border-bottom: $border-width solid $border-color; + @include border-top-radius($border-radius); + & .nav-link:not(.active):hover { + color: $primary !important; + border-bottom: 2px solid $nav-pills-link-hover-bg !important; + padding-bottom: calc($nav-link-padding-y - 0.125rem); + } + &.nav-lg .nav-link:not(.active):hover { + padding-bottom: calc($nav-link-padding-y-lg - 0.125rem); + } + &.nav-sm .nav-link:not(.active):hover { + padding-bottom: calc($nav-link-padding-y-sm - 0.125rem); + } + } + .nav-pills ~ .tab-content { + @include border-top-radius($border-radius); + } +} +.nav-align-top, +.nav-align-bottom { + > .tab-content { + .tab-pane { + @include ltr-style { + transform: translateX(-30px); + } + @include rtl-style { + transform: translateX(30px); + } + &.show { + transform: translateX(0px) !important; + } + } + } + @include ltr-style { + > .nav.nav-pills .nav-item:not(:last-child) { + margin-right: $nav-spacer; + } + } + + @include rtl-style { + > .nav.nav-pills .nav-item:not(:last-child) { + margin-left: $nav-spacer; + } + } +} +.nav-align-right { + .tab-content { + @include border-start-radius($border-radius); + } + flex-direction: row-reverse; + .nav-tabs { + border-left: $border-width solid $border-color; + @include border-end-radius($border-radius); + position: relative; + .tab-slider { + @include ltr-style { + left: 0; + } + @include rtl-style { + right: 0; + } + } + ~ .tab-content { + .card & { + @include ltr-style { + border-right: $nav-tabs-border-width solid $nav-tabs-border-color; + } + @include rtl-style { + border-left: $nav-tabs-border-width solid $nav-tabs-border-color; + } + } + } + @include ltr-style { + & .nav-link:not(.active):hover { + color: $primary !important; + border-left: 2px solid $nav-pills-link-hover-bg !important; + padding-left: calc($nav-link-padding-x - 0.125rem); + } + } + + @include rtl-style { + & .nav-link:not(.active):hover { + color: $primary !important; + border-right: 2px solid $nav-pills-link-hover-bg !important; + padding-right: calc($nav-link-padding-x - 0.125rem); + } + } + } + + > .nav .nav-item, + > div > .nav .nav-item { + margin-left: 0; + + @include rtl-style { + margin-left: 0; + margin-right: 0; + } + } + .nav-link { + text-align: right; + justify-content: end; + } + .nav-pills ~ .tab-content { + @include border-end-radius($border-radius); + } +} + +// Bottom tabs +.nav-align-bottom { + .tab-content { + @include border-top-radius($border-radius); + } + flex-direction: column-reverse; + + > .nav .nav-item, + > div > .nav .nav-item { + margin-bottom: 0; + margin-top: 0; + } + + > .nav, + > div > .nav { + border-bottom-width: 0; + border-top: $nav-tabs-border-width solid $nav-tabs-border-color; + } + .nav-tabs { + border-top: $border-width solid $border-color; + @include border-bottom-radius($border-radius); + .tab-slider { + bottom: inherit !important; + } + & .nav-link:not(.active):hover { + color: $primary !important; + border-top: 2px solid $nav-pills-link-hover-bg !important; + padding-top: calc($nav-link-padding-y - 0.125rem); + } + } + .nav-pills ~ .tab-content { + @include border-bottom-radius($border-radius); + } +} + +// Left tabs +.nav-align-left { + .tab-content { + @include border-end-radius($border-radius); + } + .nav-tabs { + border-right: $border-width solid $border-color; + @include border-start-radius($border-radius); + position: relative; + ~ .tab-content { + .card & { + @include ltr-style { + border-left: $nav-tabs-border-width solid $nav-tabs-border-color; + } + @include rtl-style { + border-right: $nav-tabs-border-width solid $nav-tabs-border-color; + } + } + } + @include ltr-style { + & .nav-link:not(.active):hover { + color: $primary !important; + border-right: 2px solid $nav-pills-link-hover-bg !important; + padding-right: calc($nav-link-padding-x - 0.125rem); + } + } + + @include rtl-style { + & .nav-link:not(.active):hover { + color: $primary !important; + border-left: 2px solid $nav-pills-link-hover-bg !important; + padding-left: calc($nav-link-padding-x - 0.125rem); + } + } + } + > .nav .nav-item, + > div > .nav .nav-item { + margin-right: 0; + @include rtl-style { + margin-right: 0; + margin-left: 0; + } + } + .nav-link { + text-align: left; + justify-content: start; + } + .nav-pills ~ .tab-content { + @include border-start-radius($border-radius); + } +} + +// Tab content +.nav-align-top > .tab-content, +.nav-align-right > .tab-content, +.nav-align-bottom > .tab-content, +.nav-align-left > .tab-content { + flex-shrink: 1; + background-clip: padding-box; + background: $nav-tabs-link-active-bg; + .card & { + background: transparent; + } +} +.card .tab-content { + box-shadow: none !important; +} + +// Dark +@if $dark-style { + .nav-tabs { + .nav-link.active { + border-color: $border-color; + border-bottom-color: $nav-tabs-link-active-bg; + } + } + .nav-align-top, + .nav-align-bottom, + .nav-align-left, + .nav-align-right { + .nav-tabs { + .nav-link.active { + border-color: $gray-200; + @include rtl-style { + border-right-color: $gray-200 !important; + } + } + } + } + .nav-align-top { + .nav-tabs { + .nav-link.active { + border-bottom-color: $nav-tabs-link-active-bg !important; + } + } + } + .nav-align-bottom { + .nav-tabs { + .nav-link.active { + border-top-color: $nav-tabs-link-active-bg !important; + } + } + } +} + +// RTL +@include rtl-only { + .nav { + padding-right: 0; + } + .nav-align-left { + .nav-link { + text-align: right; + } + } + .nav-align-right { + .nav-link { + text-align: left; + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_navbar.scss b/resources/assets/vendor/scss/_bootstrap-extended/_navbar.scss new file mode 100644 index 0000000..bd6db22 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_navbar.scss @@ -0,0 +1,87 @@ +// Navbar +// ******************************************************************************* + +.navbar { + z-index: 2; + // ! Fix: navbar dropdown focus outline + .dropdown:focus, + .dropdown-toggle:focus { + outline: 0; + } + .navbar-toggler:focus { + box-shadow: none; + } + .list-group-item:hover, + .list-group-item:focus { + background-color: $navbar-dropdown-hover-bg; + color: inherit; + } +} + +.fixed-top { + z-index: $zindex-fixed; +} + +.navbar.navbar-light { + color: $navbar-light-color; +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: $navbar-light-disabled-color !important; +} + +.navbar.navbar-dark { + color: $navbar-dark-color; +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: $navbar-dark-disabled-color !important; +} + +// IE fix +.navbar-collapse, +.navbar-brand, +.navbar-text { + flex-shrink: 1; +} + +// Icons +// .navbar-icon { +// font-size: 130%; +// } + +// Rulers +.navbar-dark hr { + border-color: rgba(255, 255, 255, 0.1); +} + +.navbar-light hr { + border-color: $gray-100; +} + +// RTL Style +// ****************************************************************************** + +@include rtl-only { + .navbar-nav { + padding-right: 0; + } + + .navbar-brand { + margin-right: 0; + margin-left: $navbar-padding-x; + } +} + +// Mega dropdown +// ****************************************************************************** + +.mega-dropdown { + .dropdown-toggle { + outline: 0; + box-shadow: none; + } + .dropdown-menu { + width: 100%; + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_offcanvas.scss b/resources/assets/vendor/scss/_bootstrap-extended/_offcanvas.scss new file mode 100644 index 0000000..d56fa0f --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_offcanvas.scss @@ -0,0 +1,33 @@ +// Offcanvas +// ******************************************************************************* + +.offcanvas { + box-shadow: $offcanvas-box-shadow; + .offcanvas-header { + .btn-close { + padding: 0.44rem; + margin-right: 0; + background-size: 1.5rem; + background-image: str-replace( + str-replace($btn-close-bg, '#{$offcanvas-btn-close-color}', $headings-color), + '#', + '%23' + ); + } + } +} + +// RTL +// ******************************************************************************* +@include rtl-only { + .offcanvas-start { + right: 0; + transform: translateX(100%); + } + + .offcanvas-end { + right: auto; + left: 0; + transform: translateX(-100%); + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_pagination.scss b/resources/assets/vendor/scss/_bootstrap-extended/_pagination.scss new file mode 100644 index 0000000..2e913e1 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_pagination.scss @@ -0,0 +1,226 @@ +// Pagination +// ******************************************************************************* + +// Pagination Mixins +@each $color, $value in $theme-colors { + @if $color != primary and $color != light { + @include template-pagination-variant('.pagination-#{$color}', $value); + @include template-pagination-outline-variant('.pagination-outline-#{$color}', $value); + } +} +// Pagination next, prev, first & last css padding +.page-item { + &.first, + &.last, + &.next, + &.prev, + &.previous { + .page-link { + padding: $pagination-padding-y - 0.043rem $pagination-padding-x - 0.067rem; + } + } + &.disabled, + &[disabled] { + .page-link { + pointer-events: none; + } + } +} +.pagination { + &.disabled, + &[disabled] { + .page-item .page-link { + opacity: $pagination-disabled-opacity; + } + } +} + +// Pagination basic style +.page-link, +.page-link > a { + @include border-radius($border-radius); + + text-align: center; + min-width: calc( + #{'#{($font-size-base * $pagination-line-height) + ($pagination-padding-x * 1.923)} + calc(#{$pagination-border-width} * 2)'} + ); + min-height: calc( + #{'#{($font-size-base * $pagination-line-height) + ($pagination-padding-y * 2)} + calc(#{$pagination-border-width} * 2)'} + ); + + &:focus { + color: $pagination-hover-color; + } + display: inline-flex !important; + justify-content: center; + align-items: center; +} + +// Add spacing between pagination items +.page-item + .page-item .page-link, +.pagination li + li > a:not(.page-link) { + .pagination-sm & { + margin-left: 0.25rem; + } + .pagination-lg & { + margin-left: 0.5rem; + } +} + +// Removed border from default pagination and set line-height of icons +.pagination { + &:not([class*='pagination-outline-']) { + .page-link { + border-color: transparent; + } + & .page-item.active .waves-ripple { + background: none; + } + } + &[class*='pagination-outline-'] { + .page-item.active .page-link { + box-shadow: none; + } + .page-item:not(.active) .page-link, + .pagination li > a:not(.page-link) { + background-color: transparent; + &:hover, + &:focus { + background-color: rgba-to-hex(rgba($black, 0.06), $rgba-to-hex-bg); + border-color: rgba-to-hex(rgba($black, 0.22), $rgba-to-hex-bg); + color: $headings-color; + } + &.waves-effect { + .waves-ripple { + background: radial-gradient( + rgba($black, 0.3) 0, + rgba($black, 0.4) 40%, + rgba($black, 0.5) 50%, + rgba($black, 0.6) 60%, + rgba($black, 0) 70% + ); + } + } + } + } +} + +.page-link.btn-primary { + box-shadow: none !important; +} + +// Pagination shape rounded & Square +.pagination { + &.pagination-square .page-item a { + @include border-radius(0); + } + &.pagination-round .page-item a { + @include border-radius(50%); + } + &.pagination-rounded .page-item a { + @include border-radius($border-radius); + } + &.pagination-sm.pagination-rounded .page-item a { + @include border-radius($border-radius-sm); + } + &.pagination-lg.pagination-rounded .page-item a { + @include border-radius($border-radius-lg); + } +} + +// Sizing +// ******************************************************************************* + +// Pagination Large +.pagination-lg .page-link, +.pagination-lg > li > a:not(.page-link) { + min-width: calc( + #{'#{($font-size-base * $pagination-line-height) + ($pagination-padding-x-lg * 1.615)} + calc(#{$pagination-border-width} * 2)'} + ); + min-height: calc( + #{'#{($font-size-base * $pagination-line-height) + ($pagination-padding-y-lg * 2.33)} + calc(#{$pagination-border-width} * 2)'} + ); +} + +// Pagination Small +.pagination-sm .page-link, +.pagination-sm > li > a:not(.page-link) { + min-width: calc( + #{'#{($font-size-sm * $pagination-line-height) + ($pagination-padding-x-sm * 2.356)} + calc(#{$pagination-border-width} * 2)'} + ); + min-height: calc( + #{'#{($font-size-sm * $pagination-line-height) + ($pagination-padding-y-sm * 2)} + calc(#{$pagination-border-width} * 2)'} + ); +} +.pagination-sm > .page-item { + &.first, + &.last, + &.next, + &.prev, + &.previous { + .page-link { + padding: $pagination-padding-y-sm - 0.1055rem; + } + } +} + +// RTL pagination +// ******************************************************************************* + +@include rtl-only { + .pagination { + padding-right: 0; + } + + // Add spacing between pagination items + .page-item + .page-item .page-link, + .pagination li + li > a:not(.page-link) { + margin-left: 0; + margin-right: $pagination-margin-start; + .pagination-sm & { + margin-right: 0.25rem; + } + .pagination-lg & { + margin-right: 0.5rem; + } + } + + .page-item { + &.first, + &.last, + &.next, + &.prev, + &.previous { + .page-link { + i { + transform: rotate(180deg); + } + } + } + } +} + +@include dark-layout-only { + .pagination[class*='pagination-outline-'] { + .page-item .page-link, + .pagination li > a:not(.page-link) { + background-color: transparent; + &:hover, + &:focus { + background-color: rgba-to-hex(rgba($base, 0.06), $rgba-to-hex-bg); + border-color: rgba-to-hex(rgba($base, 0.22), $rgba-to-hex-bg); + } + &.waves-effect { + .waves-ripple { + background: radial-gradient( + rgba(#000, 0.3) 0, + rgba(#000, 0.4) 40%, + rgba(#000, 0.5) 50%, + rgba(#000, 0.6) 60%, + rgba(#000, 0) 70% + ); + } + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_popover.scss b/resources/assets/vendor/scss/_bootstrap-extended/_popover.scss new file mode 100644 index 0000000..98294fe --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_popover.scss @@ -0,0 +1,42 @@ +// Popovers +// ******************************************************************************* + +@each $color, $value in $theme-colors { + @if $color != primary and $color != light { + @include template-popover-variant( + '.popover-#{$color}, .popover-#{$color} > .popover, .ngb-popover-#{$color} + ngb-popover-window', + rgba-to-hex($value, $rgba-to-hex-bg) + ); + } +} + +.modal-open .popover { + z-index: $zindex-modal + 1; +} + +.popover { + box-shadow: $popover-box-shadow; + + // Popover header padding and font-size + .popover-header { + padding-bottom: 0; + font-size: $h5-font-size; + } + + // Popover body padding + .popover-body { + padding-top: $spacer; + } + .popover-arrow { + z-index: 1; + } +} + +// RTL +// ******************************************************************************* + +@include rtl-only { + .popover { + text-align: right; + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_progress.scss b/resources/assets/vendor/scss/_bootstrap-extended/_progress.scss new file mode 100644 index 0000000..c41a774 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_progress.scss @@ -0,0 +1,44 @@ +// Progress +// ******************************************************************************* + +.progress:has(:only-child) { + overflow: visible; +} + +@each $color, $value in $theme-colors { + @if $color != primary { + @include template-progress-shadow-theme('.progress-bar.bg-#{$color}', $value); + } +} +@include ltr-only { + .progress { + .progress-bar:last-child { + border-top-right-radius: $progress-border-radius; + border-bottom-right-radius: $progress-border-radius; + } + .progress-bar:first-child { + border-top-left-radius: $progress-border-radius; + border-bottom-left-radius: $progress-border-radius; + } + } +} + +// RTL +// ******************************************************************************* + +@include rtl-only { + .progress-bar-animated { + animation-direction: reverse; + } + .progress { + // border radius for first and last child + .progress-bar:last-child { + border-top-left-radius: $progress-border-radius; + border-bottom-left-radius: $progress-border-radius; + } + .progress-bar:first-child { + border-top-right-radius: $progress-border-radius; + border-bottom-right-radius: $progress-border-radius; + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_reboot.scss b/resources/assets/vendor/scss/_bootstrap-extended/_reboot.scss new file mode 100644 index 0000000..b05d833 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_reboot.scss @@ -0,0 +1,74 @@ +// Reboot +// + +b, +strong { + font-weight: $font-weight-bold; +} + +// Todo: commenting this style as creating issue on toast select and customizer select in windows +// @if $dark-style { +// select:not([multiple]):not([size]), +// select[size='1'] { +// option { +// color: $black; +// } +// } +// } + +@include rtl-only { + caption { + text-align: right; + } + dd { + margin-right: 0; + } +} + +a:not([href]) { + color: inherit; + text-decoration: none; + + &:hover { + color: inherit; + text-decoration: none; + } +} + +//! Fix: Autofill input bg and text color issue on different OS and browsers +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +textarea:-webkit-autofill, +textarea:-webkit-autofill:hover, +textarea:-webkit-autofill:focus, +select:-webkit-autofill, +select:-webkit-autofill:hover, +select:-webkit-autofill:focus, +input:-internal-autofill-selected { + background-clip: text !important; + -webkit-background-clip: text !important; +} + +h1 { + line-height: $h1-line-height; +} +h2 { + line-height: $h2-line-height; +} + +h3 { + line-height: $h3-line-height; +} + +h4 { + line-height: $h4-line-height; +} + +h5 { + line-height: $h5-line-height; +} + +h6 { + line-height: $h6-line-height; +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_root.scss b/resources/assets/vendor/scss/_bootstrap-extended/_root.scss new file mode 100644 index 0000000..4bbd2bd --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_root.scss @@ -0,0 +1,4 @@ +// The color-scheme CSS property https://web.dev/color-scheme/ +:root { + color-scheme: #{$color-scheme}; +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_spinners.scss b/resources/assets/vendor/scss/_bootstrap-extended/_spinners.scss new file mode 100644 index 0000000..72dc9c3 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_spinners.scss @@ -0,0 +1,44 @@ +// Spinners +// + +//Large size +.spinner-border-lg { + width: $spinner-width-lg; + height: $spinner-height-lg; + border-width: $spinner-border-width-lg; +} + +.spinner-grow-lg { + width: $spinner-width-lg; + height: $spinner-height-lg; + border-width: $spinner-border-width-lg; +} + +// * Within button +// ******************************************************************************* + +.btn { + .spinner-border, + .spinner-grow { + position: relative; + top: -0.0625rem; + height: 1em; + width: 1em; + } + + .spinner-border { + border-width: 0.15em; + } +} + +@include keyframes('spinner-border-rtl') { + to { + transform: rotate(-360deg); + } +} +// RTL +@include rtl-only { + .spinner-border { + animation-name: spinner-border-rtl; + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_tables.scss b/resources/assets/vendor/scss/_bootstrap-extended/_tables.scss new file mode 100644 index 0000000..e4eb283 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_tables.scss @@ -0,0 +1,136 @@ +// Tables +// ********************************************************************************/ + +@each $color, $value in $table-variants { + @if $color != primary { + @include template-table-variant($color, $value); + } +} + +// Firefox fix for table head border bottom +.table { + > :not(caption) > * > * { + background-clip: padding-box; + } + &:not(.table-borderless):not(.table-dark) > :not(caption) > *:not(.table-dark) > * { + border-top-width: 1px; + } + .dropdown-item { + display: flex; + gap: 0.25rem; + } + tr { + > td { + .dropdown { + position: static; + } + } + } + caption { + padding: $table-cell-padding-y $table-cell-padding-x; + } + &.table-sm { + thead tr th { + padding-block: $table-head-padding-y-sm; + } + } + thead tr th { + padding-block: $table-head-padding-y; + } +} + +// Style for table inside card +.card { + .table { + margin-bottom: 0; + } +} +@supports (-moz-appearance: none) { + .table { + .dropdown-menu.show { + display: inline-table; + } + } +} +// Table heading style +.table th { + text-transform: uppercase; + font-size: $font-size-sm; + letter-spacing: 0.2px; + color: $table-th-color; +} +.table-dark th { + color: var(--#{$prefix}table-color); + border-top: 1px solid $table-border-color; +} +@if $dark-style { + .table-light th { + color: var(--#{$prefix}table-color); + } +} + +// Dark Table icon button +.table.table-dark .btn.btn-icon { + color: $table-border-color; +} + +// class for to remove table border bottom +.table-border-bottom-0 { + tr:last-child { + td, + th { + border-bottom-width: 0; + } + } +} + +// Dark Table icon button color +.table.table-dark { + .btn { + i { + color: $component-active-color; + } + } +} + +// Flush spacing of left from first column ans right from last column +.table.table-flush-spacing { + thead, + tbody { + tr > td:first-child { + padding-left: 0; + } + tr > td:last-child { + padding-right: 0; + } + } +} + +// * Table inside card +// ******************************************************************************* + +// .card, +.nav-align-top, +.nav-align-right, +.nav-align-bottom, +.nav-align-left { + .table:not(.table-dark), + .table:not(.table-dark) thead:not(.table-dark) th, + .table:not(.table-dark) tfoot:not(.table-dark) th, + .table:not(.table-dark) td { + border-color: $border-color; + } +} + +// Dark styles + +// Dark Table icon button color +@if $dark-style { + .table.table-dark { + .btn { + i { + color: $card-bg; + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_toasts.scss b/resources/assets/vendor/scss/_bootstrap-extended/_toasts.scss new file mode 100644 index 0000000..c033faf --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_toasts.scss @@ -0,0 +1,51 @@ +// Toasts +// ******************************************************************************* + +.toast.bs-toast { + z-index: $zindex-toast; +} + +//btn close +.toast-header { + border-bottom: $border-width solid $toast-header-border-color; + .btn-close { + background-image: str-replace(str-replace($btn-close-bg, '#{$btn-close-color}', $text-muted), '#', '%23'); + padding-top: 0; + padding-bottom: 0; + margin-left: 0.875rem; + background-size: 0.875rem; + } +} + +// Toast body font size and padding override +.toast-body { + font-size: 0.8125rem; + padding-top: 0.684rem; + padding-bottom: 0.684rem; +} +.toast-container { + --#{$prefix}toast-zindex: 9; +} +// RTL close btn style +@include rtl-only { + .toast-header { + .btn-close { + margin-left: $toast-padding-x * -0.5; + margin-right: $toast-padding-x + 0.125; + } + } +} +// Bootstrap Toasts Example +.toast-ex { + position: fixed; + top: 4.1rem; + right: 0.5rem; + @include rtl-style { + left: 0.5rem; + right: auto; + } +} +// Placement Toast example +.toast-placement-ex { + position: fixed; +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_tooltip.scss b/resources/assets/vendor/scss/_bootstrap-extended/_tooltip.scss new file mode 100644 index 0000000..78c5e17 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_tooltip.scss @@ -0,0 +1,58 @@ +// Tooltips +// ******************************************************************************* + +@each $color, $value in $theme-colors { + @if $color != primary and $color != light { + @include template-tooltip-variant( + '.tooltip-#{$color}, .tooltip-#{$color} > .tooltip, .ngb-tooltip-#{$color} + ngb-tooltip-window', + rgba-to-hex($value, $rgba-to-hex-bg) + ); + } +} + +// Open modal tooltip z-index +.modal-open .tooltip { + z-index: $zindex-modal + 2; +} + +.tooltip-inner { + box-shadow: $tooltip-box-shadow; + font-weight: $font-weight-medium; +} + +// Tooltip line height override +.tooltip { + line-height: $line-height-lg; +} +// RTL +// ******************************************************************************* + +@include rtl-only { + .tooltip { + text-align: right; + } + &.bs-tooltip-auto { + &[data-popper-placement='right'] { + .tooltip-arrow { + right: 0; + left: inherit; + &::before { + left: -1px; + border-width: ($tooltip-arrow-width * 0.5) 0 ($tooltip-arrow-width * 0.5) $tooltip-arrow-height; + border-left-color: $tooltip-arrow-color; + } + } + } + &[data-popper-placement='left'] { + .tooltip-arrow { + left: 0; + right: inherit; + &::before { + right: -1px; + border-width: ($tooltip-arrow-width * 0.5) $tooltip-arrow-height ($tooltip-arrow-width * 0.5) 0; + border-right-color: $tooltip-arrow-color; + } + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_type.scss b/resources/assets/vendor/scss/_bootstrap-extended/_type.scss new file mode 100644 index 0000000..2001fd4 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_type.scss @@ -0,0 +1,13 @@ +// Type +// + +@include rtl-only { + .list-inline, + .list-unstyled { + padding-right: 0; + } + .list-inline-item:not(:last-child) { + margin-right: 0; + margin-left: $list-inline-padding; + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_utilities-ltr.scss b/resources/assets/vendor/scss/_bootstrap-extended/_utilities-ltr.scss new file mode 100644 index 0000000..a055e24 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_utilities-ltr.scss @@ -0,0 +1,299 @@ +// stylelint-disable indentation + +// Utilities + +// stylelint-disable-next-line scss/dollar-variable-default +$utilities: map-merge( + $utilities, + ( + 'align': null, + 'overflow': null, + 'display': null, + 'shadow': null, + 'position': null, + 'top': null, + 'bottom': null, + 'border': null, + 'border-top': null, + 'border-bottom': null, + 'border-color': null, + 'border-width': null, + 'border-bottom-dashed': null, + 'border-top-dashed': null, + 'width': null, + 'max-width': null, + 'viewport-width': null, + 'min-viewport-width': null, + 'height': null, + 'max-height': null, + 'viewport-height': null, + 'min-viewport-height': null, + 'flex': null, + 'flex-direction': null, + 'flex-grow': null, + 'flex-shrink': null, + 'flex-wrap': null, + 'gap': null, + 'justify-content': null, + 'align-items': null, + 'align-content': null, + 'align-self': null, + 'order': null, + 'margin': null, + 'margin-x': null, + 'margin-y': null, + 'margin-top': null, + 'margin-bottom': null, + 'negative-margin': null, + 'negative-margin-x': null, + 'negative-margin-y': null, + 'negative-margin-top': null, + 'negative-margin-bottom': null, + 'padding': null, + 'padding-x': null, + 'padding-y': null, + 'padding-top': null, + 'padding-bottom': null, + 'font-family': null, + 'font-size': null, + 'font-style': null, + 'font-weight': null, + 'line-height': null, + 'text-decoration': null, + 'text-transform': null, + 'white-space': null, + 'word-wrap': null, + 'color': null, + 'background-color': null, + 'transparent': null, + 'gradient': null, + 'user-select': null, + 'pointer-events': null, + 'rounded': null, + 'rounded-top': null, + 'rounded-bottom': null, + 'visibility': null, + 'opacity': null, + 'flex-basis': null, + 'cursor': null, + // scss-docs-start utils-float + 'float': + ( + responsive: true, + property: float, + values: ( + start: left, + end: right, + none: none + ) + ), + // scss-docs-end utils-float + // scss-docs-start utils-position + 'end': + ( + property: right, + class: end, + values: $position-values + ), + 'start': ( + property: left, + class: start, + values: $position-values + ), + 'translate-middle': ( + property: transform, + class: translate-middle, + values: ( + null: translate(-50%, -50%), + x: translateX(-50%), + y: translateY(-50%) + ) + ), + // scss-docs-end utils-position + // scss-docs-start utils-borders + 'border-end': + ( + property: border-right, + class: border-end, + values: ( + null: $border-width solid $border-color, + 0: 0 + ) + ), + 'border-start': ( + property: border-left, + class: border-start, + values: ( + null: $border-width solid $border-color, + 0: 0 + ) + ), + 'border-left-dashed': ( + property: border-left-style, + class: border-left-dashed, + values: ( + null: dashed + ) + ), + 'border-right-dashed': ( + property: border-right-style, + class: border-right-dashed, + values: ( + null: dashed + ) + ), + // scss-docs-end utils-borders + // scss-docs-start utils-text + 'text-align': + ( + responsive: true, + property: text-align, + class: text, + values: ( + start: left, + end: right, + center: center + ) + ), + // scss-docs-end utils-text + // scss-docs-start utils-border-radius + 'rounded-end': + ( + property: border-top-right-radius border-bottom-right-radius, + class: rounded-end, + values: ( + null: $border-radius + ) + ), + 'rounded-start': ( + property: border-bottom-left-radius border-top-left-radius, + class: rounded-start, + values: ( + null: $border-radius + ) + ), + 'rounded-start-top': ( + property: border-top-left-radius, + class: rounded-start-top, + values: ( + null: $border-radius + ) + ), + 'rounded-start-bottom': ( + property: border-bottom-left-radius, + class: rounded-start-bottom, + values: ( + null: $border-radius + ) + ), + 'rounded-end-top': ( + property: border-top-right-radius, + class: rounded-end-top, + values: ( + null: $border-radius + ) + ), + 'rounded-end-bottom': ( + property: border-bottom-right-radius, + class: rounded-end-bottom, + values: ( + null: $border-radius + ) + ), + // scss-docs-end utils-border-radius + // Margin utilities + // scss-docs-start utils-spacing + 'margin-end': + ( + responsive: true, + property: margin-right, + class: me, + values: + map-merge( + $spacers, + ( + auto: auto + ) + ) + ), + 'margin-start': ( + responsive: true, + property: margin-left, + class: ms, + values: + map-merge( + $spacers, + ( + auto: auto + ) + ) + ), + // Negative margin utilities + 'negative-margin-end': + ( + responsive: true, + property: margin-right, + class: me, + values: $negative-spacers + ), + 'negative-margin-start': ( + responsive: true, + property: margin-left, + class: ms, + values: $negative-spacers + ), + // Padding utilities + 'padding-end': + ( + responsive: true, + property: padding-right, + class: pe, + values: $spacers + ), + 'padding-start': ( + responsive: true, + property: padding-left, + class: ps, + values: $spacers + ), + // scss-docs-end utils-spacing + // Custom Utilities + // ******************************************************************************* + // scss-docs-start utils-rotate + 'rotate': + ( + property: transform, + class: rotate, + values: ( + 0: rotate(0deg), + 90: rotate(90deg), + 180: rotate(180deg), + 270: rotate(270deg), + n90: rotate(-90deg), + n180: rotate(-180deg), + n270: rotate(-270deg) + ) + ), + // scss-docs-end utils-rotate + // scss-docs-start utils-scaleX + 'scaleX': + ( + property: transform, + class: scaleX, + values: ( + n1: scaleX(-1) + ) + ), + // scss-docs-end utils-scaleX + // scss-docs-start utils-scaleY + 'scaleY': + ( + property: transform, + class: scaleY, + values: ( + n1: scaleY(-1) + ) + ) + // scss-docs-end utils-scaleY + ) +); diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_utilities-rtl.scss b/resources/assets/vendor/scss/_bootstrap-extended/_utilities-rtl.scss new file mode 100644 index 0000000..0193ad7 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_utilities-rtl.scss @@ -0,0 +1,301 @@ +// stylelint-disable indentation + +// Utilities + +// stylelint-disable-next-line scss/dollar-variable-default +$utilities: map-merge( + $utilities, + ( + 'align': null, + 'overflow': null, + 'display': null, + 'shadow': null, + 'position': null, + 'top': null, + 'bottom': null, + 'border': null, + 'border-top': null, + 'border-bottom': null, + 'border-color': null, + 'border-width': null, + 'border-bottom-dashed': null, + 'border-top-dashed': null, + 'width': null, + 'max-width': null, + 'viewport-width': null, + 'min-viewport-width': null, + 'height': null, + 'max-height': null, + 'viewport-height': null, + 'min-viewport-height': null, + 'flex': null, + 'flex-direction': null, + 'flex-grow': null, + 'flex-shrink': null, + 'flex-wrap': null, + 'gap': null, + 'justify-content': null, + 'align-items': null, + 'align-content': null, + 'align-self': null, + 'order': null, + 'margin': null, + 'margin-x': null, + 'margin-y': null, + 'margin-top': null, + 'margin-bottom': null, + 'negative-margin': null, + 'negative-margin-x': null, + 'negative-margin-y': null, + 'negative-margin-top': null, + 'negative-margin-bottom': null, + 'padding': null, + 'padding-x': null, + 'padding-y': null, + 'padding-top': null, + 'padding-bottom': null, + 'font-family': null, + 'font-size': null, + 'font-style': null, + 'font-weight': null, + 'line-height': null, + 'text-decoration': null, + 'text-transform': null, + 'white-space': null, + 'word-wrap': null, + 'color': null, + 'background-color': null, + 'transparent': null, + 'gradient': null, + 'user-select': null, + 'pointer-events': null, + 'rounded': null, + 'rounded-top': null, + 'rounded-bottom': null, + 'visibility': null, + 'opacity': null, + 'flex-basis': null, + 'cursor': null, + // scss-docs-start utils-float + 'float': + ( + responsive: true, + property: float, + values: ( + start: right, + end: left, + none: none + ) + ), + // scss-docs-end utils-float + // scss-docs-start utils-position + 'end': + ( + property: left, + class: end, + values: $position-values + ), + 'start': ( + property: right, + class: start, + values: $position-values + ), + 'translate-middle': ( + property: transform, + class: translate-middle, + values: ( + null: translate(50%, -50%), + x: translateX(50%), + y: translateY(-50%) + ) + ), + // scss-docs-end utils-position + // scss-docs-start utils-borders + 'border-end': + ( + property: border-left, + class: border-end, + values: ( + null: $border-width solid $border-color, + 0: 0 + ) + ), + 'border-start': ( + property: border-right, + class: border-start, + values: ( + null: $border-width solid $border-color, + 0: 0 + ) + ), + 'border-left-dashed': ( + property: border-right-style, + class: border-left-dashed, + values: ( + null: dashed + ) + ), + 'border-right-dashed': ( + property: border-left-style, + class: border-right-dashed, + values: ( + null: dashed + ) + ), + // scss-docs-end utils-borders + // scss-docs-start utils-text + 'text-align': + ( + responsive: true, + property: text-align, + class: text, + values: ( + start: right, + end: left, + center: center + ) + ), + // scss-docs-end utils-text + // scss-docs-start utils-border-radius + 'rounded-end': + ( + property: border-top-left-radius border-bottom-left-radius, + class: rounded-end, + values: ( + null: $border-radius + ) + ), + 'rounded-start': ( + property: border-bottom-right-radius border-top-right-radius, + class: rounded-start, + values: ( + null: $border-radius + ) + ), + 'rounded-start-top': ( + property: border-top-right-radius, + class: rounded-start-top, + values: ( + null: $border-radius + ) + ), + 'rounded-start-bottom': ( + property: border-bottom-right-radius, + class: rounded-start-bottom, + values: ( + null: $border-radius + ) + ), + 'rounded-end-top': ( + property: border-top-left-radius, + class: rounded-end-top, + values: ( + null: $border-radius + ) + ), + 'rounded-end-bottom': ( + property: border-bottom-left-radius, + class: rounded-end-bottom, + values: ( + null: $border-radius + ) + ), + // scss-docs-end utils-border-radius + // Margin utilities + // scss-docs-start utils-spacing + 'margin-end': + ( + responsive: true, + property: margin-left, + class: me, + values: + map-merge( + $spacers, + ( + auto: auto + ) + ) + ), + 'margin-start': ( + responsive: true, + property: margin-right, + class: ms, + values: + map-merge( + $spacers, + ( + auto: auto + ) + ) + ), + // Negative margin utilities + 'negative-margin-end': + ( + responsive: true, + property: margin-left, + class: me, + values: $negative-spacers + ), + 'negative-margin-start': ( + responsive: true, + property: margin-right, + class: ms, + values: $negative-spacers + ), + // Padding utilities + 'padding-end': + ( + responsive: true, + property: padding-left, + class: pe, + values: $spacers + ), + 'padding-start': ( + responsive: true, + property: padding-right, + class: ps, + values: $spacers + ), + // scss-docs-end utils-spacing + // Custom Utilities + // ******************************************************************************* + // scss-docs-start utils-rotate + 'rotate': + ( + property: transform, + class: rotate, + values: ( + 0: rotate(0deg), + 90: rotate(-90deg), + 180: rotate(-180deg), + 270: rotate(-270deg), + n90: rotate(90deg), + n180: rotate(180deg), + n270: rotate(270deg) + ) + ), + // scss-docs-end utils-rotate + // scss-docs-start utils-scaleX + 'scaleX': + ( + property: transform, + class: scaleX, + values: ( + n1: scaleX(1), + n1-rtl: scaleX(-1) + ) + ), + // scss-docs-end utils-scaleX + // scss-docs-start utils-scaleY + 'scaleY': + ( + property: transform, + class: scaleY, + values: ( + n1: scaleY(1), + n1-rtl: scaleY(-1) + ) + ) + // scss-docs-end utils-scaleY + ) +); diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_utilities.scss b/resources/assets/vendor/scss/_bootstrap-extended/_utilities.scss new file mode 100644 index 0000000..5f2cef1 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_utilities.scss @@ -0,0 +1,1081 @@ +// Utilities +// ******************************************************************************* +// stylelint-disable indentation + +// Utilities + +$utilities: () !default; +// stylelint-disable-next-line scss/dollar-variable-default +$utilities: map-merge( + ( + // scss-docs-start utils-vertical-align + 'align': + ( + property: vertical-align, + class: align, + values: baseline top middle bottom text-bottom text-top + ), + // scss-docs-end utils-vertical-align + // Object Fit utilities + // scss-docs-start utils-object-fit + 'object-fit': + ( + responsive: true, + property: object-fit, + values: ( + contain: contain, + cover: cover, + fill: fill, + scale: scale-down, + none: none + ) + ), + // scss-docs-end utils-object-fit + // Opacity utilities + // scss-docs-start utils-opacity + 'opacity': + ( + property: opacity, + values: ( + 0: 0, + 25: 0.25, + 50: 0.5, + 75: 0.75, + 100: 1 + ) + ), + // scss-docs-end utils-opacity + // scss-docs-start utils-overflow + 'overflow': + ( + property: overflow, + values: auto hidden visible scroll + ), + // scss-docs-end utils-overflow + // scss-docs-start utils-display + 'display': + ( + responsive: true, + print: true, + property: display, + class: d, + values: inline inline-block block grid table table-row table-cell flex inline-flex none + ), + // scss-docs-end utils-display + // scss-docs-start utils-shadow + 'shadow': + ( + property: box-shadow, + class: shadow, + values: ( + null: $box-shadow, + xs: $box-shadow-xs, + sm: $box-shadow-sm, + lg: $box-shadow-lg, + xl: $box-shadow-xl, + none: none + ) + ), + // scss-docs-end utils-shadow + // scss-docs-start utils-position + 'position': + ( + property: position, + values: static relative absolute fixed sticky + ), + 'top': ( + property: top, + values: $position-values + ), + 'bottom': ( + property: bottom, + values: $position-values + ), + // scss-docs-end utils-position + // scss-docs-start utils-borders + 'border': + ( + property: border, + values: ( + null: $border-width solid $border-color, + 0: 0 + ) + ), + 'border-style': ( + property: border-style, + class: border, + responsive: true, + values: ( + solid: solid, + dashed: dashed, + none: none + ) + ), + 'border-top': ( + property: border-top, + values: ( + null: $border-width solid $border-color, + 0: 0 + ) + ), + 'border-bottom': ( + property: border-bottom, + values: ( + null: $border-width solid $border-color, + 0: 0 + ) + ), + 'border-color': ( + property: border-color, + class: border, + values: + map-merge( + $theme-colors, + ( + 'white': $white, + 'light': $gray-100, + // (C) + 'transparent': transparent // (C) + ) + ) + ), + 'border-label-color': ( + property: border-color, + class: border-label, + local-vars: ( + 'border-opacity': 0.16 + ), + values: $utilities-border-colors + ), + 'border-width': ( + property: border-width, + class: border, + values: $border-widths + ), + 'border-opacity': ( + css-var: true, + class: border-opacity, + values: ( + 10: 0.1, + 25: 0.25, + 50: 0.5, + 75: 0.75, + 100: 1 + ) + ), + 'border-top-dashed': ( + property: border-top-style, + class: border-top-dashed, + values: ( + null: dashed + ) + ), + 'border-bottom-dashed': ( + property: border-bottom-style, + class: border-bottom-dashed, + values: ( + null: dashed + ) + ), + // scss-docs-end utils-borders + // Sizing utilities + // scss-docs-start utils-sizing + 'width': + ( + property: width, + class: w, + values: + map-merge( + $sizes-px, + ( + 20: 20%, + 25: 25%, + 50: 50%, + 60: 60%, + 75: 75%, + 100: 100%, + auto: auto + ) + ) + ), + 'max-width': ( + property: max-width, + class: mw, + values: ( + 100: 100% + ) + ), + 'viewport-width': ( + property: width, + class: vw, + values: ( + 100: 100vw + ) + ), + 'min-viewport-width': ( + property: min-width, + class: min-vw, + values: ( + 100: 100vw + ) + ), + 'height': ( + property: height, + class: h, + values: + map-merge( + $sizes-px, + ( + 25: 25%, + 50: 50%, + 75: 75%, + 100: 100%, + auto: auto + ) + ) + ), + 'max-height': ( + property: max-height, + class: mh, + values: ( + 100: 100% + ) + ), + 'viewport-height': ( + property: height, + class: vh, + values: ( + 100: 100vh + ) + ), + 'min-viewport-height': ( + property: min-height, + class: min-vh, + values: ( + 100: 100vh + ) + ), + // scss-docs-end utils-sizing + // Flex utilities + // scss-docs-start utils-flex + 'flex': + ( + responsive: true, + property: flex, + values: ( + fill: 1 1 auto + ) + ), + 'flex-direction': ( + responsive: true, + property: flex-direction, + class: flex, + values: row column row-reverse column-reverse + ), + 'flex-grow': ( + responsive: true, + property: flex-grow, + class: flex, + values: ( + grow-0: 0, + grow-1: 1 + ) + ), + 'flex-shrink': ( + responsive: true, + property: flex-shrink, + class: flex, + values: ( + shrink-0: 0, + shrink-1: 1 + ) + ), + 'flex-wrap': ( + responsive: true, + property: flex-wrap, + class: flex, + values: wrap nowrap wrap-reverse + ), + 'justify-content': ( + responsive: true, + property: justify-content, + values: ( + start: flex-start, + end: flex-end, + center: center, + between: space-between, + around: space-around, + evenly: space-evenly + ) + ), + 'align-items': ( + responsive: true, + property: align-items, + values: ( + start: flex-start, + end: flex-end, + center: center, + baseline: baseline, + stretch: stretch + ) + ), + 'align-content': ( + responsive: true, + property: align-content, + values: ( + start: flex-start, + end: flex-end, + center: center, + between: space-between, + around: space-around, + stretch: stretch + ) + ), + 'align-self': ( + responsive: true, + property: align-self, + values: ( + auto: auto, + start: flex-start, + end: flex-end, + center: center, + baseline: baseline, + stretch: stretch + ) + ), + 'order': ( + responsive: true, + property: order, + values: ( + first: -1, + 0: 0, + 1: 1, + 2: 2, + 3: 3, + 4: 4, + 5: 5, + last: 6 + ) + ), + // scss-docs-end utils-flex + // Margin utilities + // scss-docs-start utils-spacing + 'margin': + ( + responsive: true, + property: margin, + class: m, + values: + map-merge( + $spacers, + ( + auto: auto + ) + ) + ), + 'margin-x': ( + responsive: true, + property: margin-right margin-left, + class: mx, + values: + map-merge( + $spacers, + ( + auto: auto + ) + ) + ), + 'margin-y': ( + responsive: true, + property: margin-top margin-bottom, + class: my, + values: + map-merge( + $spacers, + ( + auto: auto + ) + ) + ), + 'margin-top': ( + responsive: true, + property: margin-top, + class: mt, + values: + map-merge( + $spacers, + ( + auto: auto + ) + ) + ), + 'margin-bottom': ( + responsive: true, + property: margin-bottom, + class: mb, + values: + map-merge( + $spacers, + ( + auto: auto + ) + ) + ), + // Negative margin utilities + 'negative-margin': + ( + responsive: true, + property: margin, + class: m, + values: $negative-spacers + ), + 'negative-margin-x': ( + responsive: true, + property: margin-right margin-left, + class: mx, + values: $negative-spacers + ), + 'negative-margin-y': ( + responsive: true, + property: margin-top margin-bottom, + class: my, + values: $negative-spacers + ), + 'negative-margin-top': ( + responsive: true, + property: margin-top, + class: mt, + values: $negative-spacers + ), + 'negative-margin-bottom': ( + responsive: true, + property: margin-bottom, + class: mb, + values: $negative-spacers + ), + // Padding utilities + 'padding': + ( + responsive: true, + property: padding, + class: p, + values: $spacers + ), + 'padding-x': ( + responsive: true, + property: padding-right padding-left, + class: px, + values: $spacers + ), + 'padding-y': ( + responsive: true, + property: padding-top padding-bottom, + class: py, + values: $spacers + ), + 'padding-top': ( + responsive: true, + property: padding-top, + class: pt, + values: $spacers + ), + 'padding-bottom': ( + responsive: true, + property: padding-bottom, + class: pb, + values: $spacers + ), + 'gap': ( + responsive: true, + property: gap, + class: gap, + values: $spacers + ), + 'row-gap': ( + responsive: true, + property: row-gap, + class: row-gap, + values: $spacers + ), + 'column-gap': ( + responsive: true, + property: column-gap, + class: column-gap, + values: $spacers + ), + // scss-docs-end utils-spacing + // Text + // scss-docs-start utils-text + 'font-family': + ( + property: font-family, + class: font, + values: ( + monospace: var(--#{$variable-prefix}font-monospace) + ) + ), + 'font-size': ( + rfs: true, + property: font-size, + class: fs, + values: + map-merge( + $font-sizes, + ( + tiny: $tiny-font-size, + //(C) + big: $big-font-size, + //(C) + large: $large-font-size, + //(C) + xlarge: $xlarge-font-size, + //(C) + ) + ) + ), + 'font-style': ( + property: font-style, + class: fst, + values: italic normal + ), + 'font-weight': ( + property: font-weight, + class: fw, + values: ( + lighter: $font-weight-lighter, + light: $font-weight-light, + normal: $font-weight-normal, + medium: $font-weight-medium, + semibold: $font-weight-semibold, + bold: $font-weight-bold, + extrabold: $font-weight-extrabold, + bolder: $font-weight-bolder + ) + ), + 'line-height': ( + property: line-height, + class: lh, + values: ( + 1: 1, + inherit: inherit, + //(C) + sm: $line-height-sm, + base: $line-height-base, + lg: $line-height-lg + ) + ), + 'text-decoration': ( + property: text-decoration, + values: none underline line-through + ), + 'text-transform': ( + property: text-transform, + class: text, + values: none lowercase uppercase capitalize + ), + 'white-space': ( + property: white-space, + class: text, + values: ( + wrap: normal, + nowrap: nowrap + ) + ), + 'word-wrap': ( + property: word-wrap word-break, + class: text, + values: ( + break: break-word + ), + rtl: false + ), + // scss-docs-end utils-text + // scss-docs-start utils-color + 'color': + ( + property: color, + class: text, + local-vars: ( + 'text-opacity': 1 + ), + values: + map-merge( + $utilities-text-colors, + ( + 'white': $white, + 'body': $body-color, + 'muted': $text-muted, + 'black-50': rgba($black, 0.5), + // deprecated + 'white-50': rgba($white, 0.5), + // deprecated + 'light': $text-light, + // (c) + 'heading': $headings-color, + // (c) + 'reset': inherit + ) + ) + ), + 'text-opacity': ( + css-var: true, + class: text-opacity, + values: ( + 25: 0.25, + 50: 0.5, + 75: 0.75, + 100: 1 + ) + ), + // scss-docs-end utils-color + // scss-docs-start utils-links + 'link-opacity': + ( + css-var: true, + class: link-opacity, + state: hover, + values: ( + 10: 0.1, + 25: 0.25, + 50: 0.5, + 75: 0.75, + 100: 1 + ) + ), + 'link-offset': ( + property: text-underline-offset, + class: link-offset, + state: hover, + values: ( + 1: 0.125em, + 2: 0.25em, + 3: 0.375em + ) + ), + 'link-underline': ( + property: text-decoration-color, + class: link-underline, + local-vars: ( + 'link-underline-opacity': 1 + ), + values: + map-merge( + $utilities-links-underline, + ( + null: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-underline-opacity, 1)) + ) + ) + ), + 'link-underline-opacity': ( + css-var: true, + class: link-underline-opacity, + state: hover, + values: ( + 0: 0, + 10: 0.1, + 25: 0.25, + 50: 0.5, + 75: 0.75, + 100: 1 + ) + ), + // scss-docs-end utils-links + // scss-docs-start utils-bg-color + 'background-color': + ( + property: background-color, + class: bg, + local-vars: ( + 'bg-opacity': 1 + ), + values: + map-merge( + $utilities-bg-colors, + ( + 'body': $body-bg, + 'white': $white, + 'transparent': transparent, + 'lighter': rgba-to-hex($gray-50, $rgba-to-hex-bg), + //(C) + 'lightest': rgba-to-hex($gray-25, $rgba-to-hex-bg), + //(C) + ) + ) + ), + 'bg-opacity': ( + css-var: true, + class: bg-opacity, + values: ( + 10: 0.1, + 25: 0.25, + 50: 0.5, + 75: 0.75, + 100: 1 + ) + ), + 'subtle-background-color': ( + property: background-color, + class: bg, + values: $utilities-bg-subtle + ), + // scss-docs-end utils-bg-color + 'gradient': + ( + property: background-image, + class: bg, + values: ( + gradient: var(--#{$variable-prefix}gradient) + ) + ), + // scss-docs-start utils-interaction + 'user-select': + ( + property: user-select, + values: all auto none + ), + 'pointer-events': ( + property: pointer-events, + class: pe, + values: none auto + ), + // scss-docs-end utils-interaction + // scss-docs-start utils-border-radius + 'rounded': + ( + property: border-radius, + class: rounded, + values: ( + null: $border-radius, + 0: 0, + 1: $border-radius-sm, + 2: $border-radius, + 3: $border-radius-lg, + circle: 50%, + pill: $border-radius-pill + ) + ), + 'rounded-top': ( + property: border-top-left-radius border-top-right-radius, + class: rounded-top, + values: ( + null: $border-radius + ) + ), + 'rounded-bottom': ( + property: border-bottom-right-radius border-bottom-left-radius, + class: rounded-bottom, + values: ( + null: $border-radius + ) + ), + // scss-docs-end utils-border-radius + // scss-docs-start utils-visibility + 'visibility': + ( + property: visibility, + class: null, + values: ( + visible: visible, + invisible: hidden + ) + ), + // scss-docs-end utils-visibility + // scss-docs-start utils-zindex + 'z-index': + ( + property: z-index, + class: z, + values: $zindex-levels + ), + // scss-docs-end utils-zindex + // Custom Utilities + // ******************************************************************************* + // scss-docs-start utils-flex-basis + 'cursor': + ( + property: cursor, + class: cursor, + values: pointer move grab + ), + // scss-docs-end utils-flex-basis + ), + $utilities +); + +// Borders +// ******************************************************************************* + +// Bordered rows +.row-bordered { + overflow: hidden; + + > .col, + > [class^='col-'], + > [class*=' col-'], + > [class^='col '], + > [class*=' col '], + > [class$=' col'], + > [class='col'] { + position: relative; + padding-top: 1px; + + &::before { + content: ''; + position: absolute; + right: 0; + bottom: -1px; + left: 0; + display: block; + height: 0; + border-top: 1px solid $bordered-row-border-color; + } + + &::after { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: -1px; + display: block; + width: 0; + border-left: 1px solid $bordered-row-border-color; + } + } + + &.row-border-light { + > .col, + > [class^='col-'], + > [class*=' col-'], + > [class^='col '], + > [class*=' col '], + > [class$=' col'], + > [class='col'] { + &::before, + &::after { + border-color: $gray-100; + } + } + } +} + +@include rtl-only { + .row-bordered > .col::after, + .row-bordered > [class^='col-']::after, + .row-bordered > [class*=' col-']::after, + .row-bordered > [class^='col ']::after, + .row-bordered > [class*=' col ']::after, + .row-bordered > [class$=' col']::after, + .row-bordered > [class='col']::after { + left: auto; + right: -1px; + } +} + +// Color +// ******************************************************************************* + +// Bg Label variant (Not able to include this in utils due to custom style) +@each $color, $value in $theme-colors { + @if $color != primary { + @include bg-label-variant('.bg-label-#{$color}', $value); + } +} +// BG hover: label to solid variant +@each $color, $value in $theme-colors { + @if $color != primary { + @include bg-label-hover-variant('.bg-label-hover-#{$color}', $value); + } +} +// Bg- Gradient variant +@each $color, $value in $theme-colors { + @if $color != primary { + @include bg-gradient-variant('.bg-gradient-#{$color}', $value); + } +} + +// ! FIX: .bg-dark & .bg-label-dark color in dark mode +@if $dark-style { + .bg-dark { + color: color-contrast($dark); + } +} + +// Anchor hover/focus bg colors +a.bg-dark { + &:hover, + &:focus { + background-color: $gray-900 !important; + } +} + +a.bg-light { + &:hover, + &:focus { + background-color: $gray-200 !important; + } +} + +a.bg-lighter { + &:hover, + &:focus { + background-color: $gray-100 !important; + } +} + +a.bg-lightest { + &:hover, + &:focus { + background-color: $gray-50 !important; + } +} + +.text-muted[href] { + &:hover, + &:focus { + color: $text-muted-hover !important; + } +} + +.text-light { + color: $text-light !important; + + &[href] { + &:hover, + &:focus { + color: $text-muted-hover !important; + } + } +} + +.text-lighter { + color: $text-lighter !important; + + &[href] { + &:hover, + &:focus { + color: $text-muted-hover !important; + } + } +} + +.text-lightest { + color: $text-lightest !important; + + &[href] { + &:hover, + &:focus { + color: $text-muted-hover !important; + } + } +} + +.text-paper { + color: $card-bg !important; + + &[href] { + &:hover, + &:focus { + color: $primary !important; + } + } +} + +// Invertible colors + +.invert-text-white { + color: if(not $dark-style, $white, $body-bg) !important; +} +.invert-text-white[href]:hover { + &:hover, + &:focus { + color: if(not $dark-style, $white, $body-bg) !important; + } +} + +.invert-text-dark { + color: if(not $dark-style, $black, $white) !important; +} +.invert-text-dark[href]:hover { + &:hover, + &:focus { + color: if(not $dark-style, $black, $white) !important; + } +} + +.invert-bg-white { + background-color: if(not $dark-style, $white, $body-bg) !important; +} +a.invert-bg-white { + &:hover, + &:focus { + background-color: if(not $dark-style, $white, $body-bg) !important; + } +} + +.invert-bg-dark { + background-color: if(not $dark-style, $gray-900, $white) !important; +} +a.invert-bg-dark { + &:hover, + &:focus { + background-color: if(not $dark-style, $gray-900, $white) !important; + } +} + +.invert-border-dark { + border-color: if(not $dark-style, $dark, $white) !important; +} + +.invert-border-white { + border-color: if(not $dark-style, $white, $body-bg) !important; +} + +// Misc +// ******************************************************************************* + +// Layout containers +.container-p-x { + padding-right: $container-padding-x-sm !important; + padding-left: $container-padding-x-sm !important; + + @include media-breakpoint-up(lg) { + padding-right: $container-padding-x !important; + padding-left: $container-padding-x !important; + } +} + +.container-m-nx { + margin-right: -$container-padding-x-sm !important; + margin-left: -$container-padding-x-sm !important; + + @include media-breakpoint-up(lg) { + margin-right: -$container-padding-x !important; + margin-left: -$container-padding-x !important; + } +} + +.container-p-y { + &:not([class^='pt-']):not([class*=' pt-']) { + padding-top: $container-padding-y !important; + } + + &:not([class^='pb-']):not([class*=' pb-']) { + padding-bottom: $container-padding-y !important; + } +} + +.container-m-ny { + &:not([class^='mt-']):not([class*=' mt-']) { + margin-top: -$container-padding-y !important; + } + + &:not([class^='mb-']):not([class*=' mb-']) { + margin-bottom: -$container-padding-y !important; + } +} + +// Table cell +.cell-fit { + width: 0.1%; + white-space: nowrap; +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_variables-dark.scss b/resources/assets/vendor/scss/_bootstrap-extended/_variables-dark.scss new file mode 100644 index 0000000..079a183 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_variables-dark.scss @@ -0,0 +1,236 @@ +// Variables +// +// Variables should follow the `$component-state-property-size` formula for +// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. +// +// (C) Custom variables for extended components of bootstrap only + +// ! _variable-dark.scss file overrides _variable.scss file. + +// * Colors +// ******************************************************************************* + +// scss-docs-start gray-color-variables +$white: #fff !default; +$black: #2f3349 !default; + +$base: #e1def5 !default; +$gray-25: rgba($base, 0.025) !default; // (C) +$gray-50: rgba($base, 0.06) !default; // (C) +$gray-75: rgba($base, 0.08) !default; // (C) +$gray-100: rgba($base, 0.1) !default; +$gray-200: rgba($base, 0.12) !default; +$gray-300: rgba($base, 0.3) !default; +$gray-400: rgba($base, 0.4) !default; +$gray-500: rgba($base, 0.5) !default; +$gray-600: rgba($base, 0.6) !default; +$gray-700: rgba($base, 0.7) !default; +$gray-800: rgba($base, 0.8) !default; +$gray-900: rgba($base, 0.9) !default; +// scss-docs-end gray-color-variables + +// scss-docs-start gray-colors-map +$grays: ( + '25': $gray-25, + '50': $gray-50 +) !default; +// scss-docs-end gray-colors-map + +// scss-docs-start color-variables +$blue: #007bff !default; +$indigo: #6610f2 !default; +$purple: #7367f0 !default; +$pink: #e83e8c !default; +$red: #ff4c51 !default; +$orange: #fd7e14 !default; +$yellow: #ff9f43 !default; +$green: #28c76f !default; +$teal: #20c997 !default; +$cyan: #00bad1 !default; +// scss-docs-end color-variables + +// scss-docs-start theme-color-variables +$primary: $purple !default; +$secondary: #808390 !default; +$success: $green !default; +$info: $cyan !default; +$warning: $yellow !default; +$danger: $red !default; +$light: #44475b !default; +$dark: #d7d8de !default; +$gray: $gray-500 !default; // (C) +// scss-docs-end theme-color-variables + +// scss-docs-start theme-colors-map +$theme-colors: ( + 'primary': $primary, + 'secondary': $secondary, + 'success': $success, + 'info': $info, + 'warning': $warning, + 'danger': $danger, + 'light': $light, + 'dark': $dark, + 'gray': $gray +) !default; +// scss-docs-end theme-colors-map + +$color-scheme: 'dark' !default; // (C) + +// * Body +// ******************************************************************************* + +$body-bg: #25293c !default; +$rgba-to-hex-bg: $black !default; // (C) +$body-color: rgba-to-hex($gray-700, $rgba-to-hex-bg) !default; +$rgba-to-hex-bg-inverted: rgb(160, 149, 149) !default; // (C) + +// * Components +// ******************************************************************************* + +$alert-border-scale: -84% !default; +$alert-color-scale: 0% !default; + +$border-color: rgba-to-hex($gray-200, $rgba-to-hex-bg) !default; + +// scss-docs-start box-shadow-variables +$shadow-bg: #131120 !default; // (C) +$box-shadow: 0 0.1875rem 0.75rem 0 rgba($shadow-bg, 0.2) !default; +$box-shadow-xs: 0 0.0625rem 0.375rem 0 rgba($shadow-bg, 0.16) !default; +$box-shadow-sm: 0 0.125rem 0.5rem 0 rgba($shadow-bg, 0.18) !default; +$box-shadow-lg: 0 0.25rem 1.125rem 0 rgba($shadow-bg, 0.22) !default; +$box-shadow-xl: 0 0.3125rem 1.875rem 0 rgba($shadow-bg, 0.24) !default; +// scss-docs-end box-shadow-variables + +$floating-component-border-color: rgba($white, 0.05) !default; // (C) +$floating-component-shadow: 0 0.31rem 1.25rem 0 rgba($black, 0.4) !default; // (C) + +// * Typography +// ******************************************************************************* + +$text-muted: rgba-to-hex($gray-400, $rgba-to-hex-bg) !default; +$text-muted-hover: rgba-to-hex($white, $rgba-to-hex-bg) !default; // (C) + +$text-light: rgba-to-hex($gray-500, $rgba-to-hex-bg) !default; // (C) +$text-lighter: rgba-to-hex($gray-400, $rgba-to-hex-bg) !default; // (C) +$text-lightest: rgba-to-hex($gray-300, $rgba-to-hex-bg) !default; // (C) + +$headings-color: rgba-to-hex($gray-900, $rgba-to-hex-bg) !default; + +// * Cards +// ******************************************************************************* + +$card-bg: #2f3349 !default; +$card-subtitle-color: rgba-to-hex(rgba($base, 0.55), $rgba-to-hex-bg) !default; + +// * Tables +// ******************************************************************************* + +$table-bg-scale: -84% !default; +$table-hover-bg-factor: 0.06 !default; +$table-hover-bg: rgba($base, $table-hover-bg-factor) !default; + +$table-striped-bg-factor: 0.06 !default; +$table-striped-bg: rgba-to-hex(rgba($base, $table-striped-bg-factor), $rgba-to-hex-bg) !default; + +$table-active-color: $body-color !default; +$table-active-bg-factor: 0.08 !default; +$table-active-bg: rgba($primary, $table-active-bg-factor) !default; + +$table-hover-bg-factor: 0.06 !default; +$table-hover-bg: rgba($black, $table-hover-bg-factor) !default; + +$table-border-color: $border-color !default; +$table-group-separator-color: $table-border-color !default; + +// * Accordion +// ******************************************************************************* +$accordion-bg: $card-bg !default; +$accordion-border-color: $border-color !default; + +$accordion-button-color: $headings-color !default; + +// * Tooltips +// ******************************************************************************* +$tooltip-bg: #f7f4ff !default; +$tooltip-color: $black !default; + +// Buttons +// ******************************************************************************* + +$btn-box-shadow: 0px 2px 4px rgba(15, 20, 34, 0.4) !default; + +// * Forms +// ******************************************************************************* + +$input-bg: transparent !default; + +$input-disabled-border-color: rgba-to-hex(rgba($base, 0.23), $rgba-to-hex-bg) !default; + +$input-border-hover-color: rgba-to-hex($gray-600, $rgba-to-hex-bg) !default; // (C) + +$input-border-color: rgba-to-hex(rgba($base, 0.22), $rgba-to-hex-bg) !default; + +$form-select-bg: $input-bg !default; +$form-select-indicator: url('data:image/svg+xml,') !default; + +$form-range-thumb-bg: $primary !default; + +// * Navs +// ******************************************************************************* + +$nav-tabs-link-active-bg: $card-bg !default; +$nav-tabs-link-active-border-color: $nav-tabs-link-active-bg !default; +$nav-pills-link-hover-bg: rgba-to-hex(rgba($primary, 0.16), $card-bg) !default; // (C) + +// * Navbar +// ******************************************************************************* + +$navbar-light-hover-color: #4e5155 !default; +$navbar-light-active-color: #4e5155 !default; +$navbar-light-disabled-color: rgba($black, 0.2) !default; +$navbar-dropdown-hover-bg: rgba-to-hex(rgba($base, 0.06), $rgba-to-hex-bg) !default; // (C) +$navbar-dropdown-icon-bg: rgba-to-hex(rgba($base, 0.08), $rgba-to-hex-bg) !default; // (C) + +// * Dropdowns +// ******************************************************************************* + +$dropdown-bg: $card-bg !default; +$dropdown-divider-bg: $border-color !default; + +$dropdown-link-hover-bg: $gray-50 !default; + +// * Pagination +// ******************************************************************************* + +$pagination-bg: $gray-75 !default; +$pagination-border-color: rgba-to-hex(rgba($base, 0.22), $rgba-to-hex-bg) !default; +$pagination-disabled-border-color: rgba-to-hex(rgba($base, 0.22), $rgba-to-hex-bg) !default; + +// * Modal +// ******************************************************************************* +$modal-content-bg: $card-bg !default; +$modal-backdrop-bg: #171925 !default; +$modal-backdrop-opacity: 0.6 !default; + +// * Progress bars +// ******************************************************************************* +$progress-bg: $gray-75 !default; + +// * List group +// ******************************************************************************* + +$list-group-border-color: $border-color !default; +$list-group-item-bg-hover-scale: 6% !default; // (c) +$list-group-active-bg: rgba-to-hex(rgba($primary, 0.16), $rgba-to-hex-bg) !default; +$list-group-hover-bg: rgba-to-hex($gray-50, $rgba-to-hex-bg) !default; + +// * Close +// ******************************************************************************* +$btn-close-color: $white !default; + +$kbd-color: $dark !default; + +// * Config +$rtl-support: false !default; +$dark-style: true !default; diff --git a/resources/assets/vendor/scss/_bootstrap-extended/_variables.scss b/resources/assets/vendor/scss/_bootstrap-extended/_variables.scss new file mode 100644 index 0000000..7dc629d --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/_variables.scss @@ -0,0 +1,1090 @@ +// Variables +// +// Variables should follow the `$component-state-property-size` formula for +// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. +// +// (C) Custom variables for extended components of bootstrap only + +// * Color system +// ******************************************************************************* + +// scss-docs-start gray-color-variables +$white: #fff !default; +$black: #2f2b3d !default; +$gray-25: rgba($black, 0.015) !default; // (C) +$gray-50: rgba($black, 0.06) !default; // (C) +$gray-75: rgba($black, 0.08) !default; // (C) +$gray-100: rgba($black, 0.1) !default; +$gray-200: rgba($black, 0.12) !default; +$gray-300: rgba($black, 0.3) !default; +$gray-400: rgba($black, 0.4) !default; +$gray-500: rgba($black, 0.5) !default; +$gray-600: rgba($black, 0.6) !default; +$gray-700: rgba($black, 0.7) !default; +$gray-800: rgba($black, 0.8) !default; +$gray-900: rgba($black, 0.9) !default; +// scss-docs-end gray-color-variables + +// scss-docs-start gray-colors-map +$grays: ( + '25': $gray-25, + '50': $gray-50 +) !default; +// scss-docs-end gray-colors-map + +// scss-docs-start color-variables +$blue: #007bff !default; +$indigo: #6610f2 !default; +$purple: #7367f0 !default; +$pink: #e83e8c !default; +$red: #ff4c51 !default; +$orange: #fd7e14 !default; +$yellow: #ff9f43 !default; +$green: #28c76f !default; +$teal: #20c997 !default; +$cyan: #00bad1 !default; +// scss-docs-end color-variables + +// scss-docs-start theme-color-variables +$primary: $purple !default; +$secondary: #808390 !default; +$success: $green !default; +$info: $cyan !default; +$warning: $yellow !default; +$danger: $red !default; +$light: #dfdfe3 !default; +$dark: #4b4b4b !default; +$gray: $gray-500 !default; // (C) +// scss-docs-end theme-color-variables + +// scss-docs-start theme-colors-map +$theme-colors: ( + 'primary': $primary, + 'secondary': $secondary, + 'success': $success, + 'info': $info, + 'warning': $warning, + 'danger': $danger, + 'light': $light, + 'dark': $dark, + 'gray': $gray +) !default; +// scss-docs-end theme-colors-map + +$color-scheme: 'light' !default; // (C) +// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7. +// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast +$min-contrast-ratio: 1.7 !default; + +// Characters which are escaped by the escape-svg function +$escaped-characters: (('<', '%3c'), ('>', '%3e'), ('#', '%23'), ('(', '%28'), (')', '%29')) !default; + +// * Options +// ******************************************************************************* + +$enable-negative-margins: true !default; +$enable-validation-icons: false !default; +$enable-dark-mode: false !default; + +// Prefix for :root CSS variables +$variable-prefix: bs- !default; +$prefix: $variable-prefix !default; + +// * Spacing +// ******************************************************************************* + +$spacer: 1rem !default; +$spacers: ( + 0: 0, + 50: $spacer * 0.125, + 1: $spacer * 0.25, + 1_5: $spacer * 0.375, + 2: $spacer * 0.5, + 3: $spacer * 0.75, + 4: $spacer, + 5: $spacer * 1.25, + 6: $spacer * 1.5, + 7: $spacer * 1.75, + 8: $spacer * 2, + 9: $spacer * 2.25, + 10: $spacer * 2.5, + 11: $spacer * 2.75, + 12: $spacer * 3 +) !default; + +$sizes-px: ( + px-14: 14px, + px-18: 18px, + px-20: 20px, + px-30: 30px, + px-40: 40px, + px-50: 50px, + px-52: 52px, + px-75: 75px, + px-100: 100px, + px-120: 120px, + px-150: 150px, + px-200: 200px, + px-250: 250px, + px-300: 300px, + px-350: 350px, + px-400: 400px, + px-500: 500px, + px-600: 600px, + px-700: 700px, + px-800: 800px, + auto: auto +) !default; // (C) + +// * Body +// ******************************************************************************* + +$body-bg: #f8f7fa !default; +$rgba-to-hex-bg: #fff !default; // (C) +$body-color: rgba-to-hex($gray-700, $rgba-to-hex-bg) !default; +$rgba-to-hex-bg-inverted: #000 !default; // (C) + +// * Links +// ******************************************************************************* + +$link-color: $primary !default; +$link-decoration: none !default; +$link-shade-percentage: 10% !default; +$link-hover-color: shift-color($link-color, $link-shade-percentage) !default; +$link-hover-decoration: null !default; + +// * Grid +// ******************************************************************************* + +// Grid containers + +// scss-docs-start container-max-widths +$container-max-widths: ( + sm: 540px, + md: 720px, + lg: 960px, + xl: 1140px, + xxl: 1440px // Custom xxl size +) !default; +// scss-docs-end container-max-widths + +$grid-gutter-width: 1.5rem !default; +$container-padding-x: 1.5rem !default; // (C) +$container-padding-x-sm: 1rem !default; // (C) +$container-padding-y: 1.5rem !default; // (C) + +// * Components +// ******************************************************************************* + +// scss-docs-start border-variables +$border-width: 1px !default; +$border-color: rgba-to-hex($gray-200, $rgba-to-hex-bg) !default; +// scss-docs-end border-variables + +// scss-docs-start border-radius-variables +$border-radius: 0.375rem !default; +$border-radius-xl: 0.625rem !default; // (C) +$border-radius-lg: 0.5rem !default; +$border-radius-sm: 0.25rem !default; +$border-radius-xs: 0.125rem !default; // (C) +$border-radius-pill: 50rem !default; +// scss-docs-end border-radius-variables + +// scss-docs-start box-shadow-variables +$box-shadow: 0 0.1875rem 0.75rem 0 rgba($black, 0.14) !default; +$box-shadow-xs: 0 0.0625rem 0.375rem 0 rgba($black, 0.1) !default; +$box-shadow-sm: 0 0.125rem 0.5rem 0 rgba($black, 0.12) !default; +$box-shadow-lg: 0 0.25rem 1.125rem 0 rgba($black, 0.16) !default; +$box-shadow-xl: 0 0.3125rem 1.875rem 0 rgba($black, 0.18) !default; +// scss-docs-end box-shadow-variables + +$component-active-color: $white !default; +$component-active-bg: $primary !default; + +$component-hover-color: $primary !default; // (C) +$component-hover-bg: rgba($primary, 0.16) !default; // (C) + +$component-line-height: 1.54 !default; // (C) +$component-focus-shadow-width: 2px !default; // (C) + +$floating-component-border-color: rgba($black, 0.05) !default; // (C) +$floating-component-shadow: 0 0.31rem 1.25rem 0 $gray-400 !default; // (C) used for modal and range + +$hr-color: $border-color !default; +$hr-opacity: 1 !default; +$bordered-row-border-color: $hr-color !default; // (C) + +$focus-ring-width: 0.15rem !default; +$focus-ring-opacity: 0.75 !default; +$focus-ring-color: rgba($gray-700, $focus-ring-opacity) !default; + +// scss-docs-start caret-variables +$caret-width: 0.55em !default; +$caret-vertical-align: middle !default; +$caret-spacing: 0.5em !default; +// scss-docs-end caret-variables + +// * Typography +// ******************************************************************************* + +// scss-docs-start font-variables +$font-family-sans-serif: + 'Public Sans', + -apple-system, + BlinkMacSystemFont, + 'Segoe UI', + 'Oxygen', + 'Ubuntu', + 'Cantarell', + 'Fira Sans', + 'Droid Sans', + 'Helvetica Neue', + sans-serif !default; +$font-family-serif: Georgia, 'Times New Roman', serif !default; // (C) +$font-family-monospace: 'SFMono-Regular', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default; +// stylelint-enable value-keyword-case +$font-family-base: var(--#{$variable-prefix}font-sans-serif) !default; +$font-family-code: var(--#{$variable-prefix}font-monospace) !default; + +// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins +// $font-size-base effects the font size of the body text +$font-size-root: 16px !default; +$font-size-base: 0.9375rem !default; // Assumes the browser default, typically `16px` +$font-size-xl: 1.1875rem !default; // (C) +$font-size-lg: 1rem !default; +$font-size-sm: 0.8125rem !default; +$font-size-xs: 0.6875rem !default; // (C) + +$font-weight-lighter: lighter !default; +$font-weight-light: 300 !default; +$font-weight-normal: 400 !default; +$font-weight-medium: 500 !default; +$font-weight-semibold: 600 !default; +$font-weight-bold: 700 !default; +$font-weight-extrabold: 800 !default; +$font-weight-bolder: bolder !default; + +$line-height-base: 1.375 !default; +$line-height-xl: 1.75 !default; // (C) +$line-height-lg: 1.625 !default; +$line-height-sm: 1.125 !default; +$line-height-xs: 1 !default; // (C) + +$h1-font-size: 2.875rem !default; +$h2-font-size: 2.375rem !default; +$h3-font-size: 1.75rem !default; +$h4-font-size: 1.5rem !default; +$h5-font-size: 1.125rem !default; +$h6-font-size: $font-size-base !default; + +$h1-line-height: 4.25rem !default; +$h2-line-height: 3.5rem !default; +$h3-line-height: 2.625rem !default; +$h4-line-height: 2.375rem !default; +$h5-line-height: 1.75rem !default; +$h6-line-height: 1.375rem !default; +// scss-docs-end font-variables + +// scss-docs-start headings-variables +$headings-margin-bottom: $spacer !default; +$headings-font-weight: $font-weight-medium !default; +$headings-line-height: 1.37 !default; +$headings-color: rgba-to-hex($gray-900, $rgba-to-hex-bg) !default; +// scss-docs-end headings-variables + +// scss-docs-start display-headings +$display-font-sizes: ( + 1: 4.75rem, + 2: 4.375rem, + 3: 3.875rem, + 4: 3.375rem, + 5: 3rem, + 6: 2.625rem +) !default; + +$display-font-weight: 500 !default; + +// scss-docs-end display-headings + +// scss-docs-start type-variables + +$lead-font-size: $spacer * 1.125 !default; + +$tiny-font-size: 70% !default; // (C) +$small-font-size: 0.8125rem !default; +$big-font-size: 112% !default; // (C) +$large-font-size: 150% !default; // (C) +$xlarge-font-size: 170% !default; // (C) + +$text-muted: rgba-to-hex($gray-400, $rgba-to-hex-bg) !default; +$text-muted-hover: rgba-to-hex($gray-600, $rgba-to-hex-bg) !default; // (C) + +$blockquote-font-size: $font-size-base !default; + +$text-light: rgba-to-hex($gray-400, $rgba-to-hex-bg) !default; // (C) +$text-lighter: rgba-to-hex($gray-300, $rgba-to-hex-bg) !default; // (C) +$text-lightest: rgba-to-hex($gray-200, $rgba-to-hex-bg) !default; // (C) + +$dt-font-weight: $font-weight-medium !default; +// scss-docs-end type-variables + +// * Z-index master list +// ******************************************************************************* + +$zindex-menu-fixed: 1080 !default; +$zindex-modal: 1090 !default; +$zindex-modal-backdrop: $zindex-modal - 1 !default; +// $zindex-modal-top: 1090 !default; // (C) +$zindex-offcanvas: 1090 !default; +$zindex-offcanvas-backdrop: $zindex-offcanvas - 1 !default; +$zindex-layout-mobile: 1100 !default; // (C) +$zindex-popover: 1091 !default; +$zindex-toast: 1095 !default; // (C) +$zindex-tooltip: 1099 !default; +$zindex-notification: 999999 !default; // (C) + +// scss-docs-start zindex-levels-map +$zindex-levels: ( + n1: -1, + 0: 0, + 1: 1, + 2: 2, + 3: 3, + 4: 4, + 5: 5 +) !default; +// scss-docs-end zindex-levels-map + +// * Tables +// ******************************************************************************* + +// scss-docs-start table-variables +$table-head-padding-y: 1.161rem !default; // (C) +$table-head-padding-y-sm: 1.114rem !default; // (C) +$table-cell-padding-y: 0.782rem !default; +$table-cell-padding-x: 1.25rem !default; +$table-cell-padding-y-sm: 0.594rem !default; +$table-cell-padding-x-sm: $table-cell-padding-x !default; + +$table-cell-vertical-align: middle !default; + +$table-th-color: $headings-color !default; // (C) +$table-color: var(--#{$prefix}body-color) !default; +$table-bg: transparent !default; + +$table-th-font-weight: $font-weight-medium !default; + +$table-striped-bg-factor: 0.06 !default; +$table-striped-bg: rgba-to-hex(rgba($black, $table-striped-bg-factor), $rgba-to-hex-bg) !default; + +$table-active-color: $body-color !default; +$table-active-bg-factor: 0.08 !default; +$table-active-bg: rgba($primary, $table-active-bg-factor) !default; + +$table-hover-bg-factor: 0.06 !default; +$table-hover-bg: rgba($black, $table-hover-bg-factor) !default; + +$table-border-factor: 0.12 !default; +$table-border-color: rgba-to-hex(rgba($black, $table-border-factor), $rgba-to-hex-bg) !default; + +$table-striped-order: even !default; + +$table-group-separator-color: $table-border-color !default; + +$table-caption-color: $text-muted !default; + +$table-bg-scale: -84% !default; + +// scss-docs-start table-loop +$table-variants: ( + 'primary': shift-color($primary, $table-bg-scale), + 'secondary': shift-color($secondary, $table-bg-scale), + 'success': shift-color($success, $table-bg-scale), + 'info': shift-color($info, $table-bg-scale), + 'warning': shift-color($warning, $table-bg-scale), + 'danger': shift-color($danger, $table-bg-scale), + 'light': rgba-to-hex($gray-100, $rgba-to-hex-bg), + 'dark': $dark +) !default; +// scss-docs-end table-loop +// * Buttons + Forms +// ******************************************************************************* + +$input-btn-padding-y: 0.6rem !default; +$input-btn-padding-x: 1.25rem !default; +$input-btn-font-size: $font-size-base !default; +$input-btn-line-height: $line-height-base !default; + +$input-btn-focus-width: 0.05rem !default; +$input-btn-focus-color-opacity: 0.1 !default; +$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default; +$input-btn-focus-blur: 0.25rem !default; +$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default; + +$input-btn-padding-y-xs: 0.175rem !default; // (C) +$input-btn-padding-x-xs: 0.75rem !default; // (C) +$input-btn-font-size-xs: $font-size-xs !default; // (C) +$input-btn-line-height-xs: $line-height-xs !default; // (C) + +$input-btn-padding-y-sm: 0.41rem !default; +$input-btn-padding-x-sm: 0.875rem !default; +$input-btn-font-size-sm: 0.8125rem !default; +$input-btn-line-height-sm: $line-height-sm !default; + +$input-btn-padding-y-lg: 0.84rem !default; +$input-btn-padding-x-lg: 1.625rem !default; +$input-btn-font-size-lg: 1.0625rem !default; +$input-btn-line-height-lg: $line-height-lg !default; + +$input-btn-padding-y-xl: 0.875rem !default; // (C) +$input-btn-padding-x-xl: 1.75rem !default; // (C) +$input-btn-font-size-xl: $font-size-xl !default; // (C) +$input-btn-line-height-xl: $line-height-lg !default; // (C) + +// * Buttons +// ******************************************************************************* + +$btn-padding-y: 0.4812rem !default; +$btn-padding-x: 1.25rem !default; + +$btn-padding-y-sm: 0.317rem !default; +$btn-padding-x-sm: 0.875rem !default; + +$btn-padding-y-lg: 0.708rem !default; +$btn-padding-x-lg: 1.625rem !default; + +$btn-padding-y-xs: 0.153rem !default; // (C) +$btn-padding-x-xs: $input-btn-padding-x-xs !default; // (C) +$btn-font-size-xs: $font-size-xs !default; // (C) + +$btn-padding-y-xl: 0.809rem !default; // (C) +$btn-padding-x-xl: 1.75rem !default; // (C) +$btn-font-size-xl: $font-size-xl !default; // (C) + +$btn-line-height-xs: $line-height-base !default; // (C) +$btn-line-height-sm: $line-height-base !default; // (C) +$btn-line-height-lg: $line-height-base !default; // (C) +$btn-line-height-xl: $line-height-base !default; // (C) + +$btn-font-weight: 500 !default; +$btn-box-shadow: none !default; +$btn-focus-box-shadow: none !default; +$btn-disabled-opacity: 0.45 !default; +$btn-active-box-shadow: none !default; + +$btn-border-radius-xs: $border-radius-xs !default; // (C) +$btn-border-radius-xl: $border-radius-xl !default; // (C) + +$btn-transition: all 0.2s ease-in-out !default; + +$btn-label-bg-shade-amount: 84% !default; // (C) +$btn-label-bg-tint-amount: 84% !default; // (C) +$btn-label-hover-shade-amount: 76% !default; // (C) +$btn-label-hover-tint-amount: 76% !default; // (C) +$btn-label-disabled-bg-shade-amount: 84% !default; // (C) +$btn-label-disabled-bg-tint-amount: 85% !default; // (C) +$btn-label-border-tint-amount: 68% !default; // (C) +$btn-label-border-shade-amount: 68% !default; // (C) + +$btn-hover-bg-shade-amount: 10% !default; +$btn-hover-bg-tint-amount: 25% !default; +$btn-hover-border-shade-amount: 10% !default; +$btn-hover-border-tint-amount: 10% !default; +$btn-active-bg-shade-amount: 10% !default; +$btn-active-bg-tint-amount: 20% !default; +$btn-active-border-shade-amount: 10% !default; +$btn-active-border-tint-amount: 10% !default; + +// Outline buttons +$btn-outline-hover-bg-shade-amount: 8% !default; // (C) +$btn-outline-hover-bg-tint-amount: 92% !default; // (C) +$btn-outline-active-bg-shade-amount: 8% !default; // (C) +$btn-outline-active-bg-tint-amount: 92% !default; // (C) + +// text buttons +$btn-text-hover-shade-amount: 8% !default; // (C) +$btn-text-hover-tint-amount: 92% !default; // (C) +$btn-text-focus-shade-amount: 8% !default; // (C) +$btn-text-focus-tint-amount: 92% !default; // (C) +$btn-text-active-shade-amount: 8% !default; // (C) +$btn-text-active-tint-amount: 92% !default; // (C) + +// * Forms +// ******************************************************************************* + +// scss-docs-start form-text-variables +$form-text-font-size: $input-btn-font-size-sm !default; +$form-text-color: $body-color !default; +// scss-docs-end form-text-variables + +// scss-docs-start form-label-variables +$form-label-margin-bottom: 0.25rem !default; +$form-label-font-size: $input-btn-font-size-sm !default; +$form-label-color: $headings-color !default; +$form-label-letter-spacing: inherit !default; //(C) +$form-label-text-transform: inherit !default; //(C) +// scss-docs-end form-label-variables + +// scss-docs-start form-input-variables +$input-padding-y: 0.426rem !default; +$input-padding-x: 0.9375rem !default; +$input-line-height: $line-height-lg !default; +$input-font-size: $input-btn-font-size !default; + +$input-padding-y-sm: 0.215rem !default; +$input-padding-x-sm: 0.75rem !default; + +$input-padding-y-lg: 0.575rem !default; +$input-padding-x-lg: $spacer !default; +$input-font-size-lg: 1.0625rem !default; + +$input-bg: transparent !default; +$input-disabled-color: $text-muted !default; +$input-disabled-bg: rgba-to-hex($gray-50, $rgba-to-hex-bg) !default; +$input-disabled-border-color: rgba-to-hex(rgba($black, 0.24), $rgba-to-hex-bg) !default; + +$input-color: $headings-color !default; +$input-border-color: rgba-to-hex(rgba($black, 0.22), $rgba-to-hex-bg) !default; +$input-border-hover-color: rgba-to-hex($gray-600, $rgba-to-hex-bg) !default; // (C) + +$input-focus-border-width: 2px !default; //(C) +$input-focus-border-color: $component-active-bg !default; +$input-focus-box-shadow: 0 2px 6px 0 rgba($component-active-bg, 0.3) !default; + +$input-placeholder-color: $text-muted !default; +$input-plaintext-color: $headings-color !default; + +$input-height-inner: px-to-rem( + floor(rem-to-px(($input-btn-font-size * $input-btn-line-height) + ($input-btn-padding-y * 2))) +) !default; +$input-height-inner-sm: px-to-rem( + floor(rem-to-px(($input-btn-font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2))) +) !default; // (C) +$input-height-inner-lg: px-to-rem( + floor(rem-to-px(($font-size-lg * $line-height-lg) + ($input-btn-padding-y-lg * 2))) +) !default; // (C) +// scss-docs-end form-input-variables + +// scss-docs-start form-check-variables +$form-check-input-width: 1.2em !default; +$form-datatables-check-input-size: 18px !default; // (C) For datatables with checkbox- update according to $form-check-input-width +$form-check-min-height: $font-size-base * $line-height-base * 1.067 !default; +$form-check-padding-start: $form-check-input-width + 0.6em !default; +$form-check-margin-bottom: 0.5rem !default; +$form-check-input-border: $input-focus-border-width solid $text-muted !default; +$form-check-label-color: $headings-color !default; +$form-check-input-focus-box-shadow: none !default; + +$form-check-label-cursor: pointer !default; + +$form-check-input-border-radius: 0.267em !default; +$form-check-input-focus-border: $body-color !default; +$form-check-input-checked-color: $component-active-color !default; +$form-check-input-checked-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='#{$form-check-input-checked-color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !default; + +$form-check-radio-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.6' fill='#{$form-check-input-checked-color}' /%3e%3c/svg%3e") !default; + +$form-check-input-indeterminate-color: $component-active-color !default; +$form-check-input-indeterminate-bg-image: url("data:image/svg+xml,") !default; + +$form-check-input-disabled-opacity: 0.45 !default; +$form-check-input-disabled-bg: rgba-to-hex($gray-300, $rgba-to-hex-bg) !default; // (C) +$form-check-label-disabled-color: $text-muted !default; // (C) + +// scss-docs-end form-check-variables + +// scss-docs-start form-switch-variables +$form-switch-color: $component-active-color !default; +$form-switch-width: 2em !default; +$form-switch-padding-start: $form-switch-width + 0.667em !default; +$form-switch-focus-color: $component-active-color; +$form-switch-bg-image: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23a)'%3e%3ccircle cx='12' cy='11' r='8.5' fill='#{$form-switch-color}'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e") !default; + +$form-switch-focus-bg-image: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23a)'%3e%3ccircle cx='12' cy='11' r='8.5' fill='#{$form-switch-color}'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e") !default; +$form-switch-checked-bg-image: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23a)'%3e%3ccircle cx='12' cy='11' r='8.5' fill='#{$form-switch-color}'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e") !default; +$form-switch-checked-bg-position: 95% center !default; +$form-switch-checked-bg-position-rtl: 4% center !default; // (C) +$form-switch-bg: rgba-to-hex($gray-100, $rgba-to-hex-bg) !default; // (C) +$form-switch-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.16) inset !default; // (C) +// scss-docs-end form-switch-variables + +//input-group-variables +$input-group-addon-color: $headings-color !default; +$input-group-addon-bg: $input-bg !default; +// scss-docs-end input-group-variables + +// scss-docs-start form-select-variables +$form-select-padding-y: $input-padding-y !default; +$form-select-padding-x: $input-padding-x !default; +$form-select-indicator-padding: $form-select-padding-x * 2.8 !default; +$form-select-disabled-color: $text-muted !default; +$form-select-disabled-bg: $input-disabled-bg !default; +$form-select-bg-size: 22px 24px !default; +$form-select-indicator: url('data:image/svg+xml,') !default; +$form-select-disabled-indicator: url('data:image/svg+xml,') !default; // (C) +$form-select-indicator-rtl: escape-svg($form-select-indicator) !default; // (C) + +$form-select-focus-box-shadow: $input-focus-box-shadow !default; + +$form-select-padding-y-sm: $input-padding-y-sm !default; +$form-select-padding-x-sm: $input-padding-x-sm !default; + +$form-select-padding-y-lg: $input-padding-y-lg !default; +$form-select-padding-x-lg: $input-padding-x-lg !default; +// scss-docs-end form-select-variables + +// scss-docs-start form-range-variables +$form-range-track-height: 0.375rem !default; +$form-range-track-box-shadow: none !default; +$form-range-track-disabled-bg: rgba-to-hex($gray-400, $rgba-to-hex-bg) !default; // (C) +$form-range-thumb-width: 1.375rem !default; +$form-range-thumb-height: $form-range-thumb-width !default; +$form-range-thumb-box-shadow: $box-shadow-sm !default; +$form-range-thumb-bg: $primary !default; +$form-range-thumb-active-bg: $primary !default; +$form-range-thumb-disabled-bg: rgba-to-hex($gray-400, $rgba-to-hex-bg) !default; +// scss-docs-end form-range-variables + +// scss-docs-start form-file-variables +$form-file-button-bg: $input-group-addon-bg !default; +$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default; +// scss-docs-end form-file-variables + +// scss-docs-start form-floating-variables +$form-floating-label-opacity: 0.75 !default; +$form-floating-transition: + opacity 0.2s ease-in-out, + transform 0.2s ease-in-out !default; +$form-floating-label-transform-rtl: scale(0.85) translateY(-0.5rem) translateX(-0.15rem) !default; // (C) +// scss-docs-end form-floating-variables + +// Form validation + +// scss-docs-start form-feedback-variables +$form-feedback-valid-color: $success !default; +$form-feedback-invalid-color: $danger !default; + +$form-select-feedback-icon-padding: $form-select-indicator-padding + $input-height-inner !default; // (C) +$form-select-feedback-icon-padding-sm: $form-select-indicator-padding + $input-height-inner-sm !default; // (C) +$form-select-feedback-icon-padding-lg: $form-select-indicator-padding + $input-height-inner-lg !default; // (C) +// scss-docs-end form-feedback-variables + +// * Navs +// ******************************************************************************* + +$nav-spacer: 0.25rem !default; // (C) + +$nav-link-padding-y: 0.5435rem !default; +$nav-link-padding-x: 1.375rem !default; +$nav-link-font-size: $font-size-base !default; +$nav-link-font-weight: $font-weight-medium !default; +$nav-link-color: $headings-color !default; +$nav-link-disabled-color: $text-lighter !default; +$nav-link-line-height: $line-height-base !default; // (C) + +$nav-link-padding-y-lg: 0.6rem !default; // (C) +$nav-link-padding-x-lg: 1.5rem !default; // (C) +$nav-link-line-height-lg: $line-height-lg !default; // (C) + +$nav-link-padding-y-sm: 0.376rem !default; // (C) +$nav-link-padding-x-sm: 1rem !default; // (C) +$nav-link-line-height-sm: $line-height-sm !default; // (C) + +$nav-tabs-border-color: $border-color !default; +$nav-tabs-border-width: 0 !default; +// $nav-tabs-link-hover-border-color: null !default; +$nav-tabs-link-active-color: $component-active-bg !default; +$nav-tabs-link-active-bg: $white !default; +$nav-tabs-link-active-border-color: $component-active-bg !default; + +$nav-pills-padding-y: $nav-link-padding-y !default; // (C) +$nav-pills-padding-x: $nav-link-padding-x !default; // (C) + +$nav-pills-link-hover-bg: rgba-to-hex(rgba($primary, 0.16), $rgba-to-hex-bg) !default; // (C) + +$nav-pills-link-active-color: $white !default; +$nav-pills-link-active-bg: transparent !default; + +// * Navbar +// ******************************************************************************* + +$navbar-toggler-padding-y: 0.5rem !default; +$navbar-toggler-padding-x: 0.7rem !default; +$navbar-toggler-font-size: 0.625rem !default; + +$navbar-dark-color: rgba($white, 0.8) !default; +$navbar-dark-hover-color: $white !default; +$navbar-dark-active-color: $white !default; +$navbar-dark-disabled-color: rgba($white, 0.4) !default; +$navbar-dark-toggler-icon-bg: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='#{$navbar-dark-color}' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='#{$navbar-dark-color}' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !default; + +$navbar-light-color: $gray-500 !default; +$navbar-light-hover-color: $body-color !default; +$navbar-light-active-color: $body-color !default; +$navbar-light-disabled-color: $gray-300 !default; +$navbar-light-toggler-icon-bg: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='#{$navbar-light-color}' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='#{$navbar-light-color}' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !default; + +$navbar-light-toggler-border-color: rgba($black, 0.06) !default; +$navbar-dropdown-hover-bg: rgba-to-hex(rgba($black, 0.06), $rgba-to-hex-bg) !default; // (C) +$navbar-dropdown-icon-bg: rgba-to-hex(rgba($black, 0.08), $rgba-to-hex-bg) !default; // (C) + +// * Dropdowns +// ******************************************************************************* + +$dropdown-padding-x: 0.5rem !default; +$dropdown-bg: $white !default; +$dropdown-border-color: $border-color !default; +$dropdown-border-width: 0 !default; +$dropdown-box-shadow: $box-shadow-lg !default; + +$dropdown-inner-border-radius: 0px !default; + +$dropdown-link-color: $headings-color !default; +$dropdown-link-hover-bg: rgba-to-hex($gray-50, $rgba-to-hex-bg) !default; +$dropdown-link-line-height: $line-height-base !default; // (C) + +$dropdown-link-active-color: $primary !default; +$dropdown-link-active-bg: rgba-to-hex(rgba($primary, 0.16), $rgba-to-hex-bg) !default; + +$dropdown-item-padding-y: 0.543rem !default; +$dropdown-item-padding-x: 1rem !default; + +$dropdown-link-disabled-color: $text-muted !default; +$dropdown-header-color: $text-muted !default; + +// * Pagination +// ******************************************************************************* + +$pagination-padding-y: 0.4809rem !default; +$pagination-padding-x: 0.5rem !default; +$pagination-padding-y-sm: 0.3165rem !default; +$pagination-padding-x-sm: 0.269rem !default; +$pagination-padding-y-lg: 0.681rem !default; +$pagination-padding-x-lg: 0.9826rem !default; + +$pagination-font-size: $font-size-base !default; + +$pagination-line-height: $line-height-base !default; // (c) + +$pagination-color: $headings-color !default; +$pagination-bg: $gray-75 !default; +$pagination-border-radius: 50% !default; +$pagination-border-width: $border-width !default; +$pagination-margin-start: 0.375rem !default; +$pagination-border-color: rgba-to-hex(rgba($black, 0.22), $rgba-to-hex-bg) !default; + +$pagination-focus-color: $pagination-color !default; +$pagination-focus-bg: rgba-to-hex($gray-50, $rgba-to-hex-bg) !default; +$pagination-focus-box-shadow: none !default; + +$pagination-hover-color: $pagination-color !default; +$pagination-hover-bg: $pagination-focus-bg !default; +$pagination-hover-border-color: $pagination-border-color !default; +$pagination-hover-bg-scale: 84% !default; // (c) + +$pagination-active-color: $component-active-color !default; +$pagination-active-bg: $primary !default; +$pagination-active-border-color: $pagination-active-bg !default; + +$pagination-disabled-color: $text-muted !default; +$pagination-disabled-bg: $pagination-bg !default; +$pagination-disabled-border-color: $pagination-border-color !default; +$pagination-disabled-opacity: $btn-disabled-opacity !default; // (c) + +$pagination-border-radius-sm: $pagination-border-radius !default; +$pagination-border-radius-lg: $pagination-border-radius-sm !default; + +// * Cards +// ******************************************************************************* + +$card-title-color: $headings-color !default; +$card-spacer-y: $spacer * 1.5 !default; +$card-spacer-x: $spacer * 1.5 !default; +$card-title-spacer-y: $spacer * 0.5 !default; +$card-subtitle-color: rgba-to-hex(rgba($black, 0.55), $rgba-to-hex-bg) !default; +$card-spacer-x-sm: 1rem !default; // (C) +$card-border-width: 0 !default; +$card-border-color: $border-color !default; +$card-border-radius: 0.375rem !default; +$card-inner-border-color: $border-color !default; // (C) +$card-cap-padding-y: $card-spacer-y !default; +$card-bg: $white !default; +$card-cap-bg: transparent !default; +$card-cap-color: $headings-color !default; +$card-img-overlay-padding: 1.5rem !default; +$card-box-shadow: $box-shadow !default; +$card-group-margin: $grid-gutter-width !default; +$card-transition: all 0.2s ease-in-out !default; // (C) +$card-border-color-scale: 61% !default; // (C) +$card-hover-border-scale: 62% !default; // (C) +$card-inner-border-radius: $border-radius !default; + +// * Accordion +// ******************************************************************************* + +$accordion-padding-y: 0.793rem !default; +$accordion-padding-x: 1.25rem !default; +$accordion-color: $body-color !default; +$accordion-bg: $card-bg !default; +$accordion-border-radius: $border-radius !default; +$accordion-border-color: $border-color !default; +$accordion-inner-border-radius: $accordion-border-radius !default; +$accordion-button-color: $headings-color !default; + +$accordion-border-color: $card-bg !default; +$accordion-button-active-bg: $accordion-bg !default; +$accordion-button-active-color: $accordion-button-color !default; + +$accordion-icon-width: 1.25rem !default; +$accordion-icon-color: $accordion-button-color !default; +$accordion-icon-active-color: $accordion-button-active-color !default; + +$accordion-icon-transform: rotate(0deg) !default; + +$accordion-button-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 7.5L10 12.5L15 7.5' stroke='#{$accordion-icon-active-color}' stroke-opacity='0.9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") !default; +$accordion-button-active-icon: $accordion-button-icon !default; + +$accordion-custom-button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$accordion-icon-active-color}' viewBox='0 0 24 24'%3E%3Cpath d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z'%3E%3C/path%3E%3C/svg%3E") !default; +$accordion-custom-button-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$accordion-icon-active-color}' viewBox='0 0 24 24'%3E%3Cpath d='M5 11h14v2H5z'%3E%3C/path%3E%3C/svg%3E") !default; + +// * Tooltips +// ******************************************************************************* +$tooltip-font-size: $font-size-sm !default; +$tooltip-bg: #2f2b3d !default; +$tooltip-color: $white !default; +$tooltip-border-radius: $border-radius-sm !default; +$tooltip-opacity: 1 !default; +$tooltip-padding-y: $spacer * 0.278 !default; +$tooltip-padding-x: $spacer * 0.75 !default; + +$tooltip-arrow-height: 0.375rem !default; +$tooltip-arrow-width: 0.75rem !default; + +$tooltip-box-shadow: none !default; // (C) + +// * Popovers +// ******************************************************************************* +$popover-font-size: $font-size-base !default; +$popover-bg: $card-bg !default; +$popover-border-width: 0px !default; +$popover-border-radius: $border-radius !default; +$popover-box-shadow: $box-shadow-lg !default; + +$popover-header-bg: $card-bg !default; +$popover-header-color: $headings-color !default; +$popover-header-padding-y: $spacer !default; +$popover-header-padding-x: 1.125rem !default; + +$popover-body-color: $body-color !default; +$popover-body-padding-y: 1.125rem !default; +$popover-body-padding-x: 1.125rem !default; + +// * Toasts +// ******************************************************************************* +$toast-background-color: rgba($white, 0.85) !default; +$toast-padding-y: 0.406rem !default; +$toast-font-size: $font-size-base !default; +$toast-color: $body-color !default; +$toast-background-color: rgba($card-bg, 0.85); +$toast-border-width: 0px !default; +$toast-box-shadow: $box-shadow-lg !default; +$toast-header-border-color: rgba($border-color, 0.3) !default; +$toast-spacing: 1rem !default; + +$toast-header-color: $headings-color !default; +$toast-header-background-color: $card-bg !default; + +// * Badges +// ******************************************************************************* + +$badge-font-size: 0.8667em !default; +$badge-font-weight: $font-weight-medium !default; +$badge-padding-y: 0.4235em !default; +$badge-padding-x: 0.77em !default; +$badge-border-radius: 0.25rem !default; + +$badge-pill-padding-x: 0.583em !default; +$badge-pill-border-radius: 10rem !default; + +$badge-height: 1.5rem !default; // (C) +$badge-width: 1.5rem !default; // (C) +$badge-center-font-size: 0.812rem !default; // (C) + +// * Modals +// ******************************************************************************* + +$modal-inner-padding: 1.5rem !default; + +$modal-footer-margin-between: 1rem !default; + +$modal-dialog-margin: $modal-inner-padding !default; +$modal-content-color: null !default; +$modal-content-bg: $white !default; +$modal-content-border-color: $border-color; +$modal-content-border-width: 0px !default; +$modal-content-border-radius: $border-radius-lg !default; +$modal-content-box-shadow-xs: $box-shadow-lg !default; +$modal-content-box-shadow-sm-up: $box-shadow-lg !default; +$modal-backdrop-bg: #97959e !default; +$modal-backdrop-opacity: 0.5 !default; +$modal-header-border-width: 0px !default; +$modal-header-padding-y: 1.5rem !default; +$modal-header-padding-x: 0rem !default; +$modal-header-padding: $modal-header-padding-y $modal-inner-padding $modal-header-padding-x !default; +$modal-footer-padding: $modal-header-padding-x $modal-inner-padding $modal-header-padding-y !default; // (C) + +$modal-lg: 50rem !default; +$modal-md: 35rem !default; +$modal-sm: 22.5rem !default; + +$modal-fade-transform: translateY(-100px) scale(0.8) !default; +$modal-show-transform: translateY(0) scale(1) !default; + +$modal-transition-duration: 0.15s !default; // (C) +$modal-transition: transform $modal-transition-duration ease-out !default; + +$modal-simple-padding: 3rem !default; // (C) +$modal-simple-close-position: 1rem !default; // (C) + +// * Alerts +// ******************************************************************************* + +$alert-padding-y: 0.6875rem !default; +$alert-padding-x: 0.9375rem !default; +$alert-bg-scale: 84% !default; +$alert-bg-tint-scale: 84% !default; // (c) +$alert-border-scale: -84% !default; +$alert-color-scale: 40% !default; +$alert-icon-size: 1.875rem !default; // (c) + +// * Progress bars +// ******************************************************************************* + +$progress-height: 0.375rem !default; +$progress-font-size: $font-size-sm !default; +$progress-bg: $gray-75 !default; +$progress-border-radius: 3.125rem !default; +$progress-bar-color: $white !default; + +// List group +// ******************************************************************************* + +// scss-docs-start list-group-variables +$list-group-color: $headings-color !default; +$list-group-bg: transparent !default; +$list-group-border-color: $border-color !default; +$list-group-border-radius: $border-radius !default; + +$list-group-item-padding-y: 0.5rem !default; +$list-group-item-padding-x: 1.25rem !default; + +$list-group-item-bg-scale: -84% !default; +$list-group-item-border-scale: -84% !default; // (C) +$list-group-item-color-scale: 0% !default; +$list-group-item-bg-hover-scale: 6% !default; // (c) + +$list-group-hover-bg: rgba-to-hex($gray-50, $rgba-to-hex-bg) !default; +$list-group-active-color: $headings-color !default; +$list-group-active-bg: rgba-to-hex(rgba($primary, 0.16), $rgba-to-hex-bg) !default; +$list-group-active-border-color: $list-group-border-color !default; + +$list-group-disabled-color: $text-muted !default; +$list-group-disabled-bg: $list-group-bg !default; + +$list-group-action-color: $list-group-active-color !default; +$list-group-action-hover-color: $list-group-action-color !default; + +$list-group-action-active-color: $list-group-active-color !default; +$list-group-action-active-bg: $list-group-hover-bg !default; +// scss-docs-end list-group-variables + +// * Image thumbnails +// ******************************************************************************* + +$thumbnail-padding: 0 !default; +$thumbnail-bg: transparent !default; +$thumbnail-border-width: 0px !default; +$thumbnail-border-radius: 0px !default; + +// * Figures +// ******************************************************************************* + +$figure-caption-color: $text-muted !default; + +// * Breadcrumbs +// ******************************************************************************* + +$breadcrumb-padding-y: 0 !default; +$breadcrumb-padding-x: 0 !default; +$breadcrumb-item-padding-x: 0.5rem !default; +$breadcrumb-margin-bottom: 1rem !default; +$breadcrumb-bg: transparent !default; +$breadcrumb-divider-color: $body-color !default; +$breadcrumb-active-color: $headings-color !default; +$breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-right' width='16' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='#{$breadcrumb-divider-color}' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpolyline points='9 6 15 12 9 18'%3E%3C/polyline%3E%3C/svg%3E") !default; +$breadcrumb-divider-flipped: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-left' width='16' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='#{$breadcrumb-divider-color}' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpolyline points='15 6 9 12 15 18'%3E%3C/polyline%3E%3C/svg%3E") !default; +$breadcrumb-color: $component-active-bg !default; // (C) + +$breadcrumb-divider-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='16' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='#{$breadcrumb-divider-color}' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l5 5l10 -10'%3E%3C/path%3E%3C/svg%3E"); + +$breadcrumb-icon-check-svg: str-replace( + str-replace($breadcrumb-divider-check, '#{$breadcrumb-divider-color}', $breadcrumb-divider-color), + '#', + '%23' +); // (C) + +// * Carousel +// ******************************************************************************* + +$carousel-control-color: $white !default; + +$carousel-indicator-width: 34px !default; +$carousel-indicator-height: 5px !default; +$carousel-indicator-hit-area-height: 0 !default; +$carousel-indicator-spacer: 5px !default; +$carousel-indicator-opacity: 0.4 !default; + +$carousel-caption-spacer: 1.437rem !default; + +$carousel-control-icon-width: 2.5rem !default; +$carousel-control-prev-icon-bg: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 4.5L6.75 9L11.25 13.5' stroke='#{$carousel-control-color}' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.25 4.5L6.75 9L11.25 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !default; + +$carousel-control-next-icon-bg: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25 4.5L11.75 9L7.25 13.5' stroke='#{$carousel-control-color}' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.25 4.5L11.75 9L7.25 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !default; + +// Spinners +// ******************************************************************************* + +$spinner-width-lg: 3rem !default; // (C) +$spinner-height-lg: $spinner-width-lg !default; // (C) +$spinner-border-width-lg: 0.3em !default; // (C) + +// * Close +// ******************************************************************************* + +$btn-close-width: 1.125rem !default; +$btn-close-color: $black !default; +$btn-close-bg: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='#{$btn-close-color}' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='#{$btn-close-color}' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !default; +$btn-close-focus-shadow: none !default; +$btn-close-focus-opacity: 0.75 !default; + +$close-font-weight: 300 !default; // (C) + +// * Offcanvas +// ******************************************************************************* + +// scss-docs-start offcanvas-variables +$offcanvas-transition-duration: 0.25s !default; +$offcanvas-bg-color: $modal-content-bg !default; +$offcanvas-color: $modal-content-color !default; +$offcanvas-btn-close-color: $body-color !default; // (C) +// scss-docs-end offcanvas-variables + +// Utilities +$overflows: auto, hidden, scroll, visible !default; + +// Config +$rtl-support: false !default; +$dark-style: false !default; + +// Useful Icons +$upload-icon: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 17V19C4 20.1046 4.89543 21 6 21H18C19.1046 21 20 20.1046 20 19V17' stroke='%23808390' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M7 9L12 4L17 9' stroke='%23808390' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 4V16' stroke='%23808390' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); diff --git a/resources/assets/vendor/scss/_bootstrap-extended/forms/_floating-labels.scss b/resources/assets/vendor/scss/_bootstrap-extended/forms/_floating-labels.scss new file mode 100644 index 0000000..be2063a --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/forms/_floating-labels.scss @@ -0,0 +1,36 @@ +// Floating Labels +// ******************************************************************************* + +// Display placeholder on focus +.form-floating { + > .form-control:focus, + > .form-control:not(:placeholder-shown) { + &::placeholder { + color: $input-placeholder-color; + } + } +} + +// RTL +@include rtl-only { + .form-floating { + > label { + right: 0; + transform-origin: 100% 0; + } + + > .form-control:focus, + > .form-control:not(:placeholder-shown), + > .form-select { + ~ label { + transform: $form-floating-label-transform-rtl; + } + } + + > .form-control:-webkit-autofill { + ~ label { + transform: $form-floating-label-transform-rtl; + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-check.scss b/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-check.scss new file mode 100644 index 0000000..120f50b --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-check.scss @@ -0,0 +1,79 @@ +// Checkboxes and Radios +// ******************************************************************************* +.form-check-input { + cursor: $form-check-label-cursor; + &:disabled { + background-color: $form-check-input-disabled-bg; + border-color: $form-check-input-disabled-bg; + } + &:checked { + box-shadow: $box-shadow-xs; + } +} + +.form-check { + position: relative; +} + +// Only for checkbox and radio (not for bs default switch) +//? .dt-checkboxes-cell class is used for DataTables checkboxes +.form-check:not(.form-switch), +.dt-checkboxes-cell { + .form-check-input[type='radio'] { + background-size: 1.3125rem; + &:not(:checked) { + background-size: 0.75rem; + } + } +} + +// RTL Style +@include rtl-only { + .form-check { + padding-left: 0; + padding-right: $form-check-padding-start; + } + .form-check .form-check-input { + float: right; + margin-left: 0; + margin-right: $form-check-padding-start * -1; + } +} + +// Switches +// ******************************************************************************* + +.form-switch .form-check-input { + background-color: $form-switch-bg; + border: none; + box-shadow: $form-switch-box-shadow; + &:focus { + box-shadow: $form-switch-box-shadow; + } +} +// RTL Style +@include rtl-only { + .form-switch { + padding-left: 0; + padding-right: $form-switch-padding-start; + .form-check-input { + margin-left: 0; + margin-right: $form-switch-padding-start * -1; + background-position: right center; + &:checked { + background-position: $form-switch-checked-bg-position-rtl; + } + } + } + .form-check-inline { + margin-right: 0; + margin-left: $form-check-inline-margin-end; + } +} + +// Contextual colors for form check +@each $color, $value in $theme-colors { + @if $color != primary { + @include template-form-check-variant('.form-check-#{$color}', $value); + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-control.scss b/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-control.scss new file mode 100644 index 0000000..15ba127 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-control.scss @@ -0,0 +1,73 @@ +// Form control +// ******************************************************************************* + +//? Form control (all size) padding calc due to border increase on focus +.form-control { + &::placeholder, + &:focus::placeholder { + transition: all 0.2s ease; + } + padding: calc($input-padding-y - $input-border-width) calc($input-padding-x - $input-border-width); + // border color on hover state + &:hover { + &:not([disabled]):not([focus]) { + border-color: $input-border-hover-color; + } + } + // ! FIX: wizard-ex input type number placeholder align issue + &[type='number'] { + .input-group & { + line-height: 1.375rem; + min-height: 2.375rem; + } + .input-group-lg & { + line-height: 1.5rem; + min-height: 3rem; + } + .input-group-sm & { + min-height: 1.875rem; + } + } + + &:focus { + border-width: $input-focus-border-width; + padding: calc($input-padding-y - $input-focus-border-width) calc($input-padding-x - $input-focus-border-width); + } + &.form-control-lg { + padding: calc($input-padding-y-lg - $input-border-width) calc($input-padding-x-lg - $input-border-width); + &:focus { + padding: calc($input-padding-y-lg - $input-focus-border-width) + calc($input-padding-x-lg - $input-focus-border-width); + } + } + &.form-control-sm { + padding: calc($input-padding-y-sm - $input-border-width) calc($input-padding-x-sm - $input-border-width); + &:focus { + padding: calc($input-padding-y-sm - $input-focus-border-width) + calc($input-padding-x-sm - $input-focus-border-width); + } + } +} +.input-group:has(button) .form-control { + padding: calc($input-padding-y - $input-border-width) calc($input-padding-x - $input-border-width) !important; + border-width: $input-border-width !important; +} +// ltr only +@include ltr-only { + .form-control:not([readonly]) { + &:focus::placeholder { + transform: translateX(4px); + } + } +} +// rtl only +@include rtl-only { + input[type='tel'] { + text-align: right; + } + .form-control:not([readonly]) { + &:focus::placeholder { + transform: translateX(-4px); + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-range.scss b/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-range.scss new file mode 100644 index 0000000..a1dcc9b --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-range.scss @@ -0,0 +1,49 @@ +// Range select +// ******************************************************************************* + +.form-range { + // Chrome specific + &::-webkit-slider-thumb { + box-shadow: $form-range-thumb-box-shadow; + + &:hover { + box-shadow: 0 0 0 8px rgba($primary, 0.16); + } + &:active, + &:focus { + box-shadow: 0 0 0 13px rgba($primary, 0.16); + background-color: $primary; + border-color: $primary; + } + } + &::-webkit-slider-runnable-track { + background-color: $primary; + } + + // Mozilla specific + &::-moz-range-thumb { + box-shadow: $form-range-thumb-box-shadow; + &:hover { + box-shadow: 0 0 0 8px rgba($primary, 0.16); + } + &:active, + &:focus { + box-shadow: 0 0 0 13px rgba($primary, 0.16); + background-color: $primary; + border-color: $primary; + } + } + + &::-moz-range-track { + background-color: $primary; + } + &:disabled { + &::-webkit-slider-runnable-track { + background-color: $form-range-track-disabled-bg; + } + + &::-moz-range-track { + background-color: $form-range-track-disabled-bg; + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-select.scss b/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-select.scss new file mode 100644 index 0000000..4ac4473 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-select.scss @@ -0,0 +1,109 @@ +// Select +// ******************************************************************************* + +.form-select { + background-clip: padding-box; + padding: calc($form-select-padding-y - $input-border-width) calc($form-select-padding-x - $input-border-width); + padding-inline-end: calc($form-select-padding-x * 3 - $input-border-width); + optgroup { + background-color: $card-bg; + } + &:hover { + &:not([disabled]):not([focus]) { + border-color: $input-border-hover-color; + } + } + &:disabled { + @include ltr-style { + background-image: escape-svg($form-select-disabled-indicator); + } + @include rtl-style { + background-image: escape-svg($form-select-disabled-indicator); + } + } + &:focus, + .was-validated & { + border-width: $input-focus-border-width; + @include ltr-style { + padding: calc($form-select-padding-y - $input-focus-border-width) + calc($form-select-padding-x * 3 - $input-focus-border-width) + calc($form-select-padding-y - $input-focus-border-width) + calc($form-select-padding-x - $input-focus-border-width); + } + @include rtl-style { + padding: calc($form-select-padding-y - $input-focus-border-width) + calc($form-select-padding-x - $input-focus-border-width) + calc($form-select-padding-y - $input-focus-border-width) + calc($form-select-padding-x * 3 - $input-focus-border-width); + } + background-position: right calc($form-select-padding-x - 1px) center; + } + &.form-select-lg { + min-height: $input-height-lg; + background-size: 24px 24px; + padding: calc($form-select-padding-y-lg - $input-border-width) calc($form-select-padding-x-lg - $input-border-width); + padding-inline-end: calc($form-select-padding-x-lg * 3 - $input-border-width); + &:focus, + .was-validated & { + @include ltr-style { + padding: calc($form-select-padding-y-lg - $input-focus-border-width) + calc($form-select-padding-x-lg * 3 - $input-focus-border-width) + calc($form-select-padding-y-lg - $input-focus-border-width) + calc($form-select-padding-x-lg - $input-focus-border-width); + } + @include rtl-style { + padding: calc($form-select-padding-y-lg - $input-focus-border-width) + calc($form-select-padding-x-lg - $input-focus-border-width) + calc($form-select-padding-y-lg - $input-focus-border-width) + calc($form-select-padding-x-lg * 3 - $input-focus-border-width); + } + } + } + &.form-select-sm { + min-height: $input-height-sm; + background-size: 20px 20px; + padding: calc($form-select-padding-y-sm - $input-border-width) calc($form-select-padding-x-sm - $input-border-width); + padding-inline-end: calc($form-select-padding-x-sm * 3 - $input-border-width); + &:focus, + .was-validated & { + @include ltr-style { + padding: calc($form-select-padding-y-sm - $input-focus-border-width) + calc($form-select-padding-x-sm * 3 - $input-focus-border-width) + calc($form-select-padding-y-sm - $input-focus-border-width) + calc($form-select-padding-x-sm - $input-focus-border-width); + } + @include rtl-style { + padding: calc($form-select-padding-y-sm - $input-focus-border-width) + calc($form-select-padding-x-sm - $input-focus-border-width) + calc($form-select-padding-y-sm - $input-focus-border-width) + calc($form-select-padding-x-sm * 3 - $input-focus-border-width); + } + } + // background-size: 14px 11px; + } +} + +// Multiple select RTL Only +@include rtl-only { + .form-select { + background-image: $form-select-indicator-rtl; + background-position: left $form-select-padding-x center; + &:focus { + background-position: left calc($form-select-padding-x - 1px) center; + } + &[multiple], + &[size]:not([size='1']) { + background-image: none; + } + } + .was-validated .form-select { + background-position: left calc($form-select-padding-x - 1px) center; + } +} +@if $dark-style { + select.form-select { + option { + background-color: $card-bg; + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-text.scss b/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-text.scss new file mode 100644 index 0000000..d8a2ac3 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/forms/_form-text.scss @@ -0,0 +1,2 @@ +// Form Text +// ******************************************************************************* diff --git a/resources/assets/vendor/scss/_bootstrap-extended/forms/_input-group.scss b/resources/assets/vendor/scss/_bootstrap-extended/forms/_input-group.scss new file mode 100644 index 0000000..287e879 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/forms/_input-group.scss @@ -0,0 +1,393 @@ +// Input groups +// ******************************************************************************* + +$validation-messages: ''; +@each $state in map-keys($form-validation-states) { + $validation-messages: $validation-messages + + ':not(.' + + unquote($state) + + '-tooltip)' + + ':not(.' + + unquote($state) + + '-feedback)'; +} + +// Using :focus-within to apply focus/validation border and shadow to default and merged input-group +.input-group { + border-radius: $input-border-radius; + // Input group (Default) + .input-group-text { + padding: calc($input-padding-y - $input-focus-border-width) calc($input-padding-x - $input-border-width); + @include transition($input-transition); + } + + //? Info :focus-within to apply focus/validation border and shadow to default and merged input & input-group + &:focus-within { + .input-group-text { + border-width: $input-focus-border-width; + padding: calc($input-padding-y - calc($input-focus-border-width + $input-border-width)) + calc($input-padding-x - $input-focus-border-width); + .was-validated &, + .fv-plugins-bootstrap5-row-invalid & { + padding: calc($input-padding-y - $input-focus-border-width) calc($input-padding-x - $input-border-width); + } + } + .form-control, + .form-select { + border-width: $input-focus-border-width; + padding: calc($input-padding-y - $input-focus-border-width) calc($input-padding-x - $input-border-width); + &:first-child { + padding-inline-start: calc($input-padding-x - $input-focus-border-width); + } + } + } + // Input group (lg) + &.input-group-lg { + .input-group-text { + padding: calc($input-padding-y-lg - $input-border-width) calc($input-padding-x-lg - $input-border-width); + } + &:focus-within { + .input-group-text { + padding: calc($input-padding-y-lg - $input-border-width) calc($input-padding-x-lg - $input-focus-border-width); + } + .form-control:not(:first-child), + .form-select:not(:first-child) { + padding: calc($input-padding-y-lg - $input-border-width) calc($input-padding-x-lg); + } + } + } + // Input group (sm) + &.input-group-sm { + .form-control, + .form-select { + padding-inline: calc($input-padding-x-sm - $input-border-width); + } + .input-group-text { + padding: calc($input-padding-y-sm - $input-border-width) calc($input-padding-x-sm - $input-border-width); + } + &:focus-within { + .input-group-text { + padding: calc($input-padding-y-sm - $input-focus-border-width) + calc($input-padding-x-sm - $input-focus-border-width); + } + .form-control, + .form-select { + padding: calc($input-padding-y-sm - $input-border-width) calc($input-padding-x-sm); + } + } + } + + > :not(:first-child):not(.dropdown-menu):not(.btn):not(.dropdown-menu + .form-control):not( + .btn + .form-control + )#{$validation-messages} { + margin-inline-start: calc($input-focus-border-width - 3px); + } + + // Input group merge + &.input-group-merge { + > :not(:first-child):not(.dropdown-menu):not(.btn):not(.dropdown-menu + .form-control):not( + .btn + .form-control + )#{$validation-messages} { + margin-inline-start: calc(($input-focus-border-width + $input-border-width) * -1); + } + &:focus-within { + > .form-control:first-child, + > .form-select:first-child { + padding-inline: calc($input-padding-x - $input-focus-border-width); + } + } + &.input-group-sm { + &:focus-within { + > .form-control:first-child, + > .form-select:first-child { + padding-inline: calc($input-padding-x - $input-focus-border-width); + } + } + } + } + + // Input group on focus-within use margin-left same as as focus border width + &:focus-within { + > :not(:first-child):not(.dropdown-menu):not(.btn):not(.dropdown-menu + .form-control):not( + .btn + .form-control + )#{$validation-messages} { + margin-inline-start: calc($input-focus-border-width * -1); + } + } + + // Rounded pill option + &.rounded-pill { + .input-group-text, + .form-control { + @include border-radius($border-radius-pill); + } + } + &:hover { + .input-group-text, + .form-control { + border-color: $input-border-hover-color; + } + } + + &:focus-within { + box-shadow: $input-focus-box-shadow; + .form-control, + .input-group-text { + box-shadow: none; + } + } + .was-validated & { + &:has(.is-invalid), + &:has(.is-valid), + &:has(:valid), + &:has(:invalid) { + box-shadow: none; + } + } + &.has-validation, + &.is-invalid { + &:has(.is-invalid), + &:has(.is-valid), + &:has(:invalid), + &:has(.form-control.is-invalid) { + box-shadow: none; + } + } + // For disabled input group + &.disabled { + .input-group-text { + background-color: $input-disabled-bg; + } + } + // ! FIX: Formvalidation border radius issue + &.has-validation { + > .input-group-text:first-child { + @include border-end-radius(0); + } + > .form-control:first-child { + @include border-end-radius(0); + } + > .form-control:not(:first-child):not(:last-child) { + @include border-radius(0); + } + } +} + +// input-group-text icon size +.input-group-text { + background-clip: padding-box; + i { + @include font-size(1.25rem); + } +} +.input-group-lg > .input-group-text { + i { + @include font-size(1.375rem); + } +} +.input-group-sm > .input-group-text { + i { + @include font-size(1.125rem); + } +} + +// Merge input + +// Input group merge .form-control border & padding +@include ltr-only { + .input-group-merge { + .input-group-text { + &:first-child { + border-right: 0; + } + &:last-child { + border-left: 0; + } + } + &.disabled { + > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not( + .invalid-feedback + ) { + margin-left: 0 !important; + } + } + .form-control:not(textarea) { + &:not(:first-child) { + padding-left: 0 !important; + border-left: 0; + } + &:not(:last-child) { + padding-right: 0 !important; + border-right: 0; + } + } + .form-control:not(textarea) { + &:not(:first-child) { + padding-left: 0; + } + &:not(:last-child) { + padding-right: 0; + } + } + } +} + +// Adding transition (On focus border color change) +.input-group-text { + @include transition($input-transition); +} + +// RTL Style +// ******************************************************************************* + +@include rtl-only { + .input-group { + // Rounded input field + &.rounded-pill { + .input-group-text { + border-top-right-radius: $border-radius-pill !important; + border-bottom-right-radius: $border-radius-pill !important; + } + .form-control { + border-top-left-radius: $border-radius-pill !important; + border-bottom-left-radius: $border-radius-pill !important; + } + } + + // Input group with dropdown rounded corners, while not validate + &:not(.has-validation) { + > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), + > .dropdown-toggle:nth-last-child(n + 3) { + @include border-start-radius(0); + @include border-end-radius($input-border-radius); + } + } + &.input-group-lg { + &:not(.has-validation) { + > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), + > .dropdown-toggle:nth-last-child(n + 3) { + @include border-end-radius($input-border-radius-lg); + } + } + } + &.input-group-sm { + &:not(.has-validation) { + > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), + > .dropdown-toggle:nth-last-child(n + 3) { + @include border-end-radius($input-border-radius-sm); + } + } + } + + // Input group with dropdown rounded corners, while validate + &.has-validation { + > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), + > .dropdown-toggle:nth-last-child(n + 4) { + @include border-start-radius(0); + @include border-end-radius($input-border-radius); + } + } + &.input-group-lg { + > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), + > .dropdown-toggle:nth-last-child(n + 4) { + @include border-end-radius($input-border-radius-lg); + } + } + &.input-group-sm { + > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), + > .dropdown-toggle:nth-last-child(n + 4) { + @include border-end-radius($input-border-radius-sm); + } + } + + // Input group border radius + $validation-messages: ''; + @each $state in map-keys($form-validation-states) { + $validation-messages: $validation-messages + + ':not(.' + + unquote($state) + + '-tooltip)' + + ':not(.' + + unquote($state) + + '-feedback)'; + } + + > :not(:first-child):not(.dropdown-menu)#{$validation-messages} { + margin-right: calc(#{$input-border-width} * -1); + @include border-end-radius(0); + margin-left: 0px; + @include border-start-radius($input-border-radius); + } + &.input-group-lg { + > :not(:first-child):not(.dropdown-menu)#{$validation-messages} { + @include border-start-radius($input-border-radius-lg); + } + } + &.input-group-sm { + > :not(:first-child):not(.dropdown-menu)#{$validation-messages} { + @include border-start-radius($input-border-radius-sm); + } + } + + // ? We apply border radius from the above styles + // Remove border radius from first and last element + > :not(:first-child):not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), + > .dropdown-toggle:nth-last-child(n + 3):not(:first-child) { + @include border-radius(0 !important); + } + + // ! FIX: Formvalidation border radius issue + &.has-validation { + > .input-group-text:first-child { + @include border-start-radius(0); + @include border-end-radius($input-border-radius); + } + > .form-control:first-child { + @include border-start-radius(0); + @include border-end-radius($input-border-radius); + } + } + } + + // Input group merge .input-group-text border & .form-control border & padding + // Merge input + .input-group-merge { + .input-group-text { + &:first-child { + border-left: 0; + } + &:last-child { + border-right: 0; + } + } + .form-control { + &:not(:first-child) { + padding-right: 0 !important; + border-right: 0; + } + &:not(:last-child) { + padding-left: 0 !important; + border-left: 0; + } + } + } +} + +//! FIX: Formvalidation : .input-group-text valid/invalid border color, If .input-group has .input-group-text first. +.fv-plugins-bootstrap5-row-invalid { + .input-group.has-validation, + .input-group.has-validation:focus-within { + .input-group-text { + border-color: $form-feedback-invalid-color !important; + } + } +} +// ? UnComment If eleValidClass is not blank i.e form-validation.js Line no. ~208 +// .fv-plugins-bootstrap5-row-valid { +// .input-group, +// .input-group:focus-within { +// .input-group-text { +// border-color: $form-feedback-valid-color; +// } +// } +// } diff --git a/resources/assets/vendor/scss/_bootstrap-extended/forms/_labels.scss b/resources/assets/vendor/scss/_bootstrap-extended/forms/_labels.scss new file mode 100644 index 0000000..3c284d2 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/forms/_labels.scss @@ -0,0 +1,17 @@ +// Labels +// ******************************************************************************* + +.form-label, +.col-form-label { + text-transform: $form-label-text-transform; + letter-spacing: $form-label-letter-spacing; + color: $headings-color; +} +// Default (vertical ) form label size +.form-label-lg { + @include font-size($input-font-size-lg); +} + +.form-label-sm { + @include font-size($input-font-size-sm); +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/forms/_validation.scss b/resources/assets/vendor/scss/_bootstrap-extended/forms/_validation.scss new file mode 100644 index 0000000..40cfe68 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/forms/_validation.scss @@ -0,0 +1,130 @@ +// Validation states +// ******************************************************************************* + +@each $state, $data in $form-validation-states { + @include template-form-validation-state($state, $data...); +} + +// Currently supported for form-validation and jq-validation +form { + .error:not(li):not(input) { + color: $form-feedback-invalid-color; + font-size: 85%; + margin-top: 0.25rem; + } + + .invalid, + .is-invalid .invalid:before, + .is-invalid::before { + border-width: $input-focus-border-width; + border-color: $form-feedback-invalid-color !important; + } + + .form-label { + &.invalid, + &.is-invalid { + border-width: $input-focus-border-width; + border-color: $form-feedback-invalid-color; + box-shadow: 0 0 0 2px rgba($form-feedback-invalid-color, 0.4) !important; + } + } + + select { + &.invalid { + & ~ .select2 { + .select2-selection { + border-width: $input-focus-border-width; + border-color: $form-feedback-invalid-color; + } + } + } + + // FormValidation + + //Select2 + &.is-invalid { + & ~ .select2 { + .select2-selection { + border-width: $input-focus-border-width; + border-color: $form-feedback-invalid-color !important; + } + } + } + // Bootstrap select + &.selectpicker { + &.is-invalid { + ~ .btn { + padding: calc($input-padding-y - $input-focus-border-width) calc($input-padding-x - $input-border-width); + border-width: $input-focus-border-width; + border-color: $form-feedback-invalid-color !important; + } + } + } + } +} + +//!FIX: Input group form floating label .input-group-text border color on validation state +//? Can't use form-validation-state-selector mixin due to :has selector +.was-validated .input-group:has(.input-group-text):has(.form-control:invalid) .input-group-text, +.was-validated .input-group:has(.input-group-text):has(.form-control:valid) .input-group-text, +.input-group:has(.input-group-text):has(.form-control.is-valid) .input-group-text, +.input-group:has(.input-group-text):has(.form-control.is-invalid) .input-group-text { + border-width: $input-focus-border-width; +} +//! FIX: Basic input (without floating) has shake effect due to padding +.was-validated .form-control:invalid, +.was-validated .form-control:valid, +.form-control.is-invalid, +.form-control.is-valid { + padding: calc($input-padding-y - $input-focus-border-width) calc($input-padding-x - $input-border-width); + ~ .input-group-text { + padding: calc($input-padding-y - $input-focus-border-width) calc($input-padding-x - $input-border-width); + } +} +.input-group { + > :not(:first-child):not(.dropdown-menu):not(.btn):not(.dropdown-menu + .form-control):not( + .btn + .form-control + )#{$validation-messages}.form-control.is-invalid, + > :not(:first-child):not(.dropdown-menu):not(.btn):not(.dropdown-menu + .form-control):not( + .btn + .form-control + )#{$validation-messages}.form-control.is-valid { + margin-inline-start: calc($input-focus-border-width - 4px); + } + .was-validated & .form-control:invalid, + .was-validated & .form-control:valid, + .form-control.is-invalid, + .form-control.is-valid, + .form-select.is-invalid, + .form-select.is-valid { + &:first-child { + padding-inline-start: calc($input-padding-x - $input-focus-border-width); + } + } +} +// ! Fix: FormValidation: Set border color to .form-control in touch devices for HTML5 inputs i.e date picker +@media (hover: none) { + .fv-plugins-bootstrap5-row-invalid { + .form-control { + &.flatpickr-mobile { + border-color: $form-feedback-invalid-color; + } + } + } +} +// ! Fix: FormValidation: Validation error message display fix for those inputs where .invalid-feedback/tooltip is not a sibling element +.fv-plugins-bootstrap5 { + .invalid-feedback, + .invalid-tooltip { + display: block; + } +} + +//! Fix: FormValidation: Tagify validation error (border color) +.fv-plugins-bootstrap5-row-invalid .tagify.tagify--empty { + border-width: $input-focus-border-width; + border-color: $form-feedback-invalid-color !important; +} +// ? Uncomment if required +// .fv-plugins-bootstrap5-row-valid .tagify:not(.tagify--empty) { +// border-color: $form-feedback-valid-color; +// } diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_alert.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_alert.scss new file mode 100644 index 0000000..4428bf4 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_alert.scss @@ -0,0 +1,101 @@ +// Alerts +// ******************************************************************************* + +@mixin alert-variant($background: null, $border: null, $color: null) { +} + +// Basic Alerts +@mixin template-alert-variant($parent, $background) { + $border: if( + $dark-style, + shift-color($background, -$alert-border-scale, $card-bg), + shift-color($background, $alert-border-scale, $card-bg) + ); + $color: $background; + $background: if( + $dark-style, + shade-color($background, $alert-bg-scale, $card-bg), + tint-color($background, $alert-bg-tint-scale, $card-bg) + ); + + #{$parent} { + @include gradient-bg($background); + border-color: $border; + color: $color; + .btn-close { + background-image: str-replace(str-replace($btn-close-bg, '#{$btn-close-color}', $color), '#', '%23'); + } + + .alert-link { + color: $color; + } + } + + #{$parent} { + hr { + color: $color !important; + } + .alert-icon { + background-color: $color; + } + } +} + +// Solid Alerts +@mixin template-alert-solid-variant($parent, $background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + #{$parent} { + @include gradient-bg($background); + color: $color; + + .btn-close { + background-image: str-replace(str-replace($btn-close-bg, '#{$btn-close-color}', $color), '#', '%23'); + } + + .alert-link { + color: $color; + } + } + + #{$parent} { + hr { + color: $color !important; + } + .alert-icon { + color: $background !important; + } + } +} + +// Outline Alerts +@mixin template-alert-outline-variant($parent, $background, $color: null) { + $color: $background; + $icon-bg: if( + $dark-style, + shade-color($background, $alert-bg-scale, $card-bg), + tint-color($background, $alert-bg-tint-scale, $card-bg) + ); + + #{$parent} { + border-color: $background; + color: $color; + .btn-close { + background-image: str-replace(str-replace($btn-close-bg, '#{$btn-close-color}', $background), '#', '%23'); + } + + .alert-link { + color: $color; + } + } + + #{$parent} { + hr { + color: $color !important; + } + .alert-icon { + color: $color !important; + background-color: $icon-bg !important; + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_badge.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_badge.scss new file mode 100644 index 0000000..d8ec80a --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_badge.scss @@ -0,0 +1,9 @@ +// Badges +// ******************************************************************************* + +// Size +@mixin badge-size($badge-height, $badge-width, $badge-font-size) { + height: $badge-height; + width: $badge-width; + @include font-size($badge-font-size); +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_buttons.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_buttons.scss new file mode 100644 index 0000000..13eede1 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_buttons.scss @@ -0,0 +1,360 @@ +// Buttons +// ******************************************************************************* + +// Basic +@mixin button-variant( + $background: null, + $border: null, + $hover-background: null, + $hover-border: null, + $active-background: null, + $active-border: null +) { +} +@mixin template-button-variant($parent, $background, $color: null, $border: null) { + $background: $background; + $border: $background; + $color: if($color, $color, color-contrast($background)); + $hover-background: if( + $color == $color-contrast-light, + shade-color($background, $btn-hover-bg-shade-amount), + tint-color($background, $btn-hover-bg-tint-amount) + ); + $hover-border: if( + $color == $color-contrast-light, + shade-color($border, $btn-hover-border-shade-amount), + tint-color($border, $btn-hover-border-tint-amount) + ); + $hover-color: color-contrast($hover-background); + + $active-background: if( + $color == $color-contrast-light, + shade-color($background, $btn-active-bg-shade-amount), + tint-color($background, $btn-active-bg-tint-amount) + ); + $active-border: if( + $color == $color-contrast-light, + shade-color($border, $btn-active-border-shade-amount), + tint-color($border, $btn-active-border-tint-amount) + ); + $active-color: color-contrast($active-background); + + #{$parent} { + color: $color; + @include gradient-bg($background); + border-color: $border; + &.btn[class*='btn-']:not([class*='btn-label-']):not([class*='btn-outline-']):not([class*='btn-text-']):not( + .btn-icon + ):not(:disabled):not(.disabled) { + box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3); + } + &:hover { + color: $hover-color !important; + @include gradient-bg($hover-background !important); + border-color: $hover-border !important; + } + + .btn-check:focus + &, + &:focus, + &.focus { + color: $hover-color; + @include gradient-bg($hover-background); + border-color: $hover-border; + } + + .btn-check:checked + &, + .btn-check:active + &, + &:active, + &.active, + &.show.dropdown-toggle, + .show > &.dropdown-toggle { + color: $active-color !important; + background-color: $active-background !important; + // Remove CSS gradients if they're enabled + background-image: if($enable-gradients, none !important, null); + border-color: $active-border !important; + } + + &.disabled, + &:disabled { + color: $color !important; + background-color: $background !important; + // Remove CSS gradients if they're enabled + background-image: if($enable-gradients, none !important, null); + border-color: $border !important; + } + } + + // Button groups + .btn-group #{$parent}, + .input-group #{$parent} { + border-right: $input-btn-border-width solid $active-background; + border-left: $input-btn-border-width solid $active-background; + } + .btn-group-vertical #{$parent} { + border-top-color: $active-background; + border-bottom-color: $active-background; + } +} + +@mixin template-button-text-variant($parent, $background, $color: null, $border: null) { + $border: transparent; + $label-color: if($color, $color, $background); + $hover-color: $background; + $hover-background: $background; + $hover-background: if( + $hover-color == $color-contrast-light, + shade-color($background, $btn-text-hover-shade-amount, $card-bg), + tint-color($background, $btn-text-hover-tint-amount, $card-bg) + ); + + $focus-background: if( + $hover-color == $color-contrast-light, + shade-color($background, $btn-text-focus-shade-amount, $card-bg), + tint-color($background, $btn-text-focus-tint-amount, $card-bg) + ); + + $active-color: $hover-color; + $active-background: if( + $active-color == $color-contrast-light, + shade-color($background, $btn-text-active-shade-amount, $card-bg), + tint-color($background, $btn-text-active-tint-amount, $card-bg) + ); + + #{$parent} { + color: $label-color; + &.waves-effect { + .waves-ripple { + background: radial-gradient( + rgba($background, 0.2) 0, + rgba($background, 0.3) 40%, + rgba($background, 0.4) 50%, + rgba($background, 0.5) 60%, + rgba($white, 0) 70% + ); + } + } + + &:hover { + border-color: $border; + background: $hover-background; + color: $hover-color; + } + + &:focus, + &.focus { + color: $hover-color; + background: $focus-background; + } + + &:active, + &.active, + &.show.dropdown-toggle, + .show > &.dropdown-toggle { + color: $active-color !important; + background: $active-background !important; + // Remove CSS gradients if they're enabled + background-image: if($enable-gradients, none !important, null); + border-color: $border !important; + } + &:disabled, + &.disabled { + color: $label-color; + } + } + + // Button groups + .btn-group #{$parent}, + .input-group #{$parent} { + border-right: $input-btn-border-width solid $background !important; + border-left: $input-btn-border-width solid $background !important; + } + .btn-group-vertical #{$parent} { + border-top: $input-btn-border-width solid $background !important; + border-bottom: $input-btn-border-width solid $background !important; + } +} + +// Label +@mixin button-label-variant($background: null, $border: null, $active-background: null, $active-border: null) { +} + +@mixin template-button-label-variant($parent, $background, $color: null, $border: null) { + // Using the $dark-style variable for condition as in label style text color can't compare with $color-contrast-light/dark + $border: transparent; + + $label-color: if($color, $color, $background); + $hover-color: if($color, $color, color-contrast($background)); + + $label-background: if( + $hover-color == $color-contrast-light, + shade-color($background, $btn-label-bg-shade-amount, $card-bg), + tint-color($background, $btn-label-bg-tint-amount, $card-bg) + ); + + $hover-color: $background; + $hover-background: $background; + $hover-background: if( + $hover-color == $color-contrast-light, + shade-color($background, $btn-label-hover-shade-amount, $card-bg), + tint-color($background, $btn-label-hover-tint-amount, $card-bg) + ); + + $active-color: $hover-color; + $active-background: $hover-background; + + $disabled-background: if( + $hover-color == $color-contrast-light, + shade-color($background, $btn-label-disabled-bg-shade-amount, $card-bg), + tint-color($background, $btn-label-disabled-bg-tint-amount, $card-bg) + ); + + $border-color: if( + $dark-style, + shade-color($background, $btn-label-border-shade-amount, $card-bg), + tint-color($background, $btn-label-border-tint-amount, $card-bg) + ); + + #{$parent} { + color: $label-color !important; + border-color: $border !important; + background: $label-background !important; + @include box-shadow($btn-box-shadow); + &.waves-effect { + .waves-ripple { + background: radial-gradient( + rgba($background, 0.2) 0, + rgba($background, 0.3) 40%, + rgba($background, 0.4) 50%, + rgba($background, 0.5) 60%, + rgba($white, 0) 70% + ); + } + } + + &:hover { + border-color: $border !important; + background: $hover-background !important; + color: $hover-color !important; + } + + &:focus, + &.focus { + color: $hover-color; + background: $hover-background; + } + + &:active, + &.active, + &.show.dropdown-toggle, + .show > &.dropdown-toggle { + color: $active-color !important; + background-color: $active-background !important; + // Remove CSS gradients if they're enabled + background-image: if($enable-gradients, none !important, null); + border-color: $border !important; + } + + &.disabled, + &:disabled { + color: $label-color !important; + border-color: $border !important; + background: $label-background !important; + } + } + + // Button groups + .btn-group #{$parent}, + .input-group #{$parent} { + border-right: $input-btn-border-width solid $border-color !important; + border-left: $input-btn-border-width solid $border-color !important; + } + .btn-group-vertical #{$parent} { + border-top: $input-btn-border-width solid $border-color !important; + border-bottom: $input-btn-border-width solid $border-color !important; + } +} + +// Outline +@mixin button-outline-variant($color: null, $color-hover: null, $hover-color: null) { +} + +@mixin template-button-outline-variant($parent, $color, $hover-color: null) { + $color: $color; + $color-hover: $color; + + $hover-background: if( + $color-hover == $color-contrast-light, + shade-color($color, $btn-outline-hover-bg-shade-amount, $card-bg), + tint-color($color, $btn-outline-hover-bg-tint-amount, $card-bg) + ); + + $focus-background: $color; + $active-background: if( + $color == $color-contrast-light, + shade-color($color, $btn-outline-active-bg-shade-amount, $card-bg), + tint-color($color, $btn-outline-active-bg-tint-amount, $card-bg) + ); + $active-border: $color; + $active-color: $color; + + #{$parent} { + color: $color; + border-color: $color; + background: transparent; + &.waves-effect { + .waves-ripple { + background: radial-gradient( + rgba($color, 0.2) 0, + rgba($color, 0.3) 40%, + rgba($color, 0.4) 50%, + rgba($color, 0.5) 60%, + rgba($white, 0) 70% + ); + } + } + + &:hover { + color: $color-hover !important; + background-color: $hover-background !important; + border-color: $active-border !important; + } + + .btn-check:focus + &, + &:focus { + color: $color-hover; + background-color: $hover-background; + border-color: $active-border; + } + + .btn-check:checked + &, + .btn-check:active + &, + &:active, + &.active, + &.dropdown-toggle.show { + color: $active-color !important; + background-color: $active-background !important; + border-color: $active-border !important; + } + + &.disabled, + &:disabled { + color: $color !important; + } + } + + #{$parent} .badge { + background: $color; + border-color: $color; + color: color-contrast($color); + } + + #{$parent}:hover .badge, + #{$parent}:focus:hover .badge, + #{$parent}:active .badge, + #{$parent}.active .badge, + .show > #{$parent}.dropdown-toggle .badge { + background: $color-hover; + border-color: $color-hover; + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_card.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_card.scss new file mode 100644 index 0000000..c766c67 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_card.scss @@ -0,0 +1,32 @@ +// Cards +// ******************************************************************************* + +// color border bottom and shadow in card +@mixin template-card-border-shadow-variant($parent, $background) { + $border-color: shade-color($background, $card-border-color-scale, $card-bg); + .card { + &#{$parent} { + &::after { + border-bottom-color: $border-color; + } + &:hover { + &::after { + border-bottom-color: $background; + } + } + } + } +} + +// card hover border color +@mixin template-card-hover-border-variant($parent, $background) { + $border-color: shade-color($background, $card-hover-border-scale, $card-bg); + .card { + &#{$parent}, + #{$parent} { + &:hover { + border-color: $border-color; + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_caret.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_caret.scss new file mode 100644 index 0000000..cd4b1df --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_caret.scss @@ -0,0 +1,64 @@ +// * Carets +// ******************************************************************************* + +@mixin caret-up($caret-width) { + margin-top: 0.97 * divide($caret-width, 2); + margin-left: 0.8em; + width: $caret-width; + height: $caret-width; + border: 2px solid; + border-bottom: 0; + border-left: 0; + transform: rotate(-45deg); + @include rtl-style { + margin-right: 0.8em !important; + margin-left: 0 !important; + } +} + +@mixin caret-down($caret-width) { + margin-top: -1.08 * divide($caret-width, 2); + margin-left: 0.8em; + width: $caret-width; + height: $caret-width; + border: 2px solid; + border-top: 0; + border-left: 0; + transform: rotate(45deg); + @include rtl-style { + margin-right: 0.8em !important; + margin-left: 0 !important; + } +} + +@mixin caret-left($caret-width) { + margin-top: 0; + margin-right: 0.5em; + width: $caret-width; + height: $caret-width; + border: 2px solid; + border-top: 0; + border-right: 0; + transform: rotate(45deg); + @include rtl-style { + margin-right: 0 !important; + margin-left: $caret-spacing !important; + transform: rotate(225deg); + } +} + +@mixin caret-right($caret-width) { + margin-top: 0; + margin-right: 0.5em; + width: $caret-width; + height: $caret-width; + border: 2px solid; + border-top: 0; + border-left: 0; + transform: rotate(-45deg); + @include rtl-style { + margin-left: 0 !important; + margin-right: $caret-spacing !important; + transform: rotate(135deg); + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_dropdown.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_dropdown.scss new file mode 100644 index 0000000..05f4c00 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_dropdown.scss @@ -0,0 +1,33 @@ +// * Dropdowns +// ******************************************************************************* + +@mixin template-dropdown-variant($parent, $background, $color: null) { + #{$parent} .dropdown-item { + &.waves-effect { + .waves-ripple { + background: radial-gradient( + rgba($color, 0.2) 0, + rgba($color, 0.3) 40%, + rgba($color, 0.4) 50%, + rgba($color, 0.5) 60%, + rgba($white, 0) 70% + ); + } + } + &:not(.disabled).active, + &:not(.disabled):active { + background-color: $background; + color: if($color, $color, color-contrast($background)) !important; + } + } + + #{$parent}.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active, + #{$parent}.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) { + background-color: $background; + color: if($color, $color, color-contrast($background)) !important; + } +} + +@mixin template-dropdown-theme($background, $color: null) { + @include template-dropdown-variant('', $background, $color); +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_forms.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_forms.scss new file mode 100644 index 0000000..d5270c0 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_forms.scss @@ -0,0 +1,361 @@ +// * Form controls +// ******************************************************************************* + +// Form control +@mixin template-form-control-theme($color) { + .form-control:focus, + .form-select:focus { + border-color: $color !important; + } + + // Using :focus-within to apply focus border color to default and merged input-group + .input-group { + &:focus-within { + .form-control, + .input-group-text { + border-color: $color !important; + } + } + } +} + +// Float labels +@mixin template-float-label-theme($color) { + .form-floating { + > .form-control:focus, + > .form-control:focus:not(:placeholder-shown), + > .form-select:focus, + > .form-select:focus:not(:placeholder-shown) { + ~ label { + color: $color; + } + } + } +} + +// Form Switch +@mixin template-form-switch-theme($background) { + $focus-color: $background; + $focus-bg-image: str-replace(str-replace($form-switch-focus-bg-image, '#{$form-switch-color}', $white), '#', '%23'); + + $checked-color: $component-active-color; + $checked-bg-image: str-replace( + str-replace($form-switch-checked-bg-image, '#{$form-switch-checked-color}', $checked-color), + '#', + '%23' + ); + + .form-switch { + .form-check-input { + &:focus { + background-image: escape-svg($focus-bg-image); + } + + &:checked { + @if $enable-gradients { + background-image: escape-svg($checked-bg-image), var(--#{$variable-prefix}gradient); + } @else { + background-image: escape-svg($checked-bg-image); + } + } + } + } +} + +// File Input +@mixin template-file-input-theme($color) { + .form-control:focus ~ .form-label { + border-color: $color; + + &::after { + border-color: inherit; + } + } +} + +// Form Check +@mixin template-form-check-variant($parent, $background, $color: null) { + $color: if($color, $color, color-contrast($background)); + $focus-border: $background; + $focus-color: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity); + + #{$parent} .form-check-input { + &:checked { + background-color: $background; + border-color: $background; + box-shadow: 0 2px 6px 0 rgba($background, 0.3); + } + + &[type='checkbox']:indeterminate { + background-color: $background; + border-color: $background; + box-shadow: 0 2px 6px 0 rgba($background, 0.3); + } + } + + // Custom options + #{$parent}.custom-option { + &.checked { + border: $input-focus-border-width solid $background !important; + margin: 0; + .custom-option-body, + .custom-option-header { + i { + color: $background; + } + } + } + &.custom-option-label { + &.checked { + background-color: rgba($background, 0.12); + color: $background; + .custom-option-header span, + .custom-option-title { + color: $background; + } + } + } + } +} + +@mixin template-form-check-theme($background, $color: null) { + @include template-form-check-variant('', $background, $color); +} + +// Form Validation + +@mixin form-validation-state( + $state: null, + $color: null, + $icon: null, + $tooltip-color: null, + $tooltip-bg-color: null, + $focus-box-shadow: null, + $border-color: null +) { +} + +@mixin template-form-validation-state( + $state, + $color, + $icon, + $tooltip-color: color-contrast($color), + $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity), + $focus-box-shadow: none, + $border-color: $color +) { + .#{$state}-feedback { + display: none; + width: 100%; + margin-top: $form-feedback-margin-top; + @include font-size($form-feedback-font-size); + font-style: $form-feedback-font-style; + color: $color; + } + + .#{$state}-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; // Contain to parent when possible + padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x; + margin-top: 0.1rem; + @include font-size($form-feedback-tooltip-font-size); + line-height: $form-feedback-tooltip-line-height; + color: $tooltip-color; + background-color: $tooltip-bg-color; + @include border-radius($form-feedback-tooltip-border-radius); + } + + @include form-validation-state-selector($state) { + ~ .#{$state}-feedback, + ~ .#{$state}-tooltip { + display: block; + } + } + + .form-control { + @include form-validation-state-selector($state) { + border-color: $color !important; + border-width: $input-focus-border-width; + ~ .input-group-text { + border-width: $input-focus-border-width; + } + + .dark-style & { + border-color: $color !important; + } + + @if $enable-validation-icons { + background-image: escape-svg($icon); + background-repeat: no-repeat; + background-size: $input-height-inner-half $input-height-inner-half; + + @include ltr-style { + padding-right: $input-height-inner; + background-position: right $input-height-inner-quarter center; + } + @include rtl-style { + padding-left: $input-height-inner; + background-position: left $input-height-inner-quarter center; + } + } + + &:focus { + border-color: $color !important; + box-shadow: $focus-box-shadow; + } + } + } + + // StyleLint-disable-next-line selector-no-qualifying-type + textarea.form-control { + @include form-validation-state-selector($state) { + @if $enable-validation-icons { + @include ltr-style { + padding-right: $input-height-inner; + background-position: top $input-height-inner-quarter right $input-height-inner-quarter; + } + @include rtl-style { + padding-left: $input-height-inner; + background-position: top $input-height-inner-quarter left $input-height-inner-quarter; + } + } + } + } + + .form-select { + @include form-validation-state-selector($state) { + border-color: $color !important; + background-image: escape-svg($form-select-indicator), escape-svg($icon); + border-width: $input-focus-border-width; + ~ .input-group-text { + border-width: $input-focus-border-width; + } + @include ltr-style { + background-position: $form-select-bg-position, $form-select-feedback-icon-position; + } + @include rtl-style { + background-position: + left $form-select-padding-x center, + center left $form-select-indicator-padding; // RTL + } + + @if $enable-validation-icons { + background-size: $form-select-bg-size, $form-select-feedback-icon-size; + @include ltr-style { + background-image: escape-svg($form-select-indicator), escape-svg($icon); + padding-right: $form-select-feedback-icon-padding-end; + background-position: $form-select-bg-position, $form-select-feedback-icon-position; + } + @include rtl-style { + background-image: escape-svg($form-select-indicator), escape-svg($icon); + padding-left: $form-select-feedback-icon-padding-end; + background-position: + left $form-select-padding-x center, + center left $form-select-indicator-padding; // RTL + } + } + + &:focus { + border-color: $color; + box-shadow: $focus-box-shadow; + } + } + } + .form-switch .form-check-input { + @include form-validation-state-selector($state) { + background-color: $color; + } + } + .form-check-input { + @include form-validation-state-selector($state) { + border-color: $color; + + &:checked { + background-color: $color; + border-color: $color; + } + + &:active { + box-shadow: $focus-box-shadow; + border-color: $color; + } + + ~ .form-check-label { + color: $color; + } + } + } + .form-check-inline .form-check-input { + ~ .#{$state}-feedback { + @include ltr-style { + margin-left: 0.5em; + } + @include rtl-style { + margin-right: 0.5em; + } + } + } + // On validation .input-group & .input-group-merged, setup proper border color & box-shadow + .input-group { + .form-control { + @include form-validation-state-selector($state) { + ~ .input-group-text { + border-color: $color !important; + } + &:focus { + border-color: $color !important; + box-shadow: none; + // ? .input-group has .input-group-text last/sibling + ~ .input-group-text { + border-color: $color !important; + } + } + } + } + } + + .form-control { + @include form-validation-state-selector($state) { + &:focus { + .input-group & { + box-shadow: none; + } + } + } + } + + .input-group .form-control, + .input-group .form-select { + @include form-validation-state-selector($state) { + z-index: 3; + } + } + + @if ($state == 'invalid') { + .was-validated .input-group:has(.input-group-text):has(.form-control:invalid) .input-group-text, + .input-group:has(.input-group-text):has(.form-control.is-invalid) .input-group-text { + border-color: $color; + } + .was-validated .input-group:has(input:invalid) { + .#{$state}-feedback, + .#{$state}-tooltip { + display: block; + } + } + } + @if ($state == 'valid') { + .was-validated .input-group:has(.input-group-text):has(.form-control:valid) .input-group-text, + .input-group:has(.input-group-text):has(.form-control.is-valid) .input-group-text { + border-color: $color; + } + .was-validated .input-group:has(input:valid) { + .#{$state}-feedback, + .#{$state}-tooltip { + display: block; + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_list-group.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_list-group.scss new file mode 100644 index 0000000..50acaf4 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_list-group.scss @@ -0,0 +1,86 @@ +// List groups +// ******************************************************************************* + +@mixin list-group-item-variant($state: null, $background: null, $color: null) { +} + +// Basic List groups +@mixin template-list-group-item-variant($parent, $background, $color: null) { + $border-color: if( + $dark-style, + shift-color($background, -$list-group-item-border-scale, $card-bg), + shift-color($background, $list-group-item-border-scale, $card-bg) + ); + $background-color: if( + $dark-style, + shift-color($background, -$list-group-item-bg-scale, $card-bg), + shift-color($background, $list-group-item-bg-scale, $card-bg) + ); + $border-color: if( + $dark-style, + if( + $parent == '.list-group-item-dark', + color-contrast($background), + shift-color($background, -$list-group-item-color-scale, $card-bg) + ), + shift-color($background, $list-group-item-color-scale, $card-bg) + ); + $color: shift-color($background, $list-group-item-color-scale); + $hover-background: shade-color($background-color, $list-group-item-bg-hover-scale); + #{$parent} { + border-color: $border-color; + background-color: $background-color; + color: $color !important; + } + + a#{$parent}, + button#{$parent} { + color: $color; + &:hover, + &:focus { + border-color: $border-color; + background-color: $hover-background; + color: $color; + } + + &.active { + border-color: $border-color !important; + background-color: $background !important; + // color: if($color, $color, color-contrast($background)); + color: color-contrast($background) !important; + } + } +} + +@mixin template-list-group-theme($background, $color: null) { + @include template-list-group-item-variant('.list-group-item-primary', $background); + + .list-group-item.active { + background-color: rgba-to-hex(rgba($background, 0.16), $card-bg); + color: $background; + &.waves-effect { + .waves-ripple { + background: radial-gradient( + rgba($background, 0.2) 0, + rgba($background, 0.3) 40%, + rgba($background, 0.4) 50%, + rgba($background, 0.5) 60%, + rgba($black, 0) 70% + ); + } + } + } +} + +@mixin template-list-group-timeline-variant($parent, $background) { + .list-group { + &.list-group-timeline { + #{$parent} { + &:before { + border-color: $background; + background-color: $background; + } + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_misc.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_misc.scss new file mode 100644 index 0000000..9c79146 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_misc.scss @@ -0,0 +1,158 @@ +// * Light/Dark layout +// ******************************************************************************* +@mixin light-layout-only() { + @if $dark-style { + html:not(.dark-style) { + @content; + } + } @else { + @content; + } +} + +@mixin dark-layout-only() { + @if $dark-style { + .dark-style { + @content; + } + } +} + +// * RTL/LTR +// ******************************************************************************* + +@mixin ltr-only() { + @if $rtl-support { + html:not([dir='rtl']) { + @content; + } + } @else { + @content; + } +} + +@mixin rtl-only() { + @if $rtl-support { + [dir='rtl'] { + @content; + } + } +} + +@mixin ltr-style() { + @if $rtl-support { + html:not([dir='rtl']) & { + @content; + } + } @else { + @content; + } +} + +@mixin rtl-style() { + @if $rtl-support { + [dir='rtl'] & { + @content; + } + } +} + +// * Keyframes +// ******************************************************************************* + +@mixin keyframes($name) { + @-webkit-keyframes #{$name} { + @content; + } + + @-moz-keyframes #{$name} { + @content; + } + + @keyframes #{$name} { + @content; + } +} + +// * Colors +// ******************************************************************************* + +@mixin bg-color-variant($parent, $color, $rth-color: #000) { + #{$parent} { + background-color: $color !important; + } + + a#{$parent} { + &:hover, + &:focus { + background-color: rgba-to-hex(rgba($color, 0.95), $background: $rth-color) !important; + } + } + + //! Fix: Dropdown notification read badge bg color + .dropdown-notifications-item:not(.mark-as-read) { + .dropdown-notifications-read span { + background-color: $color; + } + } +} + +@mixin bg-variant($parent, $color, $rth-color: #000) { + @include bg-color-variant($parent, $color); +} +@mixin bg-glow-variant($parent, $color) { + #{$parent} { + &.bg-glow { + box-shadow: 0px 2px 3px 0px rgba($color, 0.3); + } + } +} + +// BG Label +@mixin bg-label-variant($parent, $background, $color: $background) { + $label-background: if( + $dark-style, + shade-color($background, $btn-label-bg-shade-amount, $card-bg), + tint-color($background, $btn-label-bg-tint-amount, $card-bg) + ); + #{$parent} { + background-color: $label-background !important; + color: if($color, $color, color-contrast($bg)) !important; + } +} + +// BG hover: label to solid +@mixin bg-label-hover-variant($parent, $background, $color: $background) { + $label-background: if( + $dark-style, + shade-color($background, $btn-label-bg-shade-amount, $card-bg), + tint-color($background, $btn-label-bg-tint-amount, $card-bg) + ); + #{$parent} { + background-color: $label-background !important; + color: if($color, $color, color-contrast($bg)) !important; + &:hover { + background-color: $background !important; + color: $white !important; + } + } +} + +@mixin bg-gradient-variant($parent, $background, $deg: 45deg) { + #{$parent} { + background-image: linear-gradient($deg, $background, rgba-to-hex(rgba($background, 0.5))) !important; + } +} + +@mixin text-variant($parent, $color) { + #{$parent} { + color: $color !important; + } + //! Fix: text-body hover color + .text-body, + .text-heading { + &[href]:hover { + color: shift-color($color, $link-shade-percentage) !important; + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_modal.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_modal.scss new file mode 100644 index 0000000..e838924 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_modal.scss @@ -0,0 +1,20 @@ +// Modal +// ******************************************************************************* + +@mixin template-modal-onboarding-theme($background, $color) { + .modal-onboarding { + .carousel-indicators { + [data-bs-target] { + background-color: $background; + } + } + } + .carousel-control-prev, + .carousel-control-next { + color: $background; + &:hover, + &:focus { + color: $background; + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_navs.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_navs.scss new file mode 100644 index 0000000..85900ed --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_navs.scss @@ -0,0 +1,101 @@ +// Navs +// ******************************************************************************* + +@mixin template-nav-size($padding-y, $padding-x, $font-size, $line-height) { + > .nav .nav-link, + &.nav .nav-link { + padding: $padding-y $padding-x; + font-size: $font-size; + line-height: $line-height; + } +} + +@mixin template-nav-variant($parent, $background, $color: null) { + $pills-selector: if($parent== '', '.nav-pills', '#{$parent}.nav-pills, #{$parent} > .nav-pills'); + + #{$pills-selector} .nav-link.active { + box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3); + &, + &:hover, + &:focus { + background-color: $background; + color: if($color, $color, color-contrast($background)); + } + } + + #{$parent}.nav-tabs { + .nav-link { + &.waves-effect { + .waves-ripple { + background: radial-gradient( + rgba($background, 0.2) 0, + rgba($background, 0.3) 40%, + rgba($background, 0.4) 50%, + rgba($background, 0.5) 60%, + rgba($white, 0) 70% + ); + } + } + } + } + + #{$parent}.nav-tabs .nav-link.active, + #{$parent}.nav-tabs .nav-link.active { + &, + &:hover, + &:focus { + box-shadow: 0 -2px 0 $background inset; + } + } + + .nav-align-bottom .nav-tabs .nav-link.active, + .nav-align-bottom .nav-tabs .nav-link.active { + &, + &:hover, + &:focus { + box-shadow: 0 2px 0 $background inset; + } + } + + .nav-align-left .nav-tabs .nav-link.active, + .nav-align-left .nav-tabs .nav-link.active { + &, + &:hover, + &:focus { + box-shadow: -2px 0px 0 $background inset; + } + } + + .nav-align-right .nav-tabs .nav-link.active, + .nav-align-right .nav-tabs .nav-link.active { + &, + &:hover, + &:focus { + box-shadow: 2px 0px 0 $background inset; + } + } + + @include rtl-only { + .nav-align-left .nav-tabs .nav-link.active, + .nav-align-left .nav-tabs .nav-link.active { + &, + &:hover, + &:focus { + box-shadow: 2px 0px 0 $background inset; + } + } + + .nav-align-right .nav-tabs .nav-link.active, + .nav-align-right .nav-tabs .nav-link.active { + &, + &:hover, + &:focus { + box-shadow: -2px 0px 0 $background inset; + } + } + } +} + +@mixin template-nav-theme($background, $color: null) { + @include template-nav-variant('', $background, $color); +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_pagination.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_pagination.scss new file mode 100644 index 0000000..f08551a --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_pagination.scss @@ -0,0 +1,73 @@ +// Pagination +// ******************************************************************************* + +// Basic Pagination +@mixin template-pagination-variant($parent, $background, $color: null) { + $hover-background: if( + $dark-style, + shade-color($background, $pagination-hover-bg-scale, $rgba-to-hex-bg), + tint-color($background, $pagination-hover-bg-scale, $rgba-to-hex-bg) + ); + #{$parent} .page-item .page-link, + #{$parent}.pagination li > a:not(.page-link) { + &:hover, + &:focus { + background-color: $hover-background; + color: $background; + } + } + #{$parent} .page-item.active .page-link, + #{$parent}.pagination li.active > a:not(.page-link) { + box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3); + &, + &:hover, + &:focus { + border-color: $background; + background-color: $background; + color: if($color, $color, color-contrast($background)); + } + } + #{$parent} .page-item .page-link, + #{$parent}.pagination li > a:not(.page-link) { + &.waves-effect { + .waves-ripple { + background: radial-gradient( + rgba($background, 0.2) 0, + rgba($background, 0.3) 40%, + rgba($background, 0.4) 50%, + rgba($background, 0.5) 60%, + rgba($black, 0) 70% + ); + } + } + } +} + +// Pagination Outline Variant +@mixin template-pagination-outline-variant($parent, $background, $color: null) { + #{$parent} .page-item.active .page-link, + #{$parent}.pagination li.active > a:not(.page-link) { + &, + &:hover, + &:focus { + border-color: $background !important; + color: $background !important; + background-color: rgba-to-hex(rgba($background, 0.16), $card-bg) !important; + } + &.waves-effect { + .waves-ripple { + background: radial-gradient( + rgba($background, 0.2) 0, + rgba($background, 0.3) 40%, + rgba($background, 0.4) 50%, + rgba($background, 0.5) 60%, + rgba($black, 0) 70% + ); + } + } + } +} + +@mixin template-pagination-theme($background, $color: null) { + @include template-pagination-variant('', $background, $color); +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_popover.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_popover.scss new file mode 100644 index 0000000..94b07fd --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_popover.scss @@ -0,0 +1,53 @@ +// Popovers +// ******************************************************************************* + +@mixin template-popover-variant($parent, $background, $color: null) { + $color: if($color, $color, color-contrast($background)); + + #{$parent} { + border-color: transparent; + background: $background; + + .popover-header { + border-color: $background; + background: transparent; + color: $color; + } + + .popover-body { + background: transparent; + color: rgba($color, 0.8); + } + + > .popover-arrow::before { + border-color: transparent; + } + &.bs-popover-auto { + &[data-popper-placement='top'] > .popover-arrow::after { + border-top-color: $background !important; + } + + &[data-popper-placement='right'] > .popover-arrow::after { + border-right-color: $background !important; + @include rtl-style { + border-left-color: $background !important; + } + } + + &[data-popper-placement='bottom'] > .popover-arrow::after { + border-bottom-color: $background !important; + } + + &[data-popper-placement='left'] > .popover-arrow::after { + border-left-color: $background !important; + @include rtl-style { + border-right-color: $background !important; + } + } + + &[data-popper-placement='bottom'] .popover-header::before { + border-bottom: 1px solid transparent !important; + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_progress.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_progress.scss new file mode 100644 index 0000000..02f92f2 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_progress.scss @@ -0,0 +1,14 @@ +// Progress bars +// ******************************************************************************* + +@mixin template-progress-bar-theme($background, $color: null) { + .progress-bar { + background-color: $background; + color: if($color, $color, color-contrast($background)); + } +} +@mixin template-progress-shadow-theme($parent, $background) { + #{$parent} { + box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3); + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_table-variants.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_table-variants.scss new file mode 100644 index 0000000..8f94d41 --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_table-variants.scss @@ -0,0 +1,26 @@ +// Tables +// ******************************************************************************* + +@mixin template-table-variant($parent, $background, $layout-color: $white) { + .table-#{$parent} { + $color: color-contrast(opaque($body-bg, $background)); + $hover-bg: mix($color, $background, percentage($table-hover-bg-factor)); + $striped-bg: mix($color, $background, percentage($table-striped-bg-factor)); + $active-bg: mix($color, $background, percentage($table-active-bg-factor)); + + --#{$variable-prefix}table-bg: #{$background}; + --#{$variable-prefix}table-striped-bg: #{$striped-bg}; + --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)}; + --#{$variable-prefix}table-active-bg: #{$active-bg}; + --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)}; + --#{$variable-prefix}table-hover-bg: #{$hover-bg}; + --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)}; + + color: $color; + border-color: mix($color, $background, percentage($table-border-factor)); + .btn-icon, + .btn { + color: $color; + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap-extended/mixins/_tooltip.scss b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_tooltip.scss new file mode 100644 index 0000000..93657ba --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap-extended/mixins/_tooltip.scss @@ -0,0 +1,35 @@ +// Tooltips +// ******************************************************************************* + +@mixin template-tooltip-variant($parent, $background, $color: null) { + #{$parent} { + .tooltip-inner { + background: $background; + color: if($color, $color, color-contrast($background)); + } + + &.bs-tooltip-auto { + &[data-popper-placement='top'] .tooltip-arrow::before { + border-top-color: $background; + } + + &[data-popper-placement='left'] .tooltip-arrow::before { + border-left-color: $background; + @include rtl-style { + border-right-color: $background; + } + } + + &[data-popper-placement='bottom'] .tooltip-arrow::before { + border-bottom-color: $background; + } + + &[data-popper-placement='right'] .tooltip-arrow::before { + border-right-color: $background; + @include rtl-style { + border-left-color: $background; + } + } + } + } +} diff --git a/resources/assets/vendor/scss/_bootstrap.scss b/resources/assets/vendor/scss/_bootstrap.scss new file mode 100644 index 0000000..cbf6f2a --- /dev/null +++ b/resources/assets/vendor/scss/_bootstrap.scss @@ -0,0 +1,43 @@ +@import 'bootstrap/scss/mixins/banner'; +@include bsBanner(''); + +@import '_bootstrap-extended/include'; + +// Import bootstrap core scss from node_module +// ! Utilities are customized and added in bootstrap-extended + +// Layout & components +@import 'bootstrap/scss/root'; +@import 'bootstrap/scss/reboot'; +@import 'bootstrap/scss/type'; +@import 'bootstrap/scss/images'; +@import 'bootstrap/scss/containers'; +@import 'bootstrap/scss/grid'; +@import 'bootstrap/scss/tables'; +@import 'bootstrap/scss/forms'; +@import 'bootstrap/scss/buttons'; +@import 'bootstrap/scss/transitions'; +@import 'bootstrap/scss/dropdown'; +@import 'bootstrap/scss/button-group'; +@import 'bootstrap/scss/nav'; +@import 'bootstrap/scss/navbar'; +@import 'bootstrap/scss/card'; +@import 'bootstrap/scss/accordion'; +@import 'bootstrap/scss/breadcrumb'; +@import 'bootstrap/scss/pagination'; +@import 'bootstrap/scss/badge'; +@import 'bootstrap/scss/alert'; +@import 'bootstrap/scss/progress'; +@import 'bootstrap/scss/list-group'; +@import 'bootstrap/scss/close'; +@import 'bootstrap/scss/toasts'; +@import 'bootstrap/scss/modal'; +@import 'bootstrap/scss/tooltip'; +@import 'bootstrap/scss/popover'; +@import 'bootstrap/scss/carousel'; +@import 'bootstrap/scss/spinners'; +@import 'bootstrap/scss/offcanvas'; +@import 'bootstrap/scss/placeholders'; + +// Helpers +@import 'bootstrap/scss/helpers'; diff --git a/resources/assets/vendor/scss/_colors-dark.scss b/resources/assets/vendor/scss/_colors-dark.scss new file mode 100644 index 0000000..9af501a --- /dev/null +++ b/resources/assets/vendor/scss/_colors-dark.scss @@ -0,0 +1,136 @@ +@import '_components/include-dark'; + +// * Custom colors +// ******************************************************************************* + +$facebook: #3b5998 !default; +$twitter: #1da1f2 !default; +$google-plus: #dd4b39 !default; +$instagram: #e1306c !default; +$linkedin: #0077b5 !default; +$github: #cfcde4 !default; +$dribbble: #ea4c89 !default; +$pinterest: #cb2027 !default; +$slack: #4a154b !default; +$reddit: #ff4500 !default; +$youtube: #ff0000 !default; +$vimeo: #1ab7ea !default; + +$custom-colors: ( + 'facebook': $facebook, + 'twitter': $twitter, + 'google-plus': $google-plus, + 'instagram': $instagram, + 'linkedin': $linkedin, + 'github': $github, + 'dribbble': $dribbble, + 'pinterest': $pinterest, + 'slack': $slack, + 'reddit': $reddit, + 'youtube': $youtube, + 'vimeo': $vimeo +) !default; + +:root { + @each $color, $value in $custom-colors { + --#{$prefix}#{$color}: #{$value}; + } +} + +@each $color-name, $color-value in $custom-colors { + @include bg-variant('.bg-#{$color-name}', $color-value); + @include bg-label-variant('.bg-label-#{$color-name}', $color-value); + @include bg-label-hover-variant('.bg-label-hover-#{$color-name}', $color-value); + + @include template-button-variant('.btn-#{$color-name}', $color-value); + @include template-button-label-variant('.btn-label-#{$color-name}', $color-value); + @include template-button-outline-variant('.btn-outline-#{$color-name}', $color-value); + @include template-button-text-variant('.btn-text-#{$color-name}', $color-value); +} + +// * Bootstrap colors (Uncomment required colors) +// ******************************************************************************* + +$bootstrap-colors: ( + // blue: $blue, + // indigo: $indigo, + // purple: $purple, + // pink: $pink, + // orange: $orange, + // teal: $teal +) !default; + +@each $color-name, $color-value in $bootstrap-colors { + @include bg-variant('.bg-#{$color-name}', $color-value); + @include bg-label-variant('.bg-label-#{$color-name}', $color-value); + @include bg-label-hover-variant('.bg-label-hover-#{$color-name}', $color-value); + @include bg-gradient-variant('.bg-gradient-#{$color-name}', $color-value); + + .border-#{$color-name} { + border-color: $color-value !important; + } + + @include template-button-variant('.btn-#{$color-name}', $color-value); + @include template-button-label-variant('.btn-label-#{$color-name}', $color-value); + @include template-button-outline-variant('.btn-outline-#{$color-name}', $color-value); +} + +// * Buttons +// ******************************************************************************* + +@include template-button-variant('.btn-white', $white, $body-color); +@include template-button-label-variant('.btn-label-white', $white, $body-color); +@include template-button-outline-variant('.btn-outline-white', $white, $body-color); + +// ! ToDo: Custom colors (checkbox & radio) +// ******************************************************************************* + +$form-control-colors: ( + black: #000, + white: #fff, + silver: #eee, + gray: #777, + gold: #ffeb3b, + pink: #e91e63, + red: #f44336 +) !default; + +@each $color-name, $color-value in $form-control-colors { + @include template-form-check-variant('.form-check-#{$color-name}', $color-value); +} + +// * Navbar +// ******************************************************************************* + +@each $color, $value in $theme-colors { + @if $color !=primary and $color !=light { + @include template-navbar-style('.navbar.bg-#{$color}', $value); + } +} + +@include template-navbar-style('.navbar.bg-white', #fff, $color: $black, $active-color: $black); +@include template-navbar-style('.navbar.bg-light', $light, $color: $body-color, $active-color: $headings-color); +@include template-navbar-style('.navbar.bg-lighter', $gray-50, $color: $body-color, $active-color: $headings-color); + +// * Footer +// ******************************************************************************* + +@each $color, $value in $theme-colors { + @if $color !=primary and $color !=light { + @include template-footer-style('.footer.bg-#{$color}', $value); + } +} + +@include template-footer-style('.footer.bg-white', #fff, $color: #6d6b77, $active-color: #444050); +@include template-footer-style( + '.footer.bg-light', + rgba-to-hex($gray-100, $rgba-to-hex-bg), + $color: $body-color, + $active-color: $headings-color +); +@include template-footer-style( + '.footer.bg-lighter', + rgba-to-hex($gray-50, $rgba-to-hex-bg), + $color: $body-color, + $active-color: $headings-color +); diff --git a/resources/assets/vendor/scss/_colors.scss b/resources/assets/vendor/scss/_colors.scss new file mode 100644 index 0000000..384dc7a --- /dev/null +++ b/resources/assets/vendor/scss/_colors.scss @@ -0,0 +1,126 @@ +@import '_components/include'; + +// * Custom colors +// ******************************************************************************* + +$facebook: #3b5998 !default; +$twitter: #1da1f2 !default; +$google-plus: #dd4b39 !default; +$instagram: #e1306c !default; +$linkedin: #0077b5 !default; +$github: #444050 !default; +$dribbble: #ea4c89 !default; +$pinterest: #cb2027 !default; +$slack: #4a154b !default; +$reddit: #ff4500 !default; +$youtube: #ff0000 !default; +$vimeo: #1ab7ea !default; + +$custom-colors: ( + 'facebook': $facebook, + 'twitter': $twitter, + 'google-plus': $google-plus, + 'instagram': $instagram, + 'linkedin': $linkedin, + 'github': $github, + 'dribbble': $dribbble, + 'pinterest': $pinterest, + 'slack': $slack, + 'reddit': $reddit, + 'youtube': $youtube, + 'vimeo': $vimeo +) !default; + +:root { + @each $color, $value in $custom-colors { + --#{$prefix}#{$color}: #{$value}; + } +} + +@each $color-name, $color-value in $custom-colors { + @include bg-variant('.bg-#{$color-name}', $color-value); + @include bg-label-variant('.bg-label-#{$color-name}', $color-value); + @include bg-label-hover-variant('.bg-label-hover-#{$color-name}', $color-value); + + @include template-button-variant('.btn-#{$color-name}', $color-value); + @include template-button-label-variant('.btn-label-#{$color-name}', $color-value); + @include template-button-outline-variant('.btn-outline-#{$color-name}', $color-value); + @include template-button-text-variant('.btn-text-#{$color-name}', $color-value); +} + +// * Bootstrap colors (Uncomment required colors) +// ******************************************************************************* + +$bootstrap-colors: ( + // blue: $blue, + // indigo: $indigo, + // purple: $purple, + // pink: $pink, + // orange: $orange, + // teal: $teal +) !default; + +@each $color-name, $color-value in $bootstrap-colors { + @include bg-variant('.bg-#{$color-name}', $color-value); + @include bg-label-variant('.bg-label-#{$color-name}', $color-value); + @include bg-label-hover-variant('.bg-label-hover-#{$color-name}', $color-value); + @include bg-gradient-variant('.bg-gradient-#{$color-name}', $color-value); + + .border-#{$color-name} { + border-color: $color-value !important; + } + + @include template-button-variant('.btn-#{$color-name}', $color-value); + @include template-button-label-variant('.btn-label-#{$color-name}', $color-value); + @include template-button-outline-variant('.btn-outline-#{$color-name}', $color-value); +} + +// * Buttons +// ******************************************************************************* + +@include template-button-variant('.btn-white', $white, $body-color); +@include template-button-label-variant('.btn-label-white', $white, $body-color); +@include template-button-outline-variant('.btn-outline-white', $white, $body-color); + +// ! ToDo: Custom colors (checkbox & radio) +// ******************************************************************************* + +$form-control-colors: ( + black: #000, + white: #fff, + silver: #eee, + gray: #777, + gold: #ffeb3b, + pink: #e91e63, + red: #f44336 +) !default; + +@each $color-name, $color-value in $form-control-colors { + @include template-form-check-variant('.form-check-#{$color-name}', $color-value); +} + +// * Navbar +// ******************************************************************************* + +@each $color, $value in $theme-colors { + @if $color !=primary and $color !=light { + @include template-navbar-style('.navbar.bg-#{$color}', $value); + } +} + +@include template-navbar-style('.navbar.bg-white', #fff, $color: $black, $active-color: $black); +@include template-navbar-style('.navbar.bg-light', $light, $color: $body-color, $active-color: $headings-color); +@include template-navbar-style('.navbar.bg-lighter', $gray-50, $color: $body-color, $active-color: $headings-color); + +// * Footer +// ******************************************************************************* + +@each $color, $value in $theme-colors { + @if $color !=primary and $color !=light { + @include template-footer-style('.footer.bg-#{$color}', $value); + } +} + +@include template-footer-style('.footer.bg-white', #fff, $color: $body-color, $active-color: $headings-color); +@include template-footer-style('.footer.bg-light', $light, $color: $body-color, $active-color: $headings-color); +@include template-footer-style('.footer.bg-lighter', $gray-50, $color: $body-color, $active-color: $headings-color); diff --git a/resources/assets/vendor/scss/_components-dark.scss b/resources/assets/vendor/scss/_components-dark.scss new file mode 100644 index 0000000..b4181f8 --- /dev/null +++ b/resources/assets/vendor/scss/_components-dark.scss @@ -0,0 +1,16 @@ +@import '_components/include-dark'; + +// Import components scss +@import '_components/base'; +@import '_components/common'; +@import '_components/menu'; +@import '_components/layout'; +@import '_components/app-brand'; +@import '_components/custom-options'; +@import '_components/switch'; +@import '_components/avatar'; +@import '_components/timeline'; +@import '_components/blockui'; +@import '_components/drag-drop'; +@import '_components/text-divider'; +@import '_components/footer'; diff --git a/resources/assets/vendor/scss/_components.scss b/resources/assets/vendor/scss/_components.scss new file mode 100644 index 0000000..e99d543 --- /dev/null +++ b/resources/assets/vendor/scss/_components.scss @@ -0,0 +1,16 @@ +@import '_components/include'; + +// Import components scss +@import '_components/base'; +@import '_components/common'; +@import '_components/menu'; +@import '_components/layout'; +@import '_components/app-brand'; +@import '_components/custom-options'; +@import '_components/switch'; +@import '_components/avatar'; +@import '_components/timeline'; +@import '_components/blockui'; +@import '_components/drag-drop'; +@import '_components/text-divider'; +@import '_components/footer'; diff --git a/resources/assets/vendor/scss/_components/_app-brand.scss b/resources/assets/vendor/scss/_components/_app-brand.scss new file mode 100644 index 0000000..0671c29 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_app-brand.scss @@ -0,0 +1,75 @@ +// App Brand +// ******************************************************************************* + +@import 'mixins/app-brand'; + +.app-brand { + display: flex; + flex-grow: 0; + flex-shrink: 0; + overflow: hidden; + line-height: 1; + min-height: 1px; + align-items: center; +} +// For cover auth pages +.auth-cover-brand { + position: absolute; + z-index: 1; + inset-block-start: 2.5rem; + inset-inline-start: $spacer * 1.5; +} +.app-brand-link { + display: flex; + align-items: center; +} +.app-brand-logo { + display: block; + flex-grow: 0; + flex-shrink: 0; + overflow: hidden; + min-height: 1px; + + img, + svg { + display: block; + } +} + +.app-brand-text { + flex-shrink: 0; + opacity: 1; + transition: opacity $menu-animation-duration ease-in-out; + margin-inline-start: 0.75rem !important; +} + +.app-brand-img-collapsed { + display: none; +} + +.app-brand .layout-menu-toggle { + display: block; +} + +// App brand with vertical menu +.menu-vertical .app-brand { + padding-right: $menu-vertical-link-padding-x + 0.25rem; + padding-left: $menu-vertical-link-padding-x + 0.625rem; +} + +// App brand with vertical menu +.menu-horizontal .app-brand, +.menu-horizontal .app-brand + .menu-divider { + display: none !important; +} + +:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) { + @include template-app-brand-collapsed(); +} + +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) + .layout-menu { + @include template-app-brand-collapsed(); + } +} diff --git a/resources/assets/vendor/scss/_components/_avatar.scss b/resources/assets/vendor/scss/_components/_avatar.scss new file mode 100644 index 0000000..1f054b1 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_avatar.scss @@ -0,0 +1,157 @@ +// Avatar +// ******************************************************************************* + +// Avatar Styles +.avatar { + position: relative; + width: $avatar-size; + height: $avatar-size; + cursor: pointer; + img { + width: 100%; + height: 100%; + } + // Avatar Initials if no images added + .avatar-initial { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + text-transform: uppercase; + display: flex; + align-items: center; + justify-content: center; + color: $component-active-color; + background-color: $avatar-bg; + font-size: $avatar-initial; + } + // Avatar Status indication + &.avatar-online, + &.avatar-offline, + &.avatar-away, + &.avatar-busy { + &:after { + content: ''; + position: absolute; + bottom: 0; + right: 3px; + width: 8px; + height: 8px; + border-radius: 100%; + box-shadow: 0 0 0 2px $avatar-group-border; + } + } + &.avatar-online:after { + background-color: $success; + } + &.avatar-offline:after { + background-color: $secondary; + } + &.avatar-away:after { + background-color: $warning; + } + &.avatar-busy:after { + background-color: $danger; + } +} + +// Pull up avatar style +.pull-up { + transition: all 0.25s ease; + &:hover { + transform: translateY(-5px); + box-shadow: $box-shadow; + z-index: 30; + border-radius: 50%; + } +} + +// Avatar Sizes +.avatar-xs { + @include template-avatar-style($avatar-size-xs, $avatar-size-xs, $avatar-initial-xs, 1px); +} +.avatar-sm { + @include template-avatar-style($avatar-size-sm, $avatar-size-sm, $avatar-initial-sm, 2px); +} +.avatar-md { + @include template-avatar-style($avatar-size-md, $avatar-size-md, $avatar-initial-md, 4px); +} +.avatar-lg { + @include template-avatar-style($avatar-size-lg, $avatar-size-lg, $avatar-initial-lg, 5px); +} +.avatar-xl { + @include template-avatar-style($avatar-size-xl, $avatar-size-xl, $avatar-initial-xl, 6px); +} + +// Avatar Group SCSS +.avatar-group { + .avatar { + transition: all 0.25s ease; + img, + .avatar-initial { + border: 2px solid $avatar-group-border; + // box-shadow: 0 0 0 2px $avatar-group-border, inset 0 0 0 1px rgba($black, 0.07); //0 2px 10px 0 rgba($secondary,.3); + } + .avatar-initial { + background-color: $avatar-bg; + color: $headings-color; + } + &:hover { + z-index: 30 !important; + transition: all 0.25s ease; + } + } +} +// Avatar Group LTR only with sizing +@include ltr-only { + .avatar-group { + // Avatar Group Sizings + .avatar { + margin-left: -0.8rem; + &:first-child { + margin-left: 0; + } + } + .avatar-xs { + margin-left: -0.65rem; + } + .avatar-sm { + margin-left: -0.75rem; + } + .avatar-md { + margin-left: -0.9rem; + } + .avatar-lg { + margin-left: -1.5rem; + } + .avatar-xl { + margin-left: -1.75rem; + } + } +} +// Avatar Group RTL with sizing +@include rtl-only { + .avatar-group { + // Avatar Group Sizings + .avatar { + margin-right: -0.8rem; + margin-left: 0; + } + .avatar-xs { + margin-right: -0.65rem; + } + .avatar-sm { + margin-right: -0.75rem; + } + .avatar-md { + margin-right: -0.9rem; + } + .avatar-lg { + margin-right: -1.5rem; + } + .avatar-xl { + margin-right: -1.75rem; + } + } +} diff --git a/resources/assets/vendor/scss/_components/_base.scss b/resources/assets/vendor/scss/_components/_base.scss new file mode 100644 index 0000000..5e377d5 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_base.scss @@ -0,0 +1,183 @@ +// Base +// ******************************************************************************* + +body { + text-rendering: optimizeLegibility; + font-smoothing: antialiased; + -moz-font-feature-settings: 'liga' on; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@include media-breakpoint-up(md) { + button.list-group-item { + outline: none; + } +} + +// * App Overlay +// ******************************************************************************* + +.app-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + visibility: hidden; + z-index: 3; + transition: all 0.25s ease; + &.show { + visibility: visible; + } + @if not $dark-style { + .light-style & { + background-color: rgba($black, 0.5); + } + } + @if $dark-style { + .dark-style & { + background-color: rgba($modal-backdrop-bg, 0.6); + } + } +} + +// * Containers +// ******************************************************************************* + +.container, +.container-fluid, +.container-xxl { + padding-right: $container-padding-x-sm; + padding-left: $container-padding-x-sm; + + @include media-breakpoint-up(lg) { + padding-right: $container-padding-x; + padding-left: $container-padding-x; + } +} + +// * Thumbnails +// ******************************************************************************* + +.img-thumbnail { + position: relative; + display: block; + img { + z-index: 1; + } +} +.img-thumbnail-content { + position: absolute; + top: 50%; + left: 50%; + z-index: 3; + display: block; + opacity: 0; + transition: all 0.2s ease-in-out; + transform: translate(-50%, -50%); + + .img-thumbnail:hover &, + .img-thumbnail:focus & { + opacity: 1; + } +} + +// Overlay effect +.img-thumbnail-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: block; + transition: all 0.2s ease-in-out; + + .img-thumbnail:not(:hover):not(:focus) & { + opacity: 0 !important; + } +} + +.img-thumbnail-shadow { + transition: box-shadow 0.2s; + + &:hover, + &:focus { + box-shadow: 0 5px 20px rgba($black, 0.4); + } +} + +// Zoom-in effect +.img-thumbnail-zoom-in { + overflow: hidden; + + img { + transition: all 0.3s ease-in-out; + transform: translate3d(0); + } + + .img-thumbnail-content { + transform: translate(-50%, -50%) scale(0.6); + } + + &:hover, + &:focus { + img { + transform: scale(1.1); + } + + .img-thumbnail-content { + transform: translate(-50%, -50%) scale(1); + } + } +} + +// * IE Fixes +// ******************************************************************************* + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + // Fix IE parent container height bug when containing image with fluid width + .card, + .card-body, + .media, + .flex-column, + .tab-content { + min-height: 1px; + } + + img { + min-height: 1px; + height: auto; + } +} + +// * RTL +// ******************************************************************************* + +@if $rtl-support { + [dir='rtl'] body { + text-align: right; + direction: rtl; + } +} + +// * Buy now section +// ******************************************************************************* +.buy-now { + .btn-buy-now { + position: fixed; + bottom: 3rem; + + right: $container-padding-x; + @include rtl-style() { + left: $container-padding-x; + right: inherit; + } + z-index: $zindex-menu-fixed; + box-shadow: 0 1px 20px 1px $danger !important; + &:hover { + box-shadow: none; + } + } +} diff --git a/resources/assets/vendor/scss/_components/_blockui.scss b/resources/assets/vendor/scss/_components/_blockui.scss new file mode 100644 index 0000000..3b6531d --- /dev/null +++ b/resources/assets/vendor/scss/_components/_blockui.scss @@ -0,0 +1,10 @@ +// Block UI +// ******************************************************************************* + +.blockUI { + &.blockOverlay, + &.blockMsg { + z-index: $zindex-modal + 1 !important; + color: $white !important; + } +} diff --git a/resources/assets/vendor/scss/_components/_common.scss b/resources/assets/vendor/scss/_components/_common.scss new file mode 100644 index 0000000..ceef436 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_common.scss @@ -0,0 +1,255 @@ +// * Common +// ******************************************************************************* + +@use '../_bootstrap-extended/include' as light; + +.ui-square, +.ui-rect, +.ui-rect-30, +.ui-rect-60, +.ui-rect-67, +.ui-rect-75 { + position: relative !important; + display: block !important; + padding-top: 100% !important; + width: 100% !important; +} + +.ui-square { + padding-top: 100% !important; +} + +.ui-rect { + padding-top: 50% !important; +} + +.ui-rect-30 { + padding-top: 30% !important; +} + +.ui-rect-60 { + padding-top: 60% !important; +} + +.ui-rect-67 { + padding-top: 67% !important; +} + +.ui-rect-75 { + padding-top: 75% !important; +} + +.ui-square-content, +.ui-rect-content { + position: absolute !important; + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; +} + +.text-strike-through { + text-decoration: line-through; +} + +// * Line Clamp with ellipsis +// ******************************************************************************* + +$clamp-numbers: ( + '1': 1, + '2': 2, + '3': 3 +) !default; + +@each $clamp-class, $clamp-value in $clamp-numbers { + .line-clamp-#{$clamp-class} { + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: $clamp-value; + -webkit-box-orient: vertical; + } +} + +// * Stars +// ******************************************************************************* + +.ui-stars, +.ui-star, +.ui-star > * { + height: $ui-star-size; + + // Disable dragging + -webkit-user-drag: none; + -khtml-user-drag: none; + -moz-user-drag: none; + -o-user-drag: none; + user-drag: none; +} + +.ui-stars { + display: inline-block; + vertical-align: middle; + white-space: nowrap; +} + +.ui-star { + position: relative; + display: block; + float: left; + width: $ui-star-size; + height: $ui-star-size; + text-decoration: none !important; + font-size: $ui-star-size; + line-height: 1; + user-select: none; + + @include rtl-style { + float: right; + } + + & + & { + margin-left: $ui-stars-spacer; + + @include rtl-style { + margin-right: $ui-stars-spacer; + margin-left: 0; + } + } + + > *, + > *::before, + > *::after { + position: absolute; + left: $ui-star-size * 0.5; + height: 100%; + font-size: 1em; + line-height: 1; + transform: translateX(-50%); + + @include rtl-style { + right: $ui-star-size * 0.5; + left: auto; + transform: translateX(50%); + } + } + + > * { + top: 0; + width: 100%; + text-align: center; + } + + > *:first-child { + z-index: 10; + display: none; + overflow: hidden; + color: $ui-star-filled-color; + } + + // Default icon + > *:last-child { + z-index: 5; + display: block; + } + + &.half-filled > *:first-child { + width: 50%; + transform: translateX(-100%); + + @include rtl-style { + transform: translateX(100%); + } + } + + &.filled > *:first-child, + &.half-filled > *:first-child { + display: block; + } + + &.filled > *:last-child { + display: none; + } +} + +// Hoverable + +.ui-stars.hoverable .ui-star > *:first-child { + display: block; +} + +// Empty stars if first star is not filled +.ui-stars.hoverable .ui-star:first-child:not(.filled), +.ui-stars.hoverable .ui-star:first-child:not(.half-filled) { + > *:first-child, + ~ .ui-star > *:first-child { + display: none; + } +} + +.ui-stars.hoverable .ui-star.filled > *:first-child, +.ui-stars.hoverable .ui-star.half-filled > *:first-child { + display: block !important; +} + +.ui-stars.hoverable:hover .ui-star > *:first-child { + display: block !important; + width: 100% !important; + transform: translateX(-50%) !important; + + @include rtl-style { + transform: translateX(50%) !important; + } +} + +.ui-stars.hoverable .ui-star:hover ~ .ui-star { + > *:first-child { + display: none !important; + } + + > *:last-child { + display: block !important; + } +} + +// * Background +// ******************************************************************************* + +.ui-bg-cover { + background-color: rgba(0, 0, 0, 0); + background-position: center center; + background-size: cover; +} + +.ui-bg-overlay-container, +.ui-bg-video-container { + position: relative; + + > * { + position: relative; + } +} + +.ui-bg-overlay-container .ui-bg-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; +} + +// * Styles +// ******************************************************************************* +@if not $dark-style { + .light-style { + $ui-star-empty-color: light.$gray-200; + + .ui-bordered { + border: 1px solid light.$border-color; + } + + .ui-star > *:last-child { + color: $ui-star-empty-color; + } + } +} diff --git a/resources/assets/vendor/scss/_components/_custom-options.scss b/resources/assets/vendor/scss/_components/_custom-options.scss new file mode 100644 index 0000000..fe28073 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_custom-options.scss @@ -0,0 +1,161 @@ +// Custom Options +// ******************************************************************************* + +// Custom option +.custom-option { + padding-left: 0; + border: $custom-option-border-width solid $custom-option-border-color; + border-radius: $border-radius; + margin: subtract($input-focus-border-width, $custom-option-border-width); + &:hover { + border-width: $custom-option-border-width; + border-color: $custom-option-border-hover-color; + } + &.custom-option-image { + border-width: $custom-option-image-border-width !important; + overflow: hidden; + margin: 0; + &:hover { + border-width: $custom-option-image-border-width !important; + border-color: $custom-option-border-hover-color; + } + } + .custom-option-content { + cursor: $custom-option-cursor; + width: 100%; + } + .form-check-input { + background-color: transparent; + margin-inline-start: $form-check-padding-start * -1.12; + } +} + +// Custom option basic +.custom-option-basic { + .custom-option-content { + padding: $custom-option-padding; + padding-left: $custom-option-padding + $form-check-padding-start + 0.65em; + } + .custom-option-header { + display: flex; + justify-content: space-between; + align-items: center; + padding-bottom: 0.4375rem; + } +} + +.custom-option-body { + color: $body-color; +} + +// Custom option with icon +.custom-option-icon { + overflow: hidden; + &.checked { + i, + svg { + color: $component-active-bg; + } + } + &:not(.checked) svg { + color: $headings-color; + } + .custom-option-content { + text-align: center; + padding: $custom-option-padding; + } + .custom-option-body { + display: block; + margin-bottom: 0.5rem; + i { + color: $headings-color; + &::before { + font-size: 1.75rem; + } + margin-bottom: 0.5rem; + display: block; + } + svg { + height: 28px; + width: 28px; + margin-bottom: 0.5rem; + } + .custom-option-title { + display: block; + font-size: $font-size-base; + font-weight: $font-weight-medium; + color: $headings-color; + margin-bottom: 0.5rem; + } + } + .form-check-input { + float: none !important; + margin: 0 !important; + } +} + +// Custom option with image +.custom-option-image { + border-width: $custom-option-image-border-width; + .custom-option-content { + padding: 0; + } + .custom-option-body { + img { + height: 100%; + width: 100%; + } + } + //radio + &.custom-option-image-radio { + .form-check-input { + display: none; + } + } + //check + &.custom-option-image-check { + position: relative; + .form-check-input { + position: absolute; + top: 16px; + right: 16px; + margin: 0; + border: 0; + opacity: 0; + border: 1px solid transparent; + &:checked { + opacity: 1; + } + } + &:hover { + .form-check-input { + border-color: $form-check-input-focus-border; + border-width: 1px; + opacity: 1; + &:checked { + border-color: $primary; + } + } + } + } +} + +// RTL Style + +@include rtl-only { + .custom-option { + padding-right: 0; + } + .custom-option-basic { + .custom-option-content { + padding-right: $custom-option-padding + $form-check-padding-start; + padding-left: $custom-option-padding; + } + } + .custom-option-image.custom-option-image-check { + .form-check-input { + right: auto; + left: 16px; + } + } +} diff --git a/resources/assets/vendor/scss/_components/_drag-drop.scss b/resources/assets/vendor/scss/_components/_drag-drop.scss new file mode 100644 index 0000000..82f0008 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_drag-drop.scss @@ -0,0 +1,13 @@ +// * RTL +// ******************************************************************************* + +@include rtl-only { + #sortable-cards { + flex-direction: row-reverse; + } + #image-list-1, + #image-list-2 { + flex-direction: row-reverse; + justify-content: flex-end; + } +} diff --git a/resources/assets/vendor/scss/_components/_footer.scss b/resources/assets/vendor/scss/_components/_footer.scss new file mode 100644 index 0000000..f701708 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_footer.scss @@ -0,0 +1,78 @@ +// Footer +// ******************************************************************************* + +.footer-link { + display: inline-block; +} +.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container { + padding-inline: 1.5rem; + @include border-top-radius($border-radius); +} +.content-footer .footer-container { + block-size: 54px; +} +// Light footer +.footer-light { + color: $navbar-light-color; + + .footer-text { + color: $navbar-light-active-color; + } + + .footer-link { + color: $navbar-light-color; + + &:hover, + &:focus { + color: $navbar-light-hover-color; + } + + &.disabled { + color: $navbar-light-disabled-color !important; + } + } + + .show > .footer-link, + .active > .footer-link, + .footer-link.show, + .footer-link.active { + color: $navbar-light-active-color; + } + + hr { + border-color: $menu-light-border-color; + } +} + +// Dark footer +.footer-dark { + color: $navbar-dark-color; + + .footer-text { + color: $navbar-dark-active-color; + } + + .footer-link { + color: $navbar-dark-color; + + &:hover, + &:focus { + color: $navbar-dark-hover-color; + } + + &.disabled { + color: $navbar-dark-disabled-color !important; + } + } + + .show > .footer-link, + .active > .footer-link, + .footer-link.show, + .footer-link.active { + color: $navbar-dark-active-color; + } + + hr { + border-color: $menu-dark-border-color; + } +} diff --git a/resources/assets/vendor/scss/_components/_include-dark.scss b/resources/assets/vendor/scss/_components/_include-dark.scss new file mode 100644 index 0000000..b1b6718 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_include-dark.scss @@ -0,0 +1,13 @@ +// Include Dark +// ******************************************************************************* + +@import '../_bootstrap-extended/include-dark'; + +// Mixins +@import './_mixins'; // Components mixins + +//Variables +@import '../_custom-variables/components-dark'; // Components custom dark variable (for customization purpose) +@import '../_custom-variables/components'; // Components custom variable (for customization purpose) +@import 'variables-dark'; // Components dark variable +@import 'variables'; // Components variable diff --git a/resources/assets/vendor/scss/_components/_include.scss b/resources/assets/vendor/scss/_components/_include.scss new file mode 100644 index 0000000..6ce1af0 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_include.scss @@ -0,0 +1,11 @@ +// Include +// ******************************************************************************* + +@import '../_bootstrap-extended/include'; + +//Mixins +@import './_mixins'; // Components mixins + +//Components variables +@import '../_custom-variables/components'; // Components variable (for customization purpose) +@import 'variables'; // Components variable diff --git a/resources/assets/vendor/scss/_components/_layout.scss b/resources/assets/vendor/scss/_components/_layout.scss new file mode 100644 index 0000000..640db5a --- /dev/null +++ b/resources/assets/vendor/scss/_components/_layout.scss @@ -0,0 +1,1181 @@ +// Layouts +// ******************************************************************************* + +.layout-container { + min-height: 100vh; +} + +.layout-wrapper, +.layout-container { + width: 100%; + display: flex; + flex: 1 1 auto; + align-items: stretch; +} + +.layout-menu-offcanvas .layout-wrapper, +.layout-menu-fixed-offcanvas .layout-wrapper { + overflow: hidden; +} + +// * Display menu toggle on navbar for .layout-menu-offcanvas, .layout-menu-fixed-offcanvas + +.layout-menu-offcanvas .layout-navbar .layout-menu-toggle, +.layout-menu-fixed-offcanvas .layout-navbar .layout-menu-toggle { + display: block !important; +} + +// * Hide menu close icon from large screen for .layout-menu-offcanvas, .layout-menu-fixed-offcanvas + +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + .layout-menu-offcanvas .layout-menu .layout-menu-toggle, + .layout-menu-fixed-offcanvas .layout-menu .layout-menu-toggle { + display: none; + } + .layout-horizontal .layout-page .menu-horizontal { + box-shadow: $menu-horizontal-box-shadow; + } +} + +.layout-page, +.content-wrapper, +.content-wrapper > *, +.layout-menu { + min-height: 1px; +} + +.layout-navbar, +.content-footer { + flex: 0 0 auto; +} + +.layout-page { + display: flex; + flex: 1 1 auto; + align-items: stretch; + padding: 0; + + // Without menu + .layout-without-menu & { + padding-right: 0 !important; + padding-left: 0 !important; + } +} + +.content-wrapper { + display: flex; + align-items: stretch; + flex: 1 1 auto; + flex-direction: column; + justify-content: space-between; +} +// Content backdrop +.content-backdrop { + // z-index: 1 (layout static) + @include overlay-backdrop(1, $modal-backdrop-bg, $modal-backdrop-opacity); + // z-index: 10 (layout fixed) + .layout-menu-fixed & { + z-index: 10; + } + // z-index: 9 (layout-horizontal) + .layout-horizontal &:not(.fade) { + z-index: 9; + // Horizontal fix for search background with opacity + top: $navbar-height !important; + } + &.fade { + z-index: -1; + } +} + +// * Layout Navbar +// ******************************************************************************* +.layout-navbar { + position: relative; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + height: $navbar-height; + flex-wrap: nowrap; + color: $body-color; + z-index: 2; + + .navbar { + transform: translate3d(0, 0, 0); + } + .navbar-nav-right { + flex-basis: 100%; + } + + // Style for detached navbar + &.navbar-detached { + // Container layout max-width + $container-xxl: map-get($container-max-widths, xxl); + &.container-xxl { + max-width: calc(#{$container-xxl} - calc(#{$container-padding-x} * 2)); + } + .layout-navbar-fixed & { + .search-input:focus { + padding-inline: $card-spacer-x; + } + } + // Navbar fixed + .layout-navbar-fixed & { + width: calc(100% - calc(#{$container-padding-x} * 2) - #{$menu-width}); + @include media-breakpoint-down(xl) { + width: calc(100% - calc(#{$container-padding-x} * 2)) !important; + } + @include media-breakpoint-down(lg) { + width: calc(100% - calc(#{$container-padding-x-sm} * 2)) !important; + } + } + .layout-navbar-fixed.layout-menu-collapsed & { + width: calc(100% - calc(#{$container-padding-x} * 2) - #{$menu-collapsed-width}); + } + + // Navbar static + width: calc(100% - calc(#{$container-padding-x} * 2)); + @include media-breakpoint-down(xl) { + width: calc(100vw - (100vw - 100%) - calc(#{$container-padding-x} * 2)) !important; + } + @include media-breakpoint-down(lg) { + width: calc(100vw - (100vw - 100%) - calc(#{$container-padding-x-sm} * 2)) !important; + } + .layout-menu-collapsed &, + .layout-without-menu & { + width: calc(100% - calc(#{$container-padding-x} * 2)); + } + + margin: $spacer auto 0; + border-radius: $border-radius; + padding: 0 $card-spacer-x; + } + + .navbar-search-wrapper { + .search-input, + .input-group-text { + background-color: transparent; + } + .navbar-search-suggestion { + max-height: $navbar-suggestion-height; + border-radius: $navbar-suggestion-border-radius; + + .suggestion { + color: $body-color; + + &:hover, + &.active { + background: $gray-50; + color: $body-color; + } + } + + .suggestions-header { + font-weight: $font-weight-medium; + } + } + } + + .search-input-wrapper { + .search-toggler { + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 1rem; + z-index: 1; + @include rtl-style() { + right: inherit; + left: 1rem; + } + } + .twitter-typeahead { + position: absolute !important; + left: 0; + top: 0; + width: 100%; + height: 100%; + // ! FIX: Horizontal layout search container layout left spacing + @include media-breakpoint-up('xxl') { + &.container-xxl { + left: calc(calc(100% - map-get($container-max-widths, 'xxl')) * 0.5); + @include rtl-style() { + right: calc(calc(100% - map-get($container-max-widths, 'xxl')) * 0.5); + left: inherit; + } + + + .search-toggler { + right: calc(calc(100% - map-get($container-max-widths, 'xxl') + 5rem) * 0.5); + @include rtl-style() { + left: calc(calc(100% - map-get($container-max-widths, 'xxl') + 5rem) * 0.5); + right: inherit; + } + } + } + } + } + + .search-input { + height: 100%; + box-shadow: none; + } + + .navbar-search-suggestion { + width: $navbar-suggestion-width; + .layout-horizontal & { + width: calc($navbar-suggestion-width - 4%); + } + } + } + + .dropdown-menu[data-bs-popper] { + .layout-wrapper:not(.layout-horizontal) & { + top: 147%; + } + } + + // Navbar custom dropdown + .navbar-dropdown { + .badge-notifications { + top: 3px; + inset-inline-end: -2px; + } + .dropdown-menu { + min-width: $navbar-dropdown-width; + overflow: hidden; + .dropdown-item { + padding-block: $navbar-toggler-padding-y; + min-height: 2.375rem; + } + .last-login { + white-space: normal; + } + } + // Notifications + &.dropdown-notifications { + .dropdown-notifications-list { + max-height: $navbar-dropdown-content-height; + .dropdown-notifications-item { + padding: $navbar-notifications-dropdown-item-padding-y $navbar-notifications-dropdown-item-padding-x; + cursor: pointer; + + //! Fix: Dropdown notification read badge bg color + &:not(.mark-as-read) { + .dropdown-notifications-read span { + background-color: $primary; + } + } + .dropdown-notifications-actions { + text-align: center; + > a { + display: block; + } + } + + .dropdown-notifications-archive i, + .dropdown-notifications-archive span { + color: $headings-color; + } + + // Notification default marked as read/unread + &.marked-as-read { + .dropdown-notifications-read, + .dropdown-notifications-archive { + visibility: hidden; + } + //Dropdown notification unread badge bg color + .dropdown-notifications-read span { + background-color: $secondary; + } + } + &:not(.marked-as-read) { + .dropdown-notifications-archive { + visibility: hidden; + } + } + + // Notification hover marked as read/unread + &:hover { + &.marked-as-read { + .dropdown-notifications-read, + .dropdown-notifications-archive { + visibility: visible; + } + } + &:not(.marked-as-read) { + .dropdown-notifications-archive { + visibility: visible; + } + } + } + } + } + } + // Shortcuts + &.dropdown-shortcuts { + .dropdown-shortcuts-list { + max-height: $navbar-dropdown-content-height; + } + .dropdown-shortcuts-item { + text-align: center; + padding: 1.5rem; + &:hover { + background-color: $navbar-dropdown-hover-bg; + } + .dropdown-shortcuts-icon { + height: 3.125rem; + width: 3.125rem; + margin-left: auto; + margin-right: auto; + display: flex; + align-items: center; + justify-content: center; + background-color: $navbar-dropdown-icon-bg; + } + a, + a:hover { + display: block; + margin-bottom: 0; + color: $headings-color !important; + font-weight: $font-weight-medium; + } + } + } + &.dropdown-user { + .dropdown-menu { + min-width: 14rem; + } + } + } + + &[class*='bg-']:not(.bg-navbar-theme) { + .nav-item { + .input-group-text, + .dropdown-toggle { + color: $white; + } + } + } + + @include media-breakpoint-down($menu-collapsed-layout-breakpoint) { + .navbar-nav { + .nav-item { + &.dropdown { + .dropdown-menu { + position: absolute; + .last-login { + white-space: nowrap; + } + } + } + } + } + } + @include media-breakpoint-down(md) { + .navbar-nav { + .nav-item.dropdown { + position: static; + float: left; + .dropdown-menu { + position: absolute; + left: 0.9rem; + min-width: auto; + width: 92%; + } + } + } + } +} + +// To align search suggestion with navbar search input +@include ltr-only { + .layout-horizontal { + .layout-navbar { + .navbar-search-suggestion { + left: 2% !important; + } + } + } +} + +@include rtl-only { + .layout-horizontal { + .layout-navbar { + .navbar-search-suggestion { + right: 2% !important; + } + } + } +} + +// * Navbar require high z-index as we use z-index for menu slide-out for below large screen +@include media-breakpoint-down(xl) { + .layout-navbar { + z-index: $zindex-menu-fixed; + } +} + +// * Layout Menu +// ******************************************************************************* +.layout-menu { + position: relative; + flex: 1 0 auto; + a:focus-visible { + outline: none; + } + .menu { + transform: translate3d(0, 0, 0); + } + + .menu-vertical { + height: 100%; + } +} + +// * Layout Content navbar +// ******************************************************************************* + +.layout-content-navbar { + .layout-page { + flex-basis: 100%; + flex-direction: column; + width: 0; + min-width: 0; + max-width: 100%; + } + + .content-wrapper { + width: 100%; + } +} + +// * Layout Navbar full +// ******************************************************************************* + +.layout-navbar-full { + .layout-container { + flex-direction: column; + } + @include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + &:not(.layout-horizontal) .menu-inner { + margin-top: 0.75rem; + } + } + + .content-wrapper { + flex-basis: 100%; + width: 0; + min-width: 0; + max-width: 100%; + } + // Adjust content backdrop z-index as per layout navbar full + .content-backdrop { + // static layout + &.show { + z-index: 9; + // fixed/fixed-offcanvas layout + .layout-menu-fixed &, + .layout-menu-fixed-offcanvas & { + z-index: 1076; + } + } + } + // } +} + +// * Flipped layout +// ******************************************************************************* + +.layout-menu-flipped { + .layout-navbar-full .layout-page { + flex-direction: row-reverse; + } + + .layout-content-navbar .layout-container { + flex-direction: row-reverse; + } +} + +// * Toggle +// ******************************************************************************* + +.layout-menu-toggle { + display: block; + // Updated menu toggle icon for menu expanded and collapsed + .menu-toggle-icon::before { + content: '\efb1'; + } + .menu-toggle-icon::before { + .layout-menu-collapsed & { + content: '\ea6b'; + } + } +} + +// * Collapsed layout (Default static and static off-canvasmenu) +// ******************************************************************************* + +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + // Menu style + + .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) { + .layout-menu .menu-vertical, + .layout-menu.menu-vertical { + @include layout-menu-collapsed(); + } + } + + @include rtl-only { + &.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) { + .layout-menu .menu-vertical, + .layout-menu.menu-vertical { + @include layout-menu-collapsed-rtl(); + } + } + } + + // Menu position + + .layout-menu-hover.layout-menu-collapsed { + .layout-menu { + margin-right: -$menu-width + $menu-collapsed-width; + } + + &.layout-menu-flipped .layout-menu { + margin-left: -$menu-width + $menu-collapsed-width; + margin-right: 0; + } + } + + @include rtl-only { + &.layout-menu-hover.layout-menu-collapsed { + .layout-menu { + margin-left: -$menu-width + $menu-collapsed-width; + margin-right: 0; + } + + &.layout-menu-flipped .layout-menu { + margin-right: -$menu-width + $menu-collapsed-width; + margin-left: 0; + } + } + } +} + +// * Off-canvas layout (Layout Collapsed) +// ******************************************************************************* + +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + .layout-menu-collapsed.layout-menu-offcanvas { + .layout-menu { + margin-right: -$menu-width; + transform: translateX(-100%); + } + + &.layout-menu-flipped .layout-menu { + margin-right: 0; + margin-left: -$menu-width; + transform: translateX(100%); + } + } + + @include rtl-only { + &.layout-menu-collapsed.layout-menu-offcanvas { + .layout-menu { + margin-right: 0; + margin-left: -$menu-width; + transform: translateX(100%); + } + + &.layout-menu-flipped .layout-menu { + margin-right: -$menu-width; + margin-left: 0; + transform: translateX(-100%); + } + } + } +} + +// * Fixed and fixed off-canvas layout (Layout Fixed) +// ******************************************************************************* + +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + // Menu + + .layout-menu-fixed, + .layout-menu-fixed-offcanvas { + .layout-menu { + position: fixed; + top: 0; + bottom: 0; + left: 0; + margin-right: 0 !important; + margin-left: 0 !important; + } + + &.layout-menu-flipped .layout-menu { + right: 0; + left: auto; + } + } + + @include rtl-only { + &.layout-menu-fixed, + &.layout-menu-fixed-offcanvas { + .layout-menu { + right: 0; + left: auto; + } + + &.layout-menu-flipped .layout-menu { + right: auto; + left: 0; + } + } + } + + // Fixed off-canvas + + // Menu collapsed + .layout-menu-fixed-offcanvas.layout-menu-collapsed { + .layout-menu { + transform: translateX(-100%); + } + + &.layout-menu-flipped .layout-menu { + transform: translateX(100%); + } + } + + @include rtl-only { + &.layout-menu-fixed-offcanvas.layout-menu-collapsed { + .layout-menu { + transform: translateX(100%); + } + + &.layout-menu-flipped .layout-menu { + transform: translateX(-100%); + } + } + } + + // Container + + // Menu expanded + .layout-menu-fixed:not(.layout-menu-collapsed), + .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) { + .layout-page { + padding-left: $menu-width; + } + + &.layout-menu-flipped .layout-page { + padding-right: $menu-width; + padding-left: 0; + } + } + + @include rtl-only { + &.layout-menu-fixed:not(.layout-menu-collapsed), + &.layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) { + .layout-page { + padding-right: $menu-width; + padding-left: 0; + } + + &.layout-menu-flipped .layout-page { + padding-right: 0; + padding-left: $menu-width; + } + } + } + + // Menu collapsed + .layout-menu-fixed.layout-menu-collapsed { + .layout-page { + padding-left: $menu-collapsed-width; + } + + &.layout-menu-flipped .layout-page { + padding-right: $menu-collapsed-width; + padding-left: 0; + } + } + + @include rtl-only { + &.layout-menu-fixed.layout-menu-collapsed { + .layout-page { + padding-right: $menu-collapsed-width; + padding-left: 0; + } + + &.layout-menu-flipped .layout-page { + padding-right: 0; + padding-left: $menu-collapsed-width; + } + } + } +} + +// Reset paddings (for non fixed entities) +html:not(.layout-navbar-fixed):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-page, +html:not(.layout-navbar-fixed) .layout-content-navbar .layout-page { + padding-top: 0 !important; +} +html:not(.layout-footer-fixed) .content-wrapper { + padding-bottom: 0 !important; +} + +@include media-breakpoint-down($menu-collapsed-layout-breakpoint) { + .layout-menu-fixed .layout-wrapper.layout-navbar-full .layout-menu, + .layout-menu-fixed-offcanvas .layout-wrapper.layout-navbar-full .layout-menu { + top: 0 !important; + } + + html:not(.layout-navbar-fixed) .layout-navbar-full .layout-page { + padding-top: 0 !important; + } +} + +// * Hidden navbar layout +// ******************************************************************************* +.layout-navbar-hidden { + .layout-navbar { + display: none; + } +} + +// * Fixed navbar layout +// ******************************************************************************* + +.layout-navbar-fixed { + .layout-navbar { + position: fixed; + top: 0; + right: 0; + left: 0; + } +} + +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + // Fix navbar within Navbar Full layout in fixed mode + .layout-menu-fixed .layout-navbar-full .layout-navbar, + .layout-menu-fixed-offcanvas .layout-navbar-full .layout-navbar { + position: fixed; + top: 0; + right: 0; + left: 0; + } + + // Fix navbar within Content Navbar layout in fixed mode - Menu expanded + .layout-navbar-fixed:not(.layout-menu-collapsed), + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed), + .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) { + .layout-content-navbar:not(.layout-without-menu) .layout-navbar { + left: $menu-width; + } + + &.layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar { + right: $menu-width; + left: 0; + } + } + + // Horizontal Layout when menu fixed + .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal, + .layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal { + position: fixed; + top: $navbar-height; + } + + .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal + [class*='container-'], + .layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal + [class*='container-'] { + padding-top: calc($container-padding-y + 3.9rem) !important; + } + + @include rtl-only { + &.layout-navbar-fixed:not(.layout-menu-collapsed), + &.layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed), + &.layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) { + .layout-content-navbar:not(.layout-without-menu) .layout-navbar { + right: $menu-width; + left: 0; + } + + &.layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar { + right: 0; + left: $menu-width; + } + } + } + + // Layout fixed not off-canvas - Menu collapsed + + .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed { + .layout-content-navbar .layout-navbar { + left: $menu-collapsed-width; + } + + &.layout-menu-flipped .layout-content-navbar .layout-navbar { + right: $menu-collapsed-width; + left: 0; + } + } + + @include rtl-only { + &.layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas), + &.layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed { + .layout-content-navbar .layout-navbar { + right: $menu-collapsed-width; + left: 0; + } + + &.layout-menu-flipped .layout-content-navbar .layout-navbar { + right: 0; + left: $menu-collapsed-width; + } + } + } +} + +// * Fixed footer +// ******************************************************************************* + +.layout-footer-fixed .content-footer { + position: fixed; + bottom: 0; + left: 0; + right: 0; +} + +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + // Fixed footer - Menu expanded + .layout-footer-fixed:not(.layout-menu-collapsed) { + .layout-wrapper:not(.layout-without-menu) .content-footer { + left: $menu-width; + } + + &.layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer { + right: $menu-width; + left: 0; + } + } + + // Fixed footer - Menu collapsed + .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) { + .layout-wrapper:not(.layout-without-menu) .content-footer { + left: $menu-collapsed-width; + } + + &.layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer { + right: $menu-collapsed-width; + left: 0; + } + } + + @include rtl-only { + // Fixed footer - Menu expanded + &.layout-footer-fixed:not(.layout-menu-collapsed) { + .layout-wrapper:not(.layout-without-menu) .content-footer { + left: 0; + right: $menu-width; + } + + &.layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer { + left: $menu-width; + right: 0; + } + } + + // Fixed footer - Menu collapsed + &.layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) { + .layout-wrapper:not(.layout-without-menu) .content-footer { + left: 0; + right: $menu-collapsed-width; + } + + &.layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer { + right: 0; + left: $menu-collapsed-width; + } + } + } +} + +// * Small screens layout +// ******************************************************************************* + +@include media-breakpoint-down($menu-collapsed-layout-breakpoint) { + .layout-menu { + position: fixed !important; + top: 0 !important; + height: 100% !important; + left: 0 !important; + margin-right: 0 !important; + margin-left: 0 !important; + transform: translate3d(-100%, 0, 0); + will-change: + transform, + -webkit-transform; + + @include rtl-style { + right: 0 !important; + left: auto !important; + transform: translate3d(100%, 0, 0); + } + + .layout-menu-flipped & { + right: 0 !important; + left: auto !important; + transform: translate3d(100%, 0, 0); + } + + .layout-menu-expanded & { + transform: translate3d(0, 0, 0) !important; + } + } + + .layout-menu-expanded body { + overflow: hidden; + } + + @include rtl-only { + &.layout-menu-flipped .layout-menu { + right: auto !important; + left: 0 !important; + transform: translate3d(-100%, 0, 0); + } + } + + .layout-overlay { + position: fixed; + top: 0; + right: 0; + height: 100% !important; + left: 0; + display: none; + background: $modal-backdrop-bg; + opacity: $modal-backdrop-opacity; + cursor: pointer; + + .layout-menu-expanded & { + display: block; + } + } + + .layout-menu-100vh .layout-menu, + .layout-menu-100vh .layout-overlay { + height: 100vh !important; + } + + .drag-target { + height: 100%; + width: 40px; + position: fixed; + top: 0; + left: 0px; + z-index: 1036; + } +} + +// * Z-Indexes +// ******************************************************************************* + +// Navbar (fixed) +.layout-navbar-fixed body:not(.modal-open), +.layout-menu-fixed body:not(.modal-open), +.layout-menu-fixed-offcanvas body:not(.modal-open) { + .layout-navbar-full .layout-navbar { + z-index: $zindex-menu-fixed; + } + + .layout-content-navbar .layout-navbar { + z-index: $zindex-menu-fixed - 5; + } +} + +// Footer (fixed) +.layout-footer-fixed .content-footer { + z-index: $zindex-fixed; +} + +// Menu horizontal +.layout-menu-horizontal { + z-index: 9; +} + +@include media-breakpoint-down($menu-collapsed-layout-breakpoint) { + .layout-menu { + z-index: $zindex-layout-mobile; + } + + .layout-overlay { + z-index: $zindex-layout-mobile - 1; + } +} + +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + // Default expanded + + // Navbar full layout + .layout-navbar-full { + .layout-navbar { + z-index: 10; + } + + .layout-menu { + z-index: 9; + } + } + // Content Navbar layout + .layout-content-navbar { + .layout-navbar { + z-index: 9; + } + + .layout-menu { + z-index: 10; + } + } + + // Collapsed + + .layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) { + // Navbar full layout + &.layout-menu-hover .layout-navbar-full .layout-menu { + z-index: $zindex-menu-fixed - 5 !important; + } + // Content Navbar layout + .layout-content-navbar .layout-menu { + z-index: $zindex-menu-fixed + 5 !important; + } + } + + // Fixed + // Navbar full layout + .layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-menu, + .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-menu { + z-index: $zindex-menu-fixed - 5; + } + // Content Navbar layout + .layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-menu, + .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-menu, + .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-menu { + z-index: $zindex-menu-fixed; + } +} + +// * Transitions and animations +// ******************************************************************************* + +// Disable navbar link hover transition +.layout-menu-link-no-transition { + .layout-menu .menu-link, + .layout-menu-horizontal .menu-link { + transition: none !important; + animation: none !important; + } +} + +// Disable navbar link hover transition +.layout-no-transition .layout-menu, +.layout-no-transition .layout-menu-horizontal { + &, + & .menu, + & .menu-item { + transition: none !important; + animation: none !important; + } +} + +@include media-breakpoint-down($menu-collapsed-layout-breakpoint) { + .layout-transitioning { + .layout-overlay { + animation: menuAnimation $menu-animation-duration; + } + + .layout-menu { + transition-duration: $menu-animation-duration; + transition-property: + transform, + -webkit-transform; + } + } +} + +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + .layout-menu-collapsed:not(.layout-transitioning):not(.layout-menu-offcanvas):not(.layout-menu-fixed):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu { + transition-duration: $menu-animation-duration; + transition-property: margin-left, margin-right, width; + } + + .layout-transitioning { + &.layout-menu-offcanvas .layout-menu { + transition-duration: $menu-animation-duration; + transition-property: + margin-left, + margin-right, + transform, + -webkit-transform; + } + + &.layout-menu-fixed, + &.layout-menu-fixed-offcanvas { + .layout-page { + transition-duration: $menu-animation-duration; + transition-property: padding-left, padding-right; + } + } + + &.layout-menu-fixed { + .layout-menu { + transition: width $menu-animation-duration; + } + } + + &.layout-menu-fixed-offcanvas { + .layout-menu { + transition-duration: $menu-animation-duration; + transition-property: + transform, + -webkit-transform; + } + } + + &.layout-navbar-fixed .layout-content-navbar .layout-navbar, + &.layout-footer-fixed .content-footer { + transition-duration: $menu-animation-duration; + transition-property: left, right; + } + + &:not(.layout-menu-offcanvas):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-menu { + transition-duration: $menu-animation-duration; + transition-property: margin-left, margin-right, width; + } + } +} + +// Disable transitions/animations in IE 10-11 +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .menu, + .layout-menu, + .layout-page, + .layout-navbar, + .content-footer { + transition: none !important; + transition-duration: 0s !important; + } + .layout-overlay { + animation: none !important; + } +} + +@include keyframes(menuAnimation) { + 0% { + opacity: 0; + } + 100% { + opacity: $modal-backdrop-opacity; + } +} diff --git a/resources/assets/vendor/scss/_components/_menu.scss b/resources/assets/vendor/scss/_components/_menu.scss new file mode 100644 index 0000000..bb17fa8 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_menu.scss @@ -0,0 +1,784 @@ +// Menu +// ******************************************************************************* + +.menu { + display: flex; + .app-brand { + width: 100%; + transition: padding 0.3s ease-in-out; + } + + //PS Scrollbar + .ps__thumb-y, + .ps__rail-y { + width: 0.125rem !important; + } + + .ps__rail-y { + right: 0.25rem !important; + left: auto !important; + background: none !important; + + @include rtl-style { + right: auto !important; + left: 0.25rem !important; + } + } + + .ps__rail-y:hover, + .ps__rail-y:focus, + .ps__rail-y.ps--clicking, + .ps__rail-y:hover > .ps__thumb-y, + .ps__rail-y:focus > .ps__thumb-y, + .ps__rail-y.ps--clicking > .ps__thumb-y { + width: 0.375rem !important; + } +} + +.menu-inner { + display: flex; + align-items: flex-start; + justify-content: flex-start; + margin: 0; + padding: 0; + height: 100%; +} +.menu-inner-shadow { + display: none; + position: absolute; + top: $navbar-height - (($navbar-height - 3rem) * 0.5); + @include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + height: 3rem; + } + @include media-breakpoint-down($menu-collapsed-layout-breakpoint) { + height: 1.5rem; + } + width: 100%; + pointer-events: none; + z-index: 2; + // Hide menu inner shadow in static layout + html:not(.layout-menu-fixed) & { + display: none !important; + } +} + +// Menu item + +.menu-item { + align-items: flex-start; + justify-content: flex-start; + + &.menu-item-animating { + transition: height $menu-animation-duration ease-in-out; + } +} + +.menu-item, +.menu-header, +.menu-divider, +.menu-block { + flex: 0 0 auto; + flex-direction: column; + margin: 0; + padding: 0; + list-style: none; +} +.menu-header { + opacity: 1; + transition: opacity $menu-animation-duration ease-in-out; + .menu-header-text { + text-transform: uppercase; + letter-spacing: 0.4px; + white-space: nowrap; + color: $text-muted; + } +} + +// Menu Icon +.menu-icon { + flex-grow: 0; + flex-shrink: 0; + margin-right: $menu-icon-expanded-spacer; + line-height: 1; + font-size: $menu-icon-expanded-font-size; + .menu:not(.menu-no-animation) & { + transition: margin-right $menu-animation-duration ease; + } + + @include rtl-style { + margin-right: 0; + margin-left: $menu-icon-expanded-spacer; + .menu:not(.menu-no-animation) & { + transition: margin-left $menu-animation-duration ease; + } + } +} + +// Menu link +.menu-link { + position: relative; + display: flex; + align-items: center; + flex: 0 1 auto; + margin: 0; + + .menu-item.disabled & { + cursor: not-allowed !important; + } + // link hover animation + .menu:not(.menu-no-animation) & { + transition-duration: $menu-animation-duration; + transition-property: color, background-color; + } + + > :not(.menu-icon) { + flex: 0 1 auto; + opacity: 1; + .menu:not(.menu-no-animation) & { + transition: opacity $menu-animation-duration ease-in-out; + } + } +} + +// Sub menu +.menu-sub { + display: none; + flex-direction: column; + margin: 0; + padding: 0; + + .menu:not(.menu-no-animation) & { + transition: background-color $menu-animation-duration; + } + + .menu-item.open > & { + display: flex; + } +} + +// Menu toggle open/close arrow +.menu-toggle::after { + position: absolute; + top: 50%; + display: block; + font-family: 'tabler-icons'; + font-size: $menu-icon-expanded-font-size; + transform: translateY(-50%); + + @include ltr-style { + content: '\ea61'; + } + @include rtl-style { + content: '\ea60'; + } + + .menu:not(.menu-no-animation) & { + transition-duration: $menu-animation-duration; + transition-property: -webkit-transform, transform; + } +} + +// Menu divider +.menu-divider { + width: 100%; + border: 0; + border-top: 1px solid; +} + +// Vertical Menu +// ******************************************************************************* + +.menu-vertical { + overflow: hidden; + flex-direction: column; + + // menu expand collapse animation + &:not(.menu-no-animation) { + transition: width $menu-animation-duration; + } + + &, + .menu-block, + .menu-inner > .menu-item, + .menu-inner > .menu-header { + width: $menu-width; + } + + .menu-inner { + flex-direction: column; + flex: 1 1 auto; + + > .menu-item { + margin: $menu-item-spacer 0 0; + // menu-link spacing + .menu-link { + margin: 0 $menu-vertical-link-margin-x; + border-radius: $border-radius; + } + } + } + + .menu-header { + padding: $menu-vertical-header-margin-x calc($menu-vertical-link-margin-x * 2) 0.375rem; + } + .menu-item .menu-link, + .menu-block { + padding: $menu-vertical-menu-link-padding-y $menu-vertical-link-padding-x; + } + .menu-item .menu-link { + font-size: $menu-font-size; + min-height: 38px; + > div:not(.badge) { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + line-height: 1.467; + } + } + + .menu-item .menu-toggle { + padding-right: calc(#{$menu-vertical-link-padding-x} + #{$caret-width * 3.2}); + + @include rtl-style { + padding-right: $menu-vertical-link-padding-x; + padding-left: calc(#{$menu-vertical-link-padding-x} + #{$caret-width * 3.2}); + } + + &::after { + right: $menu-vertical-link-padding-x; + + @include rtl-style { + right: auto; + left: $menu-vertical-link-padding-x; + } + } + } + + .menu-item.open:not(.menu-item-closing) > .menu-link:after { + transform: translateY(-50%) rotate(90deg); + + @include rtl-style { + transform: translateY(-50%) rotate(-90deg); + } + } + + .menu-divider { + margin-top: $menu-link-spacer-x; + margin-bottom: $menu-link-spacer-x; + padding: 0; + } + + .menu-sub { + .menu-link { + padding-top: $menu-vertical-menu-link-padding-y; + padding-bottom: $menu-vertical-menu-link-padding-y; + } + .menu-item { + margin: $menu-item-spacer 0 0; + } + } + + .menu-icon { + width: $menu-icon-expanded-width; + } + + .menu-sub .menu-icon { + margin-right: 0; + + @include rtl-style { + margin-left: 0; + } + } + + .menu-horizontal-wrapper { + flex: none; + } + + // Levels + // + + $menu-first-level-spacer: $menu-vertical-link-padding-x + $menu-icon-expanded-width + $menu-icon-expanded-spacer; + + .menu-sub .menu-link { + padding-left: $menu-first-level-spacer; + + @include rtl-style { + padding-right: $menu-first-level-spacer; + padding-left: $menu-vertical-link-padding-x; + } + } + // Menu levels loop for padding left/right + @for $i from 2 through $menu-max-levels { + $selector: ''; + + @for $l from 1 through $i { + $selector: '#{$selector} .menu-sub'; + } + .layout-wrapper:not(.layout-horizontal) & { + .menu-inner > .menu-item { + #{$selector} .menu-link { + padding-left: $menu-first-level-spacer + ($menu-vertical-menu-level-spacer * ($i)) - 0.225; + &::before { + left: $menu-icon-expanded-left-spacer + ($menu-vertical-menu-level-spacer * $i) - 1.5; + @include rtl-style { + right: $menu-icon-expanded-left-spacer + ($menu-vertical-menu-level-spacer * $i) - 1.5; + left: inherit; + } + } + @include rtl-style { + padding-right: $menu-first-level-spacer + ($menu-vertical-menu-level-spacer * ($i)) - 0.225; + padding-left: $menu-vertical-link-padding-x; + } + } + } + } + } +} + +// Vertical Menu Collapsed +// ******************************************************************************* + +@mixin layout-menu-collapsed() { + width: $menu-collapsed-width; + + .menu-inner > .menu-item { + width: $menu-collapsed-width; + } + + .menu-inner > .menu-header, + .menu-block { + position: relative; + margin-left: $menu-collapsed-width; + padding-right: ($menu-vertical-link-padding-x * 2) - $menu-icon-expanded-spacer; + padding-left: $menu-icon-expanded-spacer; + width: $menu-width; + .menu-header-text { + overflow: hidden; + opacity: 0; + } + + &::before { + content: ''; + position: absolute; + left: -1 * ($menu-collapsed-width * 0.66); + height: 1px; + width: 1.375rem; + background-color: $border-color; + top: 50%; + } + } + + .app-brand { + padding-left: $menu-vertical-link-padding-x + 0.38rem; + } + + .menu-inner > .menu-item div:not(.menu-block) { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + opacity: 0; + } + .menu-inner > .menu-item > .menu-sub, + .menu-inner > .menu-item.open > .menu-sub { + display: none; + } + .menu-inner > .menu-item > .menu-toggle::after { + display: none; + } + + &:not(.layout-menu-hover) { + .menu-inner > .menu-item > .menu-link, + .menu-inner > .menu-block, + .menu-inner > .menu-header { + padding-right: calc(#{$menu-vertical-link-padding-x} + #{$caret-width * 1.2}); + } + } + + .menu-inner > .menu-item > .menu-link .menu-icon { + text-align: center; + margin-right: 0; + } +} + +@mixin layout-menu-collapsed-rtl() { + .menu-block { + width: $menu-collapsed-width !important; + } + .menu-inner > .menu-item > .menu-link { + padding-left: $menu-vertical-link-padding-x; + } + + .menu-inner > .menu-header, + .menu-block { + margin-right: $menu-collapsed-width; + margin-left: 0; + padding-right: $menu-icon-expanded-spacer; + padding-left: ($menu-vertical-link-padding-x * 2) - $menu-icon-expanded-spacer; + + &::before { + right: -1 * ($menu-collapsed-width * 0.66); + left: auto; + } + } + + &:not(.layout-menu-hover) { + .menu-inner > .menu-item > .menu-link, + .menu-inner > .menu-block, + .menu-inner > .menu-header { + padding-inline: $menu-vertical-link-padding-x; + } + } + + .menu-inner > .menu-item > .menu-link .menu-icon { + margin-left: 0; + } +} +// Only for menu example +.menu-collapsed:not(:hover) { + @include layout-menu-collapsed(); + + @include rtl-style { + @include layout-menu-collapsed-rtl(); + } +} + +// Horizontal +// ******************************************************************************* + +.menu-horizontal { + flex-direction: row; + width: 100%; + + .menu-inner { + overflow: hidden; + flex-direction: row; + flex: 0 1 100%; + > .menu-item.active > .menu-link.menu-toggle { + font-weight: $font-weight-medium; + } + .menu-item.active > .menu-link:not(.menu-toggle) { + font-weight: $font-weight-medium; + } + } + + .menu-item .menu-link { + padding: $menu-horizontal-link-padding-y $menu-horizontal-link-padding-x; + } + + .menu-item .menu-toggle { + padding-right: calc(#{$menu-horizontal-link-padding-x} + #{$caret-width * 3}); + + @include rtl-style { + padding-right: $menu-horizontal-link-padding-x; + padding-left: calc(#{$menu-horizontal-link-padding-x} + #{$caret-width * 3}); + } + + &::after { + right: calc(#{$menu-horizontal-link-padding-x} - #{0.2rem}); + + @include rtl-style { + right: auto; + left: calc(#{$menu-horizontal-link-padding-x} - #{0.2rem}); + } + } + } + + .menu-inner > .menu-item > .menu-toggle { + &::after { + transform: translateY(-50%) rotate(90deg); + + @include rtl-style { + transform: translateY(-50%) rotate(-90deg); + } + } + &::before { + position: absolute; + block-size: $menu-vertical-header-margin-y; + content: ''; + inline-size: 100%; + inset-block-start: 100%; + inset-inline-start: 0; + z-index: 2; + pointer-events: auto; + } + } + .menu-inner > .menu-item > .menu-sub { + margin-top: $menu-vertical-header-margin-y; + } + + .menu-inner > .menu-item:not(.menu-item-closing).open .menu-item.open { + position: relative; + } + + .menu-header, + .menu-divider { + display: none !important; + } + + .menu-sub { + position: absolute; + width: $menu-sub-width; + padding: calc($menu-horizontal-item-spacer + $menu-item-spacer) 0; + box-shadow: $box-shadow-lg; + .menu-item { + padding: 1px $menu-link-spacer-x; + &.open .menu-link > div::after { + position: absolute; + content: ''; + z-index: 2; + pointer-events: auto; + width: 1.0625rem; + height: 100%; + right: -1.0625rem; + } + } + + .menu-sub { + position: absolute; + left: 100%; + top: 0; + width: 100%; + + @include rtl-style { + left: -100%; + } + } + + .menu-link { + padding-top: $menu-horizontal-menu-link-padding-y; + padding-bottom: $menu-horizontal-menu-link-padding-y; + border-radius: $border-radius; + } + } + + .menu-inner > .menu-item { + .menu-sub { + @include border-radius($border-radius); + } + > .menu-sub { + .menu-sub { + margin: 0 $menu-horizontal-spacer-x; + } + } + } + + &:not(.menu-no-animation) .menu-inner .menu-item.open .menu-sub { + animation: menuDropdownShow $menu-animation-duration ease-in-out; + } + + // Sub menu link padding left + .menu-sub .menu-link { + padding-left: $menu-horizontal-menu-level-spacer; + min-height: 2.375rem; + + @include rtl-style { + padding-right: $menu-horizontal-menu-level-spacer; + padding-left: $menu-horizontal-link-padding-x; + } + } + @include media-breakpoint-down(lg) { + & { + display: none; + } + } +} + +.menu-horizontal-wrapper { + overflow: hidden; + flex: 0 1 100%; + width: 0; + + .menu:not(.menu-no-animation) & .menu-inner { + transition: margin $menu-animation-duration; + } +} + +.menu-horizontal-prev, +.menu-horizontal-next { + position: relative; + display: block; + flex: 0 0 auto; + width: $menu-control-width; + + &::after { + content: '\ea61'; + position: absolute; + top: 50%; + display: block; + font-family: 'tabler-icons'; + font-size: $menu-icon-expanded-font-size; + transform: translateY(-50%); + } + + &.disabled { + cursor: not-allowed !important; + } +} + +.menu-horizontal-prev::after { + border-right: 0; + transform: translate(0, -50%) rotate(180deg); + + @include rtl-style { + transform: translate(0, -50%) rotate(360deg); + } +} + +.menu-horizontal-next::after { + border-left: 0; + transform: translate(50%, -50%) rotate(360deg); + + @include rtl-style { + transform: translate(-50%, -50%) rotate(180deg); + } +} + +@include keyframes(menuDropdownShow) { + 0% { + opacity: 0; + transform: translateY(-0.5rem); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} + +// Menu light/dark color mode +// ******************************************************************************* + +.menu-light { + color: $navbar-light-color; + + .menu-link, + .menu-horizontal-prev, + .menu-horizontal-next { + color: $navbar-light-color; + + &:hover, + &:focus { + color: $navbar-light-hover-color; + } + + &.active { + color: $navbar-light-active-color; + } + } + + .menu-item.disabled .menu-link { + color: $navbar-light-disabled-color !important; + } + + .menu-item.open:not(.menu-item-closing) > .menu-toggle, + .menu-item.active > .menu-link { + color: $navbar-light-active-color; + } + + .menu-item.active > .menu-link:not(.menu-toggle) { + background: $menu-light-menu-bg; + } + + .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub, + .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle { + color: $navbar-light-color; + } + + .menu-text { + color: $navbar-light-active-color; + } + + .menu-header { + color: $navbar-light-color; + } + + hr, + .menu-divider, + .menu-inner > .menu-item.open > .menu-sub::before { + border-color: $menu-light-border-color !important; + } + + .menu-inner > .menu-header::before, + .menu-block::before { + background-color: $navbar-light-disabled-color; + } + + .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before { + background-color: $menu-light-border-color; + } + + .menu-inner > .menu-item.open .menu-item.active > .menu-link::before { + background-color: $navbar-light-active-color; + } + + .ps__thumb-y { + background: $navbar-light-color !important; + } +} + +.menu-dark { + color: $navbar-dark-color; + + .menu-link, + .menu-horizontal-prev, + .menu-horizontal-next { + color: $navbar-dark-color; + + &:hover, + &:focus { + color: $navbar-dark-hover-color; + } + + &.active { + color: $navbar-dark-active-color; + } + } + + .menu-item.disabled .menu-link { + color: $navbar-dark-disabled-color !important; + } + + .menu-item.open:not(.menu-item-closing) > .menu-toggle, + .menu-item.active > .menu-link { + color: $navbar-dark-active-color; + } + + .menu-item.active > .menu-link:not(.menu-toggle) { + background: $menu-dark-menu-bg; + } + + .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub, + .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle { + color: $navbar-dark-color; + } + + .menu-text { + color: $navbar-dark-active-color; + } + + .menu-header { + color: $navbar-dark-color; + } + + hr, + .menu-divider, + .menu-inner > .menu-item.open > .menu-sub::before { + border-color: $menu-dark-border-color !important; + } + + .menu-inner > .menu-header::before, + .menu-block::before { + background-color: $navbar-dark-disabled-color; + } + + .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before { + background-color: $menu-dark-border-color; + } + + .menu-inner > .menu-item.open .menu-item.active > .menu-link::before { + background-color: $navbar-dark-active-color; + } + + .ps__thumb-y { + background: $navbar-dark-color !important; + } +} diff --git a/resources/assets/vendor/scss/_components/_mixins.scss b/resources/assets/vendor/scss/_components/_mixins.scss new file mode 100644 index 0000000..4c4241c --- /dev/null +++ b/resources/assets/vendor/scss/_components/_mixins.scss @@ -0,0 +1,9 @@ +@import 'mixins/navbar'; +@import 'mixins/footer'; +@import 'mixins/menu'; +@import 'mixins/avatar'; +@import 'mixins/text-divider'; +@import 'mixins/timeline'; +@import 'mixins/treeview'; +@import 'mixins/switch'; +@import 'mixins/misc'; diff --git a/resources/assets/vendor/scss/_components/_switch.scss b/resources/assets/vendor/scss/_components/_switch.scss new file mode 100644 index 0000000..dbb4ed6 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_switch.scss @@ -0,0 +1,239 @@ +// Switches +// ******************************************************************************* + +.switch { + margin-right: $switch-spacer-x; + position: relative; + vertical-align: middle; + margin-bottom: 0; + display: inline-block; + border-radius: $switch-border-radius; + cursor: pointer; + + @include template-switch-size-base( + '', + $switch-width, + $switch-height, + $switch-font-size, + $switch-label-font-size, + $switch-label-line-height, + $switch-inner-spacer + ); + + @include rtl-style { + margin-left: $switch-spacer-x; + margin-right: 0; + } +} + +// Input +// ******************************************************************************* + +.switch-input { + opacity: 0; + position: absolute; + padding: 0; + margin: 0; + z-index: -1; +} + +// Toggle slider +// ******************************************************************************* + +.switch-toggle-slider { + position: absolute; + overflow: hidden; + border-radius: $switch-border-radius; + background: $switch-off-bg; + color: $switch-off-color; + transition-duration: 0.2s; + transition-property: left, right, background, box-shadow; + cursor: pointer; + user-select: none; + box-shadow: $form-switch-box-shadow; + &::after { + top: 50%; + transform: translateY(-50%); + } +} + +// Label switch +// ******************************************************************************* + +.switch-label { + display: inline-block; + font-weight: 400; + color: $switch-label-color; + position: relative; + cursor: default; +} + +// Checked / Unchecked states +.switch-off, +.switch-on { + height: 100%; + width: 100%; + text-align: center; + position: absolute; + top: 0; + transition-duration: 0.2s; + transition-property: left, right; +} + +.switch-on { + left: -100%; + + @include rtl-style { + left: auto; + right: -100%; + } + + .switch-input:not(:checked) ~ .switch-toggle-slider & { + color: transparent; + } +} + +.switch-off { + left: 0; + + @include rtl-style { + right: 0; + left: auto; + } +} + +// Checked state +.switch-input:checked ~ .switch-toggle-slider { + .switch-on { + left: 0; + + @include rtl-style { + right: 0; + left: auto; + } + } + + .switch-off { + left: 100%; + color: transparent; + + @include rtl-style { + right: 100%; + left: auto; + } + } +} + +// Toggler +// ******************************************************************************* + +.switch-toggle-slider::after { + content: ''; + position: absolute; + left: 0; + display: block; + border-radius: 999px; + background: $switch-holder-bg; + box-shadow: $switch-holder-shadow; + transition-duration: 0.2s; + transition-property: left, right, background; + + @include rtl-style { + right: 0; + left: auto; + } +} + +// Stacked switches +// ******************************************************************************* + +.switches-stacked { + @include clearfix; + + .switch { + display: block; + @include ltr-style { + margin-right: 0; + } + @include rtl-style { + margin-left: 0; + } + &:not(:last-child) { + margin-bottom: $switch-spacer-y; + } + } +} + +// Square +// ******************************************************************************* + +.switch-square, +.switch-square .switch-toggle-slider { + @if $enable-rounded { + border-radius: $switch-square-border-radius; + } @else { + border-radius: 0; + } +} + +.switch-square .switch-toggle-slider::after { + @if $enable-rounded { + border-radius: calc(#{$switch-square-border-radius} - 2px); + } @else { + border-radius: 0; + } +} + +// Disabled +// ******************************************************************************* + +.switch-input:disabled { + ~ .switch-toggle-slider { + opacity: $switch-disabled-opacity; + } + + ~ .switch-label { + color: $switch-label-disabled-color; + } +} + +// Switch Sizes +// ******************************************************************************* + +@include template-switch-size( + 'sm', + $switch-width-sm, + $switch-height-sm, + $switch-font-size, + $switch-label-font-size-sm, + $switch-label-line-height-sm, + $switch-inner-spacer-sm +); +@include template-switch-size( + 'lg', + $switch-width-lg, + $switch-height-lg, + $switch-font-size, + $switch-label-font-size-lg, + $switch-label-line-height-lg +); + +// Variations +// ******************************************************************************* + +@each $color, $value in $theme-colors { + @if $color != primary and $color != light { + @include template-switch-variant('.switch-#{$color}', $value); + } +} + +// Validation states +// ******************************************************************************* + +.switch .valid-feedback, +.switch .invalid-feedback { + padding-left: $switch-gutter; +} + +@include template-switch-validation-state('valid', $form-feedback-valid-color); +@include template-switch-validation-state('invalid', $form-feedback-invalid-color); diff --git a/resources/assets/vendor/scss/_components/_text-divider.scss b/resources/assets/vendor/scss/_components/_text-divider.scss new file mode 100644 index 0000000..95101d8 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_text-divider.scss @@ -0,0 +1,180 @@ +// Divider +// ******************************************************************************* + +@import '../../scss/_custom-variables/libs'; + +.divider { + display: block; + text-align: center; + margin: $divider-margin-y $divider-margin-x; + overflow: hidden; + white-space: nowrap; + + .divider-text { + position: relative; + display: inline-block; + font-size: $divider-font-size; + padding: $divider-text-padding-y $divider-text-padding-x; + color: $divider-text-color; + + i { + font-size: $divider-icon-size; + } + + &:before, + &:after { + content: ''; + position: absolute; + top: 50%; + width: 100vw; + border-top: 1px solid $divider-color; + } + + &:before { + right: 100%; + } + + &:after { + left: 100%; + } + } + &.text-start { + .divider-text { + padding-left: 0; + } + } + &.text-end { + .divider-text { + padding-right: 0; + } + } + &.text-start-center { + .divider-text { + left: -25%; + } + } + &.text-end-center { + .divider-text { + right: -25%; + } + } + // Dotted Divider + &.divider-dotted .divider-text:before, + &.divider-dotted .divider-text:after, + &.divider-dotted:before, + &.divider-dotted:after { + border-style: dotted; + border-width: 0 1px 1px; + border-color: $divider-color; + } + + // Dashed Divider + &.divider-dashed .divider-text:before, + &.divider-dashed .divider-text:after, + &.divider-dashed:before, + &.divider-dashed:after { + border-style: dashed; + border-width: 0 1px 1px; + border-color: $divider-color; + } + + // For Vertical Divider + &.divider-vertical { + position: relative; + display: flex; + align-items: center; + justify-content: center; + height: 100%; + margin: unset; + &:before, + &:after { + content: ''; + position: absolute; + left: 48%; + border-left: 1px solid $divider-color; + } + + &:before { + bottom: 50%; + top: 0; + } + + &:after { + top: 50%; + bottom: 0; + } + + // Dashed Vertical Divider + &.divider-dashed { + &:before, + &:after { + border-width: 1px 1px 1px 0; + } + } + + // Dotted Vertical Divider + &.divider-dotted { + &:before, + &:after { + border-width: 1px 1px 1px 0; + } + } + + // For Vertical Divider text + .divider-text { + background-color: $card-bg; + z-index: 1; + padding: 0.5125rem; + &:before, + &:after { + content: unset; + } + + // For card statistics Sales Overview divider + .badge-divider-bg { + padding: $divider-text-padding-x - 0.687rem $divider-text-padding-x - 0.748rem; + border-radius: 50%; + font-size: $divider-font-size - 0.1875rem; + background-color: $gray-50; + color: $text-muted; + } + } + } +} + +// RTL +@include rtl-only { + .divider { + &.text-start-center { + .divider-text { + right: -25%; + left: auto; + } + } + &.text-end-center { + .divider-text { + left: -25%; + right: auto; + } + } + &.text-start { + .divider-text { + padding-right: 0; + padding-left: $divider-text-padding-x; + } + } + &.text-end { + .divider-text { + padding-left: 0; + padding-right: $divider-text-padding-x; + } + } + } +} + +// For Contextual Colors +@each $color, $value in $theme-colors { + @if $color !=primary and $color !=light { + @include template-text-divider-variant('.divider-#{$color}', $value); + } +} diff --git a/resources/assets/vendor/scss/_components/_timeline.scss b/resources/assets/vendor/scss/_components/_timeline.scss new file mode 100644 index 0000000..96157d4 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_timeline.scss @@ -0,0 +1,363 @@ +// Timeline +// ******************************************************************************* + +@import '../../scss/_custom-variables/libs'; + +.timeline { + position: relative; + height: 100%; + width: 100%; + padding: 0; + list-style: none; + + .timeline-header { + display: flex; + justify-content: space-between; + align-items: center; + flex-direction: row; + > *:first-child { + margin-right: 0.5rem; + } + } + // End Indicator + .timeline-end-indicator { + position: absolute; + bottom: -1.35rem; + left: -0.65rem; + + i { + font-size: $timeline-end-indicator-font-size; + color: $timeline-border-color; + } + } + + // Timeline Item + .timeline-item { + position: relative; + padding-left: 1.4rem; + + .timeline-event { + position: relative; + width: 100%; + min-height: $timeline-item-min-height; + background-color: $timeline-item-bg-color; + border-radius: $timeline-item-border-radius; + padding: $timeline-item-padding-y $timeline-item-padding-x $timeline-item-padding-y - 0.1625; + + .timeline-event-time { + position: absolute; + top: 1.2rem; + font-size: $timeline-event-time-size; + color: $timeline-event-time-color; + } + } + // Timeline Point Indicator + + .timeline-indicator, + .timeline-indicator-advanced { + position: absolute; + left: -1rem; + top: 0.64rem; + z-index: 2; + height: $timeline-indicator-size; + width: $timeline-indicator-size; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + border-radius: 50%; + } + + .timeline-indicator { + box-shadow: 0 0 0 10px $body-bg; + } + + //For advanced Timeline Indicator Background + .timeline-indicator-advanced { + background-color: $card-bg; + top: 0; + } + + .timeline-point { + position: absolute; + left: -0.38rem; + top: 0; + z-index: 2; + display: block; + height: $timeline-point-size; + width: $timeline-point-size; + border-radius: 50%; + background-color: $timeline-point-color; + box-shadow: 0 0 0 10px $card-bg; + } + + // Transparent Timeline Item + &.timeline-item-transparent { + .timeline-event { + top: -0.9rem; + background-color: transparent; + + @include ltr-style { + padding-left: 0; + } + + &.timeline-event-shadow { + padding-left: 2rem; + } + } + } + } + + // Timeline outline + &.timeline-outline { + .timeline-item { + .timeline-point { + outline: unset; + background-color: $card-bg !important; + border: 2px solid $primary; + } + } + } + // Timeline Center + &.timeline-center { + .timeline-end-indicator { + bottom: -1.4rem; + left: 50%; + margin-left: 0.55rem; + } + + .timeline-item { + width: 50%; + clear: both; + &.timeline-item-left, + &:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) { + float: left; + padding-left: 0; + padding-right: 2.25rem; + padding-bottom: 2.5rem; + border-left: 0; + border-right: 1px solid $timeline-border-color; + .timeline-event { + .timeline-event-time { + right: -10.2rem; + } + } + + .timeline-point { + left: 100%; + } + } + + &.timeline-item-right, + &:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) { + float: right; + right: 1px; + padding-left: 2.25rem; + padding-bottom: 2.5rem; + border-left: 1px solid $timeline-border-color; + + .timeline-event { + .timeline-event-time { + left: -10.2rem; + } + .timeline-point { + left: 0; + } + } + } + + .timeline-point { + left: 50%; + margin-left: -0.6875rem; + } + .timeline-point-indicator { + left: 50%; + margin-left: -0.3125rem; + } + } + } + + // To remove arrows (visible while switching tabs) in widgets + &.timeline-advance { + .timeline-item { + .timeline-event { + &:before, + &:after { + border: transparent; + } + } + } + } +} + +// LTR only +@include ltr-only { + .timeline:not(.timeline-center) { + padding-left: 0.5rem; + } + .timeline-item { + border-left: 1px solid $timeline-border-color; + } +} + +// RTL +@include rtl-only { + .timeline:not(.timeline-center) { + padding-right: 0.5rem; + .timeline-item { + border-right: 1px solid $timeline-border-color; + } + + .timeline-end-indicator { + left: auto; + right: -0.75rem; + } + + .timeline-item { + padding-left: 0; + padding-right: 2rem; + border-right: 1px solid $timeline-border-color; + + &.timeline-item-transparent { + .timeline-event { + padding-right: 0; + } + } + + .timeline-point { + right: -0.38rem; + left: auto; + } + .timeline-indicator { + right: -0.75rem; + left: auto; + } + .timeline-indicator-advanced { + right: -1rem; + left: auto; + } + } + } +} + +@include media-breakpoint-up(md) { + .timeline.timeline-center .timeline-item { + &.timeline-item-left, + &:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) { + .timeline-indicator { + left: calc(100% - calc(#{$timeline-indicator-size}/ 2)); + } + } + } +} +// To Change Timeline Center's Alignment om small Screen + +@include media-breakpoint-down(md) { + .timeline { + &.timeline-center { + .timeline-end-indicator { + left: -2px; + } + + .timeline-item { + border-right: 0 !important; + left: 1rem; + &:not(:last-child) { + border-left: 1px solid $timeline-border-color !important; + } + float: left !important; + width: 100%; + padding-left: 3rem !important; + padding-right: 1.5rem !important; + + .timeline-event { + .timeline-event-time { + top: -1.7rem; + left: 0 !important; + right: auto !important; + } + } + .timeline-point { + left: -0.7rem !important; + margin-left: 0 !important; + } + .timeline-point-indicator { + left: 0 !important; + margin-left: -0.3125rem !important; + } + } + } + } + // RTL: Timeline Center's Alignment om small Screen + @include rtl-only { + .timeline { + &.timeline-center { + .timeline-item { + border-left: 0 !important; + right: 1rem !important; + &:not(:last-child) { + border-right: 1px solid $timeline-border-color !important; + } + } + + .timeline-item { + float: right !important; + width: 100%; + padding-right: 3.5rem !important; + padding-left: 1.5rem !important; + .timeline-event { + .timeline-event-time { + top: -1.2rem; + right: 0 !important; + left: auto !important; + } + } + .timeline-point { + right: -0.7rem !important; + margin-right: 0 !important; + } + } + } + } + } +} + +@include media-breakpoint-down(md) { + .timeline .timeline-item .timeline-indicator, + .timeline .timeline-item .timeline-indicator-advanced { + @include rtl-style { + left: auto; + right: -0.6875rem; + } + } + + @include rtl-only { + .timeline-center { + .timeline-item { + padding-left: 0; + padding-right: 3rem; + } + } + } +} +@include media-breakpoint-down(sm) { + .timeline { + .timeline-header { + flex-direction: column; + align-items: flex-start; + } + } +} +// For Contextual Colors +@each $color, $value in $theme-colors { + @if $color !=primary and $color !=light { + @include template-timeline-point-variant( + '.timeline-point-#{$color}', + if($color== 'dark' and $dark-style, $light, $value) + ); + @include template-timeline-indicator-variant( + '.timeline-indicator-#{$color}', + if($color== 'dark' and $dark-style, $light, $value) + ); + } +} diff --git a/resources/assets/vendor/scss/_components/_variables-dark.scss b/resources/assets/vendor/scss/_components/_variables-dark.scss new file mode 100644 index 0000000..745cb60 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_variables-dark.scss @@ -0,0 +1,25 @@ +// Dark Layout Variables + +// ! _variable-dark.scss file overrides _variable.scss file. + +// Avatar +// ******************************************************************************* +$avatar-bg: #373b50 !default; // (C) + +// Menu +// ******************************************************************************* +$menu-horizontal-box-shadow: 0px 1px 4px 0px rgba($shadow-bg, 0.1) !default; + +// switch +// ******************************************************************************* +$switch-off-color: rgba-to-hex($gray-600, $rgba-to-hex-bg) !default; +$switch-off-bg: rgba-to-hex(rgba($base, 0.1), $rgba-to-hex-bg) !default; +$switch-off-border: rgba-to-hex(rgba($base, 0.1), $rgba-to-hex-bg) !default; +// Timeline +// ******************************************************************************* +$timeline-border-color: rgba-to-hex(rgba($base, 0.12), $rgba-to-hex-bg) !default; +$timeline-event-time-color: $body-color !default; + +// Text Divider +// ******************************************************************************* +$divider-color: $border-color !default; diff --git a/resources/assets/vendor/scss/_components/_variables.scss b/resources/assets/vendor/scss/_components/_variables.scss new file mode 100644 index 0000000..a3a9479 --- /dev/null +++ b/resources/assets/vendor/scss/_components/_variables.scss @@ -0,0 +1,168 @@ +// Common +// ******************************************************************************* + +$ui-star-size: 1.1em !default; +$ui-stars-spacer: -0.1em !default; +$ui-star-filled-color: $yellow !default; + +// Navbar (custom navbar) +// ******************************************************************************* +$navbar-height: 3.5rem !default; +$navbar-suggestion-width: 100% !default; +$navbar-suggestion-height: 28rem !default; +$navbar-suggestion-border-radius: $border-radius !default; +$navbar-dropdown-width: 22rem !default; +$navbar-dropdown-content-height: 24.08rem !default; +$navbar-notifications-dropdown-item-padding-y: 0.75rem !default; +$navbar-notifications-dropdown-item-padding-x: 1rem !default; + +// Menu +// ******************************************************************************* + +$menu-width: 16.25rem !default; +$menu-collapsed-width: 4.375rem !default; +$menu-collapsed-layout-breakpoint: xl !default; + +$menu-font-size: $font-size-base !default; + +$menu-item-spacer: 0.375rem !default; + +$menu-vertical-link-margin-x: 0.75rem !default; +$menu-link-spacer-x: 0.5rem !default; + +$menu-vertical-link-padding-y: 0.5rem !default; +$menu-vertical-link-padding-x: 0.75rem !default; +$menu-vertical-menu-link-padding-y: 0.5rem !default; +$menu-vertical-menu-level-spacer: 0.5rem !default; + +$menu-vertical-header-margin-y: 0.5rem !default; +$menu-vertical-header-margin-x: 1.25rem !default; + +$menu-horizontal-spacer-x: 0.375rem !default; +$menu-horizontal-item-spacer: 0.25rem !default; +$menu-horizontal-link-padding-y: 0.5rem !default; +$menu-horizontal-link-padding-x: 1rem !default; +$menu-horizontal-menu-link-padding-y: 0.5rem !default; +$menu-horizontal-menu-level-spacer: 2.75rem !default; +$menu-horizontal-box-shadow: 0px 1px 4px 0px rgba($black, 0.1) !default; + +$menu-sub-width: $menu-width !default; +$menu-control-width: 2.25rem !default; +$menu-control-arrow-size: 0.5rem !default; + +$menu-icon-expanded-width: 1.375rem !default; +$menu-icon-expanded-left-spacer: 2.25rem !default; +$menu-icon-expanded-font-size: 1.375rem !default; +$menu-icon-expanded-spacer: 0.5rem !default; + +$menu-animation-duration: 0.3s !default; +$menu-max-levels: 5 !default; + +$menu-dark-border-color: rgba(255, 255, 255, 0.2) !default; +$menu-dark-menu-bg: rgba(0, 0, 0, 0.06) !default; +$menu-light-border-color: rgba(0, 0, 0, 0.06) !default; +$menu-light-menu-bg: rgba(0, 0, 0, 0.05) !default; + +// Custom Options +// ******************************************************************************* + +$custom-option-padding: 1.067em !default; +$custom-option-cursor: pointer !default; +$custom-option-border-color: $border-color !default; +$custom-option-border-width: 1px !default; +$custom-option-image-border-width: 2px !default; +$custom-option-border-hover-color: $input-border-hover-color !default; + +// Switches +// ******************************************************************************* + +$switch-font-size: 0.625rem !default; +$switch-border-radius: 30rem !default; + +$switch-width: 2.5rem !default; +$switch-width-sm: 1.875rem !default; +$switch-width-lg: 3.25rem !default; + +$switch-height: 1.35rem !default; +$switch-height-sm: 1.125rem !default; +$switch-height-lg: 1.75rem !default; + +$switch-label-font-size: $font-size-base !default; +$switch-label-font-size-sm: $font-size-xs !default; +$switch-label-font-size-lg: $font-size-lg !default; + +$switch-label-line-height: 1.4 !default; +$switch-label-line-height-sm: 1.6 !default; +$switch-label-line-height-lg: 1.47 !default; + +$switch-spacer-x: 0.75rem !default; +$switch-spacer-y: 0.75rem !default; +$switch-gutter: 0.5rem !default; +$switch-inner-spacer: 0.25rem !default; +$switch-inner-spacer-sm: 0.17rem !default; + +$switch-square-border-radius: $border-radius !default; + +$switch-label-color: $headings-color !default; +$switch-label-disabled-color: $text-muted !default; +$switch-disabled-opacity: 0.45 !default; + +$switch-off-color: $gray-400 !default; +$switch-off-bg: rgba-to-hex($gray-100, $rgba-to-hex-bg) !default; +$switch-off-border: rgba-to-hex($gray-100, $rgba-to-hex-bg) !default; +$switch-holder-bg: $white !default; +$switch-holder-shadow: $box-shadow-xs !default; +$switch-focus-box-shadow: $input-btn-focus-box-shadow !default; + +// Avatars +// ******************************************************************************* + +$avatar-size-xl: 4rem !default; +$avatar-size-lg: 3.5rem !default; +$avatar-size-md: 3rem !default; +$avatar-size: 2.5rem !default; // Default +$avatar-size-sm: 2rem !default; +$avatar-size-xs: 1.5rem !default; + +$avatar-initial-xl: 1.875rem !default; +$avatar-initial-lg: 1.5rem !default; +$avatar-initial-md: 1.125rem !default; +$avatar-initial: $font-size-base !default; +$avatar-initial-sm: 0.8125rem !default; +$avatar-initial-xs: 0.625rem !default; + +$avatar-group-border: $card-bg !default; +$avatar-bg: #eeedf0 !default; // (C) + +// Timeline +// ******************************************************************************* + +$timeline-border-color: $border-color !default; + +$timeline-indicator-size: 2rem !default; +$timeline-point-size: 0.75rem !default; +$timeline-point-color: $primary !default; +$timeline-point-indicator-color: $primary !default; +$timeline-end-indicator-font-size: 1.5rem !default; +$timeline-item-min-height: 4rem !default; +$timeline-item-padding-x: 0 !default; +$timeline-item-padding-y: 0.5rem !default; +$timeline-item-bg-color: $card-bg !default; +$timeline-item-border-radius: $border-radius !default; + +$timeline-event-time-size: 0.85rem !default; +$timeline-event-time-color: $text-muted !default; + +// Text Divider +// ******************************************************************************* +$divider-color: $gray-200 !default; + +$divider-margin-y: 1rem !default; +$divider-margin-x: 0 !default; + +$divider-text-padding-y: 0rem !default; +$divider-text-padding-x: 1rem !default; + +$divider-font-size: $font-size-base !default; +$divider-text-color: $headings-color !default; +$divider-icon-size: 1.25rem !default; diff --git a/resources/assets/vendor/scss/_components/mixins/_app-brand.scss b/resources/assets/vendor/scss/_components/mixins/_app-brand.scss new file mode 100644 index 0000000..bc83dc5 --- /dev/null +++ b/resources/assets/vendor/scss/_components/mixins/_app-brand.scss @@ -0,0 +1,29 @@ +// Within menu +@mixin template-app-brand-collapsed() { + .app-brand { + width: $menu-collapsed-width; + } + + .app-brand-logo, + .app-brand-link, + .app-brand-text { + margin-right: auto; + margin-left: auto; + } + + .app-brand-logo ~ .app-brand-text, + .app-brand .layout-menu-toggle { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + opacity: 0; + } + + .app-brand-img { + display: none; + } + + .app-brand-img-collapsed { + display: block; + } +} diff --git a/resources/assets/vendor/scss/_components/mixins/_avatar.scss b/resources/assets/vendor/scss/_components/mixins/_avatar.scss new file mode 100644 index 0000000..2941376 --- /dev/null +++ b/resources/assets/vendor/scss/_components/mixins/_avatar.scss @@ -0,0 +1,22 @@ +// Avatar +// ******************************************************************************* + +@mixin template-avatar-style($height, $width, $font-size, $status-indicator-position: 2px) { + width: $width; + height: $height; + + .avatar-initial { + font-size: $font-size; + } + + &.avatar-online, + &.avatar-offline, + &.avatar-away, + &.avatar-busy { + &:after { + width: $width * 0.2; + height: $height * 0.2; + right: $status-indicator-position; + } + } +} diff --git a/resources/assets/vendor/scss/_components/mixins/_footer.scss b/resources/assets/vendor/scss/_components/mixins/_footer.scss new file mode 100644 index 0000000..c3e9959 --- /dev/null +++ b/resources/assets/vendor/scss/_components/mixins/_footer.scss @@ -0,0 +1,47 @@ +// Footer +// ******************************************************************************* + +@mixin template-footer-style($parent, $bg, $color: null, $active-color: null, $border: null) { + $colors: get-navbar-prop($bg, $active-color, $color, $border); + + #{$parent} { + color: map-get($colors, color); + .layout-footer-fixed .layout-horizontal & { + background-color: map-get($colors, bg) !important; + } + + .layout-footer-fixed .layout-wrapper:not(.layout-horizontal) & { + .footer-container { + background-color: map-get($colors, bg) !important; + } + } + + .footer-link { + color: map-get($colors, color); + + &:hover, + &:focus { + color: map-get($colors, active-color); + } + + &.disabled { + color: map-get($colors, disabled-color) !important; + } + } + + .footer-text { + color: map-get($colors, active-color); + } + + .show > .footer-link, + .active > .footer-link, + .footer-link.show, + .footer-link.active { + color: map-get($colors, active-color); + } + + hr { + border-color: map-get($colors, border); + } + } +} diff --git a/resources/assets/vendor/scss/_components/mixins/_menu.scss b/resources/assets/vendor/scss/_components/mixins/_menu.scss new file mode 100644 index 0000000..afe903f --- /dev/null +++ b/resources/assets/vendor/scss/_components/mixins/_menu.scss @@ -0,0 +1,133 @@ +// Menu +// ******************************************************************************* + +@mixin template-menu-style($parent, $bg, $color: null, $active-color: null, $border: null, $active-bg: null) { + $colors: get-navbar-prop($bg, $active-color, $color, $border); + $contrast-percent: map-get($colors, contrast-percent); + + @if not $active-bg { + $active-bg: rgba-to-hex( + rgba(map-get($colors, bg), 1 - if($contrast-percent < 0.75, 0.025, 0.05)), + if($contrast-percent > 0.25, #fff, #000) + ); + } + + $menu-active-bg: linear-gradient(270deg, rgba($active-bg, 0.7) 0%, $active-bg 100%); + $menu-active-bg-rtl: linear-gradient(-270deg, rgba($active-bg, 0.7) 0%, $active-bg 100%); + $horizontal-active-bg: rgba-to-hex(rgba($active-bg, 0.16), $bg); + + #{$parent} { + background-color: map-get($colors, bg) !important; + &.menu-horizontal { + background-color: rgba(map-get($colors, bg), 0.95) !important; + } + color: map-get($colors, color); + + .menu-link, + .menu-horizontal-prev, + .menu-horizontal-next { + color: map-get($colors, color); + &:hover, + &:focus { + color: map-get($colors, active-color); + } + + &.active { + color: map-get($colors, active-color); + } + } + .menu-toggle::after { + color: map-get($colors, color); + } + + .menu-item.disabled .menu-link, + .menu-horizontal-prev.disabled, + .menu-horizontal-next.disabled { + color: map-get($colors, disabled-color) !important; + } + + .menu-item.open:not(.menu-item-closing) > .menu-toggle, + .menu-item.active > .menu-link { + color: map-get($colors, active-color); + } + + //vertical menu active item bg color + &.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) { + background: $menu-active-bg; + box-shadow: 0px 2px 6px 0px rgba($active-bg, 0.3); + color: color-contrast($active-bg) !important; + &.menu-toggle::after { + color: color-contrast($active-bg) !important; + } + @if $rtl-support { + [dir='rtl'] & { + background: $menu-active-bg-rtl !important; + } + } + } + + //- + &.menu-horizontal { + .menu-inner > .menu-item.active > .menu-link.menu-toggle { + background: $menu-active-bg; + color: color-contrast($active-bg) !important; + box-shadow: 0px 2px 6px 0px rgba($active-bg, 0.3); + &.menu-toggle::after { + color: color-contrast($active-bg) !important; + } + @if $rtl-support { + [dir='rtl'] & { + background: $menu-active-bg-rtl; + box-shadow: 0px 2px 6px 0px rgba($active-bg, 0.3); + color: color-contrast($active-bg) !important; + } + } + } + + .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub, + .menu-inner .menu-item.open > .menu-toggle { + background: $bg; + } + + .menu-item.active > .menu-link:not(.menu-toggle) { + background: $horizontal-active-bg; + color: $active-bg !important; + } + } + .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub, + .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle { + background: transparent; + color: color-contrast($active-bg); + } + + .menu-inner-shadow { + background: linear-gradient($bg 41%, rgba($bg, 0.11) 95%, rgba($bg, 0)); + } + + .menu-text { + color: map-get($colors, active-color); + } + + .menu-header { + color: map-get($colors, muted-color); + } + + hr, + .menu-divider, + .menu-inner > .menu-item.open > .menu-sub::before { + border-color: map-get($colors, border) !important; + } + + .menu-block::before { + background-color: map-get($colors, muted-color); + } + + .ps__thumb-y, + .ps__rail-y.ps--clicking > .ps__thumb-y { + background: rgba( + map-get($colors, active-color), + if($contrast-percent > 0.75, map-get($colors, opacity) - 0.4, map-get($colors, opacity) - 0.2) + ) !important; + } + } +} diff --git a/resources/assets/vendor/scss/_components/mixins/_misc.scss b/resources/assets/vendor/scss/_components/mixins/_misc.scss new file mode 100644 index 0000000..f45340d --- /dev/null +++ b/resources/assets/vendor/scss/_components/mixins/_misc.scss @@ -0,0 +1,6 @@ +// SVG Color +@mixin template-svg-color($background) { + .svg-illustration svg { + fill: $background; + } +} diff --git a/resources/assets/vendor/scss/_components/mixins/_navbar.scss b/resources/assets/vendor/scss/_components/mixins/_navbar.scss new file mode 100644 index 0000000..907493c --- /dev/null +++ b/resources/assets/vendor/scss/_components/mixins/_navbar.scss @@ -0,0 +1,90 @@ +// Navbar +// ******************************************************************************* + +@mixin template-navbar-style($parent, $bg, $color: null, $active-color: null, $border: null) { + $colors: get-navbar-prop($bg, $active-color, $color, $border); + + #{$parent} { + background-color: rgba(map-get($colors, bg), 0.88) !important; + color: map-get($colors, color); + + .navbar-brand, + .navbar-brand a { + color: map-get($colors, active-color); + + &:hover, + &:focus { + color: map-get($colors, active-color); + } + } + + // Navbar search color + .navbar-search-wrapper { + .navbar-search-icon, + .search-input { + color: map-get($colors, color); + } + } + .search-input-wrapper { + .search-input, + .search-toggler { + background-color: $bg !important; + color: map-get($colors, color); + } + } + + .navbar-nav { + > .nav-link, + > .nav-item > .nav-link, + > .nav > .nav-item > .nav-link { + color: map-get($colors, color); + + &:hover, + &:focus { + color: map-get($colors, active-color); + } + + &.disabled { + color: map-get($colors, disabled-color) !important; + } + } + + .show > .nav-link, + .active > .nav-link, + .nav-link.show, + .nav-link.active { + color: map-get($colors, active-color); + } + } + + .navbar-toggler { + color: map-get($colors, color); + border-color: map-get($colors, border); + } + + .navbar-toggler-icon { + background-image: if( + map-get($colors, contrast-percent) > 0.75, + $navbar-light-toggler-icon-bg, + $navbar-dark-toggler-icon-bg + ); + } + + .navbar-text { + color: map-get($colors, color); + + a { + color: map-get($colors, active-color); + + &:hover, + &:focus { + color: map-get($colors, active-color); + } + } + } + + hr { + border-color: map-get($colors, border); + } + } +} diff --git a/resources/assets/vendor/scss/_components/mixins/_switch.scss b/resources/assets/vendor/scss/_components/mixins/_switch.scss new file mode 100644 index 0000000..a5b5339 --- /dev/null +++ b/resources/assets/vendor/scss/_components/mixins/_switch.scss @@ -0,0 +1,179 @@ +// * Switches +// ******************************************************************************* + +@mixin template-switch-size-base( + $size, + $width, + $height, + $font-size, + $form-label-font-size, + $label-line-height, + $inner-spacer +) { + min-height: $height; + + font-size: $form-label-font-size; + line-height: $label-line-height; + + $delta: 0; + $line-height-computed: $form-label-font-size * $label-line-height; + .switch-label:first-child { + padding-right: $switch-gutter; + } + .switch-input ~ .switch-label { + padding-left: $width + $switch-gutter; + } + + .switch-toggle-slider { + width: $width; + height: $height - ($delta * 2); + font-size: $font-size; + line-height: $height; + border: 1px solid transparent; + + i { + position: relative; + font-size: $form-label-font-size; + @if ($size== 'lg') { + top: -2px; + } @else if ($size== 'sm') { + top: -2px; + } @else { + top: -1.35px; + } + } + + @if ($line-height-computed>$height) { + top: (($line-height-computed - $height) * 0.5) + $delta; + } @else { + top: 50%; + transform: translateY(-50%); + } + } + + .switch-label { + @if ($line-height-computed < $height) { + top: ($height - $line-height-computed) * 0.5; + } @else { + top: 0; + } + } + + .switch-input:checked ~ .switch-toggle-slider::after { + left: $width - $height - 0.1; + } + + .switch-toggle-slider::after { + margin-left: $inner-spacer; + width: ceil(rem-to-px($height - $inner-spacer * 2)); + height: ceil(rem-to-px($height - $inner-spacer * 2)); + } + + .switch-on { + padding-left: $inner-spacer; + padding-right: $height - $inner-spacer; + } + + .switch-off { + padding-left: $height - $inner-spacer; + padding-right: $inner-spacer; + } + + @if $rtl-support { + [dir='rtl'] & .switch-label { + padding-right: $width + $switch-gutter; + padding-left: 0; + } + [dir='rtl'] & .switch-input:checked ~ .switch-toggle-slider::after { + left: auto; + right: $width - $height - 0.15; + } + + [dir='rtl'] & .switch-toggle-slider { + &::after { + margin-left: 0; + margin-right: $inner-spacer; + } + } + + [dir='rtl'] & .switch-on { + padding-left: $height - $inner-spacer; + padding-right: $inner-spacer; + } + + [dir='rtl'] & .switch-off { + padding-left: $inner-spacer; + padding-right: $height - $inner-spacer; + } + } +} + +// Switch size +@mixin template-switch-size( + $size, + $width, + $height, + $font-size, + $form-label-font-size, + $label-line-height, + $inner-spacer: $switch-inner-spacer +) { + .switch-#{$size} { + @include template-switch-size-base( + $size, + $width, + $height, + $font-size, + $form-label-font-size, + $label-line-height, + $inner-spacer + ); + } +} + +// Switch variant +@mixin template-switch-variant($parent, $background, $color: null) { + $selector: if($parent== '', '', '#{$parent}.switch'); + $color: if($color, $color, color-contrast($background)); + + #{$selector} .switch-input:checked ~ .switch-toggle-slider { + background: $background; + color: $color; + box-shadow: 0 2px 6px 0 rgba($background, 0.3); + } +} + +// Switch theme +@mixin template-switch-theme($parent, $background, $color: null) { + @include template-switch-variant($parent, $background, $color); +} + +// Switch validation +@mixin template-switch-validation-state($state, $color) { + .switch-input { + //BS & jQuery validation + .was-validated &:#{$state}, + &.invalid, + //jq + &.is-#{$state} { + ~ .switch-label { + color: $color; + } + + ~ .#{$state}-feedback, + ~ .#{$state}-tooltip { + display: block; + } + + ~ .switch-toggle-slider { + border: 1px solid $color !important; + } + + &:checked ~ .switch-toggle-slider { + background: $color; + color: color-contrast($color); + box-shadow: 0 2px 6px 0 rgba($color, 0.3); + } + } + } +} diff --git a/resources/assets/vendor/scss/_components/mixins/_text-divider.scss b/resources/assets/vendor/scss/_components/mixins/_text-divider.scss new file mode 100644 index 0000000..cd67b7e --- /dev/null +++ b/resources/assets/vendor/scss/_components/mixins/_text-divider.scss @@ -0,0 +1,17 @@ +// Text Divider +// ******************************************************************************* + +@mixin template-text-divider-variant($divider-color, $background) { + $divider-selector: if($divider-color== '', '', '#{$divider-color}'); + .divider { + &#{$divider-selector} { + &.divider-vertical, + .divider-text { + &:before, + &:after { + border-color: $background; + } + } + } + } +} diff --git a/resources/assets/vendor/scss/_components/mixins/_timeline.scss b/resources/assets/vendor/scss/_components/mixins/_timeline.scss new file mode 100644 index 0000000..5067c84 --- /dev/null +++ b/resources/assets/vendor/scss/_components/mixins/_timeline.scss @@ -0,0 +1,33 @@ +// Timeline +// ******************************************************************************* + +// Timeline point +@mixin template-timeline-point-variant($point-color, $background) { + .timeline { + #{$point-color} { + background-color: $background !important; + outline: 3px solid rgba($background, 0.12); + } + + // Timeline-outline styles + &.timeline-outline { + #{$point-color} { + border: 2px solid $background !important; + } + } + } +} + +@mixin template-timeline-indicator-variant($indicator-color, $background) { + $color: $background; + $background: rgba-to-hex(rgba($background, 0.16), $rgba-to-hex-bg); + + .timeline { + #{$indicator-color} { + background-color: $background; + i { + color: $color !important; + } + } + } +} diff --git a/resources/assets/vendor/scss/_components/mixins/_treeview.scss b/resources/assets/vendor/scss/_components/mixins/_treeview.scss new file mode 100644 index 0000000..081a8c4 --- /dev/null +++ b/resources/assets/vendor/scss/_components/mixins/_treeview.scss @@ -0,0 +1,30 @@ +// Treeview +// ******************************************************************************* + +// Treeview click +@mixin template-treeview-clicked-bg($background) { + .jstree-default { + .jstree-wholerow-hovered, + .jstree-hovered { + background: $component-hover-bg; + color: $component-hover-color; + } + .jstree-wholerow-clicked, + .jstree-clicked { + background: $component-hover-color; + color: $white; + } + } + .jstree-default-dark { + .jstree-wholerow-hovered, + .jstree-hovered { + background: $component-hover-bg; + color: $component-hover-color; + } + .jstree-wholerow-clicked, + .jstree-clicked { + background: $component-hover-color; + color: $white; + } + } +} diff --git a/resources/assets/vendor/scss/_custom-variables/_bootstrap-extended-dark.scss b/resources/assets/vendor/scss/_custom-variables/_bootstrap-extended-dark.scss new file mode 100644 index 0000000..29b6f8f --- /dev/null +++ b/resources/assets/vendor/scss/_custom-variables/_bootstrap-extended-dark.scss @@ -0,0 +1,6 @@ +// =================================================================================================================== +// ? TIP: It is recommended to use this file for overriding bootstrap extended dark variables (_bootstrap-extended/_variables-dark.scss). +// Copy and paste variables as needed, modify their values, and remove the !default flag. +// =================================================================================================================== + +// $success: #f0f000 !default; diff --git a/resources/assets/vendor/scss/_custom-variables/_bootstrap-extended.scss b/resources/assets/vendor/scss/_custom-variables/_bootstrap-extended.scss new file mode 100644 index 0000000..e6dedd5 --- /dev/null +++ b/resources/assets/vendor/scss/_custom-variables/_bootstrap-extended.scss @@ -0,0 +1,7 @@ +// =================================================================================================================== +// ? TIP: It is recommended to use this file for overriding bootstrap extended variables (_bootstrap-extended/_variables.scss). +// Copy and paste variables as needed, modify their values, and remove the !default flag. +// =================================================================================================================== + +// $font-size-root: 14px !default; +// $success: #00ff00 !default; diff --git a/resources/assets/vendor/scss/_custom-variables/_components-dark.scss b/resources/assets/vendor/scss/_custom-variables/_components-dark.scss new file mode 100644 index 0000000..706c14e --- /dev/null +++ b/resources/assets/vendor/scss/_custom-variables/_components-dark.scss @@ -0,0 +1,5 @@ +// ========================================================================================================== +// ? TIP: It is recommended to use this file for overriding component dark variables (_components/_variables-dark.scss). +// Copy and paste variables as needed, modify their values, and remove the !default flag. +// ========================================================================================================== +// $menu-width: 18rem !default; diff --git a/resources/assets/vendor/scss/_custom-variables/_components.scss b/resources/assets/vendor/scss/_custom-variables/_components.scss new file mode 100644 index 0000000..e6230c4 --- /dev/null +++ b/resources/assets/vendor/scss/_custom-variables/_components.scss @@ -0,0 +1,6 @@ +// ================================================================================================ +// ? TIP: It is recommended to use this file for overriding component variables (_components/_variables.scss). +// Copy and paste variables as needed, modify their values, and remove the !default flag. +// ================================================================================================ + +// $menu-width: 14rem !default; diff --git a/resources/assets/vendor/scss/_custom-variables/_libs.scss b/resources/assets/vendor/scss/_custom-variables/_libs.scss new file mode 100644 index 0000000..0235932 --- /dev/null +++ b/resources/assets/vendor/scss/_custom-variables/_libs.scss @@ -0,0 +1,8 @@ +// ================================================================================================ +// ? TIP: It is recommended to use this file for overriding any library variables from (libs/) folder. +// Copy and paste variables as needed, modify their values, and remove the !default flag. +// ================================================================================================ + +@import 'support'; + +// $flatpickr-content-padding: 0.5rem; \ No newline at end of file diff --git a/resources/assets/vendor/scss/_custom-variables/_pages.scss b/resources/assets/vendor/scss/_custom-variables/_pages.scss new file mode 100644 index 0000000..f72a574 --- /dev/null +++ b/resources/assets/vendor/scss/_custom-variables/_pages.scss @@ -0,0 +1,8 @@ +// ================================================================================================ +// ? TIP: It is recommended to use this file for overriding any pages variables from the (pages/) folder. +// Copy and paste variables as needed, modify their values, and remove the !default flag. +// ================================================================================================ + +@import 'support'; + +// $calender-sidebar-width: 20rem; \ No newline at end of file diff --git a/resources/assets/vendor/scss/_custom-variables/_support.scss b/resources/assets/vendor/scss/_custom-variables/_support.scss new file mode 100644 index 0000000..93cde5c --- /dev/null +++ b/resources/assets/vendor/scss/_custom-variables/_support.scss @@ -0,0 +1,51 @@ +$enable-light-style: true; +$enable-dark-style: true; +$enable-rtl-support: true; + +@mixin app-ltr($has-child: true) { + @if $enable-rtl-support { + @if $has-child { + html:not([dir='rtl']) & { + @content; + } + } @else { + html:not([dir='rtl']) { + @content; + } + } + } @else { + @content; + } +} + +@mixin app-ltr-style() { + @if $enable-rtl-support { + &:not([dir='rtl']) { + @content; + } + } @else { + @content; + } +} + +@mixin app-rtl($has-child: true) { + @if $enable-rtl-support { + @if $has-child { + [dir='rtl'] & { + @content; + } + } @else { + [dir='rtl'] { + @content; + } + } + } +} + +@mixin app-rtl-style() { + @if $enable-rtl-support { + &[dir='rtl'] { + @content; + } + } +} diff --git a/resources/assets/vendor/scss/_theme/_common.scss b/resources/assets/vendor/scss/_theme/_common.scss new file mode 100644 index 0000000..09a66bf --- /dev/null +++ b/resources/assets/vendor/scss/_theme/_common.scss @@ -0,0 +1,75 @@ +// Theme mixin +// ******************************************************************************* + +@mixin template-common-theme($background, $color: null) { + @include text-variant('.text-primary', $background); + @include bg-variant('.bg-primary', $background); + @include bg-label-variant('.bg-label-primary', $background); + @include bg-label-hover-variant('.bg-label-hover-primary', $background); + @include bg-gradient-variant('.bg-gradient-primary', $background); + @include bg-glow-variant('.bg-primary', $background); + @include template-pagination-theme($background, $color); + @include template-pagination-outline-variant('.pagination-outline-primary', $background); + @include template-progress-bar-theme($background, $color); + @include template-progress-shadow-theme('.progress-bar', $background); + @include template-modal-onboarding-theme($background, $color); + @include template-list-group-theme($background, $color); + @include template-list-group-timeline-variant('.list-group-timeline-primary', $background); + @include template-alert-variant('.alert-primary', $background); + @include template-alert-outline-variant('.alert-outline-primary', $background); + @include template-alert-solid-variant('.alert-solid-primary', $background); + @include template-tooltip-variant( + '.tooltip-primary, .tooltip-primary > .tooltip, .ngb-tooltip-primary + ngb-tooltip-window', + $background, + $color + ); + @include template-popover-variant( + '.popover-primary, .popover-primary > .popover, .ngb-popover-primary + ngb-popover-window', + $background, + $color + ); + + // Need to add shift-color as BS5 updated with table variant colors like this + + @include template-table-variant('primary', shift-color($background, $table-bg-scale)); + @include template-button-variant('.btn-primary', $background, $color); + @include template-button-label-variant('.btn-label-primary', $background, $color); + @include template-button-text-variant('.btn-text-primary', $background, $color); + @include template-button-outline-variant('.btn-outline-primary', $background, $color); + @include template-dropdown-theme(rgba-to-hex(rgba($background, 0.16), $card-bg), $background); + @include template-nav-theme($background, $color); + @include template-form-control-theme($background); + @include template-form-check-theme($background, $color); + @include template-form-switch-theme($background); + @include template-file-input-theme($background); + + @include template-switch-variant('', $background, $color); // For default switch + @include template-switch-variant('.switch-primary', $background, $color); + + @include template-timeline-point-variant('.timeline-point-primary', $background); + @include template-timeline-indicator-variant('.timeline-indicator-primary', $background); + @include template-text-divider-variant('.divider-primary', $background); + + @include template-navbar-style('.navbar.bg-primary', $background); + @include template-menu-style('.menu.bg-primary', $background); + @include template-footer-style('.footer.bg-primary', $background); + @include template-float-label-theme($background); + @include template-svg-color($background); + @include template-treeview-clicked-bg($background); + @include template-card-border-shadow-variant('.card-border-shadow-primary', $background); + @include template-card-hover-border-variant('.card-hover-border-primary', $background); + + html:not([dir='rtl']) .border-primary, + html[dir='rtl'] .border-primary { + border-color: $background !important; + } + a { + color: $background; + &:hover { + color: tint-color($background, 10%); + } + } + .fill-primary { + fill: $background; + } +} diff --git a/resources/assets/vendor/scss/_theme/_libs.scss b/resources/assets/vendor/scss/_theme/_libs.scss new file mode 100644 index 0000000..68d8c88 --- /dev/null +++ b/resources/assets/vendor/scss/_theme/_libs.scss @@ -0,0 +1,75 @@ +// Imports +// ******************************************************************************* + +@import '../../libs/nouislider/mixins'; +@import '../../libs/select2/mixins'; + +@import '../../libs/tagify/mixins'; +@import '../../libs/datatables-responsive-bs5/mixins'; +@import '../../libs/bootstrap-select/mixins'; +@import '../../libs/bootstrap-datepicker/mixins'; +@import '../../libs/flatpickr/mixins'; +@import '../../libs/bootstrap-daterangepicker/mixins'; +@import '../../libs/jquery-timepicker/mixins'; +@import '../../libs/quill/mixins'; +@import '../../libs/typeahead-js/mixins'; +@import '../../libs/dropzone/mixins'; +@import '../../libs/swiper/mixins'; +@import '../../libs/spinkit/mixins'; +@import '../../libs/plyr/mixins'; +@import '../../libs/fullcalendar/mixins'; +@import '../../libs/sweetalert2/mixins'; +@import '../../libs/pickr/mixins'; +@import '../../libs/shepherd/mixins'; +@import '../../libs/bs-stepper/mixins'; + +// Theme mixin +// ******************************************************************************* + +@mixin template-libs-theme($background, $color: null) { + @include nouislider-theme($background); + @include select2-theme($background, $color); + @include tagify-theme($background); + @include bs-datatables-theme($background); + @include bs-select-theme($background, $color); + @include bs-datepicker-theme($background, $color); + @include flatpickr-theme($background, $color); + @include bs-daterangepicker-theme($background, $color); + @include timepicker-theme($background, $color); + @include quill-theme($background); + @include typeahead-theme($background, $color); + @include dropzone-theme($background); + @include swiper-theme($background); + @include spinkit-theme($background); + @include plyr-theme($background, $color); + @include fullcalendar-theme($background, $color); + @include sweetalert2-theme($background, $color); + @include colorPicker-theme($background); + @include icon-theme($background); + @include tour-theme($background); + @include bs-stepper-theme($background); +} + +@mixin template-libs-dark-theme($background, $color: null) { + @include nouislider-theme($background); + @include select2-theme($background, $color); + @include tagify-theme($background); + @include bs-datatables-theme($background); + @include bs-select-theme($background, $color); + @include bs-datepicker-dark-theme($background, $color); + @include flatpickr-dark-theme($background, $color); + @include bs-daterangepicker-dark-theme($background, $color); + @include timepicker-theme($background, $color); + @include quill-theme($background); + @include typeahead-theme($background, $color); + @include dropzone-theme($background); + @include swiper-theme($background); + @include spinkit-theme($background); + @include plyr-theme($background, $color); + @include fullcalendar-theme($background, $color); + @include sweetalert2-dark-theme($background, $color); + @include colorPicker-theme($background); + @include icon-theme($background); // ToDo: placement of mixin + @include tour-theme($background); + @include bs-stepper-theme($background); +} diff --git a/resources/assets/vendor/scss/_theme/_pages.scss b/resources/assets/vendor/scss/_theme/_pages.scss new file mode 100644 index 0000000..b98f5e2 --- /dev/null +++ b/resources/assets/vendor/scss/_theme/_pages.scss @@ -0,0 +1,10 @@ +// Page mixins +// ******************************************************************************* + +@import '../pages/mixins'; + +@mixin template-pages-theme($background, $color: null) { + // include page related mixins + @include app-chat-theme($background); + @include front-theme($background); +} diff --git a/resources/assets/vendor/scss/_theme/_theme.scss b/resources/assets/vendor/scss/_theme/_theme.scss new file mode 100644 index 0000000..3cf16bb --- /dev/null +++ b/resources/assets/vendor/scss/_theme/_theme.scss @@ -0,0 +1,103 @@ +// ? Theme related styles common styles + +@import '../_components/include'; + +// Space above detached navbar (vertical layout only) +.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before { + content: ''; + width: 100%; + height: calc($spacer + $navbar-height); + position: fixed; + top: 0px; + z-index: 10; +} + +.bg-menu-theme { + // Sub menu item link bullet + .menu-sub > .menu-item > .menu-link:before { + content: '\ea6b'; + font-family: 'tabler-icons'; + position: absolute; + font-size: 0.75rem; + font-weight: bold; + } + &.menu-vertical { + .menu-sub > .menu-item > .menu-link:before { + left: 1.1rem; + @include rtl-style { + right: 1.1rem; + left: inherit; + } + } + .menu-sub > .menu-item .menu-link .menu-icon { + display: none; + } + } + &.menu-horizontal { + .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link { + @include ltr-style { + padding-left: $menu-horizontal-link-padding-x; + } + @include rtl-style { + padding-right: $menu-horizontal-link-padding-x; + } + &:before { + content: ''; + } + } + } + // Sub menu item link bullet + .menu-sub > .menu-item > .menu-link:before { + // For horizontal layout + .layout-horizontal & { + left: 1.1rem; + @include rtl-style { + right: 1.1rem; + left: inherit; + } + } + } + + .menu-inner .menu-item .menu-link { + .layout-wrapper:not(.layout-horizontal) & { + border-radius: $border-radius; + } + } + .menu-inner > .menu-item > .menu-link { + .layout-horizontal & { + border-radius: $border-radius; + } + } + + .menu-inner > { + // Spacing and Box-shadow only for horizontal menu above lg screen + @include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + .menu-item { + .layout-horizontal & { + margin: $menu-vertical-header-margin-y 0; + &:not(:first-child) { + margin-inline-start: calc($menu-item-spacer / 2); + } + &:not(:last-child) { + margin-inline-end: calc($menu-item-spacer / 2); + } + } + } + } + .menu-item.active:before { + .layout-wrapper:not(.layout-horizontal) & { + content: ''; + position: absolute; + right: 0; + width: 0.25rem; + height: 2.6845rem; + border-radius: $border-radius 0 0 $border-radius; + @include rtl-style { + left: 0; + right: inherit; + border-radius: 0 $border-radius $border-radius 0; + } + } + } + } +} diff --git a/resources/assets/vendor/scss/core-dark.scss b/resources/assets/vendor/scss/core-dark.scss new file mode 100644 index 0000000..7233d20 --- /dev/null +++ b/resources/assets/vendor/scss/core-dark.scss @@ -0,0 +1,4 @@ +@import 'bootstrap-dark'; +@import 'bootstrap-extended-dark'; +@import 'components-dark'; +@import 'colors-dark'; diff --git a/resources/assets/vendor/scss/core.scss b/resources/assets/vendor/scss/core.scss new file mode 100644 index 0000000..dae0761 --- /dev/null +++ b/resources/assets/vendor/scss/core.scss @@ -0,0 +1,4 @@ +@import 'bootstrap'; +@import 'bootstrap-extended'; +@import 'components'; +@import 'colors'; diff --git a/resources/assets/vendor/scss/pages/_mixins.scss b/resources/assets/vendor/scss/pages/_mixins.scss new file mode 100644 index 0000000..87ce6d2 --- /dev/null +++ b/resources/assets/vendor/scss/pages/_mixins.scss @@ -0,0 +1,78 @@ +/* +* Pages Mixins +*/ +@import '../../scss/_bootstrap-extended/functions'; + +@mixin icon-theme($color) { + .icon-card.active { + outline: 1px solid $color; + i, + svg { + color: $color; + } + } +} + +// App Chat +@mixin app-chat-theme($color) { + $chat-item-active-bg: $color; + .app-chat { + .sidebar-body { + .chat-contact-list { + li { + &.active { + background: $chat-item-active-bg; + } + } + } + } + .app-chat-history { + .chat-history { + .chat-message { + &.chat-message-right { + .chat-message-text { + background-color: $color !important; + } + } + } + } + } + } +} + +@mixin front-theme($color) { + // Navbar --------------------- + .navbar { + &.landing-navbar { + .navbar-nav { + .show > .nav-link, + .active > .nav-link, + .nav-link.show, + .nav-link.active, + .nav-link:hover { + color: $color !important; + i { + color: $color !important; + } + } + } + } + } + + // Landing page --------------------- + // Useful features + .landing-features { + .features-icon-wrapper { + .features-icon-box { + .features-icon { + border: 2px solid rgba($color, 0.2); + } + &:hover { + .features-icon { + background-color: rgba($color, 0.05); + } + } + } + } + } +} diff --git a/resources/assets/vendor/scss/theme-bordered-dark.scss b/resources/assets/vendor/scss/theme-bordered-dark.scss new file mode 100644 index 0000000..dcaa37a --- /dev/null +++ b/resources/assets/vendor/scss/theme-bordered-dark.scss @@ -0,0 +1,343 @@ +@import './_components/include-dark'; +@import './_theme/common'; +@import './_theme/libs'; +@import './_theme/pages'; +@import './_theme/_theme'; + +$primary-color: #7367f0; + +body { + background: $card-bg; +} + +.bg-body { + background: $body-bg !important; +} + +.dropdown-menu, +.popover, +.toast, +.flatpickr-calendar:not(.app-calendar-sidebar .flatpickr-calendar), +.datepicker.datepicker-inline, +.datepicker.datepicker-inline table, +.daterangepicker, +.pcr-app, +.ui-timepicker-wrapper, +.twitter-typeahead .tt-menu, +.tagify__dropdown, +.swal2-popup, +.select2-dropdown, +.select2-container--default .select2-dropdown.select2-dropdown--above, +.shepherd-element, +.menu-horizontal .menu-inner > .menu-item.open .menu-sub, +div.dataTables_wrapper .dt-button-collection { + outline: none; + box-shadow: none !important; + border: 1px solid $border-color !important; +} + +.flatpickr-days, +.flatpickr-time { + border-width: 0 !important; +} + +// Bootstrap select > double border fix +.dropdown-menu .dropdown-menu { + border: none !important; +} +.datepicker.datepicker-inline { + width: fit-content; + border-radius: $border-radius; +} +.apexcharts-canvas .apexcharts-tooltip, +.modal-content, +.offcanvas, +div.dataTables_wrapper .dt-button-collection > div[role='menu'] { + box-shadow: none !important; +} +.modal-content { + & { + border: $border-width solid $border-color !important; + } +} +.offcanvas.offcanvas-start, +.offcanvas.offcanvas-end, +.offcanvas.offcanvas-top, +.offcanvas.offcanvas-bottom { + border-width: $border-width; +} +.select2-dropdown { + border-color: $border-color !important; +} +.bs-popover-start > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before { + border-left-color: $border-color !important; + right: -1px; +} +.bs-popover-end > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before { + border-right-color: $border-color !important; + left: -1px; +} +.bs-popover-top > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before { + border-top-color: $border-color !important; + bottom: -1px; +} +.bs-popover-bottom > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before { + border-bottom-color: $border-color !important; + top: -1px; +} + +@include template-common-theme($primary-color); +@include template-libs-dark-theme($primary-color); +@include template-pages-theme($primary-color); + +// Navbar +// --------------------------------------------------------------------------- +@include template-navbar-style('.bg-navbar-theme', $card-bg, $color: $headings-color, $active-color: $headings-color); +.layout-navbar, +.menu-horizontal { + backdrop-filter: saturate(200%) blur(6px); +} +.navbar-detached { + border: 1px solid $border-color; + box-shadow: none; +} +.layout-navbar-fixed .layout-page:before { + backdrop-filter: saturate(200%) blur(10px); + background: linear-gradient(180deg, rgba($card-bg, 70%) 44%, rgba($card-bg, 43%) 73%, rgba($card-bg, 0%)); + -webkit-mask: linear-gradient($card-bg, $card-bg 18%, transparent 100%); + mask: linear-gradient($card-bg, $card-bg 18%, transparent 100%); +} +.layout-horizontal { + .layout-navbar { + box-shadow: 0 1px 0 $border-color; + } + .layout-page .menu-horizontal { + box-shadow: none; + border-bottom: 1px solid $border-color; + } +} + +// Menu +// --------------------------------------------------------------------------- +@include template-menu-style( + '.bg-menu-theme', + $card-bg, + $color: $headings-color, + $active-color: $headings-color, + $active-bg: $primary-color +); + +.bg-menu-theme { + .menu-inner { + .menu-item { + &.open, + &.active { + > .menu-link.menu-toggle { + &, + .layout-menu-hover.layout-menu-collapsed & { + background: $gray-75; + } + } + } + &:not(.active) > .menu-link:hover { + html:not(.layout-menu-collapsed) &, + .layout-menu-hover.layout-menu-collapsed & { + background: $gray-50; + } + } + } + } + .menu-inner .menu-sub .menu-item:not(.active) > .menu-link::before { + color: $body-color !important; + } +} + +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + .layout-menu { + box-shadow: 0 0 0 1px $border-color; + } +} + +.layout-menu-horizontal { + box-shadow: 0 -1px 0 $border-color inset; +} + +// Footer +// --------------------------------------------------------------------------- +@include template-footer-style('.bg-footer-theme', $card-bg, $color: $primary-color, $active-color: $primary-color); + +.content-footer .footer-container { + .layout-footer-fixed .layout-wrapper:not(.layout-horizontal) & { + border: 1px solid $border-color; + border-bottom: 0; + } +} +.content-footer { + .layout-horizontal & { + border-top: 1px solid $border-color; + } +} + +// Component styles +// --------------------------------------------------------------------------- + +// card +.card:not(.card-group .card), +.card-group { + box-shadow: none; + border: $border-width solid $card-border-color; +} +// card border-shadow variant +.card { + &[class*='card-border-shadow-'] { + &:hover { + box-shadow: none !important; + } + } +} + +//Accordion +.accordion { + &:not(.accordion-custom-button):not(.accordion-arrow-left) { + .accordion-item { + border: $accordion-border-width solid $accordion-border-color; + } + } + .accordion-item { + box-shadow: none !important; + } +} + +// Tabs +.nav-tabs-shadow { + box-shadow: none !important; + border: 1px solid $border-color !important; + border-radius: $border-radius; +} +.nav-pills:not(.card-header-pills) { + ~ .tab-content { + border: 1px solid $border-color !important; + @include border-radius($border-radius); + box-shadow: none; + } +} +.nav-align-top .nav-tabs { + @include border-top-radius($border-radius); + ~ .tab-content { + box-shadow: none; + border-top-width: 0 !important; + @include border-bottom-radius($border-radius); + } +} +.nav-align-bottom .nav-tabs { + @include border-bottom-radius($border-radius); + ~ .tab-content { + box-shadow: none; + border-bottom-width: 0 !important; + @include border-top-radius($border-radius); + } +} +.nav-align-left .nav-tabs { + @include ltr-style { + @include border-start-radius($border-radius); + } + @include rtl-style { + @include border-end-radius($border-radius); + } + ~ .tab-content { + box-shadow: none; + @include ltr-style { + border-left-width: 0 !important; + @include border-end-radius($border-radius); + } + @include rtl-style { + border-right-width: 0 !important; + @include border-start-radius($border-radius); + } + } +} +.nav-align-right .nav-tabs { + @include ltr-style { + @include border-end-radius($border-radius); + } + @include rtl-style { + @include border-start-radius($border-radius); + } + ~ .tab-content { + box-shadow: none; + @include ltr-style { + border-right-width: 0 !important; + @include border-start-radius($border-radius); + } + @include rtl-style { + border-left-width: 0 !important; + @include border-end-radius($border-radius); + } + } +} + +//Kanban-item +.kanban-item { + box-shadow: none !important; + border: $border-width solid $card-border-color; +} + +// default form wizard style + +.bs-stepper:not(.wizard-modern) { + box-shadow: none !important; + border: 1px solid $border-color; + border-radius: $card-border-radius; + .modal .modal-body & { + border-width: 0; + } +} + +// modern form wizard style + +.bs-stepper.wizard-modern { + .bs-stepper-content { + box-shadow: none !important; + border: 1px solid $border-color; + border-radius: $card-border-radius; + } +} +// file upload (dropzone) +.dark-style .dz-preview { + box-shadow: none; + border: 1px solid $border-color; +} + +// timeline +.timeline { + .timeline-item { + .timeline-indicator, + .timeline-indicator-advanced { + box-shadow: 0 0 0 10px $card-bg; + } + } +} + +// App email rear card border effect +.app-email { + .app-email-view { + .email-card-last { + &:before { + border: 1px solid $border-color; + } + + &:after { + border: 1px solid $border-color; + } + } + } +} + +// authentication +.authentication-wrapper .authentication-bg { + border-inline-start: 1px solid $border-color; +} diff --git a/resources/assets/vendor/scss/theme-bordered.scss b/resources/assets/vendor/scss/theme-bordered.scss new file mode 100644 index 0000000..2676efc --- /dev/null +++ b/resources/assets/vendor/scss/theme-bordered.scss @@ -0,0 +1,343 @@ +@import './_components/include'; +@import './_theme/common'; +@import './_theme/libs'; +@import './_theme/pages'; +@import './_theme/_theme'; + +$primary-color: #7367f0; +$body-bg: #f8f7fa; + +body { + background: $card-bg; +} + +.bg-body { + background: $body-bg !important; +} + +.dropdown-menu, +.popover, +.toast, +.flatpickr-calendar:not(.app-calendar-sidebar .flatpickr-calendar), +.datepicker.datepicker-inline, +.datepicker.datepicker-inline table, +.daterangepicker, +.pcr-app, +.ui-timepicker-wrapper, +.twitter-typeahead .tt-menu, +.tagify__dropdown, +.swal2-popup, +.select2-dropdown, +.select2-container--default .select2-dropdown.select2-dropdown--above, +.shepherd-element, +.menu-horizontal .menu-inner > .menu-item.open .menu-sub, +div.dataTables_wrapper .dt-button-collection { + outline: none; + box-shadow: none !important; + border: 1px solid $border-color !important; +} + +.flatpickr-days, +.flatpickr-time { + border-width: 0 !important; +} + +// Bootstrap select > double border fix +.dropdown-menu .dropdown-menu { + border: none !important; +} +.datepicker.datepicker-inline { + width: fit-content; + border-radius: $border-radius; +} +.apexcharts-canvas .apexcharts-tooltip, +.modal-content, +.offcanvas, +div.dataTables_wrapper .dt-button-collection > div[role='menu'] { + box-shadow: none !important; +} +.modal-content { + & { + border: $border-width solid $border-color !important; + } +} +.offcanvas.offcanvas-start, +.offcanvas.offcanvas-end, +.offcanvas.offcanvas-top, +.offcanvas.offcanvas-bottom { + border-width: $border-width; +} +.select2-dropdown { + border-color: $border-color !important; +} +.bs-popover-start > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before { + border-left-color: $border-color !important; + right: -1px; +} +.bs-popover-end > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before { + border-right-color: $border-color !important; + left: -1px; +} +.bs-popover-top > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before { + border-top-color: $border-color !important; + bottom: -1px; +} +.bs-popover-bottom > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before { + border-bottom-color: $border-color !important; + top: -1px; +} + +@include template-common-theme($primary-color); +@include template-libs-theme($primary-color); +@include template-pages-theme($primary-color); + +// Navbar +// --------------------------------------------------------------------------- + +@include template-navbar-style('.bg-navbar-theme', $card-bg, $color: $headings-color, $active-color: $headings-color); +.layout-navbar, +.menu-horizontal { + backdrop-filter: saturate(200%) blur(6px); +} +.navbar-detached { + border: 1px solid $border-color; + box-shadow: none; +} +.layout-navbar-fixed .layout-page:before { + backdrop-filter: saturate(200%) blur(10px); + background: linear-gradient(180deg, rgba($card-bg, 70%) 44%, rgba($card-bg, 43%) 73%, rgba($card-bg, 0%)); + -webkit-mask: linear-gradient($card-bg, $card-bg 18%, transparent 100%); + mask: linear-gradient($card-bg, $card-bg 18%, transparent 100%); +} +.layout-horizontal { + .layout-navbar { + box-shadow: 0 1px 0 $border-color; + } + .layout-page .menu-horizontal { + box-shadow: none; + border-bottom: 1px solid $border-color; + } +} + +// Menu +// --------------------------------------------------------------------------- + +@include template-menu-style( + '.bg-menu-theme', + $card-bg, + $color: $headings-color, + $active-color: $headings-color, + $active-bg: $primary-color +); + +.bg-menu-theme { + .menu-inner { + .menu-item { + &.open, + &.active { + > .menu-link.menu-toggle { + &, + .layout-menu-hover.layout-menu-collapsed & { + background: $gray-75; + } + } + } + &:not(.active) > .menu-link:hover { + html:not(.layout-menu-collapsed) &, + .layout-menu-hover.layout-menu-collapsed & { + background: $gray-50; + } + } + } + } + .menu-inner .menu-sub .menu-item:not(.active) > .menu-link::before { + color: $body-color !important; + } +} + +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + .layout-menu { + box-shadow: 0 0 0 1px $border-color; + } +} + +.layout-menu-horizontal { + box-shadow: 0 -1px 0 $border-color inset; +} + +// timeline +.timeline { + .timeline-item { + .timeline-indicator, + .timeline-indicator-advanced { + box-shadow: 0 0 0 10px $card-bg; + } + } +} + +// Footer +// --------------------------------------------------------------------------- +@include template-footer-style('.bg-footer-theme', $card-bg, $color: $primary-color, $active-color: $primary-color); + +.content-footer .footer-container { + .layout-footer-fixed .layout-wrapper:not(.layout-horizontal) & { + border: 1px solid $border-color; + border-bottom: 0; + } +} +.layout-horizontal .bg-footer-theme { + border-top: 1px solid $border-color; +} + +// Component styles +// --------------------------------------------------------------------------- + +// card +.card:not(.card-group .card), +.card-group { + box-shadow: none; + border: $border-width solid $card-border-color; +} +// card border-shadow variant +.card { + &[class*='card-border-shadow-'] { + &:hover { + box-shadow: none !important; + } + } +} + +//Accordion +.accordion { + &:not(.accordion-custom-button):not(.accordion-arrow-left) { + .accordion-item { + border: $accordion-border-width solid $accordion-border-color; + } + } + .accordion-item { + box-shadow: none !important; + } +} + +// Tabs +.nav-tabs-shadow { + box-shadow: none !important; + border: 1px solid $border-color !important; + border-radius: $border-radius; +} +.nav-pills:not(.card-header-pills) { + ~ .tab-content { + border: 1px solid $border-color !important; + @include border-radius($border-radius); + box-shadow: none; + } +} +.nav-align-top .nav-tabs { + @include border-top-radius($border-radius); + ~ .tab-content { + box-shadow: none; + border-top-width: 0 !important; + @include border-bottom-radius($border-radius); + } +} +.nav-align-bottom .nav-tabs { + @include border-bottom-radius($border-radius); + ~ .tab-content { + box-shadow: none; + border-bottom-width: 0 !important; + @include border-top-radius($border-radius); + } +} +.nav-align-left .nav-tabs { + @include ltr-style { + @include border-start-radius($border-radius); + } + @include rtl-style { + @include border-end-radius($border-radius); + } + ~ .tab-content { + box-shadow: none; + @include ltr-style { + border-left-width: 0 !important; + @include border-end-radius($border-radius); + } + @include rtl-style { + border-right-width: 0 !important; + @include border-start-radius($border-radius); + } + } +} +.nav-align-right .nav-tabs { + @include ltr-style { + @include border-end-radius($border-radius); + } + @include rtl-style { + @include border-start-radius($border-radius); + } + ~ .tab-content { + box-shadow: none; + @include ltr-style { + border-right-width: 0 !important; + @include border-start-radius($border-radius); + } + @include rtl-style { + border-left-width: 0 !important; + @include border-end-radius($border-radius); + } + } +} + +//Kanban-item +.kanban-item { + box-shadow: none !important; + border: $border-width solid $card-border-color; +} +// default form wizard style +.bs-stepper:not(.wizard-modern) { + box-shadow: none !important; + border: 1px solid $border-color; + border-radius: $card-border-radius; + .modal .modal-body & { + border-width: 0; + } +} + +// modern form wizard style + +.bs-stepper.wizard-modern { + .bs-stepper-content { + box-shadow: none !important; + border: 1px solid $border-color; + border-radius: $card-border-radius; + } +} +// file upload (dropzone) +.light-style .dz-preview { + box-shadow: none; + border: 1px solid $border-color; +} + +// App email rear card border effect + +.app-email { + .app-email-view { + .email-card-last { + &:before { + border: 1px solid $border-color; + } + + &:after { + border: 1px solid $border-color; + } + } + } +} + +// authentication +.authentication-wrapper .authentication-bg { + border-inline-start: 1px solid $border-color; +} diff --git a/resources/assets/vendor/scss/theme-default-dark.scss b/resources/assets/vendor/scss/theme-default-dark.scss new file mode 100644 index 0000000..b2478e0 --- /dev/null +++ b/resources/assets/vendor/scss/theme-default-dark.scss @@ -0,0 +1,94 @@ +@import './_components/include-dark'; +@import './_theme/common'; +@import './_theme/libs'; +@import './_theme/pages'; +@import './_theme/_theme'; + +$primary-color: #7367f0; + +body { + background: $body-bg; +} + +.bg-body { + background: $body-bg !important; +} + +@include template-common-theme($primary-color); +@include template-libs-dark-theme($primary-color); +@include template-pages-theme($primary-color); + +// Navbar +// --------------------------------------------------------------------------- + +@include template-navbar-style('.bg-navbar-theme', $card-bg, $color: $headings-color, $active-color: $headings-color); + +.layout-navbar { + box-shadow: 0 0 10px $border-color; + backdrop-filter: saturate(200%) blur(6px); +} +.menu-horizontal { + backdrop-filter: saturate(200%) blur(6px); +} +.layout-horizontal .layout-navbar { + box-shadow: 0 1px 0 $border-color; +} +.navbar-detached { + box-shadow: $box-shadow-sm; +} +.layout-navbar-fixed .layout-page:before { + backdrop-filter: saturate(200%) blur(10px); + background: linear-gradient(180deg, rgba($body-bg, 70%) 44%, rgba($body-bg, 43%) 73%, rgba($body-bg, 0%)); + -webkit-mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); + mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); +} + +// Menu +// --------------------------------------------------------------------------- + +@include template-menu-style( + '.bg-menu-theme', + $card-bg, + $color: $headings-color, + $active-color: $headings-color, + $border: transparent, + $active-bg: $primary-color +); +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + .bg-menu-theme { + box-shadow: $box-shadow-sm; + } +} +.bg-menu-theme { + .menu-inner { + .menu-item { + &.open, + &.active { + > .menu-link.menu-toggle { + &, + .layout-menu-hover.layout-menu-collapsed & { + background: $gray-75; + } + } + } + &:not(.active) > .menu-link:hover { + html:not(.layout-menu-collapsed) &, + .layout-menu-hover.layout-menu-collapsed & { + background: $gray-50; + } + } + } + } + .menu-inner .menu-sub .menu-item:not(.active) > .menu-link::before { + color: $body-color !important; + } +} + +// Footer +// --------------------------------------------------------------------------- +@include template-footer-style('.bg-footer-theme', $card-bg, $color: $primary-color, $active-color: $primary-color); + +.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container, +.layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer { + box-shadow: $box-shadow; +} diff --git a/resources/assets/vendor/scss/theme-default.scss b/resources/assets/vendor/scss/theme-default.scss new file mode 100644 index 0000000..27b48d3 --- /dev/null +++ b/resources/assets/vendor/scss/theme-default.scss @@ -0,0 +1,93 @@ +@import './_components/include'; +@import './_theme/common'; +@import './_theme/libs'; +@import './_theme/pages'; +@import './_theme/_theme'; + +$primary-color: #7367f0; +$body-bg: #f8f7fa; + +body { + background: $body-bg; +} + +.bg-body { + background: $body-bg !important; +} + +@include template-common-theme($primary-color); +@include template-libs-theme($primary-color); +@include template-pages-theme($primary-color); + +// Navbar +// --------------------------------------------------------------------------- +@include template-navbar-style('.bg-navbar-theme', $card-bg, $color: $headings-color, $active-color: $headings-color); + +.layout-navbar { + box-shadow: 0 0 10px $border-color; + backdrop-filter: saturate(200%) blur(6px); +} +.menu-horizontal { + backdrop-filter: saturate(200%) blur(6px); +} +.layout-horizontal .layout-navbar { + box-shadow: 0 1px 0 $border-color; +} +.navbar-detached { + box-shadow: $box-shadow-sm; +} +.layout-navbar-fixed .layout-page:before { + backdrop-filter: saturate(200%) blur(10px); + background: linear-gradient(180deg, rgba($body-bg, 70%) 44%, rgba($body-bg, 43%) 73%, rgba($body-bg, 0%)); + -webkit-mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); + mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); +} + +// Menu +// --------------------------------------------------------------------------- +@include template-menu-style( + '.bg-menu-theme', + $card-bg, + $color: $headings-color, + $active-color: $headings-color, + $border: transparent, + $active-bg: $primary-color +); +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + .bg-menu-theme { + box-shadow: $box-shadow-sm; + } +} +.bg-menu-theme { + .menu-inner { + .menu-item { + &.open, + &.active { + > .menu-link.menu-toggle { + &, + .layout-menu-hover.layout-menu-collapsed & { + background: $gray-75; + } + } + } + &:not(.active) > .menu-link:hover { + html:not(.layout-menu-collapsed) &, + .layout-menu-hover.layout-menu-collapsed & { + background: $gray-50; + } + } + } + } + .menu-inner .menu-sub .menu-item:not(.active) > .menu-link::before { + color: $body-color !important; + } +} + +// Footer +// --------------------------------------------------------------------------- +@include template-footer-style('.bg-footer-theme', $card-bg, $color: $primary-color, $active-color: $primary-color); + +.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container, +.layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer { + box-shadow: $box-shadow; +} diff --git a/resources/assets/vendor/scss/theme-raspberry-dark.scss b/resources/assets/vendor/scss/theme-raspberry-dark.scss new file mode 100644 index 0000000..2f852d2 --- /dev/null +++ b/resources/assets/vendor/scss/theme-raspberry-dark.scss @@ -0,0 +1,136 @@ +@import './_components/include-dark'; +@import './_theme/common'; +@import './_theme/libs'; +@import './_theme/pages'; +@import './_theme/_theme'; + +$primary-color: #e30b5c; + +body { + background: $body-bg; +} + +.bg-body { + background: $body-bg !important; +} + +@include template-common-theme($primary-color); +@include template-libs-theme($primary-color); +@include template-pages-theme($primary-color); + +// Navbar +// --------------------------------------------------------------------------- + +@include template-navbar-style('.bg-navbar-theme', $card-bg, $color: $headings-color, $active-color: $headings-color); + +.layout-navbar { + box-shadow: 0 1px 0 $border-color; + backdrop-filter: saturate(200%) blur(6px); +} +.menu-horizontal { + backdrop-filter: saturate(200%) blur(6px); +} +.navbar-detached { + box-shadow: 0 0 0.375rem 0.25rem rgba($black, 0.15); +} +.layout-navbar-fixed .layout-page:before { + backdrop-filter: saturate(200%) blur(10px); + background: linear-gradient(180deg, rgba($body-bg, 70%) 44%, rgba($body-bg, 43%) 73%, rgba($body-bg, 0%)); + -webkit-mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); + mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); +} +.layout-horizontal .layout-navbar { + box-shadow: 0 1px 0 $border-color; +} + +// Menu +// --------------------------------------------------------------------------- + +@include template-menu-style( + '.bg-menu-theme', + $card-bg, + $color: $headings-color, + $active-color: $body-color, + $active-bg: $primary-color +); + +.bg-menu-theme { + .menu-inner { + .menu-item { + &.open, + &.active { + > .menu-link.menu-toggle { + &, + .layout-menu-hover.layout-menu-collapsed & { + background: $gray-75; + } + } + } + &:not(.active) > .menu-link:hover { + html:not(.layout-menu-collapsed) &, + .layout-menu-hover.layout-menu-collapsed & { + background: $gray-50; + } + } + } + } + .menu-inner .menu-sub .menu-item:not(.active) > .menu-link::before { + color: $body-color !important; + } +} + +.layout-menu { + box-shadow: 0 0 0 1px $border-color; +} + +.layout-menu-horizontal { + box-shadow: 0 -1px 0 $border-color inset; +} + +.timeline .timeline-item .timeline-event:after { + content: ''; +} + +// Footer +// --------------------------------------------------------------------------- +@include template-footer-style('.bg-footer-theme', $card-bg, $color: $primary-color, $active-color: $primary-color); + +.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container, +.layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer { + box-shadow: $box-shadow; +} +// Component styles +// --------------------------------------------------------------------------- + +// card +.card { + box-shadow: none; + border: $border-width solid $card-border-color; +} + +// Accordion +.accordion { + .accordion-item { + border-top: $accordion-border-width solid $accordion-border-color; + } +} + +// default form wizard style + +.bs-stepper:not(.wizard-modern) { + border: 1px solid $border-color; + border-radius: $card-border-radius; + .modal .modal-body & { + border-width: 0; + } +} + +// modern form wizard style + +.bs-stepper.wizard-modern { + .bs-stepper-content { + box-shadow: none !important; + border: 1px solid $border-color; + border-radius: $card-border-radius; + } +} diff --git a/resources/assets/vendor/scss/theme-raspberry.scss b/resources/assets/vendor/scss/theme-raspberry.scss new file mode 100644 index 0000000..8b07048 --- /dev/null +++ b/resources/assets/vendor/scss/theme-raspberry.scss @@ -0,0 +1,137 @@ +@import './_components/include'; +@import './_theme/common'; +@import './_theme/libs'; +@import './_theme/pages'; +@import './_theme/_theme'; + +$primary-color: #e30b5c; +$body-bg: #f8f7fa; + +body { + background: $body-bg; +} + +.bg-body { + background: $body-bg !important; +} + +@include template-common-theme($primary-color); +@include template-libs-theme($primary-color); +@include template-pages-theme($primary-color); + +// Navbar +// --------------------------------------------------------------------------- + +@include template-navbar-style('.bg-navbar-theme', $card-bg, $color: $headings-color, $active-color: $headings-color); + +.layout-navbar { + box-shadow: 0 1px 0 $border-color; + backdrop-filter: saturate(200%) blur(6px); +} +.menu-horizontal { + backdrop-filter: saturate(200%) blur(6px); +} +.navbar-detached { + box-shadow: 0 0 0.375rem 0.25rem rgba(rgba-to-hex($gray-500, $rgba-to-hex-bg), 0.15); +} +.layout-navbar-fixed .layout-page:before { + backdrop-filter: saturate(200%) blur(10px); + background: linear-gradient(180deg, rgba($body-bg, 70%) 44%, rgba($body-bg, 43%) 73%, rgba($body-bg, 0%)); + -webkit-mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); + mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); +} +.layout-horizontal .layout-navbar { + box-shadow: 0 1px 0 $border-color; +} + +// Menu +// --------------------------------------------------------------------------- + +@include template-menu-style( + '.bg-menu-theme', + $card-bg, + $color: $headings-color, + $active-color: $headings-color, + $active-bg: $primary-color +); + +.bg-menu-theme { + .menu-inner { + .menu-item { + &.open, + &.active { + > .menu-link.menu-toggle { + &, + .layout-menu-hover.layout-menu-collapsed & { + background: rgba-to-hex(rgba($black, 0.08), $rgba-to-hex-bg); + } + } + } + &:not(.active) > .menu-link:hover { + html:not(.layout-menu-collapsed) &, + .layout-menu-hover.layout-menu-collapsed & { + background: rgba-to-hex(rgba($black, 0.06), $rgba-to-hex-bg); + } + } + } + } + .menu-inner .menu-sub .menu-item:not(.active) > .menu-link::before { + color: $body-color !important; + } +} + +.layout-menu { + box-shadow: 0 0 0 1px $border-color; +} + +.layout-menu-horizontal { + box-shadow: 0 -1px 0 $border-color inset; +} + +.timeline .timeline-item .timeline-event:after { + content: ''; +} + +// Footer +// --------------------------------------------------------------------------- +@include template-footer-style('.bg-footer-theme', $card-bg, $color: $primary-color, $active-color: $primary-color); + +.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container, +.layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer { + box-shadow: $box-shadow; +} +// Component styles +// --------------------------------------------------------------------------- + +// card +.card { + box-shadow: none; + border: $border-width solid $card-border-color; +} + +// Accordion +.accordion { + .accordion-item { + border-top: $accordion-border-width solid $accordion-border-color; + } +} + +// default form wizard style + +.bs-stepper:not(.wizard-modern) { + border: 1px solid $border-color; + border-radius: $card-border-radius; + .modal .modal-body & { + border-width: 0; + } +} + +// modern form wizard style + +.bs-stepper.wizard-modern { + .bs-stepper-content { + box-shadow: none !important; + border: 1px solid $border-color; + border-radius: $card-border-radius; + } +} diff --git a/resources/assets/vendor/scss/theme-semi-dark-dark.scss b/resources/assets/vendor/scss/theme-semi-dark-dark.scss new file mode 100644 index 0000000..eb51502 --- /dev/null +++ b/resources/assets/vendor/scss/theme-semi-dark-dark.scss @@ -0,0 +1,87 @@ +@import './_components/include-dark'; +@import './_theme/common'; +@import './_theme/libs'; +@import './_theme/pages'; +@import './_theme/_theme'; + +$primary-color: #7367f0; + +body { + background: $body-bg; +} + +.bg-body { + background: $body-bg !important; +} + +@include template-common-theme($primary-color); +@include template-libs-dark-theme($primary-color); +@include template-pages-theme($primary-color); + +// Navbar +// --------------------------------------------------------------------------- +@include template-navbar-style('.bg-navbar-theme', $card-bg, $color: $headings-color, $active-color: $headings-color); +.layout-navbar { + box-shadow: 0 1px 0 $border-color; + backdrop-filter: saturate(200%) blur(6px); +} +.menu-horizontal { + backdrop-filter: saturate(200%) blur(6px); +} +.navbar-detached { + box-shadow: 0 0.125rem 0.5rem 0 rgba($shadow-bg, 0.18); +} +.layout-navbar-fixed .layout-page:before { + backdrop-filter: saturate(200%) blur(10px); + background: linear-gradient(180deg, rgba($body-bg, 70%) 44%, rgba($body-bg, 43%) 73%, rgba($body-bg, 0%)); + -webkit-mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); + mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); +} + +// Menu +// --------------------------------------------------------------------------- +@include template-menu-style( + '.bg-menu-theme', + #2f3349, + $color: #cfcce4, + $active-color: $white, + $active-bg: $primary-color +); +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + .bg-menu-theme { + box-shadow: 0px 2px 8px 0px rgba(#131120, 0.18); + } +} +.bg-menu-theme { + .menu-inner { + .menu-item { + &.open, + &.active { + > .menu-link.menu-toggle { + &, + .layout-menu-hover.layout-menu-collapsed & { + background: rgba(#e1def5, 0.08); + } + } + } + &:not(.active) > .menu-link:hover { + html:not(.layout-menu-collapsed) &, + .layout-menu-hover.layout-menu-collapsed & { + background: rgba(#e1def5, 0.06); + } + } + } + } + .menu-inner .menu-sub .menu-item:not(.active) > .menu-link::before { + color: rgba(#e1def5, 0.7) !important; + } +} + +// Footer +// --------------------------------------------------------------------------- +@include template-footer-style('.bg-footer-theme', $card-bg, $color: $primary-color, $active-color: $primary-color); + +.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container, +.layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer { + box-shadow: $box-shadow; +} diff --git a/resources/assets/vendor/scss/theme-semi-dark.scss b/resources/assets/vendor/scss/theme-semi-dark.scss new file mode 100644 index 0000000..e135b10 --- /dev/null +++ b/resources/assets/vendor/scss/theme-semi-dark.scss @@ -0,0 +1,89 @@ +@import './_components/include'; +@import './_theme/common'; +@import './_theme/libs'; +@import './_theme/pages'; +@import './_theme/_theme'; + +$primary-color: #7367f0; +$body-bg: #f8f7fa; + +body { + background: $body-bg; +} + +.bg-body { + background: $body-bg !important; +} + +@include template-common-theme($primary-color); +@include template-libs-theme($primary-color); +@include template-pages-theme($primary-color); + +// Navbar +// --------------------------------------------------------------------------- +@include template-navbar-style('.bg-navbar-theme', $card-bg, $color: $headings-color, $active-color: $headings-color); + +.layout-navbar { + box-shadow: 0 1px 0 $border-color; + backdrop-filter: saturate(200%) blur(6px); +} +.menu-horizontal { + backdrop-filter: saturate(200%) blur(6px); +} +.navbar-detached { + box-shadow: 0 0.125rem 0.5rem 0 rgba($black, 0.12); +} +.layout-navbar-fixed .layout-page:before { + backdrop-filter: saturate(200%) blur(10px); + background: linear-gradient(180deg, rgba($body-bg, 70%) 44%, rgba($body-bg, 43%) 73%, rgba($body-bg, 0%)); + -webkit-mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); + mask: linear-gradient($body-bg, $body-bg 18%, transparent 100%); +} + +// Menu +// --------------------------------------------------------------------------- +@include template-menu-style( + '.bg-menu-theme', + #2f3349, + $color: #cfcce4, + $active-color: $white, + $active-bg: $primary-color +); +@include media-breakpoint-up($menu-collapsed-layout-breakpoint) { + .bg-menu-theme { + box-shadow: 0px 2px 8px 0px rgba(#131120, 0.12); + } +} +.bg-menu-theme { + .menu-inner { + .menu-item { + &.open, + &.active { + > .menu-link.menu-toggle { + &, + .layout-menu-hover.layout-menu-collapsed & { + background: rgba(#e1def5, 0.08); + } + } + } + &:not(.active) > .menu-link:hover { + html:not(.layout-menu-collapsed) &, + .layout-menu-hover.layout-menu-collapsed & { + background: rgba(#e1def5, 0.06); + } + } + } + } + .menu-inner .menu-sub .menu-item:not(.active) > .menu-link::before { + color: rgba(#e1def5, 0.7) !important; + } +} + +// Footer +// --------------------------------------------------------------------------- +@include template-footer-style('.bg-footer-theme', $card-bg, $color: $primary-color, $active-color: $primary-color); + +.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container, +.layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer { + box-shadow: $box-shadow; +} diff --git a/resources/img/avatar/generic.svg b/resources/img/avatar/generic.svg new file mode 100644 index 0000000..b1ea776 --- /dev/null +++ b/resources/img/avatar/generic.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/border-dark.svg b/resources/img/customizer/border-dark.svg new file mode 100644 index 0000000..e9045d3 --- /dev/null +++ b/resources/img/customizer/border-dark.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/border.svg b/resources/img/customizer/border.svg new file mode 100644 index 0000000..5bc0ae6 --- /dev/null +++ b/resources/img/customizer/border.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/collapsed-dark.svg b/resources/img/customizer/collapsed-dark.svg new file mode 100644 index 0000000..f77b79c --- /dev/null +++ b/resources/img/customizer/collapsed-dark.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/collapsed.svg b/resources/img/customizer/collapsed.svg new file mode 100644 index 0000000..9f260a6 --- /dev/null +++ b/resources/img/customizer/collapsed.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/compact-dark.svg b/resources/img/customizer/compact-dark.svg new file mode 100644 index 0000000..b1eec2d --- /dev/null +++ b/resources/img/customizer/compact-dark.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/resources/img/customizer/compact.svg b/resources/img/customizer/compact.svg new file mode 100644 index 0000000..e96965a --- /dev/null +++ b/resources/img/customizer/compact.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/dark-dark.svg b/resources/img/customizer/dark-dark.svg new file mode 100644 index 0000000..f747b43 --- /dev/null +++ b/resources/img/customizer/dark-dark.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/resources/img/customizer/dark.svg b/resources/img/customizer/dark.svg new file mode 100644 index 0000000..692f0ee --- /dev/null +++ b/resources/img/customizer/dark.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/resources/img/customizer/default-dark.svg b/resources/img/customizer/default-dark.svg new file mode 100644 index 0000000..07482aa --- /dev/null +++ b/resources/img/customizer/default-dark.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/default.svg b/resources/img/customizer/default.svg new file mode 100644 index 0000000..81ebf39 --- /dev/null +++ b/resources/img/customizer/default.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/expanded-dark.svg b/resources/img/customizer/expanded-dark.svg new file mode 100644 index 0000000..f918a86 --- /dev/null +++ b/resources/img/customizer/expanded-dark.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/expanded.svg b/resources/img/customizer/expanded.svg new file mode 100644 index 0000000..6359527 --- /dev/null +++ b/resources/img/customizer/expanded.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/hidden-dark.svg b/resources/img/customizer/hidden-dark.svg new file mode 100644 index 0000000..5a74bd6 --- /dev/null +++ b/resources/img/customizer/hidden-dark.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/resources/img/customizer/hidden.svg b/resources/img/customizer/hidden.svg new file mode 100644 index 0000000..b25f266 --- /dev/null +++ b/resources/img/customizer/hidden.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/resources/img/customizer/horizontal-fixed-dark.svg b/resources/img/customizer/horizontal-fixed-dark.svg new file mode 100644 index 0000000..fd7a613 --- /dev/null +++ b/resources/img/customizer/horizontal-fixed-dark.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/resources/img/customizer/horizontal-fixed.svg b/resources/img/customizer/horizontal-fixed.svg new file mode 100644 index 0000000..83a5ae7 --- /dev/null +++ b/resources/img/customizer/horizontal-fixed.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/resources/img/customizer/horizontal-static-dark.svg b/resources/img/customizer/horizontal-static-dark.svg new file mode 100644 index 0000000..5525b13 --- /dev/null +++ b/resources/img/customizer/horizontal-static-dark.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/resources/img/customizer/horizontal-static.svg b/resources/img/customizer/horizontal-static.svg new file mode 100644 index 0000000..f776605 --- /dev/null +++ b/resources/img/customizer/horizontal-static.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/resources/img/customizer/light-dark.svg b/resources/img/customizer/light-dark.svg new file mode 100644 index 0000000..22fb55a --- /dev/null +++ b/resources/img/customizer/light-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/img/customizer/light.svg b/resources/img/customizer/light.svg new file mode 100644 index 0000000..81928ba --- /dev/null +++ b/resources/img/customizer/light.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/img/customizer/ltr-dark.svg b/resources/img/customizer/ltr-dark.svg new file mode 100644 index 0000000..c7bb412 --- /dev/null +++ b/resources/img/customizer/ltr-dark.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/ltr.svg b/resources/img/customizer/ltr.svg new file mode 100644 index 0000000..8cfc1d8 --- /dev/null +++ b/resources/img/customizer/ltr.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/rtl-dark.svg b/resources/img/customizer/rtl-dark.svg new file mode 100644 index 0000000..962f3a8 --- /dev/null +++ b/resources/img/customizer/rtl-dark.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/rtl.svg b/resources/img/customizer/rtl.svg new file mode 100644 index 0000000..643bebc --- /dev/null +++ b/resources/img/customizer/rtl.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/semi-dark-dark.svg b/resources/img/customizer/semi-dark-dark.svg new file mode 100644 index 0000000..39a907a --- /dev/null +++ b/resources/img/customizer/semi-dark-dark.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/semi-dark.svg b/resources/img/customizer/semi-dark.svg new file mode 100644 index 0000000..697a5ad --- /dev/null +++ b/resources/img/customizer/semi-dark.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/static-dark.svg b/resources/img/customizer/static-dark.svg new file mode 100644 index 0000000..a3f15f1 --- /dev/null +++ b/resources/img/customizer/static-dark.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/static.svg b/resources/img/customizer/static.svg new file mode 100644 index 0000000..d8b0963 --- /dev/null +++ b/resources/img/customizer/static.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/sticky-dark.svg b/resources/img/customizer/sticky-dark.svg new file mode 100644 index 0000000..2762308 --- /dev/null +++ b/resources/img/customizer/sticky-dark.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/sticky.svg b/resources/img/customizer/sticky.svg new file mode 100644 index 0000000..f75d5a4 --- /dev/null +++ b/resources/img/customizer/sticky.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/system-dark.svg b/resources/img/customizer/system-dark.svg new file mode 100644 index 0000000..d011793 --- /dev/null +++ b/resources/img/customizer/system-dark.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/resources/img/customizer/system.svg b/resources/img/customizer/system.svg new file mode 100644 index 0000000..cd8fa74 --- /dev/null +++ b/resources/img/customizer/system.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/resources/img/customizer/vertical-dark.svg b/resources/img/customizer/vertical-dark.svg new file mode 100644 index 0000000..f918a86 --- /dev/null +++ b/resources/img/customizer/vertical-dark.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/vertical.svg b/resources/img/customizer/vertical.svg new file mode 100644 index 0000000..6359527 --- /dev/null +++ b/resources/img/customizer/vertical.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/img/customizer/wide-dark.svg b/resources/img/customizer/wide-dark.svg new file mode 100644 index 0000000..2372991 --- /dev/null +++ b/resources/img/customizer/wide-dark.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/resources/img/customizer/wide.svg b/resources/img/customizer/wide.svg new file mode 100644 index 0000000..76d1e53 --- /dev/null +++ b/resources/img/customizer/wide.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/resources/img/illustrations/auth-forgot-password-illustration-dark.png b/resources/img/illustrations/auth-forgot-password-illustration-dark.png new file mode 100644 index 0000000..a2575d4 Binary files /dev/null and b/resources/img/illustrations/auth-forgot-password-illustration-dark.png differ diff --git a/resources/img/illustrations/auth-forgot-password-illustration-light.png b/resources/img/illustrations/auth-forgot-password-illustration-light.png new file mode 100644 index 0000000..eec7594 Binary files /dev/null and b/resources/img/illustrations/auth-forgot-password-illustration-light.png differ diff --git a/resources/img/illustrations/auth-login-illustration-dark.png b/resources/img/illustrations/auth-login-illustration-dark.png new file mode 100644 index 0000000..edde615 Binary files /dev/null and b/resources/img/illustrations/auth-login-illustration-dark.png differ diff --git a/resources/img/illustrations/auth-login-illustration-light.png b/resources/img/illustrations/auth-login-illustration-light.png new file mode 100644 index 0000000..3a071d9 Binary files /dev/null and b/resources/img/illustrations/auth-login-illustration-light.png differ diff --git a/resources/img/illustrations/auth-register-illustration-dark.png b/resources/img/illustrations/auth-register-illustration-dark.png new file mode 100644 index 0000000..50c6584 Binary files /dev/null and b/resources/img/illustrations/auth-register-illustration-dark.png differ diff --git a/resources/img/illustrations/auth-register-illustration-light.png b/resources/img/illustrations/auth-register-illustration-light.png new file mode 100644 index 0000000..7582ed2 Binary files /dev/null and b/resources/img/illustrations/auth-register-illustration-light.png differ diff --git a/resources/img/illustrations/auth-register-multisteps-illustration.png b/resources/img/illustrations/auth-register-multisteps-illustration.png new file mode 100644 index 0000000..4865d1d Binary files /dev/null and b/resources/img/illustrations/auth-register-multisteps-illustration.png differ diff --git a/resources/img/illustrations/auth-register-multisteps-shape-dark.png b/resources/img/illustrations/auth-register-multisteps-shape-dark.png new file mode 100644 index 0000000..46e8ada Binary files /dev/null and b/resources/img/illustrations/auth-register-multisteps-shape-dark.png differ diff --git a/resources/img/illustrations/auth-register-multisteps-shape-light.png b/resources/img/illustrations/auth-register-multisteps-shape-light.png new file mode 100644 index 0000000..444cf15 Binary files /dev/null and b/resources/img/illustrations/auth-register-multisteps-shape-light.png differ diff --git a/resources/img/illustrations/auth-reset-password-illustration-dark.png b/resources/img/illustrations/auth-reset-password-illustration-dark.png new file mode 100644 index 0000000..5032f94 Binary files /dev/null and b/resources/img/illustrations/auth-reset-password-illustration-dark.png differ diff --git a/resources/img/illustrations/auth-reset-password-illustration-light.png b/resources/img/illustrations/auth-reset-password-illustration-light.png new file mode 100644 index 0000000..56528ff Binary files /dev/null and b/resources/img/illustrations/auth-reset-password-illustration-light.png differ diff --git a/resources/img/illustrations/auth-two-step-illustration-dark.png b/resources/img/illustrations/auth-two-step-illustration-dark.png new file mode 100644 index 0000000..59bc745 Binary files /dev/null and b/resources/img/illustrations/auth-two-step-illustration-dark.png differ diff --git a/resources/img/illustrations/auth-two-step-illustration-light.png b/resources/img/illustrations/auth-two-step-illustration-light.png new file mode 100644 index 0000000..10e4a57 Binary files /dev/null and b/resources/img/illustrations/auth-two-step-illustration-light.png differ diff --git a/resources/img/illustrations/auth-verify-email-illustration-dark.png b/resources/img/illustrations/auth-verify-email-illustration-dark.png new file mode 100644 index 0000000..8e93590 Binary files /dev/null and b/resources/img/illustrations/auth-verify-email-illustration-dark.png differ diff --git a/resources/img/illustrations/auth-verify-email-illustration-light.png b/resources/img/illustrations/auth-verify-email-illustration-light.png new file mode 100644 index 0000000..e428b98 Binary files /dev/null and b/resources/img/illustrations/auth-verify-email-illustration-light.png differ diff --git a/resources/img/illustrations/bg-shape-image-dark.png b/resources/img/illustrations/bg-shape-image-dark.png new file mode 100644 index 0000000..ad3a050 Binary files /dev/null and b/resources/img/illustrations/bg-shape-image-dark.png differ diff --git a/resources/img/illustrations/bg-shape-image-light.png b/resources/img/illustrations/bg-shape-image-light.png new file mode 100644 index 0000000..c18d34e Binary files /dev/null and b/resources/img/illustrations/bg-shape-image-light.png differ diff --git a/resources/img/illustrations/page-misc-error.png b/resources/img/illustrations/page-misc-error.png new file mode 100644 index 0000000..a8d2c4f Binary files /dev/null and b/resources/img/illustrations/page-misc-error.png differ diff --git a/resources/img/illustrations/page-misc-launching-soon.png b/resources/img/illustrations/page-misc-launching-soon.png new file mode 100644 index 0000000..29da9eb Binary files /dev/null and b/resources/img/illustrations/page-misc-launching-soon.png differ diff --git a/resources/img/illustrations/page-misc-under-maintenance.png b/resources/img/illustrations/page-misc-under-maintenance.png new file mode 100644 index 0000000..02547d8 Binary files /dev/null and b/resources/img/illustrations/page-misc-under-maintenance.png differ diff --git a/resources/img/illustrations/page-misc-you-are-not-authorized.png b/resources/img/illustrations/page-misc-you-are-not-authorized.png new file mode 100644 index 0000000..d1ea59d Binary files /dev/null and b/resources/img/illustrations/page-misc-you-are-not-authorized.png differ diff --git a/resources/img/logo/horizontal-02.png b/resources/img/logo/horizontal-02.png new file mode 100644 index 0000000..5efaf3a Binary files /dev/null and b/resources/img/logo/horizontal-02.png differ diff --git a/resources/img/logo/horizontal-04.png b/resources/img/logo/horizontal-04.png new file mode 100644 index 0000000..6560e3f Binary files /dev/null and b/resources/img/logo/horizontal-04.png differ diff --git a/resources/img/logo/horizontal-circulo-01.png b/resources/img/logo/horizontal-circulo-01.png new file mode 100644 index 0000000..cd0287a Binary files /dev/null and b/resources/img/logo/horizontal-circulo-01.png differ diff --git a/resources/img/logo/horizontal-circulo-03.png b/resources/img/logo/horizontal-circulo-03.png new file mode 100644 index 0000000..7fac358 Binary files /dev/null and b/resources/img/logo/horizontal-circulo-03.png differ diff --git a/resources/img/logo/koneko-01.png b/resources/img/logo/koneko-01.png new file mode 100644 index 0000000..5d3c977 Binary files /dev/null and b/resources/img/logo/koneko-01.png differ diff --git a/resources/img/logo/koneko-02.png b/resources/img/logo/koneko-02.png new file mode 100644 index 0000000..aec5746 Binary files /dev/null and b/resources/img/logo/koneko-02.png differ diff --git a/resources/img/logo/koneko-03.png b/resources/img/logo/koneko-03.png new file mode 100644 index 0000000..048a10b Binary files /dev/null and b/resources/img/logo/koneko-03.png differ diff --git a/resources/img/logo/koneko-04.png b/resources/img/logo/koneko-04.png new file mode 100644 index 0000000..d4eed33 Binary files /dev/null and b/resources/img/logo/koneko-04.png differ diff --git a/resources/img/logo/vertical-02.png b/resources/img/logo/vertical-02.png new file mode 100644 index 0000000..61ecf93 Binary files /dev/null and b/resources/img/logo/vertical-02.png differ diff --git a/resources/img/logo/vertical-04.png b/resources/img/logo/vertical-04.png new file mode 100644 index 0000000..b87dd93 Binary files /dev/null and b/resources/img/logo/vertical-04.png differ diff --git a/resources/js/app.js b/resources/js/app.js new file mode 100644 index 0000000..5c3ea25 --- /dev/null +++ b/resources/js/app.js @@ -0,0 +1,83 @@ +/** + * Deshabilita o pone en modo de solo lectura los campos del formulario. + * @param {string} formSelector - Selector del formulario a deshabilitar. + */ +const disableStoreForm = (formSelector) => { + const form = document.querySelector(formSelector); + if (!form) { + console.warn(`Formulario no encontrado con el selector: ${formSelector}`); + return; + } + + /** + * Habilita o deshabilita un select con Select2. + * @param {HTMLElement} selectElement - El select afectado. + * @param {boolean} disabled - Si debe ser deshabilitado. + */ + const toggleSelect2Disabled = (selectElement, disabled) => { + selectElement.disabled = disabled; + selectElement.dispatchEvent(new Event('change', { bubbles: true })); + }; + + /** + * Aplica modo solo lectura a un select estándar o Select2. + * @param {HTMLElement} select - El select a modificar. + * @param {boolean} readonly - Si debe estar en modo solo lectura. + */ + const setSelectReadonly = (select, readonly) => { + select.setAttribute('readonly-mode', readonly); + select.style.pointerEvents = readonly ? 'none' : ''; + select.tabIndex = readonly ? -1 : ''; + + if (select.classList.contains('select2-hidden-accessible')) { + toggleSelect2Disabled(select, readonly); + } + }; + + /** + * Aplica modo solo lectura a un checkbox o radio. + * @param {HTMLElement} checkbox - El input a modificar. + * @param {boolean} readonly - Si debe ser solo lectura. + */ + const setCheckboxReadonly = (checkbox, readonly) => { + checkbox.setAttribute('readonly-mode', readonly); + checkbox.style.pointerEvents = readonly ? 'none' : ''; + checkbox[readonly ? 'addEventListener' : 'removeEventListener']('click', preventInteraction); + }; + + /** + * Previene interacción con el elemento. + * @param {Event} event - El evento de clic. + */ + const preventInteraction = (event) => event.preventDefault(); + + // Obtener todos los inputs del formulario + const inputs = form.querySelectorAll('input, textarea, select'); + + inputs.forEach((el) => { + if (!el.classList.contains('data-always-enabled')) { + switch (el.tagName) { + case 'SELECT': + if (el.classList.contains('select2')) { + toggleSelect2Disabled(el, true); + } else { + setSelectReadonly(el, true); + } + break; + case 'INPUT': + if (['checkbox', 'radio'].includes(el.type)) { + setCheckboxReadonly(el, true); + } else { + el.readOnly = true; + } + break; + case 'TEXTAREA': + el.readOnly = true; + break; + } + } + }); +}; + +// Hacer la función accesible globalmente +window.disableStoreForm = disableStoreForm; diff --git a/resources/js/auth/app-access-permission.js b/resources/js/auth/app-access-permission.js new file mode 100644 index 0000000..e2ccac8 --- /dev/null +++ b/resources/js/auth/app-access-permission.js @@ -0,0 +1,206 @@ +/** + * App user list (jquery) + */ + +'use strict'; + +$(function () { + var dataTablePermissions = $('.datatables-permissions'), + dt_permission, + userList = baseUrl + 'app/user/list'; + // Users List datatable + if (dataTablePermissions.length) { + dt_permission = dataTablePermissions.DataTable({ + ajax: assetsPath + 'json/permissions-list.json', // JSON file to add data + columns: [ + // columns according to JSON + { data: '' }, + { data: 'id' }, + { data: 'name' }, + { data: 'assigned_to' }, + { data: 'created_date' }, + { data: '' } + ], + columnDefs: [ + { + // For Responsive + className: 'control', + orderable: false, + searchable: false, + responsivePriority: 2, + targets: 0, + render: function (data, type, full, meta) { + return ''; + } + }, + { + targets: 1, + searchable: false, + visible: false + }, + { + // Name + targets: 2, + render: function (data, type, full, meta) { + var $name = full['name']; + return '' + $name + ''; + } + }, + { + // User Role + targets: 3, + orderable: false, + render: function (data, type, full, meta) { + var $assignedTo = full['assigned_to'], + $output = ''; + var roleBadgeObj = { + Admin: 'Administrator', + Manager: 'Manager', + Users: 'Users', + Support: 'Support', + Restricted: + 'Restricted User' + }; + for (var i = 0; i < $assignedTo.length; i++) { + var val = $assignedTo[i]; + $output += roleBadgeObj[val]; + } + return '' + $output + ''; + } + }, + { + // remove ordering from Name + targets: 4, + orderable: false, + render: function (data, type, full, meta) { + var $date = full['created_date']; + return '' + $date + ''; + } + }, + { + // Actions + targets: -1, + searchable: false, + title: 'Actions', + orderable: false, + render: function (data, type, full, meta) { + return ( + '
    ' + + '' + + '' + + '
    ' + + 'Edit' + + 'Suspend' + + '
    ' + + '
    ' + ); + } + } + ], + order: [[1, 'asc']], + dom: + '<"row mx-1"' + + '<"col-sm-12 col-md-3" l>' + + '<"col-sm-12 col-md-9"<"dt-action-buttons text-xl-end text-lg-start text-md-end text-start d-flex align-items-center justify-content-md-end justify-content-center flex-wrap"<"me-4 mt-n6 mt-md-0"f>B>>' + + '>t' + + '<"row"' + + '<"col-sm-12 col-md-6"i>' + + '<"col-sm-12 col-md-6"p>' + + '>', + language: { + sLengthMenu: 'Show _MENU_', + search: '', + searchPlaceholder: 'Search Permissions', + paginate: { + next: '', + previous: '' + } + }, + // Buttons with Dropdown + buttons: [ + { + text: 'Add Permission', + className: 'add-new btn btn-primary mb-6 mb-md-0 waves-effect waves-light', + attr: { + 'data-bs-toggle': 'modal', + 'data-bs-target': '#addPermissionModal' + }, + init: function (api, node, config) { + $(node).removeClass('btn-secondary'); + } + } + ], + // For responsive popup + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal({ + header: function (row) { + var data = row.data(); + return 'Details of ' + data['name']; + } + }), + type: 'column', + renderer: function (api, rowIdx, columns) { + var data = $.map(columns, function (col, i) { + return col.title !== '' // ? Do not show row in modal popup if title is blank (for check box) + ? '' + + '' + + col.title + + ':' + + ' ' + + '' + + col.data + + '' + + '' + : ''; + }).join(''); + + return data ? $('').append(data) : false; + } + } + }, + initComplete: function () { + // Adding role filter once table initialized + this.api() + .columns(3) + .every(function () { + var column = this; + var select = $( + '' + ) + .appendTo('.user_role') + .on('change', function () { + var val = $.fn.dataTable.util.escapeRegex($(this).val()); + column.search(val ? '^' + val + '$' : '', true, false).draw(); + }); + + column + .data() + .unique() + .sort() + .each(function (d, j) { + select.append(''); + }); + }); + } + }); + } + + // Delete Record + $('.datatables-permissions tbody').on('click', '.delete-record', function () { + dt_permission.row($(this).parents('tr')).remove().draw(); + }); + + // Filter form control to default size + // ? setTimeout used for multilingual table initialization + setTimeout(() => { + $('.dataTables_filter .form-control').removeClass('form-control-sm'); + $('.dataTables_length .form-select').removeClass('form-select-sm'); + $('.dataTables_info').addClass('ms-n1'); + $('.dataTables_paginate').addClass('me-n1'); + }, 300); +}); diff --git a/resources/js/auth/app-access-roles.js b/resources/js/auth/app-access-roles.js new file mode 100644 index 0000000..0568330 --- /dev/null +++ b/resources/js/auth/app-access-roles.js @@ -0,0 +1,428 @@ +/** + * App user list + */ + +'use strict'; + +// Datatable (jquery) +$(function () { + var dtUserTable = $('.datatables-users'), + dt_User, + statusObj = { + 1: { title: 'Pending', class: 'bg-label-warning' }, + 2: { title: 'Active', class: 'bg-label-success' }, + 3: { title: 'Inactive', class: 'bg-label-secondary' } + }; + + var userView = baseUrl + 'app/user/view/account'; + + // Users List datatable + if (dtUserTable.length) { + var dtUser = dtUserTable.DataTable({ + ajax: assetsPath + 'json/user-list.json', // JSON file to add data + columns: [ + // columns according to JSON + { data: 'id' }, + { data: 'id' }, + { data: 'full_name' }, + { data: 'role' }, + { data: 'current_plan' }, + { data: 'billing' }, + { data: 'status' }, + { data: '' } + ], + columnDefs: [ + { + // For Responsive + className: 'control', + orderable: false, + searchable: false, + responsivePriority: 2, + targets: 0, + render: function (data, type, full, meta) { + return ''; + } + }, + { + // For Checkboxes + targets: 1, + orderable: false, + checkboxes: { + selectAllRender: '' + }, + render: function () { + return ''; + }, + searchable: false + }, + { + // User full name and email + targets: 2, + responsivePriority: 4, + render: function (data, type, full, meta) { + var $name = full['full_name'], + $email = full['email'], + $image = full['avatar']; + if ($image) { + // For Avatar image + var $output = + 'Avatar'; + } else { + // For Avatar badge + var stateNum = Math.floor(Math.random() * 6); + var states = ['success', 'danger', 'warning', 'info', 'primary', 'secondary']; + var $state = states[stateNum], + $name = full['full_name'], + $initials = $name.match(/\b\w/g) || []; + $initials = (($initials.shift() || '') + ($initials.pop() || '')).toUpperCase(); + $output = '' + $initials + ''; + } + // Creates full output for row + var $row_output = + '
    ' + + '
    ' + + '
    ' + + $output + + '
    ' + + '
    ' + + '
    ' + + '' + + $name + + '' + + '@' + + $email + + '' + + '
    ' + + '
    '; + return $row_output; + } + }, + { + // User Role + targets: 3, + render: function (data, type, full, meta) { + var $role = full['role']; + var roleBadgeObj = { + Subscriber: '', + Author: '', + Maintainer: '', + Editor: '', + Admin: '' + }; + return ( + "" + + roleBadgeObj[$role] + + $role + + '' + ); + } + }, + { + // Plans + targets: 4, + render: function (data, type, full, meta) { + var $plan = full['current_plan']; + + return '' + $plan + ''; + } + }, + { + // User Status + targets: 6, + render: function (data, type, full, meta) { + var $status = full['status']; + + return ( + '' + + statusObj[$status].title + + '' + ); + } + }, + { + // Actions + targets: -1, + title: 'Actions', + searchable: false, + orderable: false, + render: function (data, type, full, meta) { + return ( + '
    ' + + '' + + '' + + '' + + '
    ' + + 'Edit' + + 'Suspend' + + '
    ' + + '
    ' + ); + } + } + ], + order: [[2, 'desc']], + dom: + '<"row"' + + '<"col-md-2">' + + '<"col-md-10"<"dt-action-buttons text-xl-end text-lg-start text-md-end text-start d-flex align-items-center justify-content-end flex-md-row flex-column mb-6 mb-md-0"fB>>' + + '>t' + + '<"row"' + + '<"col-sm-12 col-md-6"i>' + + '<"col-sm-12 col-md-6"p>' + + '>', + language: { + sLengthMenu: 'Show _MENU_', + search: '', + searchPlaceholder: 'Search User', + paginate: { + next: '', + previous: '' + } + }, + buttons: [ + { + extend: 'collection', + className: + 'btn btn-label-secondary dropdown-toggle me-4 waves-effect waves-light border-left-0 border-right-0 rounded', + text: ' Export', + buttons: [ + { + extend: 'print', + text: 'Print', + className: 'dropdown-item', + exportOptions: { + columns: [3, 4, 5, 6, 7], + // prevent avatar to be display + format: { + body: function (inner, coldex, rowdex) { + if (inner.length <= 0) return inner; + var el = $.parseHTML(inner); + var result = ''; + $.each(el, function (index, item) { + if (item.classList !== undefined && item.classList.contains('user-name')) { + result = result + item.lastChild.firstChild.textContent; + } else if (item.innerText === undefined) { + result = result + item.textContent; + } else result = result + item.innerText; + }); + return result; + } + } + }, + customize: function (win) { + //customize print view for dark + $(win.document.body) + .css('color', config.colors.headingColor) + .css('border-color', config.colors.borderColor) + .css('background-color', config.colors.bodyBg); + $(win.document.body) + .find('table') + .addClass('compact') + .css('color', 'inherit') + .css('border-color', 'inherit') + .css('background-color', 'inherit'); + } + }, + { + extend: 'csv', + text: 'Csv', + className: 'dropdown-item', + exportOptions: { + columns: [3, 4, 5, 6, 7], + // prevent avatar to be display + format: { + body: function (inner, coldex, rowdex) { + if (inner.length <= 0) return inner; + var el = $.parseHTML(inner); + var result = ''; + $.each(el, function (index, item) { + if (item.classList !== undefined && item.classList.contains('user-name')) { + result = result + item.lastChild.firstChild.textContent; + } else if (item.innerText === undefined) { + result = result + item.textContent; + } else result = result + item.innerText; + }); + return result; + } + } + } + }, + { + extend: 'excel', + text: 'Excel', + className: 'dropdown-item', + exportOptions: { + columns: [3, 4, 5, 6, 7], + // prevent avatar to be display + format: { + body: function (inner, coldex, rowdex) { + if (inner.length <= 0) return inner; + var el = $.parseHTML(inner); + var result = ''; + $.each(el, function (index, item) { + if (item.classList !== undefined && item.classList.contains('user-name')) { + result = result + item.lastChild.firstChild.textContent; + } else if (item.innerText === undefined) { + result = result + item.textContent; + } else result = result + item.innerText; + }); + return result; + } + } + } + }, + { + extend: 'pdf', + text: 'Pdf', + className: 'dropdown-item', + exportOptions: { + columns: [3, 4, 5, 6, 7], + // prevent avatar to be display + format: { + body: function (inner, coldex, rowdex) { + if (inner.length <= 0) return inner; + var el = $.parseHTML(inner); + var result = ''; + $.each(el, function (index, item) { + if (item.classList !== undefined && item.classList.contains('user-name')) { + result = result + item.lastChild.firstChild.textContent; + } else if (item.innerText === undefined) { + result = result + item.textContent; + } else result = result + item.innerText; + }); + return result; + } + } + } + }, + { + extend: 'copy', + text: 'Copy', + className: 'dropdown-item', + exportOptions: { + columns: [3, 4, 5, 6, 7], + // prevent avatar to be display + format: { + body: function (inner, coldex, rowdex) { + if (inner.length <= 0) return inner; + var el = $.parseHTML(inner); + var result = ''; + $.each(el, function (index, item) { + if (item.classList !== undefined && item.classList.contains('user-name')) { + result = result + item.lastChild.firstChild.textContent; + } else if (item.innerText === undefined) { + result = result + item.textContent; + } else result = result + item.innerText; + }); + return result; + } + } + } + } + ] + }, + { + text: 'Add new role', + className: 'btn btn-primary waves-effect waves-light rounded border-left-0 border-right-0', + attr: { + 'data-bs-toggle': 'modal', + 'data-bs-target': '#addRoleModal' + } + } + ], + // For responsive popup + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal({ + header: function (row) { + var data = row.data(); + return 'Details of ' + data['full_name']; + } + }), + type: 'column', + renderer: function (api, rowIdx, columns) { + var data = $.map(columns, function (col, i) { + return col.title !== '' // ? Do not show row in modal popup if title is blank (for check box) + ? '' + + ' ' + + '' + + '' + : ''; + }).join(''); + + return data ? $('
    ' + + col.title + + ':' + + '' + + col.data + + '
    ').append(data) : false; + } + } + }, + initComplete: function () { + // Adding role filter once table initialized + this.api() + .columns(3) + .every(function () { + var column = this; + var select = $( + '' + ) + .appendTo('.user_role') + .on('change', function () { + var val = $.fn.dataTable.util.escapeRegex($(this).val()); + column.search(val ? '^' + val + '$' : '', true, false).draw(); + }); + + column + .data() + .unique() + .sort() + .each(function (d, j) { + select.append(''); + }); + }); + } + }); + } + // Delete Record + $('.datatables-users tbody').on('click', '.delete-record', function () { + dtUser.row($(this).parents('tr')).remove().draw(); + }); + + // Filter form control to default size + // ? setTimeout used for multilingual table initialization + setTimeout(() => { + $('.dataTables_filter .form-control').removeClass('form-control-sm'); + $('.dataTables_length .form-select').removeClass('form-select-sm'); + }, 300); + $('.dataTables_filter').addClass('ms-n4 me-4 mt-0 mt-md-6'); +}); + +(function () { + // On edit role click, update text + var roleEditList = document.querySelectorAll('.role-edit-modal'), + roleAdd = document.querySelector('.add-new-role'), + roleTitle = document.querySelector('.role-title'); + + roleAdd.onclick = function () { + roleTitle.innerHTML = 'Add New Role'; // reset text + }; + if (roleEditList) { + roleEditList.forEach(function (roleEditEl) { + roleEditEl.onclick = function () { + roleTitle.innerHTML = 'Edit Role'; // reset text + }; + }); + } +})(); diff --git a/resources/js/auth/app-user-list.js b/resources/js/auth/app-user-list.js new file mode 100644 index 0000000..4d00b93 --- /dev/null +++ b/resources/js/auth/app-user-list.js @@ -0,0 +1,533 @@ +/** + * Page User List + */ + +'use strict'; + +// Datatable (jquery) +$(function () { + let borderColor, bodyBg, headingColor; + + if (isDarkStyle) { + borderColor = config.colors_dark.borderColor; + bodyBg = config.colors_dark.bodyBg; + headingColor = config.colors_dark.headingColor; + } else { + borderColor = config.colors.borderColor; + bodyBg = config.colors.bodyBg; + headingColor = config.colors.headingColor; + } + + // Variable declaration for table + var dt_user_table = $('.datatables-users'), + select2 = $('.select2'), + userView = baseUrl + 'app/user/view/account', + statusObj = { + 1: { title: 'Pending', class: 'bg-label-warning' }, + 2: { title: 'Active', class: 'bg-label-success' }, + 3: { title: 'Inactive', class: 'bg-label-secondary' } + }; + + if (select2.length) { + var $this = select2; + $this.wrap('
    ').select2({ + placeholder: 'Select Country', + dropdownParent: $this.parent() + }); + } + + // Users datatable + if (dt_user_table.length) { + var dt_user = dt_user_table.DataTable({ + ajax: assetsPath + 'json/user-list.json', // JSON file to add data + columns: [ + // columns according to JSON + { data: 'id' }, + { data: 'id' }, + { data: 'full_name' }, + { data: 'role' }, + { data: 'current_plan' }, + { data: 'billing' }, + { data: 'status' }, + { data: 'action' } + ], + columnDefs: [ + { + // For Responsive + className: 'control', + searchable: false, + orderable: false, + responsivePriority: 2, + targets: 0, + render: function (data, type, full, meta) { + return ''; + } + }, + { + // For Checkboxes + targets: 1, + orderable: false, + checkboxes: { + selectAllRender: '' + }, + render: function () { + return ''; + }, + searchable: false + }, + { + // User full name and email + targets: 2, + responsivePriority: 4, + render: function (data, type, full, meta) { + var $name = full['full_name'], + $email = full['email'], + $image = full['avatar']; + if ($image) { + // For Avatar image + var $output = + 'Avatar'; + } else { + // For Avatar badge + var stateNum = Math.floor(Math.random() * 6); + var states = ['success', 'danger', 'warning', 'info', 'primary', 'secondary']; + var $state = states[stateNum], + $name = full['full_name'], + $initials = $name.match(/\b\w/g) || []; + $initials = (($initials.shift() || '') + ($initials.pop() || '')).toUpperCase(); + $output = '' + $initials + ''; + } + // Creates full output for row + var $row_output = + '
    ' + + '
    ' + + '
    ' + + $output + + '
    ' + + '
    ' + + '
    ' + + '' + + $name + + '' + + '' + + $email + + '' + + '
    ' + + '
    '; + return $row_output; + } + }, + { + // User Role + targets: 3, + render: function (data, type, full, meta) { + var $role = full['role']; + var roleBadgeObj = { + Subscriber: '', + Author: '', + Maintainer: '', + Editor: '', + Admin: '' + }; + return ( + "" + + roleBadgeObj[$role] + + $role + + '' + ); + } + }, + { + // Plans + targets: 4, + render: function (data, type, full, meta) { + var $plan = full['current_plan']; + + return '' + $plan + ''; + } + }, + { + // User Status + targets: 6, + render: function (data, type, full, meta) { + var $status = full['status']; + + return ( + '' + + statusObj[$status].title + + '' + ); + } + }, + { + // Actions + targets: -1, + title: 'Actions', + searchable: false, + orderable: false, + render: function (data, type, full, meta) { + return ( + '
    ' + + '' + + '' + + '' + + '
    ' + + 'Edit' + + 'Suspend' + + '
    ' + + '
    ' + ); + } + } + ], + order: [[2, 'desc']], + dom: + '<"row"' + + '<"col-md-2"<"ms-n2"l>>' + + '<"col-md-10"<"dt-action-buttons text-xl-end text-lg-start text-md-end text-start d-flex align-items-center justify-content-end flex-md-row flex-column mb-6 mb-md-0 mt-n6 mt-md-0"fB>>' + + '>t' + + '<"row"' + + '<"col-sm-12 col-md-6"i>' + + '<"col-sm-12 col-md-6"p>' + + '>', + language: { + sLengthMenu: '_MENU_', + search: '', + searchPlaceholder: 'Search User', + paginate: { + next: '', + previous: '' + } + }, + // Buttons with Dropdown + buttons: [ + { + extend: 'collection', + className: 'btn btn-label-secondary dropdown-toggle mx-4 waves-effect waves-light', + text: 'Export', + buttons: [ + { + extend: 'print', + text: 'Print', + className: 'dropdown-item', + exportOptions: { + columns: [1, 2, 3, 4, 5], + // prevent avatar to be print + format: { + body: function (inner, coldex, rowdex) { + if (inner.length <= 0) return inner; + var el = $.parseHTML(inner); + var result = ''; + $.each(el, function (index, item) { + if (item.classList !== undefined && item.classList.contains('user-name')) { + result = result + item.lastChild.firstChild.textContent; + } else if (item.innerText === undefined) { + result = result + item.textContent; + } else result = result + item.innerText; + }); + return result; + } + } + }, + customize: function (win) { + //customize print view for dark + $(win.document.body) + .css('color', headingColor) + .css('border-color', borderColor) + .css('background-color', bodyBg); + $(win.document.body) + .find('table') + .addClass('compact') + .css('color', 'inherit') + .css('border-color', 'inherit') + .css('background-color', 'inherit'); + } + }, + { + extend: 'csv', + text: 'Csv', + className: 'dropdown-item', + exportOptions: { + columns: [1, 2, 3, 4, 5], + // prevent avatar to be display + format: { + body: function (inner, coldex, rowdex) { + if (inner.length <= 0) return inner; + var el = $.parseHTML(inner); + var result = ''; + $.each(el, function (index, item) { + if (item.classList !== undefined && item.classList.contains('user-name')) { + result = result + item.lastChild.firstChild.textContent; + } else if (item.innerText === undefined) { + result = result + item.textContent; + } else result = result + item.innerText; + }); + return result; + } + } + } + }, + { + extend: 'excel', + text: 'Excel', + className: 'dropdown-item', + exportOptions: { + columns: [1, 2, 3, 4, 5], + // prevent avatar to be display + format: { + body: function (inner, coldex, rowdex) { + if (inner.length <= 0) return inner; + var el = $.parseHTML(inner); + var result = ''; + $.each(el, function (index, item) { + if (item.classList !== undefined && item.classList.contains('user-name')) { + result = result + item.lastChild.firstChild.textContent; + } else if (item.innerText === undefined) { + result = result + item.textContent; + } else result = result + item.innerText; + }); + return result; + } + } + } + }, + { + extend: 'pdf', + text: 'Pdf', + className: 'dropdown-item', + exportOptions: { + columns: [1, 2, 3, 4, 5], + // prevent avatar to be display + format: { + body: function (inner, coldex, rowdex) { + if (inner.length <= 0) return inner; + var el = $.parseHTML(inner); + var result = ''; + $.each(el, function (index, item) { + if (item.classList !== undefined && item.classList.contains('user-name')) { + result = result + item.lastChild.firstChild.textContent; + } else if (item.innerText === undefined) { + result = result + item.textContent; + } else result = result + item.innerText; + }); + return result; + } + } + } + }, + { + extend: 'copy', + text: 'Copy', + className: 'dropdown-item', + exportOptions: { + columns: [1, 2, 3, 4, 5], + // prevent avatar to be display + format: { + body: function (inner, coldex, rowdex) { + if (inner.length <= 0) return inner; + var el = $.parseHTML(inner); + var result = ''; + $.each(el, function (index, item) { + if (item.classList !== undefined && item.classList.contains('user-name')) { + result = result + item.lastChild.firstChild.textContent; + } else if (item.innerText === undefined) { + result = result + item.textContent; + } else result = result + item.innerText; + }); + return result; + } + } + } + } + ] + }, + { + text: 'Add New User', + className: 'add-new btn btn-primary waves-effect waves-light', + attr: { + 'data-bs-toggle': 'offcanvas', + 'data-bs-target': '#offcanvasAddUser' + } + } + ], + // For responsive popup + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal({ + header: function (row) { + var data = row.data(); + return 'Details of ' + data['full_name']; + } + }), + type: 'column', + renderer: function (api, rowIdx, columns) { + var data = $.map(columns, function (col, i) { + return col.title !== '' // ? Do not show row in modal popup if title is blank (for check box) + ? '' + + ' ' + + '' + + '' + : ''; + }).join(''); + + return data ? $('
    ' + + col.title + + ':' + + '' + + col.data + + '
    ').append(data) : false; + } + } + }, + initComplete: function () { + // Adding role filter once table initialized + this.api() + .columns(3) + .every(function () { + var column = this; + var select = $( + '' + ) + .appendTo('.user_role') + .on('change', function () { + var val = $.fn.dataTable.util.escapeRegex($(this).val()); + column.search(val ? '^' + val + '$' : '', true, false).draw(); + }); + + column + .data() + .unique() + .sort() + .each(function (d, j) { + select.append(''); + }); + }); + // Adding plan filter once table initialized + this.api() + .columns(4) + .every(function () { + var column = this; + var select = $( + '' + ) + .appendTo('.user_plan') + .on('change', function () { + var val = $.fn.dataTable.util.escapeRegex($(this).val()); + column.search(val ? '^' + val + '$' : '', true, false).draw(); + }); + + column + .data() + .unique() + .sort() + .each(function (d, j) { + select.append(''); + }); + }); + // Adding status filter once table initialized + this.api() + .columns(6) + .every(function () { + var column = this; + var select = $( + '' + ) + .appendTo('.user_status') + .on('change', function () { + var val = $.fn.dataTable.util.escapeRegex($(this).val()); + column.search(val ? '^' + val + '$' : '', true, false).draw(); + }); + + column + .data() + .unique() + .sort() + .each(function (d, j) { + select.append( + '' + ); + }); + }); + } + }); + } + + // Delete Record + $('.datatables-users tbody').on('click', '.delete-record', function () { + dt_user.row($(this).parents('tr')).remove().draw(); + }); + + // Filter form control to default size + // ? setTimeout used for multilingual table initialization + setTimeout(() => { + $('.dataTables_filter .form-control').removeClass('form-control-sm'); + $('.dataTables_length .form-select').removeClass('form-select-sm'); + }, 300); +}); + +// Validation & Phone mask +(function () { + const phoneMaskList = document.querySelectorAll('.phone-mask'), + addNewUserForm = document.getElementById('addNewUserForm'); + + // Phone Number + if (phoneMaskList) { + phoneMaskList.forEach(function (phoneMask) { + new Cleave(phoneMask, { + phone: true, + phoneRegionCode: 'US' + }); + }); + } + // Add New User Form Validation + const fv = FormValidation.formValidation(addNewUserForm, { + fields: { + userFullname: { + validators: { + notEmpty: { + message: 'Please enter fullname ' + } + } + }, + userEmail: { + validators: { + notEmpty: { + message: 'Please enter your email' + }, + emailAddress: { + message: 'The value is not a valid email address' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + eleValidClass: '', + rowSelector: function (field, ele) { + // field is the field name & ele is the field element + return '.mb-6'; + } + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + } + }); +})(); diff --git a/resources/js/auth/app-user-view-account.js b/resources/js/auth/app-user-view-account.js new file mode 100644 index 0000000..82f49dd --- /dev/null +++ b/resources/js/auth/app-user-view-account.js @@ -0,0 +1,222 @@ +/** + * App User View - Account (jquery) + */ + +$(function () { + 'use strict'; + + // Variable declaration for table + var dt_invoice_table = $('.datatable-invoice'); + + // Invoice datatable + // -------------------------------------------------------------------- + if (dt_invoice_table.length) { + var dt_invoice = dt_invoice_table.DataTable({ + ajax: assetsPath + 'json/invoice-list.json', // JSON file to add data + columns: [ + // columns according to JSON + { data: '' }, + { data: 'invoice_id' }, + { data: 'invoice_status' }, + { data: 'total' }, + { data: 'issued_date' }, + { data: 'action' } + ], + columnDefs: [ + { + // For Responsive + className: 'control', + responsivePriority: 2, + targets: 0, + render: function (data, type, full, meta) { + return ''; + } + }, + { + // Invoice ID + targets: 1, + render: function (data, type, full, meta) { + var $invoice_id = full['invoice_id']; + // Creates full output for row + var $row_output = '#' + $invoice_id + ''; + return $row_output; + } + }, + { + // Invoice status + targets: 2, + render: function (data, type, full, meta) { + var $invoice_status = full['invoice_status'], + $due_date = full['due_date'], + $balance = full['balance']; + var roleBadgeObj = { + Sent: '', + Draft: + '', + 'Past Due': + '', + 'Partial Payment': + '', + Paid: '', + Downloaded: + '' + }; + return ( + " Balance: ' + + $balance + + '
    Due Date: ' + + $due_date + + "    '>" + + roleBadgeObj[$invoice_status] + + '' + ); + } + }, + { + // Total Invoice Amount + targets: 3, + render: function (data, type, full, meta) { + var $total = full['total']; + return '$' + $total; + } + }, + { + // Actions + targets: -1, + title: 'Actions', + orderable: false, + render: function (data, type, full, meta) { + return ( + '
    ' + + '' + + '' + + '
    ' + + '' + + '' + + '
    ' + + '
    ' + ); + } + } + ], + order: [[1, 'desc']], + dom: + '<"row mx-6"' + + '<"col-sm-6 col-12 d-flex align-items-center justify-content-center justify-content-sm-start mt-6 mt-sm-0"<"invoice-head-label">>' + + '<"col-sm-6 col-12 d-flex justify-content-center justify-content-md-end align-items-baseline"<"dt-action-buttons d-flex justify-content-center flex-md-row align-items-baseline gap-2"lB>>' + + '>t' + + '<"row mx-4"' + + '<"col-sm-12 col-xxl-6 text-center text-xxl-start pb-md-2 pb-xxl-0"i>' + + '<"col-sm-12 col-xxl-6 d-md-flex justify-content-xxl-end justify-content-center"p>' + + '>', + language: { + sLengthMenu: 'Show _MENU_', + search: '', + searchPlaceholder: 'Search Invoice', + paginate: { + next: '', + previous: '' + } + }, + // Buttons with Dropdown + buttons: [ + { + extend: 'collection', + className: 'btn btn-label-secondary dropdown-toggle float-sm-end mb-3 mb-sm-0 waves-effect waves-light', + text: 'Export', + buttons: [ + { + extend: 'print', + text: 'Print', + className: 'dropdown-item', + exportOptions: { columns: [1, 2, 3, 4] } + }, + { + extend: 'csv', + text: 'Csv', + className: 'dropdown-item', + exportOptions: { columns: [1, 2, 3, 4] } + }, + { + extend: 'excel', + text: 'Excel', + className: 'dropdown-item', + exportOptions: { columns: [1, 2, 3, 4] } + }, + { + extend: 'pdf', + text: 'Pdf', + className: 'dropdown-item', + exportOptions: { columns: [1, 2, 3, 4] } + }, + { + extend: 'copy', + text: 'Copy', + className: 'dropdown-item', + exportOptions: { columns: [1, 2, 3, 4] } + } + ] + } + ], + // For responsive popup + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal({ + header: function (row) { + var data = row.data(); + return 'Details of ' + data['full_name']; + } + }), + type: 'column', + renderer: function (api, rowIdx, columns) { + var data = $.map(columns, function (col, i) { + return col.title !== '' // ? Do not show row in modal popup if title is blank (for check box) + ? '' + + ' ' + + '' + + '' + : ''; + }).join(''); + + return data ? $('
    ' + + col.title + + ':' + + '' + + col.data + + '
    ').append(data) : false; + } + } + } + }); + $('div.invoice-head-label').html('
    Invoice List
    '); + } + // On each datatable draw, initialize tooltip + dt_invoice_table.on('draw.dt', function () { + var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); + var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { + return new bootstrap.Tooltip(tooltipTriggerEl, { + boundary: document.body + }); + }); + }); + + // Delete Record + $('.datatable-invoice tbody').on('click', '.delete-record', function () { + dt_invoice.row($(this).parents('tr')).remove().draw(); + }); + // Filter form control to default size + // ? setTimeout used for multilingual table initialization + setTimeout(() => { + $('.dataTables_filter .form-control').removeClass('form-control-sm'); + $('.dataTables_length .form-select').removeClass('form-select-sm'); + }, 300); +}); diff --git a/resources/js/auth/app-user-view-billing.js b/resources/js/auth/app-user-view-billing.js new file mode 100644 index 0000000..212b396 --- /dev/null +++ b/resources/js/auth/app-user-view-billing.js @@ -0,0 +1,57 @@ +/** + * App User View - Billing + */ + +'use strict'; + +(function () { + // Cancel Subscription alert + const cancelSubscription = document.querySelector('.cancel-subscription'); + + // Alert With Functional Confirm Button + if (cancelSubscription) { + cancelSubscription.onclick = function () { + Swal.fire({ + text: 'Are you sure you would like to cancel your subscription?', + icon: 'warning', + showCancelButton: true, + confirmButtonText: 'Yes', + customClass: { + confirmButton: 'btn btn-primary me-2 waves-effect waves-light', + cancelButton: 'btn btn-label-secondary waves-effect waves-light' + }, + buttonsStyling: false + }).then(function (result) { + if (result.value) { + Swal.fire({ + icon: 'success', + title: 'Unsubscribed!', + text: 'Your subscription cancelled successfully.', + customClass: { + confirmButton: 'btn btn-success waves-effect waves-light' + } + }); + } else if (result.dismiss === Swal.DismissReason.cancel) { + Swal.fire({ + title: 'Cancelled', + text: 'Unsubscription Cancelled!!', + icon: 'error', + customClass: { + confirmButton: 'btn btn-success waves-effect waves-light' + } + }); + } + }); + }; + } + + // On edit address click, update text of add address modal + const addressEdit = document.querySelector('.edit-address'), + addressTitle = document.querySelector('.address-title'), + addressSubTitle = document.querySelector('.address-subtitle'); + + addressEdit.onclick = function () { + addressTitle.innerHTML = 'Edit Address'; // reset text + addressSubTitle.innerHTML = 'Edit your current address'; + }; +})(); diff --git a/resources/js/auth/app-user-view-security.js b/resources/js/auth/app-user-view-security.js new file mode 100644 index 0000000..fa0e1ed --- /dev/null +++ b/resources/js/auth/app-user-view-security.js @@ -0,0 +1,63 @@ +/** + * App User View - Security + */ + +'use strict'; + +(function () { + const formChangePass = document.querySelector('#formChangePassword'); + + // Form validation for Change password + if (formChangePass) { + const fv = FormValidation.formValidation(formChangePass, { + fields: { + newPassword: { + validators: { + notEmpty: { + message: 'Please enter new password' + }, + stringLength: { + min: 8, + message: 'Password must be more than 8 characters' + } + } + }, + confirmPassword: { + validators: { + notEmpty: { + message: 'Please confirm new password' + }, + identical: { + compare: function () { + return formChangePass.querySelector('[name="newPassword"]').value; + }, + message: 'The password and its confirm are not the same' + }, + stringLength: { + min: 8, + message: 'Password must be more than 8 characters' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + eleValidClass: '', + rowSelector: '.form-password-toggle' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }); + } +})(); diff --git a/resources/js/auth/app-user-view.js b/resources/js/auth/app-user-view.js new file mode 100644 index 0000000..60b1d23 --- /dev/null +++ b/resources/js/auth/app-user-view.js @@ -0,0 +1,89 @@ +/** + * App User View - Suspend User Script + */ +'use strict'; + +(function () { + const suspendUser = document.querySelector('.suspend-user'); + + // Suspend User javascript + if (suspendUser) { + suspendUser.onclick = function () { + Swal.fire({ + title: 'Are you sure?', + text: "You won't be able to revert user!", + icon: 'warning', + showCancelButton: true, + confirmButtonText: 'Yes, Suspend user!', + customClass: { + confirmButton: 'btn btn-primary me-2 waves-effect waves-light', + cancelButton: 'btn btn-label-secondary waves-effect waves-light' + }, + buttonsStyling: false + }).then(function (result) { + if (result.value) { + Swal.fire({ + icon: 'success', + title: 'Suspended!', + text: 'User has been suspended.', + customClass: { + confirmButton: 'btn btn-success waves-effect waves-light' + } + }); + } else if (result.dismiss === Swal.DismissReason.cancel) { + Swal.fire({ + title: 'Cancelled', + text: 'Cancelled Suspension :)', + icon: 'error', + customClass: { + confirmButton: 'btn btn-success waves-effect waves-light' + } + }); + } + }); + }; + } + + //? Billing page have multiple buttons + // Cancel Subscription alert + const cancelSubscription = document.querySelectorAll('.cancel-subscription'); + + // Alert With Functional Confirm Button + if (cancelSubscription) { + cancelSubscription.forEach(btnCancle => { + btnCancle.onclick = function () { + Swal.fire({ + text: 'Are you sure you would like to cancel your subscription?', + icon: 'warning', + showCancelButton: true, + confirmButtonText: 'Yes', + customClass: { + confirmButton: 'btn btn-primary me-2 waves-effect waves-light', + cancelButton: 'btn btn-label-secondary waves-effect waves-light' + }, + buttonsStyling: false + }).then(function (result) { + if (result.value) { + Swal.fire({ + icon: 'success', + title: 'Unsubscribed!', + text: 'Your subscription cancelled successfully.', + customClass: { + confirmButton: 'btn btn-success waves-effect waves-light' + } + }); + } else if (result.dismiss === Swal.DismissReason.cancel) { + Swal.fire({ + title: 'Cancelled', + text: 'Unsubscription Cancelled!!', + icon: 'error', + customClass: { + confirmButton: 'btn btn-success waves-effect waves-light' + } + }); + } + }); + }; + }); + } +})(); diff --git a/resources/js/auth/modal-add-new-address.js b/resources/js/auth/modal-add-new-address.js new file mode 100644 index 0000000..5ca25dd --- /dev/null +++ b/resources/js/auth/modal-add-new-address.js @@ -0,0 +1,73 @@ +/** + * Add New Address + */ + +'use strict'; + +// Select2 (jquery) +$(function () { + const select2 = $('.select2'); + + // Select2 Country + if (select2.length) { + select2.each(function () { + var $this = $(this); + $this.wrap('
    ').select2({ + placeholder: 'Select value', + dropdownParent: $this.parent() + }); + }); + } +}); + +// Add New Address form validation +document.addEventListener('DOMContentLoaded', function () { + (function () { + // initCustomOptionCheck on modal show to update the custom select + let addNewAddress = document.getElementById('addNewAddress'); + addNewAddress.addEventListener('show.bs.modal', function (event) { + // Init custom option check + window.Helpers.initCustomOptionCheck(); + }); + + FormValidation.formValidation(document.getElementById('addNewAddressForm'), { + fields: { + modalAddressFirstName: { + validators: { + notEmpty: { + message: 'Please enter your first name' + }, + regexp: { + regexp: /^[a-zA-Zs]+$/, + message: 'The first name can only consist of alphabetical' + } + } + }, + modalAddressLastName: { + validators: { + notEmpty: { + message: 'Please enter your last name' + }, + regexp: { + regexp: /^[a-zA-Zs]+$/, + message: 'The last name can only consist of alphabetical' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '', + rowSelector: '.col-12' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + } + }); + })(); +}); diff --git a/resources/js/auth/modal-add-new-cc.js b/resources/js/auth/modal-add-new-cc.js new file mode 100644 index 0000000..41bfe4d --- /dev/null +++ b/resources/js/auth/modal-add-new-cc.js @@ -0,0 +1,107 @@ +/** + * Add new credit card + */ + +'use strict'; + +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + // Variables + const creditCardMask = document.querySelector('.credit-card-mask'), + expiryDateMask = document.querySelector('.expiry-date-mask'), + cvvMask = document.querySelector('.cvv-code-mask'), + btnReset = document.querySelector('.btn-reset'); + let cleave; + + // Credit Card + function initCleave() { + if (creditCardMask) { + cleave = new Cleave(creditCardMask, { + creditCard: true, + onCreditCardTypeChanged: function (type) { + if (type != '' && type != 'unknown') { + document.querySelector('.card-type').innerHTML = + ''; + } else { + document.querySelector('.card-type').innerHTML = ''; + } + } + }); + } + } + + // Init cleave on show modal (To fix the cc image issue) + let addNewCCModal = document.getElementById('addNewCCModal'); + addNewCCModal.addEventListener('show.bs.modal', function (event) { + initCleave(); + }); + + // Expiry Date Mask + if (expiryDateMask) { + new Cleave(expiryDateMask, { + date: true, + delimiter: '/', + datePattern: ['m', 'y'] + }); + } + + // CVV + if (cvvMask) { + new Cleave(cvvMask, { + numeral: true, + numeralPositiveOnly: true + }); + } + + // Credit card form validation + FormValidation.formValidation(document.getElementById('addNewCCForm'), { + fields: { + modalAddCard: { + validators: { + notEmpty: { + message: 'Please enter your credit card number' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '', + rowSelector: '.col-12' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + //* Move the error message out of the `input-group` element + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }).on('plugins.message.displayed', function (e) { + if (e.element.parentElement.classList.contains('input-group')) { + //* Move the error message out of the `input-group` element + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement.parentElement); + } + }); + + // reset card image on click of cancel + btnReset.addEventListener('click', function (e) { + // blank '.card-type' innerHTML to remove image + document.querySelector('.card-type').innerHTML = ''; + // destroy cleave and init again on modal open + cleave.destroy(); + }); + })(); +}); diff --git a/resources/js/auth/modal-add-permission.js b/resources/js/auth/modal-add-permission.js new file mode 100644 index 0000000..b76feaa --- /dev/null +++ b/resources/js/auth/modal-add-permission.js @@ -0,0 +1,35 @@ +/** + * Add Permission Modal JS + */ + +'use strict'; + +// Add permission form validation +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + FormValidation.formValidation(document.getElementById('addPermissionForm'), { + fields: { + modalPermissionName: { + validators: { + notEmpty: { + message: 'Please enter permission name' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '', + rowSelector: '.col-12' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + } + }); + })(); +}); diff --git a/resources/js/auth/modal-add-role.js b/resources/js/auth/modal-add-role.js new file mode 100644 index 0000000..af4c8fe --- /dev/null +++ b/resources/js/auth/modal-add-role.js @@ -0,0 +1,44 @@ +/** + * Add new role Modal JS + */ + +'use strict'; + +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + // add role form validation + FormValidation.formValidation(document.getElementById('addRoleForm'), { + fields: { + modalRoleName: { + validators: { + notEmpty: { + message: 'Please enter role name' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '', + rowSelector: '.col-12' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + } + }); + + // Select All checkbox click + const selectAll = document.querySelector('#selectAll'), + checkboxList = document.querySelectorAll('[type="checkbox"]'); + selectAll.addEventListener('change', t => { + checkboxList.forEach(e => { + e.checked = t.target.checked; + }); + }); + })(); +}); diff --git a/resources/js/auth/modal-edit-cc.js b/resources/js/auth/modal-edit-cc.js new file mode 100644 index 0000000..5b5c254 --- /dev/null +++ b/resources/js/auth/modal-edit-cc.js @@ -0,0 +1,79 @@ +/** + * Edit credit card + */ + +'use strict'; + +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + const editCreditCardMaskEdit = document.querySelector('.credit-card-mask-edit'), + editExpiryDateMaskEdit = document.querySelector('.expiry-date-mask-edit'), + editCVVMaskEdit = document.querySelector('.cvv-code-mask-edit'); + + // Credit Card + if (editCreditCardMaskEdit) { + new Cleave(editCreditCardMaskEdit, { + creditCard: true, + onCreditCardTypeChanged: function (type) { + if (type != '' && type != 'unknown') { + document.querySelector('.card-type-edit').innerHTML = + ''; + } else { + document.querySelector('.card-type-edit').innerHTML = ''; + } + } + }); + } + + // Expiry Date MaskEdit + if (editExpiryDateMaskEdit) { + new Cleave(editExpiryDateMaskEdit, { + date: true, + delimiter: '/', + datePattern: ['m', 'y'] + }); + } + + // CVV MaskEdit + if (editCVVMaskEdit) { + new Cleave(editCVVMaskEdit, { + numeral: true, + numeralPositiveOnly: true + }); + } + + // Credit card form validation + FormValidation.formValidation(document.getElementById('editCCForm'), { + fields: { + modalEditCard: { + validators: { + notEmpty: { + message: 'Please enter your credit card number' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '', + rowSelector: '.col-12' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + //* Move the error message out of the `input-group` element + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }); + })(); +}); diff --git a/resources/js/auth/modal-edit-permission.js b/resources/js/auth/modal-edit-permission.js new file mode 100644 index 0000000..ee06c49 --- /dev/null +++ b/resources/js/auth/modal-edit-permission.js @@ -0,0 +1,35 @@ +/** + * Edit Permission Modal JS + */ + +'use strict'; + +// Edit permission form validation +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + FormValidation.formValidation(document.getElementById('editPermissionForm'), { + fields: { + editPermissionName: { + validators: { + notEmpty: { + message: 'Please enter permission name' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '', + rowSelector: '.col-sm-9' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + } + }); + })(); +}); diff --git a/resources/js/auth/modal-edit-user.js b/resources/js/auth/modal-edit-user.js new file mode 100644 index 0000000..1edcb67 --- /dev/null +++ b/resources/js/auth/modal-edit-user.js @@ -0,0 +1,103 @@ +/** + * Edit User + */ + +'use strict'; + +// Select2 (jquery) +$(function () { + const select2 = $('.select2'); + + // Select2 Country + if (select2.length) { + select2.each(function () { + var $this = $(this); + $this.wrap('
    ').select2({ + placeholder: 'Select value', + dropdownParent: $this.parent() + }); + }); + } +}); + +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + // variables + const modalEditUserTaxID = document.querySelector('.modal-edit-tax-id'); + const modalEditUserPhone = document.querySelector('.phone-number-mask'); + + // Prefix + if (modalEditUserTaxID) { + new Cleave(modalEditUserTaxID, { + prefix: 'TIN', + blocks: [3, 3, 3, 4], + uppercase: true + }); + } + + // Phone Number Input Mask + if (modalEditUserPhone) { + new Cleave(modalEditUserPhone, { + phone: true, + phoneRegionCode: 'US' + }); + } + + // Edit user form validation + FormValidation.formValidation(document.getElementById('editUserForm'), { + fields: { + modalEditUserFirstName: { + validators: { + notEmpty: { + message: 'Please enter your first name' + }, + regexp: { + regexp: /^[a-zA-Zs]+$/, + message: 'The first name can only consist of alphabetical' + } + } + }, + modalEditUserLastName: { + validators: { + notEmpty: { + message: 'Please enter your last name' + }, + regexp: { + regexp: /^[a-zA-Zs]+$/, + message: 'The last name can only consist of alphabetical' + } + } + }, + modalEditUserName: { + validators: { + notEmpty: { + message: 'Please enter your username' + }, + stringLength: { + min: 6, + max: 30, + message: 'The name must be more than 6 and less than 30 characters long' + }, + regexp: { + regexp: /^[a-zA-Z0-9 ]+$/, + message: 'The name can only consist of alphabetical, number and space' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '', + rowSelector: '.col-12' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + } + }); + })(); +}); diff --git a/resources/js/auth/modal-enable-otp.js b/resources/js/auth/modal-enable-otp.js new file mode 100644 index 0000000..767edf2 --- /dev/null +++ b/resources/js/auth/modal-enable-otp.js @@ -0,0 +1,53 @@ +/** + * Enable OTP + */ + +'use strict'; + +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + const phoneMask = document.querySelector('.phone-number-otp-mask'); + + // Phone Number Input Mask + if (phoneMask) { + new Cleave(phoneMask, { + phone: true, + phoneRegionCode: 'US' + }); + } + + // Enable OTP form validation + FormValidation.formValidation(document.getElementById('enableOTPForm'), { + fields: { + modalEnableOTPPhone: { + validators: { + notEmpty: { + message: 'Please enter your mobile number' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '', + rowSelector: '.col-12' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + //* Move the error message out of the `input-group` element + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }); + })(); +}); diff --git a/resources/js/auth/pages-account-settings-account.js b/resources/js/auth/pages-account-settings-account.js new file mode 100644 index 0000000..1a2b0c7 --- /dev/null +++ b/resources/js/auth/pages-account-settings-account.js @@ -0,0 +1,189 @@ +/** + * Account Settings - Account + */ + +'use strict'; + +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + const formAccSettings = document.querySelector('#formAccountSettings'), + deactivateAcc = document.querySelector('#formAccountDeactivation'), + deactivateButton = deactivateAcc.querySelector('.deactivate-account'); + + // Form validation for Add new record + if (formAccSettings) { + const fv = FormValidation.formValidation(formAccSettings, { + fields: { + firstName: { + validators: { + notEmpty: { + message: 'Please enter first name' + } + } + }, + lastName: { + validators: { + notEmpty: { + message: 'Please enter last name' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + eleValidClass: '', + rowSelector: '.col-md-6' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }); + } + + if (deactivateAcc) { + const fv = FormValidation.formValidation(deactivateAcc, { + fields: { + accountActivation: { + validators: { + notEmpty: { + message: 'Please confirm you want to delete account' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + eleValidClass: '' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + fieldStatus: new FormValidation.plugins.FieldStatus({ + onStatusChanged: function (areFieldsValid) { + areFieldsValid + ? // Enable the submit button + // so user has a chance to submit the form again + deactivateButton.removeAttribute('disabled') + : // Disable the submit button + deactivateButton.setAttribute('disabled', 'disabled'); + } + }), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }); + } + + // Deactivate account alert + const accountActivation = document.querySelector('#accountActivation'); + + // Alert With Functional Confirm Button + if (deactivateButton) { + deactivateButton.onclick = function () { + if (accountActivation.checked == true) { + Swal.fire({ + text: 'Are you sure you would like to deactivate your account?', + icon: 'warning', + showCancelButton: true, + confirmButtonText: 'Yes', + customClass: { + confirmButton: 'btn btn-primary me-2 waves-effect waves-light', + cancelButton: 'btn btn-label-secondary waves-effect waves-light' + }, + buttonsStyling: false + }).then(function (result) { + if (result.value) { + Swal.fire({ + icon: 'success', + title: 'Deleted!', + text: 'Your file has been deleted.', + customClass: { + confirmButton: 'btn btn-success waves-effect waves-light' + } + }); + } else if (result.dismiss === Swal.DismissReason.cancel) { + Swal.fire({ + title: 'Cancelled', + text: 'Deactivation Cancelled!!', + icon: 'error', + customClass: { + confirmButton: 'btn btn-success waves-effect waves-light' + } + }); + } + }); + } + }; + } + + // CleaveJS validation + + const phoneNumber = document.querySelector('#phoneNumber'), + zipCode = document.querySelector('#zipCode'); + // Phone Mask + if (phoneNumber) { + new Cleave(phoneNumber, { + phone: true, + phoneRegionCode: 'US' + }); + } + + // Pincode + if (zipCode) { + new Cleave(zipCode, { + delimiter: '', + numeral: true + }); + } + + // Update/reset user image of account page + let accountUserImage = document.getElementById('uploadedAvatar'); + const fileInput = document.querySelector('.account-file-input'), + resetFileInput = document.querySelector('.account-image-reset'); + + if (accountUserImage) { + const resetImage = accountUserImage.src; + fileInput.onchange = () => { + if (fileInput.files[0]) { + accountUserImage.src = window.URL.createObjectURL(fileInput.files[0]); + } + }; + resetFileInput.onclick = () => { + fileInput.value = ''; + accountUserImage.src = resetImage; + }; + } + })(); +}); + +// Select2 (jquery) +$(function () { + var select2 = $('.select2'); + // For all Select2 + if (select2.length) { + select2.each(function () { + var $this = $(this); + $this.wrap('
    '); + $this.select2({ + dropdownParent: $this.parent() + }); + }); + } +}); diff --git a/resources/js/auth/pages-account-settings-billing.js b/resources/js/auth/pages-account-settings-billing.js new file mode 100644 index 0000000..317f502 --- /dev/null +++ b/resources/js/auth/pages-account-settings-billing.js @@ -0,0 +1,194 @@ +/** + * Account Settings - Billing & Plans + */ + +'use strict'; + +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + const creditCardMask = document.querySelector('.credit-card-mask'), + expiryDateMask = document.querySelector('.expiry-date-mask'), + CVVMask = document.querySelector('.cvv-code-mask'); + + // Credit Card + if (creditCardMask) { + new Cleave(creditCardMask, { + creditCard: true, + onCreditCardTypeChanged: function (type) { + if (type != '' && type != 'unknown') { + document.querySelector('.card-type').innerHTML = + ''; + } else { + document.querySelector('.card-type').innerHTML = ''; + } + } + }); + } + + // Expiry Date Mask + if (expiryDateMask) { + new Cleave(expiryDateMask, { + date: true, + delimiter: '/', + datePattern: ['m', 'y'] + }); + } + + // CVV Mask + if (CVVMask) { + new Cleave(CVVMask, { + numeral: true, + numeralPositiveOnly: true + }); + } + + const formAccSettings = document.getElementById('formAccountSettings'), + mobileNumber = document.querySelector('.mobile-number'), + zipCode = document.querySelector('.zip-code'), + creditCardForm = document.getElementById('creditCardForm'); + + // Form validation + if (formAccSettings) { + const fv = FormValidation.formValidation(formAccSettings, { + fields: { + companyName: { + validators: { + notEmpty: { + message: 'Please enter company name' + } + } + }, + billingEmail: { + validators: { + notEmpty: { + message: 'Please enter billing email' + }, + emailAddress: { + message: 'Please enter valid email address' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + eleValidClass: '', + rowSelector: '.col-sm-6' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + } + }); + } + + // Credit card form validation + if (creditCardForm) { + FormValidation.formValidation(creditCardForm, { + fields: { + paymentCard: { + validators: { + notEmpty: { + message: 'Please enter your credit card number' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + //* Move the error message out of the `input-group` element + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }); + } + + // Cancel Subscription alert + const cancelSubscription = document.querySelector('.cancel-subscription'); + + // Alert With Functional Confirm Button + if (cancelSubscription) { + cancelSubscription.onclick = function () { + Swal.fire({ + text: 'Are you sure you would like to cancel your subscription?', + icon: 'warning', + showCancelButton: true, + confirmButtonText: 'Yes', + customClass: { + confirmButton: 'btn btn-primary me-2 waves-effect waves-light', + cancelButton: 'btn btn-label-secondary waves-effect waves-light' + }, + buttonsStyling: false + }).then(function (result) { + if (result.value) { + Swal.fire({ + icon: 'success', + title: 'Unsubscribed!', + text: 'Your subscription cancelled successfully.', + customClass: { + confirmButton: 'btn btn-success waves-effect waves-light' + } + }); + } else if (result.dismiss === Swal.DismissReason.cancel) { + Swal.fire({ + title: 'Cancelled', + text: 'Unsubscription Cancelled!!', + icon: 'error', + customClass: { + confirmButton: 'btn btn-success waves-effect waves-light' + } + }); + } + }); + }; + } + // CleaveJS validation + + // Phone Mask + if (mobileNumber) { + new Cleave(mobileNumber, { + phone: true, + phoneRegionCode: 'US' + }); + } + + // Pincode + if (zipCode) { + new Cleave(zipCode, { + delimiter: '', + numeral: true + }); + } + })(); +}); + +// Select2 (jquery) +$(function () { + var select2 = $('.select2'); + + // Select2 + if (select2.length) { + select2.each(function () { + var $this = $(this); + $this.wrap('
    '); + $this.select2({ + dropdownParent: $this.parent() + }); + }); + } +}); diff --git a/resources/js/auth/pages-account-settings-security.js b/resources/js/auth/pages-account-settings-security.js new file mode 100644 index 0000000..f7f8a5d --- /dev/null +++ b/resources/js/auth/pages-account-settings-security.js @@ -0,0 +1,125 @@ +/** + * Account Settings - Security + */ + +'use strict'; + +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + const formChangePass = document.querySelector('#formAccountSettings'), + formApiKey = document.querySelector('#formAccountSettingsApiKey'); + + // Form validation for Change password + if (formChangePass) { + const fv = FormValidation.formValidation(formChangePass, { + fields: { + currentPassword: { + validators: { + notEmpty: { + message: 'Please current password' + }, + stringLength: { + min: 8, + message: 'Password must be more than 8 characters' + } + } + }, + newPassword: { + validators: { + notEmpty: { + message: 'Please enter new password' + }, + stringLength: { + min: 8, + message: 'Password must be more than 8 characters' + } + } + }, + confirmPassword: { + validators: { + notEmpty: { + message: 'Please confirm new password' + }, + identical: { + compare: function () { + return formChangePass.querySelector('[name="newPassword"]').value; + }, + message: 'The password and its confirm are not the same' + }, + stringLength: { + min: 8, + message: 'Password must be more than 8 characters' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + eleValidClass: '', + rowSelector: '.col-md-6' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }); + } + + // Form validation for API key + if (formApiKey) { + const fvApi = FormValidation.formValidation(formApiKey, { + fields: { + apiKey: { + validators: { + notEmpty: { + message: 'Please enter API key name' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + eleValidClass: '' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + // Submit the form when all fields are valid + // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }); + } + })(); +}); + +// Select2 (jquery) +$(function () { + var select2 = $('.select2'); + + // Select2 API Key + if (select2.length) { + select2.each(function () { + var $this = $(this); + $this.wrap('
    '); + $this.select2({ + dropdownParent: $this.parent() + }); + }); + } +}); diff --git a/resources/js/auth/pages-auth-multisteps.js b/resources/js/auth/pages-auth-multisteps.js new file mode 100644 index 0000000..9934fcf --- /dev/null +++ b/resources/js/auth/pages-auth-multisteps.js @@ -0,0 +1,305 @@ +/** + * Page auth register multi-steps + */ + +'use strict'; + +// Select2 (jquery) +$(function () { + var select2 = $('.select2'); + + // select2 + if (select2.length) { + select2.each(function () { + var $this = $(this); + $this.wrap('
    '); + $this.select2({ + placeholder: 'Select an country', + dropdownParent: $this.parent() + }); + }); + } +}); + +// Multi Steps Validation +// -------------------------------------------------------------------- +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + const stepsValidation = document.querySelector('#multiStepsValidation'); + if (typeof stepsValidation !== undefined && stepsValidation !== null) { + // Multi Steps form + const stepsValidationForm = stepsValidation.querySelector('#multiStepsForm'); + // Form steps + const stepsValidationFormStep1 = stepsValidationForm.querySelector('#accountDetailsValidation'); + const stepsValidationFormStep2 = stepsValidationForm.querySelector('#personalInfoValidation'); + const stepsValidationFormStep3 = stepsValidationForm.querySelector('#billingLinksValidation'); + // Multi steps next prev button + const stepsValidationNext = [].slice.call(stepsValidationForm.querySelectorAll('.btn-next')); + const stepsValidationPrev = [].slice.call(stepsValidationForm.querySelectorAll('.btn-prev')); + + const multiStepsExDate = document.querySelector('.multi-steps-exp-date'), + multiStepsCvv = document.querySelector('.multi-steps-cvv'), + multiStepsMobile = document.querySelector('.multi-steps-mobile'), + multiStepsPincode = document.querySelector('.multi-steps-pincode'), + multiStepsCard = document.querySelector('.multi-steps-card'); + + // Expiry Date Mask + if (multiStepsExDate) { + new Cleave(multiStepsExDate, { + date: true, + delimiter: '/', + datePattern: ['m', 'y'] + }); + } + + // CVV + if (multiStepsCvv) { + new Cleave(multiStepsCvv, { + numeral: true, + numeralPositiveOnly: true + }); + } + + // Mobile + if (multiStepsMobile) { + new Cleave(multiStepsMobile, { + phone: true, + phoneRegionCode: 'US' + }); + } + + // Pincode + if (multiStepsPincode) { + new Cleave(multiStepsPincode, { + delimiter: '', + numeral: true + }); + } + + // Credit Card + if (multiStepsCard) { + new Cleave(multiStepsCard, { + creditCard: true, + onCreditCardTypeChanged: function (type) { + if (type != '' && type != 'unknown') { + document.querySelector('.card-type').innerHTML = + ''; + } else { + document.querySelector('.card-type').innerHTML = ''; + } + } + }); + } + + let validationStepper = new Stepper(stepsValidation, { + linear: true + }); + + // Account details + const multiSteps1 = FormValidation.formValidation(stepsValidationFormStep1, { + fields: { + multiStepsUsername: { + validators: { + notEmpty: { + message: 'Please enter username' + }, + stringLength: { + min: 6, + max: 30, + message: 'The name must be more than 6 and less than 30 characters long' + }, + regexp: { + regexp: /^[a-zA-Z0-9 ]+$/, + message: 'The name can only consist of alphabetical, number and space' + } + } + }, + multiStepsEmail: { + validators: { + notEmpty: { + message: 'Please enter email address' + }, + emailAddress: { + message: 'The value is not a valid email address' + } + } + }, + multiStepsPass: { + validators: { + notEmpty: { + message: 'Please enter password' + } + } + }, + multiStepsConfirmPass: { + validators: { + notEmpty: { + message: 'Confirm Password is required' + }, + identical: { + compare: function () { + return stepsValidationFormStep1.querySelector('[name="multiStepsPass"]').value; + }, + message: 'The password and its confirm are not the same' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '', + rowSelector: '.col-sm-6' + }), + autoFocus: new FormValidation.plugins.AutoFocus(), + submitButton: new FormValidation.plugins.SubmitButton() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }).on('core.form.valid', function () { + // Jump to the next step when all fields in the current step are valid + validationStepper.next(); + }); + + // Personal info + const multiSteps2 = FormValidation.formValidation(stepsValidationFormStep2, { + fields: { + multiStepsFirstName: { + validators: { + notEmpty: { + message: 'Please enter first name' + } + } + }, + multiStepsAddress: { + validators: { + notEmpty: { + message: 'Please enter your address' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '', + rowSelector: function (field, ele) { + // field is the field name + // ele is the field element + switch (field) { + case 'multiStepsFirstName': + return '.col-sm-6'; + case 'multiStepsAddress': + return '.col-md-12'; + default: + return '.row'; + } + } + }), + autoFocus: new FormValidation.plugins.AutoFocus(), + submitButton: new FormValidation.plugins.SubmitButton() + } + }).on('core.form.valid', function () { + // Jump to the next step when all fields in the current step are valid + validationStepper.next(); + }); + + // Social links + const multiSteps3 = FormValidation.formValidation(stepsValidationFormStep3, { + fields: { + multiStepsCard: { + validators: { + notEmpty: { + message: 'Please enter card number' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + // Use this for enabling/changing valid/invalid class + // eleInvalidClass: '', + eleValidClass: '', + rowSelector: function (field, ele) { + // field is the field name + // ele is the field element + switch (field) { + case 'multiStepsCard': + return '.col-md-12'; + + default: + return '.col-dm-6'; + } + } + }), + autoFocus: new FormValidation.plugins.AutoFocus(), + submitButton: new FormValidation.plugins.SubmitButton() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }).on('core.form.valid', function () { + // You can submit the form + // stepsValidationForm.submit() + // or send the form data to server via an Ajax request + // To make the demo simple, I just placed an alert + alert('Submitted..!!'); + }); + + stepsValidationNext.forEach(item => { + item.addEventListener('click', event => { + // When click the Next button, we will validate the current step + switch (validationStepper._currentIndex) { + case 0: + multiSteps1.validate(); + break; + + case 1: + multiSteps2.validate(); + break; + + case 2: + multiSteps3.validate(); + break; + + default: + break; + } + }); + }); + + stepsValidationPrev.forEach(item => { + item.addEventListener('click', event => { + switch (validationStepper._currentIndex) { + case 2: + validationStepper.previous(); + break; + + case 1: + validationStepper.previous(); + break; + + case 0: + + default: + break; + } + }); + }); + } + })(); +}); diff --git a/resources/js/auth/pages-auth-two-steps.js b/resources/js/auth/pages-auth-two-steps.js new file mode 100644 index 0000000..0939acb --- /dev/null +++ b/resources/js/auth/pages-auth-two-steps.js @@ -0,0 +1,83 @@ +/** + * Page auth two steps + */ + +'use strict'; + +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + let maskWrapper = document.querySelector('.numeral-mask-wrapper'); + + for (let pin of maskWrapper.children) { + pin.onkeyup = function (e) { + // Check if the key pressed is a number (0-9) + if (/^\d$/.test(e.key)) { + // While entering value, go to next + if (pin.nextElementSibling) { + if (this.value.length === parseInt(this.attributes['maxlength'].value)) { + pin.nextElementSibling.focus(); + } + } + } else if (e.key === 'Backspace') { + // While deleting entered value, go to previous + if (pin.previousElementSibling) { + pin.previousElementSibling.focus(); + } + } + }; + // Prevent the default behavior for the minus key + pin.onkeypress = function (e) { + if (e.key === '-') { + e.preventDefault(); + } + }; + } + + const twoStepsForm = document.querySelector('#twoStepsForm'); + + // Form validation for Add new record + if (twoStepsForm) { + const fv = FormValidation.formValidation(twoStepsForm, { + fields: { + otp: { + validators: { + notEmpty: { + message: 'Please enter otp' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + eleValidClass: '', + rowSelector: '.mb-6' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + + defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + } + }); + + const numeralMaskList = twoStepsForm.querySelectorAll('.numeral-mask'); + const keyupHandler = function () { + let otpFlag = true, + otpVal = ''; + numeralMaskList.forEach(numeralMaskEl => { + if (numeralMaskEl.value === '') { + otpFlag = false; + twoStepsForm.querySelector('[name="otp"]').value = ''; + } + otpVal = otpVal + numeralMaskEl.value; + }); + if (otpFlag) { + twoStepsForm.querySelector('[name="otp"]').value = otpVal; + } + }; + numeralMaskList.forEach(numeralMaskEle => { + numeralMaskEle.addEventListener('keyup', keyupHandler); + }); + } + })(); +}); diff --git a/resources/js/auth/pages-auth.js b/resources/js/auth/pages-auth.js new file mode 100644 index 0000000..9627b75 --- /dev/null +++ b/resources/js/auth/pages-auth.js @@ -0,0 +1,112 @@ +('use strict'); + +const formAuthentication = document.querySelector('#formAuthentication'); + +document.addEventListener('DOMContentLoaded', function (e) { + (function () { + // Form validation for Add new record + if (formAuthentication) { + const fv = FormValidation.formValidation(formAuthentication, { + fields: { + username: { + validators: { + notEmpty: { + message: 'Por favor, introduzca su nombre de usuario' + }, + stringLength: { + min: 6, + message: 'El nombre de usuario debe tener más de 6 caracteres' + } + } + }, + email: { + validators: { + notEmpty: { + message: 'Por favor, introduzca su correo electrónico' + }, + emailAddress: { + message: 'Por favor, introduzca una dirección de correo electrónico válida' + } + } + }, + 'email-username': { + validators: { + notEmpty: { + message: 'Por favor, introduzca su correo electrónico / nombre de usuario' + }, + stringLength: { + min: 6, + message: 'El nombre de usuario debe tener más de 6 caracteres' + } + } + }, + password: { + validators: { + notEmpty: { + message: 'Por favor, introduzca su contraseña' + }, + stringLength: { + min: 6, + message: 'La contraseña debe tener más de 6 caracteres' + } + } + }, + 'confirm-password': { + validators: { + notEmpty: { + message: 'Confirme la contraseña' + }, + identical: { + compare: function () { + return formAuthentication.querySelector('[name="password"]').value; + }, + message: 'La contraseña y su confirmación no son iguales' + }, + stringLength: { + min: 6, + message: 'La contraseña debe tener más de 6 caracteres' + } + } + }, + terms: { + validators: { + notEmpty: { + message: 'Acepte los términos y condiciones' + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + eleValidClass: '', + rowSelector: '.fv-row' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + + defaultSubmit: new FormValidation.plugins.DefaultSubmit(), + autoFocus: new FormValidation.plugins.AutoFocus() + }, + init: instance => { + instance.on('plugins.message.placed', function (e) { + if (e.element.parentElement.classList.contains('input-group')) { + e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); + } + }); + } + }); + } + + // Two Steps Verification + const numeralMask = document.querySelectorAll('.numeral-mask'); + + // Verification masking + if (numeralMask.length) { + numeralMask.forEach(e => { + new Cleave(e, { + numeral: true + }); + }); + } + })(); +}); diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js new file mode 100644 index 0000000..5f1390b --- /dev/null +++ b/resources/js/bootstrap.js @@ -0,0 +1,4 @@ +import axios from 'axios'; +window.axios = axios; + +window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; diff --git a/resources/js/pages/admin-settings-scripts.js b/resources/js/pages/admin-settings-scripts.js new file mode 100644 index 0000000..4061713 --- /dev/null +++ b/resources/js/pages/admin-settings-scripts.js @@ -0,0 +1,27 @@ +import '../../assets/js/notifications/LivewireNotification.js'; +import FormCustomListener from '../../assets/js/forms/formCustomListener'; + +new FormCustomListener({ + buttonSelectors: ['.btn-save', '.btn-cancel', '.btn-reset'] // Selectores para botones +}); + +Livewire.on('clearLocalStoregeTemplateCustomizer', event => { + const _deleteCookie = name => { + document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;'; + }; + + const pattern = 'templateCustomizer-'; + + // Iterar sobre todas las claves en localStorage + Object.keys(localStorage).forEach(key => { + if (key.startsWith(pattern)) { + localStorage.removeItem(key); + } + }); + + _deleteCookie('admin-mode'); + _deleteCookie('admin-colorPref'); + _deleteCookie('colorPref'); + _deleteCookie('theme'); + _deleteCookie('direction'); +}); diff --git a/resources/js/pages/cache-manager-scripts.js b/resources/js/pages/cache-manager-scripts.js new file mode 100644 index 0000000..4a2131e --- /dev/null +++ b/resources/js/pages/cache-manager-scripts.js @@ -0,0 +1,99 @@ +import '../../assets/js/notifications/LivewireNotification.js'; +import FormCustomListener from '../../assets/js/forms/formCustomListener'; + +// Inicializar listener para estadísticas de cache +new FormCustomListener({ + buttonSelectors: ['.btn-clear-cache', '.btn-reload-cache-stats'] +}); + +// Inicializar listener para funciones de cache +new FormCustomListener({ + formSelector: '#cache-functions-card', + buttonSelectors: ['.btn', '.btn-config-cache', '.btn-cache-routes'], + callbacks: [ + null, // Callback por defecto para .btn + (form, button) => { + // Emitir notificación de carga + notification.emitNotification({ + target: '#cache-functions-card .notification-container', + message: 'Generando cache de configuraciones de Laravel...', + type: 'warning' + }); + + // Generar cache de configuraciones mediante una petición AJAX + fetch('/admin/cache/config/cache', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') + }, + body: JSON.stringify({}) + }) + .then(response => { + if (!response.ok) { + throw new Error('Error al generar el cache de configuraciones'); + } + return response.json(); + }) + .then(() => { + // Emitir notificación de éxito con recarga diferida + notification.emitNotification({ + target: '#cache-functions-card .notification-container', + message: 'Se ha cacheado la configuración de Laravel...', + type: 'success', + deferReload: true + }); + }) + .catch(error => { + // Emitir notificación de error + notification.emitNotification({ + target: '#cache-functions-card .notification-container', + message: `Error: ${error.message}`, + type: 'danger' + }); + console.error('Error al generar el cache:', error); + }); + }, + (form, button) => { + // Emitir notificación de carga + notification.emitNotification({ + target: '#cache-functions-card .notification-container', + message: 'Generando cache de rutas de Laravel...', + type: 'warning' + }); + + // Recargar estadísticas de cache mediante una petición AJAX + fetch('/admin/cache/route/cache', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') + } + }) + .then(response => { + if (!response.ok) { + throw new Error('Error al recargar las estadísticas de cache'); + } + return response.json(); + }) + .then(() => { + // Emitir notificación de éxito con recarga diferida + notification.emitNotification({ + target: '#cache-functions-card .notification-container', + message: 'Se han cacheado las rutas de Laravel...', + type: 'success', + deferReload: true + }); + }) + .catch(error => { + // Emitir notificación de error + notification.emitNotification({ + target: '#cache-functions-card .notification-container', + message: `Error: ${error.message}`, + type: 'danger' + }); + console.error('Error al recargar las estadísticas:', error); + }); + } + ] +}); diff --git a/resources/js/pages/permissions-scripts.js b/resources/js/pages/permissions-scripts.js new file mode 100644 index 0000000..cff3fe1 --- /dev/null +++ b/resources/js/pages/permissions-scripts.js @@ -0,0 +1,197 @@ +/** + * App user list (jquery) + */ + +'use strict'; + +$(function () { + var dataTablePermissions = $('.datatables-permissions'), + dt_permission, + userList = baseUrl + 'app/user/list'; + + // Users List datatable + if (dataTablePermissions.length) { + dt_permission = dataTablePermissions.DataTable({ + ajax: window.location.href, + columns: [ + // columns according to JSON + { data: '' }, + { data: 'id' }, + { data: 'name' }, + { data: 'assigned_to' }, + { data: 'created_date' }, + { data: '' } + ], + columnDefs: [ + { + // For Responsive + className: 'control', + orderable: false, + searchable: false, + responsivePriority: 2, + targets: 0, + render: function (data, type, full, meta) { + return ''; + } + }, + { + targets: 1, + searchable: false, + visible: false + }, + { + // Name + targets: 2, + render: function (data, type, full, meta) { + var $name = full['name']; + return '' + $name + ''; + } + }, + { + // User Role + targets: 3, + orderable: false, + render: function (data, type, full, meta) { + var $assignedTo = full['assigned_to'], + $output = ''; + var roleBadgeObj = { + Admin: + 'Administrator', + Manager: + 'Manager', + Users: + 'Users', + Support: + 'Support', + Restricted: + 'Restricted User' + }; + for (var i = 0; i < $assignedTo.length; i++) { + var val = $assignedTo[i]; + $output += roleBadgeObj[val]; + } + return '' + $output + ''; + } + }, + { + // remove ordering from Name + targets: 4, + orderable: false, + render: function (data, type, full, meta) { + var $date = full['created_date']; + return '' + $date + ''; + } + }, + { + // Actions + targets: -1, + searchable: false, + title: 'Actions', + orderable: false, + render: function (data, type, full, meta) { + return ( + '
    ' + + '' + + '' + + '
    ' + + 'Edit' + + 'Suspend' + + '
    ' + + '
    ' + ); + } + } + ], + order: [[1, 'asc']], + dom: + '<"row mx-1"' + + '<"col-sm-12 col-md-3" l>' + + '<"col-sm-12 col-md-9"<"dt-action-buttons text-xl-end text-lg-start text-md-end text-start d-flex align-items-center justify-content-md-end justify-content-center flex-wrap"<"me-4 mt-n6 mt-md-0"f>B>>' + + '>t' + + '<"row"' + + '<"col-sm-12 col-md-6"i>' + + '<"col-sm-12 col-md-6"p>' + + '>', + language: $.fn.dataTable.ext.datatable_spanish_default, + // Buttons with Dropdown + buttons: [], + // For responsive popup + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal({ + header: function (row) { + var data = row.data(); + return 'Details of ' + data['name']; + } + }), + type: 'column', + renderer: function (api, rowIdx, columns) { + var data = $.map(columns, function (col, i) { + return col.title !== '' // ? Do not show row in modal popup if title is blank (for check box) + ? '' + + ' ' + + '' + + '' + : ''; + }).join(''); + + return data ? $('
    ' + + col.title + + ':' + + '' + + col.data + + '
    ').append(data) : false; + } + } + }, + initComplete: function () { + // Adding role filter once table initialized + this.api() + .columns(3) + .every(function () { + var column = this; + var select = $( + '' + ) + .appendTo('.user_role') + .on('change', function () { + var val = $.fn.dataTable.util.escapeRegex($(this).val()); + column.search(val ? '^' + val + '$' : '', true, false).draw(); + }); + + column + .data() + .unique() + .sort() + .each(function (d, j) { + select.append(''); + }); + }); + } + }); + } + + // Delete Record + $('.datatables-permissions tbody').on('click', '.delete-record', function () { + dt_permission.row($(this).parents('tr')).remove().draw(); + }); + + // Filter form control to default size + // ? setTimeout used for multilingual table initialization + setTimeout(() => { + $('.dataTables_filter .form-control').removeClass('form-control-sm'); + $('.dataTables_length .form-select').removeClass('form-select-sm'); + $('.dataTables_info').addClass('ms-n1'); + $('.dataTables_paginate').addClass('me-n1'); + }, 300); +}); diff --git a/resources/js/pages/roles-scripts.js b/resources/js/pages/roles-scripts.js new file mode 100644 index 0000000..b334e4a --- /dev/null +++ b/resources/js/pages/roles-scripts.js @@ -0,0 +1 @@ +import '../../assets/js/notifications/LivewireNotification.js'; diff --git a/resources/js/pages/smtp-settings-scripts.js b/resources/js/pages/smtp-settings-scripts.js new file mode 100644 index 0000000..f616c46 --- /dev/null +++ b/resources/js/pages/smtp-settings-scripts.js @@ -0,0 +1,25 @@ +import '../../assets/js/notifications/LivewireNotification.js'; +import SmtpSettingsForm from '../../js/smtp-settings/SmtpSettingsForm'; +import SenderResponseForm from '../../js/smtp-settings/SenderResponseForm.js'; + +window.smtpSettingsForm = new SmtpSettingsForm(); +window.senderResponseForm = new SenderResponseForm(); + +Livewire.hook('morphed', ({ component }) => { + switch (component.name) { + case 'mail-smtp-settings': + if (window.smtpSettingsForm) { + window.smtpSettingsForm.reload(); // Recarga el formulario sin destruir la instancia + } + break; + + case 'mail-sender-response-settings': + if (window.senderResponseForm) { + window.senderResponseForm.reload(); // Recarga el formulario sin destruir la instancia + } + break; + + default: + break; + } +}); diff --git a/resources/js/smtp-settings/SenderResponseForm.js b/resources/js/smtp-settings/SenderResponseForm.js new file mode 100644 index 0000000..7071604 --- /dev/null +++ b/resources/js/smtp-settings/SenderResponseForm.js @@ -0,0 +1,220 @@ +export default class SenderResponseForm { + constructor(config = {}) { + const defaultConfig = { + formSenderResponseId: 'mail-sender-response-settings-card', + replyToMethodId: 'reply_to_method', + saveSenderResponseButtonId: 'save_sender_response_button', + cancelButtonId: 'cancel_sender_response_button' + }; + + this.config = { ...defaultConfig, ...config }; + this.formSenderResponse = null; + this.smtpReplyToMethod = null; + this.saveButton = null; + this.cancelButton = null; + + this.init(); // Inicializa el formulario + } + + // Método para inicializar el formulario + init() { + try { + // Obtener elementos esenciales + this.formSenderResponse = document.getElementById(this.config.formSenderResponseId); + this.smtpReplyToMethod = document.getElementById(this.config.replyToMethodId); + this.saveButton = document.getElementById(this.config.saveSenderResponseButtonId); + this.cancelButton = document.getElementById(this.config.cancelButtonId); + + // Asignar eventos + this.formSenderResponse.addEventListener('input', event => this.handleInput(event)); + this.smtpReplyToMethod.addEventListener('change', () => this.handleToggleReplyToMethod()); + this.cancelButton.addEventListener('click', () => this.handleCancel()); + + // Inicializar validación del formulario + this.initializeFormValidation(this.formSenderResponse, this.senderResponsValidateConfig, () => { + this.handleFormValid(); + }); + + // Disparar el evento 'change' en el método de respuesta + setTimeout(() => this.smtpReplyToMethod.dispatchEvent(new Event('change')), 0); + } catch (error) { + console.error('Error al inicializar el formulario de respuesta:', error); + } + } + + /** + * Método de recarga parcial + * Este método restablece la validación y los eventos sin destruir la instancia. + */ + reload() { + try { + // Vuelve a inicializar la validación del formulario + this.initializeFormValidation(this.formSenderResponse, this.senderResponsValidateConfig, () => { + this.handleFormValid(); + }); + + // Vuelve a agregar los eventos (si es necesario, depende de tu lógica) + this.smtpReplyToMethod.dispatchEvent(new Event('change')); + } catch (error) { + console.error('Error al recargar el formulario:', error); + } + } + + /** + * Maneja el evento de entrada en el formulario. + * @param {Event} event - Evento de entrada. + */ + handleInput(event) { + const target = event.target; + + if (['INPUT', 'SELECT', 'TEXTAREA'].includes(target.tagName)) { + this.toggleButtonsState(this.formSenderResponse, true); // Habilitar botones + } + } + + /** + * Muestra u oculta el campo de correo personalizado según el método de respuesta seleccionado. + * @param {HTMLElement} smtpReplyToMethod - Elemento select del método de respuesta. + */ + handleToggleReplyToMethod() { + const emailCustomDiv = document.querySelector('.email-custom-div'); + + if (emailCustomDiv) { + emailCustomDiv.style.display = Number(this.smtpReplyToMethod.value) === 3 ? 'block' : 'none'; + } + } + + /** + * Cancels the sender response form submission. + * This method disables the form buttons, disables all form fields, + * and sets the cancel button to a loading state. + * + * @returns {void} + */ + handleCancel() { + this.disableFormFields(this.formSenderResponse); + this.toggleButtonsState(this.formSenderResponse, false); + this.setButtonLoadingState(this.cancelButton, true); + } + + /** + * Inicializa la validación del formulario. + * @param {HTMLElement} form - El formulario. + * @param {Object} config - Configuración de validación. + * @param {Function} onValidCallback - Callback cuando el formulario es válido. + */ + initializeFormValidation(form, config, onValidCallback) { + return FormValidation.formValidation(form, config).on('core.form.valid', onValidCallback); + } + + /** + * Maneja la acción cuando el formulario es válido. + */ + handleFormValid() { + this.disableFormFields(this.formSenderResponse); + this.toggleButtonsState(this.formSenderResponse, false); + this.setButtonLoadingState(this.saveButton, true); + + Livewire.dispatch('saveMailSenderResponseSettings'); + } + + /** + * Deshabilita todos los campos del formulario. + * @param {HTMLElement} form - El formulario. + */ + disableFormFields(form) { + form.querySelectorAll('input, select, textarea').forEach(field => { + field.disabled = true; + }); + } + + /** + * Habilita o deshabilita los botones dentro del formulario. + * @param {HTMLElement} form - El formulario. + * @param {boolean} state - Estado de habilitación. + */ + toggleButtonsState(form, state) { + form.querySelectorAll('button').forEach(button => { + button.disabled = !state; + }); + } + + /** + * Configura el estado de carga de un botón. + * @param {HTMLElement} button - El botón. + * @param {boolean} isLoading - Si el botón está en estado de carga. + */ + setButtonLoadingState(button, isLoading) { + const loadingText = button.getAttribute('data-loading-text'); + + if (loadingText && isLoading) { + button.innerHTML = loadingText; + } else { + button.innerHTML = button.getAttribute('data-original-text') || button.innerHTML; + } + } + + senderResponsValidateConfig = { + fields: { + from_address: { + validators: { + notEmpty: { + message: 'El correo electrónico de salida es obligatorio.' + }, + emailAddress: { + message: 'Por favor, introduce un correo electrónico válido.' + } + } + }, + from_name: { + validators: { + notEmpty: { + message: 'El nombre del remitente es obligatorio.' + } + } + }, + reply_to_method: { + validators: { + notEmpty: { + message: 'El método de respuesta es obligatorio.' + } + } + }, + reply_to_email: { + validators: { + callback: { + message: 'El correo electrónico de respuesta es obligatorio.', + callback: function (input) { + if (Number(document.getElementById('reply_to_method').value) === 3) { + return input.value.trim() !== '' && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(input.value); + } + return true; + } + } + } + }, + reply_to_name: { + validators: { + callback: { + message: 'El nombre de respuesta es obligatorio.', + callback: function (input) { + if (Number(document.getElementById('reply_to_method').value) === 3) { + return input.value.trim() !== ''; + } + return true; + } + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ + eleValidClass: '', + rowSelector: '.fv-row' + }), + submitButton: new FormValidation.plugins.SubmitButton(), + autoFocus: new FormValidation.plugins.AutoFocus() + } + }; +} diff --git a/resources/js/smtp-settings/SmtpSettingsForm.js b/resources/js/smtp-settings/SmtpSettingsForm.js new file mode 100644 index 0000000..8704bf1 --- /dev/null +++ b/resources/js/smtp-settings/SmtpSettingsForm.js @@ -0,0 +1,239 @@ +export default class SmtpSettingsForm { + constructor(config = {}) { + const defaultConfig = { + formSmtpSettingsSelector: '#mail-smtp-settings-card', + changeSmtpSettingsId: 'change_smtp_settings', + testSmtpConnectionButtonId: 'test_smtp_connection_button', + saveSmtpConnectionButtonId: 'save_smtp_connection_button', + cancelSmtpConnectionButtonId: 'cancel_smtp_connection_button' + }; + + this.config = { ...defaultConfig, ...config }; + this.formSmtpSettings = null; + this.changeSmtpSettingsCheckbox = null; + this.testButton = null; + this.saveButton = null; + this.cancelButton = null; + this.validator = null; + + this.init(); + } + + /** + * Inicializa el formulario de configuración SMTP. + */ + init() { + try { + // Obtener elementos esenciales + this.formSmtpSettings = document.querySelector(this.config.formSmtpSettingsSelector); + this.notificationArea = this.formSmtpSettings.querySelector(this.config.notificationAreaSelector); + this.changeSmtpSettingsCheckbox = document.getElementById(this.config.changeSmtpSettingsId); + this.testButton = document.getElementById(this.config.testSmtpConnectionButtonId); + this.saveButton = document.getElementById(this.config.saveSmtpConnectionButtonId); + this.cancelButton = document.getElementById(this.config.cancelSmtpConnectionButtonId); + + // Asignar eventos + this.changeSmtpSettingsCheckbox.addEventListener('change', event => this.handleCheckboxChange(event)); + this.testButton.addEventListener('click', event => this.handleTestConnection(event)); + this.cancelButton.addEventListener('click', () => this.handleCancel()); + + // Inicializar validación del formulario + this.validator = FormValidation.formValidation(this.formSmtpSettings, this.smtpSettingsFormValidateConfig); + } catch (error) { + console.error('Error al inicializar el formulario SMTP:', error); + } + } + + /** + * Método de recarga parcial + * Este método restablece la validación y los eventos sin destruir la instancia. + */ + reload() { + try { + // Inicializar validación del formulario + this.validator = FormValidation.formValidation(this.formSmtpSettings, this.smtpSettingsFormValidateConfig); + } catch (error) { + console.error('Error al recargar el formulario:', error); + } + } + + /** + * Maneja el cambio en la casilla "Cambiar configuración SMTP". + * @param {Event} event - Evento de cambio. + */ + handleCheckboxChange(event) { + const isEnabled = event.target.checked; + + this.toggleFieldsState(['host', 'port', 'encryption', 'username', 'password'], isEnabled); + + this.testButton.disabled = false; + this.saveButton.disabled = true; + this.cancelButton.disabled = false; + + if (!isEnabled) { + Livewire.dispatch('loadSettings'); + } + } + + /** + * Maneja el clic en el botón "Probar conexión". + * @param {Event} event - Evento de clic. + */ + handleTestConnection(event) { + event.preventDefault(); + + this.validator.resetForm(); + + this.validator.validate().then(status => { + if (status === 'Valid') { + this.disableFormFields(this.formSmtpSettings); + this.toggleButtonsState(this.formSmtpSettings, false); + this.setButtonLoadingState(this.testButton, true); + + Livewire.dispatch('testSmtpConnection'); + } + }); + } + + /** + * Maneja la cancelación de cambios en la configuración SMTP. + */ + handleCancel() { + this.disableFormFields(this.formSmtpSettings); + this.toggleButtonsState(this.formSmtpSettings, false); + this.setButtonLoadingState(this.cancelButton, true); + + Livewire.dispatch('loadSettings'); + } + + /** + * Habilita o deshabilita los campos del formulario. + * @param {Array} fields - IDs de los campos a actualizar. + * @param {boolean} isEnabled - Estado de habilitación. + */ + toggleFieldsState(fields, isEnabled) { + fields.forEach(id => { + const field = document.getElementById(id); + + if (field) field.disabled = !isEnabled; + }); + } + + /** + * Deshabilita todos los campos del formulario. + * @param {HTMLElement} form - El formulario. + */ + disableFormFields(form) { + form.querySelectorAll('input, select, textarea').forEach(field => { + field.disabled = true; + }); + } + + /** + * Habilita o deshabilita los botones dentro del formulario. + * @param {HTMLElement} form - El formulario. + * @param {boolean} state - Estado de habilitación. + */ + toggleButtonsState(form, state) { + form.querySelectorAll('button').forEach(button => { + button.disabled = !state; + }); + } + + /** + * Configura el estado de carga de un botón. + * @param {HTMLElement} button - El botón. + * @param {boolean} isLoading - Si el botón está en estado de carga. + */ + setButtonLoadingState(button, isLoading) { + const loadingText = button.getAttribute('data-loading-text'); + + if (loadingText && isLoading) { + button.innerHTML = loadingText; + } else { + button.innerHTML = button.getAttribute('data-original-text') || button.innerHTML; + } + } + + smtpSettingsFormValidateConfig = { + fields: { + host: { + validators: { + callback: { + message: 'El servidor SMTP es obligatorio.', + callback: function (input) { + // Ejecutar la validación solo si 'change_smtp_settings' está marcado + if (document.getElementById('change_smtp_settings').checked) { + return input.value.trim() !== ''; + } + return true; // No validar si no está marcado + } + } + } + }, + port: { + validators: { + callback: { + message: 'El puerto SMTP es obligatorio.', + callback: function (input) { + if (document.getElementById('change_smtp_settings').checked) { + return ( + input.value.trim() !== '' && + /^\d+$/.test(input.value) && + input.value >= 1 && + input.value <= 65535 + ); + } + return true; + } + } + } + }, + encryption: { + validators: { + callback: { + message: 'La encriptación es obligatoria.', + callback: function (input) { + if (document.getElementById('change_smtp_settings').checked) { + return input.value.trim() !== ''; + } + return true; + } + } + } + }, + username: { + validators: { + callback: { + message: 'El usuario SMTP es obligatorio.', + callback: function (input) { + if (document.getElementById('change_smtp_settings').checked) { + return input.value.trim().length >= 6; + } + return true; + } + } + } + }, + password: { + validators: { + callback: { + message: 'Por favor, introduzca su contraseña.', + callback: function (input) { + if (document.getElementById('change_smtp_settings').checked) { + return input.value.trim().length >= 5; + } + return true; + } + } + } + } + }, + plugins: { + trigger: new FormValidation.plugins.Trigger(), + bootstrap5: new FormValidation.plugins.Bootstrap5({ rowSelector: '.fv-row' }), + submitButton: new FormValidation.plugins.SubmitButton(), + autoFocus: new FormValidation.plugins.AutoFocus() + } + }; +} diff --git a/resources/lang/es/auth.php b/resources/lang/es/auth.php new file mode 100644 index 0000000..b845247 --- /dev/null +++ b/resources/lang/es/auth.php @@ -0,0 +1,18 @@ + 'Estas credenciales no coinciden con nuestros registros.', + 'password' => 'La contraseña ingresada no es correcta.', + 'throttle' => 'Demasiados intentos de acceso. Por favor intente nuevamente en :seconds segundos.', +]; diff --git a/resources/lang/es/errors.php b/resources/lang/es/errors.php new file mode 100644 index 0000000..d88611b --- /dev/null +++ b/resources/lang/es/errors.php @@ -0,0 +1,10 @@ + 'Esta acción solo está permitida para solicitudes AJAX.', + 'page_not_found' => 'No pudimos encontrar la página que estás buscando.', + 'route_not_found' => 'No se pudo encontrar la ruta :route.', + 'bad_request' => 'La solicitud está mal formada o contiene errores sintácticos.', + 'unauthorized' => 'No tienes permiso para acceder a esta página.', + 'forbidden' => 'No tienes permiso para acceder a este recurso.', +]; diff --git a/resources/lang/es/locale.php b/resources/lang/es/locale.php new file mode 100644 index 0000000..e3a07f6 --- /dev/null +++ b/resources/lang/es/locale.php @@ -0,0 +1,291 @@ + "Web App", + "List of appointments" => "Listado de citas", + "Calendar medico" => "Calendario Médico", + "Vacations" => "Vacaciones", + "Specialties" => "Especialidades", + "Email contact" => "Correo de contacto", + + "Billing API" => "API de facturación", + "PAC status" => "Info. del Pack", + + "Social media" => "Redes sociales", + "Location" => "Ubicación", + "Office hours" => "Horario consultorio", + + "Online dating" => "Citas en línea", + "Billing" => "Facturación", + "Invoice consultation" => "Facturar consultas", + "CFDI Ingresos" => "CFDI Ingresos", + "CFDI 4.0 Catalogs" => "Catálogos CFDI 4.0", + "Catalogs" => "Catálogos", + + "CRM" => "CRM", + "Diary" => "Agenda", + "Diary settings" => "Configuraciones de Agenda", + "QR Codes" => "Códigos QR", + + "Dropdown Lists" => "Listas desplegables", + "Agenda" => "Agenda", + "koneko.mx" => "koneko.mx", + "medico.esys.mx" => "medico.esys.mx", + + "General setting" => "Ajustes generales", + "Working hours" => "Horario laboral", + "Working hours new users" => "Hor. nuevos usuarios", + + "System users" => "Usuarios del sistema", + + "medico users" => "Usuarios Médico", + "System settings" => "Ajustes de sistema", + "Settings" => "Ajustes", + "Appointment tags" => "Etiquetas de citas", + + "My page" => "Mi página", + "Relationship" => "Amistades", + "Colleagues" => "Colegas", + "Galleries" => "Galerias", + "Posts" => "Publicaciones", + "My profile" => "Mi perfil", + "User profile" => "Perfil de usuario", + "Patients" => "Pacientes", + "Doctors" => "Médicos", + "Clinics" => "Médicos", + "My account" => "Mi cuenta", + + "Appointments and payments" => "Citas", + "Administration" => "Administración", + "Roles and permissions" => "Roles y permisos", + "Payments" => "Pagos", + "new payment" => "Nuevo pago", + "Appointment, Calendar" => "Citas (Calendario)", + "Appointment, List" => "Citas (Lista)", + "Appointment" => "Cita", + "Appointments" => "Citas", + "Book appointment" => "Reservar una cita", + "My services" => "Mis servicios", + "Services" => "Servicios", + "New service" => "Nuevo servicio", + "Patients" => "Pacientes", + "Secretaries" => "Secretárias", + "Secretary" => "Secretaria", + "Administrators" => "Administratores", + "Security" => "Seguridad", + "Legal contents" => "Contenidos legales", + + "Roles" => "Roles", + "Role" => "Role", + "Permissions" => 'Permisos', + + "new destination" => "Nuevo destino", + "new post" => "Nueva publicación", + + "about" => 'Acerca de', + + "Destination" => "Destino", + "Destinations" => "Destinos", + + "Profiles" => "Perfiles", + "Drop-down list" => "Listas desplegables", + + "Slider" => "Rotador", + "Newsletter" => "Boletín", + + "Main" => "Principal", + "Subscriptors" => "Suscriptores", + + "Miscellaneous" => "Varios", + "System" => "Sistema", + "Users" => "Usuarios", + "My profile" => 'Mi perfil', + "Website" => "Sitio Web", + "Jetstream" => "Jetstream", + "Posts" => "Publicaciones", + "Tags" => "Etiquetas", + "Categories" => "Categorías", + "Home" => "Inicio", + "Starter Kit" => "Starter Kit", + "Apps & Pages" => "Apps & Pages", + "User Interface" => "User Interface", + "Vuexy Layouts" => "Vuexy Layouts", + "Dashboard" => "Dashboard", + "Dashboards" => "Dashboards", + "Analytics" => "Analytics", + "eCommerce" => "eCommerce", + "Apps" => "Apps", + "UI Elements" => "UI Elements", + "Forms & Tables" => "Forms & Tables", + "Pages" => "Pages", + "Charts & Maps" => "Charts & Maps", + "Others" => "Others", + "Email" => "Email", + "Chat" => "Chat", + "Todo" => "Todo", + "Calendar" => "Calendar", + "Ecommerce" => "Ecommerce", + "Shop" => "Shop", + "Wish List" => "Wish List", + "Checkout" => "Checkout", + "Starter kit" => "Starter kit", + "1 column" => "1 column", + "2 columns" => "2 columns", + "Fixed navbar" => "Fixed navbar", + "Floating navbar" => "Floating navbar", + "Fixed layout" => "Fixed layout", + "Static layout" => "Static layout", + "Dark layout" => "Dark layout", + "Light layout" => "Light layout", + "Data List" => "Data List", + "List View" => "List View", + "Thumb View" => "Thumb View", + "Content" => "Content", + "Grid" => "Grid", + "Typography" => "Typography", + "Text Utilities" => "Text Utilities", + "Syntax Highlighter" => "Syntax Highlighter", + "Helper Classes" => "Helper Classes", + "Colors" => "Colors", + "Icons" => "Icons", + "Feather" => "Feather", + "Font Awesome" => "Font Awesome", + "Card" => "Card", + "Basic" => "Basic", + "Advance" => "Advance", + "Advanced" => "Advanced", + "Statistics" => "Statistics", + "Card Actions" => "Card Actions", + "Table" => "Table", + "Datatable" => "Datatable", + "Components" => "Components", + "Alerts" => "Alerts", + "Buttons" => "Buttons", + "Breadcrumbs" => "Breadcrumbs", + "Carousel" => "Carousel", + "Collapse" => "Collapse", + "Dropdowns" => "Dropdowns", + "List Group" => "List Group", + "Modals" => "Modals", + "Pagination" => "Pagination", + "Navs Component" => "Navs Component", + "Navbar" => "Navbar", + "Tabs Component" => "Tabs Component", + "Pills Component" => "Pills Component", + "Tooltips" => "Tooltips", + "Popovers" => "Popovers", + "Badges" => "Badges", + "Pill Badges" => "Pill Badges", + "Progress" => "Progress", + "Media Objects" => "Media Objects", + "Spinner" => "Spinner", + "Toasts" => "Toasts", + "Extra Components" => "Extra Components", + "Avatar" => "Avatar", + "Chips" => "Chips", + "Divider" => "Divider", + "Form Elements" => "Form Elements", + "Select" => "Select", + "Switch" => "Switch", + "Checkbox" => "Checkbox", + "Radio" => "Radio", + "Input" => "Input", + "Input Groups" => "Input Groups", + "Number Input" => "Number Input", + "Textarea" => "Textarea", + "Date & Time Picker" => "Date & Time Picker", + "Form Layout" => "Form Layout", + "Form Wizard" => "Form Wizard", + "Form Validation" => "Form Validation", + "Authentication" => "Authentication", + "Login v1" => "Login v1", + "Login v2" => "Login v2", + "Register v1" => "Register v1", + "Register v2" => "Register v2", + "Forgot Password v1" => "Forgot Password v1", + "Forgot Password v2" => "Forgot Password v2", + "Reset Password v1" => "Reset Password v1", + "Reset Password v2" => "Reset Password v2", + "Coming Soon" => "Coming Soon", + "Error" => "Error", + "404" => "404", + "500" => "500", + "Not Authorized" => "Not Authorized", + "Maintenance" => "Maintenance", + "Profile" => "Profile", + "FAQ" => "FAQ", + "Knowledge Base" => "Knowledge Base", + "Search" => "Search", + "Invoice" => "Invoice", + "Charts" => "Charts", + "Apex" => "Apex", + "Chartjs" => "Chartjs", + "Echarts" => "Echarts", + "Google Maps" => "Google Maps", + "Sweet Alert" => "Sweet Alert", + "Toastr" => "Toastr", + "File Uploader" => "File Uploader", + "Quill Editor" => "Quill Editor", + "Drag & Drop" => "Drag & Drop", + "Tour" => "Tour", + "Clipboard" => "Clipboard", + "Context Menu" => "Context Menu", + "l18n" => "l18n", + "Menu Levels" => "Menu Levels", + "Second Level 2.1" => "Second Level 2.1", + "Second Level 2.2" => "Second Level 2.2", + "Third Level 3.1" => "Third Level 3.1", + "Third Level 3.2" => "Third Level 3.2", + "Disabled Menu" => "Disabled Menu", + "Documentation" => "Documentation", + "Raise Support" => "Raise Support", + "Miscellaneous" => "Varios", + "Extensions" => "Extensions", + "Media Player" => "Media Player", + "agGrid Table" => "agGrid Table", + "User Settings" => "User Settings", + "User" => "Usuario", + "List" => "List", + "View" => "View", + "Edit" => "Edit", + "Account Settings" => "Account Settings", + "Error 404" => "Error 404", + "Error 405" => "Error 405", + "Details" => "Details", + "Swiper" => "Swiper", + "I18n" => "I18n", + "Access Control" => "Access Control", + "File Manager" => "File Manager", + "Pricing" => "Pricing", + "Kanban" => "Kanban", + "Preview" => "Preview", + "Add" => "Add", + "Blog" => "Blog", + "Detail" => "Detail", + "Mail Template" => "Mail Template", + "Welcome" => "Welcome", + "Forgot" => "Forgot", + "Verify" => "Verify", + "Deactivate" => "Deactivate", + "Order" => "Order", + "Page Layouts" => "Page Layouts", + "Collapsed Menu" => "Collapsed Menu", + "Layout Full" => "Layout Full", + "Without Menu" => "Without Menu", + "Layout Empty" => "Layout Empty", + "Layout Blank" => "Layout Blank", + "Form Repeater" => "Form Repeater", + "Leaflet Maps" => "Leaflet Maps", + "Misc" => "Varios", + "Input Mask" => "Input Mask", + "Timeline" => "Timeline", + "BlockUI" => "BlockUI", + "Tree" => "Tree", + "Ratings" => "Ratings", + "Locale" => "Locale", + "Reset Password" => "Reset Password", + "Verify Email" => "Verify Email", + "Deactivate Account" => "Deactivate Account", + "Promotional" => "Promotional", + "message" => "Cake sesame snaps cupcake gingerbread danish I love gingerbread. Apple pie pie jujubes chupa chups muffin halvah lollipop. Chocolate cake oat cake tiramisu marzipan sugar plum. Donut sweet pie oat cake dragée fruitcake cotton candy lemon drops." +]; diff --git a/resources/lang/es/messages.php b/resources/lang/es/messages.php new file mode 100644 index 0000000..c339043 --- /dev/null +++ b/resources/lang/es/messages.php @@ -0,0 +1,740 @@ + 'Estas credenciales no coinciden con nuestros registros.', + 'password' => 'La contraseña ingresada no es correcta.', + 'throttle' => 'Demasiados intentos de acceso. Por favor intente nuevamente en :seconds segundos.', + + "30 Days" => "30 Días", + "60 Days" => "60 Días", + "90 Days" => "90 Días", + ":amount Total" => ":amount Total", + ":days day trial" => "prueba por :days days", + ":resource Details" => "Detalles del :resource", + ":resource Details: :title" => "Detalles del :resource : :title", + "A new verification link has been sent to the email address you provided during registration." => "Se ha enviado un nuevo enlace de verificación a la dirección de correo electrónico que proporcionó durante el registro.", + "Accept Invitation" => "Aceptar invitación", + "Action" => "Acción", + "Action Happened At" => "La acción sucedió a las", + "Action Initiated By" => "La acción inició a las", + "Action Name" => "Nombre de la acción", + "Action Status" => "Estado de la acción", + "Action Target" => "Objetivo de la acción", + "Actions" => "Acciones", + "Add" => "Añadir", + "Add a new team member to your team, allowing them to collaborate with you." => "Agregue un nuevo miembro a su equipo, permitiéndole colaborar con usted.", + "Add additional security to your account using two factor authentication." => "Agregue seguridad adicional a su cuenta mediante la autenticación de dos factores.", + "Add row" => "Añadir fila", + "Add Team Member" => "Añadir un nuevo miembro al equipo", + "Add VAT Number" => "Agregar número VAT", + "Added." => "Añadido.", + "Address" => "Dirección", + "Address Line 2" => "Dirección de la línea 2", + "Afghanistan" => "Afganistán", + "Aland Islands" => "Islas Aland", + "Albania" => "Albania", + "Algeria" => "Algeria", + "All of the people that are part of this team." => "Todas las personas que forman parte de este equipo.", + "All resources loaded." => "Todos los recursos cargados.", + "All rights reserved." => "Todos los derechos reservados.", + "Already registered?" => "¿Ya se registró?", + "American Samoa" => "Samoa Americana", + "An error occured while uploading the file." => "Ocurrio un error al subir el archivo.", + "An unexpected error occurred and we have notified our support team. Please try again later." => "Se produjo un error inesperado y hemos notificado a nuestro equipo de soporte. Por favor intente de nuevo más tarde.", + "Andorra" => "Andorra", + "Angola" => "Angola", + "Anguilla" => "Anguila", + "Another user has updated this resource since this page was loaded. Please refresh the page and try again." => "Otro usuario ha modificado el recurso desde que esta página fue cargada. Por favor refresque la página e intente nuevamente.", + "Antarctica" => "Antártica", + "Antigua And Barbuda" => "Antigua y Barbuda", + "Antigua and Barbuda" => "Antigua y Barbuda", + "API Token" => "Token API", + "API Token Permissions" => "Permisos para el token API", + "API Tokens" => "Tokens API", + "API tokens allow third-party services to authenticate with our application on your behalf." => "Los tokens API permiten a servicios de terceros autenticarse con nuestra aplicación en su nombre.", + "Apply" => "Aplicar", + "Apply Coupon" => "Aplicar cupón", + "April" => "Abril", + "Are you sure you want to delete the selected resources?" => "¿Está seguro de que desea eliminar los recursos seleccionados?", + "Are you sure you want to delete this file?" => "¿Está seguro de que desea eliminar este archivo?", + "Are you sure you want to delete this resource?" => "¿Está seguro de que desea eliminar este recurso?", + "Are you sure you want to delete this team? Once a team is deleted, all of its resources and data will be permanently deleted." => "¿Está seguro que desea eliminar este equipo? Una vez que se elimina un equipo, todos sus recursos y datos se eliminarán de forma permanente.", + "Are you sure you want to delete your account? Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account." => "¿Está seguro que desea eliminar su cuenta? Una vez que se elimine su cuenta, todos sus recursos y datos se eliminarán de forma permanente. Ingrese su contraseña para confirmar que desea eliminar su cuenta de forma permanente.", + "Are you sure you want to detach the selected resources?" => "¿Está seguro que desea desvincular los recursos seleccionados?", + "Are you sure you want to detach this resource?" => "¿Está seguro que desea desvincular este recurso?", + "Are you sure you want to force delete the selected resources?" => "¿Está seguro que desea forzar la eliminación de los recurso seleccionados?", + "Are you sure you want to force delete this resource?" => "¿Está seguro que desea forzar la eliminación de este recurso?", + "Are you sure you want to restore the selected resources?" => "¿Está seguro que desea restaurar los recursos seleccionados?", + "Are you sure you want to restore this resource?" => "¿Está seguro que desea restaurar este recurso?", + "Are you sure you want to run this action?" => "¿Está seguro que desea ejecutar esta acción?", + "Are you sure you would like to delete this API token?" => "¿Está seguro que desea eliminar este token API?", + "Are you sure you would like to leave this team?" => "¿Está seguro que le gustaría abandonar este equipo?", + "Are you sure you would like to remove this person from the team?" => "¿Está seguro que desea retirar a esta persona del equipo?", + "Argentina" => "Argentina", + "Armenia" => "Armenia", + "Aruba" => "Aruba", + "Attach" => "Adjuntar", + "Attach & Attach Another" => "Adjuntar & adjuntar otro", + "Attach :resource" => "Adjuntar :resource", + "August" => "Agosto", + "Australia" => "Australia", + "Austria" => "Austria", + "Azerbaijan" => "Azerbaijan", + "Bahamas" => "Bahamas", + "Bahrain" => "Bahrain", + "Bangladesh" => "Bangladesh", + "Barbados" => "Barbados", + "Belarus" => "Bielorrusia", + "Belgium" => "Bélgica", + "Belize" => "Belice", + "Benin" => "Benin", + "Bermuda" => "Bermuda", + "Bhutan" => "Bután", + "Billing Information" => "Información de facturación", + "Billing Management" => "Gestión de facturación", + "Bolivia" => "Bolivia", + "Bolivia, Plurinational State of" => "Bolivia, Estado Plurinacional de", + "Bonaire, Sint Eustatius and Saba" => "Bonaire, San Eustaquio y Saba", + "Bosnia And Herzegovina" => "Bosnia y Herzegovina", + "Bosnia and Herzegovina" => "Bosnia y Herzegovina", + "Botswana" => "Botswana", + "Bouvet Island" => "Isla Bouvet", + "Brazil" => "Brasil", + "British Indian Ocean Territory" => "Territorio Británico del Océano Índico", + "Browser Sessions" => "Sesiones del navegador", + "Brunei Darussalam" => "Brunei", + "Bulgaria" => "Bulgaria", + "Burkina Faso" => "Burkina Faso", + "Burundi" => "Burundi", + "Cambodia" => "Camboya", + "Cameroon" => "Camerún", + "Canada" => "Canadá", + "Cancel" => "Cancelar", + "Cancel Subscription" => "Cancelar suscripción", + "Cape Verde" => "Cabo Verde", + "Card" => "Tarjeta", + "Cayman Islands" => "Islas Caimán", + "Central African Republic" => "República Centroafricana", + "Chad" => "Chad", + "Change Subscription Plan" => "Cambiar plan de suscripción", + "Changes" => "Cambios", + "Chile" => "Chile", + "China" => "China", + "Choose" => "Elija", + "Choose :field" => "Elija :field", + "Choose :resource" => "Elija :resource", + "Choose an option" => "Elija una opción", + "Choose date" => "Elija fecha", + "Choose File" => "Elija archivo", + "Choose Type" => "Elija tipo", + "Christmas Island" => "Isla de Navidad", + "City" => "Ciudad", + "Click to choose" => "Haga click para elegir", + "Close" => "Cerrar", + "Cocos (Keeling) Islands" => "Islas Cocos (Keeling)", + "Code" => "Código", + "Colombia" => "Colombia", + "Comoros" => "Comoros", + "Confirm" => "Confirmar", + "Confirm Password" => "Confirmar contraseña", + "Confirm Payment" => "Confirmar pago", + "Confirm your :amount payment" => "Confirme su pago de :amount", + "Congo" => "Congo", + "Congo, Democratic Republic" => "República democrática del Congo", + "Congo, the Democratic Republic of the" => "Congo, República Democrática del", + "Constant" => "Constante", + "Cook Islands" => "Islas Cook", + "Costa Rica" => "Costa Rica", + "Cote D'Ivoire" => "Costa de Marfil", + "could not be found." => "no se pudo encontrar.", + "Country" => "País", + "Coupon" => "Cupón", + "Create" => "Crear", + "Create & Add Another" => "Crear & Añadir otro", + "Create :resource" => "Crear :resource", + "Create a new team to collaborate with others on projects." => "Cree un nuevo equipo para colaborar con otros en proyectos.", + "Create Account" => "Crear cuenta", + "Create API Token" => "Crear Token API", + "Create New Team" => "Crear nuevo equipo", + "Create Team" => "Crear equipo", + "Created." => "Creado.", + "Croatia" => "Croacia", + "Cuba" => "Cuba", + "Curaçao" => "Curazao", + "Current Password" => "Contraseña actual", + "Current Subscription Plan" => "Plan de suscripción actual", + "Currently Subscribed" => "Suscrito actualmente", + "Customize" => "Personalizar ", + "Cyprus" => "Chipre", + "Czech Republic" => "República Checa", + "Côte d'Ivoire" => "Costa de Marfil", + "Dashboard" => "Panel", + "December" => "Diciembre", + "Decrease" => "Disminuir", + "Delete" => "Eliminar", + "Delete Account" => "Borrar cuenta", + "Delete API Token" => "Borrar token API", + "Delete File" => "Borrar archivo", + "Delete Resource" => "Eliminar recurso", + "Delete Selected" => "Eliminar seleccionado", + "Delete Team" => "Borrar equipo", + "Denmark" => "Dinamarca", + "Detach" => "Desvincular", + "Detach Resource" => "Desvincular recurso", + "Detach Selected" => "Desvincular selección", + "Details" => "Detalles", + "Disable" => "Deshabilitar", + "Djibouti" => "Yibuti", + "Do you really want to leave? You have unsaved changes." => "¿Realmente desea salir? Aún hay cambios sin guardar.", + "Dominica" => "Dominica", + "Dominican Republic" => "República Dominicana", + "Done." => "Hecho.", + "Download" => "Descargar", + "Download Receipt" => "Descargar recibo", + "Ecuador" => "Ecuador", + "Edit" => "Editar", + "Edit :resource" => "Editar :resource", + "Edit Attached" => "Editar Adjunto", + "Egypt" => "Egipto", + "El Salvador" => "El Salvador", + "Email" => "Correo electrónico", + "Email Address" => "Correo electrónico", + "Email Addresses" => "Correos electrónicos", + "Email Password Reset Link" => "Enviar enlace para restablecer contraseña", + "Enable" => "Habilitar", + "Ensure your account is using a long, random password to stay secure." => "Asegúrese que su cuenta esté usando una contraseña larga y aleatoria para mantenerse seguro.", + "Equatorial Guinea" => "Guinea Ecuatorial", + "Eritrea" => "Eritrea", + "Estonia" => "Estonia", + "Ethiopia" => "Etiopía", + "ex VAT" => "sin VAT", + "Extra Billing Information" => "Información de facturación adicional", + "Extra confirmation is needed to process your payment. Please confirm your payment by filling out your payment details below." => "Se necesita confirmación adicional para procesar su pago. Confirme su pago completando los detalles a continuación.", + "Extra confirmation is needed to process your payment. Please continue to the payment page by clicking on the button below." => "Se necesita confirmación adicional para procesar su pago. Continúe a la página de pago haciendo clic en el botón de abajo.", + "Falkland Islands (Malvinas)" => "Malvinas (Falkland Islands)", + "Faroe Islands" => "Islas Feroe", + "February" => "Febrero", + "Fiji" => "Fiyi", + "Finland" => "Finlandia", + "For your security, please confirm your password to continue." => "Por su seguridad, confirme su contraseña para continuar.", + "Forbidden" => "Prohibido", + "Force Delete" => "Forzar la eliminación", + "Force Delete Resource" => "Forzar la eliminación del recurso", + "Force Delete Selected" => "Forzar la eliminación de la selección", + "Forgot your password?" => "¿Olvidó su contraseña?", + "Forgot Your Password?" => "¿Olvidó su Contraseña?", + "Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one." => "¿Olvidó su contraseña? No hay problema. Simplemente déjenos saber su dirección de correo electrónico y le enviaremos un enlace para restablecer la contraseña que le permitirá elegir una nueva.", + "France" => "Francia", + "French Guiana" => "Guayana Francesa", + "French Polynesia" => "Polinesia Francesa", + "French Southern Territories" => "Tierras Australes y Antárticas Francesas", + "Full name" => "Nombre completo", + "Gabon" => "Gabón", + "Gambia" => "Gambia", + "Georgia" => "Georgia", + "Germany" => "Alemania", + "Ghana" => "Ghana", + "Gibraltar" => "Gibraltar", + "Go back" => "Ir atrás", + "Go Home" => "Ir a inicio", + "Go to page :page" => "Ir a la página :page", + "Great! You have accepted the invitation to join the :team team." => "¡Genial! Usted ha aceptado la invitación para unirse al equipo :team.", + "Greece" => "Grecia", + "Greenland" => "Groenlandia", + "Grenada" => "Grenada", + "Guadeloupe" => "Guadalupe", + "Guam" => "Guam", + "Guatemala" => "Guatemala", + "Guernsey" => "Guernsey", + "Guinea" => "Guinea", + "Guinea-Bissau" => "Guinea-Bisáu", + "Guyana" => "Guyana", + "Haiti" => "Haití", + "Have a coupon code?" => "¿Tiene un código de descuento?", + "Having second thoughts about cancelling your subscription? You can instantly reactive your subscription at any time until the end of your current billing cycle. After your current billing cycle ends, you may choose an entirely new subscription plan." => "¿Tiene dudas sobre la cancelación de su suscripción? Puede reactivar instantáneamente su suscripción en cualquier momento hasta el final de su ciclo de facturación actual. Una vez que finalice su ciclo de facturación actual, puede elegir un plan de suscripción completamente nuevo.", + "Heard Island & Mcdonald Islands" => "Islas Heard y McDonald", + "Heard Island and McDonald Islands" => "Islas Heard y McDonald", + "Hello!" => "¡Hola!", + "Hide Content" => "Ocultar contenido", + "Hold Up!" => "En espera!", + "Holy See (Vatican City State)" => "Ciudad del Vaticano", + "Honduras" => "Honduras", + "Hong Kong" => "Hong Kong", + "Hungary" => "Hungría", + "I accept the terms of service" => "Acepto los términos del servicio", + "I agree to the :terms_of_service and :privacy_policy" => "Acepto los :terms_of_service y la :privacy_policy", + "Iceland" => "Islandia", + "ID" => "ID", + "If necessary, you may log out of all of your other browser sessions across all of your devices. Some of your recent sessions are listed below; however, this list may not be exhaustive. If you feel your account has been compromised, you should also update your password." => "Si es necesario, puede salir de todas las demás sesiones de otros navegadores en todos sus dispositivos. Algunas de sus sesiones recientes se enumeran a continuación; sin embargo, es posible que esta lista no sea exhaustiva. Si cree que su cuenta se ha visto comprometida, también debería actualizar su contraseña.", + "If you already have an account, you may accept this invitation by clicking the button below:" => "Si ya tiene una cuenta, puede aceptar esta invitación haciendo clic en el botón de abajo:", + "If you did not create an account, no further action is required." => "Si no ha creado una cuenta, no se requiere ninguna acción adicional.", + "If you did not expect to receive an invitation to this team, you may discard this email." => "Si no esperaba recibir una invitación para este equipo, puede descartar este correo electrónico.", + "If you did not request a password reset, no further action is required." => "Si no ha solicitado el restablecimiento de contraseña, omita este mensaje de correo electrónico.", + "If you do not have an account, you may create one by clicking the button below. After creating an account, you may click the invitation acceptance button in this email to accept the team invitation:" => "Si no tiene una cuenta, puede crear una haciendo clic en el botón de abajo. Después de crear una cuenta, puede hacer clic en el botón de aceptación de la invitación en este correo electrónico para aceptar la invitación del equipo:", + "If you need to add specific contact or tax information to your receipts, like your full business name, VAT identification number, or address of record, you may add it here." => "Si necesita agregar información de contacto específica o de impuestos a sus recibos, como su nombre comercial completo, número de identificación VAT o dirección de registro, puede agregarlo aquí.", + "If you're having trouble clicking the \":actionText\" button, copy and paste the URL below\ninto your web browser:" => "Si tiene problemas para hacer clic en el botón \":actionText\", copie y pegue la siguiente URL \nen su navegador web:", + "If you’re having trouble clicking the \":actionText\" button, copy and paste the URL below\ninto your web browser:" => "Si tiene problemas para hacer clic en el botón \":actionText\", copie y pegue la siguiente URL \nen su navegador web:", + "Increase" => "Incrementar", + "India" => "India", + "Indonesia" => "Indonesia", + "Iran, Islamic Republic Of" => "República Islámica de Irán", + "Iran, Islamic Republic of" => "Irán, República Islámica de", + "Iraq" => "Iraq", + "Ireland" => "Irlanda", + "Isle Of Man" => "Isla de Man", + "Isle of Man" => "Isla de Man", + "Israel" => "Israel", + "It looks like you do not have an active subscription. You may choose one of the subscription plans below to get started. Subscription plans may be changed or cancelled at your convenience." => "Parece que no tiene una suscripción activa. Puede elegir uno de los planes de suscripción a continuación para comenzar. Los planes de suscripción se pueden cambiar o cancelar según su conveniencia.", + "Italy" => "Italia", + "Jamaica" => "Jamaica", + "Jane Doe" => "Jane Doe", + "January" => "Enero", + "Japan" => "Japón", + "Jersey" => "Jersey", + "Jordan" => "Jordán", + "July" => "Julio", + "June" => "Junio", + "Kazakhstan" => "Kazajistán", + "Kenya" => "Kenya", + "Key" => "Clave", + "Kiribati" => "Kiribati", + "Korea" => "Corea del Sur", + "Korea, Democratic People's Republic of" => "Corea del Norte", + "Korea, Republic of" => "Corea, República de", + "Kosovo" => "Kosovo", + "Kuwait" => "Kuwait", + "Kyrgyzstan" => "Kirguistán", + "Lao People's Democratic Republic" => "Laos, República Democrática Popular de", + "Last active" => "Activo por última vez", + "Last used" => "Usado por última vez", + "Latvia" => "Letonia", + "Leave" => "Abandonar", + "Leave Team" => "Abandonar equipo", + "Lebanon" => "Líbano", + "Lens" => "Lens", + "Lesotho" => "Lesoto", + "Liberia" => "Liberia", + "Libyan Arab Jamahiriya" => "Libia", + "Liechtenstein" => "Liechtenstein", + "Lithuania" => "Lituania", + "Load :perPage More" => "Cargar :perPage Mas", + "Log in" => "Iniciar sesión", + "Log Out" => "Finalizar sesión", + "Log Out Other Browser Sessions" => "Cerrar las demás sesiones", + "Login" => "Iniciar sesión", + "Logout" => "Finalizar sesión", + "Luxembourg" => "Luxemburgo", + "Macao" => "Macao", + "Macedonia" => "Macedonia", + "Macedonia, the former Yugoslav Republic of" => "Macedonia, ex República Yugoslava de", + "Madagascar" => "Madagascar", + "Malawi" => "Malaui", + "Malaysia" => "Malasia", + "Maldives" => "Maldivas", + "Mali" => "Malí", + "Malta" => "Malta", + "Manage Account" => "Administrar cuenta", + "Manage and log out your active sessions on other browsers and devices." => "Administre y cierre sus sesiones activas en otros navegadores y dispositivos.", + "Manage API Tokens" => "Administrar Tokens API", + "Manage Role" => "Administrar rol", + "Manage Team" => "Administrar equipo", + "Managing billing for :billableName" => "Gestionando la facturación de :billableName", + "March" => "Marzo", + "Marshall Islands" => "Islas Marshall", + "Martinique" => "Martinica", + "Mauritania" => "Mauritania", + "Mauritius" => "Mauricio", + "May" => "Mayo", + "Mayotte" => "Mayotte", + "Mexico" => "México", + "Micronesia, Federated States Of" => "Micronesia, Estados Federados de", + "Micronesia, Federated States of" => "Micronesia, Estados Federados de", + "Moldova" => "Moldavia", + "Moldova, Republic of" => "Moldavia, República de", + "Monaco" => "Mónaco", + "Mongolia" => "Mongolia", + "Montenegro" => "Montenegro", + "Month To Date" => "Mes hasta la fecha", + "Monthly" => "Mensual", + "monthly" => "mensual", + "Montserrat" => "Montserrat", + "Morocco" => "Marruecos", + "Mozambique" => "Mozambique", + "Myanmar" => "Myanmar", + "Name" => "Nombre", + "Namibia" => "Namibia", + "Nauru" => "Nauru", + "Nepal" => "Nepal", + "Netherlands" => "Países Bajos​", + "Netherlands Antilles" => "Antillas Holandesas", + "Nevermind, I'll keep my old plan" => "No importa, mantendré mi antiguo plan", + "New" => "Nuevo", + "New :resource" => "Nuevo :resource", + "New Caledonia" => "Nueva Caledonia", + "New Password" => "Nueva Contraseña", + "New Zealand" => "Nueva Zelanda", + "Next" => "Siguiente", + "Nicaragua" => "Nicaragua", + "Niger" => "Níger", + "Nigeria" => "Nigeria", + "Niue" => "Niue", + "No" => "No", + "No :resource matched the given criteria." => "Ningún :resource coincide con los criterios.", + "No additional information..." => "Sin información adicional...", + "No Current Data" => "Sin datos actuales", + "No Data" => "No hay datos", + "no file selected" => "no se seleccionó el archivo", + "No Increase" => "No incrementar", + "No Prior Data" => "No hay datos previos", + "No Results Found." => "No se encontraron resultados.", + "Norfolk Island" => "Isla Norfolk", + "Northern Mariana Islands" => "Islas Marianas del Norte", + "Norway" => "Noruega", + "Not Found" => "No encontrado", + "Nova User" => "Usuario Nova", + "November" => "Noviembre", + "October" => "Octubre", + "of" => "de", + "Oh no" => "Oh no", + "Oman" => "Omán", + "Once a team is deleted, all of its resources and data will be permanently deleted. Before deleting this team, please download any data or information regarding this team that you wish to retain." => "Una vez que se elimina un equipo, todos sus recursos y datos se eliminarán de forma permanente. Antes de eliminar este equipo, descargue cualquier dato o información sobre este equipo que desee conservar.", + "Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain." => "Una vez su cuenta sea borrada, todos sus recursos y datos se eliminarán de forma permanente. Antes de borrar su cuenta, por favor descargue cualquier dato o información que desee conservar.", + "Only Trashed" => "Solo en papelera", + "Original" => "Original", + "Our billing management portal allows you to conveniently manage your subscription plan, payment method, and download your recent invoices." => "Nuestro portal de administración de facturación le permite administrar cómodamente su plan de suscripción, método de pago y descargar sus facturas recientes.", + "Page Expired" => "Página expirada", + "Pagination Navigation" => "Navegación por los enlaces de paginación", + "Pakistan" => "Pakistán", + "Palau" => "Palau", + "Palestinian Territory, Occupied" => "Territorios Palestinos", + "Panama" => "Panamá", + "Papua New Guinea" => "Papúa Nueva Guinea", + "Paraguay" => "Paraguay", + "Password" => "Contraseña", + "Pay :amount" => "Pague :amount", + "Payment Cancelled" => "Pago cancelado", + "Payment Confirmation" => "Confirmación de pago", + "Payment Information" => "Información del pago", + "Payment Method" => "Método de pago", + "Payment Successful" => "Pago exitoso", + "Pending Team Invitations" => "Invitaciones de equipo pendientes", + "Per Page" => "Por Página", + "Permanently delete this team." => "Eliminar este equipo de forma permanente", + "Permanently delete your account." => "Eliminar su cuenta de forma permanente.", + "Permissions" => "Permisos", + "Peru" => "Perú", + "Philippines" => "Filipinas", + "Photo" => "Foto", + "Pitcairn" => "Islas Pitcairn", + "Please accept the terms of service." => "Por favor acepte los términos del servicio.", + "Please click the button below to verify your email address." => "Por favor, haga clic en el botón de abajo para verificar su dirección de correo electrónico.", + "Please confirm access to your account by entering one of your emergency recovery codes." => "Por favor confirme el acceso a su cuenta ingresando uno de sus códigos de recuperación de emergencia.", + "Please confirm access to your account by entering the authentication code provided by your authenticator application." => "Por favor confirme el acceso a su cuenta digitando el código de autenticación provisto por su aplicación autenticadora.", + "Please copy your new API token. For your security, it won't be shown again." => "Por favor copie su nuevo token API. Por su seguridad, no se volverá a mostrar.", + "Please enter your password to confirm you would like to log out of your other browser sessions across all of your devices." => "Por favor ingrese su contraseña para confirmar que desea cerrar las demás sesiones de otros navegadores en todos sus dispositivos.", + "Please provide a maximum of three receipt emails addresses." => "Proporcione un máximo de tres direcciones para recibir correo electrónico.", + "Please provide the email address of the person you would like to add to this team." => "Por favor proporcione la dirección de correo electrónico de la persona que le gustaría agregar a este equipo.", + "Please provide your name." => "Por favor proporcione su nombre.", + "Poland" => "Polonia", + "Portugal" => "Portugal", + "Press / to search" => "Presione / para buscar", + "Preview" => "Previsualizar", + "Previous" => "Previo", + "Privacy Policy" => "Política de Privacidad", + "Profile" => "Perfil", + "Profile Information" => "Información de perfil", + "Puerto Rico" => "Puerto Rico", + "Qatar" => "Qatar", + "Quarter To Date" => "Trimestre hasta la fecha", + "Receipt Email Addresses" => "Direcciones para recibir correo electrónico", + "Receipts" => "Recibos", + "Recovery Code" => "Código de recuperación", + "Regards" => "Saludos", + "Regards," => "Saludos,", + "Regenerate Recovery Codes" => "Regenerar códigos de recuperación", + "Register" => "Registrarse", + "Reload" => "Recargar", + "Remember me" => "Mantener sesión activa", + "Remember Me" => "Mantener sesión activa", + "Remove" => "Eliminar", + "Remove Photo" => "Eliminar foto", + "Remove Team Member" => "Eliminar miembro del equipo", + "Resend Verification Email" => "Reenviar correo de verificación", + "Reset Filters" => "Restablecer filtros", + "Reset Password" => "Restablecer contraseña", + "Reset Password Notification" => "Notificación de restablecimiento de contraseña", + "resource" => "recurso", + "Resources" => "Recursos", + "resources" => "recursos", + "Restore" => "Restaurar", + "Restore Resource" => "Restaurar Recursos", + "Restore Selected" => "Restaurar Selección", + "results" => "resultados", + "Resume Subscription" => "Reanudar suscripción", + "Return to :appName" => "Regresar a :appName", + "Reunion" => "Reunión", + "Role" => "Rol", + "Romania" => "Rumania", + "Run Action" => "Ejecutar Acción", + "Russian Federation" => "Federación Rusa", + "Rwanda" => "Ruanda", + "Réunion" => "Reunión", + "Saint Barthelemy" => "San Bartolomé", + "Saint Barthélemy" => "San Bartolomé", + "Saint Helena" => "Santa Helena", + "Saint Kitts And Nevis" => "San Cristóbal y Nieves", + "Saint Kitts and Nevis" => "Saint Kitts y Nevis", + "Saint Lucia" => "Santa Lucía", + "Saint Martin" => "San Martín", + "Saint Martin (French part)" => "San Martín (parte francesa)", + "Saint Pierre And Miquelon" => "San Pedro y Miquelón", + "Saint Pierre and Miquelon" => "San Pedro y Miquelón", + "Saint Vincent And Grenadines" => "San Vicente y las Granadinas", + "Saint Vincent and the Grenadines" => "San Vicente y las Granadinas", + "Samoa" => "Samoa", + "San Marino" => "San Marino", + "Sao Tome And Principe" => "Santo Tomé y Príncipe", + "Sao Tome and Principe" => "Santo Tomé y Príncipe", + "Saudi Arabia" => "Arabia Saudita", + "Save" => "Guardar", + "Saved." => "Guardado.", + "Search" => "Buscar", + "Select" => "Seleccione", + "Select a different plan" => "Seleccione un plan diferente", + "Select A New Photo" => "Seleccione una nueva foto", + "Select Action" => "Seleccione una Acción", + "Select All" => "Seleccione Todo", + "Select All Matching" => "Seleccione Todas las coincidencias", + "Send Password Reset Link" => "Enviar enlace para restablecer la contraseña", + "Senegal" => "Senegal", + "September" => "Septiembre", + "Serbia" => "Serbia", + "Server Error" => "Error del servidor", + "Service Unavailable" => "Servicio no disponible", + "Seychelles" => "Seychelles", + "Show All Fields" => "Mostrar todos los campos", + "Show Content" => "Mostrar contenido", + "Show Recovery Codes" => "Mostrar códigos de recuperación", + "Showing" => "Mostrando", + "Sierra Leone" => "Sierra Leona", + "Signed in as" => "Registrado como", + "Singapore" => "Singapur", + "Sint Maarten (Dutch part)" => "San Martín", + "Slovakia" => "Eslovaquia", + "Slovenia" => "Eslovenia", + "Solomon Islands" => "Islas Salomón", + "Somalia" => "Somalia", + "Something went wrong." => "Algo salió mal.", + "Sorry! You are not authorized to perform this action." => "¡Lo siento! Usted no está autorizado para ejecutar esta acción.", + "Sorry, your session has expired." => "Lo siento, su sesión ha caducado.", + "South Africa" => "Sudáfrica", + "South Georgia And Sandwich Isl." => "Islas Georgias del Sur y Sandwich del Sur", + "South Georgia and the South Sandwich Islands" => "Georgia del sur y las islas Sandwich del sur", + "South Sudan" => "Sudán del Sur", + "Spain" => "España", + "Sri Lanka" => "Sri Lanka", + "Standalone Actions" => "Acciones independientes", + "Start Polling" => "Iniciar encuesta", + "State / County" => "Estado / País", + "Stop Polling" => "Detener encuesta", + "Store these recovery codes in a secure password manager. They can be used to recover access to your account if your two factor authentication device is lost." => "Guarde estos códigos de recuperación en un administrador de contraseñas seguro. Se pueden utilizar para recuperar el acceso a su cuenta si pierde su dispositivo de autenticación de dos factores.", + "Subscribe" => "Suscriba", + "Subscription Information" => "Información de suscripción", + "Subscription Pending" => "Suscripción pendiente", + "Sudan" => "Sudán", + "Suriname" => "Suriname", + "Svalbard And Jan Mayen" => "Svalbard y Jan Mayen", + "Svalbard and Jan Mayen" => "Svalbard y Jan Mayen", + "Swaziland" => "Eswatini", + "Sweden" => "Suecia", + "Switch Teams" => "Cambiar de equipo", + "Switzerland" => "Suiza", + "Syrian Arab Republic" => "Siria", + "Taiwan" => "Taiwán", + "Taiwan, Province of China" => "Taiwan, provincia de China", + "Tajikistan" => "Tayikistán", + "Tanzania" => "Tanzania", + "Tanzania, United Republic of" => "Tanzania, República Unida de", + "Team Details" => "Detalles del equipo", + "Team Invitation" => "Invitación de equipo", + "Team Members" => "Miembros del equipo", + "Team Name" => "Nombre del equipo", + "Team Owner" => "Propietario del equipo", + "Team Settings" => "Ajustes del equipo", + "Terms of Service" => "Términos del servicio", + "Thailand" => "Tailandia", + "Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we just emailed to you? If you didn't receive the email, we will gladly send you another." => "¡Gracias por registrarse! Antes de comenzar, ¿podría verificar su dirección de correo electrónico haciendo clic en el enlace que le acabamos de enviar? Si no recibió el correo electrónico, con gusto le enviaremos otro.", + "Thanks for your continued support. We've attached a copy of your invoice for your records. Please let us know if you have any questions or concerns." => "Gracias por su apoyo continuo. Hemos adjuntado una copia de su factura para sus registros. Háganos saber si tiene alguna pregunta o inquietud.", + "Thanks," => "Gracias,", + "The :attribute must be a valid role." => ":Attribute debe ser un rol válido.", + "The :attribute must be at least :length characters and contain at least one number." => "La :attribute debe tener al menos :length caracteres y contener por lo menos un número.", + "The :attribute must be at least :length characters and contain at least one special character and one number." => "La :attribute debe tener al menos :length caracteres y contener por lo menos un caracter especial y un número.", + "The :attribute must be at least :length characters and contain at least one special character." => "La :attribute debe tener al menos :length caracteres y contener por lo menos un carácter especial.", + "The :attribute must be at least :length characters and contain at least one uppercase character and one number." => "La :attribute debe tener al menos :length caracteres y contener por lo menos una letra mayúscula y un número.", + "The :attribute must be at least :length characters and contain at least one uppercase character and one special character." => "La :attribute debe tener al menos :length caracteres y contener por lo menos una letra mayúscula y un carácter especial.", + "The :attribute must be at least :length characters and contain at least one uppercase character, one number, and one special character." => "La :attribute debe tener al menos :length caracteres y contener por lo menos una letra mayúscula, un número y un carácter especial.", + "The :attribute must be at least :length characters and contain at least one uppercase character." => "La :attribute debe tener al menos :length caracteres y contener por lo menos una letra mayúscula.", + "The :attribute must be at least :length characters." => "La :attribute debe tener al menos :length caracteres.", + "The :attribute must contain at least one letter." => "La :attribute debe contener al menos una letra.", + "The :attribute must contain at least one number." => "La :attribute debe contener al menos un número.", + "The :attribute must contain at least one symbol." => "La :attribute debe contener al menos un símbolo.", + "The :attribute must contain at least one uppercase and one lowercase letter." => "La :attribute debe contener al menos una letra mayúscula y una minúscula.", + "The :resource was created!" => "¡El :resource fue creado!", + "The :resource was deleted!" => "¡El :resource fue eliminado!", + "The :resource was restored!" => "¡El :resource fue restaurado!", + "The :resource was updated!" => "¡El :resource fue actualizado!", + "The action ran successfully!" => "¡La acción se ejecutó correctamente!", + "The file was deleted!" => "¡El archivo fue eliminado!", + "The given :attribute has appeared in a data leak. Please choose a different :attribute." => "La :attribute proporcionada se ha visto comprometida en una filtración de datos (data leak). Elija una :attribute diferente.", + "The government won't let us show you what's behind these doors" => "El gobierno no nos permitirá mostrarle lo que hay detrás de estas puertas", + "The HasOne relationship has already been filled." => "La relación HasOne ya fué completada.", + "The password is incorrect." => "La contraseña es incorrecta.", + "The payment was successful." => "El pago fue exitoso.", + "The provided coupon code is invalid." => "El código de cupón proporcionado no es válido.", + "The provided password does not match your current password." => "La contraseña proporcionada no coincide con su contraseña actual.", + "The provided password was incorrect." => "La contraseña proporcionada no es correcta.", + "The provided two factor authentication code was invalid." => "El código de autenticación de dos factores proporcionado no es válido.", + "The provided VAT number is invalid." => "El número VAT proporcionado no es válido.", + "The receipt emails must be valid email addresses." => "Los correos electrónicos de recepción deben ser direcciones válidas.", + "The resource was updated!" => "¡El recurso fue actualizado!", + "The selected country is invalid." => "El país seleccionado no es válido.", + "The selected plan is invalid." => "El plan seleccionado no es válido.", + "The team's name and owner information." => "Nombre del equipo e información del propietario.", + "There are no available options for this resource." => "No hay opciones disponibles para este recurso.", + "There is no active subscription." => "No hay una suscripción activa.", + "There was a problem executing the action." => "Hubo un problema ejecutando la acción.", + "There was a problem submitting the form." => "Hubo un problema al enviar el formulario.", + "These people have been invited to your team and have been sent an invitation email. They may join the team by accepting the email invitation." => "Estas personas han sido invitadas a su equipo y se les ha enviado un correo electrónico de invitación. Pueden unirse al equipo aceptando la invitación por correo electrónico.", + "This account does not have an active subscription." => "Esta cuenta no tiene una suscripción activa.", + "This action is unauthorized." => "Esta acción no está autorizada.", + "This device" => "Este dispositivo", + "This file field is read-only." => "Este campo de archivo es de solo lectura.", + "This image" => "Esta imagen", + "This is a secure area of the application. Please confirm your password before continuing." => "Esta es un área segura de la aplicación. Confirme su contraseña antes de continuar.", + "This password does not match our records." => "Esta contraseña no coincide con nuestros registros.", + "This password reset link will expire in :count minutes." => "Este enlace de restablecimiento de contraseña expirará en :count minutos.", + "This payment was already successfully confirmed." => "Este pago ya se confirmó con éxito.", + "This payment was cancelled." => "Este pago fue cancelado.", + "This resource no longer exists" => "Este recurso ya no existe", + "This subscription cannot be resumed. Please create a new subscription." => "Esta suscripción no se puede reanudar. Por favor cree una nueva suscripción.", + "This subscription has expired and cannot be resumed. Please create a new subscription." => "Esta suscripción ha caducado y no se puede reanudar. Cree una nueva suscripción.", + "This user already belongs to the team." => "Este usuario ya pertenece al equipo.", + "This user has already been invited to the team." => "Este usuario ya ha sido invitado al equipo.", + "Timor-Leste" => "Timor Oriental", + "to" => "al", + "Today" => "Hoy", + "Toggle navigation" => "Activar navegación", + "Togo" => "Togo", + "Tokelau" => "Tokelau", + "Token Name" => "Nombre del token", + "Tonga" => "Tonga", + "Too Many Requests" => "Demasiadas peticiones", + "total" => "total", + "Total:" => "Total:", + "Trashed" => "Desechado", + "Trinidad And Tobago" => "Trinidad y Tobago", + "Trinidad and Tobago" => "Trinidad y Tobago", + "Tunisia" => "Tunisia", + "Turkey" => "Turquía", + "Turkmenistan" => "Turkmenistán", + "Turks And Caicos Islands" => "Islas Turcas y Caicos", + "Turks and Caicos Islands" => "Islas Turcas y Caicos", + "Tuvalu" => "Tuvalu", + "Two Factor Authentication" => "Autenticación de dos factores", + "Two factor authentication is now enabled. Scan the following QR code using your phone's authenticator application." => "La autenticación de dos factores ahora está habilitada. Escanee el siguiente código QR usando la aplicación de autenticación de su teléfono.", + "Scan the following QR code using your phone's authenticator application and confirm it with the generated OTP code." => "Escanee el siguiente código QR usando la aplicación de autenticación de su teléfono y confírmelo con el código OTP generado.", + "Uganda" => "Uganda", + "Ukraine" => "Ucrania", + "Unauthorized" => "No autorizado", + "United Arab Emirates" => "Emiratos Árabes Unidos", + "United Kingdom" => "Reino Unido", + "United States" => "Estados Unidos", + "United States Minor Outlying Islands" => "Islas Ultramarinas Menores de los Estados Unidos", + "United States Outlying Islands" => "Islas Ultramarinas Menores de los Estados Unidos", + "Update" => "Actualizar", + "Update & Continue Editing" => "Actualice & Continúe Editando", + "Update :resource" => "Actualizar :resource", + "Update :resource: :title" => "Actualice el :title del :resource:", + "Update attached :resource: :title" => "Actualice el :title del :resource: adjuntado", + "Update Password" => "Actualizar contraseña", + "Update Payment Information" => "Actualizar la información de pago", + "Update Payment Method" => "Actualizar método de pago", + "Update your account's profile information and email address." => "Actualice la información de su cuenta y la dirección de correo electrónico", + "Uruguay" => "Uruguay", + "Use a recovery code" => "Use un código de recuperación", + "Use an authentication code" => "Use un código de autenticación", + "Uzbekistan" => "Uzbekistan", + "Value" => "Valor", + "Vanuatu" => "Vanuatu", + "VAT Number" => "Número VAT", + "Venezuela" => "Venezuela", + "Venezuela, Bolivarian Republic of" => "Venezuela, República Bolivariana de", + "Verify Email Address" => "Confirme su correo electrónico", + "Viet Nam" => "Vietnam", + "View" => "Vista", + "View Receipt" => "Ver recibo", + "Virgin Islands, British" => "Islas Vírgenes Británicas", + "Virgin Islands, U.S." => "Islas Vírgenes Estadounidenses", + "Wallis And Futuna" => "Wallis y Futuna", + "Wallis and Futuna" => "Wallis y Futuna", + "We are processing your subscription. Once the subscription has successfully processed, this page will update automatically. Typically, this process should only take a few seconds." => "Estamos procesando su suscripción. Una vez que la suscripción se haya procesado correctamente esta página se actualizará automáticamente. Normalmente, este proceso solo debería llevar unos segundos.", + "We are unable to process your payment. Please contact customer support." => "No podemos procesar su pago. Comuníquese con el servicio de atención al cliente.", + "We were unable to find a registered user with this email address." => "No pudimos encontrar un usuario registrado con esta dirección de correo electrónico.", + "We will send a receipt download link to the email addresses that you specify below. You may separate multiple email addresses using commas." => "Enviaremos un enlace de descarga de recibo a las direcciones de correo electrónico que especifique a continuación. Puede separar varias direcciones de correo electrónico con comas.", + "We're lost in space. The page you were trying to view does not exist." => "Estamos perdidos en el espacio. La página que intenta buscar no existe.", + "Welcome Back!" => "¡Bienvenido de nuevo!", + "Western Sahara" => "Sahara Occidental", + "When two factor authentication is enabled, you will be prompted for a secure, random token during authentication. You may retrieve this token from your phone's Google Authenticator application." => "Cuando la autenticación de dos factores esté habilitada, le pediremos un token aleatorio seguro durante la autenticación. Puede recuperar este token desde la aplicación Google Authenticator de su teléfono.", + "Whoops" => "Ups", + "Whoops!" => "¡Ups!", + "Whoops! Something went wrong." => "¡Ups! Algo salió mal.", + "With Trashed" => "Incluida la papelera", + "Write" => "Escriba", + "Year To Date" => "Año hasta la fecha", + "Yearly" => "Anual", + "Yemen" => "Yemen", + "Yes" => "Sí", + "You are already subscribed." => "Usted ya está suscrito.", + "You are currently within your free trial period. Your trial will expire on :date." => "Actualmente se encuentra dentro de su período de prueba gratuito. Su prueba vencerá el :date.", + "You are receiving this email because we received a password reset request for your account." => "Ha recibido este mensaje porque se solicitó un restablecimiento de contraseña para su cuenta.", + "You have been invited to join the :team team!" => "¡Usted ha sido invitado a unirse al equipo :team!", + "You have enabled two factor authentication." => "Ha habilitado la autenticación de dos factores.", + "You have not enabled two factor authentication." => "No ha habilitado la autenticación de dos factores.", + "You may accept this invitation by clicking the button below:" => "Puede aceptar esta invitación haciendo clic en el botón de abajo:", + "You may cancel your subscription at any time. Once your subscription has been cancelled, you will have the option to resume the subscription until the end of your current billing cycle." => "Puedes cancelar tu subscripción en cualquier momento. Una vez que su suscripción haya sido cancelada, tendrá la opción de reanudar la suscripción hasta el final de su ciclo de facturación actual.", + "You may delete any of your existing tokens if they are no longer needed." => "Puede eliminar cualquiera de sus tokens existentes si ya no los necesita.", + "You may not delete your personal team." => "No se puede borrar su equipo personal.", + "You may not leave a team that you created." => "No se puede abandonar un equipo que usted creó.", + "Your :invoiceName invoice is now available!" => "¡Su factura :invoiceName ya está disponible!", + "Your card was declined. Please contact your card issuer for more information." => "Su tarjeta fue rechazada. Comuníquese con el emisor de su tarjeta para obtener más información.", + "Your current payment method is :paypal." => "Su método de pago actual es :paypal.", + "Your current payment method is a credit card ending in :lastFour that expires on :expiration." => "Su método de pago actual es una tarjeta de crédito que termina en :lastFour que vence el :expiration.", + "Your registered VAT Number is :vatNumber." => "Su número VAT registrado es :vatNumber.", + "Zambia" => "Zambia", + "Zimbabwe" => "Zimbabwe", + "Zip / Postal Code" => "Zip / Código postal", + "Åland Islands" => "Islas Åland", + + // Mis traducciones + 'code.regex' => 'El código solo puede contener letras, números, guiones y guiones bajos.', + 'tel.regex' => 'El teléfono solo puede contener números, espacios y caracteres como (), + y -.', + 'tel.max' => 'El teléfono no puede exceder los 20 caracteres.', + 'tel2.regex' => 'El teléfono alternativo solo puede contener números, espacios y caracteres como (), + y -.', + 'tel2.max' => 'El teléfono alternativo no puede exceder los 20 caracteres.', + 'lat.numeric' => 'La latitud debe ser un número válido.', + 'lat.between' => 'La latitud debe estar entre -90 y 90 grados.', + 'lng.numeric' => 'La longitud debe ser un número válido.', + 'lng.between' => 'La longitud debe estar entre -180 y 180 grados.', + 'confirmDeletion.accepted' => 'Debe confirmar la eliminación antes de continuar.', +]; diff --git a/resources/lang/es/pagination.php b/resources/lang/es/pagination.php new file mode 100644 index 0000000..d8f0d19 --- /dev/null +++ b/resources/lang/es/pagination.php @@ -0,0 +1,17 @@ + 'Siguiente »', + 'previous' => '« Anterior', +]; diff --git a/resources/lang/es/passwords.php b/resources/lang/es/passwords.php new file mode 100644 index 0000000..7745e64 --- /dev/null +++ b/resources/lang/es/passwords.php @@ -0,0 +1,20 @@ + '¡Su contraseña ha sido restablecida!', + 'sent' => '¡Le hemos enviado por correo electrónico el enlace para restablecer su contraseña!', + 'throttled' => 'Por favor espere antes de intentar de nuevo.', + 'token' => 'El token de restablecimiento de contraseña es inválido.', + 'user' => 'No encontramos ningún usuario con ese correo electrónico.', +]; diff --git a/resources/lang/es/validation-inline.php b/resources/lang/es/validation-inline.php new file mode 100644 index 0000000..b8e6505 --- /dev/null +++ b/resources/lang/es/validation-inline.php @@ -0,0 +1,133 @@ + 'Este campo debe ser aceptado.', + 'accepted_if' => 'Este campo debe ser aceptado cuando :other sea :value.', + 'active_url' => 'Esta no es una URL válida.', + 'after' => 'Debe ser una fecha después de :date.', + 'after_or_equal' => 'Debe ser una fecha después o igual a :date.', + 'alpha' => 'Este campo solo puede contener letras.', + 'alpha_dash' => 'Este campo solo puede contener letras, números, guiones y guiones bajos.', + 'alpha_num' => 'Este campo solo puede contener letras y números.', + 'array' => 'Este campo debe ser un array (colección).', + 'attached' => 'Este campo ya se adjuntó.', + 'before' => 'Debe ser una fecha antes de :date.', + 'before_or_equal' => 'Debe ser una fecha anterior o igual a :date.', + 'between' => [ + 'array' => 'El contenido debe tener entre :min y :max elementos.', + 'file' => 'Este archivo debe ser entre :min y :max kilobytes.', + 'numeric' => 'Este valor debe ser entre :min y :max.', + 'string' => 'El texto debe ser entre :min y :max caracteres.', + ], + 'nullable|boolean' => 'El campo debe ser verdadero o falso.', + 'confirmed' => 'La confirmación no coincide.', + 'current_password' => 'La contraseña es incorrecta.', + 'date' => 'Esta no es una fecha válida.', + 'date_equals' => 'El campo debe ser una fecha igual a :date.', + 'date_format' => 'El campo no corresponde al formato :format.', + 'different' => 'Este valor deben ser diferente de :other.', + 'digits' => 'Debe tener :digits dígitos.', + 'digits_between' => 'Debe tener entre :min y :max dígitos.', + 'dimensions' => 'Las dimensiones de esta imagen son inválidas.', + 'distinct' => 'El campo tiene un valor duplicado.', + 'email' => 'No es un correo válido.', + 'ends_with' => 'Debe finalizar con uno de los siguientes valores: :values.', + 'exists' => 'El valor seleccionado es inválido.', + 'file' => 'El campo debe ser un archivo.', + 'filled' => 'Este campo debe tener un valor.', + 'gt' => [ + 'array' => 'El contenido debe tener mas de :value elementos.', + 'file' => 'El archivo debe ser mayor que :value kilobytes.', + 'numeric' => 'El valor del campo debe ser mayor que :value.', + 'string' => 'El texto debe ser mayor de :value caracteres.', + ], + 'gte' => [ + 'array' => 'El contenido debe tener :value elementos o más.', + 'file' => 'El tamaño del archivo debe ser mayor o igual que :value kilobytes.', + 'numeric' => 'El valor debe ser mayor o igual que :value.', + 'string' => 'El texto debe ser mayor o igual de :value caracteres.', + ], + 'image' => 'Esta debe ser una imagen.', + 'in' => 'El valor seleccionado es inválido.', + 'in_array' => 'Este valor no existe en :other.', + 'integer' => 'Esto debe ser un entero.', + 'ip' => 'Debe ser una dirección IP válida.', + 'ipv4' => 'Debe ser una dirección IPv4 válida.', + 'ipv6' => 'Debe ser una dirección IPv6 válida.', + 'json' => 'Debe ser un texto válido en JSON.', + 'lt' => [ + 'array' => 'El contenido debe tener menor de :value elementos.', + 'file' => 'El tamaño del archivo debe ser menor a :value kilobytes.', + 'numeric' => 'El valor debe ser menor que :value.', + 'string' => 'El texto debe ser menor de :value caracteres.', + ], + 'lte' => [ + 'array' => 'El contenido no debe tener más de :value elementos.', + 'file' => 'El tamaño del archivo debe ser menor o igual que :value kilobytes.', + 'numeric' => 'El valor debe ser menor o igual que :value.', + 'string' => 'El texto debe ser menor o igual de :value caracteres.', + ], + 'max' => [ + 'array' => 'El contenido no debe tener más de :max elementos.', + 'file' => 'El tamaño del archivo no debe ser mayor a :max kilobytes.', + 'numeric' => 'El valor no debe ser mayor de :max.', + 'string' => 'El texto no debe ser mayor a :max caracteres.', + ], + 'mimes' => 'Debe ser un archivo de tipo: :values.', + 'mimetypes' => 'Debe ser un archivo de tipo: :values.', + 'min' => [ + 'array' => 'El contenido debe tener al menos :min elementos.', + 'file' => 'El tamaño del archivo debe ser al menos de :min kilobytes.', + 'numeric' => 'El valor debe ser al menos de :min.', + 'string' => 'El texto debe ser al menos de :min caracteres.', + ], + 'multiple_of' => 'Este valor debe ser múltiplo de :value', + 'not_in' => 'El valor seleccionado es inválido.', + 'not_regex' => 'Este formato es inválido.', + 'numeric' => 'Debe ser un número.', + 'password' => 'La contraseña es incorrecta.', + 'present' => 'Este campo debe estar presente.', + 'prohibited' => 'Este campo está prohibido', + 'prohibited_if' => 'Este campo está prohibido cuando :other es :value.', + 'prohibited_unless' => 'Este campo está prohibido a menos que :other sea :values.', + 'regex' => 'Este formato es inválido.', + 'relatable' => 'Este campo no se puede asociar con este recurso.', + 'required' => 'Este campo es requerido.', + 'required_if' => 'Este campo es requerido cuando :other es :value.', + 'required_unless' => 'Este campo es requerido a menos que :other esté en :values.', + 'required_with' => 'Este campo es requerido cuando :values está presente.', + 'required_with_all' => 'Este campo es requerido cuando :values están presentes.', + 'required_without' => 'Este campo es requerido cuando :values no está presente.', + 'required_without_all' => 'Este campo es requerido cuando ninguno de :values están presentes.', + 'same' => 'El valor de este campo debe ser igual a :other.', + 'size' => [ + 'array' => 'El contenido debe tener :size elementos.', + 'file' => 'El tamaño del archivo debe ser de :size kilobytes.', + 'numeric' => 'El valor debe ser :size.', + 'string' => 'El texto debe ser de :size caracteres.', + ], + 'starts_with' => 'Debe comenzar con alguno de los siguientes valores: :values.', + 'string' => 'Debe ser un texto.', + 'timezone' => 'Debe ser de una zona horaria válida.', + 'unique' => 'Este campo ya ha sido tomado.', + 'uploaded' => 'Falló al subir.', + 'url' => 'Debe ser una URL válida.', + 'uuid' => 'Debe ser un UUID válido.', + 'custom' => [ + 'attribute-name' => [ + 'rule-name' => 'custom-message', + ], + ], + 'attributes' => [], +]; diff --git a/resources/lang/es/validation.php b/resources/lang/es/validation.php new file mode 100644 index 0000000..863f3e3 --- /dev/null +++ b/resources/lang/es/validation.php @@ -0,0 +1,196 @@ + ':attribute debe ser aceptado.', + 'accepted_if' => ':attribute debe ser aceptado cuando :other sea :value.', + 'active_url' => ':attribute no es una URL válida.', + 'after' => ':attribute debe ser una fecha posterior a :date.', + 'after_or_equal' => ':attribute debe ser una fecha posterior o igual a :date.', + 'alpha' => ':attribute sólo debe contener letras.', + 'alpha_dash' => ':attribute sólo debe contener letras, números, guiones y guiones bajos.', + 'alpha_num' => ':attribute sólo debe contener letras y números.', + 'array' => ':attribute debe ser un conjunto.', + 'attached' => 'Este :attribute ya se adjuntó.', + 'before' => ':attribute debe ser una fecha anterior a :date.', + 'before_or_equal' => ':attribute debe ser una fecha anterior o igual a :date.', + 'between' => [ + 'array' => ':attribute tiene que tener entre :min - :max elementos.', + 'file' => ':attribute debe pesar entre :min - :max kilobytes.', + 'numeric' => ':attribute tiene que estar entre :min - :max.', + 'string' => ':attribute tiene que tener entre :min - :max caracteres.', + ], + 'nullable|boolean' => 'El campo :attribute debe tener un valor verdadero o falso.', + 'confirmed' => 'La confirmación de :attribute no coincide.', + 'current_password' => 'La contraseña es incorrecta.', + 'date' => ':attribute no es una fecha válida.', + 'date_equals' => ':attribute debe ser una fecha igual a :date.', + 'date_format' => ':attribute no corresponde al formato :format.', + 'different' => ':attribute y :other deben ser diferentes.', + 'digits' => ':attribute debe tener :digits dígitos.', + 'digits_between' => ':attribute debe tener entre :min y :max dígitos.', + 'dimensions' => 'Las dimensiones de la imagen :attribute no son válidas.', + 'distinct' => 'El campo :attribute contiene un valor duplicado.', + 'email' => ':attribute no es un correo válido.', + 'ends_with' => 'El campo :attribute debe finalizar con uno de los siguientes valores: :values', + 'exists' => ':attribute es inválido.', + 'file' => 'El campo :attribute debe ser un archivo.', + 'filled' => 'El campo :attribute es obligatorio.', + 'gt' => [ + 'array' => 'El campo :attribute debe tener más de :value elementos.', + 'file' => 'El campo :attribute debe tener más de :value kilobytes.', + 'numeric' => 'El campo :attribute debe ser mayor que :value.', + 'string' => 'El campo :attribute debe tener más de :value caracteres.', + ], + 'gte' => [ + 'array' => 'El campo :attribute debe tener como mínimo :value elementos.', + 'file' => 'El campo :attribute debe tener como mínimo :value kilobytes.', + 'numeric' => 'El campo :attribute debe ser como mínimo :value.', + 'string' => 'El campo :attribute debe tener como mínimo :value caracteres.', + ], + 'image' => ':attribute debe ser una imagen.', + 'in' => ':attribute es inválido.', + 'in_array' => 'El campo :attribute no existe en :other.', + 'integer' => ':attribute debe ser un número entero.', + 'ip' => ':attribute debe ser una dirección IP válida.', + 'ipv4' => ':attribute debe ser una dirección IPv4 válida.', + 'ipv6' => ':attribute debe ser una dirección IPv6 válida.', + 'json' => 'El campo :attribute debe ser una cadena JSON válida.', + 'lt' => [ + 'array' => 'El campo :attribute debe tener menos de :value elementos.', + 'file' => 'El campo :attribute debe tener menos de :value kilobytes.', + 'numeric' => 'El campo :attribute debe ser menor que :value.', + 'string' => 'El campo :attribute debe tener menos de :value caracteres.', + ], + 'lte' => [ + 'array' => 'El campo :attribute debe tener como máximo :value elementos.', + 'file' => 'El campo :attribute debe tener como máximo :value kilobytes.', + 'numeric' => 'El campo :attribute debe ser como máximo :value.', + 'string' => 'El campo :attribute debe tener como máximo :value caracteres.', + ], + 'max' => [ + 'array' => ':attribute no debe tener más de :max elementos.', + 'file' => ':attribute no debe ser mayor que :max kilobytes.', + 'numeric' => ':attribute no debe ser mayor que :max.', + 'string' => ':attribute no debe ser mayor que :max caracteres.', + ], + 'mimes' => ':attribute debe ser un archivo con formato: :values.', + 'mimetypes' => ':attribute debe ser un archivo con formato: :values.', + 'min' => [ + 'array' => ':attribute debe tener al menos :min elementos.', + 'file' => 'El tamaño de :attribute debe ser de al menos :min kilobytes.', + 'numeric' => 'El tamaño de :attribute debe ser de al menos :min.', + 'string' => ':attribute debe contener al menos :min caracteres.', + ], + 'multiple_of' => 'El campo :attribute debe ser múltiplo de :value', + 'not_in' => ':attribute es inválido.', + 'not_regex' => 'El formato del campo :attribute no es válido.', + 'numeric' => ':attribute debe ser numérico.', + 'password' => 'La contraseña es incorrecta.', + 'present' => 'El campo :attribute debe estar presente.', + 'prohibited' => 'El campo :attribute está prohibido.', + 'prohibited_if' => 'El campo :attribute está prohibido cuando :other es :value.', + 'prohibited_unless' => 'El campo :attribute está prohibido a menos que :other sea :values.', + 'regex' => 'El formato de :attribute es inválido.', + 'relatable' => 'Este :attribute no se puede asociar con este recurso', + 'required' => 'El campo :attribute es obligatorio.', + 'required_if' => 'El campo :attribute es obligatorio cuando :other es :value.', + 'required_unless' => 'El campo :attribute es obligatorio a menos que :other esté en :values.', + 'required_with' => 'El campo :attribute es obligatorio cuando :values está presente.', + 'required_with_all' => 'El campo :attribute es obligatorio cuando :values están presentes.', + 'required_without' => 'El campo :attribute es obligatorio cuando :values no está presente.', + 'required_without_all' => 'El campo :attribute es obligatorio cuando ninguno de :values está presente.', + 'same' => ':attribute y :other deben coincidir.', + 'size' => [ + 'array' => ':attribute debe contener :size elementos.', + 'file' => 'El tamaño de :attribute debe ser :size kilobytes.', + 'numeric' => 'El tamaño de :attribute debe ser :size.', + 'string' => ':attribute debe contener :size caracteres.', + ], + 'starts_with' => 'El campo :attribute debe comenzar con uno de los siguientes valores: :values', + 'string' => 'El campo :attribute debe ser una cadena de caracteres.', + 'timezone' => ':Attribute debe ser una zona horaria válida.', + 'unique' => 'El campo :attribute ya ha sido registrado.', + 'uploaded' => 'Subir :attribute ha fallado.', + 'url' => ':Attribute debe ser una URL válida.', + 'uuid' => 'El campo :attribute debe ser un UUID válido.', + 'custom' => [ + 'email' => [ + 'unique' => 'El :attribute ya ha sido registrado.', + ], + 'password' => [ + 'min' => 'La :attribute debe contener más de :min caracteres', + ], + ], + 'attributes' => [ + 'address' => 'dirección', + 'age' => 'edad', + 'body' => 'contenido', + 'city' => 'ciudad', + 'content' => 'contenido', + 'country' => 'país', + 'current_password' => 'contraseña actual', + 'date' => 'fecha', + 'day' => 'día', + 'description' => 'descripción', + 'email' => 'correo electrónico', + 'excerpt' => 'extracto', + 'first_name' => 'nombre', + 'gender' => 'género', + 'hour' => 'hora', + 'last_name' => 'apellido', + 'message' => 'mensaje', + 'minute' => 'minuto', + 'mobile' => 'móvil', + 'month' => 'mes', + 'name' => 'nombre', + 'password' => 'contraseña', + 'password_confirmation' => 'confirmación de la contraseña', + 'phone' => 'teléfono', + 'price' => 'precio', + 'role' => 'rol', + 'second' => 'segundo', + 'sex' => 'sexo', + 'subject' => 'asunto', + 'terms' => 'términos', + 'time' => 'hora', + 'title' => 'título', + 'username' => 'usuario', + 'year' => 'año', + + // Mis traducciones + 'description' => 'descripción', + 'rfc' => 'RFC', + 'nombre_fiscal' => 'nombre fiscal', + 'c_regimen_fiscal' => 'régimen fiscal', + 'domicilio_fiscal' => 'domicilio fiscal', + 'c_pais' => 'país', + 'c_estado' => 'estado', + 'c_municipio' => 'municipio', + 'c_localidad' => 'localidad', + 'c_codigo_postal' => 'código postal', + 'c_colonia' => 'colonia', + 'direccion' => 'dirección', + 'num_ext' => 'número exterior', + 'num_int' => 'número interior', + 'lat' => 'latitud', + 'lng' => 'longitud', + 'tel' => 'teléfono', + 'tel2' => 'teléfono secundario', + 'status' => 'estado', + 'show_on_website' => 'mostrar en el sitio web', + 'enable_ecommerce' => 'habilitar eCommerce', + 'confirmDeletion' => 'confirmar eliminación', + + ], +]; diff --git a/resources/lang/es_MX.json b/resources/lang/es_MX.json new file mode 100644 index 0000000..2fe076a --- /dev/null +++ b/resources/lang/es_MX.json @@ -0,0 +1,732 @@ +{ + "A fresh verification link has been sent to your email address.": "Se ha enviado un nuevo enlace de verificación a su correo electrónico.", + "All rights reserved.": "Todos los derechos reservados.", + "Before proceeding, please check your email for a verification link.": "Antes de continuar, por favor revise su correo electrónico para un enlace de verificación.", + "click here to request another": "haga clic aquí para solicitar otro", + "Confirm Password": "Confirmar contraseña", + "E-Mail Address": "E-mail", + "Error": "Error ", + "Forbidden": "Prohibido", + "Forgot Your Password?": "¿Olvidó su contraseña?", + "Go Home": "Ir a inicio", + "Hello!": "¡Hola!", + "hi": "hola", + "If you did not create an account, no further action is required.": "Si no ha creado una cuenta, no se requiere ninguna acción adicional.", + "If you did not receive the email": "Si no ha recibido el correo electrónico", + "If you did not request a password reset, no further action is required.": "Si no ha solicitado el restablecimiento de contraseña, omita este correo electrónico.", + "If you’re having trouble clicking the \":actionText\" button, copy and paste the URL below\ninto your web browser: [:actionURL](:actionURL)": "Si tiene problemas para hacer clic en el botón \":actionText\", copie y pegue la URL a continuación \nen su navegador web: [:actionURL] (:actionURL)", + "Login": "Entrar", + "Name": "Nombre", + "Oh no": "Oh no ", + "Page Expired": "Página Expirada", + "Page Not Found": "Página no encontrada", + "Password": "Contraseña", + "Please click the button below to verify your email address.": "Por favor, haga clic en el botón de abajo para verificar su dirección de correo electrónico.", + "Regards": "Saludos", + "Regards,": "Saludos,", + "Register": "Registrar", + "Remember Me": "Recuérdame", + "Reset Password": "Restablecer contraseña", + "Reset Password Notification": "Notificación de restablecimiento de contraseña", + "Send Password Reset Link": "Enviar enlace para restablecer la contraseña", + "Service Unavailable": "Servicio no disponible", + "Sorry, the page you are looking for could not be found.": "Lo sentimos, la página que está buscando no se pudo encontrar.", + "Sorry, you are forbidden from accessing this page.": "Lo sentimos, se le prohíbe el acceso a esta página.", + "Sorry, you are making too many requests to our servers.": "Lo sentimos, estás haciendo demasiadas peticiones a nuestros servidores.", + "Sorry, you are not authorized to access this page.": "Lo sentimos, no estás autorizado para acceder a esta página.", + "Sorry, your session has expired. Please refresh and try again.": "Lo sentimos, tu sesión ha expirado. Por favor, actualice y vuelva a intentarlo.", + "Sorry, we are doing some maintenance. Please check back soon.": "Lo sentimos, estamos haciendo un poco de mantenimiento. Por favor, vuelva pronto.", + "Toggle navigation": "Activar navegación", + "Too Many Requests": "Demansiadas peticiones", + "Unauthorized": "No autorizado", + "Verify Your Email Address": "Verifica tu correo electrónico", + "You are receiving this email because we received a password reset request for your account.": "Ha recibido este mensaje porque se solicitó un restablecimiento de contraseña para su cuenta.", + "Whoops!": "¡Vaya!", + "Whoops, something went wrong on our servers.": "Vaya, algo salió mal en nuestros servidores.", + "This password reset link will expire in :count minutes.": "Este enlace de restablecimiento de contraseña expirará en :count minutos.", + "If you're having trouble clicking the \":actionText\" button, copy and paste the URL below\ninto your web browser:": "Si tiene problemas para hacer clic en el botón \":actionText\", copie y pegue la siguiente URL \nen su navegador web:", + "Verify Email Address": "Confirme su correo electrónico", + "failed": "Estas credenciales no coinciden con nuestros registros.", + "password": "La contraseña ingresada no es correcta.", + "throttle": "Demasiados intentos de acceso. Por favor intente nuevamente en :seconds segundos.", + "30 Days": "30 Días", + "60 Days": "60 Días", + "90 Days": "90 Días", + ":amount Total": ":amount Total", + ":days day trial": "prueba por :days days", + ":resource Details": "Detalles del :resource", + ":resource Details: :title": "Detalles del :resource : :title", + "A new verification link has been sent to the email address you provided during registration.": "Se ha enviado un nuevo enlace de verificación a la dirección de correo electrónico que proporcionó durante el registro.", + "Accept Invitation": "Aceptar invitación", + "Action": "Acción", + "Action Happened At": "La acción sucedió a las", + "Action Initiated By": "La acción inició a las", + "Action Name": "Nombre de la acción", + "Action Status": "Estado de la acción", + "Action Target": "Objetivo de la acción", + "Actions": "Acciones", + "Add": "Añadir", + "Add a new team member to your team, allowing them to collaborate with you.": "Agregue un nuevo miembro a su equipo, permitiéndole colaborar con usted.", + "Add additional security to your account using two factor authentication.": "Agregue seguridad adicional a su cuenta mediante la autenticación de dos factores.", + "Add row": "Añadir fila", + "Add Team Member": "Añadir un nuevo miembro al equipo", + "Add VAT Number": "Agregar número VAT", + "Added.": "Añadido.", + "Address": "Dirección", + "Address Line 2": "Dirección de la línea 2", + "Afghanistan": "Afganistán", + "Aland Islands": "Islas Aland", + "Albania": "Albania", + "Algeria": "Algeria", + "All of the people that are part of this team.": "Todas las personas que forman parte de este equipo.", + "All resources loaded.": "Todos los recursos cargados.", + "Already registered?": "¿Ya se registró?", + "American Samoa": "Samoa Americana", + "An error occured while uploading the file.": "Ocurrio un error al subir el archivo.", + "An unexpected error occurred and we have notified our support team. Please try again later.": "Se produjo un error inesperado y hemos notificado a nuestro equipo de soporte. Por favor intente de nuevo más tarde.", + "Andorra": "Andorra", + "Angola": "Angola", + "Anguilla": "Anguila", + "Another user has updated this resource since this page was loaded. Please refresh the page and try again.": "Otro usuario ha modificado el recurso desde que esta página fue cargada. Por favor refresque la página e intente nuevamente.", + "Antarctica": "Antártica", + "Antigua And Barbuda": "Antigua y Barbuda", + "Antigua and Barbuda": "Antigua y Barbuda", + "API Token": "Token API", + "API Token Permissions": "Permisos para el token API", + "API Tokens": "Tokens API", + "API tokens allow third-party services to authenticate with our application on your behalf.": "Los tokens API permiten a servicios de terceros autenticarse con nuestra aplicación en su nombre.", + "Apply": "Aplicar", + "Apply Coupon": "Aplicar cupón", + "April": "Abril", + "Are you sure you want to delete the selected resources?": "¿Está seguro de que desea eliminar los recursos seleccionados?", + "Are you sure you want to delete this file?": "¿Está seguro de que desea eliminar este archivo?", + "Are you sure you want to delete this resource?": "¿Está seguro de que desea eliminar este recurso?", + "Are you sure you want to delete this team? Once a team is deleted, all of its resources and data will be permanently deleted.": "¿Está seguro que desea eliminar este equipo? Una vez que se elimina un equipo, todos sus recursos y datos se eliminarán de forma permanente.", + "Are you sure you want to delete your account? Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.": "¿Está seguro que desea eliminar su cuenta? Una vez que se elimine su cuenta, todos sus recursos y datos se eliminarán de forma permanente. Ingrese su contraseña para confirmar que desea eliminar su cuenta de forma permanente.", + "Are you sure you want to detach the selected resources?": "¿Está seguro que desea desvincular los recursos seleccionados?", + "Are you sure you want to detach this resource?": "¿Está seguro que desea desvincular este recurso?", + "Are you sure you want to force delete the selected resources?": "¿Está seguro que desea forzar la eliminación de los recurso seleccionados?", + "Are you sure you want to force delete this resource?": "¿Está seguro que desea forzar la eliminación de este recurso?", + "Are you sure you want to restore the selected resources?": "¿Está seguro que desea restaurar los recursos seleccionados?", + "Are you sure you want to restore this resource?": "¿Está seguro que desea restaurar este recurso?", + "Are you sure you want to run this action?": "¿Está seguro que desea ejecutar esta acción?", + "Are you sure you would like to delete this API token?": "¿Está seguro que desea eliminar este token API?", + "Are you sure you would like to leave this team?": "¿Está seguro que le gustaría abandonar este equipo?", + "Are you sure you would like to remove this person from the team?": "¿Está seguro que desea retirar a esta persona del equipo?", + "Argentina": "Argentina", + "Armenia": "Armenia", + "Aruba": "Aruba", + "Attach": "Adjuntar", + "Attach & Attach Another": "Adjuntar & adjuntar otro", + "Attach :resource": "Adjuntar :resource", + "August": "Agosto", + "Australia": "Australia", + "Austria": "Austria", + "Azerbaijan": "Azerbaijan", + "Bahamas": "Bahamas", + "Bahrain": "Bahrain", + "Bangladesh": "Bangladesh", + "Barbados": "Barbados", + "Belarus": "Bielorrusia", + "Belgium": "Bélgica", + "Belize": "Belice", + "Benin": "Benin", + "Bermuda": "Bermuda", + "Bhutan": "Bután", + "Billing Information": "Información de facturación", + "Billing Management": "Gestión de facturación", + "Bolivia": "Bolivia", + "Bolivia, Plurinational State of": "Bolivia, Estado Plurinacional de", + "Bonaire, Sint Eustatius and Saba": "Bonaire, San Eustaquio y Saba", + "Bosnia And Herzegovina": "Bosnia y Herzegovina", + "Bosnia and Herzegovina": "Bosnia y Herzegovina", + "Botswana": "Botswana", + "Bouvet Island": "Isla Bouvet", + "Brazil": "Brasil", + "British Indian Ocean Territory": "Territorio Británico del Océano Índico", + "Browser Sessions": "Sesiones del navegador", + "Brunei Darussalam": "Brunei", + "Bulgaria": "Bulgaria", + "Burkina Faso": "Burkina Faso", + "Burundi": "Burundi", + "Cambodia": "Camboya", + "Cameroon": "Camerún", + "Canada": "Canadá", + "Cancel": "Cancelar", + "Cancel Subscription": "Cancelar suscripción", + "Cape Verde": "Cabo Verde", + "Card": "Tarjeta", + "Cayman Islands": "Islas Caimán", + "Central African Republic": "República Centroafricana", + "Chad": "Chad", + "Change Subscription Plan": "Cambiar plan de suscripción", + "Changes": "Cambios", + "Chile": "Chile", + "China": "China", + "Choose": "Elija", + "Choose :field": "Elija :field", + "Choose :resource": "Elija :resource", + "Choose an option": "Elija una opción", + "Choose date": "Elija fecha", + "Choose File": "Elija archivo", + "Choose Type": "Elija tipo", + "Christmas Island": "Isla de Navidad", + "City": "Ciudad", + "Click to choose": "Haga click para elegir", + "Close": "Cerrar", + "Cocos (Keeling) Islands": "Islas Cocos (Keeling)", + "Code": "Código", + "Colombia": "Colombia", + "Comoros": "Comoros", + "Confirm": "Confirmar", + "Confirm Payment": "Confirmar pago", + "Confirm your :amount payment": "Confirme su pago de :amount", + "Congo": "Congo", + "Congo, Democratic Republic": "República democrática del Congo", + "Congo, the Democratic Republic of the": "Congo, República Democrática del", + "Constant": "Constante", + "Cook Islands": "Islas Cook", + "Costa Rica": "Costa Rica", + "Cote D'Ivoire": "Costa de Marfil", + "could not be found.": "no se pudo encontrar.", + "Country": "País", + "Coupon": "Cupón", + "Create": "Crear", + "Create & Add Another": "Crear & Añadir otro", + "Create :resource": "Crear :resource", + "Create a new team to collaborate with others on projects.": "Cree un nuevo equipo para colaborar con otros en proyectos.", + "Create Account": "Crear cuenta", + "Create API Token": "Crear Token API", + "Create New Team": "Crear nuevo equipo", + "Create Team": "Crear equipo", + "Created.": "Creado.", + "Croatia": "Croacia", + "Cuba": "Cuba", + "Curaçao": "Curazao", + "Current Password": "Contraseña actual", + "Current Subscription Plan": "Plan de suscripción actual", + "Currently Subscribed": "Suscrito actualmente", + "Customize": "Personalizar ", + "Cyprus": "Chipre", + "Czech Republic": "República Checa", + "Côte d'Ivoire": "Costa de Marfil", + "Dashboard": "Panel", + "December": "Diciembre", + "Decrease": "Disminuir", + "Delete": "Eliminar", + "Delete Account": "Borrar cuenta", + "Delete API Token": "Borrar token API", + "Delete File": "Borrar archivo", + "Delete Resource": "Eliminar recurso", + "Delete Selected": "Eliminar seleccionado", + "Delete Team": "Borrar equipo", + "Denmark": "Dinamarca", + "Detach": "Desvincular", + "Detach Resource": "Desvincular recurso", + "Detach Selected": "Desvincular selección", + "Details": "Detalles", + "Disable": "Deshabilitar", + "Djibouti": "Yibuti", + "Do you really want to leave? You have unsaved changes.": "¿Realmente desea salir? Aún hay cambios sin guardar.", + "Dominica": "Dominica", + "Dominican Republic": "República Dominicana", + "Done.": "Hecho.", + "Download": "Descargar", + "Download Receipt": "Descargar recibo", + "Ecuador": "Ecuador", + "Edit": "Editar", + "Edit :resource": "Editar :resource", + "Edit Attached": "Editar Adjunto", + "Egypt": "Egipto", + "El Salvador": "El Salvador", + "Email": "Correo electrónico", + "Email Address": "Correo electrónico", + "Email Addresses": "Correos electrónicos", + "Email Password Reset Link": "Enviar enlace para restablecer contraseña", + "Enable": "Habilitar", + "Ensure your account is using a long, random password to stay secure.": "Asegúrese que su cuenta esté usando una contraseña larga y aleatoria para mantenerse seguro.", + "Equatorial Guinea": "Guinea Ecuatorial", + "Eritrea": "Eritrea", + "Estonia": "Estonia", + "Ethiopia": "Etiopía", + "ex VAT": "sin VAT", + "Extra Billing Information": "Información de facturación adicional", + "Extra confirmation is needed to process your payment. Please confirm your payment by filling out your payment details below.": "Se necesita confirmación adicional para procesar su pago. Confirme su pago completando los detalles a continuación.", + "Extra confirmation is needed to process your payment. Please continue to the payment page by clicking on the button below.": "Se necesita confirmación adicional para procesar su pago. Continúe a la página de pago haciendo clic en el botón de abajo.", + "Falkland Islands (Malvinas)": "Malvinas (Falkland Islands)", + "Faroe Islands": "Islas Feroe", + "February": "Febrero", + "Fiji": "Fiyi", + "Finland": "Finlandia", + "For your security, please confirm your password to continue.": "Por su seguridad, confirme su contraseña para continuar.", + "Force Delete": "Forzar la eliminación", + "Force Delete Resource": "Forzar la eliminación del recurso", + "Force Delete Selected": "Forzar la eliminación de la selección", + "Forgot your password?": "¿Olvidó su contraseña?", + "Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.": "¿Olvidó su contraseña? No hay problema. Simplemente déjenos saber su dirección de correo electrónico y le enviaremos un enlace para restablecer la contraseña que le permitirá elegir una nueva.", + "France": "Francia", + "French Guiana": "Guayana Francesa", + "French Polynesia": "Polinesia Francesa", + "French Southern Territories": "Tierras Australes y Antárticas Francesas", + "Full name": "Nombre completo", + "Gabon": "Gabón", + "Gambia": "Gambia", + "Georgia": "Georgia", + "Germany": "Alemania", + "Ghana": "Ghana", + "Gibraltar": "Gibraltar", + "Go back": "Ir atrás", + "Go to page :page": "Ir a la página :page", + "Great! You have accepted the invitation to join the :team team.": "¡Genial! Usted ha aceptado la invitación para unirse al equipo :team.", + "Greece": "Grecia", + "Greenland": "Groenlandia", + "Grenada": "Grenada", + "Guadeloupe": "Guadalupe", + "Guam": "Guam", + "Guatemala": "Guatemala", + "Guernsey": "Guernsey", + "Guinea": "Guinea", + "Guinea-Bissau": "Guinea-Bisáu", + "Guyana": "Guyana", + "Haiti": "Haití", + "Have a coupon code?": "¿Tiene un código de descuento?", + "Having second thoughts about cancelling your subscription? You can instantly reactive your subscription at any time until the end of your current billing cycle. After your current billing cycle ends, you may choose an entirely new subscription plan.": "¿Tiene dudas sobre la cancelación de su suscripción? Puede reactivar instantáneamente su suscripción en cualquier momento hasta el final de su ciclo de facturación actual. Una vez que finalice su ciclo de facturación actual, puede elegir un plan de suscripción completamente nuevo.", + "Heard Island & Mcdonald Islands": "Islas Heard y McDonald", + "Heard Island and McDonald Islands": "Islas Heard y McDonald", + "Hide Content": "Ocultar contenido", + "Hold Up!": "En espera!", + "Holy See (Vatican City State)": "Ciudad del Vaticano", + "Honduras": "Honduras", + "Hong Kong": "Hong Kong", + "Hungary": "Hungría", + "I accept the terms of service": "Acepto los términos del servicio", + "I agree to the :terms_of_service and :privacy_policy": "Acepto los :terms_of_service y la :privacy_policy", + "Iceland": "Islandia", + "ID": "ID", + "If necessary, you may log out of all of your other browser sessions across all of your devices. Some of your recent sessions are listed below; however, this list may not be exhaustive. If you feel your account has been compromised, you should also update your password.": "Si es necesario, puede salir de todas las demás sesiones de otros navegadores en todos sus dispositivos. Algunas de sus sesiones recientes se enumeran a continuación; sin embargo, es posible que esta lista no sea exhaustiva. Si cree que su cuenta se ha visto comprometida, también debería actualizar su contraseña.", + "If you already have an account, you may accept this invitation by clicking the button below:": "Si ya tiene una cuenta, puede aceptar esta invitación haciendo clic en el botón de abajo:", + "If you did not expect to receive an invitation to this team, you may discard this email.": "Si no esperaba recibir una invitación para este equipo, puede descartar este correo electrónico.", + "If you do not have an account, you may create one by clicking the button below. After creating an account, you may click the invitation acceptance button in this email to accept the team invitation:": "Si no tiene una cuenta, puede crear una haciendo clic en el botón de abajo. Después de crear una cuenta, puede hacer clic en el botón de aceptación de la invitación en este correo electrónico para aceptar la invitación del equipo:", + "If you need to add specific contact or tax information to your receipts, like your full business name, VAT identification number, or address of record, you may add it here.": "Si necesita agregar información de contacto específica o de impuestos a sus recibos, como su nombre comercial completo, número de identificación VAT o dirección de registro, puede agregarlo aquí.", + "If you’re having trouble clicking the \":actionText\" button, copy and paste the URL below\ninto your web browser:": "Si tiene problemas para hacer clic en el botón \":actionText\", copie y pegue la siguiente URL \nen su navegador web:", + "Increase": "Incrementar", + "India": "India", + "Indonesia": "Indonesia", + "Iran, Islamic Republic Of": "República Islámica de Irán", + "Iran, Islamic Republic of": "Irán, República Islámica de", + "Iraq": "Iraq", + "Ireland": "Irlanda", + "Isle Of Man": "Isla de Man", + "Isle of Man": "Isla de Man", + "Israel": "Israel", + "It looks like you do not have an active subscription. You may choose one of the subscription plans below to get started. Subscription plans may be changed or cancelled at your convenience.": "Parece que no tiene una suscripción activa. Puede elegir uno de los planes de suscripción a continuación para comenzar. Los planes de suscripción se pueden cambiar o cancelar según su conveniencia.", + "Italy": "Italia", + "Jamaica": "Jamaica", + "Jane Doe": "Jane Doe", + "January": "Enero", + "Japan": "Japón", + "Jersey": "Jersey", + "Jordan": "Jordán", + "July": "Julio", + "June": "Junio", + "Kazakhstan": "Kazajistán", + "Kenya": "Kenya", + "Key": "Clave", + "Kiribati": "Kiribati", + "Korea": "Corea del Sur", + "Korea, Democratic People's Republic of": "Corea del Norte", + "Korea, Republic of": "Corea, República de", + "Kosovo": "Kosovo", + "Kuwait": "Kuwait", + "Kyrgyzstan": "Kirguistán", + "Lao People's Democratic Republic": "Laos, República Democrática Popular de", + "Last active": "Activo por última vez", + "Last used": "Usado por última vez", + "Latvia": "Letonia", + "Leave": "Abandonar", + "Leave Team": "Abandonar equipo", + "Lebanon": "Líbano", + "Lens": "Lens", + "Lesotho": "Lesoto", + "Liberia": "Liberia", + "Libyan Arab Jamahiriya": "Libia", + "Liechtenstein": "Liechtenstein", + "Lithuania": "Lituania", + "Load :perPage More": "Cargar :perPage Mas", + "Log in": "Iniciar sesión", + "Log Out": "Cerrar sesión", + "Log Out Other Browser Sessions": "Cerrar las demás sesiones", + "Logout": "Cerrar sesión", + "Luxembourg": "Luxemburgo", + "Macao": "Macao", + "Macedonia": "Macedonia", + "Macedonia, the former Yugoslav Republic of": "Macedonia, ex República Yugoslava de", + "Madagascar": "Madagascar", + "Malawi": "Malaui", + "Malaysia": "Malasia", + "Maldives": "Maldivas", + "Mali": "Malí", + "Malta": "Malta", + "Manage Account": "Administrar cuenta", + "Manage and log out your active sessions on other browsers and devices.": "Administre y cierre sus sesiones activas en otros navegadores y dispositivos.", + "Manage API Tokens": "Administrar Tokens API", + "Manage Role": "Administrar rol", + "Manage Team": "Administrar equipo", + "Managing billing for :billableName": "Gestionando la facturación de :billableName", + "March": "Marzo", + "Marshall Islands": "Islas Marshall", + "Martinique": "Martinica", + "Mauritania": "Mauritania", + "Mauritius": "Mauricio", + "May": "Mayo", + "Mayotte": "Mayotte", + "Mexico": "México", + "Micronesia, Federated States Of": "Micronesia, Estados Federados de", + "Micronesia, Federated States of": "Micronesia, Estados Federados de", + "Moldova": "Moldavia", + "Moldova, Republic of": "Moldavia, República de", + "Monaco": "Mónaco", + "Mongolia": "Mongolia", + "Montenegro": "Montenegro", + "Month To Date": "Mes hasta la fecha", + "Monthly": "Mensual", + "monthly": "mensual", + "Montserrat": "Montserrat", + "Morocco": "Marruecos", + "Mozambique": "Mozambique", + "Myanmar": "Myanmar", + "Namibia": "Namibia", + "Nauru": "Nauru", + "Nepal": "Nepal", + "Netherlands": "Países Bajos​", + "Netherlands Antilles": "Antillas Holandesas", + "Nevermind, I'll keep my old plan": "No importa, mantendré mi antiguo plan", + "New": "Nuevo", + "New :resource": "Nuevo :resource", + "New Caledonia": "Nueva Caledonia", + "New Password": "Nueva Contraseña", + "New Zealand": "Nueva Zelanda", + "Next": "Siguiente", + "Nicaragua": "Nicaragua", + "Niger": "Níger", + "Nigeria": "Nigeria", + "Niue": "Niue", + "No": "No", + "No :resource matched the given criteria.": "Ningún :resource coincide con los criterios.", + "No additional information...": "Sin información adicional...", + "No Current Data": "Sin datos actuales", + "No Data": "No hay datos", + "no file selected": "no se seleccionó el archivo", + "No Increase": "No incrementar", + "No Prior Data": "No hay datos previos", + "No Results Found.": "No se encontraron resultados.", + "Norfolk Island": "Isla Norfolk", + "Northern Mariana Islands": "Islas Marianas del Norte", + "Norway": "Noruega", + "Not Found": "No encontrado", + "Nova User": "Usuario Nova", + "November": "Noviembre", + "October": "Octubre", + "of": "de", + "Oman": "Omán", + "Once a team is deleted, all of its resources and data will be permanently deleted. Before deleting this team, please download any data or information regarding this team that you wish to retain.": "Una vez que se elimina un equipo, todos sus recursos y datos se eliminarán de forma permanente. Antes de eliminar este equipo, descargue cualquier dato o información sobre este equipo que desee conservar.", + "Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.": "Una vez su cuenta sea borrada, todos sus recursos y datos se eliminarán de forma permanente. Antes de borrar su cuenta, por favor descargue cualquier dato o información que desee conservar.", + "Only Trashed": "Solo en papelera", + "Original": "Original", + "Our billing management portal allows you to conveniently manage your subscription plan, payment method, and download your recent invoices.": "Nuestro portal de administración de facturación le permite administrar cómodamente su plan de suscripción, método de pago y descargar sus facturas recientes.", + "Pagination Navigation": "Navegación por los enlaces de paginación", + "Pakistan": "Pakistán", + "Palau": "Palau", + "Palestinian Territory, Occupied": "Territorios Palestinos", + "Panama": "Panamá", + "Papua New Guinea": "Papúa Nueva Guinea", + "Paraguay": "Paraguay", + "Pay :amount": "Pague :amount", + "Payment Cancelled": "Pago cancelado", + "Payment Confirmation": "Confirmación de pago", + "Payment Information": "Información del pago", + "Payment Method": "Método de pago", + "Payment Successful": "Pago exitoso", + "Pending Team Invitations": "Invitaciones de equipo pendientes", + "Per Page": "Por Página", + "Permanently delete this team.": "Eliminar este equipo de forma permanente", + "Permanently delete your account.": "Eliminar su cuenta de forma permanente.", + "Permissions": "Permisos", + "Peru": "Perú", + "Philippines": "Filipinas", + "Photo": "Foto", + "Pitcairn": "Islas Pitcairn", + "Please accept the terms of service.": "Por favor acepte los términos del servicio.", + "Please confirm access to your account by entering one of your emergency recovery codes.": "Por favor confirme el acceso a su cuenta ingresando uno de sus códigos de recuperación de emergencia.", + "Please confirm access to your account by entering the authentication code provided by your authenticator application.": "Por favor confirme el acceso a su cuenta digitando el código de autenticación provisto por su aplicación autenticadora.", + "Please copy your new API token. For your security, it won't be shown again.": "Por favor copie su nuevo token API. Por su seguridad, no se volverá a mostrar.", + "Please enter your password to confirm you would like to log out of your other browser sessions across all of your devices.": "Por favor ingrese su contraseña para confirmar que desea cerrar las demás sesiones de otros navegadores en todos sus dispositivos.", + "Please provide a maximum of three receipt emails addresses.": "Proporcione un máximo de tres direcciones para recibir correo electrónico.", + "Please provide the email address of the person you would like to add to this team.": "Por favor proporcione la dirección de correo electrónico de la persona que le gustaría agregar a este equipo.", + "Please provide your name.": "Por favor proporcione su nombre.", + "Poland": "Polonia", + "Portugal": "Portugal", + "Press / to search": "Presione / para buscar", + "Preview": "Previsualizar", + "Previous": "Previo", + "Privacy Policy": "Política de Privacidad", + "Profile": "Perfil", + "Profile Information": "Información de perfil", + "Puerto Rico": "Puerto Rico", + "Qatar": "Qatar", + "Quarter To Date": "Trimestre hasta la fecha", + "Receipt Email Addresses": "Direcciones para recibir correo electrónico", + "Receipts": "Recibos", + "Recovery Code": "Código de recuperación", + "Regenerate Recovery Codes": "Regenerar códigos de recuperación", + "Reload": "Recargar", + "Remember me": "Mantener sesión activa", + "Remove": "Eliminar", + "Remove Photo": "Eliminar foto", + "Remove Team Member": "Eliminar miembro del equipo", + "Resend Verification Email": "Reenviar correo de verificación", + "Reset Filters": "Restablecer filtros", + "resource": "recurso", + "Resources": "Recursos", + "resources": "recursos", + "Restore": "Restaurar", + "Restore Resource": "Restaurar Recursos", + "Restore Selected": "Restaurar Selección", + "results": "resultados", + "Resume Subscription": "Reanudar suscripción", + "Return to :appName": "Regresar a :appName", + "Reunion": "Reunión", + "Role": "Rol", + "Romania": "Rumania", + "Run Action": "Ejecutar Acción", + "Russian Federation": "Federación Rusa", + "Rwanda": "Ruanda", + "Réunion": "Reunión", + "Saint Barthelemy": "San Bartolomé", + "Saint Barthélemy": "San Bartolomé", + "Saint Helena": "Santa Helena", + "Saint Kitts And Nevis": "San Cristóbal y Nieves", + "Saint Kitts and Nevis": "Saint Kitts y Nevis", + "Saint Lucia": "Santa Lucía", + "Saint Martin": "San Martín", + "Saint Martin (French part)": "San Martín (parte francesa)", + "Saint Pierre And Miquelon": "San Pedro y Miquelón", + "Saint Pierre and Miquelon": "San Pedro y Miquelón", + "Saint Vincent And Grenadines": "San Vicente y las Granadinas", + "Saint Vincent and the Grenadines": "San Vicente y las Granadinas", + "Samoa": "Samoa", + "San Marino": "San Marino", + "Sao Tome And Principe": "Santo Tomé y Príncipe", + "Sao Tome and Principe": "Santo Tomé y Príncipe", + "Saudi Arabia": "Arabia Saudita", + "Save": "Guardar", + "Saved.": "Guardado.", + "Search": "Buscar", + "Select": "Seleccione", + "Select a different plan": "Seleccione un plan diferente", + "Select A New Photo": "Seleccione una nueva foto", + "Select Action": "Seleccione una Acción", + "Select All": "Seleccione Todo", + "Select All Matching": "Seleccione Todas las coincidencias", + "Senegal": "Senegal", + "September": "Septiembre", + "Serbia": "Serbia", + "Server Error": "Error del servidor", + "Seychelles": "Seychelles", + "Show All Fields": "Mostrar todos los campos", + "Show Content": "Mostrar contenido", + "Show Recovery Codes": "Mostrar códigos de recuperación", + "Showing": "Mostrando", + "Sierra Leone": "Sierra Leona", + "Signed in as": "Registrado como", + "Singapore": "Singapur", + "Sint Maarten (Dutch part)": "San Martín", + "Slovakia": "Eslovaquia", + "Slovenia": "Eslovenia", + "Solomon Islands": "Islas Salomón", + "Somalia": "Somalia", + "Something went wrong.": "Algo salió mal.", + "Sorry! You are not authorized to perform this action.": "¡Lo siento! Usted no está autorizado para ejecutar esta acción.", + "Sorry, your session has expired.": "Lo siento, su sesión ha caducado.", + "South Africa": "Sudáfrica", + "South Georgia And Sandwich Isl.": "Islas Georgias del Sur y Sandwich del Sur", + "South Georgia and the South Sandwich Islands": "Georgia del sur y las islas Sandwich del sur", + "South Sudan": "Sudán del Sur", + "Spain": "España", + "Sri Lanka": "Sri Lanka", + "Standalone Actions": "Acciones independientes", + "Start Polling": "Iniciar encuesta", + "State / County": "Estado / País", + "Stop Polling": "Detener encuesta", + "Store these recovery codes in a secure password manager. They can be used to recover access to your account if your two factor authentication device is lost.": "Guarde estos códigos de recuperación en un administrador de contraseñas seguro. Se pueden utilizar para recuperar el acceso a su cuenta si pierde su dispositivo de autenticación de dos factores.", + "Subscribe": "Suscriba", + "Subscription Information": "Información de suscripción", + "Subscription Pending": "Suscripción pendiente", + "Sudan": "Sudán", + "Suriname": "Suriname", + "Svalbard And Jan Mayen": "Svalbard y Jan Mayen", + "Svalbard and Jan Mayen": "Svalbard y Jan Mayen", + "Swaziland": "Eswatini", + "Sweden": "Suecia", + "Switch Teams": "Cambiar de equipo", + "Switzerland": "Suiza", + "Syrian Arab Republic": "Siria", + "Taiwan": "Taiwán", + "Taiwan, Province of China": "Taiwan, provincia de China", + "Tajikistan": "Tayikistán", + "Tanzania": "Tanzania", + "Tanzania, United Republic of": "Tanzania, República Unida de", + "Team Details": "Detalles del equipo", + "Team Invitation": "Invitación de equipo", + "Team Members": "Miembros del equipo", + "Team Name": "Nombre del equipo", + "Team Owner": "Propietario del equipo", + "Team Settings": "Ajustes del equipo", + "Terms of Service": "Términos del servicio", + "Thailand": "Tailandia", + "Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we just emailed to you? If you didn't receive the email, we will gladly send you another.": "¡Gracias por registrarse! Antes de comenzar, ¿podría verificar su dirección de correo electrónico haciendo clic en el enlace que le acabamos de enviar? Si no recibió el correo electrónico, con gusto le enviaremos otro.", + "Thanks for your continued support. We've attached a copy of your invoice for your records. Please let us know if you have any questions or concerns.": "Gracias por su apoyo continuo. Hemos adjuntado una copia de su factura para sus registros. Háganos saber si tiene alguna pregunta o inquietud.", + "Thanks,": "Gracias,", + "The :attribute must be a valid role.": ":Attribute debe ser un rol válido.", + "The :attribute must be at least :length characters and contain at least one number.": "La :attribute debe tener al menos :length caracteres y contener por lo menos un número.", + "The :attribute must be at least :length characters and contain at least one special character and one number.": "La :attribute debe tener al menos :length caracteres y contener por lo menos un caracter especial y un número.", + "The :attribute must be at least :length characters and contain at least one special character.": "La :attribute debe tener al menos :length caracteres y contener por lo menos un carácter especial.", + "The :attribute must be at least :length characters and contain at least one uppercase character and one number.": "La :attribute debe tener al menos :length caracteres y contener por lo menos una letra mayúscula y un número.", + "The :attribute must be at least :length characters and contain at least one uppercase character and one special character.": "La :attribute debe tener al menos :length caracteres y contener por lo menos una letra mayúscula y un carácter especial.", + "The :attribute must be at least :length characters and contain at least one uppercase character, one number, and one special character.": "La :attribute debe tener al menos :length caracteres y contener por lo menos una letra mayúscula, un número y un carácter especial.", + "The :attribute must be at least :length characters and contain at least one uppercase character.": "La :attribute debe tener al menos :length caracteres y contener por lo menos una letra mayúscula.", + "The :attribute must be at least :length characters.": "La :attribute debe tener al menos :length caracteres.", + "The :attribute must contain at least one letter.": "La :attribute debe contener al menos una letra.", + "The :attribute must contain at least one number.": "La :attribute debe contener al menos un número.", + "The :attribute must contain at least one symbol.": "La :attribute debe contener al menos un símbolo.", + "The :attribute must contain at least one uppercase and one lowercase letter.": "La :attribute debe contener al menos una letra mayúscula y una minúscula.", + "The :resource was created!": "¡El :resource fue creado!", + "The :resource was deleted!": "¡El :resource fue eliminado!", + "The :resource was restored!": "¡El :resource fue restaurado!", + "The :resource was updated!": "¡El :resource fue actualizado!", + "The action ran successfully!": "¡La acción se ejecutó correctamente!", + "The file was deleted!": "¡El archivo fue eliminado!", + "The given :attribute has appeared in a data leak. Please choose a different :attribute.": "La :attribute proporcionada se ha visto comprometida en una filtración de datos (data leak). Elija una :attribute diferente.", + "The government won't let us show you what's behind these doors": "El gobierno no nos permitirá mostrarle lo que hay detrás de estas puertas", + "The HasOne relationship has already been filled.": "La relación HasOne ya fué completada.", + "The password is incorrect.": "La contraseña es incorrecta.", + "The payment was successful.": "El pago fue exitoso.", + "The provided coupon code is invalid.": "El código de cupón proporcionado no es válido.", + "The provided password does not match your current password.": "La contraseña proporcionada no coincide con su contraseña actual.", + "The provided password was incorrect.": "La contraseña proporcionada no es correcta.", + "The provided two factor authentication code was invalid.": "El código de autenticación de dos factores proporcionado no es válido.", + "The provided VAT number is invalid.": "El número VAT proporcionado no es válido.", + "The receipt emails must be valid email addresses.": "Los correos electrónicos de recepción deben ser direcciones válidas.", + "The resource was updated!": "¡El recurso fue actualizado!", + "The selected country is invalid.": "El país seleccionado no es válido.", + "The selected plan is invalid.": "El plan seleccionado no es válido.", + "The team's name and owner information.": "Nombre del equipo e información del propietario.", + "There are no available options for this resource.": "No hay opciones disponibles para este recurso.", + "There is no active subscription.": "No hay una suscripción activa.", + "There was a problem executing the action.": "Hubo un problema ejecutando la acción.", + "There was a problem submitting the form.": "Hubo un problema al enviar el formulario.", + "These people have been invited to your team and have been sent an invitation email. They may join the team by accepting the email invitation.": "Estas personas han sido invitadas a su equipo y se les ha enviado un correo electrónico de invitación. Pueden unirse al equipo aceptando la invitación por correo electrónico.", + "This account does not have an active subscription.": "Esta cuenta no tiene una suscripción activa.", + "This action is unauthorized.": "Esta acción no está autorizada.", + "This device": "Este dispositivo", + "This file field is read-only.": "Este campo de archivo es de solo lectura.", + "This image": "Esta imagen", + "This is a secure area of the application. Please confirm your password before continuing.": "Esta es un área segura de la aplicación. Confirme su contraseña antes de continuar.", + "This password does not match our records.": "Esta contraseña no coincide con nuestros registros.", + "This payment was already successfully confirmed.": "Este pago ya se confirmó con éxito.", + "This payment was cancelled.": "Este pago fue cancelado.", + "This resource no longer exists": "Este recurso ya no existe", + "This subscription cannot be resumed. Please create a new subscription.": "Esta suscripción no se puede reanudar. Por favor cree una nueva suscripción.", + "This subscription has expired and cannot be resumed. Please create a new subscription.": "Esta suscripción ha caducado y no se puede reanudar. Cree una nueva suscripción.", + "This user already belongs to the team.": "Este usuario ya pertenece al equipo.", + "This user has already been invited to the team.": "Este usuario ya ha sido invitado al equipo.", + "Timor-Leste": "Timor Oriental", + "to": "al", + "Today": "Hoy", + "Togo": "Togo", + "Tokelau": "Tokelau", + "Token Name": "Nombre del token", + "Tonga": "Tonga", + "total": "total", + "Total:": "Total:", + "Trashed": "Desechado", + "Trinidad And Tobago": "Trinidad y Tobago", + "Trinidad and Tobago": "Trinidad y Tobago", + "Tunisia": "Tunisia", + "Turkey": "Turquía", + "Turkmenistan": "Turkmenistán", + "Turks And Caicos Islands": "Islas Turcas y Caicos", + "Turks and Caicos Islands": "Islas Turcas y Caicos", + "Tuvalu": "Tuvalu", + "Two Factor Authentication": "Autenticación de dos factores", + "Two factor authentication is now enabled. Scan the following QR code using your phone's authenticator application.": "La autenticación de dos factores ahora está habilitada. Escanee el siguiente código QR usando la aplicación de autenticación de su teléfono.", + "Scan the following QR code using your phone's authenticator application and confirm it with the generated OTP code.": "Escanee el siguiente código QR usando la aplicación de autenticación de su teléfono y confírmelo con el código OTP generado.", + "Uganda": "Uganda", + "Ukraine": "Ucrania", + "United Arab Emirates": "Emiratos Árabes Unidos", + "United Kingdom": "Reino Unido", + "United States": "Estados Unidos", + "United States Minor Outlying Islands": "Islas Ultramarinas Menores de los Estados Unidos", + "United States Outlying Islands": "Islas Ultramarinas Menores de los Estados Unidos", + "Update": "Actualizar", + "Update & Continue Editing": "Actualice & Continúe Editando", + "Update :resource": "Actualizar :resource", + "Update :resource: :title": "Actualice el :title del :resource:", + "Update attached :resource: :title": "Actualice el :title del :resource: adjuntado", + "Update Password": "Actualizar contraseña", + "Update Payment Information": "Actualizar la información de pago", + "Update Payment Method": "Actualizar método de pago", + "Update your account's profile information and email address.": "Actualice la información de su cuenta y la dirección de correo electrónico", + "Uruguay": "Uruguay", + "Use a recovery code": "Use un código de recuperación", + "Use an authentication code": "Use un código de autenticación", + "Uzbekistan": "Uzbekistan", + "Value": "Valor", + "Vanuatu": "Vanuatu", + "VAT Number": "Número VAT", + "Venezuela": "Venezuela", + "Venezuela, Bolivarian Republic of": "Venezuela, República Bolivariana de", + "Viet Nam": "Vietnam", + "View": "Vista", + "View Receipt": "Ver recibo", + "Virgin Islands, British": "Islas Vírgenes Británicas", + "Virgin Islands, U.S.": "Islas Vírgenes Estadounidenses", + "Wallis And Futuna": "Wallis y Futuna", + "Wallis and Futuna": "Wallis y Futuna", + "We are processing your subscription. Once the subscription has successfully processed, this page will update automatically. Typically, this process should only take a few seconds.": "Estamos procesando su suscripción. Una vez que la suscripción se haya procesado correctamente esta página se actualizará automáticamente. Normalmente, este proceso solo debería llevar unos segundos.", + "We are unable to process your payment. Please contact customer support.": "No podemos procesar su pago. Comuníquese con el servicio de atención al cliente.", + "We were unable to find a registered user with this email address.": "No pudimos encontrar un usuario registrado con esta dirección de correo electrónico.", + "We will send a receipt download link to the email addresses that you specify below. You may separate multiple email addresses using commas.": "Enviaremos un enlace de descarga de recibo a las direcciones de correo electrónico que especifique a continuación. Puede separar varias direcciones de correo electrónico con comas.", + "We're lost in space. The page you were trying to view does not exist.": "Estamos perdidos en el espacio. La página que intenta buscar no existe.", + "Welcome Back!": "¡Bienvenido de nuevo!", + "Western Sahara": "Sahara Occidental", + "When two factor authentication is enabled, you will be prompted for a secure, random token during authentication. You may retrieve this token from your phone's Google Authenticator application.": "Cuando la autenticación de dos factores esté habilitada, le pediremos un token aleatorio seguro durante la autenticación. Puede recuperar este token desde la aplicación Google Authenticator de su teléfono.", + "Whoops": "Ups", + "Whoops! Something went wrong.": "¡Ups! Algo salió mal.", + "With Trashed": "Incluida la papelera", + "Write": "Escriba", + "Year To Date": "Año hasta la fecha", + "Yearly": "Anual", + "Yemen": "Yemen", + "Yes": "Sí", + "You are already subscribed.": "Usted ya está suscrito.", + "You are currently within your free trial period. Your trial will expire on :date.": "Actualmente se encuentra dentro de su período de prueba gratuito. Su prueba vencerá el :date.", + "You have been invited to join the :team team!": "¡Usted ha sido invitado a unirse al equipo :team!", + "You are enabling two factor authentication.": "Estás habilitando la autenticación de dos factores.", + "You have enabled two factor authentication.": "Ha habilitado la autenticación de dos factores.", + "You have not enabled two factor authentication.": "No ha habilitado la autenticación de dos factores.", + "You may accept this invitation by clicking the button below:": "Puede aceptar esta invitación haciendo clic en el botón de abajo:", + "You may cancel your subscription at any time. Once your subscription has been cancelled, you will have the option to resume the subscription until the end of your current billing cycle.": "Puedes cancelar tu subscripción en cualquier momento. Una vez que su suscripción haya sido cancelada, tendrá la opción de reanudar la suscripción hasta el final de su ciclo de facturación actual.", + "You may delete any of your existing tokens if they are no longer needed.": "Puede eliminar cualquiera de sus tokens existentes si ya no los necesita.", + "You may not delete your personal team.": "No se puede borrar su equipo personal.", + "You may not leave a team that you created.": "No se puede abandonar un equipo que usted creó.", + "Your :invoiceName invoice is now available!": "¡Su factura :invoiceName ya está disponible!", + "Your card was declined. Please contact your card issuer for more information.": "Su tarjeta fue rechazada. Comuníquese con el emisor de su tarjeta para obtener más información.", + "Your current payment method is :paypal.": "Su método de pago actual es :paypal.", + "Your current payment method is a credit card ending in :lastFour that expires on :expiration.": "Su método de pago actual es una tarjeta de crédito que termina en :lastFour que vence el :expiration.", + "Your registered VAT Number is :vatNumber.": "Su número VAT registrado es :vatNumber.", + "Zambia": "Zambia", + "Zimbabwe": "Zimbabwe", + "Zip / Postal Code": "Zip / Código postal", + "Åland Islands": "Islas Åland" +} \ No newline at end of file diff --git a/resources/scss/app.scss b/resources/scss/app.scss new file mode 100644 index 0000000..9b45e49 --- /dev/null +++ b/resources/scss/app.scss @@ -0,0 +1,415 @@ +@import 'tailwindcss/base'; +@import 'tailwindcss/components'; +@import 'tailwindcss/utilities'; + +.menu-horizontal-wrapper > .menu-inner > .menu-item:last-child { + padding-right: 70px; +} + +.bg-menu-theme.menu-horizontal .menu-sub .menu-sub > .menu-item .menu-link .menu-icon { + display: none; +} + +.user-nav .user-name { + letter-spacing: 0.03rem; + font-weight: 600; +} +.user-nav .user-email { + letter-spacing: 0.05rem; + font-size: smaller; + font-weight: 100; +} + +.app-brand-logo.demo { + height: inherit; +} + +.app-brand-text { + flex-shrink: 1 !important; +} + +.nav-tabs .nav-link, +.nav-pills .nav-link { + text-transform: inherit !important; +} + +.image-wrapper-16x16 { + width: 28px; + aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */ + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; + padding: 5px; +} +.image-wrapper-16x16 img { + width: 16px; + height: 16px; + display: block; +} + +.image-wrapper-76x76 { + width: 92px; + aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */ + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; + padding: 5px; +} +.image-wrapper-76x76 img { + width: 76px; + height: 76px; + display: block; +} + +.image-wrapper-120x120 { + width: 140px; + aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */ + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-120x120 img { + width: 120px; + height: 120px; + display: block; +} + +.image-wrapper-152x152 { + width: 172px; + aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */ + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-152x152 img { + width: 152px; + height: 152px; + display: block; +} + +.image-wrapper-180x180 { + width: 202px; + aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */ + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-180x180 img { + width: 180px; + height: 180px; + display: block; +} + +.image-wrapper-192x192 { + width: 214px; + aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */ + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-192x192 img { + width: 192px; + height: 192px; + display: block; +} + +.image-wrapper-380x380 { + width: 396px; + aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */ + align-items: center; + display: flex; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-380x380 img { + width: 380px; + height: 380px; + display: block; +} + +.image-wrapper-520x520 { + width: 536px; + aspect-ratio: 1/1; /* Proporción 1:1 para que sea cuadrado */ + align-items: center; + display: flex; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-520x520 img { + width: 520px; + height: 520px; + display: block; +} + +/* +.dark-style .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item.active { + background-color: #3a3d53; +} +.light-style .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item.active { + background-color: #f3f2f3; +} + +.max-w-full { + max-width: 100%; +} + + +.collapse { + visibility: initial; +} + +#admin-crm--view-520x520 .nav-pills .nav-link { + text-transform: none; +} +#admin-crm--view-520x520 .nav-tabs .nav-link { + text-transform: none; + padding-top: 13px; + padding-bottom: 13px; +} + +html.light-style .fixed-table-container { + background-color: white; +} +html.dark-style .fixed-table-container { + background-color: #202332; +} + +.form-floating > label { + border: none !important; +} + +.form-control:read-only:not(.flatpickr-input) { + color: #acaab1; + background-color: #f3f2f3; + border-color: #cdccd0; + opacity: 1; +} + +.dark-style .fixed-columns, +.dark-style .fixed-columns-right { + background-color: #25293c !important; +} + +.bootstrap-table .acction-buttons .footer-actions { + margin-top: 10px; + margin-bottom: 10px; + display: flex; + justify-content: flex-start; + align-items: center; +} + +.mini-dropzone .dz-message:before { + top: 2rem !important; +} +.mini-dropzone .dz-message { + margin: 6rem 0 2rem !important; +} +.dz-preview { + margin-bottom: 38px; +} + +.image-wrapper-16x16 { + max-width: 36px; + aspect-ratio: 1/1; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-16x16 img { + max-width: 16px; + max-height: 16px; + display: block; +} + +.image-wrapper-76x76 { + max-width: 96px; + aspect-ratio: 1/1; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-76x76 img { + max-width: 76px; + max-height: 76px; + display: block; +} + +.image-wrapper-120x120 { + max-width: 140px; + aspect-ratio: 1/1; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-120x120 img { + max-width: 120px; + max-height: 120px; + display: block; +} + +.image-wrapper-152x152 { + max-width: 172px; + aspect-ratio: 1/1; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-152x152 img { + max-width: 152px; + max-height: 152px; + display: block; +} + +.image-wrapper-180x180 { + max-width: 200px; + aspect-ratio: 1/1; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-180x180 img { + max-width: 180px; + max-height: 180px; + display: block; +} + +.image-wrapper-192x192 { + max-width: 202px; + aspect-ratio: 1/1; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-192x192 img { + max-width: 192px; + max-height: 192px; + display: block; +} + +.image-wrapper-380x380 { + max-width: 400px; + aspect-ratio: 1/1; + align-items: center; + display: flex; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-380x380 img { + max-width: 380px; + max-height: 380px; + display: block; +} + +.image-wrapper-520x520 { + max-width: 540px; + aspect-ratio: 1/1; + align-items: center; + display: flex; + justify-content: center; + border: 1px solid #eee; +} +.image-wrapper-520x520 img { + max-width: 520px; + max-height: 520px; + display: block; +} + +.custom-option-item-check { + position: absolute; + clip: rect(0, 0, 0, 0); +} + +.custom-options-checkable { + --bs-gutter-x: 1rem !important; +} +.custom-options-checkable .custom-option-item { + width: 100%; + cursor: pointer; + border-radius: 0.42rem; + color: #82868b; + background-color: rgba(130, 134, 139, 0.06); + border: 1px solid #ebe9f1; +} +.custom-option-item-check:checked + .custom-option-item { + color: #175cc3; + background-color: rgba(23, 92, 195, 0.12); + border-color: #175cc3; +} +.custom-options-checkable .custom-option-item span { + margin: 0 auto; +} +*/ + + + +.if_local_address_show { + display: none; +} + + +.form-floating > textarea.form-control, +.form-floating > textarea.form-control-plaintext, +.form-floating > textarea.form-select{ + height: auto !important; +} + + +.dropzone .dz-message { + padding: 0 10px; +} + + +.dropzone-md .dz-message:before { + top: 1.5rem; +} +.dropzone-md .dz-message { + margin: 5rem 0 1.5rem; +} + + +.dropzone-sm .dz-message:before { + top: 1.5rem; +} +.dropzone-sm .dz-message { + margin: 5rem 0 1.5rem; +} + +.dropzone-sm .dz-message:before, +.dropzone-xs .dz-message:before { + display: none; +} + +.dropzone-sm .dz-message { + margin: 1rem 0 1rem; + font-size: 1rem; +} +.dropzone-sm .dz-message .note { + font-size: 1rem; +} + +.dropzone-xs .dz-message { + margin: .5rem 0 .5rem; + font-size: .8rem; +} +.dropzone-xs .dz-message .note { + font-size: .65rem; + margin-top: 0.25rem; +} + + + + + + diff --git a/resources/scss/pages/page-account-settings.scss b/resources/scss/pages/page-account-settings.scss new file mode 100644 index 0000000..c6abbe1 --- /dev/null +++ b/resources/scss/pages/page-account-settings.scss @@ -0,0 +1,16 @@ +// * Account Settings +// ******************************************************************************* + +@import '../../assets/vendor/scss/_custom-variables/pages'; +@import '../../assets/vendor/scss/_bootstrap-extended/include'; + +.api-key-actions { + position: absolute !important; + top: 0.75rem; + @include app-ltr() { + right: 0.5rem; + } + @include app-rtl() { + left: 0.5rem; + } +} diff --git a/resources/scss/pages/page-auth.scss b/resources/scss/pages/page-auth.scss new file mode 100644 index 0000000..00dc08e --- /dev/null +++ b/resources/scss/pages/page-auth.scss @@ -0,0 +1,169 @@ +// * Authentication +// ******************************************************************************* + +@use '../../assets/vendor/scss/_bootstrap-extended/include' as light; +@use '../../assets/vendor/scss/_bootstrap-extended/include-dark' as dark; +@import '../../assets/vendor/scss/_custom-variables/pages'; + +$authentication-1-inner-max-width: 460px !default; + +.authentication-wrapper { + display: flex; + flex-basis: 100%; + min-height: 100vh; + width: 100%; + + .authentication-inner { + width: 100%; + } + + &.authentication-basic { + align-items: center; + justify-content: center; + .card-body { + padding: 3rem; + @include light.media-breakpoint-down(sm) { + padding: 2rem; + } + } + } + + &.authentication-cover { + align-items: flex-start; + .authentication-inner { + height: 100%; + margin: auto 0; + + @include light.media-breakpoint-down(lg) { + height: 100vh; + } + // authentication cover background styles + .auth-cover-bg { + width: 100%; + height: 100vh; + position: relative; + + // authentication cover illustration height + .auth-illustration { + max-height: 65%; + max-width: 65%; + z-index: 1; + } + } + + // authentication cover platform bg styles + .platform-bg { + position: absolute; + width: 100%; + bottom: 0%; + left: 0%; + height: 35%; + } + + // authentication multisteps styles + .auth-multisteps-bg-height { + height: 100vh; + + // z-index for illustration + & > img:first-child { + z-index: 1; + } + } + } + } + + &.authentication-basic .authentication-inner { + max-width: $authentication-1-inner-max-width; + position: relative; + &:before { + @include light.media-breakpoint-down(sm) { + display: none; + } + width: 238px; + height: 233px; + content: ' '; + position: absolute; + top: -35px; + left: -45px; + background-image: url("data:image/svg+xml,%3Csvg width='239' height='234' viewBox='0 0 239 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237367F0' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E%0A"); + } + &:after { + @include light.media-breakpoint-down(sm) { + display: none; + } + width: 180px; + height: 180px; + content: ' '; + position: absolute; + z-index: -1; + bottom: -30px; + right: -56px; + background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237367F0' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E"); + } + } + + // For two-steps auth + .auth-input-wrapper .auth-input { + max-width: 50px; + padding-left: 0.4rem; + padding-right: 0.4rem; + font-size: light.$large-font-size; + } +} + +// authentication multisteps responsive styles +@media (max-height: 636px) { + .auth-multisteps-bg-height { + height: 100% !important; + } +} + +// Two-steps auth responsive style +@include light.media-breakpoint-down(sm) { + .authentication-wrapper { + .auth-input-wrapper .auth-input { + font-size: light.$h5-font-size; + } + } +} + +// Two Steps Verification +// ? Used for validation specific style as we have validated hidden field +#twoStepsForm { + .fv-plugins-bootstrap5-row-invalid .form-control { + border-color: light.$form-feedback-invalid-color; + border-width: light.$input-focus-border-width; + } +} +@include light.media-breakpoint-down(sm) { + .numeral-mask-wrapper .numeral-mask { + padding: 0 !important; + } + .numeral-mask { + margin-inline: 1px !important; + } +} + +// Light Layout +@if $enable-light-style { + .light-style { + .authentication-wrapper .authentication-bg { + background-color: light.$white; + } + .auth-cover-bg-color { + background-color: light.$body-bg; + } + } +} + +// Dark Layout +@if $enable-dark-style { + .dark-style { + .authentication-wrapper .authentication-bg { + background-color: dark.$card-bg; + } + .auth-cover-bg-color { + background-color: dark.$body-bg; + } + } +} diff --git a/resources/scss/pages/page-misc.scss b/resources/scss/pages/page-misc.scss new file mode 100644 index 0000000..e7c1693 --- /dev/null +++ b/resources/scss/pages/page-misc.scss @@ -0,0 +1,34 @@ +@use '../../assets/vendor/scss/_bootstrap-extended/include'; + +.misc-wrapper { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: calc(100vh - 1.5rem * 2); + text-align: center; +} +// Misc Image Wrapper +.misc-bg-wrapper { + position: relative; + img { + position: absolute; + bottom: 0; + left: 0; + right: 0; + width: 100%; + z-index: -1; + } +} + +// media query for width +@media (max-width: 1499.98px) { + // All Misc Pages + .misc-bg-wrapper img { + height: 250px; + } + // Under Maintenance + .misc-under-maintenance-bg-wrapper img { + height: 270px !important; + } +} diff --git a/resources/scss/pages/page-profile.scss b/resources/scss/pages/page-profile.scss new file mode 100644 index 0000000..51087a3 --- /dev/null +++ b/resources/scss/pages/page-profile.scss @@ -0,0 +1,66 @@ +// * Help center +// ******************************************************************************* + +@use '../../assets/vendor/scss/_bootstrap-extended/include' as light; +@use '../../assets/vendor/scss/_bootstrap-extended/include-dark' as dark; +@import '../../assets/vendor/scss/_custom-variables/pages'; + +$user-profile-banner-size: 250px !default; +$user-profile-banner-sm-size: 150px !default; +$user-image-size: 120px !default; +$user-image-sm-size: 100px !default; + +.user-profile-header-banner { + img { + width: 100%; + object-fit: cover; + height: $user-profile-banner-size; + } +} +.user-profile-header { + margin-top: -2rem; + .user-profile-img { + border: 5px solid; + width: $user-image-size; + } +} + +//Light style +@if $enable-light-style { + .light-style { + .user-profile-header .user-profile-img { + border-color: light.$white; + } + } +} + +//Dark style +@if $enable-dark-style { + .dark-style { + .user-profile-header .user-profile-img { + border-color: dark.$card-bg; + } + } +} + +// Datatable search margin +.dataTables_wrapper { + .card-header .dataTables_filter label { + margin-top: 0 !important; + margin-bottom: 0 !important; + } +} + +// Responsive style +@include light.media-breakpoint-down(md) { + .user-profile-header-banner { + img { + height: $user-profile-banner-sm-size; + } + } + .user-profile-header { + .user-profile-img { + width: $user-image-sm-size; + } + } +} diff --git a/resources/scss/pages/page-user-view.scss b/resources/scss/pages/page-user-view.scss new file mode 100644 index 0000000..c4f73cf --- /dev/null +++ b/resources/scss/pages/page-user-view.scss @@ -0,0 +1,104 @@ +// * Help center +// ******************************************************************************* + +@use '../../assets/vendor/scss/_bootstrap-extended/include' as light; +@use '../../assets/vendor/scss/_bootstrap-extended/include-dark' as dark; +@import '../../assets/vendor/scss/_custom-variables/pages'; + +.user-card { + .user-info-title { + min-width: 100px; + } +} + +.card.primary-shadow { + box-shadow: 0 0.125rem 0.375rem 0 rgba(light.$primary, 0.3) !important; +} +// Light style +@if $enable-light-style { + .light-style { + @include light.media-breakpoint-up(xl) { + .user-card { + .border-container-lg { + border-right: 1px solid light.$border-color; + } + } + @include app-rtl-style() { + .user-card { + .border-container-lg { + border-right: 0; + border-left: 1px solid light.$border-color; + } + } + } + } + @include light.media-breakpoint-down(xl) { + .user-card { + .border-container-lg { + padding-bottom: 1rem; + } + } + } + @include light.media-breakpoint-up(sm) { + .user-card { + .border-container { + border-right: 1px solid light.$border-color; + } + } + .timeline { + .break-text { + width: calc(100% - 90px); + } + } + @include app-rtl-style() { + .user-card { + .border-container { + border-right: 0; + border-left: 1px solid light.$border-color; + } + } + } + } + } +} + +// Dark style +@if $enable-dark-style { + .dark-style { + @include dark.media-breakpoint-up(lg) { + .user-card { + .border-container-lg { + border-right: 1px solid dark.$border-color; + } + } + @include app-rtl-style() { + .user-card { + .border-container-lg { + border-right: 0; + border-left: 1px solid dark.$border-color; + } + } + } + } + @include dark.media-breakpoint-up(sm) { + .user-card { + .border-container { + border-right: 1px solid dark.$border-color; + } + } + .timeline { + .break-text { + width: calc(100% - 90px); + } + } + @include app-rtl-style() { + .user-card { + .border-container { + border-right: 0; + border-left: 1px solid dark.$border-color; + } + } + } + } + } +} diff --git a/resources/views/admin-settings/smtp-settings.blade.php b/resources/views/admin-settings/smtp-settings.blade.php new file mode 100644 index 0000000..589818f --- /dev/null +++ b/resources/views/admin-settings/smtp-settings.blade.php @@ -0,0 +1,36 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Servidor de correo SMTP') + +@section('vendor-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' + ]) +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' + ]) +@endsection + +@push('page-script') + @vite('vendor/koneko/laravel-vuexy-admin/resources/js/pages/smtp-settings-scripts.js') +@endpush + +@section('content') +
    +
    +
    + @livewire('mail-smtp-settings') +
    +
    +
    +
    + @livewire('mail-sender-response-settings') +
    +
    +
    +@endsection diff --git a/resources/views/admin-settings/webapp-general-settings.blade.php b/resources/views/admin-settings/webapp-general-settings.blade.php new file mode 100644 index 0000000..5794f2a --- /dev/null +++ b/resources/views/admin-settings/webapp-general-settings.blade.php @@ -0,0 +1,30 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Ajustes generales') + +@push('page-script') + @vite('vendor/koneko/laravel-vuexy-admin/resources/js/pages/admin-settings-scripts.js') +@endpush + +@section('content') +
    +
    + +
    + @livewire('application-settings') +
    +
    +
    + +
    + @livewire('general-settings') +
    +
    +
    + +
    + @livewire('interface-settings') +
    +
    +
    +@endsection diff --git a/resources/views/auth/auth-register-multisteps.blade.php b/resources/views/auth/auth-register-multisteps.blade.php new file mode 100644 index 0000000..30d04e8 --- /dev/null +++ b/resources/views/auth/auth-register-multisteps.blade.php @@ -0,0 +1,356 @@ +@php +$customizerHidden = 'customizer-hide'; +$configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Multi Steps Sign-up - Pages') + +@section('vendor-style') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/bs-stepper/bs-stepper.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/bootstrap-select/bootstrap-select.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' +]) +@endsection + +@push('page-style') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss' +]) +@endsection + +@section('vendor-script') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave-phone.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/bs-stepper/bs-stepper.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' +]) +@endsection + +@push('page-script') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth-multisteps.js' +]) +@endpush + +@section('content') +
    + + + + {{ config('koneko.templateName') }} + + +
    + + +
    + auth-register-multisteps + + auth-register-multisteps +
    + + + +
    +
    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    + +
    +
    +

    Account Information

    +

    Enter Your Account Details

    +
    +
    +
    + + +
    +
    + + +
    +
    + +
    + + +
    +
    +
    + +
    + + +
    +
    +
    + + +
    +
    + + +
    +
    +
    + +
    +
    +

    Personal Information

    +

    Enter Your Personal Information

    +
    +
    +
    + + +
    +
    + + +
    +
    + +
    + US (+1) + +
    +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    +
    + +
    +
    +

    Select Plan

    +

    Select plan as per your requirement

    +
    + +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +

    Payment Information

    +

    Enter your card information

    +
    + +
    +
    + +
    + + +
    +
    +
    + + +
    +
    + + +
    +
    + +
    + + +
    +
    +
    + + +
    +
    + +
    + +
    +
    +
    +
    + +
    +
    + + +@endsection diff --git a/resources/views/auth/auth-two-steps-basic.blade.php b/resources/views/auth/auth-two-steps-basic.blade.php new file mode 100644 index 0000000..21859a5 --- /dev/null +++ b/resources/views/auth/auth-two-steps-basic.blade.php @@ -0,0 +1,86 @@ +@php +$customizerHidden = 'customizer-hide'; +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Two Steps Verifications Basic - Pages') + +@section('vendor-style') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' +]) +@endsection + +@push('page-style') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss' +]) +@endsection + +@section('vendor-script') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' +]) +@endsection + +@push('page-script') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth.js', + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth-two-steps.js' +]) +@endpush + +@section('content') +
    +
    + +
    +
    + +
    + + + {{ config('koneko.templateName') }} + +
    + +

    Two Step Verification 💬

    +

    + We sent a verification code to your mobile. Enter the code from the mobile in the field below. + ******1234 +

    +

    Type your 6 digit security code

    +
    +
    +
    + + + + + + +
    + + +
    + +
    Didn't get the code? + + Resend + +
    + +
    +
    + +
    +
    +@endsection diff --git a/resources/views/auth/auth-two-steps-cover.blade.php b/resources/views/auth/auth-two-steps-cover.blade.php new file mode 100644 index 0000000..e1762ab --- /dev/null +++ b/resources/views/auth/auth-two-steps-cover.blade.php @@ -0,0 +1,96 @@ +@php +$customizerHidden = 'customizer-hide'; +$configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Two Steps Verifications Cover - Pages') + +@section('vendor-style') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' +]) +@endsection + +@push('page-style') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss' +]) +@endsection + +@section('vendor-script') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' +]) +@endsection + +@push('page-script') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth.js', + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth-two-steps.js' +]) +@endpush + +@section('content') +
    + + + + {{ config('koneko.templateName') }} + + +
    + + +
    +
    + auth-two-steps-cover + + auth-two-steps-cover +
    +
    + + + +
    +
    +

    Two Step Verification 💬

    +

    + We sent a verification code to your mobile. Enter the code from the mobile in the field below. + ******1234 +

    +

    Type your 6 digit security code

    +
    +
    +
    + + + + + + +
    + + +
    + +
    Didn't get the code? + + Resend + +
    + +
    +
    + +
    +
    +@endsection diff --git a/resources/views/auth/auth-verify-email-basic.blade.php b/resources/views/auth/auth-verify-email-basic.blade.php new file mode 100644 index 0000000..5f7a85c --- /dev/null +++ b/resources/views/auth/auth-verify-email-basic.blade.php @@ -0,0 +1,47 @@ +@php +$customizerHidden = 'customizer-hide'; +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Verify Email Basic - Pages') + +@push('page-style') + +@vite('vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss') +@endsection + +@section('content') +
    +
    + +
    +
    + +
    + + + {{ config('koneko.templateName') }} + +
    + +

    Verify your email ✉️

    +

    + Account activation link sent to your email address: hello@example.com Please follow the link inside to continue. +

    + + Skip for now + +

    Didn't get the mail? + + Resend + +

    +
    +
    + +
    +
    +@endsection diff --git a/resources/views/auth/auth-verify-email-cover.blade.php b/resources/views/auth/auth-verify-email-cover.blade.php new file mode 100644 index 0000000..14ebe31 --- /dev/null +++ b/resources/views/auth/auth-verify-email-cover.blade.php @@ -0,0 +1,57 @@ +@php +$customizerHidden = 'customizer-hide'; +$configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Verify Email Cover - Pages') + +@push('page-style') + +@vite('vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss') +@endsection + +@section('content') +
    + + + + {{ config('koneko.templateName') }} + + +
    + + +
    +
    + auth-verify-email-cover + + auth-verify-email-cover +
    +
    + + + +
    +
    +

    Verify your email ✉️

    +

    + Account activation link sent to your email address: hello@example.com Please follow the link inside to continue. +

    + + Skip for now + +

    Didn't get the mail? + + Resend + +

    +
    +
    + +
    +
    +@endsection diff --git a/resources/views/auth/forgot-password-basic.blade.php b/resources/views/auth/forgot-password-basic.blade.php new file mode 100644 index 0000000..5a02f77 --- /dev/null +++ b/resources/views/auth/forgot-password-basic.blade.php @@ -0,0 +1,97 @@ +@php + $customizerHidden = 'customizer-hide'; +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Recuperar Contraseña') + +@section('vendor-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' + ]) +@endsection + +@push('page-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss' + ]) +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' + ]) +@endsection + +@push('page-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth.js' + ]) +@endpush + +@section('content') +
    +
    +
    + +
    +
    + +
    + + + {{ $_admin['app_name'] }} + +
    + + +

    ¿Olvidaste tu Contraseña? 🔒

    +

    Ingresa tu correo electrónico y te enviaremos instrucciones para restablecer tu contraseña

    + + @if (session('status')) +
    + {{ session('status') }} +
    + @endif + +
    + @csrf +
    + + + @error('email') +
    + {{ $message }} +
    + @enderror +
    + + + +
    + + + Volver al Inicio de Sesión + +
    +
    +
    + +
    +
    +
    +@endsection diff --git a/resources/views/auth/forgot-password-cover.blade.php b/resources/views/auth/forgot-password-cover.blade.php new file mode 100644 index 0000000..4b0d9c2 --- /dev/null +++ b/resources/views/auth/forgot-password-cover.blade.php @@ -0,0 +1,104 @@ +@php + $customizerHidden = 'customizer-hide'; + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Recuperar Contraseña') + +@section('vendor-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' + ]) +@endsection + +@push('page-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss' + ]) +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' + ]) +@endsection + +@push('page-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth.js' + ]) +@endpush + +@section('content') +
    + + + + {{ $_admin['app_name'] }} + + +
    + + +
    +
    + Ilustración de recuperación de contraseña + + Fondo de recuperación de contraseña +
    +
    + + + +
    +
    +

    ¿Olvidaste tu Contraseña? 🔒

    +

    Ingresa tu correo electrónico y te enviaremos instrucciones para restablecer tu contraseña

    + + @if (session('status')) +
    + {{ session('status') }} +
    + @endif + +
    + @csrf +
    + + + @error('email') +
    + {{ $message }} +
    + @enderror +
    + + + +
    + + + Volver al Inicio de Sesión + +
    +
    +
    + +
    +
    +@endsection diff --git a/resources/views/auth/login-basic.blade.php b/resources/views/auth/login-basic.blade.php new file mode 100644 index 0000000..ff5236c --- /dev/null +++ b/resources/views/auth/login-basic.blade.php @@ -0,0 +1,134 @@ +@php +use Laravel\Fortify\Features; + + $customizerHidden = 'customizer-hide'; + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Iniciar sesión') + +@section('vendor-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/vendor/libs/@form-validation/form-validation.scss' + ]) +@endsection + +@push('page-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/scss/auth/page-auth.scss' + ]) +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/vendor/libs/@form-validation/auto-focus.js' + ]) +@endsection + +@push('page-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/vuexy-admin/js/auth/pages-auth.js' + ]) +@endpush + + +@section('content') +
    +
    +
    + +
    +
    + +
    + + + {{ $_admin['app_name'] }} + +
    + +

    ¡Bienvenido a {{ $_admin['app_name'] }}! 👋

    +

    Inicie sesión en su cuenta y comience la aventura

    + +
    + @csrf +
    + + + @error('email') + + {{ $message }} + + @enderror +
    +
    + +
    + + +
    + @error('password') + + {{ $message }} + + @enderror +
    +
    +
    +
    + + +
    + @if (Features::enabled(Features::resetPasswords())) + +

    ¿Olvidaste tu contraseña?

    +     + @endif +
    +
    +
    + +
    + + +

    + @if (Features::enabled(Features::registration())) + ¿Nuevo en nuestra plataforma? + + Crea una cuenta + + @endif +

    + +
    +
    o
    +
    + +
    + + + + + + + + + + + + +
    +
    +
    +
    +
    +
    +@endsection diff --git a/resources/views/auth/login-cover.blade.php b/resources/views/auth/login-cover.blade.php new file mode 100644 index 0000000..1604ca5 --- /dev/null +++ b/resources/views/auth/login-cover.blade.php @@ -0,0 +1,133 @@ +@php + use Laravel\Fortify\Features; + + $customizerHidden = 'customizer-hide'; + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Iniciar sesión') + +@section('vendor-style') + @vite('vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss') +@endsection + +@push('page-style') + @vite('vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss') +@endpush + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' + ]) +@endsection + +@push('page-script') + @vite('vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth.js') +@endpush + +@section('content') +
    + + + + {{ $_admin['app_name'] }} + + +
    + +
    +
    + auth-login-cover + auth-login-cover +
    +
    + + + +
    +
    +

    ¡Bienvenido a {{ $_admin['app_name'] }}! 👋

    +

    Inicie sesión en su cuenta y comience la aventura

    + +
    + @csrf +
    + + + @error('email') + + {{ $message }} + + @enderror +
    +
    + +
    + + +
    + @error('password') + + {{ $message }} + + @enderror +
    +
    +
    +
    + + +
    + @if (Features::enabled(Features::resetPasswords())) + +

    ¿Olvidaste tu contraseña?

    +     + @endif +
    +
    + + + +

    + @if (Features::enabled(Features::registration())) + ¿Nuevo en nuestra plataforma? + + Crea una cuenta + + @endif +

    + +
    +
    o
    +
    + +
    + + + + + + + + + + + + +
    +
    +
    + +
    +
    +@endsection diff --git a/resources/views/auth/register-basic.blade.php b/resources/views/auth/register-basic.blade.php new file mode 100644 index 0000000..3e6be29 --- /dev/null +++ b/resources/views/auth/register-basic.blade.php @@ -0,0 +1,151 @@ +@php + $customizerHidden = 'customizer-hide'; +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Registro de usuarios') + +@section('vendor-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' + ]) +@endsection + +@push('page-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss' + ]) +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' + ]) +@endsection + +@push('page-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth.js' + ]) +@endpush + +@section('content') +
    +
    +
    + + +
    +
    + +
    + + + {{ $_admin['app_name'] }} + +
    + +

    Empieza tu aventura 🚀

    +

    ¡Gestiona tu aplicación de manera sencilla y divertida!

    + +
    + @csrf +
    + + + @error('name') + + {{ $message }} + + @enderror +
    +
    + + + @error('email') + + {{ $message }} + + @enderror +
    +
    + +
    + + +
    + @error('password') + + {{ $message }} + + @enderror +
    +
    + +
    + + +
    + @error('password_confirmation') + + {{ $message }} + + @enderror +
    + +
    +
    +
    + + + @error('terms') + + {{ $message }} + + @enderror +
    +
    + + + +

    + ¿Ya tienes una cuenta? + + Inicia sesión + +

    + +
    +
    o
    +
    + +
    + + + + + + + + + + + + +
    +
    +
    + +
    +
    +
    +@endsection diff --git a/resources/views/auth/register-cover.blade.php b/resources/views/auth/register-cover.blade.php new file mode 100644 index 0000000..1097b6b --- /dev/null +++ b/resources/views/auth/register-cover.blade.php @@ -0,0 +1,132 @@ +@php + $customizerHidden = 'customizer-hide'; + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Registro de usuarios') + +@section('vendor-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' + ]) +@endsection + +@push('page-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss' + ]) +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' + ]) +@endsection + +@push('page-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth.js' + ]) +@endpush + +@section('content') +
    + + + + {{ $_admin['app_name'] }} + + + +
    + +
    +
    + registro-cubierta + registro-cubierta +
    +
    + + + +
    +
    +

    Empieza tu aventura 🚀

    +

    Gestiona tu aplicación de manera sencilla y divertida.

    + + +
    + @csrf +
    + + +
    +
    + + +
    +
    + +
    + + +
    +
    +
    + +
    + + +
    +
    + +
    +
    + + +
    +
    + + + +

    + ¿Ya tienes una cuenta? + + Iniciar sesión + +

    + +
    +
    o
    +
    + +
    + + + + + + + + + + + + +
    +
    +
    + +
    +
    +@endsection diff --git a/resources/views/auth/reset-password-basic.blade.php b/resources/views/auth/reset-password-basic.blade.php new file mode 100644 index 0000000..98100a5 --- /dev/null +++ b/resources/views/auth/reset-password-basic.blade.php @@ -0,0 +1,130 @@ +@php + $customizerHidden = 'customizer-hide'; +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Restablecer Contraseña') + +@section('vendor-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' + ]) +@endsection + +@push('page-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss' + ]) +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' + ]) +@endsection + +@push('page-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth.js' + ]) +@endpush + +@section('content') +
    +
    +
    + +
    +
    + +
    + + + {{ $_admin['app_name'] }} + +
    + +

    Restablecer Contraseña 🔒

    +

    Tu nueva contraseña debe ser diferente de las contraseñas utilizadas anteriormente

    + +
    + @csrf + + {{-- Token de restablecimiento de contraseña --}} + + +
    + + + + @error('email') +
    + {{ $message }} +
    + @enderror +
    + +
    + +
    + + + + @error('password') +
    + {{ $message }} +
    + @enderror +
    +
    + +
    + +
    + + +
    +
    + + + +
    + + + Volver al Inicio de Sesión + +
    + +
    +
    + +
    +
    +
    +@endsection diff --git a/resources/views/auth/reset-password-cover.blade.php b/resources/views/auth/reset-password-cover.blade.php new file mode 100644 index 0000000..0fd555d --- /dev/null +++ b/resources/views/auth/reset-password-cover.blade.php @@ -0,0 +1,137 @@ +@php + $customizerHidden = 'customizer-hide'; + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Restablecer Contraseña') + +@section('vendor-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' + ]) +@endsection + +@push('page-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/scss/pages/page-auth.scss' + ]) +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' + ]) +@endsection + +@push('page-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-auth.js' + ]) +@endpush + +@section('content') +
    + + + + {{ $_admin['app_name'] }} + + +
    + + +
    +
    + Ilustración de restablecimiento de contraseña + Fondo de restablecimiento de contraseña +
    +
    + + + +
    +
    +

    Restablecer Contraseña 🔒

    +

    Tu nueva contraseña debe ser diferente de las contraseñas utilizadas anteriormente

    + +
    + @csrf + + {{-- Token de restablecimiento de contraseña --}} + + +
    + + + + @error('email') +
    + {{ $message }} +
    + @enderror +
    + +
    + +
    + + + + @error('password') +
    + {{ $message }} +
    + @enderror +
    +
    + +
    + +
    + + +
    +
    + + + +
    + + + Volver al Inicio de Sesión + +
    + +
    +
    + +
    +
    +@endsection diff --git a/resources/views/cache-manager/index.blade.php b/resources/views/cache-manager/index.blade.php new file mode 100644 index 0000000..8350c85 --- /dev/null +++ b/resources/views/cache-manager/index.blade.php @@ -0,0 +1,41 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Ajustes de caché') + +@push('page-script') + @vite('vendor/koneko/laravel-vuexy-admin/resources/js/pages/cache-manager-scripts.js') +@endpush + +@section('content') +
    +
    +
    + @livewire('cache-stats') +
    +
    + @livewire('session-stats') +
    +
    +
    +
    + @livewire('cache-functions') +
    +
    + @if($configCache['redisInUse']) +
    +
    + @livewire('redis-stats') +
    +
    + @endif + @if($configCache['memcachedInUse']) +
    +
    + @livewire('memcached-stats') +
    +
    + @endif +
    +
    +
    +@endsection diff --git a/resources/views/components/button/basic.blade.php b/resources/views/components/button/basic.blade.php new file mode 100644 index 0000000..f4e84bb --- /dev/null +++ b/resources/views/components/button/basic.blade.php @@ -0,0 +1,63 @@ +@props([ + 'type' => 'button', // Tipo de botón: button, submit, reset (solo para botones) + 'href' => null, // URL si es un enlace + 'route' => null, // URL si es un enlace + 'target' => '_self', // Target del enlace (_self, _blank, etc.) + 'label' => '', // Texto del botón + 'size' => 'md', // Tamaño: xs, sm, md, lg, xl + 'variant' => 'primary', // Color del botón (primary, secondary, success, danger, warning, info, dark) + 'labelStyle' => false, // Usa `btn-label-*` + 'outline' => false, // Habilitar estilo outline + 'textStyle' => false, // Habilitar estilo de texto + 'rounded' => false, // Habilitar bordes redondeados + 'block' => false, // Convertir en botón de ancho completo + 'waves' => true, // Habilitar efecto Vuexy (waves-effect) + 'icon' => '', // Clases del ícono (ej: 'ti ti-home') + 'iconOnly' => false, // Botón solo con ícono + 'iconPosition' => 'left', // Posición del ícono: left, right + 'active' => false, // Activar estado de botón + 'disabled' => false, // Deshabilitar botón + 'attributes' => new \Illuminate\View\ComponentAttributeBag([]), // Atributos adicionales +]) + +@php + // Generar clases dinámicas + $classes = [ + 'btn', + $labelStyle ? "btn-label-$variant" : '', + $outline ? "btn-outline-$variant" : '', + $textStyle ? "btn-text-$variant" : '', + $labelStyle || $outline || $textStyle ? '' : "btn-$variant", + $rounded ? 'rounded-pill' : '', + $block ? 'd-block w-100' : '', + $waves ? 'waves-effect' : '', + $size !== 'md' ? "btn-$size" : '', + $active ? 'active' : '', + $disabled ? 'disabled' : '', + $iconOnly ? 'btn-icon' : '', + ]; +@endphp + +@if ($href || $route) + {{-- Si es un enlace --}} + merge(['class' => implode(' ', array_filter($classes)), 'href' => ($href?? route($route)), 'target' => $target]) }}> + @if ($icon && $iconPosition === 'left') + + @endif + {{ $label }} + @if ($icon && $iconPosition === 'right') + + @endif + +@else + {{-- Si es un botón --}} + +@endif diff --git a/resources/views/components/button/group.blade.php b/resources/views/components/button/group.blade.php new file mode 100644 index 0000000..d6a9658 --- /dev/null +++ b/resources/views/components/button/group.blade.php @@ -0,0 +1,46 @@ +@props([ + 'buttons' => [], // Lista de botones en formato de array + 'toolbar' => false, // Si es un grupo de botones estilo "toolbar" + 'nesting' => false, // Si hay un grupo anidado con dropdown + 'class' => '', // Clases adicionales +]) + +@php + // Determinar si es un toolbar o un grupo simple + $groupClass = $toolbar ? 'btn-toolbar' : 'btn-group'; +@endphp + +
    + @foreach($buttons as $button) + @if(isset($button['dropdown'])) + {{-- Botón con dropdown anidado --}} +
    + +
    + @foreach($button['dropdown'] as $dropdownItem) + + {{ $dropdownItem['label'] }} + + @endforeach +
    +
    + @else + {{-- Botón normal o ancla --}} + @if(isset($button['href'])) + + @if(isset($button['icon'])) @endif + {{ $button['label'] }} + + @else + + @endif + @endif + @endforeach +
    diff --git a/resources/views/components/button/index-off-canvas.blade.php b/resources/views/components/button/index-off-canvas.blade.php new file mode 100644 index 0000000..8de62cd --- /dev/null +++ b/resources/views/components/button/index-off-canvas.blade.php @@ -0,0 +1,30 @@ +@php + use Illuminate\Support\Str; +@endphp + +@props([ + 'label' => '', + 'tagName' => '', + 'icon' => 'ti ti-pencil-plus', +]) + +@php + $tagOffcanvas = ucfirst(Str::camel($tagName)); + $helperTag = Str::kebab($tagName); + + $ariaControls = "'offcanvas{$tagOffcanvas}"; + $dataBsToggle = 'offcanvas'; + $dataBsTarget = "#offcanvas{$tagOffcanvas}"; + $onclick = "window.formHelpers['{$helperTag}'].reloadOffcanvas('create')"; +@endphp + + diff --git a/resources/views/components/button/offcanvas-buttons.blade.php b/resources/views/components/button/offcanvas-buttons.blade.php new file mode 100644 index 0000000..4fa40e0 --- /dev/null +++ b/resources/views/components/button/offcanvas-buttons.blade.php @@ -0,0 +1,18 @@ +@props([ + 'tagName' => '', + 'mode' => 'create', +]) + +@php + $helperTag = Str::kebab($tagName); + + $onclick = "window.formHelpers['{$helperTag}'].reloadOffcanvas('reset')"; +@endphp + +
    + + +
    +@if($mode == 'delete') + +@endif diff --git a/resources/views/components/card/basic.blade.php b/resources/views/components/card/basic.blade.php new file mode 100644 index 0000000..6302a66 --- /dev/null +++ b/resources/views/components/card/basic.blade.php @@ -0,0 +1,76 @@ +@props([ + 'title' => '', + 'subtitle' => '', + 'image' => null, + 'bgColor' => '', // primary, secondary, success, danger, etc. + 'borderColor' => '', // primary, secondary, etc. + 'textColor' => 'text-dark', + 'shadow' => true, // true / false + 'dropdown' => [], // Opciones para el menú + 'footer' => '', + 'footerClass' => '', // Clase CSS personalizada para el footer + 'footerAlign' => 'start', // Alineación: start, center, end + 'footerButtons' => [], // Botones de acción + 'class' => 'mb-6', +]) + +@php + $cardClass = 'card ' . ($shadow ? '' : 'shadow-none') . ' ' . ($bgColor ? "bg-$bgColor text-white" : '') . ' ' . ($borderColor ? "border border-$borderColor" : '') . " $class"; + $footerAlignment = match ($footerAlign) { + 'center' => 'text-center', + 'end' => 'text-end', + default => 'text-start' + }; +@endphp + +
    + @if ($image) + Card image + @endif + + @if ($title || $subtitle || $dropdown) +
    +
    + @if ($title) +
    {{ $title }}
    + @endif + @if ($subtitle) +

    {{ $subtitle }}

    + @endif +
    + @if (!empty($dropdown)) +
    + +
    + @foreach ($dropdown as $item) + {{ $item['label'] }} + @endforeach +
    +
    + @endif +
    + @endif + +
    + {{ $slot }} +
    + + {{-- Footer flexible --}} + @if ($footer || !empty($footerButtons)) +
    + {{-- Slot de contenido directo en el footer --}} + @if ($footer) + {!! $footer !!} + @endif + + {{-- Generación dinámica de botones --}} + @foreach ($footerButtons as $button) + + {{ $button['label'] }} + + @endforeach +
    + @endif +
    diff --git a/resources/views/components/file/dropzone.blade.php b/resources/views/components/file/dropzone.blade.php new file mode 100644 index 0000000..c8d8dab --- /dev/null +++ b/resources/views/components/file/dropzone.blade.php @@ -0,0 +1,70 @@ +@props([ + // Identificador único + 'uid' => uniqid(), + + // Modelo para Livewire + 'model' => '', + + // Etiqueta y Texto de ayuda + 'message' => '', + 'note' => '', + + // Clases generales + 'size' => 'md', // Tamaño del textarea (xxs, xs, sm, md) + 'mb0' => false, // Remover margen inferior + 'parentClass' => '', +]) + +@php + // **Configuración de Name, ID y Model** + $livewireModel = $attributes->get('wire:model', $model); + $name = $attributes->get('name', $livewireModel); + $inputId = $attributes->get('id', $name . '_' . $uid); + + // **Manejo de errores** + $errorKey = $livewireModel ?: $name; + $hasError = $errors->has($errorKey); + $errorClass = $hasError ? 'is-invalid' : ''; + + // **Clases dinámicas** + $sizeClassDropzone = match ($size) { + 'sm' => 'dropzone-sm', + 'xs' => 'dropzone-xs', + 'md' => 'dropzone-md', + default => '', + }; + + $sizeClassButton = match ($size) { + 'sm' => 'btn-sm', + 'xs' => 'btn-xs', + default => '', + }; +@endphp + + +
    +
    +
    + @if ($size == 'sm' || $size == 'xs') +
    + + + + + {{ $message }} + {!! $note !!} + +
    + @else + {{ $message }} + {!! $note !!} + @endif +
    +
    + + + {{-- Mensaje de error --}} + @if ($hasError) + {{ $errors->first($errorKey) }} + @endif +
    diff --git a/resources/views/components/form/checkbox-group.blade.php b/resources/views/components/form/checkbox-group.blade.php new file mode 100644 index 0000000..59840ce --- /dev/null +++ b/resources/views/components/form/checkbox-group.blade.php @@ -0,0 +1,148 @@ +@props([ + // Identificador único + 'uid' => uniqid(), + + // Modelos para Livewire + 'checkboxModel' => '', + 'textModel' => '', + + // Etiqueta y clases de la etiqueta + 'label' => '', + 'labelClass' => '', + + // Clases generales + 'align' => 'start', + 'size' => '', // Tamaño del input (sm, lg) + 'mb0' => false, // Remover margen inferior + 'parentClass' => '', + + // Elementos opcionales antes/después del input + 'prefix' => null, + 'suffix' => null, + + // Íconos dentro del input + 'icon' => null, // Ícono fijo + 'clickableIcon' => null, // Ícono con botón + + // Configuración del checkbox + 'checked' => false, + 'disabled' => false, + + // Configuración del input de texto + 'disableOnOffCheckbox' => true, // Deshabilita input hasta que el checkbox esté activo + 'focusOnCheck' => true, // Hace foco en el input al activar el checkbox + + // Texto de ayuda + 'helperText' => '', + + // Atributos adicionales para el input de texto + 'attributes' => new \Illuminate\View\ComponentAttributeBag([]), +]) + +@php + // **Generación de Name, ID y Model** + $livewireCheckbox = $checkboxModel ? "wire:model=$checkboxModel" : ''; + $livewireText = $textModel ? "wire:model=$textModel" : ''; + + $nameCheckbox = $checkboxModel; + $nameText = $attributes->get('name', $textModel); + + $checkboxId = $attributes->get('id', 'chk_' . $uid); + $textInputId = 'txt_' . $uid; + + // **Placeholder del input de texto** + $placeholder = $attributes->get('placeholder', 'Ingrese información'); + + // **Clases dinámicas** + $sizeClass = match ($size) { + 'sm' => 'form-control-sm', + 'lg' => 'form-control-lg', + default => '', + }; + + $fullClass = trim("form-control $sizeClass"); + + // **Fusionar atributos del input de texto** + $inputAttributes = $attributes->merge([ + 'id' => $textInputId, + 'name' => $nameText, + 'placeholder' => $placeholder, + ])->class($fullClass); +@endphp + +{{-- ============================ CHECKBOX CON INPUT GROUP ============================ --}} +
    + @if ($label) + + @endif + +
    + {{-- Checkbox dentro del input-group-text --}} +
    + +
    + + {{-- Prefijo opcional --}} + @isset($prefix) + {{ $prefix }} + @endisset + + {{-- Ícono fijo opcional --}} + @isset($icon) + + @endisset + + {{-- Input de texto dentro del mismo grupo --}} + + + {{-- Sufijo opcional --}} + @isset($suffix) + {{ $suffix }} + @endisset + + {{-- Ícono clickeable opcional --}} + @isset($clickableIcon) + + @endisset +
    + + {{-- Texto de ayuda opcional --}} + @if ($helperText) +
    {{ $helperText }}
    + @endif +
    + +{{-- ============================ JAVASCRIPT PURO ============================ --}} + diff --git a/resources/views/components/form/checkbox.blade.php b/resources/views/components/form/checkbox.blade.php new file mode 100644 index 0000000..059efa1 --- /dev/null +++ b/resources/views/components/form/checkbox.blade.php @@ -0,0 +1,133 @@ +@props([ + // Identificador único + 'uid' => uniqid(), + + // Modelo de Livewire (si aplica) + 'model' => '', + + // Etiqueta y clases de la etiqueta + 'label' => '', + 'labelClass' => '', + + // Clases generales + 'align' => 'start', + 'size' => 'md', // Tamaño del checkbox/switch: sm, md, lg + 'mb0' => false, // Remover margen inferior + 'parentClass' => '', + + // Estilos del checkbox + 'switch' => false, // Cambiar a modo switch + 'switchType' => 'default', // 'default' o 'square' + 'color' => 'primary', // Bootstrap color: primary, secondary, success, danger, etc. + 'withIcon' => false, // Si el switch usa íconos en On/Off + + // Diseño de disposición + 'inline' => false, // Modo inline en lugar de bloque + + // Texto de ayuda + 'helperText' => '', + + // Atributos adicionales + 'attributes' => new \Illuminate\View\ComponentAttributeBag([]), +]) + +@php + // **Configuración de valores base** + $livewireModel = $attributes->get('wire:model', $model); + $name = $attributes->get('name', $livewireModel); + $inputId = $attributes->get('id', $name . '_' . $uid); + $checked = $attributes->get('checked', false); + $disabled = $attributes->get('disabled', false); + + // **Manejo de errores** + $errorKey = $livewireModel ?: $name; + $hasError = $errors->has($errorKey); + $errorClass = $hasError ? 'is-invalid' : ''; + + // **Clases dinámicas** + $alignClass = match ($align) { + 'center' => 'text-center', + 'end' => 'text-end', + default => '', + }; + + $sizeClass = match ($size) { + 'sm' => 'switch-sm', + 'lg' => 'switch-lg', + default => '', + }; + + $switchTypeClass = $switchType === 'square' ? 'switch-square' : ''; + $switchColorClass = "switch-{$color}"; + $checkColorClass = "form-check-{$color}"; + + // **Fusionar atributos con clases dinámicas** + $checkboxAttributes = $attributes->merge([ + 'id' => $inputId, + 'name' => $name, + 'type' => 'checkbox', + ]); + + // **Detectar si se usa input-group** + $requiresInputGroup = $attributes->get('inline'); +@endphp + +@if ($switch) + {{-- ============================ MODO SWITCH ============================ --}} +
    + + + {{-- Texto de ayuda y error --}} + @isset($helperText) +
    {{ $helperText }}
    + @endisset + @if ($hasError) + {{ $errors->first($errorKey) }} + @endif +
    + +@else + {{-- ============================ MODO CHECKBOX ============================ --}} +
    + class("form-check-input $errorClass")->toHtml() !!} + > + + + + {{-- Texto de ayuda y error --}} + @isset($helperText) +
    {{ $helperText }}
    + @endisset + @if ($hasError) + {{ $errors->first($errorKey) }} + @endif +
    +@endif diff --git a/resources/views/components/form/custom-option.blade.php b/resources/views/components/form/custom-option.blade.php new file mode 100644 index 0000000..e814ee8 --- /dev/null +++ b/resources/views/components/form/custom-option.blade.php @@ -0,0 +1,54 @@ +@props([ + 'uid' => uniqid(), + 'id' => '', + 'model' => '', + 'name' => '', + 'type' => 'checkbox', // checkbox o radio + 'title' => '', + 'description' => '', + 'icon' => null, // Clases de iconos (ej: ti ti-rocket) + 'image' => null, // URL de imagen + 'checked' => false, + 'disabled' => false, + 'helperText' => '', // Texto de ayuda opcional +]) + +@php + $livewireModel = $attributes->get('wire:model', $model); + $name = $name ?: $livewireModel; + $inputId = $id ?: ($uid ? $name . '_' . $uid : $name); + $errorClass = $errors->has($model) ? 'is-invalid' : ''; + $checkedAttribute = $checked ? 'checked' : ''; + $visualContent = $icon + ? "" + : ($image ? "{$title}" : ''); +@endphp + +
    + + + @if ($helperText) +
    {{ $helperText }}
    + @endif + + @error($model) + {{ $message }} + @enderror +
    diff --git a/resources/views/components/form/form.blade.php b/resources/views/components/form/form.blade.php new file mode 100644 index 0000000..3d75b77 --- /dev/null +++ b/resources/views/components/form/form.blade.php @@ -0,0 +1,48 @@ +@props([ + 'id' => uniqid(), // ID único del formulario + 'uniqueId' => '', // ID único del formulario + 'mode' => 'create', // Modo actual ('create', 'edit', 'delete') + 'method' => 'POST', // Método del formulario (POST, GET, PUT, DELETE) + 'action' => '', // URL de acción + 'enctype' => false, // Para envío de archivos + 'wireSubmit' => false, // Usar wire:submit.prevent + 'class' => '', // Clases adicionales para el formulario + 'actionPosition' => 'bottom', // Posición de acciones: top, bottom, both, none +]) + +@php + $formAttributes = [ + 'id' => $id, + 'method' => $method, + 'action' => $action, + 'class' => "fv-plugins-bootstrap5 $class", + ]; + + if ($wireSubmit) { + $formAttributes['wire:submit.prevent'] = $wireSubmit; + } + + if ($enctype) { + $formAttributes['enctype'] = 'multipart/form-data'; + } +@endphp + +
    merge($formAttributes) }}> + + + @if ($mode !== 'delete' && in_array($actionPosition, ['top', 'both'])) +
    +
    + {{ $actions ?? '' }} +
    + @endif +
    + {{ $slot }} +
    + @if (in_array($actionPosition, ['bottom', 'both'])) +
    +
    + {{ $actions ?? '' }} +
    + @endif + diff --git a/resources/views/components/form/input.blade copy.php b/resources/views/components/form/input.blade copy.php new file mode 100644 index 0000000..6f0f635 --- /dev/null +++ b/resources/views/components/form/input.blade copy.php @@ -0,0 +1,184 @@ +@props([ + 'uid' => uniqid(), + + + 'model' => '', + + + 'label' => '', + 'labelClass' => '', + + + 'class' => '', + + 'align' => 'start', + 'size' => '', + 'mb-0' => false, + + + + + + 'parentClass' => '', + + + 'prefix' => null, + 'suffix' => null, + + 'icon' => null, + 'clickableIcon' => null, + + 'inline' => false, + + 'labelCol' => 4, + 'inputCol' => 8, + + 'floatLabel' => false, + 'helperText' => '', + + 'attributes' => new \Illuminate\View\ComponentAttributeBag([]), // Atributos adicionales +]) + +@php + // Configuración dinámica de atributos y clases CSS + $livewireModel = $attributes->get('wire:model', $model); // Permitir uso directo de wire:model en el atributo + $name = $name ?: $livewireModel; // Si no se proporciona el nombre, toma el nombre del modelo + $inputId = $id ?: ($uid ? $name . '_' . $uid : $name); // ID generado si no se proporciona uno + + + // Obtener los atributos actuales en un array + $attributesArray = array_merge([ + 'type' => $type, + 'id' => $inputId, + 'name' => $name, + ]); + + + // Agregar wire:model solo si existe + if ($livewireModel) { + $attributesArray['wire:model'] = $livewireModel; + } + + + $attributesArray = array_merge($attributesArray, $attributes->getAttributes()); + + + // Reconstruir el ComponentAttributeBag con los atributos modificados + $inputAttributes = new \Illuminate\View\ComponentAttributeBag($attributesArray); + + dump($inputAttributes); + + + // Manejo de errores de validación + $errorKey = $livewireModel ?: $name; + $errorClass = $errors->has($errorKey) ? 'is-invalid' : ''; + + // Definir el tamaño del input basado en la clase seleccionada + $sizeClass = $size === 'small' ? 'form-control-sm' : ($size === 'large' ? 'form-control-lg' : ''); + + // Alineación del texto + $alignClass = match ($align) { + 'center' => 'text-center', + 'end' => 'text-end', + default => '' + }; + + // Clases combinadas para el input + $fullClass = trim("form-control $sizeClass $alignClass $errorClass $class"); + + // Detectar si se necesita usar input-group + $requiresInputGroup = $prefix || $suffix || $icon || $clickableIcon; +@endphp + +{{-- Input oculto sin estilos --}} +@if($type === 'hidden') + +@elseif($floatLabel) + {{-- Input con etiqueta flotante --}} +
    + + + + @if ($helperText) +
    {{ $helperText }}
    + @endif + + @if ($errors->has($errorKey)) + {{ $errors->first($errorKey) }} + @endif +
    +@else + {{-- Input con formato clásico --}} +
    + @isset($label) + + @endisset +
    + @if ($requiresInputGroup) +
    + @if ($prefix) + {{ $prefix }} + @endif + @if ($icon) + + @endif + + @if ($suffix) + {{ $suffix }} + @endif + @if ($clickableIcon) + + @endif +
    + @else + {{-- Input sin prefijo o íconos --}} + + @endif + @if ($helperText) + {{ $helperText }} + @endif + @if ($errors->has($errorKey)) + {{ $errors->first($errorKey) }} + @endif +
    +
    +@endif diff --git a/resources/views/components/form/input.blade.php b/resources/views/components/form/input.blade.php new file mode 100644 index 0000000..0e6b77e --- /dev/null +++ b/resources/views/components/form/input.blade.php @@ -0,0 +1,169 @@ +@props([ + // Identificador único + 'uid' => uniqid(), + + // Modelo de Livewire + 'model' => '', + + // Etiqueta y Clases + 'label' => '', + 'labelClass' => '', + 'placeholder' => '', + + // Clases Generales + 'align' => 'start', + 'size' => '', // Tamaño del input (sm, lg) + 'mb0' => false, // Remover margen inferior + 'parentClass' => '', + + // Elementos opcionales antes/después del input + 'prefix' => null, + 'suffix' => null, + + // Íconos dentro del input + 'icon' => null, + 'clickableIcon' => null, + + // Configuración especial + 'phoneMode' => false, // "national", "international", "both" + + // Diseño de disposición (columnas) + 'inline' => false, + 'labelCol' => 4, + 'inputCol' => 8, + + // Configuración de etiquetas flotantes y texto de ayuda + 'floatLabel' => false, + 'helperText' => '', + + // Atributos adicionales + 'attributes' => new \Illuminate\View\ComponentAttributeBag([]), +]) + +@php + // **Configuración de Name, ID y Model** + $livewireModel = $attributes->get('wire:model', $model); + $name = $attributes->get('name', $livewireModel); + $inputId = $attributes->get('id', $name . '_' . $uid); + $type = $attributes->get('type', 'text'); + + // **Definir formato de teléfono según `phoneMode`** + if ($phoneMode) { + $type = 'tel'; + $attributes = $attributes->merge([ + 'autocomplete' => 'tel', + 'inputmode' => 'tel', + ]); + + switch ($phoneMode) { + case 'national': + $attributes = $attributes->merge([ + 'pattern' => '^(?:\D*\d){10,}$', + 'placeholder' => $placeholder !== false ? ($placeholder ?: 'Ej. (55) 1234-5678') : null, + ]); + break; + + case 'international': + $attributes = $attributes->merge([ + 'pattern' => '^\+?[1-9]\d{1,14}$', + 'placeholder' => $placeholder !== false ? ($placeholder ?: 'Ej. +52 1 55 1234-5678') : null, + ]); + break; + + case 'both': + $attributes = $attributes->merge([ + 'pattern' => '(^(?:\D*\d){10,}$)|(^\+?[1-9]\d{1,14}$)', + 'placeholder' => $placeholder !== false ? ($placeholder ?: 'Ej. (55) 1234-5678 o +52 1 55 1234-5678') : null, + ]); + break; + } + } + + // **Manejo del Placeholder si no lo estableció `phoneMode`** + if (!$attributes->has('placeholder')) { + if ($placeholder === false) { + // No agregar `placeholder` + $placeholderAttr = []; + } elseif (empty($placeholder)) { + // Generar automáticamente desde el `label` + $placeholderAttr = ['placeholder' => 'Ingrese ' . strtolower($label)]; + } else { + // Usar `placeholder` definido manualmente + $placeholderAttr = ['placeholder' => $placeholder]; + } + + // Fusionar el placeholder si no fue definido en `phoneMode` + $attributes = $attributes->merge($placeholderAttr); + } + + // **Manejo de errores** + $errorKey = $livewireModel ?: $name; + $hasError = $errors->has($errorKey); + $errorClass = $hasError ? 'is-invalid' : ''; + + // **Clases dinámicas** + $sizeClass = match ($size) { + 'sm' => 'form-control-sm', + 'lg' => 'form-control-lg', + default => '', + }; + + $alignClass = match ($align) { + 'center' => 'text-center', + 'end' => 'text-end', + default => '', + }; + + // **Fusionar atributos** + $inputAttributes = $attributes->merge([ + 'type' => $type, + 'id' => $inputId, + 'name' => $name, + ])->class("form-control $sizeClass $alignClass $errorClass"); +@endphp + +{{-- Estructura del Input --}} +
    + {{-- Etiqueta --}} + @if ($label) + + @endif + + {{-- Input con Prefijos, Sufijos o Íconos --}} + @if ($prefix || $suffix || $icon || $clickableIcon) +
    + @isset($prefix) + {{ $prefix }} + @endisset + + @isset($icon) + + @endisset + + + + @isset($suffix) + {{ $suffix }} + @endisset + + @isset($clickableIcon) + + @endisset +
    + @else + {{-- Input Simple --}} + + @endif + + {{-- Texto de ayuda --}} + @if ($helperText) +
    {{ $helperText }}
    + @endif + + {{-- Mensajes de error --}} + @if ($hasError) + {{ $errors->first($errorKey) }} + @endif +
    diff --git a/resources/views/components/form/radio-group.blade.php b/resources/views/components/form/radio-group.blade.php new file mode 100644 index 0000000..23ddab2 --- /dev/null +++ b/resources/views/components/form/radio-group.blade.php @@ -0,0 +1,149 @@ +@props([ + // Identificador único + 'uid' => uniqid(), + + // Modelos para Livewire + 'radioModel' => '', + 'textModel' => '', + + // Etiqueta y clases de la etiqueta + 'label' => '', + 'labelClass' => '', + + // Clases generales + 'align' => 'start', + 'size' => '', // Tamaño del input (sm, lg) + 'mb0' => false, // Remover margen inferior + 'parentClass' => '', + + // Elementos opcionales antes/después del input + 'prefix' => null, + 'suffix' => null, + + // Íconos dentro del input + 'icon' => null, // Ícono fijo + 'clickableIcon' => null, // Ícono con botón + + // Configuración del radio + 'checked' => false, + 'disabled' => false, + 'name' => '', // Grupo del radio + + // Configuración del input de texto + 'disableOnOffRadio' => true, // Deshabilita input hasta que el radio esté seleccionado + 'focusOnCheck' => true, // Hace foco en el input al seleccionar el radio + + // Texto de ayuda + 'helperText' => '', + + // Atributos adicionales para el input de texto + 'attributes' => new \Illuminate\View\ComponentAttributeBag([]), +]) + +@php + // **Generación de Name, ID y Model** + $livewireRadio = $radioModel ? "wire:model=$radioModel" : ''; + $livewireText = $textModel ? "wire:model=$textModel" : ''; + + $nameRadio = $attributes->get('name', $radioModel ?: $name); + $nameText = $attributes->get('name', $textModel); + + $radioId = $attributes->get('id', 'radio_' . $uid); + $textInputId = 'txt_' . $uid; + + // **Placeholder del input de texto** + $placeholder = $attributes->get('placeholder', 'Ingrese información'); + + // **Clases dinámicas** + $sizeClass = match ($size) { + 'sm' => 'form-control-sm', + 'lg' => 'form-control-lg', + default => '', + }; + + $fullClass = trim("form-control $sizeClass"); + + // **Fusionar atributos del input de texto** + $inputAttributes = $attributes->merge([ + 'id' => $textInputId, + 'name' => $nameText, + 'placeholder' => $placeholder, + ])->class($fullClass); +@endphp + +{{-- ============================ RADIO BUTTON CON INPUT GROUP ============================ --}} +
    + @if ($label) + + @endif + +
    + {{-- Radio dentro del input-group-text --}} +
    + +
    + + {{-- Prefijo opcional --}} + @isset($prefix) + {{ $prefix }} + @endisset + + {{-- Ícono fijo opcional --}} + @isset($icon) + + @endisset + + {{-- Input de texto dentro del mismo grupo --}} + + + {{-- Sufijo opcional --}} + @isset($suffix) + {{ $suffix }} + @endisset + + {{-- Ícono clickeable opcional --}} + @isset($clickableIcon) + + @endisset +
    + + {{-- Texto de ayuda opcional --}} + @if ($helperText) +
    {{ $helperText }}
    + @endif +
    + +{{-- ============================ JAVASCRIPT PURO ============================ --}} + diff --git a/resources/views/components/form/radio.blade.php b/resources/views/components/form/radio.blade.php new file mode 100644 index 0000000..afaf38e --- /dev/null +++ b/resources/views/components/form/radio.blade.php @@ -0,0 +1,125 @@ +@props([ + // Identificador único + 'uid' => uniqid(), + + // Modelo de Livewire (si aplica) + 'model' => '', + + // Etiqueta y clases de la etiqueta + 'label' => '', + 'labelClass' => '', + + // Clases generales + 'align' => 'start', + 'size' => '', // Tamaño del radio (sm, lg) + 'mb0' => false, // Remover margen inferior + 'parentClass' => '', + + // Modo de visualización + 'switch' => false, // Convertir en switch + 'switchType' => 'default', // 'default' o 'square' + 'color' => 'primary', // Colores personalizados (Bootstrap) + 'stacked' => false, // Apilar radios en lugar de inline + 'inline' => false, // Mostrar radios en línea + + // Texto de ayuda + 'helperText' => '', + + // Atributos adicionales + 'attributes' => new \Illuminate\View\ComponentAttributeBag([]), +]) + +@php + // **Configuración de valores base** + $livewireModel = $attributes->get('wire:model', $model); + $name = $attributes->get('name', $livewireModel); + $inputId = $attributes->get('id', $name . '_' . $uid); + $checked = $attributes->get('checked', false); + $disabled = $attributes->get('disabled', false); + + // **Manejo de errores** + $errorKey = $livewireModel ?: $name; + $hasError = $errors->has($errorKey); + $errorClass = $hasError ? 'is-invalid' : ''; + + // **Clases dinámicas** + $alignClass = match ($align) { + 'center' => 'text-center', + 'end' => 'text-end', + default => '', + }; + + $sizeClass = match ($size) { + 'sm' => 'form-check-sm', + 'lg' => 'form-check-lg', + default => '', + }; + + $switchTypeClass = $switchType === 'square' ? 'switch-square' : ''; + $switchColorClass = "switch-{$color}"; + $radioColorClass = "form-check-{$color}"; + + // **Fusionar atributos con clases dinámicas** + $radioAttributes = $attributes->merge([ + 'id' => $inputId, + 'name' => $name, + 'type' => 'radio', + ]); + + // **Detectar si se usa `inline` o `stacked`** + $layoutClass = $stacked ? 'switches-stacked' : 'form-check'; +@endphp + +@if ($switch) + {{-- ============================ MODO SWITCH ============================ --}} +
    + + + {{-- Texto de ayuda y error --}} + @isset($helperText) +
    {{ $helperText }}
    + @endisset + @if ($hasError) + {{ $errors->first($errorKey) }} + @endif +
    + +@else + {{-- ============================ MODO RADIO ============================ --}} +
    + class("form-check-input $errorClass")->toHtml() !!} + > + + + + {{-- Texto de ayuda y error --}} + @isset($helperText) +
    {{ $helperText }}
    + @endisset + @if ($hasError) + {{ $errors->first($errorKey) }} + @endif +
    +@endif diff --git a/resources/views/components/form/select.blade copy.php b/resources/views/components/form/select.blade copy.php new file mode 100644 index 0000000..2617c07 --- /dev/null +++ b/resources/views/components/form/select.blade copy.php @@ -0,0 +1,86 @@ +@props([ + 'uid' => uniqid(), + 'id' => '', + 'model' => '', + 'name' => '', + 'label' => '', + 'labelClass' => 'form-label', + 'placeholder' => '', + 'options' => [], + 'selected' => null, + 'class' => '', + 'parentClass' => '', + 'multiple' => false, + 'disabled' => false, + 'prefixLabel' => null, + 'suffixLabel' => null, + 'buttonBefore' => null, + 'buttonAfter' => null, + 'inline' => false, // Si es en línea + 'labelCol' => 2, // Columnas que ocupa el label (Bootstrap grid) + 'inputCol' => 10, // Columnas que ocupa el input (Bootstrap grid) + 'helperText' => '', // Texto de ayuda opcional + 'select2' => false, // Activar Select2 automáticamente +]) + +@php + $name = $name ?: $model; + $inputId = $id ?: ($uid ? str_replace('.', '_', $name) . '_' . $uid : $name); + $placeholder = $placeholder ?: 'Seleccione ' . strtolower($label); + $errorClass = $errors->has($model) ? 'is-invalid' : ''; + $options = is_array($options) ? collect($options) : $options; + $select2Class = $select2 ? 'select2' : ''; // Agrega la clase select2 si está habilitado +@endphp + +
    + @if($label != null) + + @endif + +
    +
    + @if ($buttonBefore) + + @endif + + @if ($prefixLabel) + + @endif + + + + @if ($suffixLabel) + + @endif + + @if ($buttonAfter) + + @endif +
    + + @if ($helperText) +
    {{ $helperText }}
    + @endif + + @if ($errors->has($model)) + {{ $errors->first($model) }} + @endif +
    +
    diff --git a/resources/views/components/form/select.blade.php b/resources/views/components/form/select.blade.php new file mode 100644 index 0000000..87576cf --- /dev/null +++ b/resources/views/components/form/select.blade.php @@ -0,0 +1,151 @@ +@props([ + // Identificador único + 'uid' => uniqid(), + + // Modelo de Livewire (si aplica) + 'model' => '', + + // Etiqueta y clases de la etiqueta + 'label' => '', + 'labelClass' => '', + + // Clases generales + 'align' => 'start', + 'size' => '', // Tamaño del select (small, large) + 'mb0' => false, // Remover margen inferior + 'parentClass' => '', + + // Activar Select2 automáticamente + 'select2' => false, + + // Prefijos y sufijos en input-group + 'prefixLabel' => null, + 'suffixLabel' => null, + 'buttonBefore' => null, + 'buttonAfter' => null, + + // Diseño de disposición (columnas) + 'inline' => false, + 'labelCol' => 4, + 'inputCol' => 8, + + // Texto de ayuda + 'helperText' => '', + + // Opciones del select + 'options' => [], + + // Atributos adicionales + 'attributes' => new \Illuminate\View\ComponentAttributeBag([]), +]) + +@php + // **Configuración de valores base** + $livewireModel = $attributes->get('wire:model', $model); + $name = $attributes->get('name', $livewireModel); + $inputId = $attributes->get('id', $name . '_' . $uid); + $placeholder = $attributes->get('placeholder', 'Seleccione ' . strtolower($label)); + $selected = $attributes->get('selected', null); + + // **Manejo de errores** + $errorKey = $livewireModel ?: $name; + $hasError = $errors->has($errorKey); + $errorClass = $hasError ? 'is-invalid' : ''; + + // **Clases dinámicas** + $select2Class = $select2 ? 'select2' : ''; // Agrega la clase `select2` si está habilitado + $sizeClass = match ($size) { + 'sm' => 'form-select-sm', + 'lg' => 'form-select-lg', + default => '', + }; + $alignClass = match ($align) { + 'center' => 'text-center', + 'end' => 'text-end', + default => '', + }; + + // **Construcción de clases dinámicas** + $fullClass = trim("form-select $select2Class $sizeClass $alignClass $errorClass"); + $fullLabelClass = trim(($inline ? 'col-form-label col-md-' . $labelCol : 'form-label') . ' ' . $labelClass); + $containerClass = trim(($inline ? 'row' : '') . ' fv-row ' . ($mb0 ? '' : 'mb-4') . " $alignClass $parentClass"); + + // **Fusionar atributos con clases dinámicas** + $selectAttributes = $attributes->merge([ + 'id' => $inputId, + 'name' => $name, + ])->class($fullClass); + + // **Detectar si se necesita input-group** + $requiresInputGroup = $prefixLabel || $suffixLabel || $buttonBefore || $buttonAfter; +@endphp + +
    + {{-- Etiqueta del select --}} + @if($label) + + @endif + + @if($inline) +
    + @endif + + {{-- Input Group (Si tiene prefijo/sufijo) --}} + @if ($requiresInputGroup) +
    + @isset($buttonBefore) + + @endisset + + @if($prefixLabel) + + @endif + + {{-- Select --}} + + + @if($suffixLabel) + + @endif + + @isset($buttonAfter) + + @endisset +
    + @else + {{-- Select sin prefijo/sufijo --}} + + @endif + + {{-- Texto de ayuda --}} + @isset($helperText) +
    {{ $helperText }}
    + @endisset + + {{-- Errores de validación --}} + @if ($hasError) + {{ $errors->first($errorKey) }} + @endif + + @if($inline) +
    + @endif +
    diff --git a/resources/views/components/form/textarea.blade.php b/resources/views/components/form/textarea.blade.php new file mode 100644 index 0000000..9234034 --- /dev/null +++ b/resources/views/components/form/textarea.blade.php @@ -0,0 +1,178 @@ +@props([ + // Identificador único + 'uid' => uniqid(), + + // Modelo para Livewire + 'model' => '', + + // Etiqueta y clases de la etiqueta + 'label' => '', + 'labelClass' => '', + + // Clases generales + 'align' => 'start', // Alineación del textarea (start, end) + 'size' => 'md', // Tamaño del textarea (sm, md, lg) + 'mb0' => false, // Remover margen inferior + 'parentClass' => '', + + // Elementos opcionales antes/después del textarea + 'prefix' => null, + 'suffix' => null, + + // Íconos dentro del input + 'prefixIcon' => null, // Ícono fijo a la izquierda + 'prefixClickableIcon' => null, // Ícono con botón a la izquierda + 'suffixIcon' => null, // Ícono fijo a la derecha + 'suffixClickableIcon' => null, // Ícono con botón a la derecha + + // Configuración del textarea + 'rows' => 3, + 'maxlength' => null, + 'autosize' => false, // Autoajuste de altura + 'resize' => true, // Permitir redimensionar + + // Soporte para etiquetas flotantes + 'floating' => false, // Si la etiqueta es flotante + + // Texto de ayuda + 'helperText' => '', + + // Atributos adicionales para el textarea + 'attributes' => new \Illuminate\View\ComponentAttributeBag([]), +]) + +@php + // **Generación de Name, ID y Model** + $livewireModel = $attributes->get('wire:model', $model); + $name = $attributes->get('name', $livewireModel); + $inputId = $attributes->get('id', $name . '_' . $uid); + + // **Placeholder obligatorio si es flotante** + $placeholder = $attributes->get('placeholder', $floating ? ' ' : 'Ingrese ' . strtolower($label)); + + // **Manejo de errores** + $errorKey = $livewireModel ?: $name; + $hasError = $errors->has($errorKey); + $errorClass = $hasError ? 'is-invalid' : ''; + + // **Clases dinámicas** + $sizeClass = match ($size) { + 'sm' => 'form-control-sm', + 'lg' => 'form-control-lg', + default => '', + }; + + $alignClass = match ($align) { + 'center' => 'text-center', + 'end' => 'text-end', + default => '', + }; + + // **Control de redimensionamiento** + $resizeClass = $resize ? '' : 'resize-none'; + + // **Fusionar atributos del textarea** + $textareaAttributes = $attributes->merge([ + 'id' => $inputId, + 'name' => $name, + 'rows' => $rows, + 'placeholder' => $placeholder, + 'maxlength' => $maxlength, + ])->class("form-control $sizeClass $resizeClass $errorClass"); + + // **Clases del contenedor flotante** + $floatingClass = $floating ? 'form-floating' : ''; + + // **Detectar si necesita Input-Group** + $requiresInputGroup = $prefix || $suffix || $prefixIcon || $suffixIcon || $prefixClickableIcon || $suffixClickableIcon; +@endphp + +{{-- ============================ TEXTAREA ============================ --}} +
    + @if (!$floating && $label) + + @endif + + @if ($requiresInputGroup) + {{-- Textarea con Input-Group --}} +
    + {{-- Prefijos (Izquierda) --}} + @if ($prefix) + {{ $prefix }} + @endif + + @if ($prefixIcon) + + @endif + + @if ($prefixClickableIcon) + + @endif + + {{-- Textarea --}} + + + {{-- Sufijos (Derecha) --}} + @if ($suffixClickableIcon) + + @endif + + @if ($suffixIcon) + + @endif + + @if ($suffix) + {{ $suffix }} + @endif +
    + @else + {{-- Textarea simple o flotante --}} + + @endif + + {{-- Etiqueta flotante --}} + @if ($floating) + + @endif + + {{-- Longitud máxima permitida --}} + @if ($maxlength) + Máximo {{ $maxlength }} caracteres + @endif + + {{-- Texto de ayuda --}} + @if ($helperText) +
    {{ $helperText }}
    + @endif + + {{-- Mensaje de error --}} + @if ($hasError) + {{ $errors->first($errorKey) }} + @endif +
    + +{{-- ============================ JAVASCRIPT PARA AUTOSIZE ============================ --}} +@if ($autosize) + +@endif diff --git a/resources/views/components/offcanvas/basic.blade.php b/resources/views/components/offcanvas/basic.blade.php new file mode 100644 index 0000000..5cfdc7e --- /dev/null +++ b/resources/views/components/offcanvas/basic.blade.php @@ -0,0 +1,78 @@ +@php + use Illuminate\Support\Str; +@endphp + +@props([ + 'id' => '', // ID único para el offcanvas + 'title' => '', // Título del offcanvas + 'position' => 'end', // Posición: 'start', 'end', 'top', 'bottom' + 'size' => 'md', // Tamaño: sm, md, lg, xl + 'backdrop' => true, // Si se debe mostrar backdrop + 'wireIgnore' => true, // Ignorar eventos wire (Livewire) + 'listener' => '', // Nombre del listener para reload + 'tagName' => '', // Etiqueta del formHelpers +]) + +@php + $offcanvasClasses = "offcanvas offcanvas-{$position}"; + + $offcanvasSize = match ($size) { + 'sm' => 'offcanvas-sm', + 'lg' => 'offcanvas-lg', + 'xl' => 'offcanvas-xl', + default => '', + }; + + $helperTag = Str::kebab($tagName); +@endphp + +
    + + {{-- HEADER --}} +
    +
    {{ $title }}
    + +
    + + {{-- BODY --}} +
    + {{ $slot }} +
    + + {{-- FOOTER SLOT OPCIONAL --}} + @if (isset($footer)) +
    + {{ $footer }} +
    + @endif +
    + +@push('page-script') + +@endpush diff --git a/resources/views/components/table/bootstrap/manager.blade.php b/resources/views/components/table/bootstrap/manager.blade.php new file mode 100644 index 0000000..2be36da --- /dev/null +++ b/resources/views/components/table/bootstrap/manager.blade.php @@ -0,0 +1,66 @@ +@php + use Illuminate\Support\Str; +@endphp + +@props([ + 'id' => uniqid(), + 'tagName' => '', + 'datatableConfig' => [], + 'routes' => [], + 'noFilterButtons' => false +]) + +@php + if($tagName) + $id = 'bt-' . Str::kebab($tagName) . 's'; +@endphp + +
    + {{-- Contenedor de notificaciones --}} +
    + + {{-- Toolbar con filtros, agrupación y herramientas --}} +
    +
    + {{ $tools ?? '' }} + + @isset($filterButtons) + {{ $filterButtons }} + + @elseif($noFilterButtons == false) +
    + +
    +
    + +
    +
    + +
    + @endisset + + {{ $postTools ?? '' }} + +
    +
    + + {{-- Tabla con Bootstrap Table --}} +
    + + +@push('page-script') + + @isset($routes) + + @endisset +@endpush diff --git a/resources/views/errors/400.blade.php b/resources/views/errors/400.blade.php new file mode 100644 index 0000000..27b6ffa --- /dev/null +++ b/resources/views/errors/400.blade.php @@ -0,0 +1,38 @@ +@php + $customizerHidden = 'customizer-hide'; + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', '400 Bad Request') + +@push('page-style') + + @vite(['/resources/scss/pages/page-misc.scss']) +@endsection + +@section('content') + +
    +
    +

    400

    +

    Solicitud incorrecta ⚠️

    +

    + @if (!empty($exception->getMessage())) + {{ __($exception->getMessage()) }} + @else + {{ __('errors.bad_request') }} + @endif +

    + Regresar al inicio +
    + page-misc-error +
    +
    +
    +
    + page-misc-error +
    + +@endsection diff --git a/resources/views/errors/401.blade.php b/resources/views/errors/401.blade.php new file mode 100644 index 0000000..a2d55e3 --- /dev/null +++ b/resources/views/errors/401.blade.php @@ -0,0 +1,38 @@ +@php + $customizerHidden = 'customizer-hide'; + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', '401 Unauthorized') + +@push('page-style') + + @vite(['/resources/scss/pages/page-misc.scss']) +@endsection + +@section('content') + +
    +
    +

    401

    +

    ¡No estás autorizado! 🔐

    +

    + @if (!empty($exception->getMessage())) + {{ __($exception->getMessage()) }} + @else + {{ __('errors.unauthorized') }} + @endif +

    + Regresar al inicio +
    + page-misc-not-authorized +
    +
    +
    +
    + page-misc-not-authorized +
    + +@endsection diff --git a/resources/views/errors/403.blade.php b/resources/views/errors/403.blade.php new file mode 100644 index 0000000..9a4246a --- /dev/null +++ b/resources/views/errors/403.blade.php @@ -0,0 +1,38 @@ +@php + $customizerHidden = 'customizer-hide'; + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', '403 Forbidden') + +@push('page-style') + + @vite(['/resources/scss/pages/page-misc.scss']) +@endsection + +@section('content') + +
    +
    +

    403

    +

    ¡No estás autorizado! 🔐

    +

    + @if (!empty($exception->getMessage())) + {{ __($exception->getMessage()) }} + @else + {{ __('errors.forbidden') }} + @endif +

    + Regresar al inicio +
    + page-misc-not-authorized +
    +
    +
    +
    + page-misc-not-authorized +
    + +@endsection diff --git a/resources/views/errors/404.blade.php b/resources/views/errors/404.blade.php new file mode 100644 index 0000000..dc83f27 --- /dev/null +++ b/resources/views/errors/404.blade.php @@ -0,0 +1,34 @@ +@php + $customizerHidden = 'customizer-hide'; + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', '404 Not Found') + +@push('page-style') + + @vite(['/resources/scss/pages/page-misc.scss']) +@endsection + +@section('content') + +
    +
    +

    404

    +

    Página no encontrada ⚠️

    +

    + {{ __('errors.page_not_found') }} +

    + Regresar al inicio +
    + page-misc-error +
    +
    +
    +
    + page-misc-error +
    + +@endsection diff --git a/resources/views/layouts/vuexy/blankLayout.blade.php b/resources/views/layouts/vuexy/blankLayout.blade.php new file mode 100644 index 0000000..131634e --- /dev/null +++ b/resources/views/layouts/vuexy/blankLayout.blade.php @@ -0,0 +1,17 @@ +@isset($pageConfigs) +{!! Helper::updatePageConfig($pageConfigs) !!} +@endisset +@php +$configData = Helper::appClasses(); + +/* Display elements */ +$customizerHidden = ($customizerHidden ?? ''); +@endphp + +@extends('vuexy-admin::layouts.vuexy.commonMaster' ) + +@section('layoutContent') + + @yield('content') + +@endsection diff --git a/resources/views/layouts/vuexy/commonMaster.blade.php b/resources/views/layouts/vuexy/commonMaster.blade.php new file mode 100644 index 0000000..374f081 --- /dev/null +++ b/resources/views/layouts/vuexy/commonMaster.blade.php @@ -0,0 +1,58 @@ + +@php +use Illuminate\Support\Facades\Route; + +$menuFixed = ($configData['layout'] === 'vertical') ? ($menuFixed ?? '') : (($configData['layout'] === 'front') ? '' : $configData['headerType']); +$navbarType = ($configData['layout'] === 'vertical') ? ($configData['navbarType'] ?? '') : (($configData['layout'] === 'front') ? 'layout-navbar-fixed': ''); +$isFront = ($isFront ?? '') == true ? 'Front' : ''; +$contentLayout = (isset($container) ? (($container === 'container-xxl') ? "layout-compact" : "layout-wide") : ""); +@endphp + + + + + + + + @hasSection('title') @yield('title') | @endif {{ $_admin['title'] }} + + + + + + + + + + + + + + + + @include('vuexy-admin::layouts.vuexy.sections.styles' . $isFront) + + + + @include('vuexy-admin::layouts.vuexy.sections.scriptsIncludes' . $isFront) + + + + @yield('layoutContent') + + + + + @include('vuexy-admin::layouts.vuexy.sections.scripts' . $isFront) + + diff --git a/resources/views/layouts/vuexy/contentNavbarLayout.blade.php b/resources/views/layouts/vuexy/contentNavbarLayout.blade.php new file mode 100644 index 0000000..b232ec5 --- /dev/null +++ b/resources/views/layouts/vuexy/contentNavbarLayout.blade.php @@ -0,0 +1,89 @@ +@isset($pageConfigs) +{!! Helper::updatePageConfig($pageConfigs) !!} +@endisset +@php +$configData = Helper::appClasses(); +@endphp +@extends('vuexy-admin::layouts.vuexy.commonMaster' ) + +@php +/* Display elements */ +$contentNavbar = ($contentNavbar ?? true); +$containerNav = ($containerNav ?? 'container-xxl'); +$isNavbar = ($isNavbar ?? true); +$isMenu = ($isMenu ?? true); +$isFlex = ($isFlex ?? false); +$isFooter = ($isFooter ?? true); +$customizerHidden = ($customizerHidden ?? ''); + +/* HTML Classes */ +$navbarDetached = 'navbar-detached'; +$menuFixed = (isset($configData['menuFixed']) ? $configData['menuFixed'] : ''); +if(isset($navbarType)) { + $configData['navbarType'] = $navbarType; +} +$navbarType = (isset($configData['navbarType']) ? $configData['navbarType'] : ''); +$footerFixed = (isset($configData['footerFixed']) ? $configData['footerFixed'] : ''); +$menuCollapsed = (isset($configData['menuCollapsed']) ? $configData['menuCollapsed'] : ''); + +/* Content classes */ +$container = (isset($configData['contentLayout']) && $configData['contentLayout'] === 'compact') ? 'container-xxl' : 'container-fluid'; +@endphp + +@section('layoutContent') +
    +
    + + @if ($isMenu) + @include('vuexy-admin::layouts.vuexy.sections.menu.verticalMenu') + @endif + + +
    + + + @if ($isNavbar) + @include('vuexy-admin::layouts.vuexy.sections.navbar.navbar') + @endif + + + +
    + + + @if ($isFlex) +
    + @else +
    + @endif + + + @include('vuexy-admin::layouts.vuexy.sections.content.breadcrumbs') + + + @yield('content') + +
    + + + + @if ($isFooter) + @include('vuexy-admin::layouts.vuexy.sections.footer.footer') + @endif + +
    +
    + +
    + +
    + + @if ($isMenu) + +
    + @endif + +
    +
    + + @endsection diff --git a/resources/views/layouts/vuexy/horizontalLayout.blade.php b/resources/views/layouts/vuexy/horizontalLayout.blade.php new file mode 100644 index 0000000..642a7b4 --- /dev/null +++ b/resources/views/layouts/vuexy/horizontalLayout.blade.php @@ -0,0 +1,87 @@ +@isset($pageConfigs) + {!! Helper::updatePageConfig($pageConfigs) !!} +@endisset +@php + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.commonMaster' ) + +@php + $menuHorizontal = true; + $navbarFull = true; + + /* Display elements */ + $isNavbar = ($isNavbar ?? true); + $isMenu = ($isMenu ?? true); + $isFlex = ($isFlex ?? false); + $isFooter = ($isFooter ?? true); + $customizerHidden = ($customizerHidden ?? ''); + + /* HTML Classes */ + $menuFixed = (isset($configData['menuFixed']) ? $configData['menuFixed'] : ''); + $navbarType = (isset($configData['navbarType']) ? $configData['navbarType'] : ''); + $footerFixed = (isset($configData['footerFixed']) ? $configData['footerFixed'] : ''); + $menuCollapsed = (isset($configData['menuCollapsed']) ? $configData['menuCollapsed'] : ''); + + /* Content classes */ + $container = ($configData['contentLayout'] === 'compact') ? 'container-xxl' : 'container-fluid'; + $containerNav = ($configData['contentLayout'] === 'compact') ? 'container-xxl' : 'container-fluid'; +@endphp + +@section('layoutContent') +
    +
    + + + @if ($isNavbar) + @include('vuexy-admin::layouts.vuexy.sections.navbar.navbar') + @endif + + + +
    + + +
    + + @if ($isMenu) + @include('vuexy-admin::layouts.vuexy.sections.menu.horizontalMenu') + @endif + + + @if ($isFlex) +
    + @else +
    + @endif + + @include('vuexy-admin::layouts.vuexy.sections.content.breadcrumbs') + + + @yield('content') +
    + + + + @if ($isFooter) + @include('vuexy-admin::layouts.vuexy.sections.footer.footer') + @endif + +
    +
    + +
    + +
    + + + @if ($isMenu) + +
    + @endif + +
    +
    + + @endsection diff --git a/resources/views/layouts/vuexy/layoutMaster.blade.php b/resources/views/layouts/vuexy/layoutMaster.blade.php new file mode 100644 index 0000000..117635d --- /dev/null +++ b/resources/views/layouts/vuexy/layoutMaster.blade.php @@ -0,0 +1,16 @@ +@isset($pageConfigs) + {!! Helper::updatePageConfig($pageConfigs) !!} +@endisset +@php + $configData = Helper::appClasses(); +@endphp + +@isset($configData["layout"]) + @include((( $configData["layout"] === 'horizontal') + ? 'vuexy-admin::layouts.vuexy.horizontalLayout' + : (( $configData["layout"] === 'blank') + ? 'vuexy-admin::layouts.vuexy.blankLayout' + : (($configData["layout"] === 'front') + ? 'vuexy-admin::layouts.vuexy.layoutFront' + : 'vuexy-admin::layouts.vuexy.contentNavbarLayout') ))) +@endisset diff --git a/resources/views/layouts/vuexy/sections/content/breadcrumbs.blade.php b/resources/views/layouts/vuexy/sections/content/breadcrumbs.blade.php new file mode 100644 index 0000000..4fca10d --- /dev/null +++ b/resources/views/layouts/vuexy/sections/content/breadcrumbs.blade.php @@ -0,0 +1,21 @@ + +@if($vuexyBreadcrumbs) + +@endif + diff --git a/resources/views/layouts/vuexy/sections/footer/footer.blade.php b/resources/views/layouts/vuexy/sections/footer/footer.blade.php new file mode 100644 index 0000000..8c6c8d8 --- /dev/null +++ b/resources/views/layouts/vuexy/sections/footer/footer.blade.php @@ -0,0 +1,23 @@ +@php + $containerFooter = (isset($configData['contentLayout']) && $configData['contentLayout'] === 'compact') ? 'container-xxl' : 'container-fluid'; +@endphp + + + + diff --git a/resources/views/layouts/vuexy/sections/menu/horizontalMenu.blade.php b/resources/views/layouts/vuexy/sections/menu/horizontalMenu.blade.php new file mode 100644 index 0000000..2ca4827 --- /dev/null +++ b/resources/views/layouts/vuexy/sections/menu/horizontalMenu.blade.php @@ -0,0 +1,28 @@ +@php + $configData = Helper::appClasses(); +@endphp + + + + diff --git a/resources/views/layouts/vuexy/sections/menu/submenu.blade.php b/resources/views/layouts/vuexy/sections/menu/submenu.blade.php new file mode 100644 index 0000000..d849e28 --- /dev/null +++ b/resources/views/layouts/vuexy/sections/menu/submenu.blade.php @@ -0,0 +1,18 @@ + diff --git a/resources/views/layouts/vuexy/sections/menu/verticalMenu.blade.php b/resources/views/layouts/vuexy/sections/menu/verticalMenu.blade.php new file mode 100644 index 0000000..9dcfa3e --- /dev/null +++ b/resources/views/layouts/vuexy/sections/menu/verticalMenu.blade.php @@ -0,0 +1,51 @@ +@php + $configData = Helper::appClasses(); +@endphp + + diff --git a/resources/views/layouts/vuexy/sections/navbar/navbar.blade.php b/resources/views/layouts/vuexy/sections/navbar/navbar.blade.php new file mode 100644 index 0000000..7ac42d3 --- /dev/null +++ b/resources/views/layouts/vuexy/sections/navbar/navbar.blade.php @@ -0,0 +1,233 @@ +@php +use Illuminate\Support\Facades\Auth; +use Illuminate\Support\Facades\Route; +$containerNav = ($configData['contentLayout'] === 'compact') ? 'container-xxl' : 'container-fluid'; +$navbarDetached = ($navbarDetached ?? ''); +@endphp + + +@if(isset($navbarDetached) && $navbarDetached == 'navbar-detached') +
    diff --git a/resources/views/livewire/users/count.blade.php b/resources/views/livewire/users/count.blade.php new file mode 100644 index 0000000..8c2bd0e --- /dev/null +++ b/resources/views/livewire/users/count.blade.php @@ -0,0 +1,60 @@ +
    +
    +
    +
    +
    +
    +
    +
    +

    {{ $enabled }}

    +
    +

    Usuarios activos

    +
    +
    + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    {{ $disabled }}

    +
    +

    Usuarios suspendidos

    +
    +
    + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    {{ $total }}

    +
    +

    Total de usuarios

    +
    +
    + + + +
    +
    +
    +
    +
    +
    diff --git a/resources/views/livewire/users/form.blade.php b/resources/views/livewire/users/form.blade.php new file mode 100644 index 0000000..e7ae0ae --- /dev/null +++ b/resources/views/livewire/users/form.blade.php @@ -0,0 +1,165 @@ +
    + + + + +
    +
    + {{-- Identificación --}} + + + + + + + {{-- Series de facturación --}} + + + + + + + {{-- Configuraciones --}} + + + + + +
    +
    + {{-- Información de contacto --}} + + + + + + + + {{-- Información fiscal --}} + + + + + + +
    +
    + {{-- Dirección --}} + + + {{-- Ubicación --}} + +
    +
    +     +
    + +@push('page-script') + +@endpush diff --git a/resources/views/livewire/users/index.blade.copy.php b/resources/views/livewire/users/index.blade.copy.php new file mode 100644 index 0000000..4f03bf1 --- /dev/null +++ b/resources/views/livewire/users/index.blade.copy.php @@ -0,0 +1,704 @@ +
    +
    {!! $indexAlert !!}
    + + +
    +
    + + + + + + + + + + + + +
    IdUsuarioRolesEstatusCreadoAcciones
    +
    +
    + + +
    +
    +
    {{ $modalTitle }}
    + +
    +
    +
    + + +
    + +
    + + +
    +
    +
    +
    + +
    + + +
    +
    +
    +
    + +
    + + + +
    +
    +
    +
    + + +
    +
    + +
    + + +
    +
    +
    + +
    + +
    + +
    + +
    + + + +
    +
    +
    + + + + +
    + +@push('page-script') + +@endpush diff --git a/resources/views/livewire/users/index.blade.php b/resources/views/livewire/users/index.blade.php new file mode 100644 index 0000000..638c22c --- /dev/null +++ b/resources/views/livewire/users/index.blade.php @@ -0,0 +1,7 @@ + + +
    + +
    +     +     diff --git a/resources/views/livewire/users/offcanvas-form.blade.php b/resources/views/livewire/users/offcanvas-form.blade.php new file mode 100644 index 0000000..7663bcd --- /dev/null +++ b/resources/views/livewire/users/offcanvas-form.blade.php @@ -0,0 +1,52 @@ +
    + + + + + + {{-- Usuario --}} +
    + +
    + + +
    + + {{-- Teléfonos y Correos --}} + + +
    + + + +
    + + {{-- Estado del Centro de Trabajo --}} + + + + + +
    + +     +     +
    + +@push('page-script') + +@endpush diff --git a/resources/views/livewire/users/show.blade.php b/resources/views/livewire/users/show.blade.php new file mode 100644 index 0000000..8a49bd8 --- /dev/null +++ b/resources/views/livewire/users/show.blade.php @@ -0,0 +1,1685 @@ +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +
    +
      + + @if (($is_customer || $is_user) && $this->tipo_persona != App\Models\User::TIPO_RFC_PUBLICO) + + @endif + @if ($is_prospect || $is_customer || $is_provider) + + @endif + @if (($is_prospect || $is_customer || $is_provider || $is_user) && $this->tipo_persona != App\Models\User::TIPO_RFC_PUBLICO) + + @endif + @if (($is_prospect || $is_customer || $is_provider || $is_user) && $this->tipo_persona != App\Models\User::TIPO_RFC_PUBLICO) + + @endif + @if (($is_customer || $is_provider) && $this->tipo_persona != App\Models\User::TIPO_RFC_PUBLICO) + + @endif +
    +
    + + + + + + +
    +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + +
    idNameEmailDateSalaryStatusAction
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + +
    idNameEmailDateSalaryStatusAction
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + +
    idNameEmailDateSalaryStatusAction
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + +
    idNameEmailDateSalaryStatusAction
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + +
    idNameEmailDateSalaryStatusAction
    +
    +
    +
    +
    +
    + +
    + +@push('page-script') + +@endpush diff --git a/resources/views/notifications/email.blade.php b/resources/views/notifications/email.blade.php new file mode 100644 index 0000000..5f78317 --- /dev/null +++ b/resources/views/notifications/email.blade.php @@ -0,0 +1,65 @@ + +{{-- Imagen con URL o Base64 --}} +@if (! empty($image)) +{{ config('app.name') }} +@endif + +{{-- Greeting --}} +@if (! empty($greeting)) +# {{ $greeting }} +@else +@if ($level === 'error') +# @lang('Whoops!') +@else +# @lang('Hello!') +@endif +@endif + +{{-- Intro Lines --}} +@foreach ($introLines as $line) +{{ $line }} + +@endforeach + +{{-- Action Button --}} +@isset($actionText) + $level, + default => 'primary', + }; +?> + +{{ $actionText }} + +@endisset + +{{-- Outro Lines --}} +@foreach ($outroLines as $line) +{{ $line }} + +@endforeach + +{{-- Salutation --}} +@if (! empty($salutation)) +{{ $salutation }} +@else +@lang('Regards,')
    +{{ config('app.name') }} +@endif + +{{-- Subcopy --}} +@isset($actionText) + +@lang( + "If you're having trouble clicking the \":actionText\" button, copy and paste the URL below\n". + 'into your web browser:', + [ + 'actionText' => $actionText, + ] +) [{{ $displayableActionUrl }}]({{ $actionUrl }}) + +@endisset +     diff --git a/resources/views/pages/about.blade.php b/resources/views/pages/about.blade.php new file mode 100644 index 0000000..977b8f4 --- /dev/null +++ b/resources/views/pages/about.blade.php @@ -0,0 +1,9 @@ +@php + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('content') +hola +@endsection diff --git a/resources/views/pages/comingsoon.blade.php b/resources/views/pages/comingsoon.blade.php new file mode 100644 index 0000000..a06c228 --- /dev/null +++ b/resources/views/pages/comingsoon.blade.php @@ -0,0 +1,37 @@ +@php + $customizerHidden = 'customizer-hide'; + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Muy pronto!') + +@push('page-style') + @vite(['/resources/scss/pages/page-misc.scss']) +@endsection + +@section('content') + +
    +
    +

    Lanzaremos pronto 🚀

    +

    Nuestro sitio web se inaugurará pronto. ¡Regístrese para recibir una notificación cuando esté listo!

    +
    +
    +
    + + +
    +
    +
    +
    + page-misc-launching-soon +
    +
    +
    +
    + page-misc-coming-soon +
    + +@endsection diff --git a/resources/views/pages/home.blade.php b/resources/views/pages/home.blade.php new file mode 100644 index 0000000..e75b013 --- /dev/null +++ b/resources/views/pages/home.blade.php @@ -0,0 +1,49 @@ +@php + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('content') + +
    +

    {{ $_admin['title'] }}

    +

    Para mayor información al respecto consulta la documentación.

    + + @php + use Illuminate\Support\Facades\Auth; + + // Obtener el usuario autenticado + $user = Auth::user(); + + echo '
    ';
+            if ($user) {
+                // Imprimir información del usuario
+                echo "Usuario: {$user->name}\n";
+                echo "Email: {$user->email}\n\n";
+
+                // Obtener todos los roles del usuario
+                $roles = $user->roles;
+
+                // Iterar sobre los roles del usuario
+                foreach ($roles as $role) {
+                    echo "Rol: {$role->name}\n";
+
+                    // Obtener todos los permisos del rol
+                    $permissions = $role->permissions;
+
+                    // Imprimir los permisos del rol
+                    foreach ($permissions as $permission) {
+                        echo " - Permiso: {$permission->name}\n";
+                    }
+
+                    echo "\n";
+                }
+
+            } else {
+                echo "Usuario no autenticado\n";
+            }
+        echo '
    '; + @endphp + +@endsection diff --git a/resources/views/pages/under-maintenance.blade.php b/resources/views/pages/under-maintenance.blade.php new file mode 100644 index 0000000..087ecde --- /dev/null +++ b/resources/views/pages/under-maintenance.blade.php @@ -0,0 +1,30 @@ +@php + $customizerHidden = 'customizer-hide'; + $configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', '¡En mantenimiento!') + +@push('page-style') + @vite(['/resources/scss/pages/page-misc.scss']) +@endsection + +@section('content') + +
    +
    +

    ¡En mantenimiento! 🚧

    +

    Disculpe las molestias, pero estamos realizando tareas de mantenimiento en estos momentos.

    + Regresar al inicio +
    + page-misc-under-maintenance +
    +
    +
    +
    + page-misc-under-maintenance +
    + +@endsection diff --git a/resources/views/permissions/index.blade.php b/resources/views/permissions/index.blade.php new file mode 100644 index 0000000..770fc06 --- /dev/null +++ b/resources/views/permissions/index.blade.php @@ -0,0 +1,30 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Permisos del sistema') + +@section('vendor-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss', + ]) +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js', + ]) +@endsection + +@push('page-script') + @vite('vendor/koneko/laravel-vuexy-admin/resources/js/pages/roles-scripts.js/permissions-scripts.js') +@endpush + + +@section('content') + @livewire('permissions-index') +@endsection diff --git a/resources/views/profile/index.blade.php b/resources/views/profile/index.blade.php new file mode 100644 index 0000000..cb8acfb --- /dev/null +++ b/resources/views/profile/index.blade.php @@ -0,0 +1,38 @@ +@extends('layouts.vuexy.layoutMaster') + +@php +$breadcrumbs = [['link' => 'home', 'name' => 'Home'], ['link' => 'javascript:void(0)', 'name' => 'User'], ['name' => 'Profile']]; +@endphp + +@section('title', 'Profile') + + +@section('content') + + @if (Laravel\Fortify\Features::canUpdateProfileInformation()) +
    + @livewire('profile.update-profile-information-form') +
    + @endif + + @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::updatePasswords())) +
    + @livewire('profile.update-password-form') +
    + @endif + + @if (Laravel\Fortify\Features::canManageTwoFactorAuthentication()) +
    + @livewire('profile.two-factor-authentication-form') +
    + @endif + +
    + @livewire('profile.logout-other-browser-sessions-form') +
    + + @if (Laravel\Jetstream\Jetstream::hasAccountDeletionFeatures()) + @livewire('profile.delete-user-form') + @endif + +@endsection diff --git a/resources/views/roles/_delete_modal.blade.php b/resources/views/roles/_delete_modal.blade.php new file mode 100644 index 0000000..4a4c62c --- /dev/null +++ b/resources/views/roles/_delete_modal.blade.php @@ -0,0 +1,25 @@ + + + diff --git a/resources/views/roles/_form_modal.blade.php b/resources/views/roles/_form_modal.blade.php new file mode 100644 index 0000000..aa60cea --- /dev/null +++ b/resources/views/roles/_form_modal.blade.php @@ -0,0 +1,116 @@ + + + diff --git a/resources/views/roles/index.blade.php b/resources/views/roles/index.blade.php new file mode 100644 index 0000000..5552853 --- /dev/null +++ b/resources/views/roles/index.blade.php @@ -0,0 +1,21 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Roles de usuarios') + +@section('vendor-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss', + ]) +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js', + ]) +@endsection + +@section('content') + @livewire('role-card') +@endsection diff --git a/resources/views/user-profile/app-access-permission.blade.php b/resources/views/user-profile/app-access-permission.blade.php new file mode 100644 index 0000000..3b67a60 --- /dev/null +++ b/resources/views/user-profile/app-access-permission.blade.php @@ -0,0 +1,57 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Permission - Apps') + +@section('vendor-style') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss', +]) +@endsection + +@section('vendor-script') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js', + ]) +@endsection + +@push('page-script') +@vite([ + 'Resources/js/app-access-permission.js', + 'Resources/js/modal-add-permission.js', + 'Resources/js/modal-edit-permission.js', + ]) +@endpush + +@section('content') + + + +
    +
    + + + + + + + + + + + +
    NameAssigned ToCreated DateActions
    +
    +
    + + + +@include('_partials/_modals/modal-add-permission') +@include('_partials/_modals/modal-edit-permission') + +@endsection diff --git a/resources/views/user-profile/app-access-roles.blade.php b/resources/views/user-profile/app-access-roles.blade.php new file mode 100644 index 0000000..5a90581 --- /dev/null +++ b/resources/views/user-profile/app-access-roles.blade.php @@ -0,0 +1,239 @@ +@php +$configData = Helper::appClasses(); +@endphp + +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Roles - Apps') + +@section('vendor-style') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss', + ]) +@endsection + +@section('vendor-script') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js', + ]) +@endsection + +@push('page-script') +@vite([ + 'Resources/js/app-access-roles.js', + 'Resources/js/modal-add-role.js', + ]) +@endpush + +@section('content') +

    Roles List

    + +

    A role provided access to predefined menus and features so that depending on
    assigned role an administrator can have access to what user needs.

    + +
    +
    +
    +
    +
    +
    Total 4 users
    +
      +
    • + Avatar +
      • +
    • + Avatar +
      • +
    • + Avatar +
      • +
    • + Avatar +
      • +
    +
    +
    +
    +
    Administrator
    + Edit Role +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    Total 7 users
    +
      +
    • + Avatar +
      • +
    • + Avatar +
      • +
    • + Avatar +
      • +
    • + +4 +
      • +
    +
    +
    +
    +
    Manager
    + Edit Role +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    Total 5 users
    +
      +
    • + Avatar +
      • +
    • + Avatar +
      • +
    • + Avatar +
      • +
    • + +2 +
      • +
    +
    +
    +
    +
    Users
    + Edit Role +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    Total 3 users
    +
      +
    • + Avatar +
      • +
    • + Avatar +
      • +
    • + Avatar +
      • +
    • + +3 +
      • +
    +
    +
    +
    +
    Support
    + Edit Role +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    Total 2 users
    +
      +
    • + Avatar +
      • +
    • + Avatar +
      • +
    • + Avatar +
      • +
    • + +7 +
      • +
    +
    +
    +
    +
    Restricted User
    + Edit Role +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    + add-new-roles +
    +
    +
    +
    + +

    Add new role,
    if it doesn't exist.

    +
    +
    +
    +
    +
    +
    +

    Total users with their roles

    +

    Find all of your company’s administrator accounts and their associate roles.

    +
    +
    + +
    +
    + + + + + + + + + + + + + +
    UserRolePlanBillingStatusActions
    +
    +
    + +
    +
    + + + +@include('_partials/_modals/modal-add-role') + +@endsection diff --git a/resources/views/user-profile/app-user-list.blade.php b/resources/views/user-profile/app-user-list.blade.php new file mode 100644 index 0000000..5121f0a --- /dev/null +++ b/resources/views/user-profile/app-user-list.blade.php @@ -0,0 +1,226 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'User List - Pages') + +@section('vendor-style') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' +]) +@endsection + +@section('vendor-script') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/moment/moment.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave-phone.js' +]) +@endsection + +@push('page-script') +@vite('Resources/js/app-user-list.js') +@endpush + +@section('content') + +
    +
    +
    +
    +
    +
    + Session +
    +

    21,459

    +

    (+29%)

    +
    + Total Users +
    +
    + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + Paid Users +
    +

    4,567

    +

    (+18%)

    +
    + Last week analytics +
    +
    + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + Active Users +
    +

    19,860

    +

    (-14%)

    +
    + Last week analytics +
    +
    + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + Pending Users +
    +

    237

    +

    (+42%)

    +
    + Last week analytics +
    +
    + + + +
    +
    +
    +
    +
    +
    + +
    +
    +
    Filters
    +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + + + + + +
    UserRolePlanBillingStatusActions
    +
    + +
    +
    +
    Add User
    + +
    +
    +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    + + +
    +
    +
    +
    + +@endsection diff --git a/resources/views/user-profile/app-user-view-account.blade.php b/resources/views/user-profile/app-user-view-account.blade.php new file mode 100644 index 0000000..c898bb4 --- /dev/null +++ b/resources/views/user-profile/app-user-view-account.blade.php @@ -0,0 +1,305 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'User View - Pages') + +@section('vendor-style') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/animate-css/animate.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' +]) +@endsection + +@push('page-style') +@vite([ + 'Resources/vendor/scss/pages/page-user-view.scss' +]) +@endsection + +@section('vendor-script') +@vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/moment/moment.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave-phone.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' +]) +@endsection + +@push('page-script') +@vite([ + 'Resources/js/modal-edit-user.js', + 'Resources/js/app-user-view.js', + 'Resources/js/app-user-view-account.js', + 'vendor/koneko/laravel-vuexy-admin/resources/js/auth/pages-profile.js' +]) +@endpush + +@section('content') +
    + +
    + +
    +
    +
    +
    + User avatar + +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    1.23k
    + Task Done +
    +
    +
    +
    +
    + +
    +
    +
    +
    568
    + Project Done +
    +
    +
    +
    Details
    +
    +
      +
    • + Username: + @violet.dev +
      • +
    • + Email: + vafgot@vultukir.org +
      • +
    • + Status: + Active +
      • +
    • + Role: + Author +
      • +
    • + Tax id: + Tax-8965 +
      • +
    • + Contact: + (123) 456-7890 +
      • +
    • + Languages: + French +
      • +
    • + Country: + England +
      • +
    +
    + Edit + Suspend +
    +
    +
    +
    + + +
    +
    +
    + Standard +
    + $ +

    99

    + month +
    +
    +
      +
    • 10 Users
      • +
    • Up to 10 GB storage
      • +
    • Basic Support
      • +
    +
    + Days + 26 of 30 Days +
    +
    +
    +
    + 4 days remaining +
    + +
    +
    +
    + +
    + + + + +
    + +
    + +
    + + + +
    +
    + + + + + + + + + + + + +
    ProjectLeaderTeamProgressAction
    +
    +
    + + + +
    +
    User Activity Timeline
    +
    +
      +
    • + +
      +
      +
      12 Invoices have been paid
      + 12 min ago +
      +

      + Invoices have been paid to the company +

      +
      +
      + img + invoices.pdf +
      +
      +
      +
      • +
    • + +
      +
      +
      Client Meeting
      + 45 min ago +
      +

      + Project meeting with john @10:15am +

      +
      +
      +
      + Avatar +
      +
      +

      Lester McCarthy (Client)

      + CEO of {{ config('koneko.creatorName') }} +
      +
      +
      +
      +
      • +
    • + +
      +
      +
      Create a new project for client
      + 2 Day Ago +
      +

      + 6 team members in a project +

      +
        +
      • +
        +
          +
        • + Avatar +
          • +
        • + Avatar +
          • +
        • + Avatar +
          • +
        • + +3 +
          • +
        +
        +
        • +
      +
      +
      • +
    +
    +
    + + + +
    +
    + + + + + + + + + + + +
    #StatusTotalIssued DateAction
    +
    +
    + +
    + +
    + + +@include('_partials/_modals/modal-edit-user') +@include('_partials/_modals/modal-upgrade-plan') + +@endsection diff --git a/resources/views/user-profile/app-user-view-connections.blade.php b/resources/views/user-profile/app-user-view-connections.blade.php new file mode 100644 index 0000000..6abbc57 --- /dev/null +++ b/resources/views/user-profile/app-user-view-connections.blade.php @@ -0,0 +1,345 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'User View - Pages') + +@section('vendor-style') +@vite([ + + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' +]) +@endsection + +@push('page-style') +@vite('Resources/vendor/scss/pages/page-user-view.scss') +@endsection + +@section('vendor-script') +@vite([ + + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave-phone.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' +]) +@endsection + +@push('page-script') +@vite([ + 'Resources/js/modal-edit-user.js', + 'Resources/js/app-user-view.js' +]) +@endpush + +@section('content') +
    + +
    + +
    +
    +
    +
    + User avatar + +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    1.23k
    + Task Done +
    +
    +
    +
    +
    + +
    +
    +
    +
    568
    + Project Done +
    +
    +
    +
    Details
    +
    +
      +
    • + Username: + @violet.dev +
      • +
    • + Email: + vafgot@vultukir.org +
      • +
    • + Status: + Active +
      • +
    • + Role: + Author +
      • +
    • + Tax id: + Tax-8965 +
      • +
    • + Contact: + (123) 456-7890 +
      • +
    • + Languages: + French +
      • +
    • + Country: + England +
      • +
    +
    + Edit + Suspend +
    +
    +
    +
    + + +
    +
    +
    + Standard +
    + $ +

    99

    + month +
    +
    +
      +
    • 10 Users
      • +
    • Up to 10 GB storage
      • +
    • Basic Support
      • +
    +
    + Days + 26 of 30 Days +
    +
    +
    +
    + 4 days remaining +
    + +
    +
    +
    + +
    + + + + +
    + +
    + +
    + + +
    +
    +
    Connected Accounts
    +

    Display content from your connected accounts on your site

    +
    +
    +
    +
    + google +
    +
    +
    +
    Google
    + Calendar and contacts +
    +
    +
    + +
    +
    +
    +
    +
    +
    + slack +
    +
    +
    +
    Slack
    + Communication +
    +
    +
    + +
    +
    +
    +
    +
    +
    + github +
    +
    +
    +
    Github
    + Manage your Git repositories +
    +
    +
    + +
    +
    +
    +
    +
    +
    + mailchimp +
    +
    +
    +
    Mailchimp
    + Email marketing service +
    +
    +
    + +
    +
    +
    +
    +
    +
    + asana +
    +
    +
    +
    Asana
    + Communication +
    +
    +
    + +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    Social Accounts
    +

    Display content from social accounts on your site

    +
    +
    +
    +
    + facebook +
    +
    +
    +
    Facebook
    + Not Connected +
    +
    + +
    +
    +
    +
    +
    + twitter +
    +
    +
    +
    Twitter
    + {{ (!empty(config('koneko.creatorName')) ? config('koneko.creatorName') : '') }} +
    +
    + +
    +
    +
    +
    +
    + linkedin +
    +
    +
    +
    linkedin
    + {{ (!empty(config('koneko.creatorName')) ? config('koneko.creatorName') : '') }} +
    +
    + +
    +
    +
    +
    +
    + dribbble +
    +
    +
    +
    Dribbble
    + Not Connected +
    +
    + +
    +
    +
    +
    +
    + behance +
    +
    +
    +
    Behance
    + Not Connected +
    +
    + +
    +
    +
    +
    +
    +
    + +
    + + +@include('_partials/_modals/modal-edit-user') +@include('_partials/_modals/modal-upgrade-plan') + +@endsection diff --git a/resources/views/user-profile/app-user-view-notifications.blade.php b/resources/views/user-profile/app-user-view-notifications.blade.php new file mode 100644 index 0000000..b28b88a --- /dev/null +++ b/resources/views/user-profile/app-user-view-notifications.blade.php @@ -0,0 +1,277 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'User View - Pages') + +@section('vendor-style') +@vite([ + + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' +]) +@endsection + +@push('page-style') +@vite('Resources/vendor/scss/pages/page-user-view.scss') +@endsection + +@section('vendor-script') +@vite([ + + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave-phone.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' +]) +@endsection + +@push('page-script') +@vite([ + 'Resources/js/modal-edit-user.js', + 'Resources/js/app-user-view.js' +]) +@endpush + +@section('content') +
    + +
    + +
    +
    +
    +
    + User avatar + +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    1.23k
    + Task Done +
    +
    +
    +
    +
    + +
    +
    +
    +
    568
    + Project Done +
    +
    +
    +
    Details
    +
    +
      +
    • + Username: + @violet.dev +
      • +
    • + Email: + vafgot@vultukir.org +
      • +
    • + Status: + Active +
      • +
    • + Role: + Author +
      • +
    • + Tax id: + Tax-8965 +
      • +
    • + Contact: + (123) 456-7890 +
      • +
    • + Languages: + French +
      • +
    • + Country: + England +
      • +
    +
    + Edit + Suspend +
    +
    +
    +
    + + +
    +
    +
    + Standard +
    + $ +

    99

    + month +
    +
    +
      +
    • 10 Users
      • +
    • Up to 10 GB storage
      • +
    • Basic Support
      • +
    +
    + Days + 26 of 30 Days +
    +
    +
    +
    + 4 days remaining +
    + +
    +
    +
    + +
    + + + + +
    + +
    + +
    + + + +
    + +
    +
    Notifications
    + Change to notification settings, the user will get the update +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    TypeEmailBrowserApp
    New for you +
    + +
    +     		+
    + +
    +     		+
    + +
    +
    Account activity +
    + +
    +     		+
    + +
    +     		+
    + +
    +
    A new browser used to sign in +
    + +
    +     		+
    + +
    +     		+
    + +
    +
    A new device is linked +
    + +
    +     		+
    + +
    +     		+
    + +
    +
    +
    +
    + + +
    + +
    + +
    + +
    + + +@include('_partials/_modals/modal-edit-user') +@include('_partials/_modals/modal-upgrade-plan') + + +@endsection diff --git a/resources/views/user-profile/app-user-view-security.blade.php b/resources/views/user-profile/app-user-view-security.blade.php new file mode 100644 index 0000000..883e4fc --- /dev/null +++ b/resources/views/user-profile/app-user-view-security.blade.php @@ -0,0 +1,280 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Vista de pagia de usuarios') + +@section('vendor-style') +@vite([ + + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' +]) +@endsection + +@push('page-style') +@vite('Resources/vendor/scss/pages/page-user-view.scss') +@endsection + +@section('vendor-script') +@vite([ + + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave-phone.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' +]) +@endsection + +@push('page-script') +@vite([ + 'Resources/js/modal-edit-user.js', + 'Resources/js/modal-enable-otp.js', + 'Resources/js/app-user-view.js', + 'Resources/js/app-user-view-security.js' +]) +@endpush + +@section('content') +
    + +
    + +
    +
    +
    +
    + User avatar + +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    1.23k
    + Task Done +
    +
    +
    +
    +
    + +
    +
    +
    +
    568
    + Project Done +
    +
    +
    +
    Details
    +
    +
      +
    • + Username: + @violet.dev +
      • +
    • + Email: + vafgot@vultukir.org +
      • +
    • + Status: + Active +
      • +
    • + Role: + Author +
      • +
    • + Tax id: + Tax-8965 +
      • +
    • + Contact: + (123) 456-7890 +
      • +
    • + Languages: + French +
      • +
    • + Country: + England +
      • +
    +
    + Edit + Suspend +
    +
    +
    +
    + + +
    +
    +
    + Standard +
    + $ +

    99

    + month +
    +
    +
      +
    • 10 Users
      • +
    • Up to 10 GB storage
      • +
    • Basic Support
      • +
    +
    + Days + 26 of 30 Days +
    +
    +
    +
    + 4 days remaining +
    + +
    +
    +
    + +
    + + + + +
    + +
    + +
    + + + +
    +
    Change Password
    +
    +
    + +
    +
    + +
    + + +
    +
    + +
    + +
    + + +
    +
    +
    + +
    +
    +
    +
    +
    + + + +
    +
    +
    Two-steps verification
    + Keep your account secure with authentication step. +
    +
    +
    SMS
    +
    +
    + + + +
    +
    +

    Two-factor authentication adds an additional layer of security to your account by requiring more than just a password to log in. + Learn more. +

    +
    +
    + + + +
    +
    Recent Devices
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    BrowserDeviceLocationRecent Activities
    Chrome on WindowsHP Spectre 360Switzerland10, July 2021 20:07
    Chrome on iPhoneiPhone 12xAustralia13, July 2021 10:10
    Chrome on AndroidOneplus 9 ProDubai14, July 2021 15:15
    Chrome on MacOSApple iMacIndia16, July 2021 16:17
    +
    +
    + +
    + +
    + + +@include('_partials/_modals/modal-edit-user') +@include('_partials/_modals/modal-enable-otp') +@include('_partials/_modals/modal-upgrade-plan') + + +@endsection diff --git a/resources/views/user-profile/index.blade.php b/resources/views/user-profile/index.blade.php new file mode 100644 index 0000000..854a675 --- /dev/null +++ b/resources/views/user-profile/index.blade.php @@ -0,0 +1,7 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Configuraciones de cuenta | ' . $user->name) + +@section('content') + +@endsection diff --git a/resources/views/users/index.blade.php b/resources/views/users/index.blade.php new file mode 100644 index 0000000..de892ab --- /dev/null +++ b/resources/views/users/index.blade.php @@ -0,0 +1,29 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Usuarios') + +@section('vendor-style') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/bootstrap-table/bootstrap-table.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/fonts/bootstrap-icons.scss', + ]) +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.js', + ]) +@endsection + +@push('page-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/js/bootstrap-table/bootstrapTableManager.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/js/forms/formConvasHelper.js', + ]) +@endpush + +@section('content') + @livewire('user-index') + @livewire('user-offcanvas-form') +@endsection diff --git a/resources/views/users/show.blade.php b/resources/views/users/show.blade.php new file mode 100644 index 0000000..b3ef166 --- /dev/null +++ b/resources/views/users/show.blade.php @@ -0,0 +1,214 @@ +@extends('vuexy-admin::layouts.vuexy.layoutMaster') + +@section('title', 'Usuario | ' . $user->name) + +@section('vendor-style') + {{-- Page Css files --}} + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/animate-css/animate.scss', + + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.scss', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/form-validation.scss' + ]) +@endsection + +@push('page-style') + {{-- Page Css files --}} + @vite([ + 'Resources/vendor/scss/pages/page-user-view.scss' + ]) +@endsection + +@section('content') + +@endsection + +@section('vendor-script') + @vite([ + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/moment/moment.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js', + + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/cleavejs/cleave-phone.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/select2/select2.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/popular.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/bootstrap5.js', + 'vendor/koneko/laravel-vuexy-admin/resources/assets/vendor/libs/@form-validation/auto-focus.js' + ]) +@endsection + +@push('page-script') + @vite([ + 'Resources/js/modal-edit-user.js', + 'Resources/js/app-user-view.js', + 'Resources/js/app-user-view-account.js', + 'Resources/js/pages-profile.js' + ]) +@endpush diff --git a/routes/admin.php b/routes/admin.php new file mode 100644 index 0000000..5bd8a68 --- /dev/null +++ b/routes/admin.php @@ -0,0 +1,79 @@ +name('admin.core.')->middleware(['web', 'auth', 'admin'])->group(function () { + // Rutas de HomeController + Route::controller(HomeController::class)->group(function () { + Route::get('/', 'index')->name('home.index'); + Route::get('acerca-de', 'about')->name('about.index'); + Route::get('muy-pronto', 'comingsoon')->name('comingsoon.index'); + Route::get('bajo-mantenimiento', 'underMaintenance')->name('under-maintenance.index'); + }); + + Route::controller(UserController::class)->prefix('sistema/usuarios')->name('users.')->group(function () { + Route::get('/', 'index')->name('index'); // Listar usuarios + Route::get('{user}', 'show')->name('show'); + Route::get('{user}/delete', 'delete')->name('delete'); + Route::get('{user}/edit', 'edit')->name('edit'); + + + + Route::post('/', 'store')->name('store'); // Guardar usero + Route::put('{user}', 'update')->name('update'); // Actualizar usero + }); + + // Rutas de UserController + Route::controller(UserProfileController::class)->prefix('usuario')->name('user-profile.')->group(function () { + Route::get('perfil', 'index')->name('index'); + Route::patch('perfil', 'update')->name('update'); + Route::delete('perfil', 'destroy')->name('destroy'); + Route::get('avatar', 'generateAvatar')->name('avatar'); + }); + + // Rutas de RoleController + Route::controller(RoleController::class)->prefix('sistema/rbac/roles')->name('roles.')->group(function () { + Route::get('/', 'index')->name('index'); + Route::get('ajax/check-unique-name', 'checkUniqueRoleName')->name('check-unique-name'); + }); + + // Rutas de PermissionController + Route::controller(PermissionController::class)->prefix('sistema/rbac/permisos')->name('permissions.')->group(function () { + Route::get('/', 'index')->name('index'); + Route::get('/ajax/check-unique-name', 'checkUniquePermissionName')->name('check-unique-name'); + }); + + + // Rutas de AdminController + Route::controller(AdminController::class)->prefix('ajustes/aplicacion')->group(function () { + Route::get('ajustes-generales', 'generalSettings')->name('general-settings.index'); + Route::get('servidor-de-correo-smtp', 'smtpSettings')->name('smtp-settings.index'); + }); + + Route::controller(AdminController::class)->group(function () { + Route::post('quicklinks-update', 'quickLinksUpdate')->name('quicklinks-navbar.update'); + }); + + Route::controller(CacheController::class)->prefix('ajustes/aplicacion')->name('cache-manager.')->group(function () { + Route::get('ajustes-de-cache', 'cacheManager')->name('index'); + }); + + Route::controller(CacheController::class)->name('cache-manager.')->group(function () { + Route::post('config/cache', 'generateConfigCache')->name('config-cache'); + Route::post('route/cache', 'generateRouteCache')->name('route-cache'); + }); +}); + +// Rutas públicas sin autenticación +Route::prefix('admin')->name('admin.core.')->middleware(['web', 'auth'])->group(function () { + Route::get('search-navbar', [AdminController::class, 'searchNavbar'])->name('search-navbar.index'); +}); + diff --git a/storage/fonts/OpenSans-Bold.ttf b/storage/fonts/OpenSans-Bold.ttf new file mode 100644 index 0000000..98c74e0 Binary files /dev/null and b/storage/fonts/OpenSans-Bold.ttf differ