├── .editorconfig ├── .env.example ├── .gitattributes ├── .gitignore ├── .styleci.yml ├── README.md ├── app ├── Console │ └── Kernel.php ├── Exceptions │ └── Handler.php ├── Http │ ├── Controllers │ │ ├── Api │ │ │ ├── HomeController.php │ │ │ └── LeadController.php │ │ ├── AuthController.php │ │ ├── Controller.php │ │ ├── HomeController.php │ │ └── LeadController.php │ ├── Kernel.php │ └── Middleware │ │ ├── Authenticate.php │ │ ├── CheckForMaintenanceMode.php │ │ ├── Cors.php │ │ ├── EncryptCookies.php │ │ ├── RedirectIfAuthenticated.php │ │ ├── TrimStrings.php │ │ ├── TrustProxies.php │ │ └── VerifyCsrfToken.php ├── Models │ ├── Lead.php │ └── User.php ├── Providers │ ├── AppServiceProvider.php │ ├── AuthServiceProvider.php │ ├── BroadcastServiceProvider.php │ ├── EventServiceProvider.php │ └── RouteServiceProvider.php └── User.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 ├── logging.php ├── mail.php ├── queue.php ├── services.php ├── session.php └── view.php ├── database ├── .gitignore ├── factories │ └── UserFactory.php ├── migrations │ ├── 2014_10_12_000000_create_users_table.php │ ├── 2019_08_19_000000_create_failed_jobs_table.php │ └── 2020_04_09_163205_create_leads_table.php └── seeds │ └── DatabaseSeeder.php ├── package-lock.json ├── package.json ├── phpunit.xml ├── public ├── .htaccess ├── assets │ ├── css │ │ ├── custom.css │ │ ├── style.css │ │ └── style.css.map │ ├── fonts │ │ └── Ubuntu │ │ │ ├── Ubuntu-Bold.eot │ │ │ ├── Ubuntu-Bold.ttf │ │ │ ├── Ubuntu-Bold.woff │ │ │ ├── Ubuntu-Bold.woff2 │ │ │ ├── Ubuntu-Light.eot │ │ │ ├── Ubuntu-Light.ttf │ │ │ ├── Ubuntu-Light.woff │ │ │ ├── Ubuntu-Light.woff2 │ │ │ ├── Ubuntu-Medium.eot │ │ │ ├── Ubuntu-Medium.ttf │ │ │ ├── Ubuntu-Medium.woff │ │ │ ├── Ubuntu-Medium.woff2 │ │ │ ├── Ubuntu-Regular.eot │ │ │ ├── Ubuntu-Regular.ttf │ │ │ ├── Ubuntu-Regular.woff │ │ │ └── Ubuntu-Regular.woff2 │ ├── global │ │ └── iziToast │ │ │ ├── css │ │ │ ├── iziToast.css │ │ │ └── iziToast.min.css │ │ │ └── js │ │ │ ├── iziToast.js │ │ │ └── iziToast.min.js │ ├── images │ │ ├── dashboard │ │ │ ├── circle.png │ │ │ ├── circle.svg │ │ │ ├── img_1.jpg │ │ │ ├── img_2.jpg │ │ │ ├── img_3.jpg │ │ │ └── img_4.jpg │ │ ├── faces-clipart │ │ │ ├── pic-1.png │ │ │ ├── pic-2.png │ │ │ ├── pic-3.png │ │ │ └── pic-4.png │ │ ├── faces │ │ │ ├── face1.jpg │ │ │ ├── face10.jpg │ │ │ ├── face11.jpg │ │ │ ├── face12.jpg │ │ │ ├── face13.jpg │ │ │ ├── face14.jpg │ │ │ ├── face15.jpg │ │ │ ├── face16.jpg │ │ │ ├── face17.jpg │ │ │ ├── face18.jpg │ │ │ ├── face19.jpg │ │ │ ├── face2.jpg │ │ │ ├── face20.jpg │ │ │ ├── face21.jpg │ │ │ ├── face22.jpg │ │ │ ├── face23.jpg │ │ │ ├── face24.jpg │ │ │ ├── face25.jpg │ │ │ ├── face26.jpg │ │ │ ├── face27.jpg │ │ │ ├── face3.jpg │ │ │ ├── face4.jpg │ │ │ ├── face5.jpg │ │ │ ├── face6.jpg │ │ │ ├── face7.jpg │ │ │ ├── face8.jpg │ │ │ └── face9.jpg │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── favicon.ico │ │ ├── logo-mini.svg │ │ ├── logo.svg │ │ ├── screenshots │ │ │ ├── 1.png │ │ │ └── 2.png │ │ └── sprites │ │ │ ├── blue.png │ │ │ ├── dark.png │ │ │ ├── flag.png │ │ │ ├── green.png │ │ │ ├── jsgrid-icons.png │ │ │ ├── red.png │ │ │ └── yellow.png │ ├── js │ │ ├── chart.js │ │ ├── dashboard.js │ │ ├── file-upload.js │ │ ├── hoverable-collapse.js │ │ ├── misc.js │ │ ├── off-canvas.js │ │ ├── todo.js │ │ └── todolist.js │ ├── scss │ │ ├── _dashboard.scss │ │ ├── _demo.scss │ │ ├── _fonts.scss │ │ ├── _footer.scss │ │ ├── _functions.scss │ │ ├── _layouts.scss │ │ ├── _misc.scss │ │ ├── _navbar.scss │ │ ├── _reset.scss │ │ ├── _sidebar.scss │ │ ├── _typography.scss │ │ ├── _utilities.scss │ │ ├── _variables.scss │ │ ├── _vertical-wrapper.scss │ │ ├── _widget-grid.scss │ │ ├── components │ │ │ ├── _badges.scss │ │ │ ├── _bootstrap-progress.scss │ │ │ ├── _breadcrumbs.scss │ │ │ ├── _buttons.scss │ │ │ ├── _cards.scss │ │ │ ├── _checkbox-radio.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _forms.scss │ │ │ ├── _icons.scss │ │ │ ├── _lists.scss │ │ │ ├── _preview.scss │ │ │ ├── _tables.scss │ │ │ └── _todo-list.scss │ │ ├── landing-screens │ │ │ └── _auth.scss │ │ ├── mixins │ │ │ ├── _animation.scss │ │ │ ├── _background.scss │ │ │ ├── _badges.scss │ │ │ ├── _blockqoute.scss │ │ │ ├── _breadcrumbs.scss │ │ │ ├── _buttons.scss │ │ │ ├── _cards.scss │ │ │ ├── _misc.scss │ │ │ ├── _pagination.scss │ │ │ ├── _popovers.scss │ │ │ ├── _text.scss │ │ │ └── _tooltips.scss │ │ └── style.scss │ └── vendors │ │ ├── chart.js │ │ └── Chart.min.js │ │ ├── css │ │ └── vendor.bundle.base.css │ │ ├── js │ │ ├── bootstrap.min.js.map │ │ └── vendor.bundle.base.js │ │ └── mdi │ │ ├── css │ │ ├── materialdesignicons.min.css │ │ └── materialdesignicons.min.css.map │ │ └── fonts │ │ ├── materialdesignicons-webfont.eot │ │ ├── materialdesignicons-webfont.ttf │ │ ├── materialdesignicons-webfont.woff │ │ └── materialdesignicons-webfont.woff2 ├── css │ ├── Leads.css │ └── app.css ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon.ico ├── index.php ├── js │ ├── app.js │ ├── app.js.LICENSE.txt │ └── views │ │ ├── Dashboard.js │ │ ├── Dashboard.js.LICENSE.txt │ │ ├── Leads.js │ │ ├── Leads.js.LICENSE.txt │ │ ├── Login.js │ │ └── Login.js.LICENSE.txt ├── mix-manifest.json └── robots.txt ├── resources ├── js │ ├── Helpers.js │ ├── app.js │ ├── bootstrap.js │ ├── components │ │ ├── Dashboard.js │ │ ├── Login.js │ │ ├── Registration.js │ │ └── SznList │ │ │ ├── EditLead.js │ │ │ ├── LeadItem.js │ │ │ ├── LeadList.js │ │ │ ├── NewLead.js │ │ │ └── TopControl.js │ ├── redux │ │ ├── actions │ │ │ ├── index.js │ │ │ ├── setActiveComponent.js │ │ │ └── setAuthUser.js │ │ └── reducers │ │ │ ├── activeComponent.js │ │ │ ├── authUser.js │ │ │ └── index.js │ ├── variables.js │ └── views │ │ ├── Dashboard.js │ │ ├── Leads.js │ │ └── Login.js ├── lang │ └── en │ │ ├── auth.php │ │ ├── pagination.php │ │ ├── passwords.php │ │ └── validation.php ├── sass │ ├── Leads.scss │ ├── _variables.scss │ └── app.scss └── views │ ├── global_script.blade.php │ ├── test.blade.php │ └── user │ ├── dashboard.blade.php │ ├── layout │ ├── master.blade.php │ └── partials │ │ ├── _footer.blade.php │ │ ├── _navbar.blade.php │ │ ├── _sidebar.blade.php │ │ └── _toaster-message.blade.php │ ├── lead │ └── index.blade.php │ └── login.blade.php ├── routes ├── api.php ├── channels.php ├── console.php └── web.php ├── server.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 └── webpack.mix.js /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | end_of_line = lf 6 | insert_final_newline = true 7 | indent_style = space 8 | indent_size = 4 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | 14 | [*.{yml,yaml}] 15 | indent_size = 2 16 | -------------------------------------------------------------------------------- /.env.example: -------------------------------------------------------------------------------- 1 | APP_NAME="React Laravel" 2 | APP_ENV=local 3 | APP_KEY= 4 | APP_DEBUG=true 5 | APP_URL=http://react-laravel.test/ 6 | 7 | LOG_CHANNEL=stack 8 | 9 | DB_CONNECTION=mysql 10 | DB_HOST=127.0.0.1 11 | DB_PORT=3306 12 | DB_DATABASE=react-laravel 13 | DB_USERNAME=root 14 | DB_PASSWORD= 15 | 16 | BROADCAST_DRIVER=log 17 | CACHE_DRIVER=file 18 | QUEUE_CONNECTION=sync 19 | SESSION_DRIVER=file 20 | SESSION_LIFETIME=120 21 | 22 | REDIS_HOST=127.0.0.1 23 | REDIS_PASSWORD=null 24 | REDIS_PORT=6379 25 | 26 | MAIL_MAILER=smtp 27 | MAIL_HOST=smtp.mailtrap.io 28 | MAIL_PORT=2525 29 | MAIL_USERNAME=null 30 | MAIL_PASSWORD=null 31 | MAIL_ENCRYPTION=null 32 | MAIL_FROM_ADDRESS=null 33 | MAIL_FROM_NAME="${APP_NAME}" 34 | 35 | AWS_ACCESS_KEY_ID= 36 | AWS_SECRET_ACCESS_KEY= 37 | AWS_DEFAULT_REGION=us-east-1 38 | AWS_BUCKET= 39 | 40 | PUSHER_APP_ID= 41 | PUSHER_APP_KEY= 42 | PUSHER_APP_SECRET= 43 | PUSHER_APP_CLUSTER=mt1 44 | 45 | MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}" 46 | MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" 47 | 48 | SITE_NAME="Laravel React" -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | * text=auto 2 | *.css linguist-vendored 3 | *.scss linguist-vendored 4 | *.js linguist-vendored 5 | CHANGELOG.md export-ignore 6 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /public/hot 3 | /public/storage 4 | /storage/*.key 5 | /vendor 6 | .env 7 | .env.backup 8 | .phpunit.result.cache 9 | Homestead.json 10 | Homestead.yaml 11 | npm-debug.log 12 | yarn-error.log 13 | _ide_helper.php 14 | -------------------------------------------------------------------------------- /.styleci.yml: -------------------------------------------------------------------------------- 1 | php: 2 | preset: laravel 3 | disabled: 4 | - unused_use 5 | finder: 6 | not-name: 7 | - index.php 8 | - server.php 9 | js: 10 | finder: 11 | not-name: 12 | - webpack.mix.js 13 | css: true 14 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

React Laravel

2 | 3 |

4 | laravel 7.5.2 5 | react 16.13.1 6 | redux 7.2 7 | react router 5.1.2 8 |

9 | 10 | ## About 11 | A crud based laravel app to learn how to integrate react and other important react feature in laravel. 12 | 13 | > A better laravel react single page app: [Ezfolio](https://github.com/arifszn/ezfolio) 14 | 15 | ## Demo ## 16 | [https://szn-react-laravel.herokuapp.com](https://szn-react-laravel.herokuapp.com) 17 | 18 | ## Topics Convered 19 | - React 20 | - React Redux 21 | - React Router 22 | - React Hooks 23 | - React Class Component VS Functional Component 24 | - React validation 25 | - Laravel Api 26 | - Laravel Token Api 27 | - Laravel Manual Pagination 28 | - Laravel Crud 29 | - Sass 30 | 31 | ## Screenshots 32 | ![alt text](https://raw.githubusercontent.com/arifszn/react-laravel/main/public/assets/images/screenshots/1.png) 33 |
34 |
35 | 36 | *** 37 | 38 | ![alt text](https://raw.githubusercontent.com/arifszn/react-laravel/main/public/assets/images/screenshots/2.png) 39 |
40 |
41 | 42 | ## Installation 43 | - Run ```git clone https://github.com/arifszn/react-laravel.git``` 44 | - Run ```cd react-laravel``` 45 | - Run ```composer install``` 46 | - Setup database 47 | - Run ```cp .env.example .env``` 48 | - Run ```php artisan key:generate``` 49 | - Provide db name, username and password in .env 50 | - Run ```php artisan migrate --seed``` 51 | 52 | 53 | ## Thank You 54 | 55 | [![Stargazers repo roster for @arifszn/react-laravel](https://reporoster.com/stars/arifszn/react-laravel)](https://github.com/arifszn/react-laravel/stargazers) 56 | 57 | ## Support 58 | 59 | Show your ❤️ and support by giving a ⭐. 60 | 61 | 62 | ## License 63 | 64 |

MIT Licensed.

65 |

Copyright © MD. Ariful Alam 2021.

66 | -------------------------------------------------------------------------------- /app/Console/Kernel.php: -------------------------------------------------------------------------------- 1 | command('inspire')->hourly(); 28 | } 29 | 30 | /** 31 | * Register the commands for the application. 32 | * 33 | * @return void 34 | */ 35 | protected function commands() 36 | { 37 | $this->load(__DIR__.'/Commands'); 38 | 39 | require base_path('routes/console.php'); 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /app/Exceptions/Handler.php: -------------------------------------------------------------------------------- 1 | expectsJson() && $exception instanceof \Illuminate\Auth\AuthenticationException){ 54 | return response()->json(['status' => 'error', 'message' => 'Unauthenticated.'], 401); 55 | } 56 | return parent::render($request, $exception); 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /app/Http/Controllers/Api/HomeController.php: -------------------------------------------------------------------------------- 1 | first(); 16 | 17 | $allLead = Lead::where('user_id', $user->id); 18 | 19 | $weeklyLeadCount = (clone $allLead)->whereBetween('created_at', [Carbon::now()->startOfWeek(), Carbon::now()->endOfWeek()])->count(); 20 | $monthlyLeadCount = (clone $allLead)->whereBetween('created_at', [Carbon::now()->startOfMonth(), Carbon::now()->endOfMonth()])->count(); 21 | $totalLeadsCount = (clone $allLead)->count(); 22 | $recentLeads = (clone $allLead)->orderby('created_at', 'desc')->limit(5)->get(); 23 | 24 | $data['totalLeads'] = $totalLeadsCount; 25 | $data['weeklyLeads'] = $weeklyLeadCount; 26 | $data['monthlyLeads'] = $monthlyLeadCount; 27 | $data['recentLeads'] = $recentLeads; 28 | 29 | return response()->json([ 30 | 'message' => $data, 31 | 'status' => 'success' 32 | ]); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /app/Http/Controllers/AuthController.php: -------------------------------------------------------------------------------- 1 | all(), [ 28 | 'name' => 'required|string', 29 | 'email' => 'required|email|unique:users', 30 | 'password' => 'required|confirmed' 31 | ]); 32 | 33 | if ($validate->fails()) { 34 | return response()->json([ 35 | 'message' => $validate->errors(), 36 | 'status' => 'validation-error' 37 | ], 401); 38 | } 39 | 40 | $user = User::create([ 41 | 'name' => $request->name, 42 | 'email' => $request->email, 43 | 'password' => bcrypt($request->password), 44 | 'api_token' => Str::random(80), 45 | ]); 46 | $user->save(); 47 | 48 | $token = Str::random(80); 49 | 50 | $user->forceFill([ 51 | 'api_token' => hash('sha256', $token), 52 | ])->save(); 53 | 54 | $credentials = request(['email', 'password']); 55 | 56 | if(!Auth::guard('users')->attempt($credentials)) 57 | return response()->json([ 58 | 'message' => 'Invalid email or password', 59 | 'status' => 'error' 60 | ], 401); 61 | 62 | return response()->json([ 63 | 'message' => $user->api_token, 64 | 'status' => 'success' 65 | ], 201); 66 | } 67 | 68 | public function login(Request $request) 69 | { 70 | $validate = Validator::make($request->all(), [ 71 | 'email' => 'required|email', 72 | 'password' => 'required' 73 | ]); 74 | 75 | if ($validate->fails()) { 76 | return response()->json([ 77 | 'message' => $validate->errors(), 78 | 'status' => 'validation-error' 79 | ], 401); 80 | } 81 | 82 | $credentials = request(['email', 'password']); 83 | 84 | if(!Auth::guard('users')->attempt($credentials)) 85 | return response()->json([ 86 | 'message' => 'Invalid email or password', 87 | 'status' => 'error' 88 | ], 401); 89 | $user = $request->user(); 90 | 91 | return response()->json([ 92 | 'message' => $user->api_token, 93 | 'status' => 'success' 94 | ], 201); 95 | } 96 | 97 | public function logout(Request $request) 98 | { 99 | } 100 | 101 | 102 | public function user(Request $request) 103 | { 104 | return response()->json([ 105 | 'message' => $request->user(), 106 | 'status' => 'success' 107 | ]); 108 | } 109 | } 110 | -------------------------------------------------------------------------------- /app/Http/Controllers/Controller.php: -------------------------------------------------------------------------------- 1 | createToasterNotification($message, 'error'); 20 | 21 | Session::flash('error-toaster', $toast); 22 | return Redirect::route($route); 23 | } 24 | 25 | public function createToasterNotification($message = '', $type = 'error', $title = '', $options = null) 26 | { 27 | if (!$options) { 28 | $options = [ 29 | 'progressBar' => true, 30 | 'theme' => 'dark', 31 | 'position' => 'topRight', 32 | 'color' => $type == 'error' ? '#565c70' : '#565c70', 33 | 'messageColor' => $type == 'error' ? '#ffafb4' : '#00ffb8', 34 | 'messageSize' => 12 35 | ]; 36 | } 37 | 38 | return Toast::make($message, $title, $type, $options); 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /app/Http/Controllers/HomeController.php: -------------------------------------------------------------------------------- 1 | [ 34 | \App\Http\Middleware\EncryptCookies::class, 35 | \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class, 36 | \Illuminate\Session\Middleware\StartSession::class, 37 | // \Illuminate\Session\Middleware\AuthenticateSession::class, 38 | \Illuminate\View\Middleware\ShareErrorsFromSession::class, 39 | \App\Http\Middleware\VerifyCsrfToken::class, 40 | \Illuminate\Routing\Middleware\SubstituteBindings::class, 41 | ], 42 | 43 | 'api' => [ 44 | 'throttle:60,1', 45 | \Illuminate\Routing\Middleware\SubstituteBindings::class, 46 | ], 47 | ]; 48 | 49 | /** 50 | * The application's route middleware. 51 | * 52 | * These middleware may be assigned to groups or used individually. 53 | * 54 | * @var array 55 | */ 56 | protected $routeMiddleware = [ 57 | 'auth' => \App\Http\Middleware\Authenticate::class, 58 | 'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class, 59 | 'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class, 60 | 'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class, 61 | 'can' => \Illuminate\Auth\Middleware\Authorize::class, 62 | 'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class, 63 | 'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class, 64 | 'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class, 65 | 'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class, 66 | 'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class, 67 | 'cors' => Cors::class, 68 | ]; 69 | } 70 | -------------------------------------------------------------------------------- /app/Http/Middleware/Authenticate.php: -------------------------------------------------------------------------------- 1 | expectsJson()) { 18 | return route('Login'); 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /app/Http/Middleware/CheckForMaintenanceMode.php: -------------------------------------------------------------------------------- 1 | 'POST, GET, OPTIONS, PUT, DELETE', 23 | 'Access-Control-Allow-Headers'=> 'Content-Type, X-Auth-Token, Origin' 24 | ]; 25 | if($request->getMethod() == "OPTIONS") { 26 | return Response::make('OK', 200, $headers); 27 | } 28 | 29 | $response = $next($request); 30 | foreach($headers as $key => $value) 31 | $response->header($key, $value); 32 | return $response; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /app/Http/Middleware/EncryptCookies.php: -------------------------------------------------------------------------------- 1 | check()) { 22 | return redirect(RouteServiceProvider::HOME); 23 | } 24 | 25 | return $next($request); 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /app/Http/Middleware/TrimStrings.php: -------------------------------------------------------------------------------- 1 | hasOne('App\Models\User', 'id', 'user_id'); 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /app/Models/User.php: -------------------------------------------------------------------------------- 1 | 'datetime', 35 | ]; 36 | 37 | public function leads() 38 | { 39 | return $this->hasMany('App\Models\Lead', 'user_id', 'id'); 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /app/Providers/AppServiceProvider.php: -------------------------------------------------------------------------------- 1 | 'App\Policies\ModelPolicy', 17 | ]; 18 | 19 | /** 20 | * Register any authentication / authorization services. 21 | * 22 | * @return void 23 | */ 24 | public function boot() 25 | { 26 | $this->registerPolicies(); 27 | 28 | // 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /app/Providers/BroadcastServiceProvider.php: -------------------------------------------------------------------------------- 1 | [ 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 | parent::boot(); 31 | 32 | // 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /app/Providers/RouteServiceProvider.php: -------------------------------------------------------------------------------- 1 | mapApiRoutes(); 46 | 47 | $this->mapWebRoutes(); 48 | 49 | // 50 | } 51 | 52 | /** 53 | * Define the "web" routes for the application. 54 | * 55 | * These routes all receive session state, CSRF protection, etc. 56 | * 57 | * @return void 58 | */ 59 | protected function mapWebRoutes() 60 | { 61 | Route::middleware('web') 62 | ->namespace($this->namespace) 63 | ->group(base_path('routes/web.php')); 64 | } 65 | 66 | /** 67 | * Define the "api" routes for the application. 68 | * 69 | * These routes are typically stateless. 70 | * 71 | * @return void 72 | */ 73 | protected function mapApiRoutes() 74 | { 75 | Route::prefix('api') 76 | ->middleware('api') 77 | ->namespace($this->namespace) 78 | ->group(base_path('routes/api.php')); 79 | } 80 | } 81 | -------------------------------------------------------------------------------- /app/User.php: -------------------------------------------------------------------------------- 1 | 'datetime', 38 | ]; 39 | } 40 | -------------------------------------------------------------------------------- /artisan: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env php 2 | make(Illuminate\Contracts\Console\Kernel::class); 34 | 35 | $status = $kernel->handle( 36 | $input = new Symfony\Component\Console\Input\ArgvInput, 37 | new Symfony\Component\Console\Output\ConsoleOutput 38 | ); 39 | 40 | /* 41 | |-------------------------------------------------------------------------- 42 | | Shutdown The Application 43 | |-------------------------------------------------------------------------- 44 | | 45 | | Once Artisan has finished running, we will fire off the shutdown events 46 | | so that any final work may be done by the application before we shut 47 | | down the process. This is the last thing to happen to the request. 48 | | 49 | */ 50 | 51 | $kernel->terminate($input, $status); 52 | 53 | exit($status); 54 | -------------------------------------------------------------------------------- /bootstrap/app.php: -------------------------------------------------------------------------------- 1 | singleton( 30 | Illuminate\Contracts\Http\Kernel::class, 31 | App\Http\Kernel::class 32 | ); 33 | 34 | $app->singleton( 35 | Illuminate\Contracts\Console\Kernel::class, 36 | App\Console\Kernel::class 37 | ); 38 | 39 | $app->singleton( 40 | Illuminate\Contracts\Debug\ExceptionHandler::class, 41 | App\Exceptions\Handler::class 42 | ); 43 | 44 | /* 45 | |-------------------------------------------------------------------------- 46 | | Return The Application 47 | |-------------------------------------------------------------------------- 48 | | 49 | | This script returns the application instance. The instance is given to 50 | | the calling script so we can separate the building of the instances 51 | | from the actual running of the application and sending responses. 52 | | 53 | */ 54 | 55 | return $app; 56 | -------------------------------------------------------------------------------- /bootstrap/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "laravel/laravel", 3 | "type": "project", 4 | "description": "The Laravel Framework.", 5 | "keywords": [ 6 | "framework", 7 | "laravel" 8 | ], 9 | "license": "MIT", 10 | "require": { 11 | "php": "^7.2.5", 12 | "fideloper/proxy": "^4.2", 13 | "fruitcake/laravel-cors": "^1.0", 14 | "guzzlehttp/guzzle": "^6.3", 15 | "laravel/framework": "^7.0", 16 | "laravel/tinker": "^2.0", 17 | "laravel/ui": "^2.0", 18 | "rap2hpoutre/laravel-log-viewer": "^1.4", 19 | "tegimus/php-izitoast": "^1.0" 20 | }, 21 | "require-dev": { 22 | "barryvdh/laravel-ide-helper": "^2.6", 23 | "facade/ignition": "^2.0", 24 | "fzaninotto/faker": "^1.9.1", 25 | "mockery/mockery": "^1.3.1", 26 | "nunomaduro/collision": "^4.1", 27 | "phpunit/phpunit": "^8.5" 28 | }, 29 | "config": { 30 | "optimize-autoloader": true, 31 | "preferred-install": "dist", 32 | "sort-packages": true 33 | }, 34 | "extra": { 35 | "laravel": { 36 | "dont-discover": [] 37 | } 38 | }, 39 | "autoload": { 40 | "psr-4": { 41 | "App\\": "app/" 42 | }, 43 | "classmap": [ 44 | "database/seeds", 45 | "database/factories" 46 | ] 47 | }, 48 | "autoload-dev": { 49 | "psr-4": { 50 | "Tests\\": "tests/" 51 | } 52 | }, 53 | "minimum-stability": "dev", 54 | "prefer-stable": true, 55 | "scripts": { 56 | "post-autoload-dump": [ 57 | "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump", 58 | "@php artisan package:discover --ansi" 59 | ], 60 | "post-root-package-install": [ 61 | "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"" 62 | ], 63 | "post-create-project-cmd": [ 64 | "@php artisan key:generate --ansi" 65 | ] 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /config/auth.php: -------------------------------------------------------------------------------- 1 | [ 17 | 'guard' => 'users', 18 | 'passwords' => 'users', 19 | ], 20 | 21 | /* 22 | |-------------------------------------------------------------------------- 23 | | Authentication Guards 24 | |-------------------------------------------------------------------------- 25 | | 26 | | Next, you may define every authentication guard for your application. 27 | | Of course, a great default configuration has been defined for you 28 | | here which uses session storage and the Eloquent user provider. 29 | | 30 | | All authentication drivers have a user provider. This defines how the 31 | | users are actually retrieved out of your database or other storage 32 | | mechanisms used by this application to persist your user's data. 33 | | 34 | | Supported: "session", "token" 35 | | 36 | */ 37 | 38 | 'guards' => [ 39 | 'users' => [ 40 | 'driver' => 'session', 41 | 'provider' => 'users', 42 | ], 43 | 44 | 'api' => [ 45 | 'driver' => 'token', 46 | 'provider' => 'users', 47 | 'hash' => false, 48 | ], 49 | ], 50 | 51 | /* 52 | |-------------------------------------------------------------------------- 53 | | User Providers 54 | |-------------------------------------------------------------------------- 55 | | 56 | | All authentication drivers have a user provider. This defines how the 57 | | users are actually retrieved out of your database or other storage 58 | | mechanisms used by this application to persist your user's data. 59 | | 60 | | If you have multiple user tables or models you may configure multiple 61 | | sources which represent each model / table. These sources may then 62 | | be assigned to any extra authentication guards you have defined. 63 | | 64 | | Supported: "database", "eloquent" 65 | | 66 | */ 67 | 68 | 'providers' => [ 69 | 'users' => [ 70 | 'driver' => 'eloquent', 71 | 'model' => App\Models\User::class, 72 | ], 73 | 74 | // 'users' => [ 75 | // 'driver' => 'database', 76 | // 'table' => 'users', 77 | // ], 78 | ], 79 | 80 | /* 81 | |-------------------------------------------------------------------------- 82 | | Resetting Passwords 83 | |-------------------------------------------------------------------------- 84 | | 85 | | You may specify multiple password reset configurations if you have more 86 | | than one user table or model in the application and you want to have 87 | | separate password reset settings based on the specific user types. 88 | | 89 | | The expire time is the number of minutes that the reset token should be 90 | | considered valid. This security feature keeps tokens short-lived so 91 | | they have less time to be guessed. You may change this as needed. 92 | | 93 | */ 94 | 95 | 'passwords' => [ 96 | 'users' => [ 97 | 'provider' => 'users', 98 | 'table' => 'password_resets', 99 | 'expire' => 60, 100 | 'throttle' => 60, 101 | ], 102 | ], 103 | 104 | /* 105 | |-------------------------------------------------------------------------- 106 | | Password Confirmation Timeout 107 | |-------------------------------------------------------------------------- 108 | | 109 | | Here you may define the amount of seconds before a password confirmation 110 | | times out and the user is prompted to re-enter their password via the 111 | | confirmation screen. By default, the timeout lasts for three hours. 112 | | 113 | */ 114 | 115 | 'password_timeout' => 10800, 116 | 117 | ]; 118 | -------------------------------------------------------------------------------- /config/broadcasting.php: -------------------------------------------------------------------------------- 1 | env('BROADCAST_DRIVER', 'null'), 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Broadcast Connections 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here you may define all of the broadcast connections that will be used 26 | | to broadcast events to other systems or over websockets. Samples of 27 | | each available type of connection are provided inside this array. 28 | | 29 | */ 30 | 31 | 'connections' => [ 32 | 33 | 'pusher' => [ 34 | 'driver' => 'pusher', 35 | 'key' => env('PUSHER_APP_KEY'), 36 | 'secret' => env('PUSHER_APP_SECRET'), 37 | 'app_id' => env('PUSHER_APP_ID'), 38 | 'options' => [ 39 | 'cluster' => env('PUSHER_APP_CLUSTER'), 40 | 'useTLS' => true, 41 | ], 42 | ], 43 | 44 | 'redis' => [ 45 | 'driver' => 'redis', 46 | 'connection' => 'default', 47 | ], 48 | 49 | 'log' => [ 50 | 'driver' => 'log', 51 | ], 52 | 53 | 'null' => [ 54 | 'driver' => 'null', 55 | ], 56 | 57 | ], 58 | 59 | ]; 60 | -------------------------------------------------------------------------------- /config/cache.php: -------------------------------------------------------------------------------- 1 | env('CACHE_DRIVER', 'file'), 22 | 23 | /* 24 | |-------------------------------------------------------------------------- 25 | | Cache Stores 26 | |-------------------------------------------------------------------------- 27 | | 28 | | Here you may define all of the cache "stores" for your application as 29 | | well as their drivers. You may even define multiple stores for the 30 | | same cache driver to group types of items stored in your caches. 31 | | 32 | */ 33 | 34 | 'stores' => [ 35 | 36 | 'apc' => [ 37 | 'driver' => 'apc', 38 | ], 39 | 40 | 'array' => [ 41 | 'driver' => 'array', 42 | 'serialize' => false, 43 | ], 44 | 45 | 'database' => [ 46 | 'driver' => 'database', 47 | 'table' => 'cache', 48 | 'connection' => null, 49 | ], 50 | 51 | 'file' => [ 52 | 'driver' => 'file', 53 | 'path' => storage_path('framework/cache/data'), 54 | ], 55 | 56 | 'memcached' => [ 57 | 'driver' => 'memcached', 58 | 'persistent_id' => env('MEMCACHED_PERSISTENT_ID'), 59 | 'sasl' => [ 60 | env('MEMCACHED_USERNAME'), 61 | env('MEMCACHED_PASSWORD'), 62 | ], 63 | 'options' => [ 64 | // Memcached::OPT_CONNECT_TIMEOUT => 2000, 65 | ], 66 | 'servers' => [ 67 | [ 68 | 'host' => env('MEMCACHED_HOST', '127.0.0.1'), 69 | 'port' => env('MEMCACHED_PORT', 11211), 70 | 'weight' => 100, 71 | ], 72 | ], 73 | ], 74 | 75 | 'redis' => [ 76 | 'driver' => 'redis', 77 | 'connection' => 'cache', 78 | ], 79 | 80 | 'dynamodb' => [ 81 | 'driver' => 'dynamodb', 82 | 'key' => env('AWS_ACCESS_KEY_ID'), 83 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 84 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), 85 | 'table' => env('DYNAMODB_CACHE_TABLE', 'cache'), 86 | 'endpoint' => env('DYNAMODB_ENDPOINT'), 87 | ], 88 | 89 | ], 90 | 91 | /* 92 | |-------------------------------------------------------------------------- 93 | | Cache Key Prefix 94 | |-------------------------------------------------------------------------- 95 | | 96 | | When utilizing a RAM based store such as APC or Memcached, there might 97 | | be other applications utilizing the same cache. So, we'll specify a 98 | | value to get prefixed to all our keys so we can avoid collisions. 99 | | 100 | */ 101 | 102 | 'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache'), 103 | 104 | ]; 105 | -------------------------------------------------------------------------------- /config/cors.php: -------------------------------------------------------------------------------- 1 | ['api/*'], 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 | -------------------------------------------------------------------------------- /config/filesystems.php: -------------------------------------------------------------------------------- 1 | env('FILESYSTEM_DRIVER', 'local'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Default Cloud Filesystem Disk 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Many applications store files both locally and in the cloud. For this 24 | | reason, you may specify a default "cloud" driver here. This driver 25 | | will be bound as the Cloud disk implementation in the container. 26 | | 27 | */ 28 | 29 | 'cloud' => env('FILESYSTEM_CLOUD', 's3'), 30 | 31 | /* 32 | |-------------------------------------------------------------------------- 33 | | Filesystem Disks 34 | |-------------------------------------------------------------------------- 35 | | 36 | | Here you may configure as many filesystem "disks" as you wish, and you 37 | | may even configure multiple disks of the same driver. Defaults have 38 | | been setup for each driver as an example of the required options. 39 | | 40 | | Supported Drivers: "local", "ftp", "sftp", "s3" 41 | | 42 | */ 43 | 44 | 'disks' => [ 45 | 46 | 'local' => [ 47 | 'driver' => 'local', 48 | 'root' => storage_path('app'), 49 | ], 50 | 51 | 'public' => [ 52 | 'driver' => 'local', 53 | 'root' => storage_path('app/public'), 54 | 'url' => env('APP_URL').'/storage', 55 | 'visibility' => 'public', 56 | ], 57 | 58 | 's3' => [ 59 | 'driver' => 's3', 60 | 'key' => env('AWS_ACCESS_KEY_ID'), 61 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 62 | 'region' => env('AWS_DEFAULT_REGION'), 63 | 'bucket' => env('AWS_BUCKET'), 64 | 'endpoint' => env('AWS_URL'), 65 | ], 66 | 67 | ], 68 | 69 | /* 70 | |-------------------------------------------------------------------------- 71 | | Symbolic Links 72 | |-------------------------------------------------------------------------- 73 | | 74 | | Here you may configure the symbolic links that will be created when the 75 | | `storage:link` Artisan command is executed. The array keys should be 76 | | the locations of the links and the values should be their targets. 77 | | 78 | */ 79 | 80 | 'links' => [ 81 | public_path('storage') => storage_path('app/public'), 82 | ], 83 | 84 | ]; 85 | -------------------------------------------------------------------------------- /config/hashing.php: -------------------------------------------------------------------------------- 1 | 'bcrypt', 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Bcrypt Options 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here you may specify the configuration options that should be used when 26 | | passwords are hashed using the Bcrypt algorithm. This will allow you 27 | | to control the amount of time it takes to hash the given password. 28 | | 29 | */ 30 | 31 | 'bcrypt' => [ 32 | 'rounds' => env('BCRYPT_ROUNDS', 10), 33 | ], 34 | 35 | /* 36 | |-------------------------------------------------------------------------- 37 | | Argon Options 38 | |-------------------------------------------------------------------------- 39 | | 40 | | Here you may specify the configuration options that should be used when 41 | | passwords are hashed using the Argon algorithm. These will allow you 42 | | to control the amount of time it takes to hash the given password. 43 | | 44 | */ 45 | 46 | 'argon' => [ 47 | 'memory' => 1024, 48 | 'threads' => 2, 49 | 'time' => 2, 50 | ], 51 | 52 | ]; 53 | -------------------------------------------------------------------------------- /config/logging.php: -------------------------------------------------------------------------------- 1 | env('LOG_CHANNEL', 'stack'), 21 | 22 | /* 23 | |-------------------------------------------------------------------------- 24 | | Log Channels 25 | |-------------------------------------------------------------------------- 26 | | 27 | | Here you may configure the log channels for your application. Out of 28 | | the box, Laravel uses the Monolog PHP logging library. This gives 29 | | you a variety of powerful log handlers / formatters to utilize. 30 | | 31 | | Available Drivers: "single", "daily", "slack", "syslog", 32 | | "errorlog", "monolog", 33 | | "custom", "stack" 34 | | 35 | */ 36 | 37 | 'channels' => [ 38 | 'stack' => [ 39 | 'driver' => 'stack', 40 | 'channels' => ['single'], 41 | 'ignore_exceptions' => false, 42 | ], 43 | 44 | 'single' => [ 45 | 'driver' => 'single', 46 | 'path' => storage_path('logs/laravel.log'), 47 | 'level' => 'debug', 48 | ], 49 | 50 | 'daily' => [ 51 | 'driver' => 'daily', 52 | 'path' => storage_path('logs/laravel.log'), 53 | 'level' => 'debug', 54 | 'days' => 14, 55 | ], 56 | 57 | 'slack' => [ 58 | 'driver' => 'slack', 59 | 'url' => env('LOG_SLACK_WEBHOOK_URL'), 60 | 'username' => 'Laravel Log', 61 | 'emoji' => ':boom:', 62 | 'level' => 'critical', 63 | ], 64 | 65 | 'papertrail' => [ 66 | 'driver' => 'monolog', 67 | 'level' => 'debug', 68 | 'handler' => SyslogUdpHandler::class, 69 | 'handler_with' => [ 70 | 'host' => env('PAPERTRAIL_URL'), 71 | 'port' => env('PAPERTRAIL_PORT'), 72 | ], 73 | ], 74 | 75 | 'stderr' => [ 76 | 'driver' => 'monolog', 77 | 'handler' => StreamHandler::class, 78 | 'formatter' => env('LOG_STDERR_FORMATTER'), 79 | 'with' => [ 80 | 'stream' => 'php://stderr', 81 | ], 82 | ], 83 | 84 | 'syslog' => [ 85 | 'driver' => 'syslog', 86 | 'level' => 'debug', 87 | ], 88 | 89 | 'errorlog' => [ 90 | 'driver' => 'errorlog', 91 | 'level' => 'debug', 92 | ], 93 | 94 | 'null' => [ 95 | 'driver' => 'monolog', 96 | 'handler' => NullHandler::class, 97 | ], 98 | 99 | 'emergency' => [ 100 | 'path' => storage_path('logs/laravel.log'), 101 | ], 102 | ], 103 | 104 | ]; 105 | -------------------------------------------------------------------------------- /config/mail.php: -------------------------------------------------------------------------------- 1 | env('MAIL_MAILER', 'smtp'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Mailer Configurations 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Here you may configure all of the mailers used by your application plus 24 | | their respective settings. Several examples have been configured for 25 | | you and you are free to add your own as your application requires. 26 | | 27 | | Laravel supports a variety of mail "transport" drivers to be used while 28 | | sending an e-mail. You will specify which one you are using for your 29 | | mailers below. You are free to add additional mailers as required. 30 | | 31 | | Supported: "smtp", "sendmail", "mailgun", "ses", 32 | | "postmark", "log", "array" 33 | | 34 | */ 35 | 36 | 'mailers' => [ 37 | 'smtp' => [ 38 | 'transport' => 'smtp', 39 | 'host' => env('MAIL_HOST', 'smtp.mailgun.org'), 40 | 'port' => env('MAIL_PORT', 587), 41 | 'encryption' => env('MAIL_ENCRYPTION', 'tls'), 42 | 'username' => env('MAIL_USERNAME'), 43 | 'password' => env('MAIL_PASSWORD'), 44 | 'timeout' => null, 45 | ], 46 | 47 | 'ses' => [ 48 | 'transport' => 'ses', 49 | ], 50 | 51 | 'mailgun' => [ 52 | 'transport' => 'mailgun', 53 | ], 54 | 55 | 'postmark' => [ 56 | 'transport' => 'postmark', 57 | ], 58 | 59 | 'sendmail' => [ 60 | 'transport' => 'sendmail', 61 | 'path' => '/usr/sbin/sendmail -bs', 62 | ], 63 | 64 | 'log' => [ 65 | 'transport' => 'log', 66 | 'channel' => env('MAIL_LOG_CHANNEL'), 67 | ], 68 | 69 | 'array' => [ 70 | 'transport' => 'array', 71 | ], 72 | ], 73 | 74 | /* 75 | |-------------------------------------------------------------------------- 76 | | Global "From" Address 77 | |-------------------------------------------------------------------------- 78 | | 79 | | You may wish for all e-mails sent by your application to be sent from 80 | | the same address. Here, you may specify a name and address that is 81 | | used globally for all e-mails that are sent by your application. 82 | | 83 | */ 84 | 85 | 'from' => [ 86 | 'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'), 87 | 'name' => env('MAIL_FROM_NAME', 'Example'), 88 | ], 89 | 90 | /* 91 | |-------------------------------------------------------------------------- 92 | | Markdown Mail Settings 93 | |-------------------------------------------------------------------------- 94 | | 95 | | If you are using Markdown based email rendering, you may configure your 96 | | theme and component paths here, allowing you to customize the design 97 | | of the emails. Or, you may simply stick with the Laravel defaults! 98 | | 99 | */ 100 | 101 | 'markdown' => [ 102 | 'theme' => 'default', 103 | 104 | 'paths' => [ 105 | resource_path('views/vendor/mail'), 106 | ], 107 | ], 108 | 109 | ]; 110 | -------------------------------------------------------------------------------- /config/queue.php: -------------------------------------------------------------------------------- 1 | env('QUEUE_CONNECTION', 'sync'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Queue Connections 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Here you may configure the connection information for each server that 24 | | is used by your application. A default configuration has been added 25 | | for each back-end shipped with Laravel. You are free to add more. 26 | | 27 | | Drivers: "sync", "database", "beanstalkd", "sqs", "redis", "null" 28 | | 29 | */ 30 | 31 | 'connections' => [ 32 | 33 | 'sync' => [ 34 | 'driver' => 'sync', 35 | ], 36 | 37 | 'database' => [ 38 | 'driver' => 'database', 39 | 'table' => 'jobs', 40 | 'queue' => 'default', 41 | 'retry_after' => 90, 42 | ], 43 | 44 | 'beanstalkd' => [ 45 | 'driver' => 'beanstalkd', 46 | 'host' => 'localhost', 47 | 'queue' => 'default', 48 | 'retry_after' => 90, 49 | 'block_for' => 0, 50 | ], 51 | 52 | 'sqs' => [ 53 | 'driver' => 'sqs', 54 | 'key' => env('AWS_ACCESS_KEY_ID'), 55 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 56 | 'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'), 57 | 'queue' => env('SQS_QUEUE', 'your-queue-name'), 58 | 'suffix' => env('SQS_SUFFIX'), 59 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), 60 | ], 61 | 62 | 'redis' => [ 63 | 'driver' => 'redis', 64 | 'connection' => 'default', 65 | 'queue' => env('REDIS_QUEUE', 'default'), 66 | 'retry_after' => 90, 67 | 'block_for' => null, 68 | ], 69 | 70 | ], 71 | 72 | /* 73 | |-------------------------------------------------------------------------- 74 | | Failed Queue Jobs 75 | |-------------------------------------------------------------------------- 76 | | 77 | | These options configure the behavior of failed queue job logging so you 78 | | can control which database and table are used to store the jobs that 79 | | have failed. You may change them to any database / table you wish. 80 | | 81 | */ 82 | 83 | 'failed' => [ 84 | 'driver' => env('QUEUE_FAILED_DRIVER', 'database'), 85 | 'database' => env('DB_CONNECTION', 'mysql'), 86 | 'table' => 'failed_jobs', 87 | ], 88 | 89 | ]; 90 | -------------------------------------------------------------------------------- /config/services.php: -------------------------------------------------------------------------------- 1 | [ 18 | 'domain' => env('MAILGUN_DOMAIN'), 19 | 'secret' => env('MAILGUN_SECRET'), 20 | 'endpoint' => env('MAILGUN_ENDPOINT', 'api.mailgun.net'), 21 | ], 22 | 23 | 'postmark' => [ 24 | 'token' => env('POSTMARK_TOKEN'), 25 | ], 26 | 27 | 'ses' => [ 28 | 'key' => env('AWS_ACCESS_KEY_ID'), 29 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 30 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), 31 | ], 32 | 33 | ]; 34 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /database/.gitignore: -------------------------------------------------------------------------------- 1 | *.sqlite 2 | *.sqlite-journal 3 | -------------------------------------------------------------------------------- /database/factories/UserFactory.php: -------------------------------------------------------------------------------- 1 | define(User::class, function (Faker $faker) { 21 | return [ 22 | 'name' => $faker->name, 23 | 'email' => $faker->unique()->safeEmail, 24 | 'email_verified_at' => now(), 25 | 'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password 26 | 'remember_token' => Str::random(10), 27 | ]; 28 | }); 29 | -------------------------------------------------------------------------------- /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->string('api_token', 80) 23 | ->unique() 24 | ->nullable() 25 | ->default(null); 26 | $table->rememberToken(); 27 | $table->timestamps(); 28 | }); 29 | } 30 | 31 | /** 32 | * Reverse the migrations. 33 | * 34 | * @return void 35 | */ 36 | public function down() 37 | { 38 | Schema::dropIfExists('users'); 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /database/migrations/2019_08_19_000000_create_failed_jobs_table.php: -------------------------------------------------------------------------------- 1 | id(); 18 | $table->text('connection'); 19 | $table->text('queue'); 20 | $table->longText('payload'); 21 | $table->longText('exception'); 22 | $table->timestamp('failed_at')->useCurrent(); 23 | }); 24 | } 25 | 26 | /** 27 | * Reverse the migrations. 28 | * 29 | * @return void 30 | */ 31 | public function down() 32 | { 33 | Schema::dropIfExists('failed_jobs'); 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /database/migrations/2020_04_09_163205_create_leads_table.php: -------------------------------------------------------------------------------- 1 | id(); 18 | $table->string('name'); 19 | $table->string('email')->unique(); 20 | $table->string('phone')->unique(); 21 | $table->string('picture')->nullable(); 22 | $table->string('address')->nullable(); 23 | $table->string('description')->nullable(); 24 | $table->double('progress')->default(0.00); 25 | $table->double('earnings')->default(0.00); 26 | $table->double('expenses')->default(0.00); 27 | $table->double('net')->default(0.00); 28 | $table->tinyInteger('status')->default(1); 29 | $table->bigInteger('user_id')->unsigned(); 30 | $table->foreign('user_id') 31 | ->references('id')->on('users') 32 | ->onDelete('cascade'); 33 | $table->timestamps(); 34 | }); 35 | } 36 | 37 | /** 38 | * Reverse the migrations. 39 | * 40 | * @return void 41 | */ 42 | public function down() 43 | { 44 | Schema::dropIfExists('leads'); 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /database/seeds/DatabaseSeeder.php: -------------------------------------------------------------------------------- 1 | 'John Doe', 18 | 'email' => 'demo@example.com', 19 | 'password' => bcrypt('12345'), 20 | 'api_token' => Str::random(80) 21 | ]); 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "scripts": { 4 | "dev": "npm run development", 5 | "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 6 | "watch": "npm run development -- --watch", 7 | "watch-poll": "npm run watch -- --watch-poll", 8 | "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", 9 | "prod": "npm run production", 10 | "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" 11 | }, 12 | "devDependencies": { 13 | "@babel/plugin-proposal-class-properties": "^7.2.3", 14 | "@babel/preset-env": "^7.9.5", 15 | "@babel/preset-react": "^7.0.0", 16 | "axios": "^0.19", 17 | "bootstrap": "^4.4.1", 18 | "cross-env": "^7.0", 19 | "jquery": "^3.2", 20 | "laravel-mix": "^5.0.1", 21 | "lodash": "^4.17.13", 22 | "popper.js": "^1.12", 23 | "react": "^16.2.0", 24 | "react-dom": "^16.2.0", 25 | "resolve-url-loader": "^3.1.0", 26 | "sass": "^1.15.2", 27 | "sass-loader": "^8.0.0" 28 | }, 29 | "dependencies": { 30 | "animate.css": "^3.7.2", 31 | "izitoast": "^1.4.0", 32 | "moment": "^2.24.0", 33 | "react-animations": "^1.0.0", 34 | "react-bootstrap": "^1.0.0", 35 | "react-confirm-alert": "^2.6.1", 36 | "react-content-loader": "^5.0.4", 37 | "react-js-pagination": "^3.0.3", 38 | "react-loading-overlay": "^1.0.1", 39 | "react-redux": "^7.2.0", 40 | "react-router-dom": "^5.1.2", 41 | "react-spinners": "^0.8.1", 42 | "redux": "^4.0.5", 43 | "simple-react-validator": "^1.4.5", 44 | "validator": "^13.0.0" 45 | }, 46 | "babel": { 47 | "presets": [ 48 | "@babel/preset-env", 49 | "@babel/preset-react" 50 | ], 51 | "plugins": [ 52 | "@babel/plugin-proposal-class-properties" 53 | ] 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /phpunit.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | ./tests/Unit 9 | 10 | 11 | ./tests/Feature 12 | 13 | 14 | 15 | 16 | ./app 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /public/assets/css/custom.css: -------------------------------------------------------------------------------- 1 | .card .card-body { 2 | padding: 1.25rem; 3 | } 4 | 5 | .main-panel .content-wrapper { 6 | padding: 1rem 1.25rem; 7 | zoom: 85%; 8 | } 9 | 10 | @media only screen and (max-width: 768px) { 11 | .main-panel .content-wrapper { 12 | padding: 1rem 1.25rem; 13 | 14 | } 15 | 16 | .card .card-body { 17 | padding: 1rem; 18 | } 19 | } 20 | 21 | -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Bold.eot -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Bold.ttf -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Bold.woff -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Bold.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Light.eot -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Light.ttf -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Light.woff -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Light.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Medium.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Medium.eot -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Medium.ttf -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Medium.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Medium.woff -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Medium.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Regular.eot -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Regular.ttf -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Regular.woff -------------------------------------------------------------------------------- /public/assets/fonts/Ubuntu/Ubuntu-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/fonts/Ubuntu/Ubuntu-Regular.woff2 -------------------------------------------------------------------------------- /public/assets/images/dashboard/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/dashboard/circle.png -------------------------------------------------------------------------------- /public/assets/images/dashboard/circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 9 | 3 10 | Created with Sketch. 11 | 12 | 13 | 14 | 15 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /public/assets/images/dashboard/img_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/dashboard/img_1.jpg -------------------------------------------------------------------------------- /public/assets/images/dashboard/img_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/dashboard/img_2.jpg -------------------------------------------------------------------------------- /public/assets/images/dashboard/img_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/dashboard/img_3.jpg -------------------------------------------------------------------------------- /public/assets/images/dashboard/img_4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/dashboard/img_4.jpg -------------------------------------------------------------------------------- /public/assets/images/faces-clipart/pic-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces-clipart/pic-1.png -------------------------------------------------------------------------------- /public/assets/images/faces-clipart/pic-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces-clipart/pic-2.png -------------------------------------------------------------------------------- /public/assets/images/faces-clipart/pic-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces-clipart/pic-3.png -------------------------------------------------------------------------------- /public/assets/images/faces-clipart/pic-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces-clipart/pic-4.png -------------------------------------------------------------------------------- /public/assets/images/faces/face1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face1.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face10.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face11.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face12.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face13.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face14.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face15.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face16.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face17.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face18.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face19.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face19.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face2.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face20.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face21.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face22.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face23.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face24.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face24.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face25.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face25.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face26.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face26.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face27.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face27.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face3.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face4.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face5.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face6.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face7.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face8.jpg -------------------------------------------------------------------------------- /public/assets/images/faces/face9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/faces/face9.jpg -------------------------------------------------------------------------------- /public/assets/images/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/favicon-16x16.png -------------------------------------------------------------------------------- /public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /public/assets/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/favicon.ico -------------------------------------------------------------------------------- /public/assets/images/logo-mini.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /public/assets/images/screenshots/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/screenshots/1.png -------------------------------------------------------------------------------- /public/assets/images/screenshots/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/screenshots/2.png -------------------------------------------------------------------------------- /public/assets/images/sprites/blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/sprites/blue.png -------------------------------------------------------------------------------- /public/assets/images/sprites/dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/sprites/dark.png -------------------------------------------------------------------------------- /public/assets/images/sprites/flag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/sprites/flag.png -------------------------------------------------------------------------------- /public/assets/images/sprites/green.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/sprites/green.png -------------------------------------------------------------------------------- /public/assets/images/sprites/jsgrid-icons.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/sprites/jsgrid-icons.png -------------------------------------------------------------------------------- /public/assets/images/sprites/red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/sprites/red.png -------------------------------------------------------------------------------- /public/assets/images/sprites/yellow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/images/sprites/yellow.png -------------------------------------------------------------------------------- /public/assets/js/file-upload.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | 'use strict'; 3 | $(function() { 4 | $('.file-upload-browse').on('click', function() { 5 | var file = $(this).parent().parent().parent().find('.file-upload-default'); 6 | file.trigger('click'); 7 | }); 8 | $('.file-upload-default').on('change', function() { 9 | $(this).parent().find('.form-control').val($(this).val().replace(/C:\\fakepath\\/i, '')); 10 | }); 11 | }); 12 | })(jQuery); -------------------------------------------------------------------------------- /public/assets/js/hoverable-collapse.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | 'use strict'; 3 | //Open submenu on hover in compact sidebar mode and horizontal menu mode 4 | $(document).on('mouseenter mouseleave', '.sidebar .nav-item', function(ev) { 5 | var body = $('body'); 6 | var sidebarIconOnly = body.hasClass("sidebar-icon-only"); 7 | var sidebarFixed = body.hasClass("sidebar-fixed"); 8 | if (!('ontouchstart' in document.documentElement)) { 9 | if (sidebarIconOnly) { 10 | if (sidebarFixed) { 11 | if (ev.type === 'mouseenter') { 12 | body.removeClass('sidebar-icon-only'); 13 | } 14 | } else { 15 | var $menuItem = $(this); 16 | if (ev.type === 'mouseenter') { 17 | $menuItem.addClass('hover-open') 18 | } else { 19 | $menuItem.removeClass('hover-open') 20 | } 21 | } 22 | } 23 | } 24 | }); 25 | $('.aside-toggler').click(function(){ 26 | $('.chat-list-wrapper').toggleClass('slide') 27 | }); 28 | })(jQuery); -------------------------------------------------------------------------------- /public/assets/js/misc.js: -------------------------------------------------------------------------------- 1 | var ChartColor = ["#5D62B4", "#54C3BE", "#EF726F", "#F9C446", "rgb(93.0, 98.0, 180.0)", "#21B7EC", "#04BCCC"]; 2 | var primaryColor = getComputedStyle(document.body).getPropertyValue('--primary'); 3 | var secondaryColor = getComputedStyle(document.body).getPropertyValue('--secondary'); 4 | var successColor = getComputedStyle(document.body).getPropertyValue('--success'); 5 | var warningColor = getComputedStyle(document.body).getPropertyValue('--warning'); 6 | var dangerColor = getComputedStyle(document.body).getPropertyValue('--danger'); 7 | var infoColor = getComputedStyle(document.body).getPropertyValue('--info'); 8 | var darkColor = getComputedStyle(document.body).getPropertyValue('--dark'); 9 | var lightColor = getComputedStyle(document.body).getPropertyValue('--light'); 10 | 11 | (function($) { 12 | 'use strict'; 13 | $(function() { 14 | var body = $('body'); 15 | var contentWrapper = $('.content-wrapper'); 16 | var scroller = $('.container-scroller'); 17 | var footer = $('.footer'); 18 | var sidebar = $('.sidebar'); 19 | 20 | //Add active class to nav-link based on url dynamically 21 | //Active class can be hard coded directly in html file also as required 22 | 23 | function addActiveClass(element) { 24 | if (current === "") { 25 | //for root url 26 | if (element.attr('href').indexOf("index.html") !== -1) { 27 | element.parents('.nav-item').last().addClass('active'); 28 | if (element.parents('.sub-menu').length) { 29 | element.closest('.collapse').addClass('show'); 30 | element.addClass('active'); 31 | } 32 | } 33 | } else { 34 | //for other url 35 | if (element.attr('href').indexOf(current) !== -1) { 36 | element.parents('.nav-item').last().addClass('active'); 37 | if (element.parents('.sub-menu').length) { 38 | element.closest('.collapse').addClass('show'); 39 | element.addClass('active'); 40 | } 41 | if (element.parents('.submenu-item').length) { 42 | element.addClass('active'); 43 | } 44 | } 45 | } 46 | } 47 | 48 | var current = location.pathname.split("/").slice(-1)[0].replace(/^\/|\/$/g, ''); 49 | $('.nav li a', sidebar).each(function() { 50 | var $this = $(this); 51 | addActiveClass($this); 52 | }) 53 | 54 | $('.horizontal-menu .nav li a').each(function() { 55 | var $this = $(this); 56 | addActiveClass($this); 57 | }) 58 | 59 | //Close other submenu in sidebar on opening any 60 | 61 | sidebar.on('show.bs.collapse', '.collapse', function() { 62 | sidebar.find('.collapse.show').collapse('hide'); 63 | }); 64 | 65 | 66 | //Change sidebar and content-wrapper height 67 | applyStyles(); 68 | 69 | function applyStyles() { 70 | //Applying perfect scrollbar 71 | if (!body.hasClass("rtl")) { 72 | if (body.hasClass("sidebar-fixed")) { 73 | var fixedSidebarScroll = new PerfectScrollbar('#sidebar .nav'); 74 | } 75 | } 76 | } 77 | 78 | $('[data-toggle="minimize"]').on("click", function() { 79 | if ((body.hasClass('sidebar-toggle-display')) || (body.hasClass('sidebar-absolute'))) { 80 | body.toggleClass('sidebar-hidden'); 81 | } else { 82 | body.toggleClass('sidebar-icon-only'); 83 | } 84 | }); 85 | 86 | //checkbox and radios 87 | $(".form-check label,.form-radio label").append(''); 88 | 89 | //fullscreen 90 | $("#fullscreen-button").on("click", function toggleFullScreen() { 91 | if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) { 92 | if (document.documentElement.requestFullScreen) { 93 | document.documentElement.requestFullScreen(); 94 | } else if (document.documentElement.mozRequestFullScreen) { 95 | document.documentElement.mozRequestFullScreen(); 96 | } else if (document.documentElement.webkitRequestFullScreen) { 97 | document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 98 | } else if (document.documentElement.msRequestFullscreen) { 99 | document.documentElement.msRequestFullscreen(); 100 | } 101 | } else { 102 | if (document.cancelFullScreen) { 103 | document.cancelFullScreen(); 104 | } else if (document.mozCancelFullScreen) { 105 | document.mozCancelFullScreen(); 106 | } else if (document.webkitCancelFullScreen) { 107 | document.webkitCancelFullScreen(); 108 | } else if (document.msExitFullscreen) { 109 | document.msExitFullscreen(); 110 | } 111 | } 112 | }) 113 | }); 114 | })(jQuery); -------------------------------------------------------------------------------- /public/assets/js/off-canvas.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | 'use strict'; 3 | $(function() { 4 | $('[data-toggle="offcanvas"]').on("click", function() { 5 | $('.sidebar-offcanvas').toggleClass('active') 6 | }); 7 | }); 8 | })(jQuery); -------------------------------------------------------------------------------- /public/assets/js/todo.js: -------------------------------------------------------------------------------- 1 | (function ($) { 2 | 'use strict'; 3 | var $this = $(".todo-list .todo-item"); 4 | $(".todo-list .todo-item:not(.edit-mode)").append('
'); 5 | 6 | $(".edit-icon").on("click", function () { 7 | $(this).parent().addClass("edit-mode"); 8 | $(".todo-list .todo-item button[type='reset']").on("click", function () { 9 | $(this).closest(".todo-item").addClass("edit-mode"); 10 | }); 11 | }); 12 | 13 | })(jQuery); -------------------------------------------------------------------------------- /public/assets/js/todolist.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | 'use strict'; 3 | $(function() { 4 | var todoListItem = $('.todo-list'); 5 | var todoListInput = $('.todo-list-input'); 6 | $('.todo-list-add-btn').on("click", function(event) { 7 | event.preventDefault(); 8 | 9 | var item = $(this).prevAll('.todo-list-input').val(); 10 | 11 | if (item) { 12 | todoListItem.append("
  • "); 13 | todoListInput.val(""); 14 | } 15 | 16 | }); 17 | 18 | todoListItem.on('change', '.checkbox', function() { 19 | if ($(this).attr('checked')) { 20 | $(this).removeAttr('checked'); 21 | } else { 22 | $(this).attr('checked', 'checked'); 23 | } 24 | 25 | $(this).closest("li").toggleClass('completed'); 26 | 27 | }); 28 | 29 | todoListItem.on('click', '.remove', function() { 30 | $(this).parent().remove(); 31 | }); 32 | 33 | }); 34 | })(jQuery); -------------------------------------------------------------------------------- /public/assets/scss/_demo.scss: -------------------------------------------------------------------------------- 1 | /* Demo Styles */ 2 | // Add spacing to Boostrap components for demo purpose 3 | .template-demo { 4 | > .btn { 5 | @extend .mt-3; 6 | @extend .mr-3; 7 | } 8 | 9 | .slider-wrap { 10 | height: 100px; 11 | } 12 | 13 | > .btn-toolbar { 14 | @extend .mt-3; 15 | @extend .mr-3; 16 | } 17 | 18 | > .btn-group, 19 | > .btn-group-vertical { 20 | @extend .mt-2; 21 | @extend .mr-2; 22 | } 23 | 24 | .progress { 25 | margin-top: 1.5rem; 26 | } 27 | 28 | .circle-progress { 29 | @extend .mt-2; 30 | } 31 | 32 | > h2, 33 | > h3, 34 | > h4, 35 | > h5, 36 | > h6, 37 | > h1 { 38 | border-top: 1px solid $border-color; 39 | padding: 0.5rem 0 0; 40 | } 41 | 42 | .ul-slider { 43 | &.noUi-horizontal { 44 | margin-top: 2rem; 45 | } 46 | 47 | &.noUi-vertical { 48 | margin-right: 2rem; 49 | } 50 | } 51 | 52 | > .dropdown { 53 | display: inline-block; 54 | @extend .mr-2; 55 | margin-bottom: 0.5rem; 56 | } 57 | 58 | nav { 59 | .breadcrumb { 60 | margin-bottom: 1.375rem; 61 | } 62 | 63 | &:last-child { 64 | .breadcrumb { 65 | margin-bottom: 0; 66 | } 67 | } 68 | } 69 | 70 | .editable-form { 71 | > .form-group { 72 | border-bottom: 1px solid $border-color; 73 | padding-bottom: 0.8rem; 74 | margin-bottom: 0.8rem; 75 | } 76 | } 77 | 78 | .circle-progress { 79 | padding: 15px; 80 | } 81 | 82 | .circle-progress-block { 83 | @extend .mb-3; 84 | @extend .px-2; 85 | } 86 | } 87 | 88 | .demo-modal { 89 | position: static; 90 | display: block; 91 | 92 | .modal-dialog { 93 | @extend .mt-0; 94 | 95 | &.modal-lg { 96 | max-width: 100%; 97 | } 98 | } 99 | } 100 | 101 | .loader-demo-box { 102 | @extend .border; 103 | @extend .border-secondary; 104 | @extend .rounded; 105 | width: 100%; 106 | height: 200px; 107 | @extend .d-flex; 108 | @extend .align-items-center; 109 | } 110 | 111 | .dropdown-menu-static-demo { 112 | height: 250px; 113 | margin-bottom: 20px; 114 | } 115 | 116 | .rounded-legend { 117 | ul { 118 | li { 119 | list-style-type: none; 120 | color: $text-muted; 121 | font-size: .75rem; 122 | .legend-dots { 123 | width: 1rem; 124 | height: 1rem; 125 | border-radius: 100%; 126 | display: inline-block; 127 | vertical-align: text-bottom; 128 | margin-right: .5rem; 129 | .rtl & { 130 | margin-left: .5rem; 131 | } 132 | } 133 | } 134 | } 135 | &.legend-horizontal { 136 | @include display-flex; 137 | ul { 138 | li { 139 | display: inline-block; 140 | margin-right: 1.5rem; 141 | .rtl & { 142 | margin-right: auto; 143 | margin-left: 1.5rem; 144 | } 145 | } 146 | } 147 | } 148 | &.legend-top-right { 149 | ul { 150 | float: right; 151 | .rtl & { 152 | float: left; 153 | } 154 | } 155 | } 156 | &.legend-vertical { 157 | ul { 158 | li { 159 | margin-top: 1rem; 160 | } 161 | } 162 | } 163 | } -------------------------------------------------------------------------------- /public/assets/scss/_fonts.scss: -------------------------------------------------------------------------------- 1 | /* Fonts */ 2 | 3 | //PT_Sans 4 | @font-face { 5 | font-family: 'ubuntu-light'; 6 | src: url('../fonts/Ubuntu/Ubuntu-Light.eot'); /* IE9 Compat Modes */ 7 | src: url('../fonts/Ubuntu/Ubuntu-Light.woff2') format('woff2'), /* Super Modern Browsers */ 8 | url('../fonts/Ubuntu/Ubuntu-Light.woff') format('woff'), /* Pretty Modern Browsers */ 9 | url('../fonts/Ubuntu/Ubuntu-Light.ttf') format('truetype'), /* Safari, Android, iOS */ 10 | } 11 | @font-face { 12 | font-family: 'ubuntu-regular'; 13 | src: url('../fonts/Ubuntu/Ubuntu-Regular.eot'); /* IE9 Compat Modes */ 14 | src: url('../fonts/Ubuntu/Ubuntu-Regular.woff2') format('woff2'), /* Super Modern Browsers */ 15 | url('../fonts/Ubuntu/Ubuntu-Regular.woff') format('woff'), /* Pretty Modern Browsers */ 16 | url('../fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ 17 | } 18 | @font-face { 19 | font-family: 'ubuntu-medium'; 20 | src: url('../fonts/Ubuntu/Ubuntu-Medium.eot'); /* IE9 Compat Modes */ 21 | src: url('../fonts/Ubuntu/Ubuntu-Medium.woff2') format('woff2'), /* Super Modern Browsers */ 22 | url('../fonts/Ubuntu/Ubuntu-Medium.woff') format('woff'), /* Pretty Modern Browsers */ 23 | url('../fonts/Ubuntu/Ubuntu-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ 24 | } 25 | @font-face { 26 | font-family: 'ubuntu-bold'; 27 | src: url('../fonts/Ubuntu/Ubuntu-Bold.eot'); /* IE9 Compat Modes */ 28 | src: url('../fonts/Ubuntu/Ubuntu-Bold.woff2') format('woff2'), /* Super Modern Browsers */ 29 | url('../fonts/Ubuntu/Ubuntu-Bold.woff') format('woff'), /* Pretty Modern Browsers */ 30 | url('../fonts/Ubuntu/Ubuntu-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ 31 | } 32 | -------------------------------------------------------------------------------- /public/assets/scss/_footer.scss: -------------------------------------------------------------------------------- 1 | /* Footer */ 2 | 3 | .footer { 4 | background: $footer-bg; 5 | color: $footer-color; 6 | border-top: 1px solid darken($footer-bg, 5%); 7 | padding: 30px 1rem; 8 | transition: all $action-transition-duration $action-transition-timing-function; 9 | -moz-transition: all $action-transition-duration $action-transition-timing-function; 10 | -webkit-transition: all $action-transition-duration $action-transition-timing-function; 11 | -ms-transition: all $action-transition-duration $action-transition-timing-function; 12 | font-size: calc(#{$default-font-size} - 0.05rem); 13 | font-family: $type1-regular; 14 | a { 15 | color: theme-color(success); 16 | font-size: inherit; 17 | } 18 | @media (max-width: 991px) { 19 | margin-left: 0; 20 | width: 100%; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /public/assets/scss/_functions.scss: -------------------------------------------------------------------------------- 1 | // Functions 2 | @function social-color($key: "twitter") { 3 | @return map-get($social-colors, $key); 4 | } 5 | 6 | @function theme-gradient-color($key: "primary") { 7 | @return map-get($theme-gradient-colors, $key); 8 | } 9 | // Social Color 10 | @each $color, $value in $social-colors { 11 | .text-#{$color} { 12 | @include text-color(social-color($color)); 13 | } 14 | } 15 | @each $color, $value in $social-colors { 16 | .bg-#{$color} { 17 | background: social-color($color); 18 | } 19 | } -------------------------------------------------------------------------------- /public/assets/scss/_misc.scss: -------------------------------------------------------------------------------- 1 | /* Miscellanoeous */ 2 | body, 3 | html { 4 | overflow-x: hidden; 5 | padding-right: 0 !important; // resets padding right added by Bootstrap modal 6 | } 7 | 8 | *:-moz-full-screen, 9 | *:-webkit-full-screen, 10 | *:fullscreen *:-ms-fullscreen { 11 | overflow: auto; 12 | } 13 | 14 | .container-scroller { 15 | overflow: hidden; 16 | } 17 | 18 | pre { 19 | background: color(gray-lighter); 20 | padding: 15px; 21 | font-size: 14px; 22 | } 23 | 24 | code { 25 | padding: 5px; 26 | color: theme-color(danger); 27 | font-family: $type1-light; 28 | font-size: $default-font-size; 29 | border-radius: 4px; 30 | } 31 | 32 | .page-header { 33 | @extend .d-flex; 34 | @extend .justify-content-between; 35 | @extend .align-items-center; 36 | margin: 0 0 1.5rem 0; 37 | .breadcrumb { 38 | border: 0; 39 | margin-bottom: 0; 40 | } 41 | } 42 | .page-title { 43 | color: $page-title-color; 44 | font-size: 1.125rem; 45 | margin-bottom: 0; 46 | .page-title-icon { 47 | display: inline-block; 48 | width: 36px; 49 | height: 36px; 50 | border-radius: 4px; 51 | text-align: center; 52 | box-shadow: 0px 3px 8.3px 0.7px rgba(163, 93, 255, 0.35); 53 | i { 54 | font-size: .9375rem; 55 | line-height: 36px; 56 | } 57 | } 58 | } -------------------------------------------------------------------------------- /public/assets/scss/_reset.scss: -------------------------------------------------------------------------------- 1 | /* Reset Styles */ 2 | 3 | body { 4 | padding: 0; 5 | margin: 0; 6 | overflow-x: hidden; 7 | } 8 | 9 | .form-control, 10 | .form-control:focus { 11 | -webkit-box-shadow: none; 12 | -moz-box-shadow: none 13 | } 14 | 15 | .form-control { 16 | box-shadow: none 17 | } 18 | 19 | .form-control:focus { 20 | outline: 0; 21 | box-shadow: none 22 | } 23 | 24 | a, 25 | div, 26 | h1, 27 | h2, 28 | h3, 29 | h4, 30 | h5, 31 | p, 32 | span { 33 | text-shadow: none 34 | } 35 | 36 | [type=button]:focus, 37 | a:active, 38 | a:focus, 39 | a:visited, 40 | button::-moz-focus-inner, 41 | input[type=reset]::-moz-focus-inner, 42 | input[type=button]::-moz-focus-inner, 43 | input[type=submit]::-moz-focus-inner, 44 | input[type=file]>input[type=button]::-moz-focus-inner, 45 | select::-moz-focus-inner { 46 | outline: 0 47 | } 48 | 49 | input, 50 | .form-control:focus, 51 | input:focus, 52 | select:focus, 53 | textarea:focus, 54 | button:focus { 55 | outline: none; 56 | outline-width: 0; 57 | outline-color: transparent; 58 | box-shadow: none; 59 | outline-style: none; 60 | } 61 | 62 | textarea { 63 | resize: none; 64 | overflow-x: hidden; 65 | } 66 | 67 | .btn, 68 | .btn-group.open .dropdown-toggle, 69 | .btn:active, 70 | .btn:focus, 71 | .btn:hover, 72 | .btn:visited, 73 | a, 74 | a:active, 75 | a:checked, 76 | a:focus, 77 | a:hover, 78 | a:visited, 79 | body, 80 | button, 81 | button:active, 82 | button:hover, 83 | button:visited, 84 | div, 85 | input, 86 | input:active, 87 | input:focus, 88 | input:hover, 89 | input:visited, 90 | select, 91 | select:active, 92 | select:focus, 93 | select:visited, 94 | textarea, 95 | textarea:active, 96 | textarea:focus, 97 | textarea:hover, 98 | textarea:visited { 99 | -webkit-box-shadow: none; 100 | -moz-box-shadow: none; 101 | box-shadow: none 102 | } 103 | 104 | .btn.active.focus, 105 | .btn.active:focus, 106 | .btn.focus, 107 | .btn:active.focus, 108 | .btn:active:focus, 109 | .btn:focus, 110 | button, 111 | button:active, 112 | button:checked, 113 | button:focus, 114 | button:hover, 115 | button:visited { 116 | outline: 0; 117 | outline-offset: 0 118 | } 119 | 120 | .bootstrap-select .dropdown-toggle:focus { 121 | outline: 0 ; 122 | outline-offset: 0; 123 | } 124 | 125 | .dropdown-menu>li>a:active, 126 | .dropdown-menu>li>a:focus, 127 | .dropdown-menu>li>a:hover, 128 | .dropdown-menu>li>a:visited { 129 | outline: 0; 130 | } 131 | 132 | a:focus, 133 | input:focus { 134 | border-color: transparent; 135 | outline: none 136 | } 137 | -------------------------------------------------------------------------------- /public/assets/scss/_typography.scss: -------------------------------------------------------------------------------- 1 | /* Typography */ 2 | 3 | body { 4 | font-size: 1rem; 5 | font-family: $type1-regular; 6 | font-weight: initial; 7 | line-height: normal; 8 | -webkit-font-smoothing: antialiased; 9 | } 10 | h1, 11 | h2, 12 | h3, 13 | h4, 14 | h5, 15 | h6, 16 | .h1, 17 | .h2, 18 | .h3, 19 | .h4, 20 | .h5, 21 | .h6 { 22 | font-family: $type1-medium; 23 | } 24 | p { 25 | font-size: $default-font-size; 26 | } 27 | h1, 28 | .h1 { 29 | font-size: 2.19rem; 30 | } 31 | h2, 32 | .h2 { 33 | font-size: 1.88rem; 34 | } 35 | h3, 36 | .h3 { 37 | font-size: 1.56rem; 38 | } 39 | h4, 40 | .h4 { 41 | font-size: 1.13rem; 42 | } 43 | h5, 44 | .h5 { 45 | font-size: 1rem; 46 | } 47 | h6, 48 | .h6 { 49 | font-size: .9375rem; 50 | } 51 | p { 52 | font-size: .9375rem; 53 | line-height: 1.5; 54 | } 55 | .display-1 { 56 | font-size: 3.75rem; 57 | @media (max-width: 991px) { 58 | font-size: 3rem; 59 | } 60 | } 61 | .display-2 { 62 | font-size: 3.125rem; 63 | @media (max-width: 991px) { 64 | font-size: 2.5rem; 65 | } 66 | } 67 | .display-3 { 68 | font-size: 2.5rem; 69 | @media (max-width: 991px) { 70 | font-size: 2rem; 71 | } 72 | } 73 | .display-4 { 74 | font-size: 1.875rem; 75 | @media (max-width: 991px) { 76 | font-size: 1.5rem; 77 | } 78 | } 79 | .display-5 { 80 | font-size: 1.25rem; 81 | @media (max-width: 991px) { 82 | font-size: 1rem; 83 | } 84 | } 85 | .blockquote { 86 | padding: 1.25rem; 87 | border: 1px solid $border-color; 88 | } 89 | 90 | address { 91 | p { 92 | margin-bottom: 0; 93 | } 94 | } 95 | 96 | //blockqoute color variations 97 | @each $color, $value in $theme-colors { 98 | .blockquote-#{$color} { 99 | @include blockquote($value); 100 | } 101 | } 102 | .error-page { 103 | h1 { 104 | font-size: 12rem; 105 | @media (max-width: 991px) { 106 | font-size: 8rem; 107 | } 108 | } 109 | } 110 | .icon-lg { 111 | font-size: 2.5rem; 112 | } 113 | .icon-md { 114 | font-size: 1.875rem; 115 | } 116 | .icon-sm { 117 | font-size: 1rem; 118 | } 119 | -------------------------------------------------------------------------------- /public/assets/scss/_utilities.scss: -------------------------------------------------------------------------------- 1 | /* Utilities */ 2 | 3 | .grid-margin { 4 | margin-bottom: $card-spacing-y; 5 | } 6 | .grid-margin-sm-0 { 7 | @media (min-width: 576px) { 8 | margin-bottom: 0; 9 | } 10 | } 11 | .grid-margin-md-0 { 12 | @media (min-width: 768px) { 13 | margin-bottom: 0; 14 | } 15 | } 16 | .grid-margin-lg-0 { 17 | @media (min-width: 992px) { 18 | margin-bottom: 0; 19 | } 20 | } 21 | .grid-margin-xl-0 { 22 | @media (min-width: 1200px) { 23 | margin-bottom: 0; 24 | } 25 | } 26 | .img-lg { 27 | width: 92px; 28 | height: 92px; 29 | } 30 | .img-sm { 31 | width: 43px; 32 | height: 43px; 33 | } 34 | .img-xs { 35 | width: 37px; 36 | height: 37px; 37 | } 38 | .img-ss { 39 | width: 35px; 40 | height: 35px; 41 | } 42 | .stretch-card { 43 | @include display-flex; 44 | @include align-items(stretch); 45 | @include justify-content(stretch); 46 | >.card{ 47 | width: 100%; 48 | min-width: 100%; 49 | } 50 | } 51 | 52 | .border-right-sm { 53 | @media (min-width: 576px) { 54 | border-right: $border-width solid $border-color; 55 | } 56 | } 57 | .border-right-md { 58 | @media (min-width: 768px) { 59 | border-right: $border-width solid $border-color; 60 | } 61 | } 62 | .border-right-lg { 63 | @media (min-width: 992px) { 64 | border-right: $border-width solid $border-color; 65 | } 66 | } 67 | 68 | .border-left-sm { 69 | @media (min-width: 576px) { 70 | border-left: $border-width solid $border-color; 71 | } 72 | } 73 | .border-left-md { 74 | @media (min-width: 768px) { 75 | border-left: $border-width solid $border-color; 76 | } 77 | } 78 | .border-left-lg { 79 | @media (min-width: 992px) { 80 | border-left: $border-width solid $border-color; 81 | } 82 | } 83 | 84 | .text-gray { 85 | color: #8c8c8c; 86 | } 87 | 88 | .text-black { 89 | color: $black; 90 | } 91 | 92 | .text-small { 93 | font-size: 12px; 94 | } 95 | 96 | .flex-grow { 97 | flex-grow: 1; 98 | } 99 | 100 | .font-weight-light { 101 | font-family: $type1-light; 102 | } 103 | 104 | .font-weight-bold { 105 | font-family: $type1-bold; 106 | } 107 | 108 | .font-weight-normal { 109 | font-family: $type1-regular; 110 | } 111 | 112 | .image-grouped { 113 | display: flex; 114 | 115 | .text-avatar, 116 | img { 117 | @extend .img-ss; 118 | border-radius: 100%; 119 | margin-left: -10px; 120 | z-index: 0; 121 | border: 4px solid $card-bg; 122 | transform: scale(1); 123 | transition-duration: 0.3s; 124 | transition-timing-function: ease; 125 | transition-property: "box-shadow", "z-index", "transform", "border-width"; 126 | 127 | &:first-child { 128 | margin-left: 0; 129 | } 130 | 131 | &:hover { 132 | z-index: 1; 133 | box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5); 134 | transform: scale(1.05); 135 | border-width: 0; 136 | 137 | } 138 | } 139 | 140 | .text-avatar { 141 | @extend .bg-inverse-primary; 142 | color: theme-color(primary); 143 | font-size: 11px; 144 | font-weight: 600; 145 | } 146 | } 147 | 148 | .aligner-wrapper { 149 | position: relative; 150 | 151 | .absolute { 152 | position: absolute; 153 | 154 | &.absolute-center { 155 | top: 50%; 156 | transform: translateY(-50%); 157 | bottom: 0; 158 | right: 0; 159 | left: 0; 160 | margin: auto; 161 | } 162 | 163 | &.left { 164 | left: 0; 165 | } 166 | 167 | &.right { 168 | right: 0; 169 | } 170 | 171 | &.bottom { 172 | bottom: 0; 173 | } 174 | 175 | &.top { 176 | top: 0; 177 | } 178 | } 179 | } 180 | 181 | .v-strock-1 { 182 | width: 2px; 183 | } 184 | 185 | .v-strock-2 { 186 | width: 3px; 187 | } 188 | 189 | .v-strock-3 { 190 | width: 4px; 191 | } 192 | 193 | .v-strock-4 { 194 | width: 5px; 195 | } 196 | 197 | .dot-indicator { 198 | width: 10px; 199 | height: 10px; 200 | border-radius: 100%; 201 | 202 | &.dot-indicator-sm { 203 | width: 6px; 204 | height: 6px; 205 | } 206 | } 207 | @each $color, $value in $theme-gradient-colors { 208 | .bg-gradient-#{$color} { 209 | background: theme-gradient-color($color) !important; 210 | } 211 | } -------------------------------------------------------------------------------- /public/assets/scss/_vertical-wrapper.scss: -------------------------------------------------------------------------------- 1 | .page-body-wrapper { 2 | min-height: calc(100vh - #{$navbar-height}); 3 | @include display-flex(); 4 | @include flex-direction(row); 5 | padding-left: 0; 6 | padding-right: 0; 7 | 8 | &.full-page-wrapper { 9 | width: 100%; 10 | min-height: 100vh; 11 | } 12 | } 13 | 14 | .main-panel { 15 | transition: width $action-transition-duration $action-transition-timing-function, margin $action-transition-duration $action-transition-timing-function; 16 | width: calc(100% - #{$sidebar-width-lg}); 17 | min-height: calc(100vh - #{$navbar-height}); 18 | @include display-flex(); 19 | @include flex-direction(column); 20 | @media (max-width: 991px) { 21 | margin-left: 0; 22 | width: 100%; 23 | } 24 | } 25 | 26 | .content-wrapper { 27 | background: $content-bg; 28 | padding: 2.75rem 2.25rem; 29 | width: 100%; 30 | @include flex-grow(1); 31 | } -------------------------------------------------------------------------------- /public/assets/scss/_widget-grid.scss: -------------------------------------------------------------------------------- 1 | #resizable-grid { 2 | .drag-item { 3 | position: relative; 4 | .dismiss { 5 | position: absolute; 6 | top: 7px; 7 | right: 25px; 8 | font-size: 15px; 9 | font-weight: bold; 10 | color: lighten(theme-color(danger), 10%); 11 | background: lighten(color(gray-light), 40%); 12 | height: 15px; 13 | width: 16px; 14 | line-height: 13px; 15 | cursor: pointer; 16 | text-align: center; 17 | @include border-radius(100%); 18 | } 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /public/assets/scss/components/_badges.scss: -------------------------------------------------------------------------------- 1 | /* Badges */ 2 | 3 | .badge { 4 | border-radius: .125rem; 5 | font-size: 11px; 6 | font-weight: initial; 7 | line-height: 1; 8 | padding: .375rem .5625rem; 9 | font-family: $type1-medium; 10 | &.badge-pill { 11 | border-radius: 10rem; 12 | } 13 | } 14 | 15 | 16 | /*Badge variations*/ 17 | @each $color, $value in $theme-colors { 18 | .badge-#{$color} { 19 | @include badge-variations($value); 20 | } 21 | } 22 | 23 | /*Badge gradient variations*/ 24 | @each $color, $value in $theme-gradient-colors { 25 | .badge-gradient-#{$color} { 26 | @include badge-gradient-variations($value); 27 | } 28 | } 29 | 30 | /*Badge outlined variations*/ 31 | @each $color, $value in $theme-colors { 32 | .badge-outline-#{$color} { 33 | @include badge-outline-variations($value); 34 | } 35 | } -------------------------------------------------------------------------------- /public/assets/scss/components/_bootstrap-progress.scss: -------------------------------------------------------------------------------- 1 | /* Bootstrap Progress */ 2 | 3 | .progress { 4 | @include border-radius(3px); 5 | height: 8px; 6 | .progress-bar { 7 | @include border-radius(3px); 8 | } 9 | 10 | &.progress-sm{ 11 | height: 0.375rem; 12 | } 13 | &.progress-md { 14 | height: 8px; 15 | } 16 | &.progress-lg { 17 | height: 15px; 18 | } 19 | &.progress-xl { 20 | height: 18px; 21 | } 22 | } -------------------------------------------------------------------------------- /public/assets/scss/components/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | /* Breadcrumbs */ 2 | 3 | .breadcrumb { 4 | border: $border-width solid $border-color; 5 | 6 | .breadcrumb-item { 7 | font-size: $breadcrumb-font-size; 8 | 9 | &.active { 10 | color: rgba($body-color, 0.8); 11 | } 12 | } 13 | 14 | &.breadcrumb-custom { 15 | padding: $breadcrumb-custom-padding-y $breadcrumb-custom-padding-x; 16 | border-color: $breadcrumb-item-bg; 17 | .breadcrumb-item { 18 | font-size: $breadcrumb-font-size; 19 | background: $breadcrumb-item-bg; 20 | padding: $breadcrumb-custom-item-padding-y $breadcrumb-custom-item-padding-x; 21 | color: $breadcrumb-custom-item-color; 22 | display: inline-block; 23 | vertical-align: top; 24 | &:last-child { 25 | background: transparent; 26 | } 27 | &:before{ 28 | content: ""; 29 | } 30 | a { 31 | position: relative; 32 | color: inherit; 33 | border: 1px solid $breadcrumb-item-bg; 34 | display: inline-block; 35 | vertical-align: top; 36 | &:before,&:after{ 37 | position: absolute; 38 | top: -9px; 39 | width: 0; 40 | height: 0; 41 | content: ""; 42 | border-top: 21px solid transparent; 43 | border-bottom: 21px solid transparent; 44 | } 45 | &:before{ 46 | right: -22px; 47 | z-index: 3; 48 | border-left-color: $breadcrumb-item-bg; 49 | border-left-style: solid; 50 | border-left-width: 12px; 51 | } 52 | &:after{ 53 | border-top: 21px solid transparent; 54 | border-bottom: 22px solid transparent; 55 | border-left: 12px solid $white; 56 | top: -9px; 57 | right: -23px; 58 | } 59 | } 60 | span{ 61 | display: inline-block; 62 | vertical-align: top; 63 | } 64 | &.active { 65 | color: rgba($body-color, 0.8); 66 | } 67 | } 68 | } 69 | 70 | &.bg-success,&.bg-dark,&.bg-danger,&.bg-warning,&.bg-primary,&.bg-info{ 71 | border: none; 72 | .breadcrumb-item{ 73 | color: $white; 74 | &:before{ 75 | color: inherit; 76 | } 77 | a,span{ 78 | color: inherit; 79 | } 80 | } 81 | } 82 | } 83 | 84 | 85 | /* inverse breadcrumb */ 86 | @each $color, $value in $theme-colors { 87 | .bg-inverse-#{$color} { 88 | @include breadcrumb-inverse-variant($value); 89 | } 90 | } 91 | -------------------------------------------------------------------------------- /public/assets/scss/components/_buttons.scss: -------------------------------------------------------------------------------- 1 | /* Buttons */ 2 | 3 | .btn { 4 | font-size: $btn-font-size; 5 | line-height: 1; 6 | font-family: $type1-bold; 7 | i { 8 | font-size: 1rem; 9 | } 10 | &.btn-rounded { 11 | @include border-radius(50px); 12 | } 13 | &.btn-fw { 14 | min-width: $button-fixed-width; 15 | } 16 | &.btn-sm { 17 | font-size: $btn-font-size-sm; 18 | } 19 | &.btn-lg { 20 | font-size: $btn-font-size-lg; 21 | } 22 | &.btn-xs { 23 | padding: $btn-padding-y-xs $btn-padding-x-xs; 24 | font-size: $btn-font-size-xs; 25 | } 26 | /* Buttons with only icons */ 27 | &.btn-icon { 28 | width: 42px; 29 | height: 42px; 30 | padding: 0; 31 | } 32 | /* Buttons with icon and text */ 33 | &.btn-icon-text { 34 | .btn-icon-prepend { 35 | margin-right: .5rem; 36 | } 37 | .btn-icon-append { 38 | margin-left: .5rem; 39 | } 40 | } 41 | &.btn-social-icon { 42 | width: 50px; 43 | height: 50px; 44 | padding: 0; 45 | } 46 | } 47 | 48 | .btn-group { 49 | .btn { 50 | + .btn { 51 | border-left: 0; 52 | } 53 | } 54 | } 55 | 56 | .btn-toolbar { 57 | .btn-group { 58 | +.btn-group { 59 | @extend .ml-2; 60 | } 61 | } 62 | } 63 | /*social buttons*/ 64 | @each $color, $value in $social-colors { 65 | .btn-#{$color} { 66 | @include social-button(social-color($color)); 67 | } 68 | .btn-outline-#{$color} { 69 | @include social-outline-button(social-color($color)); 70 | } 71 | } 72 | /* inverse buttons */ 73 | @each $color, $value in $theme-colors { 74 | .btn-inverse-#{$color} { 75 | @include button-inverse-variant($value); 76 | } 77 | .btn-#{$color}:not(.btn-light) { 78 | color: $white; 79 | &:hover, 80 | &:focus, 81 | &:active { 82 | color: $white; 83 | } 84 | &:focus, 85 | &:active { 86 | background: $value; 87 | border-color: $value; 88 | } 89 | } 90 | .btn-outline-#{$color} { 91 | &:hover, 92 | &:focus, 93 | &:active { 94 | background: theme-gradient-color($color); 95 | color: $black; 96 | } 97 | } 98 | } 99 | /* gradient buttons */ 100 | @each $color, $value in $theme-gradient-colors { 101 | .btn-gradient-#{$color} { 102 | @include button-gradient-variant($value); 103 | } 104 | } -------------------------------------------------------------------------------- /public/assets/scss/components/_cards.scss: -------------------------------------------------------------------------------- 1 | /* Cards */ 2 | 3 | .card { 4 | border: 0; 5 | background: $card-bg; 6 | .card-body { 7 | padding: $card-padding-y $card-padding-x; 8 | + .card-body { 9 | padding-top: 1rem; 10 | } 11 | } 12 | .card-title { 13 | color: $card-title-color; 14 | margin-bottom: 0.75rem; 15 | text-transform: capitalize; 16 | font-family: $type1-medium; 17 | font-size: 1.125rem; 18 | } 19 | .card-subtitle { 20 | @extend .text-gray; 21 | font-family: $type1-regular; 22 | margin-top: 0.625rem; 23 | margin-bottom: 0.625rem; 24 | } 25 | .card-description { 26 | color: $card-description-color; 27 | margin-bottom: 1.5rem; 28 | font-family: $type1-regular; 29 | } 30 | &.card-outline-success { 31 | border: 1px solid theme-color("success"); 32 | } 33 | &.card-outline-primary { 34 | border: 1px solid theme-color("primary"); 35 | } 36 | &.card-outline-warning { 37 | border: 1px solid theme-color("warning"); 38 | } 39 | &.card-outline-danger { 40 | border: 1px solid theme-color("danger"); 41 | } 42 | &.card-rounded { 43 | @include border-radius(5px); 44 | } 45 | 46 | &.card-faded { 47 | background: #b5b0b2; 48 | border-color: #b5b0b2; 49 | } 50 | &.card-circle-progress { 51 | color: $white; 52 | text-align: center; 53 | } 54 | &.card-img-holder { 55 | position: relative; 56 | .card-img-absolute { 57 | position: absolute; 58 | top: 0; 59 | right: 0; 60 | height: 100%; 61 | } 62 | } 63 | &.bg-blue-gradient { 64 | background: linear-gradient(to right, #065efd, #3169fd, #6f79fc); 65 | color: #fff; 66 | } 67 | 68 | &.bg-orange-gradient { 69 | background: linear-gradient(to right, #ff7f2e, #fe7452); 70 | color: #fff; 71 | } 72 | 73 | &.bg-green-gradient { 74 | background: linear-gradient(to right, #24e8a6, #09cdd1); 75 | color: #fff; 76 | } 77 | 78 | &.card-no-shadow { 79 | box-shadow: none; 80 | } 81 | } 82 | 83 | @each $color, $value in $theme-colors { 84 | .card-inverse-#{$color} { 85 | @include card-inverse-variant( 86 | rgba(theme-color($color), 0.2), 87 | theme-color-level($color, 1), 88 | theme-color-level($color, 3) 89 | ); 90 | } 91 | } 92 | -------------------------------------------------------------------------------- /public/assets/scss/components/_dropdown.scss: -------------------------------------------------------------------------------- 1 | /* Dropdowns */ 2 | 3 | .dropdown { 4 | .dropdown-toggle { 5 | &:after { 6 | border-top: 0; 7 | border-right: 0; 8 | border-left: 0; 9 | border-bottom: 0; 10 | font: normal normal normal 24px/1 "Material Design Icons"; 11 | content: "\f140"; 12 | width: auto; 13 | height: auto; 14 | vertical-align: baseline; 15 | font-size: .75rem; 16 | } 17 | } 18 | .dropdown-menu { 19 | margin-top: .75rem; 20 | font-size: $default-font-size; 21 | box-shadow: $dropdown-menu-box-shadow; 22 | .dropdown-item { 23 | font-size: 1rem; 24 | padding: .25rem 1.5rem; 25 | &:active { 26 | background: initial; 27 | } 28 | &:hover { 29 | background-color: $dropdown-hover-bg; 30 | color: $white; 31 | } 32 | } 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /public/assets/scss/components/_forms.scss: -------------------------------------------------------------------------------- 1 | /* Forms */ 2 | 3 | .form-group { 4 | margin-bottom: 1.5rem; 5 | } 6 | .input-group-append, 7 | .input-group-prepend { 8 | color: $input-placeholder-color; 9 | width: auto; 10 | border: none; 11 | 12 | .input-group-text { 13 | border-color: $border-color; 14 | padding: $input-padding-y .75rem; 15 | color: $input-placeholder-color; 16 | } 17 | } 18 | .form-control { 19 | border: 1px solid $border-color; 20 | font-family: $type1-regular; 21 | font-size: $input-font-size; 22 | &:focus { 23 | background-color: $form-focus-bg; 24 | color: $form-focus-color; 25 | outline: none; 26 | } 27 | } 28 | 29 | select { 30 | &.form-control { 31 | padding: .4375rem .75rem; 32 | border: 0; 33 | outline: 1px solid $border-color; 34 | color: $input-placeholder-color; 35 | &:focus { 36 | outline: 1px solid $border-color; 37 | } 38 | @each $color, $value in $theme-colors { 39 | &.border-#{$color} { 40 | outline: 1px solid $value; 41 | &:focus { 42 | outline: 1px solid $value; 43 | } 44 | } 45 | } 46 | } 47 | } 48 | .form-group { 49 | label { 50 | font-size: $default-font-size; 51 | line-height: 1; 52 | vertical-align: top; 53 | margin-bottom: .5rem; 54 | } 55 | &.has-danger { 56 | .form-control { 57 | border-color: theme-color(danger); 58 | } 59 | } 60 | .file-upload-default { 61 | visibility: hidden; 62 | position: absolute; 63 | } 64 | .file-upload-info { 65 | background: transparent; 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /public/assets/scss/components/_icons.scss: -------------------------------------------------------------------------------- 1 | /* Icons */ 2 | 3 | .icons-list { 4 | border-left: 1px solid $border-color; 5 | border-top: 1px solid $border-color; 6 | >div { 7 | border-bottom: 1px solid $border-color; 8 | border-right: 1px solid $border-color; 9 | @include display-flex; 10 | @include align-items(center); 11 | padding:15px 15px; 12 | font-family: $type1-regular; 13 | font-size: $default-font-size; 14 | 15 | i { 16 | display: inline-block; 17 | font-size: 20px; 18 | width: 40px; 19 | text-align: left; 20 | color: theme-color(primary); 21 | } 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /public/assets/scss/components/_lists.scss: -------------------------------------------------------------------------------- 1 | /* Lists */ 2 | 3 | ul, 4 | ol, 5 | dl { 6 | padding-left: 1rem; 7 | font-size: $default-font-size; 8 | li { 9 | line-height: 1.8; 10 | } 11 | } 12 | 13 | .list-ticked, 14 | .list-arrow, 15 | .list-star { 16 | list-style: none; 17 | padding: 0; 18 | li { 19 | padding-left: 1.5rem; 20 | &:before { 21 | font-family: "Material Design Icons"; 22 | margin-left: -1.5rem; 23 | width: 1.5rem; 24 | margin-right: .5rem; 25 | } 26 | } 27 | } 28 | 29 | .list-ticked { 30 | li { 31 | &:before { 32 | content: '\F12D'; 33 | color: theme-color(danger); 34 | } 35 | } 36 | } 37 | 38 | .list-arrow { 39 | li { 40 | &:before { 41 | content: '\F142'; 42 | color: theme-color(success); 43 | } 44 | } 45 | } 46 | 47 | .list-star { 48 | li { 49 | &:before { 50 | content: '\F4CE'; 51 | color: theme-color(warning); 52 | } 53 | } 54 | } 55 | 56 | .gradient-bullet-list { 57 | padding-left: 0; 58 | .rtl & { 59 | padding-right: 0; 60 | } 61 | li { 62 | position: relative; 63 | list-style-type: none; 64 | padding-left: 25px; 65 | line-height: 1; 66 | padding-bottom: 25px; 67 | &:before, 68 | &:after { 69 | content:""; 70 | position: absolute; 71 | } 72 | &:before { 73 | top: 0; 74 | left: 0; 75 | width: 15px; 76 | height: 15px; 77 | border-radius: 100%; 78 | } 79 | &:after { 80 | width: 11px; 81 | height: 11px; 82 | top: 2px; 83 | left: 2px; 84 | background: $card-bg; 85 | border-radius: 100%; 86 | } 87 | &:nth-child(1) { 88 | &:before { 89 | background: theme-gradient-color(danger); 90 | } 91 | } 92 | &:nth-child(2) { 93 | &:before { 94 | background: theme-gradient-color(info); 95 | } 96 | } 97 | &:nth-child(3) { 98 | &:before { 99 | background: theme-gradient-color(warning); 100 | } 101 | } 102 | &:nth-child(4) { 103 | &:before { 104 | background: theme-gradient-color(success); 105 | } 106 | } 107 | &:nth-child(5) { 108 | &:before { 109 | background: theme-gradient-color(primary); 110 | } 111 | } 112 | } 113 | } 114 | 115 | .bullet-line-list { 116 | padding-left: 30px; 117 | margin-bottom: 0; 118 | position: relative; 119 | list-style-type: none; 120 | 121 | .rtl & { 122 | padding-right: 0px; 123 | } 124 | 125 | li { 126 | position: relative; 127 | line-height: 1; 128 | padding-bottom: 10px; 129 | 130 | &:before { 131 | content: ""; 132 | position: absolute; 133 | border-radius: 100%; 134 | width: 12px; 135 | height: 12px; 136 | left: -28px; 137 | top: 6px; 138 | border: 3px solid theme-color(primary); 139 | margin-right: 15px; 140 | z-index: 2; 141 | background: $bullet-line-list-shape-bg; 142 | } 143 | 144 | &:after { 145 | content: ""; 146 | border: 1px solid $border-color; 147 | position: absolute; 148 | bottom: 0; 149 | left: -23px; 150 | height: 100%; 151 | } 152 | 153 | &:first-child { 154 | &:after { 155 | content: ""; 156 | height: 80%; 157 | } 158 | } 159 | 160 | &:last-child { 161 | padding-bottom: 0; 162 | 163 | &:after { 164 | content: ""; 165 | top: 0; 166 | height: 30%; 167 | } 168 | } 169 | } 170 | } -------------------------------------------------------------------------------- /public/assets/scss/components/_preview.scss: -------------------------------------------------------------------------------- 1 | /* Preview */ 2 | 3 | .preview-list { 4 | .preview-item { 5 | @include display-flex; 6 | @include flex-direction(row); 7 | @include align-items(flex-start); 8 | padding: .75rem 1.5rem; 9 | font-size: .875rem; 10 | &:last-child { 11 | border-bottom: 0; 12 | } 13 | &:hover { 14 | background: $dropdown-link-hover-bg; 15 | } 16 | .form-check { 17 | margin-top: 8px; 18 | margin-right: 1rem; 19 | } 20 | .preview-thumbnail { 21 | color: color(white); 22 | position: relative; 23 | img, 24 | .preview-icon { 25 | width: 36px; 26 | height: 36px; 27 | border-radius: 100%; 28 | } 29 | .preview-icon { 30 | padding: 6px; 31 | text-align: center; 32 | @include display-flex; 33 | @include align-items(center); 34 | @include justify-content(center); 35 | i { 36 | font-size: 1.125rem; 37 | margin: 0; 38 | .rtl & { 39 | @extend .ml-0; 40 | } 41 | } 42 | } 43 | .badge { 44 | border: 2px solid color(white); 45 | border-radius: 100%; 46 | bottom: 5px; 47 | display: block; 48 | height: 14px; 49 | left: -5px; 50 | padding: 0; 51 | position: absolute; 52 | width: 14px; 53 | &.badge-online { 54 | @extend .badge-success; 55 | } 56 | &.badge-offline { 57 | @extend .badge-info; 58 | } 59 | &.badge-busy { 60 | @extend .badge-warning; 61 | } 62 | } 63 | } 64 | .preview-item-content { 65 | line-height: 1; 66 | padding-left: 15px; 67 | &:first-child { 68 | padding-left: 0; 69 | } 70 | p { 71 | margin-bottom: 10px; 72 | .content-category { 73 | font-family: 'source-sans-pro-semibold', sans-serif; 74 | padding-right: 15px; 75 | border-right: 1px solid $border-color; 76 | @extend .text-muted; 77 | } 78 | } 79 | .rtl & { 80 | padding-left: 0; 81 | padding-right: 1rem; 82 | margin-right: 0; 83 | margin-left: auto; 84 | } 85 | } 86 | .preview-actions { 87 | @include display-flex; 88 | @include flex-direction(row); 89 | i { 90 | width: 29px; 91 | color: color(gray-lightest); 92 | height: 29px; 93 | border: 2px solid color(gray-lightest); 94 | border-radius: 100%; 95 | padding: 3px 6px; 96 | display: inline-block; 97 | &:first-child { 98 | margin-right: 10px; 99 | } 100 | } 101 | } 102 | } 103 | &.comment-preview { 104 | .preview-item { 105 | padding: .87rem 0; 106 | &:first-child { 107 | padding-top: 0; 108 | } 109 | p { 110 | line-height: 27px; 111 | } 112 | } 113 | } 114 | &.bordered { 115 | .preview-item { 116 | border-bottom: 1px solid $border-color; 117 | &:last-child { 118 | border-bottom: 0; 119 | } 120 | } 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /public/assets/scss/components/_tables.scss: -------------------------------------------------------------------------------- 1 | /* Tables */ 2 | 3 | .table { 4 | margin-bottom: 0; 5 | 6 | thead { 7 | th { 8 | border-top: 0; 9 | border-bottom-width: 1px; 10 | font-family: $type1-medium; 11 | font-weight: initial; 12 | 13 | i { 14 | margin-left: 0.325rem; 15 | } 16 | } 17 | } 18 | 19 | th, 20 | td { 21 | vertical-align: middle; 22 | font-size: $default-font-size; 23 | line-height: 1; 24 | white-space: nowrap; 25 | 26 | img { 27 | width: 36px; 28 | height: 36px; 29 | border-radius: 100%; 30 | } 31 | 32 | .badge { 33 | margin-bottom: 0; 34 | } 35 | } 36 | 37 | &.table-borderless { 38 | border: none; 39 | 40 | tr, 41 | td, 42 | th { 43 | border: none; 44 | } 45 | } 46 | } -------------------------------------------------------------------------------- /public/assets/scss/components/_todo-list.scss: -------------------------------------------------------------------------------- 1 | /* Tabs */ 2 | 3 | .add-items { 4 | margin-bottom: 1.5rem; 5 | overflow: hidden; 6 | input[type="text"] { 7 | border-top-right-radius: 0; 8 | border-bottom-right-radius: 0; 9 | width: 100%; 10 | background: transparent; 11 | } 12 | .btn { 13 | margin-left: .5rem; 14 | .rtl & { 15 | margin-left: auto; 16 | margin-right: .5rem; 17 | } 18 | } 19 | } 20 | 21 | .list-wrapper { 22 | height: 100%; 23 | max-height: 100%; 24 | ul { 25 | padding: 0; 26 | text-align: left; 27 | list-style: none; 28 | margin-bottom: 0; 29 | li { 30 | @extend .d-flex; 31 | @extend .align-items-center; 32 | @extend .justify-content-start; 33 | font-size: .9375rem; 34 | padding: .4rem 0; 35 | border-bottom: 1px solid $border-color; 36 | &:first-child { 37 | border-bottom: none; 38 | } 39 | .form-check{ 40 | @extend %ellipsor; 41 | max-width: 90%; 42 | margin-top: .25rem; 43 | margin-bottom: .25rem; 44 | .form-check-label{ 45 | @extend%ellipsor; 46 | } 47 | } 48 | } 49 | } 50 | 51 | input[type="checkbox"] { 52 | margin-right: 15px; 53 | } 54 | 55 | .remove { 56 | @extend .ml-auto; 57 | @extend .text-secondary; 58 | .rtl & { 59 | @extend .ml-0; 60 | @extend .mr-auto; 61 | } 62 | cursor: pointer; 63 | font-size: 1.438rem; 64 | font-weight: 600; 65 | width: 1.25rem; 66 | height: 1.25rem; 67 | line-height: 20px; 68 | text-align: center; 69 | } 70 | 71 | .completed { 72 | text-decoration: line-through; 73 | text-decoration-color: theme-color(info); 74 | .remove { 75 | @extend .text-primary; 76 | } 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /public/assets/scss/landing-screens/_auth.scss: -------------------------------------------------------------------------------- 1 | /* Auth */ 2 | 3 | .auth { 4 | .auth-form-light { 5 | background: $white; 6 | select { 7 | color: $input-placeholder-color; 8 | } 9 | .input-group { 10 | .form-control { 11 | &:focus, 12 | &:active { 13 | border-color: $border-color; 14 | } 15 | } 16 | } 17 | } 18 | .brand-logo { 19 | margin-bottom: 2rem; 20 | img { 21 | width: 150px; 22 | } 23 | } 24 | form { 25 | .form-group { 26 | margin-bottom: 1.5rem; 27 | label { 28 | font-size: .8125rem; 29 | } 30 | .form-control { 31 | background: transparent; 32 | border-radius: 0; 33 | font-size: .9375rem; 34 | } 35 | } 36 | .auth-form-btn { 37 | height: 50px; 38 | line-height: 1.5; 39 | } 40 | .auth-link { 41 | font-size: $default-font-size; 42 | &:hover { 43 | color: initial; 44 | } 45 | } 46 | } 47 | } -------------------------------------------------------------------------------- /public/assets/scss/mixins/_animation.scss: -------------------------------------------------------------------------------- 1 | /* Animation Mixins */ 2 | @keyframes dropdownAnimation { 3 | from { 4 | opacity: 0; 5 | transform: translate3d(0, -30px, 0); 6 | } 7 | 8 | to { 9 | opacity: 1; 10 | transform: none; 11 | transform: translate3d(0, 0px, 0); 12 | } 13 | } 14 | 15 | .dropdownAnimation { 16 | animation-name: dropdownAnimation; 17 | @include animation-duration($action-transition-duration); 18 | @include animation-fill-mode(both); 19 | } 20 | @mixin transition($settings) { 21 | -webkit-transition: $settings; 22 | -moz-transition: $settings; 23 | -ms-transition: $settings; 24 | -o-transition: $settings; 25 | transition: $settings; 26 | } 27 | @keyframes fadeOut { 28 | from { 29 | opacity: 1; 30 | } 31 | 32 | to { 33 | opacity: 0; 34 | } 35 | } 36 | 37 | .fadeOut { 38 | animation-name: fadeOut; 39 | } 40 | 41 | .infinite-spin { 42 | @keyframes spin { 43 | from { 44 | transform: rotate(0deg); 45 | } 46 | 47 | to { 48 | transform: rotate(360deg); 49 | } 50 | } 51 | animation-name: spin; 52 | animation-duration: 3s; 53 | animation-iteration-count: infinite; 54 | animation-timing-function: linear; 55 | } 56 | @keyframes fadeInUp { 57 | from { 58 | opacity: 0; 59 | transform: translate3d(0, 100%, 0); 60 | } 61 | 62 | to { 63 | opacity: 1; 64 | transform: none; 65 | } 66 | } 67 | 68 | .fadeInUp { 69 | animation-name: fadeInUp; 70 | } -------------------------------------------------------------------------------- /public/assets/scss/mixins/_background.scss: -------------------------------------------------------------------------------- 1 | // Background Mixins // 2 | @mixin bg($color) { 3 | background: $color; 4 | } 5 | 6 | @mixin bg-gradient($color1, $color2) { 7 | background: $color1; 8 | /* For browsers that do not support gradients */ 9 | background: -webkit-linear-gradient(90deg, $color1, $color2); 10 | /* For Safari 5.1 to 6.0 */ 11 | background: -o-linear-gradient(90deg, $color1, $color2); 12 | /* For Opera 11.1 to 12.0 */ 13 | background: -moz-linear-gradient(90deg, $color1, $color2); 14 | /* For Firefox 3.6 to 15 */ 15 | background: linear-gradient(90deg, $color1, $color2); 16 | /* Standard syntax */ 17 | } 18 | 19 | @mixin bg-inverse-variant($color) { 20 | background: rgba($color, 0.2); 21 | } 22 | -------------------------------------------------------------------------------- /public/assets/scss/mixins/_badges.scss: -------------------------------------------------------------------------------- 1 | //Badge Mixins 2 | 3 | //Badge vriations 4 | @mixin badge-variations($color) { 5 | border: 1px solid $color; 6 | color: $white; 7 | } 8 | // Badge outlined variations 9 | @mixin badge-outline-variations($color) { 10 | color: $color; 11 | border: 1px solid $color; 12 | } 13 | // Badge outlined variations 14 | @mixin badge-gradient-variations($color) { 15 | background: $color; 16 | color: $white; 17 | } -------------------------------------------------------------------------------- /public/assets/scss/mixins/_blockqoute.scss: -------------------------------------------------------------------------------- 1 | // BlockQuote Mixins // 2 | 3 | @mixin blockquote($color) { 4 | border-color: $color; 5 | .blockquote-footer { 6 | color: $color; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /public/assets/scss/mixins/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | // Breadcrumb color variations 2 | @mixin breadcrumb-inverse-variant($color) { 3 | background: lighten($color, 25%); 4 | border-color: $color; 5 | 6 | .breadcrumb-item { 7 | color: $color; 8 | 9 | &:before { 10 | color: inherit; 11 | } 12 | 13 | a { 14 | color: inherit; 15 | } 16 | } 17 | 18 | &.breadcrumb-custom { 19 | background: transparent; 20 | 21 | .breadcrumb-item { 22 | background: lighten($color, 25%); 23 | 24 | a { 25 | color: $color; 26 | border: none; 27 | 28 | &:before { 29 | border-left-color: lighten($color, 25%); 30 | } 31 | } 32 | 33 | span { 34 | color: $color; 35 | } 36 | 37 | &:last-child { 38 | background: transparent; 39 | } 40 | } 41 | } 42 | } -------------------------------------------------------------------------------- /public/assets/scss/mixins/_buttons.scss: -------------------------------------------------------------------------------- 1 | @mixin social-button($color) { 2 | background: $color; 3 | color: $white; 4 | 5 | &:hover, 6 | &:focus { 7 | background: darken($color, 10%); 8 | color: $white; 9 | } 10 | &.btn-social-icon-text { 11 | padding: 0 1.5rem 0 0; 12 | background: lighten($color, 10%); 13 | i { 14 | background: $color; 15 | padding: .75rem; 16 | display: inline-block; 17 | margin-right: 1.5rem; 18 | } 19 | } 20 | } 21 | @mixin social-outline-button($color) { 22 | border: 1px solid $color; 23 | color: $color; 24 | &:hover { 25 | background: $color; 26 | color: $white; 27 | } 28 | } 29 | @mixin button-inverse-variant($color, $color-hover: $white) { 30 | background-color: rgba($color, 0.2); 31 | background-image: none; 32 | border-color: rgba($color, 0); 33 | &:not(.btn-inverse-light) { 34 | color: $color; 35 | } 36 | @include hover { 37 | color: $color-hover; 38 | background-color: $color; 39 | border-color: $color; 40 | } 41 | 42 | &.focus, 43 | &:focus { 44 | box-shadow: 0 0 0 3px rgba($color, .5); 45 | } 46 | 47 | &.disabled, 48 | &:disabled { 49 | color: $color; 50 | background-color: transparent; 51 | } 52 | 53 | &.active, 54 | &:active, 55 | .show > &.dropdown-toggle { 56 | color: $color-hover; 57 | background-color: $color; 58 | border-color: $color; 59 | } 60 | } 61 | @mixin button-gradient-variant($value) { 62 | background: $value; 63 | border: 0; 64 | &:not([disabled]):not(.disabled):active, 65 | &:not([disabled]):not(.disabled).active, 66 | .show > &.dropdown-toggle { 67 | background: $value; 68 | } 69 | &:hover { 70 | opacity: .8; 71 | } 72 | &:not(.btn-gradient-light) { 73 | color: $white; 74 | &:hover, 75 | &:focus, 76 | &:active { 77 | color: $white; 78 | } 79 | } 80 | @include transition(opacity .3s ease); 81 | } 82 | -------------------------------------------------------------------------------- /public/assets/scss/mixins/_cards.scss: -------------------------------------------------------------------------------- 1 | // Cards Mixins 2 | 3 | @mixin card-inverse-variant($bg, $border, $color) { 4 | background: $bg; 5 | border: 1px solid $border; 6 | color: $color; 7 | } 8 | -------------------------------------------------------------------------------- /public/assets/scss/mixins/_misc.scss: -------------------------------------------------------------------------------- 1 | /* Miscellaneous Mixins */ 2 | 3 | // general transform 4 | @mixin transform($transforms) { 5 | -moz-transform: $transforms; 6 | -o-transform: $transforms; 7 | -ms-transform: $transforms; 8 | -webkit-transform: $transforms; 9 | transform: $transforms; 10 | } 11 | 12 | // rotate 13 | @mixin rotate ($deg) { 14 | @include transform(rotate(#{$deg}deg)); 15 | } 16 | 17 | // scale 18 | @mixin scale($scale) { 19 | @include transform(scale($scale)); 20 | } 21 | // translate 22 | @mixin translate ($x, $y) { 23 | @include transform(translate($x, $y)); 24 | } 25 | // skew 26 | @mixin skew ($x, $y) { 27 | @include transform(skew(#{$x}deg, #{$y}deg)); 28 | } 29 | //transform origin 30 | @mixin transform-origin ($origin) { 31 | moz-transform-origin: $origin; 32 | -o-transform-origin: $origin; 33 | -ms-transform-origin: $origin; 34 | -webkit-transform-origin: $origin; 35 | transform-origin: $origin; 36 | } 37 | //Ellipsis 38 | %ellipsor{ 39 | text-overflow: ellipsis; 40 | overflow: hidden; 41 | max-width:100%; 42 | white-space: nowrap; 43 | } 44 | 45 | @mixin ellipsor { 46 | text-overflow: ellipsis; 47 | overflow: hidden; 48 | max-width: 100%; 49 | white-space: nowrap; 50 | } 51 | 52 | // Placeholder 53 | @mixin placeholder { 54 | &::-webkit-input-placeholder { 55 | @content 56 | } 57 | &:-moz-placeholder { 58 | @content 59 | } 60 | &::-moz-placeholder { 61 | @content 62 | } 63 | &:-ms-input-placeholder { 64 | @content 65 | } 66 | } -------------------------------------------------------------------------------- /public/assets/scss/mixins/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination variations 2 | @mixin pagination-variants($color) { 3 | .page-item { 4 | &.active { 5 | .page-link { 6 | background: $color; 7 | border-color: $color; 8 | } 9 | } 10 | 11 | .page-link { 12 | &:hover { 13 | background: lighten($color,5%); 14 | border-color: $color; 15 | color: $white; 16 | } 17 | } 18 | } 19 | } -------------------------------------------------------------------------------- /public/assets/scss/mixins/_popovers.scss: -------------------------------------------------------------------------------- 1 | // popover color variations // 2 | 3 | @mixin popover-variant($color) { 4 | border-color: $color; 5 | .popover-header { 6 | background: theme-gradient-color($color); 7 | color: $white; 8 | border-bottom: 0; 9 | } 10 | &.bs-popover-top { 11 | .arrow { 12 | &:before, 13 | &:after { 14 | border-top-color: theme-color($color); 15 | } 16 | } 17 | } 18 | &.bs-popover-right { 19 | .arrow { 20 | &:before, 21 | &:after { 22 | border-right-color: theme-color($color); 23 | } 24 | } 25 | } 26 | &.bs-popover-bottom { 27 | .arrow { 28 | &:before, 29 | &:after { 30 | border-bottom-color: theme-color($color); 31 | } 32 | } 33 | } 34 | &.bs-popover-left { 35 | .arrow { 36 | &:before, 37 | &:after { 38 | border-left-color: theme-color($color); 39 | } 40 | } 41 | } 42 | } -------------------------------------------------------------------------------- /public/assets/scss/mixins/_text.scss: -------------------------------------------------------------------------------- 1 | @mixin text-color($color) { 2 | color: $color; 3 | } -------------------------------------------------------------------------------- /public/assets/scss/mixins/_tooltips.scss: -------------------------------------------------------------------------------- 1 | // Tooltip color variations 2 | 3 | @mixin tooltip-variant($color) { 4 | .tooltip-inner { 5 | background: theme-gradient-color($color); 6 | color: $white; 7 | } 8 | &.bs-tooltip-top { 9 | .arrow::before { 10 | border-top-color: theme-color($color); 11 | } 12 | } 13 | &.bs-tooltip-right { 14 | .arrow::before { 15 | border-right-color: theme-color($color); 16 | } 17 | } 18 | &.bs-tooltip-bottom { 19 | .arrow::before { 20 | border-bottom-color: theme-color($color); 21 | } 22 | } 23 | &.bs-tooltip-left { 24 | .arrow::before { 25 | border-left-color: theme-color($color); 26 | } 27 | } 28 | } -------------------------------------------------------------------------------- /public/assets/scss/style.scss: -------------------------------------------------------------------------------- 1 | /*------------------------------------------------------------------- 2 | ===== Table of Contents ===== 3 | 4 | * Bootstrap functions 5 | * Template variables 6 | * SCSS Compass Functions 7 | * Boostrap Main SCSS 8 | * Template mixins 9 | + Animation Mixins 10 | + Background Mixins 11 | + Badge Mixins 12 | + Button Mixins 13 | + Miscellaneous Mixins 14 | + BlockQuote Mixins 15 | + Cards Mixins 16 | + Color Functions Mixins 17 | + Tooltips 18 | + popovers 19 | * Core Styles 20 | + Reset Styles 21 | + Fonts 22 | + Functions 23 | + Backgrounds 24 | + Typography 25 | + Miscellaneous 26 | + Footer 27 | + Layouts 28 | + Utilities 29 | + Demo styles 30 | * Components 31 | + Badges 32 | + Boostrap Progress 33 | + Buttons 34 | + Breadcrumbs 35 | + Cards 36 | + Checkboxes and Radios 37 | + Dropdowns 38 | + Forms 39 | + Icons 40 | + Preview 41 | + Tables 42 | + Todo List 43 | * Landing screens 44 | + Auth 45 | -------------------------------------------------------------------*/ 46 | 47 | /*-------------------------------------------------------------------*/ 48 | /* === Import Bootstrap functions and variables === */ 49 | @import "../../node_modules/bootstrap/scss/functions"; 50 | @import "../../node_modules/bootstrap/scss/variables"; 51 | 52 | /*-------------------------------------------------------------------*/ 53 | /* === Import template variables === */ 54 | @import './variables'; 55 | 56 | /*-------------------------------------------------------------------*/ 57 | /* === SCSS Compass Functions === */ 58 | @import "../../node_modules/compass-mixins/lib/compass"; 59 | @import "../../node_modules/compass-mixins/lib/animate"; 60 | 61 | /*-------------------------------------------------------------------*/ 62 | /* === Boostrap Main SCSS === */ 63 | @import "../../node_modules/bootstrap/scss/bootstrap"; 64 | 65 | /*-------------------------------------------------------------------*/ 66 | /* === Template mixins === */ 67 | @import "./mixins/misc"; 68 | @import "./mixins/animation"; 69 | @import "./mixins/background"; 70 | @import "./mixins/badges"; 71 | @import "./mixins/blockqoute"; 72 | @import "./mixins/buttons"; 73 | @import "./mixins/breadcrumbs"; 74 | @import "./mixins/cards"; 75 | @import "./mixins/pagination"; 76 | @import "./mixins/popovers"; 77 | @import "./mixins/tooltips"; 78 | @import "./mixins/text"; 79 | 80 | /*-------------------------------------------------------------------*/ 81 | /* === Core Styles === */ 82 | @import "./reset"; 83 | @import "./fonts"; 84 | @import "./functions"; 85 | @import "./typography"; 86 | @import "./misc"; 87 | @import "./footer"; 88 | @import "./utilities"; 89 | @import "./demo"; 90 | @import "./dashboard"; 91 | 92 | /*-------------------------------------------------------------------*/ 93 | /* === Components === */ 94 | @import "./components/badges"; 95 | @import "./components/bootstrap-progress"; 96 | @import "./components/buttons"; 97 | @import "./components/breadcrumbs"; 98 | @import "./components/cards"; 99 | @import "./components/checkbox-radio"; 100 | @import "./components/dropdown"; 101 | @import "./components/forms"; 102 | @import "./components/icons"; 103 | @import "./components/lists"; 104 | @import "./components/preview"; 105 | @import "./components/tables"; 106 | @import "./components/todo-list"; 107 | 108 | /*-------------------------------------------------------------------*/ 109 | /* === Landing screens === */ 110 | @import "./landing-screens/auth"; 111 | 112 | 113 | @import './navbar'; 114 | @import './sidebar'; 115 | @import './layouts'; 116 | @import './vertical-wrapper'; -------------------------------------------------------------------------------- /public/assets/vendors/css/vendor.bundle.base.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Container style 3 | */ 4 | .ps { 5 | overflow: hidden !important; 6 | overflow-anchor: none; 7 | -ms-overflow-style: none; 8 | touch-action: auto; 9 | -ms-touch-action: auto; 10 | } 11 | 12 | /* 13 | * Scrollbar rail styles 14 | */ 15 | .ps__rail-x { 16 | display: none; 17 | opacity: 0; 18 | transition: background-color .2s linear, opacity .2s linear; 19 | -webkit-transition: background-color .2s linear, opacity .2s linear; 20 | height: 15px; 21 | /* there must be 'bottom' or 'top' for ps__rail-x */ 22 | bottom: 0px; 23 | /* please don't change 'position' */ 24 | position: absolute; 25 | } 26 | 27 | .ps__rail-y { 28 | display: none; 29 | opacity: 0; 30 | transition: background-color .2s linear, opacity .2s linear; 31 | -webkit-transition: background-color .2s linear, opacity .2s linear; 32 | width: 15px; 33 | /* there must be 'right' or 'left' for ps__rail-y */ 34 | right: 0; 35 | /* please don't change 'position' */ 36 | position: absolute; 37 | } 38 | 39 | .ps--active-x > .ps__rail-x, 40 | .ps--active-y > .ps__rail-y { 41 | display: block; 42 | background-color: transparent; 43 | } 44 | 45 | .ps:hover > .ps__rail-x, 46 | .ps:hover > .ps__rail-y, 47 | .ps--focus > .ps__rail-x, 48 | .ps--focus > .ps__rail-y, 49 | .ps--scrolling-x > .ps__rail-x, 50 | .ps--scrolling-y > .ps__rail-y { 51 | opacity: 0.6; 52 | } 53 | 54 | .ps .ps__rail-x:hover, 55 | .ps .ps__rail-y:hover, 56 | .ps .ps__rail-x:focus, 57 | .ps .ps__rail-y:focus, 58 | .ps .ps__rail-x.ps--clicking, 59 | .ps .ps__rail-y.ps--clicking { 60 | background-color: #eee; 61 | opacity: 0.9; 62 | } 63 | 64 | /* 65 | * Scrollbar thumb styles 66 | */ 67 | .ps__thumb-x { 68 | background-color: #aaa; 69 | border-radius: 6px; 70 | transition: background-color .2s linear, height .2s ease-in-out; 71 | -webkit-transition: background-color .2s linear, height .2s ease-in-out; 72 | height: 6px; 73 | /* there must be 'bottom' for ps__thumb-x */ 74 | bottom: 2px; 75 | /* please don't change 'position' */ 76 | position: absolute; 77 | } 78 | 79 | .ps__thumb-y { 80 | background-color: #aaa; 81 | border-radius: 6px; 82 | transition: background-color .2s linear, width .2s ease-in-out; 83 | -webkit-transition: background-color .2s linear, width .2s ease-in-out; 84 | width: 6px; 85 | /* there must be 'right' for ps__thumb-y */ 86 | right: 2px; 87 | /* please don't change 'position' */ 88 | position: absolute; 89 | } 90 | 91 | .ps__rail-x:hover > .ps__thumb-x, 92 | .ps__rail-x:focus > .ps__thumb-x, 93 | .ps__rail-x.ps--clicking .ps__thumb-x { 94 | background-color: #999; 95 | height: 11px; 96 | } 97 | 98 | .ps__rail-y:hover > .ps__thumb-y, 99 | .ps__rail-y:focus > .ps__thumb-y, 100 | .ps__rail-y.ps--clicking .ps__thumb-y { 101 | background-color: #999; 102 | width: 11px; 103 | } 104 | 105 | /* MS supports */ 106 | @supports (-ms-overflow-style: none) { 107 | .ps { 108 | overflow: auto !important; 109 | } 110 | } 111 | 112 | @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 113 | .ps { 114 | overflow: auto !important; 115 | } 116 | } 117 | -------------------------------------------------------------------------------- /public/assets/vendors/mdi/fonts/materialdesignicons-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/vendors/mdi/fonts/materialdesignicons-webfont.eot -------------------------------------------------------------------------------- /public/assets/vendors/mdi/fonts/materialdesignicons-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/vendors/mdi/fonts/materialdesignicons-webfont.ttf -------------------------------------------------------------------------------- /public/assets/vendors/mdi/fonts/materialdesignicons-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/vendors/mdi/fonts/materialdesignicons-webfont.woff -------------------------------------------------------------------------------- /public/assets/vendors/mdi/fonts/materialdesignicons-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/assets/vendors/mdi/fonts/materialdesignicons-webfont.woff2 -------------------------------------------------------------------------------- /public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/favicon-16x16.png -------------------------------------------------------------------------------- /public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/favicon-32x32.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arifszn/react-laravel/5d609581ec4334168d1bd960020d788a60774a23/public/favicon.ico -------------------------------------------------------------------------------- /public/index.php: -------------------------------------------------------------------------------- 1 | 8 | */ 9 | 10 | define('LARAVEL_START', microtime(true)); 11 | 12 | /* 13 | |-------------------------------------------------------------------------- 14 | | Register The Auto Loader 15 | |-------------------------------------------------------------------------- 16 | | 17 | | Composer provides a convenient, automatically generated class loader for 18 | | our application. We just need to utilize it! We'll simply require it 19 | | into the script here so that we don't have to worry about manual 20 | | loading any of our classes later on. It feels great to relax. 21 | | 22 | */ 23 | 24 | require __DIR__.'/../vendor/autoload.php'; 25 | 26 | /* 27 | |-------------------------------------------------------------------------- 28 | | Turn On The Lights 29 | |-------------------------------------------------------------------------- 30 | | 31 | | We need to illuminate PHP development, so let us turn on the lights. 32 | | This bootstraps the framework and gets it ready for use, then it 33 | | will load up this application so that we can run it and send 34 | | the responses back to the browser and delight our users. 35 | | 36 | */ 37 | 38 | $app = require_once __DIR__.'/../bootstrap/app.php'; 39 | 40 | /* 41 | |-------------------------------------------------------------------------- 42 | | Run The Application 43 | |-------------------------------------------------------------------------- 44 | | 45 | | Once we have the application, we can handle the incoming request 46 | | through the kernel, and send the associated response back to 47 | | the client's browser allowing them to enjoy the creative 48 | | and wonderful application we have prepared for them. 49 | | 50 | */ 51 | 52 | $kernel = $app->make(Illuminate\Contracts\Http\Kernel::class); 53 | 54 | $response = $kernel->handle( 55 | $request = Illuminate\Http\Request::capture() 56 | ); 57 | 58 | $response->send(); 59 | 60 | $kernel->terminate($request, $response); 61 | -------------------------------------------------------------------------------- /public/js/app.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /*! 2 | * Sizzle CSS Selector Engine v2.3.4 3 | * https://sizzlejs.com/ 4 | * 5 | * Copyright JS Foundation and other contributors 6 | * Released under the MIT license 7 | * https://js.foundation/ 8 | * 9 | * Date: 2019-04-08 10 | */ 11 | 12 | /*! 13 | * jQuery JavaScript Library v3.4.1 14 | * https://jquery.com/ 15 | * 16 | * Includes Sizzle.js 17 | * https://sizzlejs.com/ 18 | * 19 | * Copyright JS Foundation and other contributors 20 | * Released under the MIT license 21 | * https://jquery.org/license 22 | * 23 | * Date: 2019-05-01T21:04Z 24 | */ 25 | 26 | /** 27 | * @license 28 | * Lodash 29 | * Copyright OpenJS Foundation and other contributors 30 | * Released under MIT license 31 | * Based on Underscore.js 1.8.3 32 | * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors 33 | */ 34 | 35 | /**! 36 | * @fileOverview Kickass library to create and place poppers near their reference elements. 37 | * @version 1.16.1 38 | * @license 39 | * Copyright (c) 2016 Federico Zivolo and contributors 40 | * 41 | * Permission is hereby granted, free of charge, to any person obtaining a copy 42 | * of this software and associated documentation files (the "Software"), to deal 43 | * in the Software without restriction, including without limitation the rights 44 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 45 | * copies of the Software, and to permit persons to whom the Software is 46 | * furnished to do so, subject to the following conditions: 47 | * 48 | * The above copyright notice and this permission notice shall be included in all 49 | * copies or substantial portions of the Software. 50 | * 51 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 52 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 53 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 54 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 55 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 56 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 57 | * SOFTWARE. 58 | */ 59 | -------------------------------------------------------------------------------- /public/js/views/Dashboard.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /*! 8 | Copyright (c) 2017 Jed Watson. 9 | Licensed under the MIT License (MIT), see 10 | http://jedwatson.github.io/classnames 11 | */ 12 | 13 | /*! 14 | * Sizzle CSS Selector Engine v2.3.4 15 | * https://sizzlejs.com/ 16 | * 17 | * Copyright JS Foundation and other contributors 18 | * Released under the MIT license 19 | * https://js.foundation/ 20 | * 21 | * Date: 2019-04-08 22 | */ 23 | 24 | /*! 25 | * jQuery JavaScript Library v3.4.1 26 | * https://jquery.com/ 27 | * 28 | * Includes Sizzle.js 29 | * https://sizzlejs.com/ 30 | * 31 | * Copyright JS Foundation and other contributors 32 | * Released under the MIT license 33 | * https://jquery.org/license 34 | * 35 | * Date: 2019-05-01T21:04Z 36 | */ 37 | 38 | /** 39 | * @license 40 | * Lodash 41 | * Copyright OpenJS Foundation and other contributors 42 | * Released under MIT license 43 | * Based on Underscore.js 1.8.3 44 | * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors 45 | */ 46 | 47 | /** @license React v0.19.1 48 | * scheduler.production.min.js 49 | * 50 | * Copyright (c) Facebook, Inc. and its affiliates. 51 | * 52 | * This source code is licensed under the MIT license found in the 53 | * LICENSE file in the root directory of this source tree. 54 | */ 55 | 56 | /** @license React v16.13.1 57 | * react-dom.production.min.js 58 | * 59 | * Copyright (c) Facebook, Inc. and its affiliates. 60 | * 61 | * This source code is licensed under the MIT license found in the 62 | * LICENSE file in the root directory of this source tree. 63 | */ 64 | 65 | /** @license React v16.13.1 66 | * react-is.production.min.js 67 | * 68 | * Copyright (c) Facebook, Inc. and its affiliates. 69 | * 70 | * This source code is licensed under the MIT license found in the 71 | * LICENSE file in the root directory of this source tree. 72 | */ 73 | 74 | /** @license React v16.13.1 75 | * react.production.min.js 76 | * 77 | * Copyright (c) Facebook, Inc. and its affiliates. 78 | * 79 | * This source code is licensed under the MIT license found in the 80 | * LICENSE file in the root directory of this source tree. 81 | */ 82 | 83 | /**! 84 | * @fileOverview Kickass library to create and place poppers near their reference elements. 85 | * @version 1.16.1 86 | * @license 87 | * Copyright (c) 2016 Federico Zivolo and contributors 88 | * 89 | * Permission is hereby granted, free of charge, to any person obtaining a copy 90 | * of this software and associated documentation files (the "Software"), to deal 91 | * in the Software without restriction, including without limitation the rights 92 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 93 | * copies of the Software, and to permit persons to whom the Software is 94 | * furnished to do so, subject to the following conditions: 95 | * 96 | * The above copyright notice and this permission notice shall be included in all 97 | * copies or substantial portions of the Software. 98 | * 99 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 100 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 101 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 102 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 103 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 104 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 105 | * SOFTWARE. 106 | */ 107 | -------------------------------------------------------------------------------- /public/js/views/Leads.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /*! 8 | Copyright (c) 2017 Jed Watson. 9 | Licensed under the MIT License (MIT), see 10 | http://jedwatson.github.io/classnames 11 | */ 12 | 13 | /*! 14 | * Sizzle CSS Selector Engine v2.3.4 15 | * https://sizzlejs.com/ 16 | * 17 | * Copyright JS Foundation and other contributors 18 | * Released under the MIT license 19 | * https://js.foundation/ 20 | * 21 | * Date: 2019-04-08 22 | */ 23 | 24 | /*! 25 | * jQuery JavaScript Library v3.4.1 26 | * https://jquery.com/ 27 | * 28 | * Includes Sizzle.js 29 | * https://sizzlejs.com/ 30 | * 31 | * Copyright JS Foundation and other contributors 32 | * Released under the MIT license 33 | * https://jquery.org/license 34 | * 35 | * Date: 2019-05-01T21:04Z 36 | */ 37 | 38 | /** 39 | * @license 40 | * Lodash 41 | * Copyright OpenJS Foundation and other contributors 42 | * Released under MIT license 43 | * Based on Underscore.js 1.8.3 44 | * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors 45 | */ 46 | 47 | /** @license React v0.19.1 48 | * scheduler.production.min.js 49 | * 50 | * Copyright (c) Facebook, Inc. and its affiliates. 51 | * 52 | * This source code is licensed under the MIT license found in the 53 | * LICENSE file in the root directory of this source tree. 54 | */ 55 | 56 | /** @license React v16.13.1 57 | * react-dom.production.min.js 58 | * 59 | * Copyright (c) Facebook, Inc. and its affiliates. 60 | * 61 | * This source code is licensed under the MIT license found in the 62 | * LICENSE file in the root directory of this source tree. 63 | */ 64 | 65 | /** @license React v16.13.1 66 | * react-is.production.min.js 67 | * 68 | * Copyright (c) Facebook, Inc. and its affiliates. 69 | * 70 | * This source code is licensed under the MIT license found in the 71 | * LICENSE file in the root directory of this source tree. 72 | */ 73 | 74 | /** @license React v16.13.1 75 | * react.production.min.js 76 | * 77 | * Copyright (c) Facebook, Inc. and its affiliates. 78 | * 79 | * This source code is licensed under the MIT license found in the 80 | * LICENSE file in the root directory of this source tree. 81 | */ 82 | 83 | /**! 84 | * @fileOverview Kickass library to create and place poppers near their reference elements. 85 | * @version 1.16.1 86 | * @license 87 | * Copyright (c) 2016 Federico Zivolo and contributors 88 | * 89 | * Permission is hereby granted, free of charge, to any person obtaining a copy 90 | * of this software and associated documentation files (the "Software"), to deal 91 | * in the Software without restriction, including without limitation the rights 92 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 93 | * copies of the Software, and to permit persons to whom the Software is 94 | * furnished to do so, subject to the following conditions: 95 | * 96 | * The above copyright notice and this permission notice shall be included in all 97 | * copies or substantial portions of the Software. 98 | * 99 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 100 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 101 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 102 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 103 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 104 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 105 | * SOFTWARE. 106 | */ 107 | -------------------------------------------------------------------------------- /public/js/views/Login.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /*! 8 | * Sizzle CSS Selector Engine v2.3.4 9 | * https://sizzlejs.com/ 10 | * 11 | * Copyright JS Foundation and other contributors 12 | * Released under the MIT license 13 | * https://js.foundation/ 14 | * 15 | * Date: 2019-04-08 16 | */ 17 | 18 | /*! 19 | * jQuery JavaScript Library v3.4.1 20 | * https://jquery.com/ 21 | * 22 | * Includes Sizzle.js 23 | * https://sizzlejs.com/ 24 | * 25 | * Copyright JS Foundation and other contributors 26 | * Released under the MIT license 27 | * https://jquery.org/license 28 | * 29 | * Date: 2019-05-01T21:04Z 30 | */ 31 | 32 | /** 33 | * @license 34 | * Lodash 35 | * Copyright OpenJS Foundation and other contributors 36 | * Released under MIT license 37 | * Based on Underscore.js 1.8.3 38 | * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors 39 | */ 40 | 41 | /** @license React v0.19.1 42 | * scheduler.production.min.js 43 | * 44 | * Copyright (c) Facebook, Inc. and its affiliates. 45 | * 46 | * This source code is licensed under the MIT license found in the 47 | * LICENSE file in the root directory of this source tree. 48 | */ 49 | 50 | /** @license React v16.13.1 51 | * react-dom.production.min.js 52 | * 53 | * Copyright (c) Facebook, Inc. and its affiliates. 54 | * 55 | * This source code is licensed under the MIT license found in the 56 | * LICENSE file in the root directory of this source tree. 57 | */ 58 | 59 | /** @license React v16.13.1 60 | * react-is.production.min.js 61 | * 62 | * Copyright (c) Facebook, Inc. and its affiliates. 63 | * 64 | * This source code is licensed under the MIT license found in the 65 | * LICENSE file in the root directory of this source tree. 66 | */ 67 | 68 | /** @license React v16.13.1 69 | * react.production.min.js 70 | * 71 | * Copyright (c) Facebook, Inc. and its affiliates. 72 | * 73 | * This source code is licensed under the MIT license found in the 74 | * LICENSE file in the root directory of this source tree. 75 | */ 76 | 77 | /**! 78 | * @fileOverview Kickass library to create and place poppers near their reference elements. 79 | * @version 1.16.1 80 | * @license 81 | * Copyright (c) 2016 Federico Zivolo and contributors 82 | * 83 | * Permission is hereby granted, free of charge, to any person obtaining a copy 84 | * of this software and associated documentation files (the "Software"), to deal 85 | * in the Software without restriction, including without limitation the rights 86 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 87 | * copies of the Software, and to permit persons to whom the Software is 88 | * furnished to do so, subject to the following conditions: 89 | * 90 | * The above copyright notice and this permission notice shall be included in all 91 | * copies or substantial portions of the Software. 92 | * 93 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 94 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 95 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 96 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 97 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 98 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 99 | * SOFTWARE. 100 | */ 101 | -------------------------------------------------------------------------------- /public/mix-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "/js/app.js": "/js/app.js", 3 | "/css/app.css": "/css/app.css", 4 | "/css/Leads.css": "/css/Leads.css", 5 | "/js/views/Dashboard.js": "/js/views/Dashboard.js", 6 | "/js/views/Leads.js": "/js/views/Leads.js", 7 | "/js/views/Login.js": "/js/views/Login.js" 8 | } 9 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: 3 | -------------------------------------------------------------------------------- /resources/js/Helpers.js: -------------------------------------------------------------------------------- 1 | import iziToast from 'iziToast' 2 | import 'iziToast/dist/css/iziToast.css'; 3 | import { fadeIn } from 'animate.css' 4 | 5 | export function showSznNotification(params) { 6 | return iziToast.show({ 7 | title: params.title ? params.title : '', 8 | message: params.message, 9 | messageSize: 12, 10 | position: 'topRight', 11 | theme: 'dark', 12 | pauseOnHover: true, 13 | color: params.type == 'success' ? '#565c70' : '#565c70', 14 | messageColor: params.type == 'success' ? '#00ffb8' : '#ffafb4', 15 | icon: params.type == 'success' ? 'mdi mdi-check' : 'mdi mdi-alert-circle-outline' 16 | }); 17 | } 18 | 19 | 20 | -------------------------------------------------------------------------------- /resources/js/app.js: -------------------------------------------------------------------------------- 1 | require('./bootstrap'); 2 | -------------------------------------------------------------------------------- /resources/js/bootstrap.js: -------------------------------------------------------------------------------- 1 | window._ = require('lodash'); 2 | 3 | /** 4 | * We'll load jQuery and the Bootstrap jQuery plugin which provides support 5 | * for JavaScript based Bootstrap features such as modals and tabs. This 6 | * code may be modified to fit the specific needs of your application. 7 | */ 8 | 9 | try { 10 | window.Popper = require('popper.js').default; 11 | window.$ = window.jQuery = require('jquery'); 12 | 13 | // require('bootstrap'); 14 | } catch (e) {} 15 | 16 | /** 17 | * We'll load the axios HTTP library which allows us to easily issue requests 18 | * to our Laravel back-end. This library automatically handles sending the 19 | * CSRF token as a header based on the value of the "XSRF" token cookie. 20 | */ 21 | 22 | window.axios = require('axios'); 23 | 24 | window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; 25 | 26 | let token = document.head.querySelector('meta[name="csrf-token"]'); 27 | 28 | if (token) { 29 | window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content; 30 | } else { 31 | console.error('CSRF token not found.'); 32 | } 33 | 34 | /** 35 | * Echo exposes an expressive API for subscribing to channels and listening 36 | * for events that are broadcast by Laravel. Echo and event broadcasting 37 | * allows your team to easily build robust real-time web applications. 38 | */ 39 | 40 | // import Echo from 'laravel-echo'; 41 | 42 | // window.Pusher = require('pusher-js'); 43 | 44 | // window.Echo = new Echo({ 45 | // broadcaster: 'pusher', 46 | // key: process.env.MIX_PUSHER_APP_KEY, 47 | // cluster: process.env.MIX_PUSHER_APP_CLUSTER, 48 | // encrypted: true 49 | // }); 50 | -------------------------------------------------------------------------------- /resources/js/components/SznList/TopControl.js: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react' 2 | 3 | function TopControl(props) { 4 | 5 | return ( 6 | 7 |
    8 |
    9 |
    10 |
    11 |
    12 |
    13 | Display 14 |
    15 | 21 |
    22 |
    23 |
    24 |
    25 |
    26 | Sort By 27 |
    28 | 35 |
    36 | 39 |
    40 |
    41 |
    42 |
    43 |
    44 |
    45 | 46 |
    47 | 48 |
    49 |
    50 |
    51 |
    52 |
    53 |
    54 | ); 55 | } 56 | 57 | export default TopControl -------------------------------------------------------------------------------- /resources/js/redux/actions/index.js: -------------------------------------------------------------------------------- 1 | import setAuthUser from './setAuthUser' 2 | import setActiveComponent from './setActiveComponent' 3 | 4 | const rootAction = { 5 | setAuthUser: setAuthUser, 6 | setActiveComponent: setActiveComponent 7 | }; 8 | 9 | export default rootAction; -------------------------------------------------------------------------------- /resources/js/redux/actions/setActiveComponent.js: -------------------------------------------------------------------------------- 1 | const setActiveComponent = (component) => { 2 | return { 3 | type: 'SET_ACTIVE_COMPONENT', 4 | payload: component 5 | } 6 | }; 7 | 8 | export default setActiveComponent; -------------------------------------------------------------------------------- /resources/js/redux/actions/setAuthUser.js: -------------------------------------------------------------------------------- 1 | const setAuthUser = (user) => { 2 | return { 3 | type: 'SET_AUTH_USER', 4 | payload: user 5 | } 6 | }; 7 | 8 | export default setAuthUser; -------------------------------------------------------------------------------- /resources/js/redux/reducers/activeComponent.js: -------------------------------------------------------------------------------- 1 | const activeComponentReducer = (component = null, action) => { 2 | if (action.type == 'SET_ACTIVE_COMPONENT') { 3 | if (action.payload != undefined) component = action.payload; 4 | return component; 5 | } else { 6 | return component; 7 | } 8 | } 9 | 10 | export default activeComponentReducer; -------------------------------------------------------------------------------- /resources/js/redux/reducers/authUser.js: -------------------------------------------------------------------------------- 1 | const authUserReducer = (authUser = null, action) => { 2 | if (action.type == 'SET_AUTH_USER') { 3 | if (action.payload != undefined) authUser = action.payload; 4 | return authUser; 5 | } else { 6 | return authUser; 7 | } 8 | } 9 | 10 | export default authUserReducer; -------------------------------------------------------------------------------- /resources/js/redux/reducers/index.js: -------------------------------------------------------------------------------- 1 | import authUserReducer from './authUser' 2 | import activeComponentReducer from './activeComponent' 3 | import { combineReducers } from 'redux' 4 | //other reducers 5 | 6 | const rootReducer = combineReducers({ 7 | authUserReducer: authUserReducer, 8 | activeComponentReducer: activeComponentReducer 9 | }); 10 | 11 | export default rootReducer; -------------------------------------------------------------------------------- /resources/js/variables.js: -------------------------------------------------------------------------------- 1 | module.exports = global.variables = { 2 | site_name: 'React Laravel' 3 | }; -------------------------------------------------------------------------------- /resources/js/views/Dashboard.js: -------------------------------------------------------------------------------- 1 | require('../app'); 2 | import React, { useEffect } from 'react' 3 | import ReactDOM from 'react-dom' 4 | import '../variables' 5 | import Dashboard from '../components/Dashboard' 6 | import {createStore} from 'redux'; 7 | import rootReducer from '../redux/reducers/index' 8 | import { Provider, useDispatch, useSelector } from 'react-redux' 9 | import rootAction from '../redux/actions/index' 10 | 11 | //create reducer 12 | const myStore = createStore( 13 | rootReducer, 14 | window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() 15 | ); 16 | 17 | 18 | function App() { 19 | //set reducer 20 | const myDispatch = useDispatch(); 21 | myDispatch(rootAction.setAuthUser(authUser)); //authUser is from blade file 22 | 23 | //get reducer 24 | const activeComponent = useSelector(state => state.activeComponentReducer); 25 | 26 | 27 | 28 | return ( 29 | 30 | 31 | 32 | ); 33 | } 34 | 35 | ReactDOM.render( 36 | 37 | 38 | 39 | , document.getElementById('app')) -------------------------------------------------------------------------------- /resources/js/views/Leads.js: -------------------------------------------------------------------------------- 1 | require('../app'); 2 | import React, { useEffect } from 'react' 3 | import ReactDOM from 'react-dom' 4 | import { BrowserRouter, Route, Switch, Link } from 'react-router-dom' 5 | import LeadList from '../components/SznList/LeadList' 6 | import NewLead from '../components/SznList/NewLead' 7 | import EditLead from '../components/SznList/EditLead' 8 | import '../variables' 9 | import {createStore} from 'redux'; 10 | import rootReducer from '../redux/reducers/index' 11 | import { Provider, useDispatch, useSelector } from 'react-redux' 12 | import rootAction from '../redux/actions/index' 13 | 14 | //create reducer 15 | const myStore = createStore( 16 | rootReducer, 17 | window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() 18 | ); 19 | 20 | 21 | function App() { 22 | //set reducer 23 | const myDispatch = useDispatch(); 24 | myDispatch(rootAction.setAuthUser(authUser)); //authUser is from blade file 25 | 26 | //get reducer 27 | const activeComponent = useSelector(state => state.activeComponentReducer); 28 | 29 | return ( 30 | 31 | 32 |
    33 |

    34 | 35 | { activeComponent && activeComponent == 'LeadList' ? 36 | : (activeComponent && activeComponent == 'NewLead' ? : 37 | (activeComponent && activeComponent == 'EditLead' ? : '' ) ) 38 | } 39 | 40 | { activeComponent && activeComponent == 'LeadList' ? 41 | 'All Leads' : (activeComponent && activeComponent == 'NewLead' ? 'New Lead' : 42 | (activeComponent && activeComponent == 'EditLead' ? 'Edit Lead' : '' ) ) 43 | } 44 |

    45 | 50 |
    51 |
    52 |
    53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 |
    61 |
    62 |
    63 |
    64 | ); 65 | } 66 | 67 | ReactDOM.render( 68 | 69 | 70 | 71 | , document.getElementById('app')) -------------------------------------------------------------------------------- /resources/js/views/Login.js: -------------------------------------------------------------------------------- 1 | require('../app'); 2 | import React, { Component } from 'react' 3 | import ReactDOM from 'react-dom' 4 | import { BrowserRouter, Route, Switch } from 'react-router-dom' 5 | import Login from '../components/Login' 6 | import Registration from '../components/Registration' 7 | import '../variables' 8 | 9 | 10 | class App extends Component { 11 | render() { 12 | return ( 13 |
    14 | 15 |
    16 |
    17 |
    18 |
    19 |
    20 |
    21 | 22 | 23 | 24 | 25 |
    26 |
    27 |
    28 |
    29 |
    30 |
    31 |
    32 |
    33 | ) 34 | } 35 | } 36 | 37 | ReactDOM.render(, document.getElementById('app')) -------------------------------------------------------------------------------- /resources/lang/en/auth.php: -------------------------------------------------------------------------------- 1 | 'These credentials do not match our records.', 17 | 'throttle' => 'Too many login attempts. Please try again in :seconds seconds.', 18 | 19 | ]; 20 | -------------------------------------------------------------------------------- /resources/lang/en/pagination.php: -------------------------------------------------------------------------------- 1 | '« Previous', 17 | 'next' => 'Next »', 18 | 19 | ]; 20 | -------------------------------------------------------------------------------- /resources/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 | -------------------------------------------------------------------------------- /resources/sass/_variables.scss: -------------------------------------------------------------------------------- 1 | // Body 2 | $body-bg: #f8fafc; 3 | 4 | // Typography 5 | $font-family-sans-serif: 'Nunito', sans-serif; 6 | $font-size-base: 0.9rem; 7 | $line-height-base: 1.6; 8 | 9 | // Colors 10 | $blue: #3490dc; 11 | $indigo: #6574cd; 12 | $purple: #9561e2; 13 | $pink: #f66d9b; 14 | $red: #e3342f; 15 | $orange: #f6993f; 16 | $yellow: #ffed4a; 17 | $green: #38c172; 18 | $teal: #4dc0b5; 19 | $cyan: #6cb2eb; 20 | -------------------------------------------------------------------------------- /resources/sass/app.scss: -------------------------------------------------------------------------------- 1 | // Fonts 2 | @import url('https://fonts.googleapis.com/css?family=Nunito'); 3 | 4 | // Variables 5 | @import 'variables'; 6 | 7 | // Bootstrap 8 | @import '~bootstrap/scss/bootstrap'; 9 | -------------------------------------------------------------------------------- /resources/views/global_script.blade.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /resources/views/test.blade.php: -------------------------------------------------------------------------------- 1 |
    2 | @foreach ($leads as $lead) 3 | {{ $lead->name }} 4 | @endforeach 5 |
    6 | 7 | {{ $leads->links() }} -------------------------------------------------------------------------------- /resources/views/user/dashboard.blade.php: -------------------------------------------------------------------------------- 1 | @section('title') 2 | Home 3 | @endsection 4 | 5 | @section('styles') 6 | 7 | @endsection 8 | 9 | @extends('user.layout.master') 10 | 11 | @section('container') 12 |
    13 | @endsection 14 | 15 | @section('scripts') 16 | 19 | 20 | @endsection -------------------------------------------------------------------------------- /resources/views/user/layout/master.blade.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | @yield('title') 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | @yield('styles') 18 | 19 | 20 |
    21 | @include('user.layout.partials._navbar') 22 |
    23 | @include('user.layout.partials._sidebar') 24 |
    25 |
    26 | @yield('container') 27 |
    28 | @include('user.layout.partials._footer') 29 |
    30 |
    31 |
    32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | @include('global_script') 40 | @yield('scripts') 41 | 42 | @include('user.layout.partials._toaster-message') 43 | 44 | -------------------------------------------------------------------------------- /resources/views/user/layout/partials/_footer.blade.php: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | Copyright © Ariful Alam. All rights reserved. 4 |
    5 |
    -------------------------------------------------------------------------------- /resources/views/user/layout/partials/_navbar.blade.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /resources/views/user/layout/partials/_sidebar.blade.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /resources/views/user/layout/partials/_toaster-message.blade.php: -------------------------------------------------------------------------------- 1 | @if (Session::has('error-toaster')) 2 | 7 | @endif 8 | 9 | @if (Session::has('success-toaster')) 10 | 15 | @endif -------------------------------------------------------------------------------- /resources/views/user/lead/index.blade.php: -------------------------------------------------------------------------------- 1 | @section('title') 2 | Leads 3 | @endsection 4 | 5 | @section('styles') 6 | 7 | 10 | @endsection 11 | 12 | @extends('user.layout.master') 13 | 14 | @section('container') 15 |
    16 | @endsection 17 | 18 | @section('scripts') 19 | 22 | 23 | @endsection -------------------------------------------------------------------------------- /resources/views/user/login.blade.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | {{env('APP_NAME')}} 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
    24 | 25 | 26 | -------------------------------------------------------------------------------- /routes/api.php: -------------------------------------------------------------------------------- 1 | ['auth:api'], 'prefix' => 'v1'], function () { 7 | Route::get('/lead/list', 'Api\LeadController@listData'); 8 | Route::post('/lead/create', 'Api\LeadController@create'); 9 | Route::post('/lead/update', 'Api\LeadController@update'); 10 | Route::post('/lead/destroy', 'Api\LeadController@destroy'); 11 | 12 | Route::get('/dashboard-data', 'Api\HomeController@getData'); 13 | }); 14 | -------------------------------------------------------------------------------- /routes/channels.php: -------------------------------------------------------------------------------- 1 | id === (int) $id; 18 | }); 19 | -------------------------------------------------------------------------------- /routes/console.php: -------------------------------------------------------------------------------- 1 | comment(Inspiring::quote()); 19 | })->describe('Display an inspiring quote'); 20 | -------------------------------------------------------------------------------- /routes/web.php: -------------------------------------------------------------------------------- 1 | ['guest', 'web']], function () { 25 | Route::get('/', 'AuthController@redirectToIndex'); 26 | 27 | //react route 28 | Route::get('/login', 'AuthController@index')->name('Login'); 29 | Route::get('/registration', 'AuthController@index')->name('Registration'); 30 | 31 | Route::post('/login', 'AuthController@login'); 32 | Route::post('/registration', 'AuthController@signup'); 33 | }); 34 | 35 | 36 | Route::group(['middleware' => ['auth']], function () { 37 | Route::get('/logout', 'HomeController@logout')->name('Logout'); 38 | Route::get('/home', 'HomeController@index')->name('Dashboard'); 39 | 40 | //react route 41 | Route::get('/lead/list', 'LeadController@index')->name('Leads'); 42 | Route::get('/lead/new', 'LeadController@index')->name('NewLead'); 43 | Route::get('/lead/edit/{id}', 'LeadController@index')->name('EditLead'); 44 | 45 | 46 | }); 47 | 48 | Route::get('logs', '\Rap2hpoutre\LaravelLogViewer\LogViewerController@index'); -------------------------------------------------------------------------------- /server.php: -------------------------------------------------------------------------------- 1 | 8 | */ 9 | 10 | $uri = urldecode( 11 | parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH) 12 | ); 13 | 14 | // This file allows us to emulate Apache's "mod_rewrite" functionality from the 15 | // built-in PHP web server. This provides a convenient way to test a Laravel 16 | // application without having installed a "real" web server software here. 17 | if ($uri !== '/' && file_exists(__DIR__.'/public'.$uri)) { 18 | return false; 19 | } 20 | 21 | require_once __DIR__.'/public/index.php'; 22 | -------------------------------------------------------------------------------- /storage/app/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !public/ 3 | !.gitignore 4 | -------------------------------------------------------------------------------- /storage/app/public/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/.gitignore: -------------------------------------------------------------------------------- 1 | config.php 2 | routes.php 3 | schedule-* 4 | compiled.php 5 | services.json 6 | events.scanned.php 7 | routes.scanned.php 8 | down 9 | -------------------------------------------------------------------------------- /storage/framework/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !data/ 3 | !.gitignore 4 | -------------------------------------------------------------------------------- /storage/framework/cache/data/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/sessions/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/testing/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/views/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/logs/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /tests/CreatesApplication.php: -------------------------------------------------------------------------------- 1 | make(Kernel::class)->bootstrap(); 19 | 20 | return $app; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /tests/Feature/ExampleTest.php: -------------------------------------------------------------------------------- 1 | get('/'); 18 | 19 | $response->assertStatus(200); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /tests/TestCase.php: -------------------------------------------------------------------------------- 1 | assertTrue(true); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /webpack.mix.js: -------------------------------------------------------------------------------- 1 | const mix = require('laravel-mix'); 2 | 3 | /* 4 | |-------------------------------------------------------------------------- 5 | | Mix Asset Management 6 | |-------------------------------------------------------------------------- 7 | | 8 | | Mix provides a clean, fluent API for defining some Webpack build steps 9 | | for your Laravel application. By default, we are compiling the Sass 10 | | file for the application as well as bundling up all the JS files. 11 | | 12 | */ 13 | 14 | mix.react('resources/js/app.js', 'public/js') 15 | .react('resources/js/views/Dashboard.js', 'public/js/views') 16 | .react('resources/js/views/Login.js', 'public/js/views') 17 | .react('resources/js/views/Leads.js', 'public/js/views') 18 | .sass('resources/sass/app.scss', 'public/css') 19 | .sass('resources/sass/Leads.scss', 'public/css'); 20 | --------------------------------------------------------------------------------