├── CHANGELOG.md ├── ISSUE_TEMPLATE.md ├── LICENSE.md ├── README.md ├── laravel-json-api ├── .editorconfig ├── .env.example ├── .gitattributes ├── .gitignore ├── .rnd ├── README.md ├── app │ ├── Console │ │ ├── Commands │ │ │ └── ResetDefaultUsers.php │ │ └── Kernel.php │ ├── Exceptions │ │ └── Handler.php │ ├── Http │ │ ├── Controllers │ │ │ ├── Api │ │ │ │ └── V2 │ │ │ │ │ ├── Auth │ │ │ │ │ ├── ForgotPasswordController.php │ │ │ │ │ ├── LoginController.php │ │ │ │ │ ├── LogoutController.php │ │ │ │ │ ├── RegisterController.php │ │ │ │ │ └── ResetPasswordController.php │ │ │ │ │ └── MeController.php │ │ │ └── Controller.php │ │ ├── Kernel.php │ │ ├── Middleware │ │ │ ├── Authenticate.php │ │ │ ├── EncryptCookies.php │ │ │ ├── JsonApi.php │ │ │ ├── PreventRequestsDuringMaintenance.php │ │ │ ├── RedirectIfAuthenticated.php │ │ │ ├── TrimStrings.php │ │ │ ├── TrustHosts.php │ │ │ ├── TrustProxies.php │ │ │ ├── ValidateSignature.php │ │ │ └── VerifyCsrfToken.php │ │ └── Requests │ │ │ └── Api │ │ │ └── V2 │ │ │ └── Auth │ │ │ ├── ForgotPasswordRequest.php │ │ │ ├── LoginRequest.php │ │ │ ├── RegisterRequest.php │ │ │ └── ResetPasswordRequest.php │ ├── JsonApi │ │ └── V2 │ │ │ ├── Server.php │ │ │ └── Users │ │ │ ├── UserRequest.php │ │ │ └── UserSchema.php │ ├── Models │ │ └── User.php │ ├── Notifications │ │ └── Auth │ │ │ └── ResetPasswordNotification.php │ ├── Policies │ │ └── UserPolicy.php │ └── Providers │ │ ├── AppServiceProvider.php │ │ ├── AuthServiceProvider.php │ │ ├── BroadcastServiceProvider.php │ │ ├── EventServiceProvider.php │ │ └── RouteServiceProvider.php ├── artisan ├── bootstrap │ ├── app.php │ └── cache │ │ └── .gitignore ├── composer.json ├── composer.lock ├── config │ ├── app.php │ ├── auth.php │ ├── broadcasting.php │ ├── cache.php │ ├── cors.php │ ├── database.php │ ├── filesystems.php │ ├── hashing.php │ ├── jsonapi.php │ ├── logging.php │ ├── mail.php │ ├── queue.php │ ├── sanctum.php │ ├── services.php │ ├── session.php │ └── view.php ├── database │ ├── .gitignore │ ├── factories │ │ └── UserFactory.php │ ├── migrations │ │ ├── 2014_10_12_000000_create_users_table.php │ │ ├── 2014_10_12_100000_create_password_resets_table.php │ │ ├── 2016_06_01_000001_create_oauth_auth_codes_table.php │ │ ├── 2016_06_01_000002_create_oauth_access_tokens_table.php │ │ ├── 2016_06_01_000003_create_oauth_refresh_tokens_table.php │ │ ├── 2016_06_01_000004_create_oauth_clients_table.php │ │ ├── 2016_06_01_000005_create_oauth_personal_access_clients_table.php │ │ ├── 2019_08_19_000000_create_failed_jobs_table.php │ │ └── 2019_12_14_000001_create_personal_access_tokens_table.php │ └── seeders │ │ ├── DatabaseSeeder.php │ │ └── UsersSeeder.php ├── lang │ └── en │ │ ├── auth.php │ │ ├── pagination.php │ │ ├── passwords.php │ │ └── validation.php ├── package.json ├── phpunit.xml ├── public │ ├── .htaccess │ ├── favicon.ico │ ├── index.php │ └── robots.txt ├── resources │ ├── css │ │ └── app.css │ ├── js │ │ ├── app.js │ │ └── bootstrap.js │ └── views │ │ └── welcome.blade.php ├── routes │ ├── api.php │ ├── channels.php │ ├── console.php │ └── web.php ├── storage │ ├── app │ │ ├── .gitignore │ │ └── public │ │ │ └── .gitignore │ ├── framework │ │ ├── .gitignore │ │ ├── cache │ │ │ ├── .gitignore │ │ │ └── data │ │ │ │ └── .gitignore │ │ ├── sessions │ │ │ └── .gitignore │ │ ├── testing │ │ │ └── .gitignore │ │ └── views │ │ │ └── .gitignore │ └── logs │ │ └── .gitignore ├── tests │ ├── CreatesApplication.php │ ├── Feature │ │ └── ExampleTest.php │ ├── TestCase.php │ └── Unit │ │ └── ExampleTest.php └── vite.config.js └── vue-argon-dashboard-laravel ├── .browserslistrc ├── .env.example ├── .eslintrc.js ├── .gitignore ├── LICENSE ├── babel.config.js ├── package.json ├── public ├── favicon.png └── index.html └── src ├── App.vue ├── argon-dashboard.js ├── assets ├── css │ ├── nucleo-icons.css │ └── nucleo-svg.css ├── fonts │ ├── nucleo-icons.eot │ ├── nucleo-icons.svg │ ├── nucleo-icons.ttf │ ├── nucleo-icons.woff │ ├── nucleo-icons.woff2 │ ├── nucleo.eot │ ├── nucleo.ttf │ ├── nucleo.woff │ └── nucleo.woff2 ├── img │ ├── apple-icon.png │ ├── bg-profile.jpg │ ├── bruce-mars.jpg │ ├── card-visa.jpg │ ├── carousel-1.jpg │ ├── carousel-2.jpg │ ├── carousel-3.jpg │ ├── down-arrow-dark.svg │ ├── down-arrow-white.svg │ ├── down-arrow.svg │ ├── favicon.png │ ├── icons │ │ └── flags │ │ │ ├── AU.png │ │ │ ├── BR.png │ │ │ ├── DE.png │ │ │ ├── GB.png │ │ │ └── US.png │ ├── illustrations │ │ ├── icon-documentation.svg │ │ └── rocket-white.png │ ├── ivancik.jpg │ ├── logo-ct-dark.png │ ├── logo-ct.png │ ├── logos │ │ ├── github.svg │ │ ├── google.svg │ │ ├── mastercard.png │ │ └── visa.png │ ├── placeholder.jpg │ ├── shapes │ │ └── waves-white.svg │ ├── small-logos │ │ ├── bootstrap.svg │ │ ├── icon-bulb.svg │ │ ├── icon-sun-cloud.png │ │ ├── logo-asana.svg │ │ ├── logo-atlassian.svg │ │ ├── logo-invision.svg │ │ ├── logo-jira.svg │ │ ├── logo-slack.svg │ │ ├── logo-spotify.svg │ │ └── logo-xd.svg │ ├── team-1.jpg │ ├── team-2.jpg │ ├── team-3.jpg │ ├── team-4.jpg │ ├── team-5.jpg │ └── vr-bg.jpg ├── js │ ├── dark-mode.js │ ├── nav-pills.js │ └── tooltip.js └── scss │ ├── argon-dashboard.scss │ └── argon-dashboard │ ├── _accordion.scss │ ├── _alert.scss │ ├── _avatars.scss │ ├── _backgrounds.scss │ ├── _badge.scss │ ├── _breadcrumbs.scss │ ├── _buttons.scss │ ├── _cards-extend.scss │ ├── _cards.scss │ ├── _components.scss │ ├── _dark-version.scss │ ├── _dropdown-extend.scss │ ├── _dropdown.scss │ ├── _dropup.scss │ ├── _fixed-plugin.scss │ ├── _floating-elements.scss │ ├── _footer.scss │ ├── _forms.scss │ ├── _gradients.scss │ ├── _header.scss │ ├── _info-areas.scss │ ├── _misc-extend.scss │ ├── _misc.scss │ ├── _nav.scss │ ├── _navbar-vertical.scss │ ├── _navbar.scss │ ├── _pagination.scss │ ├── _popovers.scss │ ├── _progress.scss │ ├── _rtl-extend.scss │ ├── _rtl.scss │ ├── _social-buttons.scss │ ├── _tables.scss │ ├── _tilt.scss │ ├── _timeline.scss │ ├── _tooltips.scss │ ├── _typography.scss │ ├── _utilities-extend.scss │ ├── _utilities.scss │ ├── _variables.scss │ ├── badges │ ├── _badge-circle.scss │ ├── _badge-dot.scss │ ├── _badge-floating.scss │ └── _badge.scss │ ├── bootstrap │ ├── _accordion.scss │ ├── _alert.scss │ ├── _badge.scss │ ├── _breadcrumb.scss │ ├── _button-group.scss │ ├── _buttons.scss │ ├── _card.scss │ ├── _carousel.scss │ ├── _close.scss │ ├── _containers.scss │ ├── _dropdown.scss │ ├── _forms.scss │ ├── _functions.scss │ ├── _grid.scss │ ├── _helpers.scss │ ├── _images.scss │ ├── _list-group.scss │ ├── _mixins.scss │ ├── _modal.scss │ ├── _nav.scss │ ├── _navbar.scss │ ├── _offcanvas.scss │ ├── _pagination.scss │ ├── _placeholders.scss │ ├── _popover.scss │ ├── _progress.scss │ ├── _reboot.scss │ ├── _root.scss │ ├── _spinners.scss │ ├── _tables.scss │ ├── _toasts.scss │ ├── _tooltip.scss │ ├── _transitions.scss │ ├── _type.scss │ ├── _utilities.scss │ ├── _variables.scss │ ├── bootstrap-grid.scss │ ├── bootstrap-reboot.scss │ ├── bootstrap-utilities.scss │ ├── bootstrap.scss │ ├── forms │ │ ├── _floating-labels.scss │ │ ├── _form-check.scss │ │ ├── _form-control.scss │ │ ├── _form-range.scss │ │ ├── _form-select.scss │ │ ├── _form-text.scss │ │ ├── _input-group.scss │ │ ├── _labels.scss │ │ └── _validation.scss │ ├── helpers │ │ ├── _clearfix.scss │ │ ├── _colored-links.scss │ │ ├── _position.scss │ │ ├── _ratio.scss │ │ ├── _stacks.scss │ │ ├── _stretched-link.scss │ │ ├── _text-truncation.scss │ │ ├── _visually-hidden.scss │ │ └── _vr.scss │ ├── mixins │ │ ├── _alert.scss │ │ ├── _backdrop.scss │ │ ├── _border-radius.scss │ │ ├── _box-shadow.scss │ │ ├── _breakpoints.scss │ │ ├── _buttons.scss │ │ ├── _caret.scss │ │ ├── _clearfix.scss │ │ ├── _color-scheme.scss │ │ ├── _container.scss │ │ ├── _deprecate.scss │ │ ├── _forms.scss │ │ ├── _gradients.scss │ │ ├── _grid.scss │ │ ├── _image.scss │ │ ├── _list-group.scss │ │ ├── _lists.scss │ │ ├── _pagination.scss │ │ ├── _reset-text.scss │ │ ├── _resize.scss │ │ ├── _table-variants.scss │ │ ├── _text-truncate.scss │ │ ├── _transition.scss │ │ ├── _utilities.scss │ │ └── _visually-hidden.scss │ ├── utilities │ │ └── _api.scss │ └── vendor │ │ └── _rfs.scss │ ├── cards │ ├── card-background.scss │ ├── card-blog.scss │ ├── card-carousel.scss │ ├── card-horizontal.scss │ ├── card-pricing.scss │ └── card-profile.scss │ ├── custom │ ├── _styles.scss │ └── _variables.scss │ ├── forms │ ├── _form-check.scss │ ├── _form-select.scss │ ├── _form-switch.scss │ ├── _forms.scss │ ├── _input-group.scss │ ├── _inputs.scss │ └── _labels.scss │ ├── mixins │ ├── _badge.scss │ ├── _colored-shadows.scss │ ├── _hover.scss │ ├── _social-buttons.scss │ └── mixins.scss │ ├── plugins │ ├── free │ │ ├── _flatpickr.scss │ │ ├── _nouislider.scss │ │ ├── _perfect-scrollbar.scss │ │ ├── _prism.scss │ │ └── plugins.scss │ └── pro │ │ ├── _carousel-slick.scss │ │ ├── _choices.scss │ │ ├── _datatable-extend.scss │ │ ├── _datatable.scss │ │ ├── _dragula.scss │ │ ├── _dropzone.scss │ │ ├── _fullcalendar-extend.scss │ │ ├── _fullcalendar.scss │ │ ├── _glidejs.scss │ │ ├── _highlight.scss │ │ ├── _kanban.scss │ │ ├── _leaflet.scss │ │ ├── _list-check.scss │ │ ├── _photoswipe.scss │ │ ├── _quill.scss │ │ ├── _rating-widget.scss │ │ ├── _sweetalert2-extend.scss │ │ ├── _sweetalert2.scss │ │ ├── multi-step.scss │ │ └── plugins-extend.scss │ ├── theme-pro.scss │ ├── theme.scss │ └── variables │ ├── _animations.scss │ ├── _avatars.scss │ ├── _badge.scss │ ├── _breadcrumb.scss │ ├── _cards-extend.scss │ ├── _cards.scss │ ├── _choices.scss │ ├── _dark-version.scss │ ├── _dropdowns.scss │ ├── _fixed-plugin.scss │ ├── _form-switch.scss │ ├── _full-calendar.scss │ ├── _header.scss │ ├── _info-areas.scss │ ├── _misc-extend.scss │ ├── _misc.scss │ ├── _navbar-vertical.scss │ ├── _navbar.scss │ ├── _pagination.scss │ ├── _rtl.scss │ ├── _social-buttons.scss │ ├── _table.scss │ ├── _timeline.scss │ ├── _utilities-extend.scss │ ├── _utilities.scss │ └── _virtual-reality.scss ├── components ├── ArgonAlert.vue ├── ArgonAvatar.vue ├── ArgonBadge.vue ├── ArgonButton.vue ├── ArgonCheckbox.vue ├── ArgonInput.vue ├── ArgonPagination.vue ├── ArgonPaginationItem.vue ├── ArgonProgress.vue ├── ArgonRadio.vue ├── ArgonSnackbar.vue ├── ArgonSocialButton.vue ├── ArgonSwitch.vue ├── ArgonTextarea.vue └── ValidationError.vue ├── examples ├── Breadcrumbs.vue ├── Calendar.vue ├── Cards │ ├── Card.vue │ ├── ComplexStatisticsCard.vue │ ├── DefaultInfoCard.vue │ ├── MasterCard.vue │ ├── SwitchCard.vue │ └── TempCard.vue ├── Charts │ ├── ActiveUsersChart.vue │ ├── ConsumptionDayChart.vue │ ├── ConsumptionRoomChart.vue │ └── GradientLineChart.vue ├── Configurator.vue ├── Footer.vue ├── Globe.vue ├── Navbars │ └── Navbar.vue ├── PageLayout │ ├── Footer.vue │ └── Navbar.vue └── Sidenav │ ├── SidenavCard.vue │ ├── SidenavItem.vue │ ├── SidenavList.vue │ └── index.vue ├── main.js ├── middleware ├── auth.js └── guest.js ├── mixins ├── form-mixin.js └── showSwal.js ├── router └── index.js ├── services ├── auth-header.js ├── auth.service.js └── profile.service.js ├── store ├── auth.module.js ├── index.js └── profile.module.js └── views ├── Billing.vue ├── Dashboard.vue ├── Home.vue ├── Profile.vue ├── Rtl.vue ├── Signin.vue ├── Signup.vue ├── Tables.vue ├── VirtualReality.vue ├── auth ├── ForgotPassword.vue ├── Login.vue ├── Register.vue └── ResetPassword.vue ├── components ├── AuthorsTable.vue ├── BillingCard.vue ├── CardCalendar.vue ├── CardEmail.vue ├── CardMessage.vue ├── CardPlayer.vue ├── CardToDo.vue ├── Carousel.vue ├── CategoriesCard.vue ├── CreditCard.vue ├── DeveloperCard.vue ├── InvoiceCard.vue ├── NavPill.vue ├── OrdersCard.vue ├── PaymentCard.vue ├── ProfileCard.vue ├── ProjectCard.vue ├── ProjectsTable.vue ├── RocketCard.vue ├── TodoListCard.vue └── TransactionCard.vue └── examplesApi ├── UserManagement └── ListUserPage.vue └── UserProfile └── EditUserProfile.vue /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Changelog 2 | 3 | All notable changes to `Vue Argon Dashboard Laravel` will be documented in this file. 4 | 5 | ## Version 2.1.0 6 | 7 | - Update to Laravel 11.x 8 | 9 | ## Version 2.0.0 10 | - Vue Argon Dashboard 2 11 | - Bootstrap5 12 | - Update to Vue3 13 | - Updates to the CRUD components 14 | 15 | ## Version 1.0.0 16 | 17 | ### Added 18 | - Vue Argon Dashboard 19 | - Login 20 | - Register 21 | - Profile edit 22 | -------------------------------------------------------------------------------- /ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | # Prerequisites 2 | 3 | Please answer the following questions for yourself before submitting an issue. 4 | 5 | - [ ] I am running the latest version 6 | - [ ] I checked the documentation and found no answer 7 | - [ ] I checked to make sure that this issue has not already been filed 8 | - [ ] I'm reporting the issue to the correct repository (for multi-repository projects) 9 | 10 | # Expected Behavior 11 | 12 | Please describe the behavior you are expecting 13 | 14 | # Current Behavior 15 | 16 | What is the current behavior? 17 | 18 | # Failure Information (for bugs) 19 | 20 | Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template. 21 | 22 | ## Steps to Reproduce 23 | 24 | Please provide detailed steps for reproducing the issue. 25 | 26 | 1. step 1 27 | 2. step 2 28 | 3. you get it... 29 | 30 | ## Context 31 | 32 | Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions. 33 | 34 | * Device: 35 | * Operating System: 36 | * Browser and Version: 37 | 38 | ## Failure Logs 39 | 40 | Please include any relevant log snippets or files here. 41 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 Creative Tim (www.creative-tim.com) 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /laravel-json-api/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | end_of_line = lf 6 | indent_size = 4 7 | indent_style = space 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | 14 | [*.{yml,yaml}] 15 | indent_size = 2 16 | 17 | [docker-compose.yml] 18 | indent_size = 4 19 | -------------------------------------------------------------------------------- /laravel-json-api/.env.example: -------------------------------------------------------------------------------- 1 | APP_NAME=Laravel 2 | APP_ENV=local 3 | APP_KEY= 4 | APP_DEBUG=true 5 | APP_URL=http://localhost 6 | 7 | IS_DEMO=false 8 | 9 | LOG_CHANNEL=stack 10 | LOG_DEPRECATIONS_CHANNEL=null 11 | LOG_LEVEL=debug 12 | 13 | DB_CONNECTION=mysql 14 | DB_HOST=127.0.0.1 15 | DB_PORT=3306 16 | DB_DATABASE=laravel 17 | DB_USERNAME=root 18 | DB_PASSWORD= 19 | 20 | BROADCAST_DRIVER=log 21 | CACHE_DRIVER=file 22 | FILESYSTEM_DISK=local 23 | QUEUE_CONNECTION=sync 24 | SESSION_DRIVER=file 25 | SESSION_LIFETIME=120 26 | 27 | MEMCACHED_HOST=127.0.0.1 28 | 29 | REDIS_HOST=127.0.0.1 30 | REDIS_PASSWORD=null 31 | REDIS_PORT=6379 32 | 33 | MAIL_MAILER=smtp 34 | MAIL_HOST=mailhog 35 | MAIL_PORT=1025 36 | MAIL_USERNAME=null 37 | MAIL_PASSWORD=null 38 | MAIL_ENCRYPTION=null 39 | MAIL_FROM_ADDRESS="hello@example.com" 40 | MAIL_FROM_NAME="${APP_NAME}" 41 | 42 | AWS_ACCESS_KEY_ID= 43 | AWS_SECRET_ACCESS_KEY= 44 | AWS_DEFAULT_REGION=us-east-1 45 | AWS_BUCKET= 46 | AWS_USE_PATH_STYLE_ENDPOINT=false 47 | 48 | PUSHER_APP_ID= 49 | PUSHER_APP_KEY= 50 | PUSHER_APP_SECRET= 51 | PUSHER_HOST= 52 | PUSHER_PORT=443 53 | PUSHER_SCHEME=https 54 | PUSHER_APP_CLUSTER=mt1 55 | 56 | VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}" 57 | VITE_PUSHER_HOST="${PUSHER_HOST}" 58 | VITE_PUSHER_PORT="${PUSHER_PORT}" 59 | VITE_PUSHER_SCHEME="${PUSHER_SCHEME}" 60 | VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" 61 | -------------------------------------------------------------------------------- /laravel-json-api/.gitattributes: -------------------------------------------------------------------------------- 1 | * text=auto 2 | 3 | *.blade.php diff=html 4 | *.css diff=css 5 | *.html diff=html 6 | *.md diff=markdown 7 | *.php diff=php 8 | 9 | /.github export-ignore 10 | CHANGELOG.md export-ignore 11 | .styleci.yml export-ignore 12 | -------------------------------------------------------------------------------- /laravel-json-api/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /public/build 3 | /public/hot 4 | /public/storage 5 | /storage/*.key 6 | /vendor 7 | .env 8 | .env.backup 9 | .env.production 10 | .phpunit.result.cache 11 | Homestead.json 12 | Homestead.yaml 13 | auth.json 14 | npm-debug.log 15 | yarn-error.log 16 | /.fleet 17 | /.idea 18 | /.vscode 19 | -------------------------------------------------------------------------------- /laravel-json-api/.rnd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/laravel-json-api/.rnd -------------------------------------------------------------------------------- /laravel-json-api/app/Console/Commands/ResetDefaultUsers.php: -------------------------------------------------------------------------------- 1 | update(['name' => 'Admin', 'email' => 'admin@jsonapi.com', 'password' => 'secret']); 34 | $users = User::where('id', '!=', '1'); 35 | $users->delete(); 36 | } 37 | } 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /laravel-json-api/app/Console/Kernel.php: -------------------------------------------------------------------------------- 1 | command('app:reset-default-users')->cron($scheduledInterval); 23 | } 24 | } 25 | 26 | /** 27 | * Register the commands for the application. 28 | * 29 | * @return void 30 | */ 31 | protected function commands() 32 | { 33 | $this->load(__DIR__.'/Commands'); 34 | 35 | require base_path('routes/console.php'); 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /laravel-json-api/app/Exceptions/Handler.php: -------------------------------------------------------------------------------- 1 | , \Psr\Log\LogLevel::*> 15 | */ 16 | protected $levels = [ 17 | // 18 | ]; 19 | 20 | /** 21 | * A list of the exception types that are not reported. 22 | * 23 | * @var array> 24 | */ 25 | protected $dontReport = [ 26 | JsonApiException::class, 27 | ]; 28 | 29 | /** 30 | * A list of the inputs that are never flashed to the session on validation exceptions. 31 | * 32 | * @var array 33 | */ 34 | protected $dontFlash = [ 35 | 'current_password', 36 | 'password', 37 | 'password_confirmation', 38 | ]; 39 | 40 | /** 41 | * Register the exception handling callbacks for the application. 42 | * 43 | * @return void 44 | */ 45 | public function register() 46 | { 47 | $this->renderable( 48 | \LaravelJsonApi\Exceptions\ExceptionParser::make()->renderable() 49 | ); 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Controllers/Api/V2/Auth/LogoutController.php: -------------------------------------------------------------------------------- 1 | user()->token()->revoke(); 21 | 22 | return response()->json([], Response::HTTP_NO_CONTENT); 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Controllers/Api/V2/Auth/RegisterController.php: -------------------------------------------------------------------------------- 1 | $request->name, 26 | 'email' => $request->email, 27 | 'password' => $request->password, 28 | ]); 29 | 30 | return (new LoginController)(new LoginRequest($request->only(['email', 'password']))); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Controllers/Controller.php: -------------------------------------------------------------------------------- 1 | expectsJson()) { 18 | return route('login'); 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Middleware/EncryptCookies.php: -------------------------------------------------------------------------------- 1 | 13 | */ 14 | protected $except = [ 15 | // 16 | ]; 17 | } 18 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Middleware/JsonApi.php: -------------------------------------------------------------------------------- 1 | has('data')) { 21 | $input = $request->data['attributes']; 22 | 23 | $request->replace($input); 24 | } 25 | 26 | return $next($request); 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Middleware/PreventRequestsDuringMaintenance.php: -------------------------------------------------------------------------------- 1 | 13 | */ 14 | protected $except = [ 15 | // 16 | ]; 17 | } 18 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Middleware/RedirectIfAuthenticated.php: -------------------------------------------------------------------------------- 1 | check()) { 26 | return redirect(RouteServiceProvider::HOME); 27 | } 28 | } 29 | 30 | return $next($request); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Middleware/TrimStrings.php: -------------------------------------------------------------------------------- 1 | 13 | */ 14 | protected $except = [ 15 | 'current_password', 16 | 'password', 17 | 'password_confirmation', 18 | ]; 19 | } 20 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Middleware/TrustHosts.php: -------------------------------------------------------------------------------- 1 | 13 | */ 14 | public function hosts() 15 | { 16 | return [ 17 | $this->allSubdomainsOfApplicationUrl(), 18 | ]; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Middleware/TrustProxies.php: -------------------------------------------------------------------------------- 1 | |string|null 14 | */ 15 | protected $proxies; 16 | 17 | /** 18 | * The headers that should be used to detect proxies. 19 | * 20 | * @var int 21 | */ 22 | protected $headers = 23 | Request::HEADER_X_FORWARDED_FOR | 24 | Request::HEADER_X_FORWARDED_HOST | 25 | Request::HEADER_X_FORWARDED_PORT | 26 | Request::HEADER_X_FORWARDED_PROTO | 27 | Request::HEADER_X_FORWARDED_AWS_ELB; 28 | } 29 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Middleware/ValidateSignature.php: -------------------------------------------------------------------------------- 1 | 13 | */ 14 | protected $except = [ 15 | // 'fbclid', 16 | // 'utm_campaign', 17 | // 'utm_content', 18 | // 'utm_medium', 19 | // 'utm_source', 20 | // 'utm_term', 21 | ]; 22 | } 23 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Middleware/VerifyCsrfToken.php: -------------------------------------------------------------------------------- 1 | 13 | */ 14 | protected $except = [ 15 | // 16 | ]; 17 | } 18 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Requests/Api/V2/Auth/ForgotPasswordRequest.php: -------------------------------------------------------------------------------- 1 | 23 | */ 24 | public function rules() 25 | { 26 | return [ 27 | 'redirect_url' => ['required', 'url'], 28 | 'email' => ['required', 'email', 'exists:users,email'], 29 | ]; 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Requests/Api/V2/Auth/LoginRequest.php: -------------------------------------------------------------------------------- 1 | 23 | */ 24 | public function rules() 25 | { 26 | return [ 27 | 'email' => ['required', 'email', 'exists:users,email'], 28 | 'password' => ['required'] 29 | ]; 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Requests/Api/V2/Auth/RegisterRequest.php: -------------------------------------------------------------------------------- 1 | 23 | */ 24 | public function rules() 25 | { 26 | return [ 27 | 'name' => ['required', 'string', 'max:255'], 28 | 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 29 | 'password' => ['required', 'string', 'min:8', 'confirmed'], 30 | ]; 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /laravel-json-api/app/Http/Requests/Api/V2/Auth/ResetPasswordRequest.php: -------------------------------------------------------------------------------- 1 | 23 | */ 24 | public function rules() 25 | { 26 | return [ 27 | 'token' => ['required'], 28 | 'email' => ['required', 'email'], 29 | 'password' => ['required', 'confirmed', 'min:8'], 30 | ]; 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /laravel-json-api/app/JsonApi/V2/Server.php: -------------------------------------------------------------------------------- 1 | model()) { 21 | return [ 22 | 'name' => ['sometimes', 'string'], 23 | 'email' => ['sometimes', 'email', Rule::unique('users')->ignore($model->id)], 24 | 'password' => ['sometimes', 'confirmed', 'string', 'min:8'], 25 | ]; 26 | } 27 | 28 | return [ 29 | 'name' => ['required', 'string'], 30 | 'email' => ['required', 'email', Rule::unique('users')], 31 | 'password' => ['required', 'confirmed', 'string', 'min:8'], 32 | ]; 33 | } 34 | 35 | } 36 | -------------------------------------------------------------------------------- /laravel-json-api/app/Providers/AppServiceProvider.php: -------------------------------------------------------------------------------- 1 | 15 | */ 16 | protected $policies = [ 17 | 'App\Models\Model' => 'App\Policies\ModelPolicy', 18 | ]; 19 | 20 | /** 21 | * Register any authentication / authorization services. 22 | * 23 | * @return void 24 | */ 25 | public function boot() 26 | { 27 | $this->registerPolicies(); 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /laravel-json-api/app/Providers/BroadcastServiceProvider.php: -------------------------------------------------------------------------------- 1 | > 16 | */ 17 | protected $listen = [ 18 | Registered::class => [ 19 | SendEmailVerificationNotification::class, 20 | ], 21 | ]; 22 | 23 | /** 24 | * Register any events for your application. 25 | * 26 | * @return void 27 | */ 28 | public function boot() 29 | { 30 | // 31 | } 32 | 33 | /** 34 | * Determine if events and listeners should be automatically discovered. 35 | * 36 | * @return bool 37 | */ 38 | public function shouldDiscoverEvents() 39 | { 40 | return false; 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /laravel-json-api/app/Providers/RouteServiceProvider.php: -------------------------------------------------------------------------------- 1 | configureRateLimiting(); 30 | 31 | $this->routes(function () { 32 | Route::middleware('api') 33 | ->prefix('api') 34 | ->group(base_path('routes/api.php')); 35 | 36 | Route::middleware('web') 37 | ->group(base_path('routes/web.php')); 38 | }); 39 | } 40 | 41 | /** 42 | * Configure the rate limiters for the application. 43 | * 44 | * @return void 45 | */ 46 | protected function configureRateLimiting() 47 | { 48 | RateLimiter::for('api', function (Request $request) { 49 | return Limit::perMinute(60)->by($request->user()?->id ?: $request->ip()); 50 | }); 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /laravel-json-api/bootstrap/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /laravel-json-api/config/cors.php: -------------------------------------------------------------------------------- 1 | ['api/*', 'sanctum/csrf-cookie'], 19 | 20 | 'allowed_methods' => ['*'], 21 | 22 | 'allowed_origins' => ['*'], 23 | 24 | 'allowed_origins_patterns' => [], 25 | 26 | 'allowed_headers' => ['*'], 27 | 28 | 'exposed_headers' => [], 29 | 30 | 'max_age' => 0, 31 | 32 | 'supports_credentials' => false, 33 | 34 | ]; 35 | -------------------------------------------------------------------------------- /laravel-json-api/config/jsonapi.php: -------------------------------------------------------------------------------- 1 | 'JsonApi', 18 | 19 | /* 20 | |-------------------------------------------------------------------------- 21 | | Servers 22 | |-------------------------------------------------------------------------- 23 | | 24 | | A list of the JSON:API compliant APIs in your application, referred to 25 | | as "servers". They must be listed below, with the array key being the 26 | | unique name for each server, and the value being the fully-qualified 27 | | class name of the server class. 28 | */ 29 | 'servers' => [ 30 | 'v2' => \App\JsonApi\V2\Server::class, 31 | ], 32 | ]; 33 | -------------------------------------------------------------------------------- /laravel-json-api/config/services.php: -------------------------------------------------------------------------------- 1 | [ 18 | 'domain' => env('MAILGUN_DOMAIN'), 19 | 'secret' => env('MAILGUN_SECRET'), 20 | 'endpoint' => env('MAILGUN_ENDPOINT', 'api.mailgun.net'), 21 | 'scheme' => 'https', 22 | ], 23 | 24 | 'postmark' => [ 25 | 'token' => env('POSTMARK_TOKEN'), 26 | ], 27 | 28 | 'ses' => [ 29 | 'key' => env('AWS_ACCESS_KEY_ID'), 30 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 31 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), 32 | ], 33 | 34 | ]; 35 | -------------------------------------------------------------------------------- /laravel-json-api/config/view.php: -------------------------------------------------------------------------------- 1 | [ 17 | resource_path('views'), 18 | ], 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Compiled View Path 23 | |-------------------------------------------------------------------------- 24 | | 25 | | This option determines where all the compiled Blade templates will be 26 | | stored for your application. Typically, this is within the storage 27 | | directory. However, as usual, you are free to change this value. 28 | | 29 | */ 30 | 31 | 'compiled' => env( 32 | 'VIEW_COMPILED_PATH', 33 | realpath(storage_path('framework/views')) 34 | ), 35 | 36 | ]; 37 | -------------------------------------------------------------------------------- /laravel-json-api/database/.gitignore: -------------------------------------------------------------------------------- 1 | *.sqlite* 2 | -------------------------------------------------------------------------------- /laravel-json-api/database/factories/UserFactory.php: -------------------------------------------------------------------------------- 1 | 10 | */ 11 | class UserFactory extends Factory 12 | { 13 | /** 14 | * Define the model's default state. 15 | * 16 | * @return array 17 | */ 18 | public function definition() 19 | { 20 | return [ 21 | 'name' => fake()->name(), 22 | 'email' => fake()->unique()->safeEmail(), 23 | 'email_verified_at' => now(), 24 | 'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password 25 | 'remember_token' => Str::random(10), 26 | ]; 27 | } 28 | 29 | /** 30 | * Indicate that the model's email address should be unverified. 31 | * 32 | * @return static 33 | */ 34 | public function unverified() 35 | { 36 | return $this->state(fn (array $attributes) => [ 37 | 'email_verified_at' => null, 38 | ]); 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /laravel-json-api/database/migrations/2014_10_12_000000_create_users_table.php: -------------------------------------------------------------------------------- 1 | id(); 18 | $table->string('name'); 19 | $table->string('email')->unique(); 20 | $table->timestamp('email_verified_at')->nullable(); 21 | $table->string('password'); 22 | $table->rememberToken(); 23 | $table->timestamps(); 24 | }); 25 | } 26 | 27 | /** 28 | * Reverse the migrations. 29 | * 30 | * @return void 31 | */ 32 | public function down() 33 | { 34 | Schema::dropIfExists('users'); 35 | } 36 | }; 37 | -------------------------------------------------------------------------------- /laravel-json-api/database/migrations/2014_10_12_100000_create_password_resets_table.php: -------------------------------------------------------------------------------- 1 | string('email')->index(); 18 | $table->string('token'); 19 | $table->timestamp('created_at')->nullable(); 20 | }); 21 | } 22 | 23 | /** 24 | * Reverse the migrations. 25 | * 26 | * @return void 27 | */ 28 | public function down() 29 | { 30 | Schema::dropIfExists('password_resets'); 31 | } 32 | }; 33 | -------------------------------------------------------------------------------- /laravel-json-api/database/migrations/2016_06_01_000001_create_oauth_auth_codes_table.php: -------------------------------------------------------------------------------- 1 | string('id', 100)->primary(); 16 | $table->unsignedBigInteger('user_id')->index(); 17 | $table->unsignedBigInteger('client_id'); 18 | $table->text('scopes')->nullable(); 19 | $table->boolean('revoked'); 20 | $table->dateTime('expires_at')->nullable(); 21 | }); 22 | } 23 | 24 | /** 25 | * Reverse the migrations. 26 | */ 27 | public function down(): void 28 | { 29 | Schema::dropIfExists('oauth_auth_codes'); 30 | } 31 | }; 32 | -------------------------------------------------------------------------------- /laravel-json-api/database/migrations/2016_06_01_000002_create_oauth_access_tokens_table.php: -------------------------------------------------------------------------------- 1 | string('id', 100)->primary(); 16 | $table->unsignedBigInteger('user_id')->nullable()->index(); 17 | $table->unsignedBigInteger('client_id'); 18 | $table->string('name')->nullable(); 19 | $table->text('scopes')->nullable(); 20 | $table->boolean('revoked'); 21 | $table->timestamps(); 22 | $table->dateTime('expires_at')->nullable(); 23 | }); 24 | } 25 | 26 | /** 27 | * Reverse the migrations. 28 | */ 29 | public function down(): void 30 | { 31 | Schema::dropIfExists('oauth_access_tokens'); 32 | } 33 | }; 34 | -------------------------------------------------------------------------------- /laravel-json-api/database/migrations/2016_06_01_000003_create_oauth_refresh_tokens_table.php: -------------------------------------------------------------------------------- 1 | string('id', 100)->primary(); 16 | $table->string('access_token_id', 100)->index(); 17 | $table->boolean('revoked'); 18 | $table->dateTime('expires_at')->nullable(); 19 | }); 20 | } 21 | 22 | /** 23 | * Reverse the migrations. 24 | */ 25 | public function down(): void 26 | { 27 | Schema::dropIfExists('oauth_refresh_tokens'); 28 | } 29 | }; 30 | -------------------------------------------------------------------------------- /laravel-json-api/database/migrations/2016_06_01_000004_create_oauth_clients_table.php: -------------------------------------------------------------------------------- 1 | bigIncrements('id'); 16 | $table->unsignedBigInteger('user_id')->nullable()->index(); 17 | $table->string('name'); 18 | $table->string('secret', 100)->nullable(); 19 | $table->string('provider')->nullable(); 20 | $table->text('redirect'); 21 | $table->boolean('personal_access_client'); 22 | $table->boolean('password_client'); 23 | $table->boolean('revoked'); 24 | $table->timestamps(); 25 | }); 26 | } 27 | 28 | /** 29 | * Reverse the migrations. 30 | */ 31 | public function down(): void 32 | { 33 | Schema::dropIfExists('oauth_clients'); 34 | } 35 | }; 36 | -------------------------------------------------------------------------------- /laravel-json-api/database/migrations/2016_06_01_000005_create_oauth_personal_access_clients_table.php: -------------------------------------------------------------------------------- 1 | bigIncrements('id'); 16 | $table->unsignedBigInteger('client_id'); 17 | $table->timestamps(); 18 | }); 19 | } 20 | 21 | /** 22 | * Reverse the migrations. 23 | */ 24 | public function down(): void 25 | { 26 | Schema::dropIfExists('oauth_personal_access_clients'); 27 | } 28 | }; 29 | -------------------------------------------------------------------------------- /laravel-json-api/database/migrations/2019_08_19_000000_create_failed_jobs_table.php: -------------------------------------------------------------------------------- 1 | id(); 18 | $table->string('uuid')->unique(); 19 | $table->text('connection'); 20 | $table->text('queue'); 21 | $table->longText('payload'); 22 | $table->longText('exception'); 23 | $table->timestamp('failed_at')->useCurrent(); 24 | }); 25 | } 26 | 27 | /** 28 | * Reverse the migrations. 29 | * 30 | * @return void 31 | */ 32 | public function down() 33 | { 34 | Schema::dropIfExists('failed_jobs'); 35 | } 36 | }; 37 | -------------------------------------------------------------------------------- /laravel-json-api/database/migrations/2019_12_14_000001_create_personal_access_tokens_table.php: -------------------------------------------------------------------------------- 1 | id(); 18 | $table->morphs('tokenable'); 19 | $table->string('name'); 20 | $table->string('token', 64)->unique(); 21 | $table->text('abilities')->nullable(); 22 | $table->timestamp('last_used_at')->nullable(); 23 | $table->timestamp('expires_at')->nullable(); 24 | $table->timestamps(); 25 | }); 26 | } 27 | 28 | /** 29 | * Reverse the migrations. 30 | * 31 | * @return void 32 | */ 33 | public function down() 34 | { 35 | Schema::dropIfExists('personal_access_tokens'); 36 | } 37 | }; 38 | -------------------------------------------------------------------------------- /laravel-json-api/database/seeders/DatabaseSeeder.php: -------------------------------------------------------------------------------- 1 | call(UsersSeeder::class); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /laravel-json-api/database/seeders/UsersSeeder.php: -------------------------------------------------------------------------------- 1 | truncate(); 22 | Schema::enableForeignKeyConstraints(); 23 | 24 | User::create([ 25 | 'name' => 'Admin', 26 | 'email' => 'admin@jsonapi.com', 27 | 'password' => 'secret' 28 | ]); 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /laravel-json-api/lang/en/auth.php: -------------------------------------------------------------------------------- 1 | 'These credentials do not match our records.', 17 | 'password' => 'The provided password is incorrect.', 18 | 'throttle' => 'Too many login attempts. Please try again in :seconds seconds.', 19 | 20 | ]; 21 | -------------------------------------------------------------------------------- /laravel-json-api/lang/en/pagination.php: -------------------------------------------------------------------------------- 1 | '« Previous', 17 | 'next' => 'Next »', 18 | 19 | ]; 20 | -------------------------------------------------------------------------------- /laravel-json-api/lang/en/passwords.php: -------------------------------------------------------------------------------- 1 | 'Your password has been reset!', 17 | 'sent' => 'We have emailed your password reset link!', 18 | 'throttled' => 'Please wait before retrying.', 19 | 'token' => 'This password reset token is invalid.', 20 | 'user' => "We can't find a user with that email address.", 21 | 22 | ]; 23 | -------------------------------------------------------------------------------- /laravel-json-api/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "scripts": { 4 | "dev": "vite", 5 | "build": "vite build" 6 | }, 7 | "devDependencies": { 8 | "axios": "^1.1.2", 9 | "laravel-vite-plugin": "^0.6.0", 10 | "lodash": "^4.17.19", 11 | "postcss": "^8.1.14", 12 | "vite": "^3.0.0" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /laravel-json-api/phpunit.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 9 | ./tests/Unit 10 | 11 | 12 | ./tests/Feature 13 | 14 | 15 | 16 | 17 | ./app 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /laravel-json-api/public/.htaccess: -------------------------------------------------------------------------------- 1 | 2 | 3 | Options -MultiViews -Indexes 4 | 5 | 6 | RewriteEngine On 7 | 8 | # Handle Authorization Header 9 | RewriteCond %{HTTP:Authorization} . 10 | RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}] 11 | 12 | # Redirect Trailing Slashes If Not A Folder... 13 | RewriteCond %{REQUEST_FILENAME} !-d 14 | RewriteCond %{REQUEST_URI} (.+)/$ 15 | RewriteRule ^ %1 [L,R=301] 16 | 17 | # Send Requests To Front Controller... 18 | RewriteCond %{REQUEST_FILENAME} !-d 19 | RewriteCond %{REQUEST_FILENAME} !-f 20 | RewriteRule ^ index.php [L] 21 | 22 | -------------------------------------------------------------------------------- /laravel-json-api/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/laravel-json-api/public/favicon.ico -------------------------------------------------------------------------------- /laravel-json-api/public/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: 3 | -------------------------------------------------------------------------------- /laravel-json-api/resources/css/app.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/laravel-json-api/resources/css/app.css -------------------------------------------------------------------------------- /laravel-json-api/resources/js/app.js: -------------------------------------------------------------------------------- 1 | import './bootstrap'; 2 | -------------------------------------------------------------------------------- /laravel-json-api/resources/js/bootstrap.js: -------------------------------------------------------------------------------- 1 | import _ from 'lodash'; 2 | window._ = _; 3 | 4 | /** 5 | * We'll load the axios HTTP library which allows us to easily issue requests 6 | * to our Laravel back-end. This library automatically handles sending the 7 | * CSRF token as a header based on the value of the "XSRF" token cookie. 8 | */ 9 | 10 | import axios from 'axios'; 11 | window.axios = axios; 12 | 13 | window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; 14 | 15 | /** 16 | * Echo exposes an expressive API for subscribing to channels and listening 17 | * for events that are broadcast by Laravel. Echo and event broadcasting 18 | * allows your team to easily build robust real-time web applications. 19 | */ 20 | 21 | // import Echo from 'laravel-echo'; 22 | 23 | // import Pusher from 'pusher-js'; 24 | // window.Pusher = Pusher; 25 | 26 | // window.Echo = new Echo({ 27 | // broadcaster: 'pusher', 28 | // key: import.meta.env.VITE_PUSHER_APP_KEY, 29 | // wsHost: import.meta.env.VITE_PUSHER_HOST ? import.meta.env.VITE_PUSHER_HOST : `ws-${import.meta.env.VITE_PUSHER_APP_CLUSTER}.pusher.com`, 30 | // wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80, 31 | // wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443, 32 | // forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https', 33 | // enabledTransports: ['ws', 'wss'], 34 | // }); 35 | -------------------------------------------------------------------------------- /laravel-json-api/routes/channels.php: -------------------------------------------------------------------------------- 1 | id === (int) $id; 18 | }); 19 | -------------------------------------------------------------------------------- /laravel-json-api/routes/console.php: -------------------------------------------------------------------------------- 1 | comment(Inspiring::quote()); 19 | })->purpose('Display an inspiring quote'); 20 | -------------------------------------------------------------------------------- /laravel-json-api/routes/web.php: -------------------------------------------------------------------------------- 1 | make(Kernel::class)->bootstrap(); 19 | 20 | return $app; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /laravel-json-api/tests/Feature/ExampleTest.php: -------------------------------------------------------------------------------- 1 | get('/'); 18 | 19 | $response->assertStatus(200); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /laravel-json-api/tests/TestCase.php: -------------------------------------------------------------------------------- 1 | assertTrue(true); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /laravel-json-api/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite'; 2 | import laravel from 'laravel-vite-plugin'; 3 | 4 | export default defineConfig({ 5 | plugins: [ 6 | laravel({ 7 | input: ['resources/css/app.css', 'resources/js/app.js'], 8 | refresh: true, 9 | }), 10 | ], 11 | }); 12 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not dead 4 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/.env.example: -------------------------------------------------------------------------------- 1 | VUE_APP_BASE_URL= 2 | VUE_APP_API_BASE_URL= 3 | VUE_APP_API_KEY="" 4 | VUE_APP_IS_DEMO=0 5 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true 5 | }, 6 | extends: ["plugin:vue/vue3-essential", "eslint:recommended", "@vue/prettier"], 7 | parserOptions: { 8 | parser: "babel-eslint" 9 | }, 10 | rules: { 11 | "prettier/prettier": "off", 12 | "no-console": process.env.NODE_ENV === "production" ? "warn" : "off", 13 | "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off" 14 | } 15 | }; 16 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | 6 | # local env files 7 | .env.local 8 | .env.*.local 9 | .env 10 | 11 | # Log files 12 | npm-debug.log* 13 | yarn-debug.log* 14 | yarn-error.log* 15 | pnpm-debug.log* 16 | 17 | # Editor directories and files 18 | .idea 19 | .vscode 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | 26 | package-lock.json 27 | yarn.lock -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Creative Tim (www.creative-tim.com) 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ["@vue/cli-plugin-babel/preset"], 3 | }; 4 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/public/favicon.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/argon-dashboard.js: -------------------------------------------------------------------------------- 1 | import "./assets/js/nav-pills.js"; 2 | import "./assets/scss/argon-dashboard.scss"; 3 | 4 | export default { 5 | install() {}, 6 | }; 7 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/fonts/nucleo-icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/fonts/nucleo-icons.eot -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/fonts/nucleo-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/fonts/nucleo-icons.ttf -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/fonts/nucleo-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/fonts/nucleo-icons.woff -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/fonts/nucleo-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/fonts/nucleo-icons.woff2 -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/fonts/nucleo.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/fonts/nucleo.eot -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/fonts/nucleo.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/fonts/nucleo.ttf -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/fonts/nucleo.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/fonts/nucleo.woff -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/fonts/nucleo.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/fonts/nucleo.woff2 -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/apple-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/apple-icon.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/bg-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/bg-profile.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/bruce-mars.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/bruce-mars.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/card-visa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/card-visa.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/carousel-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/carousel-1.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/carousel-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/carousel-2.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/carousel-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/carousel-3.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/down-arrow-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | down-arrow 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/down-arrow-white.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/down-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | down-arrow 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/favicon.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/icons/flags/AU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/icons/flags/AU.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/icons/flags/BR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/icons/flags/BR.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/icons/flags/DE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/icons/flags/DE.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/icons/flags/GB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/icons/flags/GB.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/icons/flags/US.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/icons/flags/US.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/illustrations/rocket-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/illustrations/rocket-white.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/ivancik.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/ivancik.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/logo-ct-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/logo-ct-dark.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/logo-ct.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/logo-ct.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/logos/mastercard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/logos/mastercard.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/logos/visa.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/logos/visa.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/placeholder.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/placeholder.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/small-logos/icon-sun-cloud.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/small-logos/icon-sun-cloud.png -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/team-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/team-1.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/team-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/team-2.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/team-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/team-3.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/team-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/team-4.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/team-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/team-5.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/img/vr-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/img/vr-bg.jpg -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/js/tooltip.js: -------------------------------------------------------------------------------- 1 | import bootstrap from "bootstrap/dist/js/bootstrap"; 2 | 3 | // initialization of Tooltips 4 | export default function setTooltip() { 5 | var tooltipTriggerList = [].slice.call( 6 | document.querySelectorAll('[data-bs-toggle="tooltip"]') 7 | ); 8 | // eslint-disable-next-line no-unused-vars 9 | var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { 10 | return new bootstrap.Tooltip(tooltipTriggerEl); 11 | }); 12 | } 13 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard.scss: -------------------------------------------------------------------------------- 1 | // ========================================================= 2 | // * Argon Dashboard 2 Pro - v2.0.0 3 | // ========================================================= 4 | // 5 | // * Product Page: https://www.creative-tim.com/product/argon-dashboard-pro 6 | // * Copyright 2021 Creative Tim (https://www.creative-tim.com) 7 | // 8 | // Coded by www.creative-tim.com 9 | // 10 | // ========================================================= 11 | // 12 | // * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 13 | 14 | // Bootstrap Functions 15 | @import "argon-dashboard/bootstrap/functions"; 16 | 17 | // Custom Variables 18 | @import "argon-dashboard/custom/variables"; 19 | 20 | // Theme Variables 21 | @import "argon-dashboard/variables"; 22 | 23 | // Bootstrap Core 24 | @import "argon-dashboard/bootstrap/bootstrap"; 25 | 26 | // Theme Core 27 | @import "argon-dashboard/theme-pro"; 28 | 29 | // Custom Variables 30 | @import "argon-dashboard/custom/styles"; 31 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_accordion.scss: -------------------------------------------------------------------------------- 1 | .accordion { 2 | .accordion-button { 3 | font-size: inherit !important; 4 | } 5 | 6 | div { 7 | button[aria-expanded='true'] { 8 | .collapse-close { 9 | display: none; 10 | } 11 | 12 | .collapse-open { 13 | display: block; 14 | } 15 | } 16 | 17 | button[aria-expanded='false'] { 18 | .collapse-open { 19 | display: none; 20 | } 21 | 22 | .collapse-close { 23 | display: block; 24 | } 25 | } 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_alert.scss: -------------------------------------------------------------------------------- 1 | @each $state, $value in $theme-gradient-colors { 2 | .alert-#{$state} { 3 | @include gradient-directional(nth($value, 1) 0%, darken(nth($value, -1), 8%) 100%, $deg: 310deg); 4 | } 5 | } 6 | 7 | .btn-close{ 8 | &:focus{ 9 | box-shadow: none; 10 | } 11 | } 12 | 13 | .alert-dismissible{ 14 | .btn-close{ 15 | background-image: none; 16 | } 17 | } 18 | 19 | .alert { 20 | z-index: 999; 21 | } -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_backgrounds.scss: -------------------------------------------------------------------------------- 1 | .bg-primary-soft{ 2 | background: rgba($primary-gradient, .03); 3 | } 4 | 5 | .bg-info-soft{ 6 | background: rgba($info-gradient, .03); 7 | } 8 | 9 | .bg-success-soft{ 10 | background: rgba($success-gradient, .03); 11 | } 12 | 13 | .bg-warning-soft{ 14 | background: rgba($warning-gradient, .03); 15 | } 16 | 17 | .bg-danger-soft{ 18 | background: rgba($danger-gradient, .03); 19 | } 20 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_badge.scss: -------------------------------------------------------------------------------- 1 | @each $prop, $value in $theme-colors { 2 | .badge.bg-#{$prop} { 3 | background: $value; 4 | } 5 | } 6 | .badge { 7 | text-transform: uppercase; 8 | } 9 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumb 3 | // 4 | 5 | .breadcrumb-item { 6 | font-size: $font-size-sm; 7 | &.text-white{ 8 | &::before { 9 | color: $white; 10 | } 11 | } 12 | 13 | } 14 | 15 | .breadcrumb-dark { 16 | background-color: $breadcrumb-dark-bg; 17 | 18 | .breadcrumb-item { 19 | font-weight: 600; 20 | 21 | a { 22 | color: $breadcrumb-dark-color; 23 | 24 | &:hover { 25 | color: $breadcrumb-dark-hover-color; 26 | } 27 | } 28 | 29 | + .breadcrumb-item { 30 | &::before { 31 | color: $breadcrumb-dark-divider-color; 32 | } 33 | } 34 | 35 | &.active { 36 | color: $breadcrumb-dark-active-color; 37 | } 38 | } 39 | } 40 | 41 | 42 | // Links 43 | 44 | .breadcrumb-links { 45 | padding: 0; 46 | margin: 0; 47 | background: transparent; 48 | } 49 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_cards-extend.scss: -------------------------------------------------------------------------------- 1 | @import 'cards/card-blog'; 2 | @import 'cards/card-horizontal'; 3 | @import 'cards/card-profile'; 4 | @import 'cards/card-pricing'; 5 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_cards.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | box-shadow: $card-box-shadow; 3 | .card-header { 4 | padding: $card-header-padding; 5 | } 6 | 7 | .card-body { 8 | font-family: $font-family-sans-serif; 9 | padding: $card-body-padding; 10 | } 11 | 12 | &.card-plain { 13 | background-color: $card-plain-bg-color; 14 | box-shadow: $card-plain-box-shadow !important; 15 | } 16 | 17 | .card-footer { 18 | padding: $card-footer-padding; 19 | background-color: transparent; 20 | } 21 | } 22 | 23 | .author { 24 | display: $card-author-display; 25 | 26 | .name > span { 27 | line-height: $card-author-name-line-height; 28 | font-weight: $font-weight-bold; 29 | font-size: $font-size-sm; 30 | color: $card-author-name-color; 31 | } 32 | 33 | .stats { 34 | font-size: $font-size-sm; 35 | font-weight: $font-weight-normal; 36 | } 37 | } 38 | 39 | @import 'cards/card-background'; 40 | @import 'cards/card-carousel'; 41 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_components.scss: -------------------------------------------------------------------------------- 1 | // Badges 2 | @import "badges/badge"; 3 | @import "badges/badge-circle"; 4 | @import "badges/badge-dot"; 5 | @import "badges/badge-floating"; 6 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_dropdown-extend.scss: -------------------------------------------------------------------------------- 1 | // MultiLevel Dropdown Style 2 | 3 | .dropdown-menu li { 4 | position: relative; 5 | } 6 | 7 | // End MultiLevel Dropdown Style 8 | 9 | .dropdown-image { 10 | background-size: cover; 11 | } 12 | 13 | @include media-breakpoint-up(lg) { 14 | .dropdown-xl { 15 | min-width: $dropdown-xl-min-width; 16 | } 17 | 18 | .dropdown-lg { 19 | min-width: $dropdown-lg-min-width; 20 | } 21 | 22 | .dropdown-md { 23 | min-width: $dropdown-md-min-width; 24 | } 25 | } 26 | 27 | @include media-breakpoint-down(xl) { 28 | .dropdown-lg-responsive { 29 | min-width: $dropdown-lg-width-responsive; 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_dropup.scss: -------------------------------------------------------------------------------- 1 | .dropup { 2 | .dropdown-menu { 3 | box-shadow: $dropdown-box-shadow; 4 | transition: $dropdown-transition; 5 | cursor: pointer; 6 | top: auto !important; 7 | bottom: 100% !important; 8 | margin-bottom: $dropup-mb !important; 9 | display: block; 10 | opacity: 0; 11 | transform-origin: $dropup-transform-origin; 12 | pointer-events: none; 13 | -webkit-backface-visibility: hidden; 14 | backface-visibility: hidden; 15 | will-change: transform,box-shadow; 16 | animation: $dropdown-animation; 17 | 18 | &.show { 19 | pointer-events: auto; 20 | opacity: 1; 21 | animation: $dropdown-animation-show; 22 | 23 | &:after { 24 | bottom: -($dropup-animation-arrow-bottom-position - 2); 25 | } 26 | } 27 | 28 | &:after { 29 | font-family: "FontAwesome"; 30 | content: "\f0d7"; 31 | position: absolute; 32 | z-index: -1; 33 | bottom: $dropup-animation-arrow-bottom-position; 34 | left: $dropdown-animation-arrow-left-position; 35 | right: auto; 36 | font-size: $dropdown-animation-arrow-font-size; 37 | color: $white; 38 | transition: $dropup-animation-arrow-transition; 39 | } 40 | } 41 | } -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_fixed-plugin.scss: -------------------------------------------------------------------------------- 1 | .fixed-plugin{ 2 | .fixed-plugin-button{ 3 | background: $white; 4 | border-radius: $fixed-plugin-radius; 5 | bottom: $fixed-plugin-bottom; 6 | right: $fixed-plugin-right; 7 | font-size: $font-size-xl; 8 | z-index: $fixed-plugin-button-z-index; 9 | box-shadow: $fixed-plugin-box-shadow; 10 | cursor: pointer; 11 | i{ 12 | pointer-events: none; 13 | } 14 | } 15 | .card{ 16 | position: fixed !important; 17 | right: -$fixed-plugin-card-width; 18 | top: 0; 19 | height: 100%; 20 | left: auto!important; 21 | transform: unset !important; 22 | width: $fixed-plugin-card-width; 23 | border-radius: 0; 24 | padding: 0 10px; 25 | transition: .2s ease; 26 | z-index: $fixed-plugin-card-z-index; 27 | } 28 | 29 | .badge{ 30 | border: 1px solid $white; 31 | border-radius: 50%; 32 | cursor: pointer; 33 | display: inline-block; 34 | height: 23px; 35 | margin-right: 5px; 36 | position: relative; 37 | width: 23px; 38 | transition: $transition-base; 39 | &:hover, 40 | &.active{ 41 | border-color: $dark; 42 | } 43 | } 44 | 45 | .btn.bg-gradient-primary:not(:disabled):not(.disabled){ 46 | border: 1px solid transparent; 47 | &:not(.active){ 48 | background-color: transparent; 49 | background-image: none; 50 | border: 1px solid $primary; 51 | color: $primary; 52 | } 53 | } 54 | 55 | &.show{ 56 | .card{ 57 | right: 0; 58 | } 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_floating-elements.scss: -------------------------------------------------------------------------------- 1 | .floating-man { 2 | width: $floating-man-width; 3 | } 4 | 5 | .fadeIn1 { 6 | animation-duration: $fade-in-1-animation-duration; 7 | } 8 | .fadeIn2 { 9 | animation-duration: $fade-in-2-animation-duration; 10 | } 11 | .fadeIn3 { 12 | animation-duration: $fade-in-3-animation-duration; 13 | } 14 | .fadeIn4 { 15 | animation-duration: $fade-in-4-animation-duration; 16 | } 17 | .fadeIn5 { 18 | animation-duration: $fade-in-5-animation-duration; 19 | } 20 | .fadeIn1, 21 | .fadeIn2, 22 | .fadeIn3, 23 | .fadeIn4, 24 | .fadeIn5 { 25 | animation-fill-mode: both; 26 | } 27 | .fadeInBottom { 28 | animation-name: $fade-in-animation-name; 29 | } 30 | 31 | @keyframes fadeInBottom { 32 | from { 33 | opacity: 0; 34 | transform: $fade-in-bottom-transform; 35 | } 36 | to { 37 | opacity: 1 38 | } 39 | } 40 | 41 | 42 | 43 | 44 | // Headers 45 | 46 | .header-rounded-images { 47 | .shape-1 { 48 | width: $shape-1-width; 49 | left: $shape-1-left; 50 | } 51 | 52 | .shape-2 { 53 | width: $shape-2-width; 54 | left: $shape-2-left; 55 | } 56 | 57 | .shape-3 { 58 | width: $shape-3-width; 59 | margin-top: $shape-3-left; 60 | } 61 | 62 | .img-1 { 63 | right: $shape-img-1-right; 64 | width: $shape-img-1-width; 65 | margin-top: $shape-img-1-margin-top; 66 | } 67 | 68 | .img-2 { 69 | left: $shape-img-2-left; 70 | width: $shape-img-2-width; 71 | margin-top: $shape-img-2-margin-top; 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_footer.scss: -------------------------------------------------------------------------------- 1 | .footer { 2 | .nav-link { 3 | color: $dark; 4 | font-weight: $font-weight-normal; 5 | font-size: $font-size-sm; 6 | padding-top: 0; 7 | padding-bottom: $nav-link-footer-padding; 8 | 9 | &:hover { 10 | opacity: 1 !important; 11 | transition: $footer-link-animation; 12 | } 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_forms.scss: -------------------------------------------------------------------------------- 1 | .input-group { 2 | @include border-radius($input-border-radius, 0); 3 | 4 | &, 5 | .input-group-text { 6 | transition: $input-transition; 7 | } 8 | 9 | & > :not(:first-child):not(.dropdown-menu) { 10 | margin-left: 0; 11 | } 12 | 13 | .form-control { 14 | box-shadow: none; 15 | background-image: none; 16 | 17 | &:not(:first-child) { 18 | border-left: 0; 19 | padding-left: 0; 20 | } 21 | &:not(:last-child) { 22 | border-right: 0; 23 | padding-right: 0; 24 | } 25 | 26 | & + .input-group-text { 27 | border-left: 0; 28 | border-right: $input-border-width solid $input-border-color; 29 | } 30 | } 31 | 32 | .input-group-text { 33 | border-right: 0; 34 | } 35 | 36 | 37 | 38 | &.focused { 39 | box-shadow: $input-focus-box-shadow; 40 | } 41 | 42 | &.focused .input-group-text { 43 | border-color: $input-focus-border-color; 44 | } 45 | } 46 | 47 | 48 | .form-group { 49 | margin-bottom: 1rem; 50 | } 51 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_gradients.scss: -------------------------------------------------------------------------------- 1 | @each $prop, $value in $theme-gradient-colors { 2 | .bg-gradient-#{$prop} { 3 | @include gradient-directional(nth($value, 1) 0%, nth($value, -1) 100%, $deg: 310deg); 4 | } 5 | } 6 | 7 | @each $prop, $value in $theme-colors { 8 | .bg-gradient-faded-#{$prop} { 9 | background-image: radial-gradient(370px circle at 80% 50%,rgba($value, .6) 0,darken($value, 10%) 100%) 10 | } 11 | } 12 | 13 | 14 | // @each $prop, $value in $theme-colors { 15 | // &.bg-gradient-faded-#{$prop}-vertical{ 16 | // background-image: radial-gradient(200px circle at 50% 70%, rgba($value, .3) 0, $value 100%); 17 | // } 18 | // } 19 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_header.scss: -------------------------------------------------------------------------------- 1 | .page-header { 2 | padding: $page-header-padding; 3 | position: $page-header-position; 4 | overflow: $page-header-overflow; 5 | display: $page-header-display; 6 | align-items: $page-header-align-items; 7 | background-size: $page-header-bg-size; 8 | background-position: $page-header-bg-position; 9 | 10 | .container { 11 | z-index: $page-header-conteiner-index; 12 | } 13 | } 14 | 15 | .oblique { 16 | transform: $header-oblique-transform; 17 | overflow: $header-oblique-overflow; 18 | width: $header-oblique-img-width; 19 | right: $header-oblique-img-right; 20 | border-bottom-left-radius: $border-radius-lg; 21 | 22 | .oblique-image { 23 | transform: $header-oblique-img-transform; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_pagination.scss: -------------------------------------------------------------------------------- 1 | .page-item { 2 | &.active .page-link { 3 | box-shadow: $pagination-active-box-shadow; 4 | } 5 | 6 | .page-link, 7 | span { 8 | display: $page-link-display; 9 | align-items: $page-link-align-items; 10 | justify-content: $page-link-justify-content; 11 | color: $secondary; 12 | padding: 0; 13 | margin: $page-link-margin; 14 | border-radius: $page-link-radius !important; 15 | width: $page-link-width; 16 | height: $page-link-height; 17 | font-size: $font-size-sm; 18 | } 19 | } 20 | 21 | .pagination-lg { 22 | .page-item { 23 | .page-link, 24 | span { 25 | width: $page-link-width-lg; 26 | height: $page-link-height-lg; 27 | line-height: $page-link-line-height-lg; 28 | } 29 | } 30 | } 31 | 32 | .pagination-sm { 33 | .page-item { 34 | .page-link, 35 | span { 36 | width: $page-link-width-sm; 37 | height: $page-link-height-sm; 38 | line-height: $page-link-line-height-sm; 39 | } 40 | } 41 | } 42 | 43 | 44 | // Colors 45 | .pagination { 46 | @each $name, $value in $theme-gradient-colors { 47 | &.pagination-#{$name} { 48 | .page-item.active > .page-link { 49 | &, 50 | &:focus, 51 | &:hover { 52 | @include gradient-directional(nth($value, 1) 0%, nth($value, -1) 100%, $deg: 310deg); 53 | border: none; 54 | } 55 | } 56 | } 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_popovers.scss: -------------------------------------------------------------------------------- 1 | .popover { 2 | box-shadow: $popover-box-shadow; 3 | } 4 | 5 | // popover title 6 | .popover { 7 | .popover-header { 8 | font-weight: 600; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_progress.scss: -------------------------------------------------------------------------------- 1 | .progress-bar { 2 | height: $progress-bar-height; 3 | border-radius: $border-radius; 4 | } 5 | 6 | .progress { 7 | overflow: visible; 8 | 9 | &.progress-xs { 10 | height: $progress-height-xs; 11 | } 12 | &.progress-sm { 13 | height: $progress-height-sm; 14 | } 15 | &.progress-lg { 16 | height: $progress-height-lg; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_rtl-extend.scss: -------------------------------------------------------------------------------- 1 | @include media-breakpoint-up(lg) { 2 | .rtl { 3 | .navbar-vertical { 4 | .navbar-nav { 5 | .collapse, 6 | .collapsing { 7 | .nav-item { 8 | .nav-link { 9 | &:before { 10 | right: $rtl-sidebar-bullet-right !important; 11 | left: auto !important; 12 | } 13 | } 14 | 15 | .collapse, 16 | .collapsing { 17 | .nav { 18 | padding-right: 0; 19 | } 20 | } 21 | } 22 | } 23 | } 24 | } 25 | 26 | &.g-sidenav-hidden { 27 | .navbar-vertical { 28 | .navbar-nav { 29 | .nav-item { 30 | .collapse, 31 | .collapsing { 32 | .nav { 33 | padding-right: 0; 34 | } 35 | } 36 | } 37 | } 38 | 39 | &:hover { 40 | .navbar-nav { 41 | > .nav-item { 42 | .collapse, 43 | .collapsing { 44 | .nav { 45 | padding-right: $rtl-sidebar-hover-padding-right; 46 | 47 | .nav-item { 48 | .collapse, 49 | .collapsing { 50 | .nav { 51 | padding-right: 0 !important; 52 | } 53 | } 54 | } 55 | } 56 | } 57 | } 58 | } 59 | } 60 | } 61 | } 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_social-buttons.scss: -------------------------------------------------------------------------------- 1 | .btn { 2 | // social buttons 3 | &.btn-facebook { 4 | @include social-buttons-color($facebook, $facebook-states); 5 | } 6 | &.btn-twitter { 7 | @include social-buttons-color($twitter, $twitter-states); 8 | } 9 | &.btn-pinterest { 10 | @include social-buttons-color($pinterest, $pinterest-states); 11 | } 12 | &.btn-linkedin { 13 | @include social-buttons-color($linkedin, $linkedin-states); 14 | } 15 | &.btn-dribbble { 16 | @include social-buttons-color($dribbble, $dribbble-states); 17 | } 18 | &.btn-github { 19 | @include social-buttons-color($github, $github-states); 20 | } 21 | &.btn-youtube { 22 | @include social-buttons-color($youtube, $youtube-states); 23 | } 24 | &.btn-instagram { 25 | @include social-buttons-color($instagram, $instagram-states); 26 | } 27 | &.btn-reddit { 28 | @include social-buttons-color($reddit, $reddit-states); 29 | } 30 | &.btn-tumblr { 31 | @include social-buttons-color($tumblr, $tumblr-states); 32 | } 33 | &.btn-behance { 34 | @include social-buttons-color($behance, $behance-states); 35 | } 36 | &.btn-vimeo { 37 | @include social-buttons-color($vimeo, $vimeo-states); 38 | } 39 | &.btn-slack { 40 | @include social-buttons-color($slack, $slack-states); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_tables.scss: -------------------------------------------------------------------------------- 1 | // General styles 2 | 3 | .table { 4 | thead th { 5 | padding: $table-head-spacer-y $table-head-spacer-x; 6 | text-transform: $table-head-text-transform; 7 | letter-spacing: $table-head-letter-spacing; 8 | border-bottom: $table-border-width solid $table-border-color; 9 | } 10 | 11 | th { 12 | font-weight: $table-head-font-weight; 13 | } 14 | 15 | td { 16 | .progress { 17 | height: $table-progress-height; 18 | width: $table-progress-width; 19 | margin: $table-progress-margin; 20 | } 21 | } 22 | 23 | td, 24 | th { 25 | white-space: nowrap; 26 | } 27 | // Vetical align table content 28 | &.align-items-center { 29 | td, 30 | th { 31 | vertical-align: middle; 32 | } 33 | } 34 | tbody{ 35 | tr:last-child{ 36 | td{ 37 | border-width: 0; 38 | } 39 | } 40 | } 41 | 42 | > :not(:last-child) > :last-child > * { 43 | border-bottom-color: $light; 44 | } 45 | 46 | > :not(:first-child) { 47 | border-top: 1px solid currentColor; 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_tilt.scss: -------------------------------------------------------------------------------- 1 | // Tilt Animation 2 | .tilt { 3 | -webkit-transform-style: $tilt-transform-style; 4 | transform-style: $tilt-transform-style; 5 | 6 | .up { 7 | -webkit-transform: $tilt-transform-up-transform; 8 | transform: $tilt-transform-up-transform !important; 9 | transition: $tilt-transform-up-transition; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_tooltips.scss: -------------------------------------------------------------------------------- 1 | .bs-tooltip-auto[x-placement^=right] .tooltip-arrow, 2 | .bs-tooltip-right .tooltip-arrow { 3 | left: $tooltip-arrow-left; 4 | } 5 | 6 | .bs-tooltip-auto[x-placement^=left] .tooltip-arrow, 7 | .bs-tooltip-left .tooltip-arrow { 8 | right: $tooltip-arrow-right; 9 | } 10 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/_utilities-extend.scss: -------------------------------------------------------------------------------- 1 | @each $name, $value in $max-width-dim{ 2 | .max-width-#{$name} { 3 | max-width: $value !important; 4 | } 5 | } 6 | 7 | @each $name, $value in $width-dim{ 8 | .width-#{$name} { 9 | width: $value !important; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/badges/_badge-circle.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Circle badge 3 | // 4 | 5 | 6 | // General styles 7 | 8 | .badge-circle { 9 | text-align: center; 10 | display: inline-flex; 11 | align-items: center; 12 | justify-content: center; 13 | border-radius: $badge-circle-border-radius; 14 | padding: 0 !important; 15 | width: $badge-circle-width; 16 | height: $badge-circle-height; 17 | font-size: $badge-circle-font-size; 18 | font-weight: $badge-circle-font-weight; 19 | 20 | &.badge-md { 21 | width: $badge-circle-md-width; 22 | height: $badge-circle-md-height; 23 | } 24 | 25 | &.badge-lg { 26 | width: $badge-circle-lg-width; 27 | height: $badge-circle-lg-height; 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/badges/_badge-dot.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Dot badge 3 | // 4 | 5 | 6 | // General styles 7 | 8 | .badge-dot { 9 | padding-left: 0; 10 | padding-right: 0; 11 | background: transparent; 12 | font-weight: $font-weight-normal; 13 | font-size: $font-size-sm; 14 | text-transform: none; 15 | 16 | strong { 17 | color: $gray-800; 18 | } 19 | 20 | i { 21 | display: inline-block; 22 | vertical-align: middle; 23 | width: $badge-dot-icon-width; 24 | height: $badge-dot-icon-height; 25 | border-radius: $badge-dot-icon-radius; 26 | margin-right: $badge-dot-icon-margin-right; 27 | } 28 | 29 | &.badge-md { 30 | i { 31 | width: $badge-dot-md-icon-width; 32 | height: $badge-dot-md-icon-height; 33 | } 34 | } 35 | 36 | &.badge-lg { 37 | i { 38 | width: $badge-dot-lg-icon-width; 39 | height: $badge-dot-lg-icon-height; 40 | } 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/badges/_badge-floating.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Badge floating 3 | // 4 | 5 | 6 | .btn { 7 | .badge-floating { 8 | position: absolute; 9 | top: -$badge-floating-top; 10 | transform: translateY($badge-floating-top); 11 | border: $badge-floating-border solid; 12 | 13 | &.badge:not(.badge-circle) { 14 | transform: $badge-floating-transform; 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/badges/_badge.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Badge 3 | // 4 | 5 | 6 | // General styles 7 | 8 | .badge { 9 | 10 | 11 | a { 12 | color: $white; 13 | } 14 | } 15 | 16 | 17 | // Size variations 18 | 19 | .badge-sm{ 20 | padding: $badge-sm-padding; 21 | font-size: $badge-sm-font-size; 22 | border-radius: $border-radius-sm; 23 | } 24 | 25 | .badge-md { 26 | padding: $badge-md-padding; 27 | } 28 | 29 | .badge-lg { 30 | padding: $badge-lg-padding; 31 | } 32 | 33 | 34 | // Multiple inline badges 35 | 36 | .badge-inline { 37 | margin-right: $badge-inline-margin-right; 38 | 39 | + span { 40 | top: $badge-inline-span-top; 41 | position: relative; 42 | 43 | > a { 44 | text-decoration: underline; 45 | } 46 | } 47 | } 48 | 49 | 50 | // Color fixes 51 | 52 | .badge-default { 53 | color: $white; 54 | } 55 | 56 | .badge-secondary { 57 | background-color: theme-color("secondary"); 58 | color: color-yiq(theme-color("secondary")); 59 | } 60 | 61 | 62 | // Badge spacing inside a btn with some text 63 | 64 | .btn { 65 | .badge { 66 | &:not(:first-child) { 67 | margin-left: $badge-btn-margin; 68 | } 69 | &:not(:last-child) { 70 | margin-right: $badge-btn-margin; 71 | } 72 | } 73 | } 74 | 75 | // Colors 76 | // 77 | // Contextual variations (linked badges get darker on :hover). 78 | 79 | @each $color, $value in $theme-colors { 80 | .badge-#{$color} { 81 | @include badge-variant($value); 82 | } 83 | } 84 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_badge.scss: -------------------------------------------------------------------------------- 1 | // Base class 2 | // 3 | // Requires one of the contextual, color modifier classes for `color` and 4 | // `background-color`. 5 | 6 | .badge { 7 | display: inline-block; 8 | padding: $badge-padding-y $badge-padding-x; 9 | @include font-size($badge-font-size); 10 | font-weight: $badge-font-weight; 11 | line-height: 1; 12 | color: $badge-color; 13 | text-align: center; 14 | white-space: nowrap; 15 | vertical-align: baseline; 16 | @include border-radius($badge-border-radius); 17 | @include gradient-bg(); 18 | 19 | // Empty badges collapse automatically 20 | &:empty { 21 | display: none; 22 | } 23 | } 24 | 25 | // Quick fix for badges in buttons 26 | .btn .badge { 27 | position: relative; 28 | top: -1px; 29 | } 30 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb { 2 | display: flex; 3 | flex-wrap: wrap; 4 | padding: $breadcrumb-padding-y $breadcrumb-padding-x; 5 | margin-bottom: $breadcrumb-margin-bottom; 6 | @include font-size($breadcrumb-font-size); 7 | list-style: none; 8 | background-color: $breadcrumb-bg; 9 | @include border-radius($breadcrumb-border-radius); 10 | } 11 | 12 | .breadcrumb-item { 13 | // The separator between breadcrumbs (by default, a forward-slash: "/") 14 | + .breadcrumb-item { 15 | padding-left: $breadcrumb-item-padding-x; 16 | 17 | &::before { 18 | float: left; // Suppress inline spacings and underlining of the separator 19 | padding-right: $breadcrumb-item-padding-x; 20 | color: $breadcrumb-divider-color; 21 | content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"}; 22 | } 23 | } 24 | 25 | &.active { 26 | color: $breadcrumb-active-color; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_close.scss: -------------------------------------------------------------------------------- 1 | // transparent background and border properties included for button version. 2 | // iOS requires the button element instead of an anchor tag. 3 | // If you want the anchor version, it requires `href="#"`. 4 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 5 | 6 | .btn-close { 7 | box-sizing: content-box; 8 | width: $btn-close-width; 9 | height: $btn-close-height; 10 | padding: $btn-close-padding-y $btn-close-padding-x; 11 | color: $btn-close-color; 12 | background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements 13 | border: 0; // for button elements 14 | @include border-radius(); 15 | opacity: $btn-close-opacity; 16 | 17 | // Override 's hover style 18 | &:hover { 19 | color: $btn-close-color; 20 | text-decoration: none; 21 | opacity: $btn-close-hover-opacity; 22 | } 23 | 24 | &:focus { 25 | outline: 0; 26 | box-shadow: $btn-close-focus-shadow; 27 | opacity: $btn-close-focus-opacity; 28 | } 29 | 30 | &:disabled, 31 | &.disabled { 32 | pointer-events: none; 33 | user-select: none; 34 | opacity: $btn-close-disabled-opacity; 35 | } 36 | } 37 | 38 | .btn-close-white { 39 | filter: $btn-close-white-filter; 40 | } 41 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_containers.scss: -------------------------------------------------------------------------------- 1 | // Container widths 2 | // 3 | // Set the container width, and override it for fixed navbars in media queries. 4 | 5 | @if $enable-grid-classes { 6 | // Single container class with breakpoint max-widths 7 | .container, 8 | // 100% wide container at all breakpoints 9 | .container-fluid { 10 | @include make-container(); 11 | } 12 | 13 | // Responsive containers that are 100% wide until a breakpoint 14 | @each $breakpoint, $container-max-width in $container-max-widths { 15 | .container-#{$breakpoint} { 16 | @extend .container-fluid; 17 | } 18 | 19 | @include media-breakpoint-up($breakpoint, $grid-breakpoints) { 20 | %responsive-container-#{$breakpoint} { 21 | max-width: $container-max-width; 22 | } 23 | 24 | // Extend each breakpoint which is smaller or equal to the current breakpoint 25 | $extend-breakpoint: true; 26 | 27 | @each $name, $width in $grid-breakpoints { 28 | @if ($extend-breakpoint) { 29 | .container#{breakpoint-infix($name, $grid-breakpoints)} { 30 | @extend %responsive-container-#{$breakpoint}; 31 | } 32 | 33 | // Once the current breakpoint is reached, stop extending 34 | @if ($breakpoint == $name) { 35 | $extend-breakpoint: false; 36 | } 37 | } 38 | } 39 | } 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_forms.scss: -------------------------------------------------------------------------------- 1 | @import "forms/labels"; 2 | @import "forms/form-text"; 3 | @import "forms/form-control"; 4 | @import "forms/form-select"; 5 | @import "forms/form-check"; 6 | @import "forms/form-range"; 7 | @import "forms/floating-labels"; 8 | @import "forms/input-group"; 9 | @import "forms/validation"; 10 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // Row 2 | // 3 | // Rows contain your columns. 4 | 5 | @if $enable-grid-classes { 6 | .row { 7 | @include make-row(); 8 | 9 | > * { 10 | @include make-col-ready(); 11 | } 12 | } 13 | } 14 | 15 | @if $enable-cssgrid { 16 | .grid { 17 | display: grid; 18 | grid-template-rows: repeat(var(--#{$variable-prefix}rows, 1), 1fr); 19 | grid-template-columns: repeat(var(--#{$variable-prefix}columns, #{$grid-columns}), 1fr); 20 | gap: var(--#{$variable-prefix}gap, #{$grid-gutter-width}); 21 | 22 | @include make-cssgrid(); 23 | } 24 | } 25 | 26 | 27 | // Columns 28 | // 29 | // Common styles for small and large grid columns 30 | 31 | @if $enable-grid-classes { 32 | @include make-grid-columns(); 33 | } 34 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_helpers.scss: -------------------------------------------------------------------------------- 1 | @import "helpers/clearfix"; 2 | @import "helpers/colored-links"; 3 | @import "helpers/ratio"; 4 | @import "helpers/position"; 5 | @import "helpers/stacks"; 6 | @import "helpers/visually-hidden"; 7 | @import "helpers/stretched-link"; 8 | @import "helpers/text-truncation"; 9 | @import "helpers/vr"; 10 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_images.scss: -------------------------------------------------------------------------------- 1 | // Responsive images (ensure images don't scale beyond their parents) 2 | // 3 | // This is purposefully opt-in via an explicit class rather than being the default for all ``s. 4 | // We previously tried the "images are responsive by default" approach in Bootstrap v2, 5 | // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps) 6 | // which weren't expecting the images within themselves to be involuntarily resized. 7 | // See also https://github.com/twbs/bootstrap/issues/18178 8 | .img-fluid { 9 | @include img-fluid(); 10 | } 11 | 12 | 13 | // Image thumbnails 14 | .img-thumbnail { 15 | padding: $thumbnail-padding; 16 | background-color: $thumbnail-bg; 17 | border: $thumbnail-border-width solid $thumbnail-border-color; 18 | @include border-radius($thumbnail-border-radius); 19 | @include box-shadow($thumbnail-box-shadow); 20 | 21 | // Keep them at most 100% wide 22 | @include img-fluid(); 23 | } 24 | 25 | // 26 | // Figures 27 | // 28 | 29 | .figure { 30 | // Ensures the caption's text aligns with the image. 31 | display: inline-block; 32 | } 33 | 34 | .figure-img { 35 | margin-bottom: $spacer * .5; 36 | line-height: 1; 37 | } 38 | 39 | .figure-caption { 40 | @include font-size($figure-caption-font-size); 41 | color: $figure-caption-color; 42 | } 43 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Toggles 2 | // 3 | // Used in conjunction with global variables to enable certain theme features. 4 | 5 | // Vendor 6 | @import "vendor/rfs"; 7 | 8 | // Deprecate 9 | @import "mixins/deprecate"; 10 | 11 | // Helpers 12 | @import "mixins/breakpoints"; 13 | @import "mixins/color-scheme"; 14 | @import "mixins/image"; 15 | @import "mixins/resize"; 16 | @import "mixins/visually-hidden"; 17 | @import "mixins/reset-text"; 18 | @import "mixins/text-truncate"; 19 | 20 | // Utilities 21 | @import "mixins/utilities"; 22 | 23 | // Components 24 | @import "mixins/alert"; 25 | @import "mixins/backdrop"; 26 | @import "mixins/buttons"; 27 | @import "mixins/caret"; 28 | @import "mixins/pagination"; 29 | @import "mixins/lists"; 30 | @import "mixins/list-group"; 31 | @import "mixins/forms"; 32 | @import "mixins/table-variants"; 33 | 34 | // Skins 35 | @import "mixins/border-radius"; 36 | @import "mixins/box-shadow"; 37 | @import "mixins/gradients"; 38 | @import "mixins/transition"; 39 | 40 | // Layout 41 | @import "mixins/clearfix"; 42 | @import "mixins/container"; 43 | @import "mixins/grid"; 44 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_placeholders.scss: -------------------------------------------------------------------------------- 1 | .placeholder { 2 | display: inline-block; 3 | min-height: 1em; 4 | vertical-align: middle; 5 | cursor: wait; 6 | background-color: currentColor; 7 | opacity: $placeholder-opacity-max; 8 | 9 | &.btn::before { 10 | display: inline-block; 11 | content: ""; 12 | } 13 | } 14 | 15 | // Sizing 16 | .placeholder-xs { 17 | min-height: .6em; 18 | } 19 | 20 | .placeholder-sm { 21 | min-height: .8em; 22 | } 23 | 24 | .placeholder-lg { 25 | min-height: 1.2em; 26 | } 27 | 28 | // Animation 29 | .placeholder-glow { 30 | .placeholder { 31 | animation: placeholder-glow 2s ease-in-out infinite; 32 | } 33 | } 34 | 35 | @keyframes placeholder-glow { 36 | 50% { 37 | opacity: $placeholder-opacity-min; 38 | } 39 | } 40 | 41 | .placeholder-wave { 42 | mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%); 43 | mask-size: 200% 100%; 44 | animation: placeholder-wave 2s linear infinite; 45 | } 46 | 47 | @keyframes placeholder-wave { 48 | 100% { 49 | mask-position: -200% 0%; 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_progress.scss: -------------------------------------------------------------------------------- 1 | // Disable animation if transitions are disabled 2 | 3 | // scss-docs-start progress-keyframes 4 | @if $enable-transitions { 5 | @keyframes progress-bar-stripes { 6 | 0% { background-position-x: $progress-height; } 7 | } 8 | } 9 | // scss-docs-end progress-keyframes 10 | 11 | .progress { 12 | display: flex; 13 | height: $progress-height; 14 | overflow: hidden; // force rounded corners by cropping it 15 | @include font-size($progress-font-size); 16 | background-color: $progress-bg; 17 | @include border-radius($progress-border-radius); 18 | @include box-shadow($progress-box-shadow); 19 | } 20 | 21 | .progress-bar { 22 | display: flex; 23 | flex-direction: column; 24 | justify-content: center; 25 | overflow: hidden; 26 | color: $progress-bar-color; 27 | text-align: center; 28 | white-space: nowrap; 29 | background-color: $progress-bar-bg; 30 | @include transition($progress-bar-transition); 31 | } 32 | 33 | .progress-bar-striped { 34 | @include gradient-striped(); 35 | background-size: $progress-height $progress-height; 36 | } 37 | 38 | @if $enable-transitions { 39 | .progress-bar-animated { 40 | animation: $progress-bar-animation-timing progress-bar-stripes; 41 | 42 | @if $enable-reduced-motion { 43 | @media (prefers-reduced-motion: reduce) { 44 | animation: none; 45 | } 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_toasts.scss: -------------------------------------------------------------------------------- 1 | .toast { 2 | width: $toast-max-width; 3 | max-width: 100%; 4 | @include font-size($toast-font-size); 5 | color: $toast-color; 6 | pointer-events: auto; 7 | background-color: $toast-background-color; 8 | background-clip: padding-box; 9 | border: $toast-border-width solid $toast-border-color; 10 | box-shadow: $toast-box-shadow; 11 | @include border-radius($toast-border-radius); 12 | 13 | &.showing { 14 | opacity: 0; 15 | } 16 | 17 | &:not(.show) { 18 | display: none; 19 | } 20 | } 21 | 22 | .toast-container { 23 | width: max-content; 24 | max-width: 100%; 25 | pointer-events: none; 26 | 27 | > :not(:last-child) { 28 | margin-bottom: $toast-spacing; 29 | } 30 | } 31 | 32 | .toast-header { 33 | display: flex; 34 | align-items: center; 35 | padding: $toast-padding-y $toast-padding-x; 36 | color: $toast-header-color; 37 | background-color: $toast-header-background-color; 38 | background-clip: padding-box; 39 | border-bottom: $toast-border-width solid $toast-header-border-color; 40 | @include border-top-radius(subtract($toast-border-radius, $toast-border-width)); 41 | 42 | .btn-close { 43 | margin-right: $toast-padding-x * -.5; 44 | margin-left: $toast-padding-x; 45 | } 46 | } 47 | 48 | .toast-body { 49 | padding: $toast-padding-x; // apply to both vertical and horizontal 50 | word-wrap: break-word; 51 | } 52 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/_transitions.scss: -------------------------------------------------------------------------------- 1 | .fade { 2 | @include transition($transition-fade); 3 | 4 | &:not(.show) { 5 | opacity: 0; 6 | } 7 | } 8 | 9 | // scss-docs-start collapse-classes 10 | .collapse { 11 | &:not(.show) { 12 | display: none; 13 | } 14 | } 15 | 16 | .collapsing { 17 | height: 0; 18 | overflow: hidden; 19 | @include transition($transition-collapse); 20 | 21 | &.collapse-horizontal { 22 | width: 0; 23 | height: auto; 24 | @include transition($transition-collapse-width); 25 | } 26 | } 27 | // scss-docs-end collapse-classes 28 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/bootstrap-reboot.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2021 The Bootstrap Authors 4 | * Copyright 2011-2021 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */ 8 | 9 | @import "functions"; 10 | @import "variables"; 11 | @import "mixins"; 12 | @import "root"; 13 | @import "reboot"; 14 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/bootstrap-utilities.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2021 The Bootstrap Authors 4 | * Copyright 2011-2021 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | // Configuration 9 | @import "functions"; 10 | @import "variables"; 11 | @import "mixins"; 12 | @import "utilities"; 13 | 14 | // Helpers 15 | @import "helpers"; 16 | 17 | // Utilities 18 | @import "utilities/api"; 19 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v5.1.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2021 The Bootstrap Authors 4 | * Copyright 2011-2021 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | // scss-docs-start import-stack 9 | // Configuration 10 | @import "functions"; 11 | @import "variables"; 12 | @import "mixins"; 13 | @import "utilities"; 14 | 15 | // Layout & components 16 | @import "root"; 17 | @import "reboot"; 18 | @import "type"; 19 | @import "images"; 20 | @import "containers"; 21 | @import "grid"; 22 | @import "tables"; 23 | @import "forms"; 24 | @import "buttons"; 25 | @import "transitions"; 26 | @import "dropdown"; 27 | @import "button-group"; 28 | @import "nav"; 29 | @import "navbar"; 30 | @import "card"; 31 | @import "accordion"; 32 | @import "breadcrumb"; 33 | @import "pagination"; 34 | @import "badge"; 35 | @import "alert"; 36 | @import "progress"; 37 | @import "list-group"; 38 | @import "close"; 39 | @import "toasts"; 40 | @import "modal"; 41 | @import "tooltip"; 42 | @import "popover"; 43 | @import "carousel"; 44 | @import "spinners"; 45 | @import "offcanvas"; 46 | @import "placeholders"; 47 | 48 | // Helpers 49 | @import "helpers"; 50 | 51 | // Utilities 52 | @import "utilities/api"; 53 | // scss-docs-end import-stack 54 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/forms/_form-text.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Form text 3 | // 4 | 5 | .form-text { 6 | margin-top: $form-text-margin-top; 7 | @include font-size($form-text-font-size); 8 | font-style: $form-text-font-style; 9 | font-weight: $form-text-font-weight; 10 | color: $form-text-color; 11 | } 12 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/forms/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // 4 | 5 | .form-label { 6 | margin-bottom: $form-label-margin-bottom; 7 | @include font-size($form-label-font-size); 8 | font-style: $form-label-font-style; 9 | font-weight: $form-label-font-weight; 10 | color: $form-label-color; 11 | } 12 | 13 | // For use with horizontal and inline forms, when you need the label (or legend) 14 | // text to align with the form controls. 15 | .col-form-label { 16 | padding-top: add($input-padding-y, $input-border-width); 17 | padding-bottom: add($input-padding-y, $input-border-width); 18 | margin-bottom: 0; // Override the `` default 19 | @include font-size(inherit); // Override the `` default 20 | font-style: $form-label-font-style; 21 | font-weight: $form-label-font-weight; 22 | line-height: $input-line-height; 23 | color: $form-label-color; 24 | } 25 | 26 | .col-form-label-lg { 27 | padding-top: add($input-padding-y-lg, $input-border-width); 28 | padding-bottom: add($input-padding-y-lg, $input-border-width); 29 | @include font-size($input-font-size-lg); 30 | } 31 | 32 | .col-form-label-sm { 33 | padding-top: add($input-padding-y-sm, $input-border-width); 34 | padding-bottom: add($input-padding-y-sm, $input-border-width); 35 | @include font-size($input-font-size-sm); 36 | } 37 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/forms/_validation.scss: -------------------------------------------------------------------------------- 1 | // Form validation 2 | // 3 | // Provide feedback to users when form field values are valid or invalid. Works 4 | // primarily for client-side validation via scoped `:invalid` and `:valid` 5 | // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for 6 | // server-side validation. 7 | 8 | // scss-docs-start form-validation-states-loop 9 | @each $state, $data in $form-validation-states { 10 | @include form-validation-state($state, $data...); 11 | } 12 | // scss-docs-end form-validation-states-loop 13 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/helpers/_clearfix.scss: -------------------------------------------------------------------------------- 1 | .clearfix { 2 | @include clearfix(); 3 | } 4 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/helpers/_colored-links.scss: -------------------------------------------------------------------------------- 1 | @each $color, $value in $theme-colors { 2 | .link-#{$color} { 3 | color: $value; 4 | 5 | @if $link-shade-percentage != 0 { 6 | &:hover, 7 | &:focus { 8 | color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage)); 9 | } 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/helpers/_position.scss: -------------------------------------------------------------------------------- 1 | // Shorthand 2 | 3 | .fixed-top { 4 | position: fixed; 5 | top: 0; 6 | right: 0; 7 | left: 0; 8 | z-index: $zindex-fixed; 9 | } 10 | 11 | .fixed-bottom { 12 | position: fixed; 13 | right: 0; 14 | bottom: 0; 15 | left: 0; 16 | z-index: $zindex-fixed; 17 | } 18 | 19 | // Responsive sticky top 20 | @each $breakpoint in map-keys($grid-breakpoints) { 21 | @include media-breakpoint-up($breakpoint) { 22 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 23 | 24 | .sticky#{$infix}-top { 25 | position: sticky; 26 | top: 0; 27 | z-index: $zindex-sticky; 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/helpers/_ratio.scss: -------------------------------------------------------------------------------- 1 | // Credit: Nicolas Gallagher and SUIT CSS. 2 | 3 | .ratio { 4 | position: relative; 5 | width: 100%; 6 | 7 | &::before { 8 | display: block; 9 | padding-top: var(--#{$variable-prefix}aspect-ratio); 10 | content: ""; 11 | } 12 | 13 | > * { 14 | position: absolute; 15 | top: 0; 16 | left: 0; 17 | width: 100%; 18 | height: 100%; 19 | } 20 | } 21 | 22 | @each $key, $ratio in $aspect-ratios { 23 | .ratio-#{$key} { 24 | --#{$variable-prefix}aspect-ratio: #{$ratio}; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/helpers/_stacks.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start stacks 2 | .hstack { 3 | display: flex; 4 | flex-direction: row; 5 | align-items: center; 6 | align-self: stretch; 7 | } 8 | 9 | .vstack { 10 | display: flex; 11 | flex: 1 1 auto; 12 | flex-direction: column; 13 | align-self: stretch; 14 | } 15 | // scss-docs-end stacks 16 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/helpers/_stretched-link.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Stretched link 3 | // 4 | 5 | .stretched-link { 6 | &::#{$stretched-link-pseudo-element} { 7 | position: absolute; 8 | top: 0; 9 | right: 0; 10 | bottom: 0; 11 | left: 0; 12 | z-index: $stretched-link-z-index; 13 | content: ""; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/helpers/_text-truncation.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Text truncation 3 | // 4 | 5 | .text-truncate { 6 | @include text-truncate(); 7 | } 8 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/helpers/_visually-hidden.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Visually hidden 3 | // 4 | 5 | .visually-hidden, 6 | .visually-hidden-focusable:not(:focus):not(:focus-within) { 7 | @include visually-hidden(); 8 | } 9 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/helpers/_vr.scss: -------------------------------------------------------------------------------- 1 | .vr { 2 | display: inline-block; 3 | align-self: stretch; 4 | width: 1px; 5 | min-height: 1em; 6 | background-color: currentColor; 7 | opacity: $hr-opacity; 8 | } 9 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start alert-variant-mixin 2 | @mixin alert-variant($background, $border, $color) { 3 | color: $color; 4 | @include gradient-bg($background); 5 | border-color: $border; 6 | 7 | .alert-link { 8 | color: shade-color($color, 20%); 9 | } 10 | } 11 | // scss-docs-end alert-variant-mixin 12 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_backdrop.scss: -------------------------------------------------------------------------------- 1 | // Shared between modals and offcanvases 2 | @mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) { 3 | position: fixed; 4 | top: 0; 5 | left: 0; 6 | z-index: $zindex; 7 | width: 100vw; 8 | height: 100vh; 9 | background-color: $backdrop-bg; 10 | 11 | // Fade for backdrop 12 | &.fade { opacity: 0; } 13 | &.show { opacity: $backdrop-opacity; } 14 | } 15 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_box-shadow.scss: -------------------------------------------------------------------------------- 1 | @mixin box-shadow($shadow...) { 2 | @if $enable-shadows { 3 | $result: (); 4 | 5 | @each $value in $shadow { 6 | @if $value != null { 7 | $result: append($result, $value, "comma"); 8 | } 9 | @if $value == none and length($shadow) > 1 { 10 | @warn "The keyword 'none' must be used as a single argument."; 11 | } 12 | } 13 | 14 | @if (length($result) > 0) { 15 | box-shadow: $result; 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start clearfix 2 | @mixin clearfix() { 3 | &::after { 4 | display: block; 5 | clear: both; 6 | content: ""; 7 | } 8 | } 9 | // scss-docs-end clearfix 10 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_color-scheme.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start mixin-color-scheme 2 | @mixin color-scheme($name) { 3 | @media (prefers-color-scheme: #{$name}) { 4 | @content; 5 | } 6 | } 7 | // scss-docs-end mixin-color-scheme 8 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_container.scss: -------------------------------------------------------------------------------- 1 | // Container mixins 2 | 3 | @mixin make-container($gutter: $container-padding-x) { 4 | width: 100%; 5 | padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter}); 6 | padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter}); 7 | margin-right: auto; 8 | margin-left: auto; 9 | } 10 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_deprecate.scss: -------------------------------------------------------------------------------- 1 | // Deprecate mixin 2 | // 3 | // This mixin can be used to deprecate mixins or functions. 4 | // `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to 5 | // some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap) 6 | @mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) { 7 | @if ($enable-deprecation-messages != false and $ignore-warning != true) { 8 | @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}."; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | 10 | @mixin img-fluid { 11 | // Part 1: Set a maximum relative to the parent 12 | max-width: 100%; 13 | // Part 2: Override the height to auto, otherwise images will be stretched 14 | // when setting a width and height attribute on the img element. 15 | height: auto; 16 | } 17 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_list-group.scss: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | // scss-docs-start list-group-mixin 4 | @mixin list-group-item-variant($state, $background, $color) { 5 | .list-group-item-#{$state} { 6 | color: $color; 7 | background-color: $background; 8 | 9 | &.list-group-item-action { 10 | &:hover, 11 | &:focus { 12 | color: $color; 13 | background-color: shade-color($background, 10%); 14 | } 15 | 16 | &.active { 17 | color: $white; 18 | background-color: $color; 19 | border-color: $color; 20 | } 21 | } 22 | } 23 | } 24 | // scss-docs-end list-group-mixin 25 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_lists.scss: -------------------------------------------------------------------------------- 1 | // Lists 2 | 3 | // Unstyled keeps list items block level, just removes default browser padding and list-style 4 | @mixin list-unstyled { 5 | padding-left: 0; 6 | list-style: none; 7 | } 8 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | // scss-docs-start pagination-mixin 4 | @mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) { 5 | .page-link { 6 | padding: $padding-y $padding-x; 7 | @include font-size($font-size); 8 | } 9 | 10 | .page-item { 11 | @if $pagination-margin-start == (-$pagination-border-width) { 12 | &:first-child { 13 | .page-link { 14 | @include border-start-radius($border-radius); 15 | } 16 | } 17 | 18 | &:last-child { 19 | .page-link { 20 | @include border-end-radius($border-radius); 21 | } 22 | } 23 | } @else { 24 | //Add border-radius to all pageLinks in case they have left margin 25 | .page-link { 26 | @include border-radius($border-radius); 27 | } 28 | } 29 | } 30 | } 31 | // scss-docs-end pagination-mixin 32 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_reset-text.scss: -------------------------------------------------------------------------------- 1 | @mixin reset-text { 2 | font-family: $font-family-base; 3 | // We deliberately do NOT reset font-size or overflow-wrap / word-wrap. 4 | font-style: normal; 5 | font-weight: $font-weight-normal; 6 | line-height: $line-height-base; 7 | text-align: left; // Fallback for where `start` is not supported 8 | text-align: start; 9 | text-decoration: none; 10 | text-shadow: none; 11 | text-transform: none; 12 | letter-spacing: normal; 13 | word-break: normal; 14 | word-spacing: normal; 15 | white-space: normal; 16 | line-break: auto; 17 | } 18 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_resize.scss: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | @mixin resizable($direction) { 4 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 5 | resize: $direction; // Options: horizontal, vertical, both 6 | } 7 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_table-variants.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start table-variant 2 | @mixin table-variant($state, $background) { 3 | .table-#{$state} { 4 | $color: color-contrast(opaque($body-bg, $background)); 5 | $hover-bg: mix($color, $background, percentage($table-hover-bg-factor)); 6 | $striped-bg: mix($color, $background, percentage($table-striped-bg-factor)); 7 | $active-bg: mix($color, $background, percentage($table-active-bg-factor)); 8 | 9 | --#{$variable-prefix}table-bg: #{$background}; 10 | --#{$variable-prefix}table-striped-bg: #{$striped-bg}; 11 | --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)}; 12 | --#{$variable-prefix}table-active-bg: #{$active-bg}; 13 | --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)}; 14 | --#{$variable-prefix}table-hover-bg: #{$hover-bg}; 15 | --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)}; 16 | 17 | color: $color; 18 | border-color: mix($color, $background, percentage($table-border-factor)); 19 | } 20 | } 21 | // scss-docs-end table-variant 22 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_text-truncate.scss: -------------------------------------------------------------------------------- 1 | // Text truncate 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-truncate() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable property-disallowed-list 2 | @mixin transition($transition...) { 3 | @if length($transition) == 0 { 4 | $transition: $transition-base; 5 | } 6 | 7 | @if length($transition) > 1 { 8 | @each $value in $transition { 9 | @if $value == null or $value == none { 10 | @warn "The keyword 'none' or 'null' must be used as a single argument."; 11 | } 12 | } 13 | } 14 | 15 | @if $enable-transitions { 16 | @if nth($transition, 1) != null { 17 | transition: $transition; 18 | } 19 | 20 | @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none { 21 | @media (prefers-reduced-motion: reduce) { 22 | transition: none; 23 | } 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/bootstrap/mixins/_visually-hidden.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Hide content visually while keeping it accessible to assistive technologies 4 | // 5 | // See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/ 6 | // See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/ 7 | 8 | @mixin visually-hidden() { 9 | position: absolute !important; 10 | width: 1px !important; 11 | height: 1px !important; 12 | padding: 0 !important; 13 | margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686 14 | overflow: hidden !important; 15 | clip: rect(0, 0, 0, 0) !important; 16 | white-space: nowrap !important; 17 | border: 0 !important; 18 | } 19 | 20 | // Use to only display content when it's focused, or one of its child elements is focused 21 | // (i.e. when focus is within the element/container that the class was applied to) 22 | // 23 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 24 | 25 | @mixin visually-hidden-focusable() { 26 | &:not(:focus):not(:focus-within) { 27 | @include visually-hidden(); 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/cards/card-blog.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | &.card-blog { 3 | .card-image { 4 | box-shadow: $box-shadow; 5 | 6 | .img { 7 | width: 100%; 8 | } 9 | } 10 | 11 | .card-title { 12 | a { 13 | color: $dark; 14 | } 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/cards/card-carousel.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | &.card-carousel { 3 | .carousel { 4 | .carousel-control-prev { 5 | left: auto; 6 | right: $card-carousel-prev-icon-position; 7 | } 8 | .carousel-control-prev, 9 | .carousel-control-next { 10 | bottom: auto; 11 | top: $card-carousel-icons-top; 12 | z-index: $card-carousel-icons-zindex; 13 | } 14 | .carousel-control-prev-icon, 15 | .carousel-control-next-icon { 16 | width: $card-carousel-icons-width; 17 | height: $card-carousel-icons-height; 18 | } 19 | } 20 | } 21 | } -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/cards/card-horizontal.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | &.card-horizontal { 3 | box-shadow: none; 4 | 5 | .card-image { 6 | border-radius: $card-border-radius; 7 | 8 | .img { 9 | width: 100%; 10 | border-radius: $card-border-radius; 11 | } 12 | } 13 | 14 | .card-body { 15 | .card-title { 16 | font-size: $h4-font-size; 17 | 18 | a { 19 | color: $dark; 20 | } 21 | } 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/cards/card-pricing.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | &.card-pricing { 3 | .card-body { 4 | padding: $card-pricing-body-padding; 5 | } 6 | .table { 7 | tr { 8 | border-image: $card-pricing-border-color; 9 | } 10 | td { 11 | .badge { 12 | padding: $card-pricing-badge-padding; 13 | font-size: $card-pricing-badge-font-size; 14 | position: $card-pricing-badge-position; 15 | top: $card-pricing-badge-top; 16 | } 17 | } 18 | } 19 | &[data-feature="icon"] { 20 | 21 | .icon { 22 | height: $card-pricing-icon-height; 23 | width: $card-pricing-icon-width; 24 | position: $card-pricing-icon-position; 25 | top: $card-pricing-icon-top; 26 | left: 0; 27 | right: 0; 28 | 29 | i { 30 | color: $white; 31 | padding: $card-pricing-i-padding; 32 | } 33 | } 34 | } 35 | 36 | .plans { 37 | i { 38 | font-size: $card-pricing-icon-font-size; 39 | } 40 | .card-category { 41 | text-transform: uppercase; 42 | } 43 | } 44 | .icon-lg i { 45 | font-size: $card-pricing-icon-lg-font-size; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/custom/_styles.scss: -------------------------------------------------------------------------------- 1 | .colored-toast-error { 2 | background-color: $danger !important 3 | } 4 | 5 | .colored-toast-error .swal2-html-container { 6 | color: $white; 7 | font-size: 12px !important; 8 | } 9 | 10 | .colored-toast-success { 11 | background-color: $success !important 12 | } 13 | 14 | .colored-toast-success .swal2-html-container { 15 | color: $white; 16 | font-size: 12px !important; 17 | } 18 | 19 | .argon-error { 20 | position: relative; 21 | color: $danger; 22 | } 23 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/custom/_variables.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/creativetimofficial/vue-argon-dashboard-laravel/0a13f2ae8bfacaf3e259f4d1a9234a07a650a685/vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/custom/_variables.scss -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/forms/_form-select.scss: -------------------------------------------------------------------------------- 1 | .form-select { 2 | transition: $input-transition; 3 | } 4 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/forms/_form-switch.scss: -------------------------------------------------------------------------------- 1 | .form-switch { 2 | display: flex; 3 | align-items: center; 4 | 5 | .form-check-input { 6 | border: 1px solid $gray-200; 7 | position: relative; 8 | background-color: rgba($dark-gradient-state, .1); 9 | height: $form-check-input-width + .02; 10 | 11 | &:after { 12 | transition: transform $form-check-transition-time ease-in-out, background-color $form-check-transition-time ease-in-out; 13 | content: ""; 14 | width: $form-switch-check-after-width; 15 | height: $form-switch-check-after-width; 16 | border-radius: 50%; 17 | position: absolute; 18 | background-color: $white; 19 | transform: translateX($form-switch-translate-x-start); 20 | box-shadow: $form-switch-round-box-shadow; 21 | top: 1px; 22 | } 23 | 24 | &:checked:after { 25 | transform: translateX($form-switch-translate-x-end); 26 | } 27 | 28 | &:checked { 29 | border-color: rgba($primary-gradient, .95); 30 | background-color: rgba($primary-gradient, .95); 31 | } 32 | } 33 | 34 | .form-check-label { 35 | margin-bottom: 0; 36 | margin-left: .5rem; 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/forms/_forms.scss: -------------------------------------------------------------------------------- 1 | @import 'input-group'; 2 | @import 'form-check'; 3 | @import 'form-switch'; 4 | @import 'form-select'; 5 | @import 'labels'; 6 | @import 'inputs'; 7 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/forms/_input-group.scss: -------------------------------------------------------------------------------- 1 | .input-group { 2 | @include border-radius($input-border-radius, 0); 3 | 4 | &, 5 | .input-group-text { 6 | transition: $input-transition; 7 | } 8 | 9 | & > :not(:first-child):not(.dropdown-menu) { 10 | margin-left: 0; 11 | } 12 | 13 | .form-control { 14 | &:focus { 15 | border-left: $input-border-width solid $input-focus-border-color !important; 16 | border-right: $input-border-width solid $input-focus-border-color !important; 17 | } 18 | 19 | &:not(:first-child) { 20 | border-left: 0; 21 | padding-left: 0; 22 | } 23 | &:not(:last-child) { 24 | border-right: 0; 25 | padding-right: 0; 26 | } 27 | 28 | & + .input-group-text { 29 | border-left: 0; 30 | border-right: $input-border-width solid $input-border-color; 31 | } 32 | } 33 | 34 | .input-group-text { 35 | border-right: 0; 36 | } 37 | 38 | > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { 39 | border-left: $white !important; 40 | border-right: $white !important; 41 | } 42 | 43 | &.focused { 44 | .input-group-text { 45 | border-color: $primary !important; 46 | } 47 | } 48 | } 49 | 50 | .form-control { 51 | &.form-control-alternative { 52 | border: 0; 53 | box-shadow: $input-alternative-box-shadow; 54 | 55 | &:focus { 56 | box-shadow: $input-alternative-focus-box-shadow; 57 | } 58 | } 59 | } 60 | 61 | .form-group { 62 | margin-bottom: 1rem; 63 | } 64 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/forms/_inputs.scss: -------------------------------------------------------------------------------- 1 | .form-control{ 2 | &.is-invalid{ 3 | &:focus{ 4 | box-shadow: 0 0 0 2px rgba($form-feedback-invalid-color, .6); 5 | } 6 | } 7 | 8 | &.is-valid{ 9 | &:focus{ 10 | box-shadow: 0 0 0 2px rgba($form-feedback-valid-color, .65); 11 | } 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/forms/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // 4 | 5 | label, 6 | .form-label { 7 | font-size: $form-label-font-size; 8 | font-weight: $form-label-font-weight; 9 | margin-bottom: $form-label-margin-bottom; 10 | color: $form-label-color; 11 | margin-left: $form-label-margin-left; 12 | } 13 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/mixins/_badge.scss: -------------------------------------------------------------------------------- 1 | @mixin badge-variant($bg) { 2 | color: saturate(darken($bg, 10%), 10); 3 | background-color: lighten($bg, 32%); 4 | 5 | &[href] { 6 | @include hover-focus { 7 | color: color-yiq($bg); 8 | text-decoration: none; 9 | background-color: darken($bg, 12%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/mixins/_colored-shadows.scss: -------------------------------------------------------------------------------- 1 | @mixin shadow-big-color($color){ 2 | // new box shadow optimized for Tablets and Phones 3 | box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14), 4 | 0 7px 10px -5px rgba($color, 0.4) 5 | } 6 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/mixins/_hover.scss: -------------------------------------------------------------------------------- 1 | 2 | @mixin hover() { 3 | &:hover { @content; } 4 | } 5 | 6 | @mixin hover-focus() { 7 | &:hover, 8 | &:focus { 9 | @content; 10 | } 11 | } 12 | 13 | @mixin plain-hover-focus() { 14 | &, 15 | &:hover, 16 | &:focus { 17 | @content; 18 | } 19 | } 20 | 21 | @mixin hover-focus-active() { 22 | &:hover, 23 | &:focus, 24 | &:active { 25 | @content; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/mixins/_social-buttons.scss: -------------------------------------------------------------------------------- 1 | // for social buttons 2 | @mixin social-buttons-color ($color, $state-color) { 3 | background-color: $color; 4 | color: $white; 5 | 6 | &:focus, 7 | &:hover { 8 | background-color: $state-color; 9 | color: $white; 10 | } 11 | &:active, 12 | &:focus, 13 | &:active:focus { 14 | box-shadow: none; 15 | } 16 | 17 | &.btn-simple { 18 | color: $state-color; 19 | background-color: transparent; 20 | background-image: none !important; 21 | box-shadow: none; 22 | border: none; 23 | 24 | &:hover, 25 | &:focus, 26 | &:hover:focus, 27 | &:active, 28 | &:hover:focus:active { 29 | color: $state-color; 30 | background: transparent !important; 31 | box-shadow: none !important; 32 | } 33 | } 34 | 35 | 36 | &.btn-neutral { 37 | color: $color; 38 | background-color: $white; 39 | 40 | &:hover, 41 | &:focus, 42 | &:active { 43 | color: $state-color; 44 | } 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/mixins/mixins.scss: -------------------------------------------------------------------------------- 1 | @import "badge"; 2 | @import "hover"; 3 | @import "colored-shadows"; 4 | @import "social-buttons"; 5 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/plugins/free/plugins.scss: -------------------------------------------------------------------------------- 1 | @import "flatpickr"; 2 | @import "nouislider"; 3 | @import "prism"; 4 | @import "perfect-scrollbar"; 5 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/plugins/pro/_dragula.scss: -------------------------------------------------------------------------------- 1 | .gu-mirror { 2 | position: fixed !important; 3 | margin: 0 !important; 4 | z-index: 9999 !important; 5 | opacity: 0.8; 6 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 7 | filter: alpha(opacity=80); 8 | } 9 | .gu-hide { 10 | display: none !important; 11 | } 12 | .gu-unselectable { 13 | -webkit-user-select: none !important; 14 | -moz-user-select: none !important; 15 | -ms-user-select: none !important; 16 | user-select: none !important; 17 | } 18 | .gu-transit { 19 | opacity: 0.2; 20 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 21 | filter: alpha(opacity=20); 22 | } 23 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/plugins/pro/_highlight.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Highlight.js 10.7.2 (00233d63) 3 | * License: BSD-3-Clause 4 | * Copyright (c) 2006-2021, Ivan Sagalaev 5 | */ 6 | .hljs { 7 | display: block; 8 | overflow-x: auto; 9 | padding: 0.5em; 10 | background: #f0f0f0; 11 | } 12 | 13 | .hljs, 14 | .hljs-subst { 15 | color: #444; 16 | } 17 | 18 | .hljs-comment { 19 | color: #888; 20 | } 21 | 22 | .hljs-attribute, 23 | .hljs-doctag, 24 | .hljs-keyword, 25 | .hljs-meta-keyword, 26 | .hljs-name, 27 | .hljs-selector-tag { 28 | font-weight: 700; 29 | } 30 | 31 | .hljs-deletion, 32 | .hljs-number, 33 | .hljs-quote, 34 | .hljs-selector-class, 35 | .hljs-selector-id, 36 | .hljs-string, 37 | .hljs-template-tag, 38 | .hljs-type { 39 | color: #800; 40 | } 41 | 42 | .hljs-section, 43 | .hljs-title { 44 | color: #800; 45 | font-weight: 700; 46 | } 47 | 48 | .hljs-link, 49 | .hljs-regexp, 50 | .hljs-selector-attr, 51 | .hljs-selector-pseudo, 52 | .hljs-symbol, 53 | .hljs-template-variable, 54 | .hljs-variable { 55 | color: #bc6060; 56 | } 57 | 58 | .hljs-literal { 59 | color: #78a960; 60 | } 61 | 62 | .hljs-addition, 63 | .hljs-built_in, 64 | .hljs-bullet, 65 | .hljs-code { 66 | color: #397300; 67 | } 68 | 69 | .hljs-meta { 70 | color: #1f7199; 71 | } 72 | 73 | .hljs-meta-string { 74 | color: #4d99bf; 75 | } 76 | 77 | .hljs-emphasis { 78 | font-style: italic; 79 | } 80 | 81 | .hljs-strong { 82 | font-weight: 700; 83 | } 84 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/plugins/pro/_list-check.scss: -------------------------------------------------------------------------------- 1 | #completed-tasks label { 2 | text-decoration: line-through; 3 | color: #888; 4 | } 5 | 6 | /* Edit Task */ 7 | ul li input[type=text] { 8 | display:none; 9 | } 10 | 11 | ul li.editMode input[type=text] { 12 | display:block; 13 | } 14 | 15 | ul li.editMode label { 16 | display:none; 17 | } 18 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/plugins/pro/_rating-widget.scss: -------------------------------------------------------------------------------- 1 | /****** Style Star Rating Widget *****/ 2 | 3 | .rating { 4 | border: none; 5 | float: left; 6 | } 7 | 8 | .rating > input { display: none; } 9 | .rating > label:before { 10 | margin: 5px; 11 | font-size: 1.25em; 12 | font-family: FontAwesome; 13 | display: inline-block; 14 | content: "\f005"; 15 | } 16 | 17 | .rating > .half:before { 18 | content: "\f089"; 19 | position: absolute; 20 | } 21 | 22 | .rating > label { 23 | color: #ddd; 24 | float: right; 25 | } 26 | 27 | /***** CSS Magic to Highlight Stars on Hover *****/ 28 | 29 | .rating > input:checked ~ label, /* show gold star when clicked */ 30 | .rating:not(:checked) > label:hover, /* hover current star */ 31 | .rating:not(:checked) > label:hover ~ label { color: #FFD700; } /* hover previous stars in list */ 32 | 33 | .rating > input:checked + label:hover, /* hover current star when changing rating */ 34 | .rating > input:checked ~ label:hover, 35 | .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ 36 | .rating > input:checked ~ label:hover ~ label { color: #FFED85; } 37 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/plugins/pro/_sweetalert2-extend.scss: -------------------------------------------------------------------------------- 1 | .swal2-popup { 2 | border-radius: $card-border-radius; 3 | } 4 | 5 | .swal2-styled.swal2-confirm { 6 | background-image: linear-gradient(310deg,#2152ff,#21d4fd); 7 | background-color: transparent; 8 | @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-border-radius); 9 | 10 | &:hover, 11 | &:focus { 12 | background-image: linear-gradient(310deg,#2152ff,#21d4fd) !important; 13 | outline: 0; 14 | box-shadow: $btn-focus-box-shadow; 15 | } 16 | } 17 | 18 | .swal2-confirm.btn.bg-gradient-success { 19 | margin-left: 10px; 20 | margin-right: 10px; 21 | } 22 | 23 | .swal2-image { 24 | border-radius: $border-radius-lg; 25 | margin-bottom: 0; 26 | } 27 | 28 | .swal2-input { 29 | padding: $input-padding-y $input-padding-x; 30 | font-family: $input-font-family; 31 | @include font-size($input-font-size); 32 | font-weight: $input-font-weight; 33 | line-height: $input-line-height; 34 | color: $input-color; 35 | background-color: $input-bg; 36 | background-clip: padding-box; 37 | border: $input-border-width solid $input-border-color; 38 | } 39 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/plugins/pro/plugins-extend.scss: -------------------------------------------------------------------------------- 1 | @import "../free/plugins"; 2 | 3 | @import "choices"; 4 | @import "glidejs"; 5 | @import "fullcalendar"; 6 | @import "fullcalendar-extend"; 7 | @import "datatable"; 8 | @import "datatable-extend"; 9 | @import "dragula"; 10 | @import "kanban"; 11 | @import "sweetalert2"; 12 | @import "sweetalert2-extend"; 13 | @import "dropzone"; 14 | @import "highlight"; 15 | @import "quill"; 16 | @import "choices"; 17 | @import "list-check"; 18 | @import "photoswipe"; 19 | @import "rating-widget"; 20 | @import "leaflet"; 21 | @import "multi-step"; 22 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/theme-pro.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | 3 | ========================================================= 4 | * Argon Dashboard 2 Pro - v2.0.0 5 | ========================================================= 6 | 7 | * Product Page: https://www.creative-tim.com/product/argon-dashboard-pro 8 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 9 | 10 | * Coded by www.creative-tim.com 11 | 12 | ========================================================= 13 | 14 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 15 | 16 | */ 17 | 18 | // {{ site.product.name }} Core styling components 19 | 20 | @import "theme"; 21 | 22 | // Mixin 23 | @import "mixins/mixins"; 24 | 25 | // PRO Components 26 | @import "accordion"; 27 | @import "backgrounds"; 28 | @import "cards-extend"; 29 | @import "components"; 30 | @import "dropdown-extend"; 31 | @import "floating-elements"; 32 | @import "misc-extend"; 33 | @import "rtl-extend"; 34 | @import "dark-version"; 35 | 36 | // Plugins 37 | @import "plugins/pro/plugins-extend"; 38 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/theme.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | 3 | ========================================================= 4 | * Argon Dashboard 2 Pro - v2.0.0 5 | ========================================================= 6 | 7 | * Product Page: https://www.creative-tim.com/product/argon-dashboard-pro 8 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 9 | * Licensed under MIT (site.license) 10 | 11 | * Coded by www.creative-tim.com 12 | 13 | ========================================================= 14 | 15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 16 | 17 | */ 18 | 19 | // {{ site.product.name }} components 20 | 21 | // Variables 22 | @import "variables/navbar-vertical"; 23 | @import "variables/social-buttons"; 24 | @import "variables/breadcrumb"; 25 | 26 | // Mixin 27 | @import "mixins/mixins"; 28 | 29 | // Core Components - extra styling 30 | @import "alert"; 31 | @import "avatars"; 32 | @import "badge"; 33 | @import "buttons"; 34 | @import "breadcrumbs"; 35 | @import "cards"; 36 | @import "dropdown"; 37 | @import "dropup"; 38 | @import "header"; 39 | @import "fixed-plugin"; 40 | @import "forms/forms"; 41 | @import "footer"; 42 | @import "gradients"; 43 | @import "info-areas"; 44 | @import "misc"; 45 | @import "navbar"; 46 | @import "navbar-vertical"; 47 | @import "nav"; 48 | @import "pagination"; 49 | @import "popovers"; 50 | @import "progress"; 51 | @import "rtl"; 52 | @import "social-buttons"; 53 | @import "tables"; 54 | @import "timeline"; 55 | @import "tilt"; 56 | @import "tooltips"; 57 | @import "typography"; 58 | 59 | // Plugins 60 | @import "plugins/free/plugins"; 61 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_avatars.scss: -------------------------------------------------------------------------------- 1 | // Avatar 2 | $avatar-height: 48px !default; 3 | $avatar-width: 48px !default; 4 | 5 | $avatar-xs-height: 24px !default; 6 | $avatar-xs-width: 24px !default; 7 | 8 | $avatar-sm-height: 36px !default; 9 | $avatar-sm-width: 36px !default; 10 | 11 | $avatar-lg-height: 58px !default; 12 | $avatar-lg-width: 58px !default; 13 | 14 | $avatar-xl-height: 74px !default; 15 | $avatar-xl-width: 74px !default; 16 | 17 | $avatar-xxl-height: 110px !default; 18 | $avatar-xxl-width: 110px !default; 19 | 20 | $avatar-font-size: 1rem !default; 21 | $avatar-content-margin: .75rem !default; 22 | 23 | 24 | // Avatar Group 25 | $avatar-group-border: 2px !default; 26 | $avatar-group-zindex: 2 !default; 27 | $avatar-group-zindex-hover: 3 !default; 28 | $avatar-group-double: -1rem !default; 29 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | $breadcrumb-dark-bg: $dark !default; 2 | $breadcrumb-dark-color: $gray-100 !default; 3 | $breadcrumb-dark-hover-color: $white !default; 4 | $breadcrumb-dark-active-color: $gray-300 !default; 5 | $breadcrumb-dark-divider-color: $gray-500 !default; 6 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_cards-extend.scss: -------------------------------------------------------------------------------- 1 | // Card Profile 2 | $card-profile-body-text-align: center !default; 3 | $card-profile-body-padding: 1.25rem 2rem !default; 4 | $card-profile-avatar-margin: 0 auto !default; 5 | $card-profile-img-mt: 32px !default; 6 | $card-profile-img-radius: 50% !default; 7 | $card-profile-img-width: 130px !default; 8 | $card-profile-btn-mt: 24px !default; 9 | $card-profile-p-line-height: 1.778 !default; 10 | 11 | // Card Pricing 12 | $card-pricing-body-padding: 2.25rem !default; 13 | $card-pricing-line-height: 1.111 !default; 14 | $card-pricing-title-mb: $card-bg-description-margin !default; 15 | $card-pricing-td-line-height: 1.429 !default; 16 | $card-pricing-icon-height: 4rem !default; 17 | $card-pricing-icon-width: $card-pricing-icon-height !default; 18 | $card-pricing-icon-position: absolute !default; 19 | $card-pricing-icon-top: -22px !default; 20 | $card-pricing-icon-font-size: 1.25rem !default; 21 | $card-pricing-icon-lg-font-size: 1.75rem !default; 22 | $card-pricing-i-padding: 18px !default; 23 | $card-pricing-badge-padding: 5px !default; 24 | $card-pricing-badge-font-size: 6px !default; 25 | $card-pricing-badge-position: relative !default; 26 | $card-pricing-badge-top: -2px !default; 27 | $card-pricing-border-color: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); 28 | $card-pricing-border-color-dark: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)); 29 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_choices.scss: -------------------------------------------------------------------------------- 1 | $choices-box-shadow: $dropdown-box-shadow !default; 2 | $choices-border-radius: .5rem !default; 3 | $choices-animation: .3s cubic-bezier(.23,1,.32,1) !default; 4 | $choices-transition: $dropdown-transition !default; 5 | $choices-transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 37px, 0px) !important !default; 6 | $choices-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0,37px,5px) !important !default; 7 | $choices-padding-y: 1rem !default; 8 | $choices-padding-x: .5rem !default; 9 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_dark-version.scss: -------------------------------------------------------------------------------- 1 | $dark-version-body-color: rgba(255, 255, 255, .8) !default; 2 | $dark-version-bg-color: #051139 !default; 3 | $dark-version-sidenav-bg-color: #111C44 !default; 4 | $dark-version-card-bg-color: #111C44 !default; 5 | $dark-version-card-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .20), 0 1px 5px 0 rgba(0, 0, 0, .12) !default; 6 | $dark-version-input-bg-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, .6) 1px, rgba(209, 209, 209, 0) 0) !default; 7 | $dark-version-border-color: rgba(255, 255, 255, .4) !default; 8 | $dark-version-table-color: rgba(255, 255, 255, .6) !default; 9 | $dark-version-caret-sidebar-color: rgba(206, 212, 218, .7) !default; 10 | $dark-nav-link-active-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15) !default; 11 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_fixed-plugin.scss: -------------------------------------------------------------------------------- 1 | $fixed-plugin-bottom: 30px !default; 2 | $fixed-plugin-right: $fixed-plugin-bottom !default; 3 | $fixed-plugin-radius: 50% !default; 4 | $fixed-plugin-box-shadow: $navbar-box-shadow !default; 5 | $fixed-plugin-button-z-index: 990 !default; 6 | $fixed-plugin-card-z-index: 1020 !default; 7 | $fixed-plugin-card-width: 360px !default; 8 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_form-switch.scss: -------------------------------------------------------------------------------- 1 | $slider-dim: 15px !default; 2 | $slider-position: 2px !default; 3 | $moving-circle: translateX(21px) !default; 4 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_full-calendar.scss: -------------------------------------------------------------------------------- 1 | $fc-event-title-padding-y: .2rem !default; 2 | $fc-event-title-padding-x: .3rem !default; 3 | 4 | $fc-daygrid-event-border-radius: .35rem !default; 5 | $fc-theme-standard-dark-border-color: rgba($secondary, .3) !default; -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_header.scss: -------------------------------------------------------------------------------- 1 | $page-header-padding: 0 !default; 2 | $page-header-position: relative !default; 3 | $page-header-overflow: hidden !default; 4 | $page-header-display: flex !default; 5 | $page-header-align-items: center !default; 6 | $page-header-bg-size: cover !default; 7 | $page-header-bg-position: 50% !default; 8 | 9 | $mask-position: absolute !default; 10 | $mask-bg-size: cover !default; 11 | $mask-bg-position: center center !default; 12 | $mask-top: 0 !default; 13 | $mask-left: $mask-top !default; 14 | $mask-width: 100% !default; 15 | $mask-height: $mask-width !default; 16 | $mask-opacity: .8 !default; 17 | 18 | $page-header-conteiner-index: 1 !default; 19 | 20 | $header-oblique-img-width: 60% !default; 21 | $header-oblique-img-right: -10rem !default; 22 | $header-oblique-transform: skewX(-10deg) !default; 23 | $header-oblique-overflow: hidden !default; 24 | $header-oblique-img-transform: skewX(10deg) !default; 25 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_navbar.scss: -------------------------------------------------------------------------------- 1 | // Navbar toggler icon on responsive styling 2 | 3 | $navbar-toggler-bar-display: block !default; 4 | $navbar-toggler-bar-position: relative !default; 5 | $navbar-toggler-bar-width: 22px !default; 6 | $navbar-toggler-bar-height: 1px !default; 7 | $navbar-toggler-bar-radius: 1px !default; 8 | $navbar-toggler-bar-transition: all 0.2s !default; 9 | $navbar-toggler-bar-margin-top: 7px !default; 10 | 11 | $navbar-toggler-bar-1-transform: rotate(45deg) !default; 12 | $navbar-toggler-bar-1-transform-origin: 10% 10% !default; 13 | $navbar-toggler-bar-1-margin-top: 4px !default; 14 | $navbar-toggler-bar-2-opacity: 0 !default; 15 | $navbar-toggler-bar-3-transform: rotate(-45deg) !default; 16 | $navbar-toggler-bar-3-transform-origin: 10% 90% !default; 17 | $navbar-toggler-bar-3-margin-top: 3px !default; 18 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | $pagination-active-box-shadow: $btn-hover-box-shadow !default; 4 | 5 | $page-link-display: flex !default; 6 | $page-link-align-items: center !default; 7 | $page-link-justify-content: $page-link-align-items !default; 8 | $page-link-margin: 0 3px !default; 9 | $page-link-radius: 50% !default; 10 | $page-link-width: 36px !default; 11 | $page-link-height: $page-link-width !default; 12 | 13 | $page-link-width-lg: 46px !default; 14 | $page-link-height-lg: $page-link-width-lg !default; 15 | $page-link-line-height-lg: $page-link-width-lg !default; 16 | 17 | $page-link-width-sm: 30px !default; 18 | $page-link-height-sm: $page-link-width-sm !default; 19 | $page-link-line-height-sm: $page-link-width-sm !default; 20 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_rtl.scss: -------------------------------------------------------------------------------- 1 | $timeline-step-transform-rtl: translateX(50%) !default; 2 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_social-buttons.scss: -------------------------------------------------------------------------------- 1 | // Social Buttons 2 | 3 | $facebook: #3b5998 !default; 4 | $facebook-states: darken($facebook, 5%) !default; 5 | $twitter: #55acee !default; 6 | $twitter-states: darken($twitter, 5%) !default; 7 | $instagram: #125688 !default; 8 | $instagram-states: darken($instagram, 6%) !default; 9 | $linkedin: #0077B5 !default; 10 | $linkedin-states: darken($linkedin, 5%) !default; 11 | $pinterest: #cc2127 !default; 12 | $pinterest-states: darken($pinterest, 6%) !default; 13 | $youtube: #e52d27 !default; 14 | $youtube-states: darken($youtube, 6%) !default; 15 | $dribbble: #ea4c89 !default; 16 | $dribbble-states: darken($dribbble, 6%) !default; 17 | $github: #24292E !default; 18 | $github-states: darken($github, 6%) !default; 19 | $reddit: #ff4500 !default; 20 | $reddit-states: darken($reddit, 6%) !default; 21 | $tumblr: #35465c !default; 22 | $tumblr-states: darken($tumblr, 6%) !default; 23 | $behance: #1769ff !default; 24 | $behance-states: darken($behance, 6%) !default; 25 | $vimeo: #1AB7EA !default; 26 | $vimeo-states: darken($vimeo, 6%) !default; 27 | $slack: #3aaf85 !default; 28 | $slack-states: darken($slack, 6%) !default; 29 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_table.scss: -------------------------------------------------------------------------------- 1 | $table-head-spacer-y: .75rem !default; 2 | $table-head-spacer-x: 1rem !default; 3 | $table-head-font-size: .65rem !default; 4 | $table-head-font-weight: $font-weight-bold !default; 5 | $table-head-text-transform: uppercase !default; 6 | $table-head-letter-spacing: 1px !default; 7 | $table-head-bg: $gray-100 !default; 8 | $table-head-color: $gray-600 !default; 9 | $table-action-color: $gray-500 !default; 10 | 11 | $table-body-font-size: .8125rem !default; 12 | 13 | $table-dark-bg: theme-color("default") !default; 14 | $table-dark-accent-bg: rgba($white, .05) !default; 15 | $table-dark-hover-bg: rgba($white, .075) !default; 16 | 17 | $table-dark-head-bg: lighten($dark, 4%) !default; 18 | $table-dark-head-color: lighten($dark, 35%) !default; 19 | $table-dark-action-color: lighten($dark, 35%) !default; 20 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_timeline.scss: -------------------------------------------------------------------------------- 1 | // Timeline 2 | 3 | $timeline-axis-width: 2px !default; 4 | $timeline-axis-color: $border-color !default; 5 | $timeline-left: 1rem !default; 6 | 7 | $timeline-step-bg: $white !default; 8 | $timeline-step-width: 26px !default; 9 | $timeline-step-height: $timeline-step-width !default; 10 | $timeline-step-radius: 50% !default; 11 | $timeline-step-transform: translateX(-50%) !default; 12 | $timeline-step-line-height: 1.4 !default; 13 | 14 | $timeline-step-border-width: 2px !default; 15 | $timeline-step-border-color: $timeline-axis-color !default; 16 | 17 | $timeline-content-margin-left: 45px !default; 18 | $timeline-content-padding-top: .35rem !default; 19 | $timeline-content-top: -6px !default; 20 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_utilities-extend.scss: -------------------------------------------------------------------------------- 1 | // Colores Shadow on cards 2 | $colored-shadow-top: 3.5% !default; 3 | $colored-shadow-blur: 12px !default; 4 | $colored-shadow-scale: .94 !default; 5 | $colored-shadow-scale-avatar: .87 !default; 6 | 7 | // Card Projects 8 | $card-project-transition: .4s cubic-bezier(.215,.61,.355,1) !default; 9 | $card-project-avatar-transform: scale(.8) translateY(-45px) !default; 10 | $card-project-hover-transform: translateY(-2px) !default; 11 | 12 | // Transform Perspective effect 13 | $transform-perspective: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg) !default; 14 | $transform-perspective-inverse: scale(1) perspective(1040px) rotateY(11deg) rotateX(-2deg) rotate(-2deg) !default; 15 | 16 | // Z index 17 | $z-index2: 2 !default; 18 | 19 | // Width in PX 20 | $width-32-px: 32px !default; 21 | $width-48-px: 48px !default; 22 | $width-64-px: 64px !default; 23 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/assets/scss/argon-dashboard/variables/_virtual-reality.scss: -------------------------------------------------------------------------------- 1 | $animation-name: fadeInBottom !default; 2 | $animation-mode: both !default; 3 | $animation-duration: 1.5s !default; 4 | $transform-scale: scale(0.6) !default; 5 | $position-left: 18% !default; 6 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonAlert.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 54 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonAvatar.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 38 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonBadge.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 53 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonButton.vue: -------------------------------------------------------------------------------- 1 | /* eslint-disable prettier/prettier */ 2 | 7 | 8 | 57 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonCheckbox.vue: -------------------------------------------------------------------------------- 1 | 15 | 16 | 27 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonInput.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | 62 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonPagination.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 26 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonPaginationItem.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 45 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonProgress.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonRadio.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 20 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonSocialButton.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonSwitch.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 22 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ArgonTextarea.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/components/ValidationError.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 18 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/examples/Breadcrumbs.vue: -------------------------------------------------------------------------------- 1 | 32 | 33 | 46 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/examples/Cards/DefaultInfoCard.vue: -------------------------------------------------------------------------------- 1 | 19 | 20 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/examples/Cards/SwitchCard.vue: -------------------------------------------------------------------------------- 1 | 21 | 22 | 28 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/examples/Sidenav/SidenavItem.vue: -------------------------------------------------------------------------------- 1 | 15 | 30 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from "vue"; 2 | import App from "./App.vue"; 3 | import store from "./store"; 4 | import router from "./router"; 5 | import "./assets/css/nucleo-icons.css"; 6 | import "./assets/css/nucleo-svg.css"; 7 | import ArgonDashboard from "./argon-dashboard"; 8 | 9 | const appInstance = createApp(App); 10 | appInstance.use(store); 11 | appInstance.use(router); 12 | appInstance.use(ArgonDashboard); 13 | appInstance.config.globalProperties.$isDemo = process.env.VUE_APP_IS_DEMO || 0; 14 | appInstance.mount("#app"); 15 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/middleware/auth.js: -------------------------------------------------------------------------------- 1 | import store from "../store"; 2 | 3 | export default async function auth({ next }) { 4 | 5 | if (!store.getters["auth/isAuthenticated"]) { 6 | return next({ name: "Login" }); 7 | } 8 | 9 | try{ 10 | await store.dispatch("profile/me"); 11 | next(); 12 | }catch(error){ 13 | try { 14 | await store.dispatch("auth/logout"); 15 | } finally { 16 | // eslint-disable-next-line no-unsafe-finally 17 | return next({ name: "Login" }); 18 | } 19 | } 20 | 21 | } 22 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/middleware/guest.js: -------------------------------------------------------------------------------- 1 | import store from "../store"; 2 | 3 | export default async function guest({ next }) { 4 | 5 | if (store.getters["auth/isAuthenticated"]) { 6 | return next({ name: "Dashboard" }); 7 | } 8 | 9 | next(); 10 | } 11 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/mixins/form-mixin.js: -------------------------------------------------------------------------------- 1 | export default { 2 | data() { 3 | return { 4 | isLoading: false, 5 | apiValidationErrors: {} 6 | }; 7 | }, 8 | methods: { 9 | /* extract API server validation errors and assigns them to local mixin data */ 10 | setApiValidation(serverErrors) { 11 | if(serverErrors.attachment) 12 | { 13 | this.apiValidationErrors = { "attachment": [ serverErrors.attachment[0] ]} 14 | return {['attachment']: serverErrors.attachment[0]} 15 | } 16 | this.apiValidationErrors = serverErrors.reduce( 17 | (accumulator, errorObject) => { 18 | if (typeof errorObject.source === "undefined") return false; 19 | 20 | const errorFieldName = errorObject.source.pointer.split("/")[3]; 21 | const errorDetail = (accumulator[errorFieldName] || []).concat( 22 | errorObject.detail 23 | ); 24 | 25 | return { 26 | ...accumulator, 27 | [errorFieldName]: errorDetail 28 | }; 29 | }, 30 | {} 31 | ); 32 | }, 33 | 34 | resetApiValidation() { 35 | this.apiValidationErrors = {}; 36 | } 37 | } 38 | }; 39 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/mixins/showSwal.js: -------------------------------------------------------------------------------- 1 | import Swal from "sweetalert2"; 2 | 3 | export default { 4 | methods:{ 5 | showSwal(options) { 6 | new Swal({ 7 | toast: true, 8 | position: "top-right", 9 | iconColor: "white", 10 | width: options.width ? options.width : 300, 11 | text: options.message, 12 | customClass: { 13 | popup: options.type === "success" ? "colored-toast-success" : "colored-toast-error", 14 | }, 15 | showConfirmButton: false, 16 | showCloseButton: true, 17 | timer: 2000, 18 | timerProgressBar: true, 19 | }); 20 | }, 21 | showSwalConfirmationDelete() { 22 | const swalDelete = new Swal({ 23 | title: "Are you sure?", 24 | text: "You won't be able to revert this!", 25 | showCancelButton: true, 26 | confirmButtonText: "Yes, delete it!", 27 | cancelButtonText: "No, cancel!", 28 | reverseButtons: true, 29 | customClass: { 30 | confirmButton: "btn bg-gradient-success", 31 | cancelButton: "btn bg-gradient-danger", 32 | }, 33 | buttonsStyling: false, 34 | }); 35 | 36 | return swalDelete; 37 | }, 38 | } 39 | } -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/services/auth-header.js: -------------------------------------------------------------------------------- 1 | export default function authHeader() { 2 | let user = localStorage.getItem('access_token'); 3 | 4 | if (user) { 5 | return { 6 | Authorization: 'Bearer ' + user, 7 | Accept: "application/vnd.api+json", 8 | "Content-Type": "application/vnd.api+json" 9 | }; 10 | } else { 11 | return {}; 12 | } 13 | } -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/services/profile.service.js: -------------------------------------------------------------------------------- 1 | import axios from 'axios'; 2 | import authHeader from './auth-header'; 3 | import Jsona from "jsona"; 4 | 5 | const API_URL = process.env.VUE_APP_API_BASE_URL; 6 | 7 | const jsona = new Jsona(); 8 | 9 | async function getMe() { 10 | const response = await axios.get(`${API_URL}/me`, { headers: authHeader() }); 11 | return jsona.deserialize(response.data); 12 | } 13 | 14 | async function updateProfile(updateUser) { 15 | 16 | const payload = jsona.serialize({ 17 | stuff: updateUser, 18 | includeNames: [] 19 | }); 20 | 21 | const response = await axios.patch(`${API_URL}/me`, payload, { headers: authHeader() }); 22 | return jsona.deserialize(response.data); 23 | } 24 | 25 | export default { 26 | getMe, 27 | updateProfile 28 | }; -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/store/auth.module.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable no-unused-vars */ 2 | import AuthService from "../services/auth.service.js"; 3 | const user = localStorage.getItem('access_token'); 4 | const isAuthenticated = user ? true : false; 5 | export const auth = { 6 | namespaced: true, 7 | state: { isAuthenticated : isAuthenticated}, 8 | getters: { 9 | isAuthenticated: state => state.isAuthenticated, 10 | }, 11 | actions: { 12 | async login({ commit }, user) { 13 | await AuthService.login(user); 14 | commit('isAuthenticated', true); 15 | }, 16 | async logout({ commit }) { 17 | try { 18 | await AuthService.logout(); 19 | } finally { 20 | commit('isAuthenticated', false); 21 | } 22 | }, 23 | async register({ commit }, user) { 24 | await AuthService.register(user); 25 | commit('isAuthenticated', true); 26 | }, 27 | async forgotPassword({ commit }, data) { 28 | await AuthService.forgotPassword(data); 29 | }, 30 | async resetPassword({ commit }, data) { 31 | await AuthService.resetPassword(data); 32 | } 33 | }, 34 | mutations: { 35 | isAuthenticated(state, payload) { 36 | state.isAuthenticated = payload; 37 | }, 38 | } 39 | }; -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/store/profile.module.js: -------------------------------------------------------------------------------- 1 | import service from "../services/profile.service.js"; 2 | 3 | export const profile = { 4 | namespaced: true, 5 | state: { 6 | me: null, 7 | }, 8 | getters: { 9 | me: state => state.me, 10 | }, 11 | actions: { 12 | async me({ commit }) { 13 | const data = await service.getMe(); 14 | commit('GET_ME_PROFILE', data); 15 | }, 16 | async update({ commit }, updateUser) { 17 | const data = await service.updateProfile(updateUser); 18 | commit('GET_ME_PROFILE', data); 19 | }, 20 | }, 21 | mutations: { 22 | GET_ME_PROFILE(state, me) { 23 | state.me = me 24 | } 25 | } 26 | } -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/views/Home.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 15 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/views/Tables.vue: -------------------------------------------------------------------------------- 1 | 15 | 16 | 56 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/views/components/CardCalendar.vue: -------------------------------------------------------------------------------- 1 | 39 | 40 | 45 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/views/components/CardEmail.vue: -------------------------------------------------------------------------------- 1 | 19 | 20 | 25 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/views/components/CardToDo.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 31 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/views/components/CreditCard.vue: -------------------------------------------------------------------------------- 1 | 33 | 34 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/views/components/NavPill.vue: -------------------------------------------------------------------------------- 1 | 47 | 48 | 58 | -------------------------------------------------------------------------------- /vue-argon-dashboard-laravel/src/views/components/RocketCard.vue: -------------------------------------------------------------------------------- 1 | 26 | 27 | 32 | --------------------------------------------------------------------------------