├── LICENSE ├── README.md ├── backend ├── .env.example ├── .gitattributes ├── .gitignore ├── app │ ├── Console │ │ └── Kernel.php │ ├── Exceptions │ │ └── Handler.php │ ├── Http │ │ ├── Controllers │ │ │ ├── Auth │ │ │ │ ├── ForgotPasswordController.php │ │ │ │ ├── LoginController.php │ │ │ │ ├── RegisterController.php │ │ │ │ └── ResetPasswordController.php │ │ │ ├── AuthController.php │ │ │ ├── ChangePasswordController.php │ │ │ ├── Controller.php │ │ │ ├── ResetPasswordController.php │ │ │ ├── admin │ │ │ │ └── AdminController.php │ │ │ ├── pub │ │ │ │ └── PubController.php │ │ │ └── user │ │ │ │ └── UserController.php │ │ ├── Kernel.php │ │ ├── Middleware │ │ │ ├── CORS.php │ │ │ ├── CheckAdmin.php │ │ │ ├── CheckUser.php │ │ │ ├── EncryptCookies.php │ │ │ ├── RedirectIfAuthenticated.php │ │ │ ├── TrimStrings.php │ │ │ ├── TrustProxies.php │ │ │ └── VerifyCsrfToken.php │ │ └── Requests │ │ │ ├── ChangePasswordRequest.php │ │ │ └── SignUpRequest.php │ ├── Mail │ │ ├── ResetPasswordMail.php │ │ └── ResetPasswordMail2.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 │ ├── database.php │ ├── filesystems.php │ ├── hashing.php │ ├── jwt.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 │ │ └── 2014_10_12_100000_create_password_resets_table.php │ └── seeds │ │ └── DatabaseSeeder.php ├── package.json ├── phpunit.xml ├── public │ ├── .htaccess │ ├── css │ │ └── app.css │ ├── favicon.ico │ ├── index.php │ ├── js │ │ └── app.js │ └── robots.txt ├── resources │ ├── assets │ │ ├── js │ │ │ ├── app.js │ │ │ ├── bootstrap.js │ │ │ └── components │ │ │ │ └── ExampleComponent.vue │ │ └── sass │ │ │ ├── _variables.scss │ │ │ └── app.scss │ ├── lang │ │ └── en │ │ │ ├── auth.php │ │ │ ├── pagination.php │ │ │ ├── passwords.php │ │ │ └── validation.php │ └── views │ │ ├── Email │ │ └── passwordReset.blade.php │ │ └── welcome.blade.php ├── routes │ ├── api.php │ ├── channels.php │ ├── console.php │ └── web.php ├── server.php ├── storage │ ├── app │ │ ├── .gitignore │ │ └── public │ │ │ └── .gitignore │ ├── framework │ │ ├── .gitignore │ │ ├── cache │ │ │ └── .gitignore │ │ ├── sessions │ │ │ └── .gitignore │ │ ├── testing │ │ │ └── .gitignore │ │ └── views │ │ │ └── .gitignore │ └── logs │ │ └── .gitignore ├── tests │ ├── CreatesApplication.php │ ├── Feature │ │ └── ExampleTest.php │ ├── TestCase.php │ └── Unit │ │ └── ExampleTest.php ├── webpack.mix.js └── yarn.lock └── frontend ├── .editorconfig ├── .gitignore ├── README.md ├── angular.json ├── e2e ├── app.e2e-spec.ts ├── app.po.ts └── tsconfig.e2e.json ├── karma.conf.js ├── package-lock.json ├── package.json ├── protractor.conf.js ├── src ├── app │ ├── app-routing.module.ts │ ├── app.component.css │ ├── app.component.html │ ├── app.component.spec.ts │ ├── app.component.ts │ ├── app.module.ts │ ├── components │ │ ├── admin │ │ │ ├── admin.component.css │ │ │ ├── admin.component.html │ │ │ ├── admin.component.spec.ts │ │ │ ├── admin.component.ts │ │ │ ├── admin.module.ts │ │ │ └── admin.routes.ts │ │ ├── auth │ │ │ ├── login │ │ │ │ ├── login.component.css │ │ │ │ ├── login.component.html │ │ │ │ ├── login.component.spec.ts │ │ │ │ └── login.component.ts │ │ │ ├── password │ │ │ │ ├── request-reset │ │ │ │ │ ├── request-reset.component.css │ │ │ │ │ ├── request-reset.component.html │ │ │ │ │ ├── request-reset.component.spec.ts │ │ │ │ │ └── request-reset.component.ts │ │ │ │ └── response-reset │ │ │ │ │ ├── response-reset.component.css │ │ │ │ │ ├── response-reset.component.html │ │ │ │ │ ├── response-reset.component.spec.ts │ │ │ │ │ └── response-reset.component.ts │ │ │ └── signup │ │ │ │ ├── signup.component.css │ │ │ │ ├── signup.component.html │ │ │ │ ├── signup.component.spec.ts │ │ │ │ └── signup.component.ts │ │ ├── error │ │ │ └── not-found │ │ │ │ ├── not-found.component.css │ │ │ │ ├── not-found.component.html │ │ │ │ ├── not-found.component.spec.ts │ │ │ │ └── not-found.component.ts │ │ ├── profile │ │ │ ├── profile.component.css │ │ │ ├── profile.component.html │ │ │ ├── profile.component.spec.ts │ │ │ └── profile.component.ts │ │ ├── public │ │ │ └── home │ │ │ │ ├── home.component.css │ │ │ │ ├── home.component.html │ │ │ │ ├── home.component.spec.ts │ │ │ │ └── home.component.ts │ │ ├── share │ │ │ ├── navbar │ │ │ │ ├── navbar.component.css │ │ │ │ ├── navbar.component.html │ │ │ │ ├── navbar.component.spec.ts │ │ │ │ └── navbar.component.ts │ │ │ └── testrole │ │ │ │ ├── testrole.component.css │ │ │ │ ├── testrole.component.html │ │ │ │ ├── testrole.component.spec.ts │ │ │ │ └── testrole.component.ts │ │ └── user │ │ │ ├── user.component.css │ │ │ ├── user.component.html │ │ │ ├── user.component.spec.ts │ │ │ ├── user.component.ts │ │ │ ├── user.module.ts │ │ │ └── user.routes.ts │ ├── data │ │ └── data.ts │ ├── guard │ │ ├── admin.guard.ts │ │ ├── public.guard.ts │ │ └── user.guard.ts │ ├── interceptors │ │ └── AuthInterceptor.ts │ ├── model │ │ └── user.ts │ ├── services │ │ ├── admin.service.ts │ │ ├── auth.service.ts │ │ ├── pub.service.ts │ │ ├── storage.service.ts │ │ └── user.service.ts │ ├── store │ │ ├── actions │ │ │ ├── auth.actions.ts │ │ │ └── user.actions.ts │ │ ├── effects │ │ │ ├── app.effects.ts │ │ │ ├── auth.effects.spec.ts │ │ │ ├── auth.effects.ts │ │ │ └── user.effects.ts │ │ └── reducers │ │ │ ├── auth.reducer.ts │ │ │ ├── index.ts │ │ │ └── user.reducer.ts │ └── user │ │ └── effects │ │ └── app.effects.ts ├── assets │ └── .gitkeep ├── environments │ ├── environment.prod.ts │ └── environment.ts ├── favicon.ico ├── index.html ├── main.ts ├── polyfills.ts ├── styles.css ├── test.ts ├── tsconfig.app.json ├── tsconfig.spec.json └── typings.d.ts ├── tsconfig.json └── tslint.json /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # angular7-laravel-ngrx-auth-roles 2 | code for authentification with ngrx & milturoles (Admin, User, Public) frontEnd using Angular 7 & backEnd using Laravel 3 | # Getting Started 4 | To get started, clone the repo, create database, config .env, install the dependencies 5 | ``` 6 | git clone https://github.com/simowahabi/angular7-laravel-ngrx-auth-roles.git 7 | cd angular7-laravel-ngrx-auth-roles/backend 8 | composer install 9 | cd .. 10 | cd frontend 11 | npm install 12 | 13 | ``` 14 | ##### create database 15 | ##### open backend folder and create file .env and configure it 16 | ### run 17 | 18 | ``` 19 | php artisan migrate 20 | ``` 21 | ### Development server 22 | Run `php artisan serve` in backend folder && `ng serve` in frontend folder for a dev server. Navigate to `http://localhost:4200/.` The app will automatically reload if you change any of the source files 23 | 24 | -------------------------------------------------------------------------------- /backend/.env.example: -------------------------------------------------------------------------------- 1 | APP_NAME=Laravel 2 | APP_ENV=local 3 | APP_KEY= 4 | APP_DEBUG=true 5 | APP_URL=http://localhost 6 | 7 | LOG_CHANNEL=stack 8 | 9 | DB_CONNECTION=mysql 10 | DB_HOST=127.0.0.1 11 | DB_PORT=3306 12 | DB_DATABASE=homestead 13 | DB_USERNAME=homestead 14 | DB_PASSWORD=secret 15 | 16 | BROADCAST_DRIVER=log 17 | CACHE_DRIVER=file 18 | SESSION_DRIVER=file 19 | SESSION_LIFETIME=120 20 | QUEUE_DRIVER=sync 21 | 22 | REDIS_HOST=127.0.0.1 23 | REDIS_PASSWORD=null 24 | REDIS_PORT=6379 25 | 26 | MAIL_DRIVER=smtp 27 | MAIL_HOST=smtp.mailtrap.io 28 | MAIL_PORT=2525 29 | MAIL_USERNAME=null 30 | MAIL_PASSWORD=null 31 | MAIL_ENCRYPTION=null 32 | 33 | PUSHER_APP_ID= 34 | PUSHER_APP_KEY= 35 | PUSHER_APP_SECRET= 36 | PUSHER_APP_CLUSTER=mt1 37 | 38 | MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}" 39 | MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" 40 | -------------------------------------------------------------------------------- /backend/.gitattributes: -------------------------------------------------------------------------------- 1 | * text=auto 2 | *.css linguist-vendored 3 | *.scss linguist-vendored 4 | *.js linguist-vendored 5 | CHANGELOG.md export-ignore 6 | -------------------------------------------------------------------------------- /backend/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /public/hot 3 | /public/storage 4 | /storage/*.key 5 | /vendor 6 | /.idea 7 | /.vscode 8 | /.vagrant 9 | Homestead.json 10 | Homestead.yaml 11 | npm-debug.log 12 | yarn-error.log 13 | .env 14 | -------------------------------------------------------------------------------- /backend/app/Console/Kernel.php: -------------------------------------------------------------------------------- 1 | command('inspire') 28 | // ->hourly(); 29 | } 30 | 31 | /** 32 | * Register the commands for the application. 33 | * 34 | * @return void 35 | */ 36 | protected function commands() 37 | { 38 | $this->load(__DIR__.'/Commands'); 39 | 40 | require base_path('routes/console.php'); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /backend/app/Exceptions/Handler.php: -------------------------------------------------------------------------------- 1 | middleware('guest'); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /backend/app/Http/Controllers/Auth/LoginController.php: -------------------------------------------------------------------------------- 1 | middleware('guest')->except('logout'); 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /backend/app/Http/Controllers/Auth/RegisterController.php: -------------------------------------------------------------------------------- 1 | middleware('guest'); 41 | } 42 | 43 | /** 44 | * Get a validator for an incoming registration request. 45 | * 46 | * @param array $data 47 | * @return \Illuminate\Contracts\Validation\Validator 48 | */ 49 | protected function validator(array $data) 50 | { 51 | return Validator::make($data, [ 52 | 'name' => 'required|string|max:255', 53 | 'email' => 'required|string|email|max:255|unique:users', 54 | 'password' => 'required|string|min:6|confirmed', 55 | ]); 56 | } 57 | 58 | /** 59 | * Create a new user instance after a valid registration. 60 | * 61 | * @param array $data 62 | * @return \App\User 63 | */ 64 | protected function create(array $data) 65 | { 66 | return User::create([ 67 | 'name' => $data['name'], 68 | 'email' => $data['email'], 69 | 'password' => Hash::make($data['password']), 70 | ]); 71 | } 72 | } 73 | -------------------------------------------------------------------------------- /backend/app/Http/Controllers/Auth/ResetPasswordController.php: -------------------------------------------------------------------------------- 1 | middleware('guest'); 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /backend/app/Http/Controllers/AuthController.php: -------------------------------------------------------------------------------- 1 | middleware('auth:api', ['except' => ['login', 'signup']]); 21 | } 22 | 23 | /** 24 | * Get a JWT via given credentials. 25 | * 26 | * @return \Illuminate\Http\JsonResponse 27 | */ 28 | public function login() 29 | { 30 | $credentials = request(['email', 'password']); 31 | 32 | if (!$token = auth()->attempt($credentials)) { 33 | return response()->json(['error' => 'Email or password does\'t exist'], 401); 34 | } 35 | 36 | return $this->respondWithToken($token); 37 | } 38 | 39 | public function signup(SignUpRequest $request) 40 | { 41 | User::create($request->all()); 42 | return $this->login($request); 43 | } 44 | 45 | /** 46 | * Get the authenticated User. 47 | * 48 | * @return \Illuminate\Http\JsonResponse 49 | */ 50 | public function me() 51 | { 52 | return response()->json(auth()->user()); 53 | } 54 | 55 | /** 56 | * Log the user out (Invalidate the token). 57 | * 58 | * @return \Illuminate\Http\JsonResponse 59 | */ 60 | public function logout() 61 | { 62 | auth()->logout(); 63 | 64 | return response()->json(['message' => 'Successfully logged out']); 65 | } 66 | 67 | /** 68 | * Refresh a token. 69 | * 70 | * @return \Illuminate\Http\JsonResponse 71 | */ 72 | public function refresh() 73 | { 74 | return $this->respondWithToken(auth()->refresh()); 75 | } 76 | 77 | /** 78 | * Get the token array structure. 79 | * 80 | * @param string $token 81 | * 82 | * @return \Illuminate\Http\JsonResponse 83 | */ 84 | protected function respondWithToken($token) 85 | { 86 | return response()->json([ 87 | 'access_token' => $token, 88 | 'token_type' => 'bearer', 89 | 'expires_in' => auth()->factory()->getTTL() * 600000, 90 | 'user' => auth()->user()->name, 91 | 'role' =>auth()->user()->role 92 | ]); 93 | } 94 | } 95 | -------------------------------------------------------------------------------- /backend/app/Http/Controllers/ChangePasswordController.php: -------------------------------------------------------------------------------- 1 | getPasswordResetTableRow($request)->count()> 0 ? $this->changePassword($request) : $this->tokenNotFoundResponse(); 16 | } 17 | 18 | private function getPasswordResetTableRow($request) 19 | { 20 | return DB::table('password_resets')->where(['email' => $request->email,'token' =>$request->resetToken]); 21 | } 22 | 23 | private function tokenNotFoundResponse() 24 | { 25 | return response()->json(['error' => 'Token or Email is incorrect'],Response::HTTP_UNPROCESSABLE_ENTITY); 26 | } 27 | 28 | private function changePassword($request) 29 | { 30 | $user = User::whereEmail($request->email)->first(); 31 | $user->update(['password'=>$request->password]); 32 | $this->getPasswordResetTableRow($request)->delete(); 33 | return response()->json(['data'=>'Password Successfully Changed'],Response::HTTP_CREATED); 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /backend/app/Http/Controllers/Controller.php: -------------------------------------------------------------------------------- 1 | validateEmail($request->email)) { 18 | return $this->failedResponse(); 19 | } 20 | 21 | $this->send($request->email); 22 | return $this->successResponse(); 23 | } 24 | 25 | public function send($email) 26 | { 27 | $token = $this->createToken($email); 28 | Mail::to($email)->send(new ResetPasswordMail($token)); 29 | } 30 | 31 | public function createToken($email) 32 | { 33 | $oldToken = DB::table('password_resets')->where('email', $email)->first(); 34 | 35 | if ($oldToken) { 36 | return $oldToken->token; 37 | } 38 | 39 | $token = str_random(60); 40 | $this->saveToken($token, $email); 41 | return $token; 42 | } 43 | 44 | public function saveToken($token, $email) 45 | { 46 | DB::table('password_resets')->insert([ 47 | 'email' => $email, 48 | 'token' => $token, 49 | 'created_at' => Carbon::now() 50 | ]); 51 | } 52 | 53 | public function validateEmail($email) 54 | { 55 | return !!User::where('email', $email)->first(); 56 | } 57 | 58 | public function failedResponse() 59 | { 60 | return response()->json([ 61 | 'error' => 'Email does\'t found on our database' 62 | ], Response::HTTP_NOT_FOUND); 63 | } 64 | 65 | public function successResponse() 66 | { 67 | return response()->json([ 68 | 'data' => 'Reset Email is send successfully, please check your inbox.' 69 | ], Response::HTTP_OK); 70 | } 71 | } 72 | -------------------------------------------------------------------------------- /backend/app/Http/Controllers/admin/AdminController.php: -------------------------------------------------------------------------------- 1 | authenticate(); 14 | } 15 | 16 | public function getAllUser(){ 17 | $users=User::all(); 18 | return $users; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /backend/app/Http/Controllers/pub/PubController.php: -------------------------------------------------------------------------------- 1 | json(['message' => 'Public response work']); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /backend/app/Http/Controllers/user/UserController.php: -------------------------------------------------------------------------------- 1 | authenticate(); 13 | } 14 | 15 | public function getuser(){ 16 | $user = JWTAuth::parseToken()->authenticate(); 17 | return $user; 18 | } 19 | 20 | 21 | } 22 | -------------------------------------------------------------------------------- /backend/app/Http/Kernel.php: -------------------------------------------------------------------------------- 1 | [ 31 | \App\Http\Middleware\EncryptCookies::class, 32 | \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class, 33 | \Illuminate\Session\Middleware\StartSession::class, 34 | // \Illuminate\Session\Middleware\AuthenticateSession::class, 35 | \Illuminate\View\Middleware\ShareErrorsFromSession::class, 36 | \App\Http\Middleware\VerifyCsrfToken::class, 37 | \Illuminate\Routing\Middleware\SubstituteBindings::class, 38 | \App\Http\Middleware\CheckAdmin::class, 39 | \App\Http\Middleware\CheckUser::class, 40 | 41 | 42 | ], 43 | 44 | 'api' => [ 45 | 'throttle:60,1', 46 | 'bindings', 47 | ], 48 | ]; 49 | 50 | /** 51 | * The application's route middleware. 52 | * 53 | * These middleware may be assigned to groups or used individually. 54 | * 55 | * @var array 56 | */ 57 | protected $routeMiddleware = [ 58 | 'auth' => \Illuminate\Auth\Middleware\Authenticate::class, 59 | 'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class, 60 | 'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class, 61 | 'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class, 62 | 'can' => \Illuminate\Auth\Middleware\Authorize::class, 63 | 'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class, 64 | 'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class, 65 | 'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class, 66 | 'CORS' => \App\Http\Middleware\CORS::class, 67 | 'CheckAdmin' =>\App\Http\Middleware\CheckAdmin::class, 68 | 'CheckUser' =>\App\Http\Middleware\CheckUser::class, 69 | 70 | 71 | ]; 72 | } 73 | -------------------------------------------------------------------------------- /backend/app/Http/Middleware/CORS.php: -------------------------------------------------------------------------------- 1 | authenticate(); 21 | if($user->role=="2") 22 | return response()->json(['status' => 'Not Authorized'],401); 23 | 24 | } catch (Exception $e) { 25 | if ($e instanceof \Tymon\JWTAuth\Exceptions\TokenInvalidException){ 26 | return response()->json(['status' => 'Token is Invalid'],401); 27 | }else if ($e instanceof \Tymon\JWTAuth\Exceptions\TokenExpiredException){ 28 | return response()->json(['status' => 'Token is Expired'],401); 29 | }else{ 30 | return response()->json(['status' => 'Authorization Token not found'],401); 31 | } 32 | } 33 | 34 | return $next($request); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /backend/app/Http/Middleware/CheckUser.php: -------------------------------------------------------------------------------- 1 | authenticate(); 22 | if($user->role=="2") 23 | return response()->json(['status' => 'Not Authorized'],401); 24 | 25 | } catch (Exception $e) { 26 | if ($e instanceof \Tymon\JWTAuth\Exceptions\TokenInvalidException){ 27 | return response()->json(['status' => 'Token is Invalid'],401); 28 | }else if ($e instanceof \Tymon\JWTAuth\Exceptions\TokenExpiredException){ 29 | return response()->json(['status' => 'Token is Expired'],401); 30 | }else{ 31 | return response()->json(['status' => 'Authorization Token not found'],401); 32 | } 33 | } 34 | 35 | return $next($request); 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /backend/app/Http/Middleware/EncryptCookies.php: -------------------------------------------------------------------------------- 1 | check()) { 21 | return redirect('/home'); 22 | } 23 | 24 | return $next($request); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /backend/app/Http/Middleware/TrimStrings.php: -------------------------------------------------------------------------------- 1 | 'required|email', 28 | 'password' => 'required|confirmed' 29 | ]; 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /backend/app/Http/Requests/SignUpRequest.php: -------------------------------------------------------------------------------- 1 | 'required', 28 | 'email' => 'required|email|unique:users', 29 | 'password' => 'required|confirmed' 30 | ]; 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /backend/app/Mail/ResetPasswordMail.php: -------------------------------------------------------------------------------- 1 | token = $token; 23 | } 24 | 25 | /** 26 | * Build the message. 27 | * 28 | * @return $this 29 | */ 30 | public function build() 31 | { 32 | return $this->markdown('Email.passwordReset')->with([ 33 | 'token' => $this->token 34 | ]); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /backend/app/Mail/ResetPasswordMail2.php: -------------------------------------------------------------------------------- 1 | markdown('Email.passwordReset'); 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /backend/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 | -------------------------------------------------------------------------------- /backend/app/Providers/BroadcastServiceProvider.php: -------------------------------------------------------------------------------- 1 | [ 17 | 'App\Listeners\EventListener', 18 | ], 19 | ]; 20 | 21 | /** 22 | * Register any events for your application. 23 | * 24 | * @return void 25 | */ 26 | public function boot() 27 | { 28 | parent::boot(); 29 | 30 | // 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /backend/app/Providers/RouteServiceProvider.php: -------------------------------------------------------------------------------- 1 | mapApiRoutes(); 39 | 40 | $this->mapWebRoutes(); 41 | 42 | // 43 | } 44 | 45 | /** 46 | * Define the "web" routes for the application. 47 | * 48 | * These routes all receive session state, CSRF protection, etc. 49 | * 50 | * @return void 51 | */ 52 | protected function mapWebRoutes() 53 | { 54 | Route::middleware('web') 55 | ->namespace($this->namespace) 56 | ->group(base_path('routes/web.php')); 57 | } 58 | 59 | /** 60 | * Define the "api" routes for the application. 61 | * 62 | * These routes are typically stateless. 63 | * 64 | * @return void 65 | */ 66 | protected function mapApiRoutes() 67 | { 68 | Route::prefix('api') 69 | ->middleware('api') 70 | ->namespace($this->namespace) 71 | ->group(base_path('routes/api.php')); 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /backend/app/User.php: -------------------------------------------------------------------------------- 1 | getKey(); 41 | } 42 | 43 | /** 44 | * Return a key value array, containing any custom claims to be added to the JWT. 45 | * 46 | * @return array 47 | */ 48 | public function getJWTCustomClaims() 49 | { 50 | return []; 51 | } 52 | 53 | public function setPasswordAttribute($value) 54 | { 55 | $this->attributes['password'] = bcrypt($value); 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /backend/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 | -------------------------------------------------------------------------------- /backend/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 | -------------------------------------------------------------------------------- /backend/bootstrap/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /backend/composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "laravel/laravel", 3 | "description": "The Laravel Framework.", 4 | "keywords": [ 5 | "framework", 6 | "laravel" 7 | ], 8 | "license": "MIT", 9 | "type": "project", 10 | "require": { 11 | "php": "^7.1.3", 12 | "fideloper/proxy": "^4.0", 13 | "laravel/framework": "5.6.*", 14 | "laravel/tinker": "^1.0", 15 | "tymon/jwt-auth": "^1.0.0-rc.2" 16 | }, 17 | "require-dev": { 18 | "filp/whoops": "^2.0", 19 | "fzaninotto/faker": "^1.4", 20 | "mockery/mockery": "^1.0", 21 | "nunomaduro/collision": "^2.0", 22 | "phpunit/phpunit": "^7.0" 23 | }, 24 | "autoload": { 25 | "classmap": [ 26 | "database/seeds", 27 | "database/factories" 28 | ], 29 | "psr-4": { 30 | "App\\": "app/" 31 | } 32 | }, 33 | "autoload-dev": { 34 | "psr-4": { 35 | "Tests\\": "tests/" 36 | } 37 | }, 38 | "extra": { 39 | "laravel": { 40 | "dont-discover": [] 41 | } 42 | }, 43 | "scripts": { 44 | "post-root-package-install": [ 45 | "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"" 46 | ], 47 | "post-create-project-cmd": [ 48 | "@php artisan key:generate" 49 | ], 50 | "post-autoload-dump": [ 51 | "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump", 52 | "@php artisan package:discover" 53 | ] 54 | }, 55 | "config": { 56 | "preferred-install": "dist", 57 | "sort-packages": true, 58 | "optimize-autoloader": true 59 | }, 60 | "minimum-stability": "dev", 61 | "prefer-stable": true 62 | } -------------------------------------------------------------------------------- /backend/config/auth.php: -------------------------------------------------------------------------------- 1 | [ 17 | 'guard' => 'api', 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 | 'web' => [ 40 | 'driver' => 'session', 41 | 'provider' => 'users', 42 | ], 43 | 44 | 'api' => [ 45 | 'driver' => 'jwt', 46 | 'provider' => 'users', 47 | ], 48 | ], 49 | 50 | /* 51 | |-------------------------------------------------------------------------- 52 | | User Providers 53 | |-------------------------------------------------------------------------- 54 | | 55 | | All authentication drivers have a user provider. This defines how the 56 | | users are actually retrieved out of your database or other storage 57 | | mechanisms used by this application to persist your user's data. 58 | | 59 | | If you have multiple user tables or models you may configure multiple 60 | | sources which represent each model / table. These sources may then 61 | | be assigned to any extra authentication guards you have defined. 62 | | 63 | | Supported: "database", "eloquent" 64 | | 65 | */ 66 | 67 | 'providers' => [ 68 | 'users' => [ 69 | 'driver' => 'eloquent', 70 | 'model' => App\User::class, 71 | ], 72 | 73 | // 'users' => [ 74 | // 'driver' => 'database', 75 | // 'table' => 'users', 76 | // ], 77 | ], 78 | 79 | /* 80 | |-------------------------------------------------------------------------- 81 | | Resetting Passwords 82 | |-------------------------------------------------------------------------- 83 | | 84 | | You may specify multiple password reset configurations if you have more 85 | | than one user table or model in the application and you want to have 86 | | separate password reset settings based on the specific user types. 87 | | 88 | | The expire time is the number of minutes that the reset token should be 89 | | considered valid. This security feature keeps tokens short-lived so 90 | | they have less time to be guessed. You may change this as needed. 91 | | 92 | */ 93 | 94 | 'passwords' => [ 95 | 'users' => [ 96 | 'provider' => 'users', 97 | 'table' => 'password_resets', 98 | 'expire' => 60, 99 | ], 100 | ], 101 | 102 | ]; 103 | -------------------------------------------------------------------------------- /backend/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 | 'encrypted' => 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 | -------------------------------------------------------------------------------- /backend/config/cache.php: -------------------------------------------------------------------------------- 1 | env('CACHE_DRIVER', 'file'), 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Cache Stores 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here you may define all of the cache "stores" for your application as 26 | | well as their drivers. You may even define multiple stores for the 27 | | same cache driver to group types of items stored in your caches. 28 | | 29 | */ 30 | 31 | 'stores' => [ 32 | 33 | 'apc' => [ 34 | 'driver' => 'apc', 35 | ], 36 | 37 | 'array' => [ 38 | 'driver' => 'array', 39 | ], 40 | 41 | 'database' => [ 42 | 'driver' => 'database', 43 | 'table' => 'cache', 44 | 'connection' => null, 45 | ], 46 | 47 | 'file' => [ 48 | 'driver' => 'file', 49 | 'path' => storage_path('framework/cache/data'), 50 | ], 51 | 52 | 'memcached' => [ 53 | 'driver' => 'memcached', 54 | 'persistent_id' => env('MEMCACHED_PERSISTENT_ID'), 55 | 'sasl' => [ 56 | env('MEMCACHED_USERNAME'), 57 | env('MEMCACHED_PASSWORD'), 58 | ], 59 | 'options' => [ 60 | // Memcached::OPT_CONNECT_TIMEOUT => 2000, 61 | ], 62 | 'servers' => [ 63 | [ 64 | 'host' => env('MEMCACHED_HOST', '127.0.0.1'), 65 | 'port' => env('MEMCACHED_PORT', 11211), 66 | 'weight' => 100, 67 | ], 68 | ], 69 | ], 70 | 71 | 'redis' => [ 72 | 'driver' => 'redis', 73 | 'connection' => 'default', 74 | ], 75 | 76 | ], 77 | 78 | /* 79 | |-------------------------------------------------------------------------- 80 | | Cache Key Prefix 81 | |-------------------------------------------------------------------------- 82 | | 83 | | When utilizing a RAM based store such as APC or Memcached, there might 84 | | be other applications utilizing the same cache. So, we'll specify a 85 | | value to get prefixed to all our keys so we can avoid collisions. 86 | | 87 | */ 88 | 89 | 'prefix' => env( 90 | 'CACHE_PREFIX', 91 | str_slug(env('APP_NAME', 'laravel'), '_').'_cache' 92 | ), 93 | 94 | ]; 95 | -------------------------------------------------------------------------------- /backend/config/database.php: -------------------------------------------------------------------------------- 1 | env('DB_CONNECTION', 'mysql'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Database Connections 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Here are each of the database connections setup for your application. 24 | | Of course, examples of configuring each database platform that is 25 | | supported by Laravel is shown below to make development simple. 26 | | 27 | | 28 | | All database work in Laravel is done through the PHP PDO facilities 29 | | so make sure you have the driver for your particular database of 30 | | choice installed on your machine before you begin development. 31 | | 32 | */ 33 | 34 | 'connections' => [ 35 | 36 | 'sqlite' => [ 37 | 'driver' => 'sqlite', 38 | 'database' => env('DB_DATABASE', database_path('database.sqlite')), 39 | 'prefix' => '', 40 | ], 41 | 42 | 'mysql' => [ 43 | 'driver' => 'mysql', 44 | 'host' => env('DB_HOST', '127.0.0.1'), 45 | 'port' => env('DB_PORT', '3306'), 46 | 'database' => env('DB_DATABASE', 'forge'), 47 | 'username' => env('DB_USERNAME', 'forge'), 48 | 'password' => env('DB_PASSWORD', ''), 49 | 'unix_socket' => env('DB_SOCKET', ''), 50 | 'charset' => 'utf8mb4', 51 | 'collation' => 'utf8mb4_unicode_ci', 52 | 'prefix' => '', 53 | 'strict' => true, 54 | 'engine' => null, 55 | ], 56 | 57 | 'pgsql' => [ 58 | 'driver' => 'pgsql', 59 | 'host' => env('DB_HOST', '127.0.0.1'), 60 | 'port' => env('DB_PORT', '5432'), 61 | 'database' => env('DB_DATABASE', 'forge'), 62 | 'username' => env('DB_USERNAME', 'forge'), 63 | 'password' => env('DB_PASSWORD', ''), 64 | 'charset' => 'utf8', 65 | 'prefix' => '', 66 | 'schema' => 'public', 67 | 'sslmode' => 'prefer', 68 | ], 69 | 70 | 'sqlsrv' => [ 71 | 'driver' => 'sqlsrv', 72 | 'host' => env('DB_HOST', 'localhost'), 73 | 'port' => env('DB_PORT', '1433'), 74 | 'database' => env('DB_DATABASE', 'forge'), 75 | 'username' => env('DB_USERNAME', 'forge'), 76 | 'password' => env('DB_PASSWORD', ''), 77 | 'charset' => 'utf8', 78 | 'prefix' => '', 79 | ], 80 | 81 | ], 82 | 83 | /* 84 | |-------------------------------------------------------------------------- 85 | | Migration Repository Table 86 | |-------------------------------------------------------------------------- 87 | | 88 | | This table keeps track of all the migrations that have already run for 89 | | your application. Using this information, we can determine which of 90 | | the migrations on disk haven't actually been run in the database. 91 | | 92 | */ 93 | 94 | 'migrations' => 'migrations', 95 | 96 | /* 97 | |-------------------------------------------------------------------------- 98 | | Redis Databases 99 | |-------------------------------------------------------------------------- 100 | | 101 | | Redis is an open source, fast, and advanced key-value store that also 102 | | provides a richer set of commands than a typical key-value systems 103 | | such as APC or Memcached. Laravel makes it easy to dig right in. 104 | | 105 | */ 106 | 107 | 'redis' => [ 108 | 109 | 'client' => 'predis', 110 | 111 | 'default' => [ 112 | 'host' => env('REDIS_HOST', '127.0.0.1'), 113 | 'password' => env('REDIS_PASSWORD', null), 114 | 'port' => env('REDIS_PORT', 6379), 115 | 'database' => 0, 116 | ], 117 | 118 | ], 119 | 120 | ]; 121 | -------------------------------------------------------------------------------- /backend/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", "rackspace" 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 | 'url' => env('AWS_URL'), 65 | ], 66 | 67 | ], 68 | 69 | ]; 70 | -------------------------------------------------------------------------------- /backend/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' => 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 | -------------------------------------------------------------------------------- /backend/config/logging.php: -------------------------------------------------------------------------------- 1 | env('LOG_CHANNEL', 'stack'), 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Log Channels 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here you may configure the log channels for your application. Out of 26 | | the box, Laravel uses the Monolog PHP logging library. This gives 27 | | you a variety of powerful log handlers / formatters to utilize. 28 | | 29 | | Available Drivers: "single", "daily", "slack", "syslog", 30 | | "errorlog", "monolog", 31 | | "custom", "stack" 32 | | 33 | */ 34 | 35 | 'channels' => [ 36 | 'stack' => [ 37 | 'driver' => 'stack', 38 | 'channels' => ['single'], 39 | ], 40 | 41 | 'single' => [ 42 | 'driver' => 'single', 43 | 'path' => storage_path('logs/laravel.log'), 44 | 'level' => 'debug', 45 | ], 46 | 47 | 'daily' => [ 48 | 'driver' => 'daily', 49 | 'path' => storage_path('logs/laravel.log'), 50 | 'level' => 'debug', 51 | 'days' => 7, 52 | ], 53 | 54 | 'slack' => [ 55 | 'driver' => 'slack', 56 | 'url' => env('LOG_SLACK_WEBHOOK_URL'), 57 | 'username' => 'Laravel Log', 58 | 'emoji' => ':boom:', 59 | 'level' => 'critical', 60 | ], 61 | 62 | 'stderr' => [ 63 | 'driver' => 'monolog', 64 | 'handler' => StreamHandler::class, 65 | 'with' => [ 66 | 'stream' => 'php://stderr', 67 | ], 68 | ], 69 | 70 | 'syslog' => [ 71 | 'driver' => 'syslog', 72 | 'level' => 'debug', 73 | ], 74 | 75 | 'errorlog' => [ 76 | 'driver' => 'errorlog', 77 | 'level' => 'debug', 78 | ], 79 | ], 80 | 81 | ]; 82 | -------------------------------------------------------------------------------- /backend/config/mail.php: -------------------------------------------------------------------------------- 1 | env('MAIL_DRIVER', 'smtp'), 20 | 21 | /* 22 | |-------------------------------------------------------------------------- 23 | | SMTP Host Address 24 | |-------------------------------------------------------------------------- 25 | | 26 | | Here you may provide the host address of the SMTP server used by your 27 | | applications. A default option is provided that is compatible with 28 | | the Mailgun mail service which will provide reliable deliveries. 29 | | 30 | */ 31 | 32 | 'host' => env('MAIL_HOST', 'smtp.mailgun.org'), 33 | 34 | /* 35 | |-------------------------------------------------------------------------- 36 | | SMTP Host Port 37 | |-------------------------------------------------------------------------- 38 | | 39 | | This is the SMTP port used by your application to deliver e-mails to 40 | | users of the application. Like the host we have set this value to 41 | | stay compatible with the Mailgun e-mail application by default. 42 | | 43 | */ 44 | 45 | 'port' => env('MAIL_PORT', 587), 46 | 47 | /* 48 | |-------------------------------------------------------------------------- 49 | | Global "From" Address 50 | |-------------------------------------------------------------------------- 51 | | 52 | | You may wish for all e-mails sent by your application to be sent from 53 | | the same address. Here, you may specify a name and address that is 54 | | used globally for all e-mails that are sent by your application. 55 | | 56 | */ 57 | 58 | 'from' => [ 59 | 'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'), 60 | 'name' => env('MAIL_FROM_NAME', 'Example'), 61 | ], 62 | 63 | /* 64 | |-------------------------------------------------------------------------- 65 | | E-Mail Encryption Protocol 66 | |-------------------------------------------------------------------------- 67 | | 68 | | Here you may specify the encryption protocol that should be used when 69 | | the application send e-mail messages. A sensible default using the 70 | | transport layer security protocol should provide great security. 71 | | 72 | */ 73 | 74 | 'encryption' => env('MAIL_ENCRYPTION', 'tls'), 75 | 76 | /* 77 | |-------------------------------------------------------------------------- 78 | | SMTP Server Username 79 | |-------------------------------------------------------------------------- 80 | | 81 | | If your SMTP server requires a username for authentication, you should 82 | | set it here. This will get used to authenticate with your server on 83 | | connection. You may also set the "password" value below this one. 84 | | 85 | */ 86 | 87 | 'username' => env('MAIL_USERNAME'), 88 | 89 | 'password' => env('MAIL_PASSWORD'), 90 | 91 | /* 92 | |-------------------------------------------------------------------------- 93 | | Sendmail System Path 94 | |-------------------------------------------------------------------------- 95 | | 96 | | When using the "sendmail" driver to send e-mails, we will need to know 97 | | the path to where Sendmail lives on this server. A default path has 98 | | been provided here, which will work well on most of your systems. 99 | | 100 | */ 101 | 102 | 'sendmail' => '/usr/sbin/sendmail -bs', 103 | 104 | /* 105 | |-------------------------------------------------------------------------- 106 | | Markdown Mail Settings 107 | |-------------------------------------------------------------------------- 108 | | 109 | | If you are using Markdown based email rendering, you may configure your 110 | | theme and component paths here, allowing you to customize the design 111 | | of the emails. Or, you may simply stick with the Laravel defaults! 112 | | 113 | */ 114 | 115 | 'markdown' => [ 116 | 'theme' => 'default', 117 | 118 | 'paths' => [ 119 | resource_path('views/vendor/mail'), 120 | ], 121 | ], 122 | 123 | ]; 124 | -------------------------------------------------------------------------------- /backend/config/queue.php: -------------------------------------------------------------------------------- 1 | env('QUEUE_DRIVER', '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 | ], 50 | 51 | 'sqs' => [ 52 | 'driver' => 'sqs', 53 | 'key' => env('SQS_KEY', 'your-public-key'), 54 | 'secret' => env('SQS_SECRET', 'your-secret-key'), 55 | 'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'), 56 | 'queue' => env('SQS_QUEUE', 'your-queue-name'), 57 | 'region' => env('SQS_REGION', 'us-east-1'), 58 | ], 59 | 60 | 'redis' => [ 61 | 'driver' => 'redis', 62 | 'connection' => 'default', 63 | 'queue' => 'default', 64 | 'retry_after' => 90, 65 | 'block_for' => null, 66 | ], 67 | 68 | ], 69 | 70 | /* 71 | |-------------------------------------------------------------------------- 72 | | Failed Queue Jobs 73 | |-------------------------------------------------------------------------- 74 | | 75 | | These options configure the behavior of failed queue job logging so you 76 | | can control which database and table are used to store the jobs that 77 | | have failed. You may change them to any database / table you wish. 78 | | 79 | */ 80 | 81 | 'failed' => [ 82 | 'database' => env('DB_CONNECTION', 'mysql'), 83 | 'table' => 'failed_jobs', 84 | ], 85 | 86 | ]; 87 | -------------------------------------------------------------------------------- /backend/config/services.php: -------------------------------------------------------------------------------- 1 | [ 18 | 'domain' => env('MAILGUN_DOMAIN'), 19 | 'secret' => env('MAILGUN_SECRET'), 20 | ], 21 | 22 | 'ses' => [ 23 | 'key' => env('SES_KEY'), 24 | 'secret' => env('SES_SECRET'), 25 | 'region' => 'us-east-1', 26 | ], 27 | 28 | 'sparkpost' => [ 29 | 'secret' => env('SPARKPOST_SECRET'), 30 | ], 31 | 32 | 'stripe' => [ 33 | 'model' => App\User::class, 34 | 'key' => env('STRIPE_KEY'), 35 | 'secret' => env('STRIPE_SECRET'), 36 | ], 37 | 38 | ]; 39 | -------------------------------------------------------------------------------- /backend/config/session.php: -------------------------------------------------------------------------------- 1 | env('SESSION_DRIVER', 'file'), 20 | 21 | /* 22 | |-------------------------------------------------------------------------- 23 | | Session Lifetime 24 | |-------------------------------------------------------------------------- 25 | | 26 | | Here you may specify the number of minutes that you wish the session 27 | | to be allowed to remain idle before it expires. If you want them 28 | | to immediately expire on the browser closing, set that option. 29 | | 30 | */ 31 | 32 | 'lifetime' => env('SESSION_LIFETIME', 120), 33 | 34 | 'expire_on_close' => false, 35 | 36 | /* 37 | |-------------------------------------------------------------------------- 38 | | Session Encryption 39 | |-------------------------------------------------------------------------- 40 | | 41 | | This option allows you to easily specify that all of your session data 42 | | should be encrypted before it is stored. All encryption will be run 43 | | automatically by Laravel and you can use the Session like normal. 44 | | 45 | */ 46 | 47 | 'encrypt' => false, 48 | 49 | /* 50 | |-------------------------------------------------------------------------- 51 | | Session File Location 52 | |-------------------------------------------------------------------------- 53 | | 54 | | When using the native session driver, we need a location where session 55 | | files may be stored. A default has been set for you but a different 56 | | location may be specified. This is only needed for file sessions. 57 | | 58 | */ 59 | 60 | 'files' => storage_path('framework/sessions'), 61 | 62 | /* 63 | |-------------------------------------------------------------------------- 64 | | Session Database Connection 65 | |-------------------------------------------------------------------------- 66 | | 67 | | When using the "database" or "redis" session drivers, you may specify a 68 | | connection that should be used to manage these sessions. This should 69 | | correspond to a connection in your database configuration options. 70 | | 71 | */ 72 | 73 | 'connection' => null, 74 | 75 | /* 76 | |-------------------------------------------------------------------------- 77 | | Session Database Table 78 | |-------------------------------------------------------------------------- 79 | | 80 | | When using the "database" session driver, you may specify the table we 81 | | should use to manage the sessions. Of course, a sensible default is 82 | | provided for you; however, you are free to change this as needed. 83 | | 84 | */ 85 | 86 | 'table' => 'sessions', 87 | 88 | /* 89 | |-------------------------------------------------------------------------- 90 | | Session Cache Store 91 | |-------------------------------------------------------------------------- 92 | | 93 | | When using the "apc" or "memcached" session drivers, you may specify a 94 | | cache store that should be used for these sessions. This value must 95 | | correspond with one of the application's configured cache stores. 96 | | 97 | */ 98 | 99 | 'store' => null, 100 | 101 | /* 102 | |-------------------------------------------------------------------------- 103 | | Session Sweeping Lottery 104 | |-------------------------------------------------------------------------- 105 | | 106 | | Some session drivers must manually sweep their storage location to get 107 | | rid of old sessions from storage. Here are the chances that it will 108 | | happen on a given request. By default, the odds are 2 out of 100. 109 | | 110 | */ 111 | 112 | 'lottery' => [2, 100], 113 | 114 | /* 115 | |-------------------------------------------------------------------------- 116 | | Session Cookie Name 117 | |-------------------------------------------------------------------------- 118 | | 119 | | Here you may change the name of the cookie used to identify a session 120 | | instance by ID. The name specified here will get used every time a 121 | | new session cookie is created by the framework for every driver. 122 | | 123 | */ 124 | 125 | 'cookie' => env( 126 | 'SESSION_COOKIE', 127 | str_slug(env('APP_NAME', 'laravel'), '_').'_session' 128 | ), 129 | 130 | /* 131 | |-------------------------------------------------------------------------- 132 | | Session Cookie Path 133 | |-------------------------------------------------------------------------- 134 | | 135 | | The session cookie path determines the path for which the cookie will 136 | | be regarded as available. Typically, this will be the root path of 137 | | your application but you are free to change this when necessary. 138 | | 139 | */ 140 | 141 | 'path' => '/', 142 | 143 | /* 144 | |-------------------------------------------------------------------------- 145 | | Session Cookie Domain 146 | |-------------------------------------------------------------------------- 147 | | 148 | | Here you may change the domain of the cookie used to identify a session 149 | | in your application. This will determine which domains the cookie is 150 | | available to in your application. A sensible default has been set. 151 | | 152 | */ 153 | 154 | 'domain' => env('SESSION_DOMAIN', null), 155 | 156 | /* 157 | |-------------------------------------------------------------------------- 158 | | HTTPS Only Cookies 159 | |-------------------------------------------------------------------------- 160 | | 161 | | By setting this option to true, session cookies will only be sent back 162 | | to the server if the browser has a HTTPS connection. This will keep 163 | | the cookie from being sent to you if it can not be done securely. 164 | | 165 | */ 166 | 167 | 'secure' => env('SESSION_SECURE_COOKIE', false), 168 | 169 | /* 170 | |-------------------------------------------------------------------------- 171 | | HTTP Access Only 172 | |-------------------------------------------------------------------------- 173 | | 174 | | Setting this value to true will prevent JavaScript from accessing the 175 | | value of the cookie and the cookie will only be accessible through 176 | | the HTTP protocol. You are free to modify this option if needed. 177 | | 178 | */ 179 | 180 | 'http_only' => true, 181 | 182 | /* 183 | |-------------------------------------------------------------------------- 184 | | Same-Site Cookies 185 | |-------------------------------------------------------------------------- 186 | | 187 | | This option determines how your cookies behave when cross-site requests 188 | | take place, and can be used to mitigate CSRF attacks. By default, we 189 | | do not enable this as other CSRF protection services are in place. 190 | | 191 | | Supported: "lax", "strict" 192 | | 193 | */ 194 | 195 | 'same_site' => null, 196 | 197 | ]; 198 | -------------------------------------------------------------------------------- /backend/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' => realpath(storage_path('framework/views')), 32 | 33 | ]; 34 | -------------------------------------------------------------------------------- /backend/database/.gitignore: -------------------------------------------------------------------------------- 1 | *.sqlite 2 | -------------------------------------------------------------------------------- /backend/database/factories/UserFactory.php: -------------------------------------------------------------------------------- 1 | define(App\User::class, function (Faker $faker) { 17 | return [ 18 | 'name' => $faker->name, 19 | 'email' => $faker->unique()->safeEmail, 20 | 'password' => '$2y$10$TKh8H1.PfQx37YgCzwiKb.KjNyWgaHb9cbcoQgdIVFlYg7B77UdFm', // secret 21 | 'remember_token' => str_random(10), 22 | ]; 23 | }); 24 | -------------------------------------------------------------------------------- /backend/database/migrations/2014_10_12_000000_create_users_table.php: -------------------------------------------------------------------------------- 1 | increments('id'); 18 | $table->string('name'); 19 | $table->string('email')->unique(); 20 | $table->string('password'); 21 | $table->string('role')->default("1"); 22 | $table->rememberToken(); 23 | $table->timestamps(); 24 | }); 25 | } 26 | 27 | /** 28 | * Reverse the migrations. 29 | * 30 | * @return void 31 | */ 32 | public function down() 33 | { 34 | Schema::dropIfExists('users'); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /backend/database/migrations/2014_10_12_100000_create_password_resets_table.php: -------------------------------------------------------------------------------- 1 | string('email')->index(); 18 | $table->string('token'); 19 | $table->timestamp('created_at')->nullable(); 20 | }); 21 | } 22 | 23 | /** 24 | * Reverse the migrations. 25 | * 26 | * @return void 27 | */ 28 | public function down() 29 | { 30 | Schema::dropIfExists('password_resets'); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /backend/database/seeds/DatabaseSeeder.php: -------------------------------------------------------------------------------- 1 | call(UsersTableSeeder::class); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /backend/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 | "axios": "^0.18", 14 | "bootstrap": "^4.0.0", 15 | "popper.js": "^1.12", 16 | "cross-env": "^5.1", 17 | "jquery": "^3.2", 18 | "laravel-mix": "^2.0", 19 | "lodash": "^4.17.4", 20 | "vue": "^2.5.7" 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /backend/phpunit.xml: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | 13 | ./tests/Feature 14 | 15 | 16 | 17 | ./tests/Unit 18 | 19 | 20 | 21 | 22 | ./app 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /backend/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 | # Handle Front Controller... 18 | RewriteCond %{REQUEST_FILENAME} !-d 19 | RewriteCond %{REQUEST_FILENAME} !-f 20 | RewriteRule ^ index.php [L] 21 | 22 | -------------------------------------------------------------------------------- /backend/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/backend/public/favicon.ico -------------------------------------------------------------------------------- /backend/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 | -------------------------------------------------------------------------------- /backend/public/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: 3 | -------------------------------------------------------------------------------- /backend/resources/assets/js/app.js: -------------------------------------------------------------------------------- 1 | 2 | /** 3 | * First we will load all of this project's JavaScript dependencies which 4 | * includes Vue and other libraries. It is a great starting point when 5 | * building robust, powerful web applications using Vue and Laravel. 6 | */ 7 | 8 | require('./bootstrap'); 9 | 10 | window.Vue = require('vue'); 11 | 12 | /** 13 | * Next, we will create a fresh Vue application instance and attach it to 14 | * the page. Then, you may begin adding components to this application 15 | * or customize the JavaScript scaffolding to fit your unique needs. 16 | */ 17 | 18 | Vue.component('example-component', require('./components/ExampleComponent.vue')); 19 | 20 | const app = new Vue({ 21 | el: '#app' 22 | }); 23 | -------------------------------------------------------------------------------- /backend/resources/assets/js/bootstrap.js: -------------------------------------------------------------------------------- 1 | 2 | window._ = require('lodash'); 3 | window.Popper = require('popper.js').default; 4 | 5 | /** 6 | * We'll load jQuery and the Bootstrap jQuery plugin which provides support 7 | * for JavaScript based Bootstrap features such as modals and tabs. This 8 | * code may be modified to fit the specific needs of your application. 9 | */ 10 | 11 | try { 12 | window.$ = window.jQuery = require('jquery'); 13 | 14 | require('bootstrap'); 15 | } catch (e) {} 16 | 17 | /** 18 | * We'll load the axios HTTP library which allows us to easily issue requests 19 | * to our Laravel back-end. This library automatically handles sending the 20 | * CSRF token as a header based on the value of the "XSRF" token cookie. 21 | */ 22 | 23 | window.axios = require('axios'); 24 | 25 | window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; 26 | 27 | /** 28 | * Next we will register the CSRF Token as a common header with Axios so that 29 | * all outgoing HTTP requests automatically have it attached. This is just 30 | * a simple convenience so we don't have to attach every token manually. 31 | */ 32 | 33 | let token = document.head.querySelector('meta[name="csrf-token"]'); 34 | 35 | if (token) { 36 | window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content; 37 | } else { 38 | console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token'); 39 | } 40 | 41 | /** 42 | * Echo exposes an expressive API for subscribing to channels and listening 43 | * for events that are broadcast by Laravel. Echo and event broadcasting 44 | * allows your team to easily build robust real-time web applications. 45 | */ 46 | 47 | // import Echo from 'laravel-echo' 48 | 49 | // window.Pusher = require('pusher-js'); 50 | 51 | // window.Echo = new Echo({ 52 | // broadcaster: 'pusher', 53 | // key: process.env.MIX_PUSHER_APP_KEY, 54 | // cluster: process.env.MIX_PUSHER_APP_CLUSTER, 55 | // encrypted: true 56 | // }); 57 | -------------------------------------------------------------------------------- /backend/resources/assets/js/components/ExampleComponent.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 24 | -------------------------------------------------------------------------------- /backend/resources/assets/sass/_variables.scss: -------------------------------------------------------------------------------- 1 | 2 | // Body 3 | $body-bg: #f5f8fa; 4 | 5 | // Typography 6 | $font-family-sans-serif: "Raleway", sans-serif; 7 | $font-size-base: 0.9rem; 8 | $line-height-base: 1.6; 9 | -------------------------------------------------------------------------------- /backend/resources/assets/sass/app.scss: -------------------------------------------------------------------------------- 1 | 2 | // Fonts 3 | @import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600"); 4 | 5 | // Variables 6 | @import "variables"; 7 | 8 | // Bootstrap 9 | @import '~bootstrap/scss/bootstrap'; 10 | 11 | .navbar-laravel { 12 | background-color: #fff; 13 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); 14 | } 15 | -------------------------------------------------------------------------------- /backend/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 | -------------------------------------------------------------------------------- /backend/resources/lang/en/pagination.php: -------------------------------------------------------------------------------- 1 | '« Previous', 17 | 'next' => 'Next »', 18 | 19 | ]; 20 | -------------------------------------------------------------------------------- /backend/resources/lang/en/passwords.php: -------------------------------------------------------------------------------- 1 | 'Passwords must be at least six characters and match the confirmation.', 17 | 'reset' => 'Your password has been reset!', 18 | 'sent' => 'We have e-mailed your password reset link!', 19 | 'token' => 'This password reset token is invalid.', 20 | 'user' => "We can't find a user with that e-mail address.", 21 | 22 | ]; 23 | -------------------------------------------------------------------------------- /backend/resources/lang/en/validation.php: -------------------------------------------------------------------------------- 1 | 'The :attribute must be accepted.', 17 | 'active_url' => 'The :attribute is not a valid URL.', 18 | 'after' => 'The :attribute must be a date after :date.', 19 | 'after_or_equal' => 'The :attribute must be a date after or equal to :date.', 20 | 'alpha' => 'The :attribute may only contain letters.', 21 | 'alpha_dash' => 'The :attribute may only contain letters, numbers, and dashes.', 22 | 'alpha_num' => 'The :attribute may only contain letters and numbers.', 23 | 'array' => 'The :attribute must be an array.', 24 | 'before' => 'The :attribute must be a date before :date.', 25 | 'before_or_equal' => 'The :attribute must be a date before or equal to :date.', 26 | 'between' => [ 27 | 'numeric' => 'The :attribute must be between :min and :max.', 28 | 'file' => 'The :attribute must be between :min and :max kilobytes.', 29 | 'string' => 'The :attribute must be between :min and :max characters.', 30 | 'array' => 'The :attribute must have between :min and :max items.', 31 | ], 32 | 'boolean' => 'The :attribute field must be true or false.', 33 | 'confirmed' => 'The :attribute confirmation does not match.', 34 | 'date' => 'The :attribute is not a valid date.', 35 | 'date_format' => 'The :attribute does not match the format :format.', 36 | 'different' => 'The :attribute and :other must be different.', 37 | 'digits' => 'The :attribute must be :digits digits.', 38 | 'digits_between' => 'The :attribute must be between :min and :max digits.', 39 | 'dimensions' => 'The :attribute has invalid image dimensions.', 40 | 'distinct' => 'The :attribute field has a duplicate value.', 41 | 'email' => 'The :attribute must be a valid email address.', 42 | 'exists' => 'The selected :attribute is invalid.', 43 | 'file' => 'The :attribute must be a file.', 44 | 'filled' => 'The :attribute field must have a value.', 45 | 'image' => 'The :attribute must be an image.', 46 | 'in' => 'The selected :attribute is invalid.', 47 | 'in_array' => 'The :attribute field does not exist in :other.', 48 | 'integer' => 'The :attribute must be an integer.', 49 | 'ip' => 'The :attribute must be a valid IP address.', 50 | 'ipv4' => 'The :attribute must be a valid IPv4 address.', 51 | 'ipv6' => 'The :attribute must be a valid IPv6 address.', 52 | 'json' => 'The :attribute must be a valid JSON string.', 53 | 'max' => [ 54 | 'numeric' => 'The :attribute may not be greater than :max.', 55 | 'file' => 'The :attribute may not be greater than :max kilobytes.', 56 | 'string' => 'The :attribute may not be greater than :max characters.', 57 | 'array' => 'The :attribute may not have more than :max items.', 58 | ], 59 | 'mimes' => 'The :attribute must be a file of type: :values.', 60 | 'mimetypes' => 'The :attribute must be a file of type: :values.', 61 | 'min' => [ 62 | 'numeric' => 'The :attribute must be at least :min.', 63 | 'file' => 'The :attribute must be at least :min kilobytes.', 64 | 'string' => 'The :attribute must be at least :min characters.', 65 | 'array' => 'The :attribute must have at least :min items.', 66 | ], 67 | 'not_in' => 'The selected :attribute is invalid.', 68 | 'not_regex' => 'The :attribute format is invalid.', 69 | 'numeric' => 'The :attribute must be a number.', 70 | 'present' => 'The :attribute field must be present.', 71 | 'regex' => 'The :attribute format is invalid.', 72 | 'required' => 'The :attribute field is required.', 73 | 'required_if' => 'The :attribute field is required when :other is :value.', 74 | 'required_unless' => 'The :attribute field is required unless :other is in :values.', 75 | 'required_with' => 'The :attribute field is required when :values is present.', 76 | 'required_with_all' => 'The :attribute field is required when :values is present.', 77 | 'required_without' => 'The :attribute field is required when :values is not present.', 78 | 'required_without_all' => 'The :attribute field is required when none of :values are present.', 79 | 'same' => 'The :attribute and :other must match.', 80 | 'size' => [ 81 | 'numeric' => 'The :attribute must be :size.', 82 | 'file' => 'The :attribute must be :size kilobytes.', 83 | 'string' => 'The :attribute must be :size characters.', 84 | 'array' => 'The :attribute must contain :size items.', 85 | ], 86 | 'string' => 'The :attribute must be a string.', 87 | 'timezone' => 'The :attribute must be a valid zone.', 88 | 'unique' => 'The :attribute has already been taken.', 89 | 'uploaded' => 'The :attribute failed to upload.', 90 | 'url' => 'The :attribute format is invalid.', 91 | 92 | /* 93 | |-------------------------------------------------------------------------- 94 | | Custom Validation Language Lines 95 | |-------------------------------------------------------------------------- 96 | | 97 | | Here you may specify custom validation messages for attributes using the 98 | | convention "attribute.rule" to name the lines. This makes it quick to 99 | | specify a specific custom language line for a given attribute rule. 100 | | 101 | */ 102 | 103 | 'custom' => [ 104 | 'attribute-name' => [ 105 | 'rule-name' => 'custom-message', 106 | ], 107 | ], 108 | 109 | /* 110 | |-------------------------------------------------------------------------- 111 | | Custom Validation Attributes 112 | |-------------------------------------------------------------------------- 113 | | 114 | | The following language lines are used to swap attribute place-holders 115 | | with something more reader friendly such as E-Mail Address instead 116 | | of "email". This simply helps us make messages a little cleaner. 117 | | 118 | */ 119 | 120 | 'attributes' => [], 121 | 122 | ]; 123 | -------------------------------------------------------------------------------- /backend/resources/views/Email/passwordReset.blade.php: -------------------------------------------------------------------------------- 1 | @component('mail::message') 2 | # Change password Request 3 | 4 | Click on the button below to change password 5 | 6 | @component('mail::button', ['url' => 'http://localhost:4200/response-password-reset?token='.$token]) 7 | Reset Password 8 | @endcomponent 9 | 10 | Thanks,
11 | {{ config('app.name') }} 12 | @endcomponent 13 | -------------------------------------------------------------------------------- /backend/resources/views/welcome.blade.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Laravel 9 | 10 | 11 | 12 | 13 | 14 | 66 | 67 | 68 |
69 | @if (Route::has('login')) 70 | 78 | @endif 79 | 80 |
81 |
82 | Laravel 83 |
84 | 85 | 92 |
93 |
94 | 95 | 96 | -------------------------------------------------------------------------------- /backend/routes/api.php: -------------------------------------------------------------------------------- 1 | 'api', 4 | ], function () { 5 | 6 | Route::post('login', 'AuthController@login'); 7 | Route::post('signup', 'AuthController@signup'); 8 | Route::post('logout', 'AuthController@logout'); 9 | Route::post('refresh', 'AuthController@refresh'); 10 | Route::post('me', 'AuthController@me'); 11 | Route::post('sendPasswordResetLink', 'ResetPasswordController@sendEmail'); 12 | Route::post('resetPassword', 'ChangePasswordController@process'); 13 | }); 14 | Route::group(['middleware' => 'api','prefix' => 'pub'], function () { 15 | Route::get('getpublic','pub\PubController@testPublic'); 16 | }); 17 | 18 | Route::group(['middleware' => ['CheckAdmin','api'],'prefix' => 'user'], function () { 19 | Route::get('getuser','user\UserController@getuser'); 20 | }); 21 | Route::group(['middleware' => ['CheckAdmin','api'],'prefix' => 'admin'], function () { 22 | Route::get('getAllUser','admin\AdminController@getAllUser'); 23 | 24 | }); 25 | -------------------------------------------------------------------------------- /backend/routes/channels.php: -------------------------------------------------------------------------------- 1 | id === (int) $id; 16 | }); 17 | -------------------------------------------------------------------------------- /backend/routes/console.php: -------------------------------------------------------------------------------- 1 | comment(Inspiring::quote()); 18 | })->describe('Display an inspiring quote'); 19 | -------------------------------------------------------------------------------- /backend/routes/web.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 | -------------------------------------------------------------------------------- /backend/storage/app/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !public/ 3 | !.gitignore 4 | -------------------------------------------------------------------------------- /backend/storage/app/public/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /backend/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 | -------------------------------------------------------------------------------- /backend/storage/framework/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /backend/storage/framework/sessions/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /backend/storage/framework/testing/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /backend/storage/framework/views/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /backend/storage/logs/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /backend/tests/CreatesApplication.php: -------------------------------------------------------------------------------- 1 | make(Kernel::class)->bootstrap(); 20 | 21 | Hash::driver('bcrypt')->setRounds(4); 22 | 23 | return $app; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /backend/tests/Feature/ExampleTest.php: -------------------------------------------------------------------------------- 1 | get('/'); 18 | 19 | $response->assertStatus(200); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /backend/tests/TestCase.php: -------------------------------------------------------------------------------- 1 | assertTrue(true); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /backend/webpack.mix.js: -------------------------------------------------------------------------------- 1 | let 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.js('resources/assets/js/app.js', 'public/js') 15 | .sass('resources/assets/sass/app.scss', 'public/css'); 16 | -------------------------------------------------------------------------------- /frontend/.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /frontend/.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /dist-server 6 | /tmp 7 | /out-tsc 8 | 9 | # dependencies 10 | /node_modules 11 | 12 | # IDEs and editors 13 | /.idea 14 | .project 15 | .classpath 16 | .c9/ 17 | *.launch 18 | .settings/ 19 | *.sublime-workspace 20 | 21 | # IDE - VSCode 22 | .vscode/* 23 | !.vscode/settings.json 24 | !.vscode/tasks.json 25 | !.vscode/launch.json 26 | !.vscode/extensions.json 27 | 28 | # misc 29 | /.sass-cache 30 | /connect.lock 31 | /coverage 32 | /libpeerconnection.log 33 | npm-debug.log 34 | yarn-error.log 35 | testem.log 36 | /typings 37 | 38 | # e2e 39 | /e2e/*.js 40 | /e2e/*.map 41 | 42 | # System Files 43 | .DS_Store 44 | Thumbs.db 45 | -------------------------------------------------------------------------------- /frontend/README.md: -------------------------------------------------------------------------------- 1 | # Frontend 2 | 3 | This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4. 4 | 5 | ## Development server 6 | 7 | Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. 8 | 9 | ## Code scaffolding 10 | 11 | Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`. 12 | 13 | ## Build 14 | 15 | Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build. 16 | 17 | ## Running unit tests 18 | 19 | Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io). 20 | 21 | ## Running end-to-end tests 22 | 23 | Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). 24 | 25 | ## Further help 26 | 27 | To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md). 28 | -------------------------------------------------------------------------------- /frontend/angular.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json", 3 | "version": 1, 4 | "newProjectRoot": "projects", 5 | "projects": { 6 | "frontend": { 7 | "root": "", 8 | "sourceRoot": "src", 9 | "projectType": "application", 10 | "architect": { 11 | "build": { 12 | "builder": "@angular-devkit/build-angular:browser", 13 | "options": { 14 | "outputPath": "dist", 15 | "index": "src/index.html", 16 | "main": "src/main.ts", 17 | "tsConfig": "src/tsconfig.app.json", 18 | "polyfills": "src/polyfills.ts", 19 | "assets": [ 20 | "src/assets", 21 | "src/favicon.ico" 22 | ], 23 | "styles": [ 24 | "node_modules/ng-snotify/styles/material.css", 25 | "src/styles.css" 26 | ], 27 | "scripts": [] 28 | }, 29 | "configurations": { 30 | "production": { 31 | "optimization": true, 32 | "outputHashing": "all", 33 | "sourceMap": false, 34 | "extractCss": true, 35 | "namedChunks": false, 36 | "aot": true, 37 | "extractLicenses": true, 38 | "vendorChunk": false, 39 | "buildOptimizer": true, 40 | "fileReplacements": [ 41 | { 42 | "replace": "src/environments/environment.ts", 43 | "with": "src/environments/environment.prod.ts" 44 | } 45 | ] 46 | } 47 | } 48 | }, 49 | "serve": { 50 | "builder": "@angular-devkit/build-angular:dev-server", 51 | "options": { 52 | "browserTarget": "frontend:build" 53 | }, 54 | "configurations": { 55 | "production": { 56 | "browserTarget": "frontend:build:production" 57 | } 58 | } 59 | }, 60 | "extract-i18n": { 61 | "builder": "@angular-devkit/build-angular:extract-i18n", 62 | "options": { 63 | "browserTarget": "frontend:build" 64 | } 65 | }, 66 | "test": { 67 | "builder": "@angular-devkit/build-angular:karma", 68 | "options": { 69 | "main": "src/test.ts", 70 | "karmaConfig": "./karma.conf.js", 71 | "polyfills": "src/polyfills.ts", 72 | "tsConfig": "src/tsconfig.spec.json", 73 | "scripts": [], 74 | "styles": [ 75 | "node_modules/ng-snotify/styles/material.css", 76 | "src/styles.css" 77 | ], 78 | "assets": [ 79 | "src/assets", 80 | "src/favicon.ico" 81 | ] 82 | } 83 | }, 84 | "lint": { 85 | "builder": "@angular-devkit/build-angular:tslint", 86 | "options": { 87 | "tsConfig": [ 88 | "src/tsconfig.app.json", 89 | "src/tsconfig.spec.json" 90 | ], 91 | "exclude": [ 92 | "**/node_modules/**" 93 | ] 94 | } 95 | } 96 | } 97 | }, 98 | "frontend-e2e": { 99 | "root": "e2e", 100 | "sourceRoot": "e2e", 101 | "projectType": "application", 102 | "architect": { 103 | "e2e": { 104 | "builder": "@angular-devkit/build-angular:protractor", 105 | "options": { 106 | "protractorConfig": "./protractor.conf.js", 107 | "devServerTarget": "frontend:serve" 108 | } 109 | }, 110 | "lint": { 111 | "builder": "@angular-devkit/build-angular:tslint", 112 | "options": { 113 | "tsConfig": [ 114 | "e2e/tsconfig.e2e.json" 115 | ], 116 | "exclude": [ 117 | "**/node_modules/**" 118 | ] 119 | } 120 | } 121 | } 122 | } 123 | }, 124 | "defaultProject": "frontend", 125 | "schematics": { 126 | "@schematics/angular:component": { 127 | "prefix": "app", 128 | "styleext": "css" 129 | }, 130 | "@schematics/angular:directive": { 131 | "prefix": "app" 132 | } 133 | }, 134 | "cli": { 135 | "defaultCollection": "@ngrx/schematics" 136 | } 137 | } -------------------------------------------------------------------------------- /frontend/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- 1 | import { AppPage } from './app.po'; 2 | 3 | describe('frontend App', () => { 4 | let page: AppPage; 5 | 6 | beforeEach(() => { 7 | page = new AppPage(); 8 | }); 9 | 10 | it('should display welcome message', () => { 11 | page.navigateTo(); 12 | expect(page.getParagraphText()).toEqual('Welcome to app!'); 13 | }); 14 | }); 15 | -------------------------------------------------------------------------------- /frontend/e2e/app.po.ts: -------------------------------------------------------------------------------- 1 | import { browser, by, element } from 'protractor'; 2 | 3 | export class AppPage { 4 | navigateTo() { 5 | return browser.get('/'); 6 | } 7 | 8 | getParagraphText() { 9 | return element(by.css('app-root h1')).getText(); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /frontend/e2e/tsconfig.e2e.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/e2e", 5 | "baseUrl": "./", 6 | "module": "commonjs", 7 | "target": "es5", 8 | "types": [ 9 | "jasmine", 10 | "jasminewd2", 11 | "node" 12 | ] 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /frontend/karma.conf.js: -------------------------------------------------------------------------------- 1 | // Karma configuration file, see link for more information 2 | // https://karma-runner.github.io/1.0/config/configuration-file.html 3 | 4 | module.exports = function (config) { 5 | config.set({ 6 | basePath: '', 7 | frameworks: ['jasmine', '@angular-devkit/build-angular'], 8 | plugins: [ 9 | require('karma-jasmine'), 10 | require('karma-chrome-launcher'), 11 | require('karma-jasmine-html-reporter'), 12 | require('karma-coverage-istanbul-reporter'), 13 | require('@angular-devkit/build-angular/plugins/karma') 14 | ], 15 | client:{ 16 | clearContext: false // leave Jasmine Spec Runner output visible in browser 17 | }, 18 | coverageIstanbulReporter: { 19 | dir: require('path').join(__dirname, 'coverage'), reports: [ 'html', 'lcovonly' ], 20 | fixWebpackSourcePaths: true 21 | }, 22 | 23 | reporters: ['progress', 'kjhtml'], 24 | port: 9876, 25 | colors: true, 26 | logLevel: config.LOG_INFO, 27 | autoWatch: true, 28 | browsers: ['Chrome'], 29 | singleRun: false 30 | }); 31 | }; 32 | -------------------------------------------------------------------------------- /frontend/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "frontend", 3 | "version": "0.0.0", 4 | "license": "MIT", 5 | "scripts": { 6 | "ng": "ng", 7 | "start": "ng serve", 8 | "build": "ng build --prod", 9 | "test": "ng test", 10 | "lint": "ng lint", 11 | "e2e": "ng e2e" 12 | }, 13 | "private": true, 14 | "dependencies": { 15 | "@angular-redux/store": "^9.0.0", 16 | "@angular/animations": "^7.2.2", 17 | "@angular/common": "^7.2.2", 18 | "@angular/compiler": "^7.2.2", 19 | "@angular/core": "^7.2.2", 20 | "@angular/forms": "^7.2.2", 21 | "@angular/http": "^7.2.2", 22 | "@angular/platform-browser": "^7.2.2", 23 | "@angular/platform-browser-dynamic": "^7.2.2", 24 | "@angular/platform-server": "^7.2.2", 25 | "@angular/router": "^7.2.2", 26 | "@ngrx/effects": "^7.1.0", 27 | "@ngrx/router-store": "^7.1.0", 28 | "@ngrx/store": "^7.1.0", 29 | "@ngrx/store-devtools": "^7.1.0", 30 | "bootstrap": "^4.2.1", 31 | "core-js": "^2.6.3", 32 | "ng-snotify": "^4.3.1", 33 | "tslib": "^1.9.3", 34 | "zone.js": "^0.8.29" 35 | }, 36 | "devDependencies": { 37 | "@angular-devkit/build-angular": "~0.12.0", 38 | "@angular/cli": "7.2.3", 39 | "@angular/compiler-cli": "^7.2.2", 40 | "@angular/language-service": "^7.2.2", 41 | "@ngrx/schematics": "^7.1.0", 42 | "@types/jasmine": "^3.3.8", 43 | "@types/jasminewd2": "^2.0.6", 44 | "@types/node": "^10.12.18", 45 | "codelyzer": "^4.5.0", 46 | "jasmine-core": "^3.3.0", 47 | "jasmine-spec-reporter": "^4.2.1", 48 | "karma": "^4.0.0", 49 | "karma-chrome-launcher": "^2.2.0", 50 | "karma-cli": "^2.0.0", 51 | "karma-coverage-istanbul-reporter": "^2.0.4", 52 | "karma-jasmine": "^2.0.1", 53 | "karma-jasmine-html-reporter": "^1.4.0", 54 | "protractor": "^5.4.2", 55 | "rxjs-tslint": "^0.1.6", 56 | "ts-node": "~8.0.2", 57 | "tslint": "^5.12.1", 58 | "typescript": "~3.2.4", 59 | "webpack": "^4.29.0" 60 | } 61 | } 62 | -------------------------------------------------------------------------------- /frontend/protractor.conf.js: -------------------------------------------------------------------------------- 1 | // Protractor configuration file, see link for more information 2 | // https://github.com/angular/protractor/blob/master/lib/config.ts 3 | 4 | const { SpecReporter } = require('jasmine-spec-reporter'); 5 | 6 | exports.config = { 7 | allScriptsTimeout: 11000, 8 | specs: [ 9 | './e2e/**/*.e2e-spec.ts' 10 | ], 11 | capabilities: { 12 | 'browserName': 'chrome' 13 | }, 14 | directConnect: true, 15 | baseUrl: 'http://localhost:4200/', 16 | framework: 'jasmine', 17 | jasmineNodeOpts: { 18 | showColors: true, 19 | defaultTimeoutInterval: 30000, 20 | print: function() {} 21 | }, 22 | onPrepare() { 23 | require('ts-node').register({ 24 | project: 'e2e/tsconfig.e2e.json' 25 | }); 26 | jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } })); 27 | } 28 | }; 29 | -------------------------------------------------------------------------------- /frontend/src/app/app-routing.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule, Component } from '@angular/core'; 2 | import { RouterModule, Routes } from '@angular/router'; 3 | import { LoginComponent } from './components/auth/login/login.component'; 4 | import { SignupComponent } from './components/auth/signup/signup.component'; 5 | import { ProfileComponent } from './components/profile/profile.component'; 6 | import { RequestResetComponent } from './components/auth/password/request-reset/request-reset.component'; 7 | import { ResponseResetComponent } from './components/auth/password/response-reset/response-reset.component'; 8 | import { PublicGuard } from './guard/public.guard'; 9 | import { UserGuard } from './guard/user.guard'; 10 | import { routes as AdminRoute } from './components/admin/admin.routes'; 11 | import { routes as UserRoute } from './components/user/user.routes'; 12 | import { NotFoundComponent } from './components/error/not-found/not-found.component'; 13 | import { HomeComponent } from './components/public/home/home.component'; 14 | 15 | 16 | 17 | export const appRoutes: Routes = [ 18 | ...AdminRoute, 19 | ...UserRoute, 20 | { 21 | path:'', 22 | component:HomeComponent 23 | }, 24 | { 25 | path: 'login', 26 | component: LoginComponent, 27 | canActivate: [PublicGuard] 28 | }, 29 | { 30 | path: 'signup', 31 | component: SignupComponent, 32 | canActivate: [PublicGuard] 33 | }, 34 | { 35 | path: 'profile', 36 | component: ProfileComponent, 37 | canActivate: [UserGuard] 38 | }, 39 | { 40 | path: 'request-password-reset', 41 | component: RequestResetComponent, 42 | canActivate: [PublicGuard] 43 | }, 44 | { 45 | path: 'response-password-reset', 46 | component: ResponseResetComponent, 47 | canActivate: [PublicGuard] 48 | }, 49 | { 50 | 51 | path:'notFound', 52 | component:NotFoundComponent 53 | }, 54 | { 55 | path : '**', 56 | redirectTo: 'notFound' 57 | } 58 | 59 | ]; 60 | 61 | @NgModule({ 62 | imports: [ 63 | RouterModule.forRoot(appRoutes) 64 | ], 65 | exports: [RouterModule] 66 | }) 67 | export class AppRoutingModule { } 68 | -------------------------------------------------------------------------------- /frontend/src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/app/app.component.css -------------------------------------------------------------------------------- /frontend/src/app/app.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 |
-------------------------------------------------------------------------------- /frontend/src/app/app.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { TestBed, async } from '@angular/core/testing'; 2 | import { AppComponent } from './app.component'; 3 | describe('AppComponent', () => { 4 | beforeEach(async(() => { 5 | TestBed.configureTestingModule({ 6 | declarations: [ 7 | AppComponent 8 | ], 9 | }).compileComponents(); 10 | })); 11 | it('should create the app', async(() => { 12 | const fixture = TestBed.createComponent(AppComponent); 13 | const app = fixture.debugElement.componentInstance; 14 | expect(app).toBeTruthy(); 15 | })); 16 | it(`should have as title 'app'`, async(() => { 17 | const fixture = TestBed.createComponent(AppComponent); 18 | const app = fixture.debugElement.componentInstance; 19 | expect(app.title).toEqual('app'); 20 | })); 21 | it('should render title in a h1 tag', async(() => { 22 | const fixture = TestBed.createComponent(AppComponent); 23 | fixture.detectChanges(); 24 | const compiled = fixture.debugElement.nativeElement; 25 | expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!'); 26 | })); 27 | }); 28 | -------------------------------------------------------------------------------- /frontend/src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-root', 5 | templateUrl: './app.component.html', 6 | styleUrls: ['./app.component.css'] 7 | }) 8 | export class AppComponent { 9 | title = 'app'; 10 | } 11 | -------------------------------------------------------------------------------- /frontend/src/app/app.module.ts: -------------------------------------------------------------------------------- 1 | import { BrowserModule } from '@angular/platform-browser'; 2 | import { NgModule } from '@angular/core'; 3 | 4 | import { AppComponent } from './app.component'; 5 | import { NavbarComponent } from './components/share/navbar/navbar.component'; 6 | import { LoginComponent } from './components/auth/login/login.component'; 7 | import { SignupComponent } from './components/auth/signup/signup.component'; 8 | import { ProfileComponent } from './components/profile/profile.component'; 9 | import { RequestResetComponent } from './components/auth/password/request-reset/request-reset.component'; 10 | import { ResponseResetComponent } from './components/auth/password/response-reset/response-reset.component'; 11 | import { AppRoutingModule } from './/app-routing.module'; 12 | import { FormsModule } from '@angular/forms'; 13 | import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http'; 14 | 15 | 16 | import { SnotifyModule, SnotifyService, ToastDefaults } from 'ng-snotify'; 17 | import { StoreModule } from '@ngrx/store'; 18 | 19 | import { reducers } from './store/reducers'; 20 | import { AdminComponent } from './components/admin/admin.component'; 21 | import { UserComponent } from './components/user/user.component'; 22 | import { UserModule } from './components/user/user.module'; 23 | import { AdminModule } from './components/admin/admin.module'; 24 | import { NotFoundComponent } from './components/error/not-found/not-found.component'; 25 | import { HomeComponent } from './components/public/home/home.component'; 26 | import { EffectsModule } from '@ngrx/effects'; 27 | import { AuthService } from './services/auth.service'; 28 | import { StorageService } from './services/storage.service'; 29 | import { StoreDevtoolsModule } from '@ngrx/store-devtools'; 30 | import { environment } from '../environments/environment'; 31 | import { AppEffects } from './store/effects/app.effects'; 32 | import { AuthEffects } from './store/effects/auth.effects'; 33 | import { AuthInterceptor } from './interceptors/AuthInterceptor'; 34 | import { TestroleComponent } from './components/share/testrole/testrole.component'; 35 | import { UserEffects } from './store/effects/user.effects'; 36 | 37 | 38 | 39 | @NgModule({ 40 | declarations: [ 41 | AppComponent, 42 | NavbarComponent, 43 | LoginComponent, 44 | SignupComponent, 45 | ProfileComponent, 46 | RequestResetComponent, 47 | ResponseResetComponent, 48 | AdminComponent, 49 | UserComponent, 50 | NotFoundComponent, 51 | HomeComponent, 52 | TestroleComponent 53 | ], 54 | imports: [ 55 | BrowserModule, 56 | AppRoutingModule, 57 | FormsModule, 58 | HttpClientModule, 59 | SnotifyModule, 60 | StoreModule.forRoot(reducers,{}), 61 | EffectsModule.forRoot([AppEffects, AuthEffects, UserEffects, AppEffects]), 62 | 63 | UserModule, 64 | AdminModule, 65 | StoreModule.forRoot(reducers, { }), 66 | !environment.production ? StoreDevtoolsModule.instrument() : [] 67 | 68 | 69 | ], 70 | providers: [ 71 | { provide: HTTP_INTERCEPTORS, 72 | useClass: AuthInterceptor, 73 | multi: true }, 74 | AuthService, StorageService, 75 | { provide: 'SnotifyToastConfig', useValue: ToastDefaults }, 76 | SnotifyService], 77 | exports:[StoreModule], 78 | bootstrap: [AppComponent] 79 | }) 80 | export class AppModule { } 81 | -------------------------------------------------------------------------------- /frontend/src/app/components/admin/admin.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/app/components/admin/admin.component.css -------------------------------------------------------------------------------- /frontend/src/app/components/admin/admin.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |

4 | admin works! 5 |

6 | -------------------------------------------------------------------------------- /frontend/src/app/components/admin/admin.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { AdminComponent } from './admin.component'; 4 | 5 | describe('AdminComponent', () => { 6 | let component: AdminComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(async(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ AdminComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(AdminComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/components/admin/admin.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-admin', 5 | templateUrl: './admin.component.html', 6 | styleUrls: ['./admin.component.css'] 7 | }) 8 | export class AdminComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /frontend/src/app/components/admin/admin.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { AdminGuard } from '../../guard/admin.guard'; 4 | 5 | @NgModule({ 6 | imports: [ 7 | CommonModule, 8 | 9 | ], 10 | declarations: [], 11 | providers:[AdminGuard], 12 | 13 | bootstrap:[] 14 | }) 15 | export class AdminModule { 16 | constructor(){} 17 | } 18 | -------------------------------------------------------------------------------- /frontend/src/app/components/admin/admin.routes.ts: -------------------------------------------------------------------------------- 1 | import { Routes } from "@angular/router"; 2 | import { AdminComponent } from "./admin.component"; 3 | import { AdminGuard } from "../../guard/admin.guard"; 4 | 5 | export const routes: Routes = [ 6 | 7 | { 8 | path:'admin', 9 | children:[ 10 | {path:'profil',component:AdminComponent}, 11 | ],canActivate:[AdminGuard] 12 | 13 | } 14 | 15 | 16 | ] 17 | 18 | export class AdminRoute { } -------------------------------------------------------------------------------- /frontend/src/app/components/auth/login/login.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/app/components/auth/login/login.component.css -------------------------------------------------------------------------------- /frontend/src/app/components/auth/login/login.component.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
Login Here
4 |
5 |
6 | 7 |
8 | {{error}} 9 |
10 |
11 | 12 |
13 | 14 |
15 |
16 | 17 |
18 | 19 |
20 | 22 |
23 |
24 | 25 |
26 |
27 | 28 |
29 | 30 |
31 | Sign Up 32 |
33 | 34 |
35 | 36 | Reset Password 37 | 38 |
39 |
40 |
41 |
-------------------------------------------------------------------------------- /frontend/src/app/components/auth/login/login.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { LoginComponent } from './login.component'; 4 | 5 | describe('LoginComponent', () => { 6 | let component: LoginComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(async(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ LoginComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(LoginComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/components/auth/login/login.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { HttpClient } from '@angular/common/http'; 3 | 4 | import { Router } from '@angular/router'; 5 | import { Store } from '@ngrx/store'; 6 | import { AuthService } from '../../../services/auth.service'; 7 | import { StorageService } from '../../../services/storage.service'; 8 | 9 | 10 | 11 | import * as fromRoot from '../../../store/reducers'; 12 | import * as authActions from '../../../store/actions/auth.actions'; 13 | import { ADMIN, USER } from '../../../data/data'; 14 | import { Observable } from 'rxjs'; 15 | 16 | 17 | 18 | 19 | @Component({ 20 | selector: 'app-login', 21 | templateUrl: './login.component.html', 22 | styleUrls: ['./login.component.css'] 23 | }) 24 | export class LoginComponent implements OnInit { 25 | 26 | ngOnInit() { 27 | this.getState.subscribe((state) => { 28 | this.error = state.errorMessage; 29 | }); 30 | } 31 | 32 | public form = { 33 | email: null, 34 | password: null 35 | }; 36 | getState: Observable; 37 | public error = null; 38 | 39 | constructor( 40 | private authService: AuthService, 41 | private storageService: StorageService, 42 | private router: Router, 43 | private store:Store 44 | ) { 45 | 46 | this.getState = this.store.select(fromRoot.selectAuthListState$); 47 | 48 | } 49 | 50 | 51 | 52 | onSubmit() { 53 | this.store.dispatch(new authActions.Login(this.form)); 54 | } 55 | 56 | handleResponse(data) { 57 | 58 | // this.store.dispatch({type:ACTION_LOGIN}); 59 | //this.store.dispatch({type:SET_ROLE,role:data.user}) 60 | 61 | } 62 | 63 | 64 | handleError(error) { 65 | this.error = error.error.error; 66 | } 67 | 68 | 69 | } 70 | -------------------------------------------------------------------------------- /frontend/src/app/components/auth/password/request-reset/request-reset.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/app/components/auth/password/request-reset/request-reset.component.css -------------------------------------------------------------------------------- /frontend/src/app/components/auth/password/request-reset/request-reset.component.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
Send Email for Reset password
4 |
5 |
6 |
7 | 8 |
9 | 10 |
11 |
12 | 13 |
14 |
15 | 16 | 17 | 18 |
19 |
20 |
21 |
22 |
23 |
-------------------------------------------------------------------------------- /frontend/src/app/components/auth/password/request-reset/request-reset.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { RequestResetComponent } from './request-reset.component'; 4 | 5 | describe('RequestResetComponent', () => { 6 | let component: RequestResetComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(async(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ RequestResetComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(RequestResetComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/components/auth/password/request-reset/request-reset.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { SnotifyService } from 'ng-snotify'; 3 | import { AuthService } from '../../../../services/auth.service'; 4 | 5 | @Component({ 6 | selector: 'app-request-reset', 7 | templateUrl: './request-reset.component.html', 8 | styleUrls: ['./request-reset.component.css'] 9 | }) 10 | export class RequestResetComponent implements OnInit { 11 | public form = { 12 | email: null 13 | }; 14 | 15 | 16 | constructor( 17 | private authService: AuthService, 18 | private notify: SnotifyService, 19 | private Notfiy:SnotifyService 20 | ) { } 21 | 22 | ngOnInit() { 23 | } 24 | 25 | 26 | onSubmit() { 27 | this.Notfiy.info('Wait...' ,{timeout:5000}) 28 | this.authService.sendPasswordResetLink(this.form).subscribe( 29 | data => this.handleResponse(data), 30 | error => this.notify.error(error.error.error) 31 | ); 32 | } 33 | 34 | handleResponse(res) { 35 | this.Notfiy.success(res.data,{timeout:0}); 36 | this.form.email = null; 37 | } 38 | 39 | } 40 | -------------------------------------------------------------------------------- /frontend/src/app/components/auth/password/response-reset/response-reset.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/app/components/auth/password/response-reset/response-reset.component.css -------------------------------------------------------------------------------- /frontend/src/app/components/auth/password/response-reset/response-reset.component.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
Reset Password
4 |
5 |
6 | 7 |
8 | 9 |
10 | 11 | {{error.email}} 12 |
13 |
14 | 15 |
16 | 17 |
18 | 20 | {{error.password}} 21 |
22 |
23 | 24 |
25 | 26 |
27 | 29 | {{error.password_confirmation}} 30 |
31 |
32 | 33 |
34 |
35 | 36 | 37 |
38 |
39 |
40 |
41 |
42 |
-------------------------------------------------------------------------------- /frontend/src/app/components/auth/password/response-reset/response-reset.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { ResponseResetComponent } from './response-reset.component'; 4 | 5 | describe('ResponseResetComponent', () => { 6 | let component: ResponseResetComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(async(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ ResponseResetComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(ResponseResetComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/components/auth/password/response-reset/response-reset.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { ActivatedRoute, Router } from '@angular/router'; 3 | import { SnotifyService } from 'ng-snotify'; 4 | import { AuthService } from '../../../../services/auth.service'; 5 | 6 | @Component({ 7 | selector: 'app-response-reset', 8 | templateUrl: './response-reset.component.html', 9 | styleUrls: ['./response-reset.component.css'] 10 | }) 11 | export class ResponseResetComponent implements OnInit { 12 | public error=[]; 13 | public form = { 14 | email : null, 15 | password : null, 16 | password_confirmation:null, 17 | resetToken :null 18 | } 19 | constructor( 20 | private route:ActivatedRoute, 21 | private authService: AuthService, 22 | private router:Router, 23 | private Notify:SnotifyService 24 | ) { 25 | route.queryParams.subscribe(params => { 26 | this.form.resetToken = params['token'] 27 | }); 28 | } 29 | 30 | onSubmit(){ 31 | this.authService.changePassword(this.form).subscribe( 32 | data => this.handleResponse(data), 33 | error => this.handleError(error) 34 | ) 35 | } 36 | handleResponse(data){ 37 | 38 | let _router = this.router; 39 | this.Notify.confirm('Done!, Now login with new Password', { 40 | buttons:[ 41 | {text: 'Okay', 42 | action: toster =>{ 43 | _router.navigateByUrl('/login'), 44 | this.Notify.remove(toster.id) 45 | } 46 | }, 47 | ] 48 | }) 49 | 50 | } 51 | 52 | handleError(error){ 53 | this.error = error.error.errors; 54 | } 55 | ngOnInit() { 56 | } 57 | 58 | } 59 | -------------------------------------------------------------------------------- /frontend/src/app/components/auth/signup/signup.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/app/components/auth/signup/signup.component.css -------------------------------------------------------------------------------- /frontend/src/app/components/auth/signup/signup.component.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
Register Here
4 |
5 |
6 |
7 | 8 |
9 | 10 |
11 | {{error.name}} 12 |
13 |
14 |
15 | 16 |
17 | 18 |
19 | 20 |
21 | {{error.email}} 22 |
23 |
24 |
25 | 26 |
27 | 28 |
29 | 31 |
32 | {{error.password}} 33 |
34 |
35 |
36 | 37 |
38 | 39 |
40 | 42 |
43 |
44 | 45 |
46 |
47 | 48 | 49 |
50 |
51 | Sign in 52 | 53 |
54 |
55 | 56 |
57 |
58 |
59 |
-------------------------------------------------------------------------------- /frontend/src/app/components/auth/signup/signup.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { SignupComponent } from './signup.component'; 4 | 5 | describe('SignupComponent', () => { 6 | let component: SignupComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(async(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ SignupComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(SignupComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/components/auth/signup/signup.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | import { Router } from '@angular/router'; 4 | import { AuthService } from '../../../services/auth.service'; 5 | import { StorageService } from '../../../services/storage.service'; 6 | import { Store } from '@ngrx/store'; 7 | 8 | @Component({ 9 | selector: 'app-signup', 10 | templateUrl: './signup.component.html', 11 | styleUrls: ['./signup.component.css'] 12 | }) 13 | export class SignupComponent implements OnInit { 14 | 15 | public form = { 16 | email: null, 17 | name: null, 18 | password: null, 19 | password_confirmation: null 20 | }; 21 | public error = []; 22 | 23 | constructor( 24 | private authService: AuthService, 25 | private storageService: StorageService, 26 | private router: Router, 27 | //private store:Store 28 | 29 | ) { } 30 | 31 | onSubmit() { 32 | this.authService.signup(this.form).subscribe( 33 | data => this.handleResponse(data), 34 | error => this.handleError(error) 35 | ); 36 | } 37 | handleResponse(data) { 38 | /* this.storageService.handleToken(data.access_token); 39 | this.storageService.handelRole(data.role); 40 | this.storageService.handelUser(data.user); 41 | this.store.dispatch({type:ACTION_LOGIN}); 42 | this.store.dispatch({type:SET_ROLE,role:data.user}) 43 | this.storageService.handleAllRole(data.role);*/ 44 | } 45 | 46 | handleError(error) { 47 | this.error = error.error.errors; 48 | } 49 | 50 | ngOnInit() { 51 | } 52 | 53 | } 54 | -------------------------------------------------------------------------------- /frontend/src/app/components/error/not-found/not-found.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/app/components/error/not-found/not-found.component.css -------------------------------------------------------------------------------- /frontend/src/app/components/error/not-found/not-found.component.html: -------------------------------------------------------------------------------- 1 |

2 | not-found works! 3 |

4 | -------------------------------------------------------------------------------- /frontend/src/app/components/error/not-found/not-found.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { NotFoundComponent } from './not-found.component'; 4 | 5 | describe('NotFoundComponent', () => { 6 | let component: NotFoundComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(async(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ NotFoundComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(NotFoundComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/components/error/not-found/not-found.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-not-found', 5 | templateUrl: './not-found.component.html', 6 | styleUrls: ['./not-found.component.css'] 7 | }) 8 | export class NotFoundComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /frontend/src/app/components/profile/profile.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/app/components/profile/profile.component.css -------------------------------------------------------------------------------- /frontend/src/app/components/profile/profile.component.html: -------------------------------------------------------------------------------- 1 |

2 | profile works! 3 |

4 | -------------------------------------------------------------------------------- /frontend/src/app/components/profile/profile.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { ProfileComponent } from './profile.component'; 4 | 5 | describe('ProfileComponent', () => { 6 | let component: ProfileComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(async(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ ProfileComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(ProfileComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/components/profile/profile.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-profile', 5 | templateUrl: './profile.component.html', 6 | styleUrls: ['./profile.component.css'] 7 | }) 8 | export class ProfileComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /frontend/src/app/components/public/home/home.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/app/components/public/home/home.component.css -------------------------------------------------------------------------------- /frontend/src/app/components/public/home/home.component.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /frontend/src/app/components/public/home/home.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { HomeComponent } from './home.component'; 4 | 5 | describe('HomeComponent', () => { 6 | let component: HomeComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(async(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ HomeComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(HomeComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/components/public/home/home.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'app-home', 5 | templateUrl: './home.component.html', 6 | styleUrls: ['./home.component.css'] 7 | }) 8 | export class HomeComponent implements OnInit { 9 | 10 | constructor() { } 11 | 12 | ngOnInit() { 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /frontend/src/app/components/share/navbar/navbar.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/app/components/share/navbar/navbar.component.css -------------------------------------------------------------------------------- /frontend/src/app/components/share/navbar/navbar.component.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /frontend/src/app/components/share/navbar/navbar.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { NavbarComponent } from './navbar.component'; 4 | 5 | describe('NavbarComponent', () => { 6 | let component: NavbarComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(async(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ NavbarComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(NavbarComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/components/share/navbar/navbar.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { Router } from '@angular/router'; 3 | import { StorageService } from '../../../services/storage.service'; 4 | import { AuthService } from '../../../services/auth.service'; 5 | import { Store } from '@ngrx/store'; 6 | import * as fromRoot from '../../../store/reducers'; 7 | import { AuthActionTypes } from '../../../store/actions/auth.actions'; 8 | import { State } from '../../../store/reducers'; 9 | import * as authActions from '../../../store/actions/auth.actions'; 10 | 11 | 12 | 13 | 14 | @Component({ 15 | selector: 'app-navbar', 16 | templateUrl: './navbar.component.html', 17 | styleUrls: ['./navbar.component.css'] 18 | }) 19 | export class NavbarComponent implements OnInit { 20 | public loggedIn: boolean; 21 | public role:string; 22 | state:State; 23 | 24 | constructor( 25 | private router: Router, 26 | private storageService: StorageService, 27 | private authService:AuthService, 28 | private store:Store 29 | 30 | ) { } 31 | 32 | ngOnInit() { 33 | //this.store. 34 | 35 | this.store.select(state => state.auth).subscribe((state)=>{ 36 | 37 | 38 | this.loggedIn=this.storageService.loggedIn(); 39 | this.role=this.storageService.getRole(); 40 | 41 | }); 42 | 43 | 44 | } 45 | 46 | logout(): void { 47 | this.store.dispatch(new authActions.Logout("")); 48 | 49 | 50 | } 51 | 52 | } 53 | -------------------------------------------------------------------------------- /frontend/src/app/components/share/testrole/testrole.component.css: -------------------------------------------------------------------------------- 1 | .cardTop{ 2 | margin: 10px; 3 | padding: 10px; 4 | } 5 | 6 | 7 | .consolebody { 8 | margin: 5px; 9 | border-radius: 5px; 10 | padding: 5px; 11 | box-sizing: border-box; 12 | height: calc(100% - 40px); 13 | overflow: scroll; 14 | background-color: #000 !important; 15 | color: #63de00 !important; 16 | } 17 | -------------------------------------------------------------------------------- /frontend/src/app/components/share/testrole/testrole.component.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |
6 |
7 |
Get All User
8 | 9 |

Result :

10 |
11 | 12 |
13 | {{user.name}} 14 |
15 |
16 |
17 | error: {{err.status}} 18 |
19 |
20 |
21 | 22 | Test Admin request 23 |
24 |
25 |
26 | 27 |
28 |
29 |
30 |
Get Current User
31 |

Result :

32 |
33 | 34 |
35 | username: {{userr.name}} 36 |
37 |
38 | 39 |
40 | error: {{err.status}} 41 |
42 |
43 |
44 | 45 | Test User request 46 |
47 |
48 |
49 | 50 | 51 |
52 |
53 |
54 |
Get Public request
55 |

Result :

56 |
57 | 58 |
59 | pub: {{test.message}} 60 |
61 | 62 | 63 |
64 | Test Public request 65 | 66 |
67 |
68 |
69 | 70 |
71 | 72 |
73 | -------------------------------------------------------------------------------- /frontend/src/app/components/share/testrole/testrole.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { TestroleComponent } from './testrole.component'; 4 | 5 | describe('TestroleComponent', () => { 6 | let component: TestroleComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(async(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ TestroleComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(TestroleComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/components/share/testrole/testrole.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { Observable } from 'rxjs'; 3 | import { Router } from '@angular/router'; 4 | import { Store, select } from '@ngrx/store'; 5 | import * as fromRoot from '../../../store/reducers'; 6 | import * as userActions from '../../../store/actions/user.actions'; 7 | import { State, selectUsersLoaded$, selectAuthListState$, selectUserLoaded$, selectPubLoaded$, selectError$ } from '../../../store/reducers'; 8 | import { UserService } from '../../../services/user.service'; 9 | import { PubService } from '../../../services/pub.service'; 10 | 11 | @Component({ 12 | selector: 'testrole', 13 | templateUrl: './testrole.component.html', 14 | styleUrls: ['./testrole.component.css'] 15 | }) 16 | export class TestroleComponent implements OnInit { 17 | public users$: Observable; 18 | public user$:Observable; 19 | public publi$:Observable; 20 | public error$:Observable; 21 | pubClick:boolean=false; 22 | adminClick:boolean=false; 23 | userClick:boolean=false; 24 | 25 | 26 | constructor( 27 | private router: Router, 28 | private store:Store, 29 | private pubService:PubService 30 | ) { 31 | this.users$ = store.pipe(select(selectUsersLoaded$)); 32 | this.user$= store.pipe(select(selectUserLoaded$)); 33 | this.publi$=store.pipe(select(selectPubLoaded$)); 34 | this.error$=store.pipe(select(selectError$)); 35 | // console.log("salam",this.users$); 36 | 37 | } 38 | 39 | testAdmin(){ 40 | this.adminClick=true; 41 | this.store.dispatch(new userActions.LoadUsers()); 42 | 43 | } 44 | testUser(){ 45 | this.userClick=true; 46 | this.store.dispatch(new userActions.LoadUser()); 47 | 48 | } 49 | testPub(){ 50 | this.store.dispatch(new userActions.LoadPubli()); 51 | 52 | } 53 | ngOnInit() { 54 | 55 | 56 | 57 | 58 | // console.log("salam",this.users$); 59 | 60 | } 61 | 62 | } 63 | -------------------------------------------------------------------------------- /frontend/src/app/components/user/user.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/app/components/user/user.component.css -------------------------------------------------------------------------------- /frontend/src/app/components/user/user.component.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |

4 | user works! 5 |

6 | -------------------------------------------------------------------------------- /frontend/src/app/components/user/user.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { UserComponent } from './user.component'; 4 | 5 | describe('UserComponent', () => { 6 | let component: UserComponent; 7 | let fixture: ComponentFixture; 8 | 9 | beforeEach(async(() => { 10 | TestBed.configureTestingModule({ 11 | declarations: [ UserComponent ] 12 | }) 13 | .compileComponents(); 14 | })); 15 | 16 | beforeEach(() => { 17 | fixture = TestBed.createComponent(UserComponent); 18 | component = fixture.componentInstance; 19 | fixture.detectChanges(); 20 | }); 21 | 22 | it('should create', () => { 23 | expect(component).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/components/user/user.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | import { StorageService } from '../../services/storage.service'; 3 | 4 | @Component({ 5 | selector: 'app-user', 6 | templateUrl: './user.component.html', 7 | styleUrls: ['./user.component.css'] 8 | }) 9 | export class UserComponent implements OnInit { 10 | 11 | username:string; 12 | constructor(private storageService:StorageService) { } 13 | 14 | ngOnInit() { 15 | this.username=this.storageService.getUser(); 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /frontend/src/app/components/user/user.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { CommonModule } from '@angular/common'; 3 | import { AdminGuard } from '../../guard/admin.guard'; 4 | 5 | @NgModule({ 6 | imports: [ 7 | CommonModule, 8 | 9 | ], 10 | declarations: [], 11 | providers:[AdminGuard], 12 | 13 | bootstrap:[] 14 | }) 15 | export class UserModule { 16 | constructor(){} 17 | } 18 | -------------------------------------------------------------------------------- /frontend/src/app/components/user/user.routes.ts: -------------------------------------------------------------------------------- 1 | import { Routes } from "@angular/router"; 2 | import { UserGuard } from "../../guard/user.guard"; 3 | import { UserComponent } from "./user.component"; 4 | 5 | export const routes: Routes = [ 6 | 7 | { 8 | path:'user', 9 | children:[ 10 | {path:'profil',component:UserComponent}, 11 | ],canActivate:[UserGuard] 12 | 13 | } 14 | 15 | 16 | ] 17 | 18 | export class UserRoute { } -------------------------------------------------------------------------------- /frontend/src/app/data/data.ts: -------------------------------------------------------------------------------- 1 | export const USER="1" 2 | 3 | export const ADMIN="2" 4 | 5 | export const Token_Exp="Token is Expired" 6 | -------------------------------------------------------------------------------- /frontend/src/app/guard/admin.guard.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; 3 | import { Observable } from 'rxjs'; 4 | import { ADMIN } from '../data/data'; 5 | import { StorageService } from '../services/storage.service'; 6 | 7 | @Injectable({ 8 | providedIn: 'root' 9 | }) 10 | export class AdminGuard implements CanActivate { 11 | 12 | 13 | 14 | canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean | Observable | Promise { 15 | if( this.storageService.loggedIn()) 16 | if(this.storageService.getRole()==ADMIN) 17 | return true; 18 | return false; 19 | 20 | 21 | } 22 | constructor(private storageService: StorageService) { } 23 | } 24 | 25 | -------------------------------------------------------------------------------- /frontend/src/app/guard/public.guard.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; 3 | import { Observable } from 'rxjs'; 4 | import { StorageService } from '../services/storage.service'; 5 | 6 | @Injectable({ 7 | providedIn: 'root' 8 | }) 9 | export class PublicGuard implements CanActivate { 10 | 11 | 12 | canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean | Observable | Promise { 13 | return !this.storageService.loggedIn(); 14 | } 15 | constructor(private storageService: StorageService) { } 16 | 17 | } -------------------------------------------------------------------------------- /frontend/src/app/guard/user.guard.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; 3 | import { Observable } from 'rxjs'; 4 | import { StorageService } from '../services/storage.service'; 5 | import { USER } from '../data/data'; 6 | 7 | @Injectable({ 8 | providedIn: 'root' 9 | }) 10 | export class UserGuard implements CanActivate { 11 | canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean | Observable | Promise { 12 | if( this.storageService.loggedIn()) 13 | if(this.storageService.getRole()==USER) 14 | return true; 15 | return false; 16 | 17 | 18 | } 19 | constructor(private storageService: StorageService) { } 20 | } 21 | -------------------------------------------------------------------------------- /frontend/src/app/interceptors/AuthInterceptor.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { 3 | HttpRequest, 4 | HttpHandler, 5 | HttpEvent, 6 | HttpInterceptor, 7 | HttpHeaders, 8 | HttpErrorResponse, 9 | HttpResponse 10 | } from '@angular/common/http'; 11 | 12 | import { AuthService } from '../services/auth.service'; 13 | import { UserService } from '../services/user.service'; 14 | import { Headers } from '@angular/http'; 15 | import { Router } from '@angular/router'; 16 | import { StorageService } from '../services/storage.service'; 17 | import { map } from 'rxjs/operators'; 18 | import { Observable } from 'rxjs'; 19 | 20 | 21 | @Injectable() 22 | export class AuthInterceptor implements HttpInterceptor { 23 | 24 | constructor(public authservice: AuthService,public router:Router,public storageService:StorageService) {} 25 | 26 | /*intercept(req: HttpRequest, next: HttpHandler): Observable> { 27 | if(this.storageService.loggedIn){ 28 | console.log("dekhal3"); 29 | return next.handle(req); 30 | 31 | } 32 | else{ 33 | console.log("dekhal1") 34 | return next.handle(req); 35 | } 36 | }*/ 37 | 38 | intercept(request: HttpRequest, next: HttpHandler): Observable> { 39 | const token: string = this.storageService.getToken(); 40 | 41 | if (token) { 42 | request = request.clone({ headers: request.headers.set('Authorization', 'Bearer ' + token) }); 43 | } 44 | 45 | if (!request.headers.has('Content-Type')) { 46 | request = request.clone({ headers: request.headers.set('Content-Type', 'application/json') }); 47 | } 48 | 49 | request = request.clone({ headers: request.headers.set('Accept', 'application/json') }); 50 | 51 | return next.handle(request).pipe( 52 | map((event: HttpEvent) => { 53 | if (event instanceof HttpResponse) { 54 | } 55 | return event; 56 | })); 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /frontend/src/app/model/user.ts: -------------------------------------------------------------------------------- 1 | export class User{ 2 | user:string; 3 | role:number; 4 | access_token:string; 5 | } -------------------------------------------------------------------------------- /frontend/src/app/services/admin.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { HttpClient } from '@angular/common/http'; 3 | 4 | @Injectable({ 5 | providedIn: 'root' 6 | }) 7 | export class AdminService { 8 | 9 | private baseUrl = 'http://localhost:8000/api/admin'; 10 | 11 | constructor(private http: HttpClient) { } 12 | 13 | getAllUser(){ 14 | return this.http.get(`${this.baseUrl}/getAllUser`); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /frontend/src/app/services/auth.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { HttpClient } from '@angular/common/http'; 3 | import { Store } from '@ngrx/store'; 4 | import { Observable } from 'rxjs'; 5 | 6 | @Injectable() 7 | export class AuthService { 8 | private baseUrl = 'http://localhost:8000/api'; 9 | 10 | constructor(private http: HttpClient, 11 | private store: Store) { } 12 | 13 | signup(data) { 14 | return this.http.post(`${this.baseUrl}/signup`, data) 15 | } 16 | 17 | login(data) { 18 | return this.http.post(`${this.baseUrl}/login`, data)//user 19 | } 20 | 21 | sendPasswordResetLink(data) { 22 | return this.http.post(`${this.baseUrl}/sendPasswordResetLink`, data) 23 | } 24 | 25 | changePassword(data) { 26 | return this.http.post(`${this.baseUrl}/resetPassword`, data) 27 | } 28 | getAllStates() { 29 | return this.store.select(state => state.appReducer); 30 | } 31 | 32 | 33 | } 34 | -------------------------------------------------------------------------------- /frontend/src/app/services/pub.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { HttpClient } from '@angular/common/http'; 3 | 4 | @Injectable({ 5 | providedIn: 'root' 6 | }) 7 | export class PubService { 8 | private baseUrl = 'http://localhost:8000/api/pub'; 9 | 10 | constructor(private http: HttpClient) { } 11 | 12 | getPub(){ 13 | return this.http.get(`${this.baseUrl}/getpublic`); 14 | } 15 | 16 | } 17 | -------------------------------------------------------------------------------- /frontend/src/app/services/storage.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { USER, ADMIN } from '../data/data'; 3 | import { Router } from '@angular/router'; 4 | 5 | @Injectable() 6 | export class StorageService { 7 | private iss = { 8 | login: 'http://localhost:8000/api/login', 9 | signup: 'http://localhost:8000/api/signup' 10 | }; 11 | 12 | constructor(private router: Router) { } 13 | 14 | 15 | setUser(user) { 16 | localStorage.setItem('user', user) 17 | } 18 | getUser() { 19 | return localStorage.getItem('user'); 20 | } 21 | removeUser() { 22 | localStorage.removeItem('user'); 23 | } 24 | setRole(role) { 25 | localStorage.setItem('role', role) 26 | } 27 | getRole() { 28 | return localStorage.getItem('role'); 29 | } 30 | removeRole() { 31 | localStorage.removeItem('role'); 32 | } 33 | 34 | 35 | setToken(token) { 36 | localStorage.setItem('token', token); 37 | } 38 | getToken() { 39 | return localStorage.getItem('token'); 40 | } 41 | 42 | removeToken() { 43 | localStorage.removeItem('token'); 44 | } 45 | 46 | isValid() { 47 | const token = this.getToken(); 48 | if (token) { 49 | const payload = this.payload(token); 50 | if (payload) { 51 | return Object.values(this.iss).indexOf(payload.iss) > -1 ? true : false; 52 | } 53 | } 54 | return false; 55 | } 56 | 57 | payload(token) { 58 | const payload = token.split('.')[1]; 59 | return this.decode(payload); 60 | } 61 | 62 | decode(payload) { 63 | return JSON.parse(atob(payload)); 64 | } 65 | 66 | loggedIn() { 67 | return this.isValid(); 68 | } 69 | handleAllRole(role) { 70 | if (role == USER) { 71 | this.router.navigateByUrl('/user/profil') 72 | } 73 | else if (role == ADMIN) { 74 | this.router.navigateByUrl('/admin/profil') 75 | } 76 | } 77 | } 78 | -------------------------------------------------------------------------------- /frontend/src/app/services/user.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { HttpClient } from '@angular/common/http'; 3 | 4 | @Injectable({ 5 | providedIn: 'root' 6 | }) 7 | export class UserService { 8 | 9 | private baseUrl = 'http://localhost:8000/api/user'; 10 | 11 | constructor(private http: HttpClient) { } 12 | 13 | getuser(){ 14 | return this.http.get(`${this.baseUrl}/getuser`); 15 | }} 16 | -------------------------------------------------------------------------------- /frontend/src/app/store/actions/auth.actions.ts: -------------------------------------------------------------------------------- 1 | import { Action } from '@ngrx/store'; 2 | 3 | /*export enum AuthActionTypes { 4 | SetAuths = '[Auth] Set Auths', 5 | 6 | } 7 | 8 | 9 | 10 | export class SetAuths implements Action { 11 | readonly type = AuthActionTypes.SetAuths; 12 | 13 | constructor(public payload: any) {} 14 | } 15 | 16 | 17 | export type AuthActions = SetAuths ; */ 18 | 19 | export enum AuthActionTypes { 20 | LOGIN = '[Authentication] Login', 21 | LOGIN_SUCCESS = '[Authentication] Login Success', 22 | LOGIN_FAILURE = '[Authentication] Login Failure', 23 | LOGOUT = '[Authentication] Logout', 24 | } 25 | 26 | export class Login implements Action { 27 | readonly type = AuthActionTypes.LOGIN; 28 | constructor(public payload: any) {} 29 | } 30 | 31 | export class LoginSuccess implements Action { 32 | readonly type = AuthActionTypes.LOGIN_SUCCESS; 33 | constructor(public payload: any) {} 34 | } 35 | 36 | export class LoginFailure implements Action { 37 | readonly type = AuthActionTypes.LOGIN_FAILURE; 38 | constructor(public payload: any) {} 39 | } 40 | 41 | export class Logout implements Action { 42 | readonly type = AuthActionTypes.LOGOUT; 43 | constructor(public payload: any) {} 44 | } 45 | 46 | export type AuthActions = 47 | | Login 48 | | LoginSuccess 49 | | LoginFailure 50 | | Logout; -------------------------------------------------------------------------------- /frontend/src/app/store/actions/user.actions.ts: -------------------------------------------------------------------------------- 1 | import { Action } from '@ngrx/store'; 2 | import { User } from '../../model/User'; 3 | 4 | export enum UserActionTypes { 5 | LOAD_USERS = '[User] Load Users', 6 | SUCCESS_INIT_USERS = '[userList] Success Init User', 7 | LOAD_USER = '[User] Load User', 8 | SUCCESS_INIT_USER = '[User] Success Init User', 9 | PUBLI_REQ='Public req', 10 | SUCCESS_PUBLI_REQ='Public Success', 11 | ERROR_ALL='OPS ERROR' 12 | } 13 | 14 | export class LoadUsers implements Action { 15 | readonly type = UserActionTypes.LOAD_USERS; 16 | //constructor(public payload: any) {} 17 | } 18 | export class SuccessInitUsers implements Action{ 19 | readonly type=UserActionTypes.SUCCESS_INIT_USERS; 20 | constructor(public payload:any){} 21 | } 22 | 23 | export class ErroALL implements Action{ 24 | readonly type=UserActionTypes.ERROR_ALL; 25 | constructor(public payload:any){} 26 | } 27 | export class LoadUser implements Action{ 28 | readonly type=UserActionTypes.LOAD_USER; 29 | } 30 | export class LoadPubli implements Action{ 31 | readonly type=UserActionTypes.PUBLI_REQ; 32 | } 33 | export class SuccessLoadPubli implements Action{ 34 | readonly type=UserActionTypes.SUCCESS_PUBLI_REQ; 35 | constructor(public payload:any){} 36 | } 37 | 38 | export class SuccessLoadUser implements Action{ 39 | readonly type=UserActionTypes.SUCCESS_INIT_USER; 40 | constructor(public payload:any){} 41 | 42 | } 43 | export type UserActions = 44 | LoadUsers| 45 | SuccessInitUsers| 46 | LoadUser| 47 | SuccessLoadUser| 48 | LoadPubli| 49 | SuccessLoadPubli| 50 | ErroALL 51 | -------------------------------------------------------------------------------- /frontend/src/app/store/effects/app.effects.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { Actions, Effect } from '@ngrx/effects'; 3 | 4 | 5 | @Injectable() 6 | export class AppEffects { 7 | 8 | constructor(private actions$: Actions) {} 9 | } 10 | -------------------------------------------------------------------------------- /frontend/src/app/store/effects/auth.effects.spec.ts: -------------------------------------------------------------------------------- 1 | import { TestBed, inject } from '@angular/core/testing'; 2 | import { provideMockActions } from '@ngrx/effects/testing'; 3 | import { Observable } from 'rxjs'; 4 | 5 | import { AuthEffects } from './auth.effects'; 6 | 7 | describe('AuthEffects', () => { 8 | let actions$: Observable; 9 | let effects: AuthEffects; 10 | 11 | beforeEach(() => { 12 | TestBed.configureTestingModule({ 13 | providers: [ 14 | AuthEffects, 15 | provideMockActions(() => actions$) 16 | ] 17 | }); 18 | 19 | effects = TestBed.get(AuthEffects); 20 | }); 21 | 22 | it('should be created', () => { 23 | expect(effects).toBeTruthy(); 24 | }); 25 | }); 26 | -------------------------------------------------------------------------------- /frontend/src/app/store/effects/auth.effects.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | 3 | import { Actions, Effect, ofType } from '@ngrx/effects'; 4 | 5 | import { HttpClient } from '@angular/common/http'; 6 | 7 | import { Observable, of, Subscriber } from 'rxjs'; 8 | import { Action } from '@ngrx/store'; 9 | 10 | import * as authActions from '../actions/auth.actions'; 11 | 12 | import { mergeMap, switchMap, map, catchError, tap } from 'rxjs/operators'; 13 | import { AuthService } from '../../services/auth.service'; 14 | import { AuthActionTypes, AuthActions } from '../actions/auth.actions'; 15 | import { Router } from '@angular/router'; 16 | import { StorageService } from '../../services/storage.service'; 17 | import { User } from '../../model/User'; 18 | 19 | 20 | @Injectable() 21 | export class AuthEffects { 22 | 23 | constructor(private actions$: Actions, 24 | private http: HttpClient, 25 | private router: Router, 26 | private authService: AuthService, 27 | private storageService:StorageService) { } 28 | 29 | 30 | 31 | @Effect() 32 | login$: Observable = this.actions$.pipe( 33 | ofType(AuthActionTypes.LOGIN), 34 | switchMap((action: AuthActions) => { 35 | return this.authService.login(action.payload). 36 | pipe( 37 | map((data:User) => { 38 | this.saveUserToken(data) 39 | return new authActions.LoginSuccess(data); 40 | }), 41 | catchError((error) => { 42 | return of(new authActions.LoginFailure({ payload: error })); 43 | }) 44 | ) 45 | }) 46 | ); 47 | 48 | @Effect({ dispatch: false }) 49 | logout$: Observable = this.actions$.pipe( 50 | ofType(AuthActionTypes.LOGOUT), 51 | tap((user) => { 52 | //when the user log out the token and email are removed from localStorage 53 | this.storageService.removeToken(); 54 | this.storageService.removeRole(); 55 | this.storageService.removeUser(); 56 | this.router.navigateByUrl('/login'); 57 | }) 58 | 59 | ); 60 | saveUserToken(user:User){ 61 | this.storageService.setRole(user.role); 62 | this.storageService.setToken(user.access_token); 63 | this.storageService.setUser(user.user); 64 | this.storageService.handleAllRole(user.role); 65 | } 66 | 67 | 68 | } 69 | -------------------------------------------------------------------------------- /frontend/src/app/store/effects/user.effects.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { Router } from '@angular/router'; 3 | import { AuthService } from '../../services/auth.service'; 4 | import { StorageService } from '../../services/storage.service'; 5 | import { AdminService } from '../../services/admin.service'; 6 | import { UserService } from '../../services/user.service'; 7 | import { PubService } from '../../services/pub.service'; 8 | import { Action } from '@ngrx/store'; 9 | import { Observable, of } from 'rxjs'; 10 | import { Actions, Effect, ofType } from '@ngrx/effects'; 11 | 12 | import * as userActions from '../actions/user.actions'; 13 | import * as authActions from '../actions/auth.actions'; 14 | 15 | import { UserActionTypes,UserActions } from '../actions/user.actions'; 16 | import { Store } from '@ngrx/store'; 17 | 18 | import { mergeMap, switchMap, map, catchError, tap } from 'rxjs/operators'; 19 | import { User } from '../../model/User'; 20 | import { Token_Exp } from '../../data/data'; 21 | import * as fromRoot from '../../store/reducers'; 22 | 23 | 24 | 25 | @Injectable() 26 | export class UserEffects { 27 | 28 | constructor(private actions$: Actions, 29 | private router: Router, 30 | private storageService:StorageService, 31 | private pubService:PubService, 32 | private userService:UserService, 33 | private adminService:AdminService, 34 | private store:Store 35 | 36 | 37 | ) {} 38 | @Effect() 39 | getAlluser$: Observable = this.actions$.pipe( 40 | ofType(UserActionTypes.LOAD_USERS), 41 | switchMap((action: UserActions) => { 42 | return this.adminService.getAllUser(). 43 | pipe( 44 | map((data:User[]) => { 45 | 46 | return new userActions.SuccessInitUsers(data); 47 | }), 48 | catchError((error) => { 49 | 50 | if(error.error.status===Token_Exp){ 51 | this.store.dispatch(new authActions.Logout("")); 52 | 53 | } 54 | return of(new userActions.ErroALL(error.error)); 55 | }) 56 | ) 57 | }) 58 | ); 59 | 60 | @Effect() 61 | getuser$: Observable = this.actions$.pipe( 62 | ofType(UserActionTypes.LOAD_USER), 63 | switchMap((action: UserActions) => { 64 | return this.userService.getuser(). 65 | pipe( 66 | map((data:User) => { 67 | return new userActions.SuccessLoadUser(data); 68 | }), 69 | catchError((error) => { 70 | if(error.error===Token_Exp){ 71 | this.store.dispatch(new authActions.Logout("")); 72 | 73 | 74 | } 75 | return of(new userActions.ErroALL(error.error)); 76 | }) 77 | ) 78 | }) 79 | ); 80 | 81 | @Effect() 82 | getPubli$: Observable = this.actions$.pipe( 83 | ofType(UserActionTypes.PUBLI_REQ), 84 | switchMap((action: UserActions) => { 85 | return this.pubService.getPub(). 86 | pipe( 87 | map((data:any) => { 88 | return new userActions.SuccessLoadPubli(data); 89 | }), 90 | catchError((error) => { 91 | 92 | return of(new userActions.ErroALL(error.error)); 93 | }) 94 | ) 95 | }) 96 | ); 97 | 98 | 99 | } 100 | -------------------------------------------------------------------------------- /frontend/src/app/store/reducers/auth.reducer.ts: -------------------------------------------------------------------------------- 1 | import * as authActions from '../actions/auth.actions'; 2 | import { flatten } from '@angular/core/src/render3/util'; 3 | import { User } from '../../model/User'; 4 | 5 | export interface State { 6 | user:User ; 7 | role:string; 8 | isAuth:boolean; 9 | errorMessage: string | null; 10 | 11 | } 12 | 13 | export const initialState: State = { 14 | user: null, 15 | role:'0', 16 | isAuth: localStorage.getItem('Token')!==null, 17 | errorMessage: null 18 | }; 19 | 20 | 21 | 22 | export function reducer(state = initialState, action: authActions.AuthActions): State { 23 | switch (action.type) { 24 | case authActions.AuthActionTypes.LOGIN_SUCCESS: 25 | return handleSucess(state, action); 26 | case authActions.AuthActionTypes.LOGIN_FAILURE: 27 | return handleFailure(state, action); 28 | case authActions.AuthActionTypes.LOGOUT: 29 | return initialState; 30 | 31 | 32 | 33 | default: 34 | return state; 35 | } 36 | } 37 | 38 | function handleSucess(state: State, action: authActions.LoginSuccess): State { 39 | return { 40 | ...state, 41 | isAuth:true, 42 | user: action.payload, 43 | role: action.payload.role 44 | }; 45 | } 46 | function handleFailure(state: State, action: authActions.LoginFailure): State { 47 | return { 48 | ...state, 49 | errorMessage: "Email or password does't exist", 50 | 51 | }; 52 | 53 | 54 | 55 | 56 | } 57 | 58 | -------------------------------------------------------------------------------- /frontend/src/app/store/reducers/index.ts: -------------------------------------------------------------------------------- 1 | import { 2 | ActionReducer, 3 | ActionReducerMap, 4 | createFeatureSelector, 5 | createSelector, 6 | MetaReducer 7 | } from '@ngrx/store'; 8 | import { environment } from '../../../environments/environment'; 9 | import * as fromAuth from './auth.reducer'; 10 | import * as fromUser from './user.reducer'; 11 | import { UserService } from '../../services/user.service'; 12 | import { UserRoute } from '../../components/user/user.routes'; 13 | 14 | export interface State { 15 | 16 | auth: fromAuth.State; 17 | user: fromUser.State; 18 | } 19 | 20 | export const reducers: ActionReducerMap = { 21 | 22 | auth: fromAuth.reducer, 23 | user: fromUser.reducer, 24 | }; 25 | //export const selectAuthenticationState = createFeatureSelector('auth'); 26 | 27 | // La première fonction amène vers le state matieres 28 | export const selectUserListState$ = (state: State) => state.user; 29 | export const selectAuthListState$=(state:State)=>state.auth; 30 | export const selectUsersLoaded$=createSelector(selectUserListState$, (users) => users.users); 31 | export const selectUserLoaded$=createSelector(selectUserListState$,(user)=>user.user); 32 | export const selectPubLoaded$=createSelector(selectUserListState$,(pub)=>pub.pub); 33 | export const selectError$=createSelector(selectUserListState$,(err)=>err.ourerror); 34 | 35 | 36 | 37 | 38 | 39 | //export const metaReducers: MetaReducer[] = !environment.production ? [] : []; 40 | -------------------------------------------------------------------------------- /frontend/src/app/store/reducers/user.reducer.ts: -------------------------------------------------------------------------------- 1 | import { Action } from '@ngrx/store'; 2 | import { User } from '../../model/User'; 3 | import * as userActions from '../actions/user.actions'; 4 | import { NullInjector } from '@angular/core/src/di/injector'; 5 | 6 | 7 | 8 | export interface State { 9 | users:User[], 10 | user:User, 11 | pub:any, 12 | ourerror:string 13 | 14 | } 15 | 16 | export const initialState: State = { 17 | users:null, 18 | user:null, 19 | pub:null, 20 | ourerror:null 21 | 22 | }; 23 | 24 | export function reducer(state = initialState, action: userActions.UserActions): State { 25 | switch (action.type) { 26 | case userActions.UserActionTypes.LOAD_USERS: 27 | return { 28 | ...state, 29 | } 30 | case userActions.UserActionTypes.SUCCESS_INIT_USERS: 31 | return{ 32 | ...state, 33 | users: action.payload, 34 | } 35 | case userActions.UserActionTypes.LOAD_USER: 36 | return{ 37 | ...state 38 | } 39 | case userActions.UserActionTypes.SUCCESS_INIT_USER: 40 | return{ 41 | ...state, 42 | user:action.payload, 43 | } 44 | case userActions.UserActionTypes.PUBLI_REQ: 45 | return{ 46 | ...state, 47 | } 48 | case userActions.UserActionTypes.SUCCESS_PUBLI_REQ: 49 | return { 50 | ...state, 51 | pub:action.payload 52 | 53 | } 54 | case userActions.UserActionTypes.ERROR_ALL: 55 | return { 56 | ...state, 57 | ourerror:action.payload 58 | } 59 | 60 | 61 | default: 62 | return state; 63 | } 64 | } 65 | -------------------------------------------------------------------------------- /frontend/src/app/user/effects/app.effects.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | import { Actions, Effect } from '@ngrx/effects'; 3 | 4 | 5 | @Injectable() 6 | export class AppEffects { 7 | 8 | constructor(private actions$: Actions) {} 9 | } 10 | -------------------------------------------------------------------------------- /frontend/src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/assets/.gitkeep -------------------------------------------------------------------------------- /frontend/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /frontend/src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // The file contents for the current environment will overwrite these during build. 2 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do 3 | // `ng build --env=prod` then `environment.prod.ts` will be used instead. 4 | // The list of which env maps to which file can be found in `.angular-cli.json`. 5 | 6 | export const environment = { 7 | production: false 8 | }; 9 | -------------------------------------------------------------------------------- /frontend/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/simowahabi/angular7-laravel-ngrx-auth-roles/ee41e04af3407129aaebddf88e177ebd3f5f18b6/frontend/src/favicon.ico -------------------------------------------------------------------------------- /frontend/src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Frontend 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /frontend/src/main.ts: -------------------------------------------------------------------------------- 1 | import { enableProdMode } from '@angular/core'; 2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 3 | 4 | import { AppModule } from './app/app.module'; 5 | import { environment } from './environments/environment'; 6 | 7 | if (environment.production) { 8 | enableProdMode(); 9 | } 10 | 11 | platformBrowserDynamic().bootstrapModule(AppModule) 12 | .catch(err => console.log(err)); 13 | -------------------------------------------------------------------------------- /frontend/src/polyfills.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * This file includes polyfills needed by Angular and is loaded before the app. 3 | * You can add your own extra polyfills to this file. 4 | * 5 | * This file is divided into 2 sections: 6 | * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. 7 | * 2. Application imports. Files imported after ZoneJS that should be loaded before your main 8 | * file. 9 | * 10 | * The current setup is for so-called "evergreen" browsers; the last versions of browsers that 11 | * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), 12 | * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile. 13 | * 14 | * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html 15 | */ 16 | 17 | /*************************************************************************************************** 18 | * BROWSER POLYFILLS 19 | */ 20 | 21 | /** IE9, IE10 and IE11 requires all of the following polyfills. **/ 22 | // import 'core-js/es6/symbol'; 23 | // import 'core-js/es6/object'; 24 | // import 'core-js/es6/function'; 25 | // import 'core-js/es6/parse-int'; 26 | // import 'core-js/es6/parse-float'; 27 | // import 'core-js/es6/number'; 28 | // import 'core-js/es6/math'; 29 | // import 'core-js/es6/string'; 30 | // import 'core-js/es6/date'; 31 | // import 'core-js/es6/array'; 32 | // import 'core-js/es6/regexp'; 33 | // import 'core-js/es6/map'; 34 | // import 'core-js/es6/weak-map'; 35 | // import 'core-js/es6/set'; 36 | 37 | /** IE10 and IE11 requires the following for NgClass support on SVG elements */ 38 | // import 'classlist.js'; // Run `npm install --save classlist.js`. 39 | 40 | /** IE10 and IE11 requires the following for the Reflect API. */ 41 | // import 'core-js/es6/reflect'; 42 | 43 | 44 | /** Evergreen browsers require these. **/ 45 | // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. 46 | 47 | 48 | 49 | /** 50 | * Required to support Web Animations `@angular/platform-browser/animations`. 51 | * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation 52 | **/ 53 | // import 'web-animations-js'; // Run `npm install --save web-animations-js`. 54 | 55 | /** 56 | * By default, zone.js will patch all possible macroTask and DomEvents 57 | * user can disable parts of macroTask/DomEvents patch by setting following flags 58 | */ 59 | 60 | // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame 61 | // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick 62 | // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames 63 | 64 | /* 65 | * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js 66 | * with the following flag, it will bypass `zone.js` patch for IE/Edge 67 | */ 68 | // (window as any).__Zone_enable_cross_context_check = true; 69 | 70 | /*************************************************************************************************** 71 | * Zone JS is required by default for Angular itself. 72 | */ 73 | import 'zone.js/dist/zone'; // Included with Angular CLI. 74 | 75 | 76 | 77 | /*************************************************************************************************** 78 | * APPLICATION IMPORTS 79 | */ 80 | -------------------------------------------------------------------------------- /frontend/src/styles.css: -------------------------------------------------------------------------------- 1 | /* You can add global styles to this file, and also import other style files */ 2 | @import '~bootstrap/dist/css/bootstrap.css'; 3 | 4 | .ng-invalid:not(form){ 5 | border-left:5px solid red; 6 | } 7 | 8 | .ng-valid:not(form){ 9 | border-left:5px solid green; 10 | } -------------------------------------------------------------------------------- /frontend/src/test.ts: -------------------------------------------------------------------------------- 1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files 2 | 3 | import 'zone.js/dist/zone-testing'; 4 | import { getTestBed } from '@angular/core/testing'; 5 | import { 6 | BrowserDynamicTestingModule, 7 | platformBrowserDynamicTesting 8 | } from '@angular/platform-browser-dynamic/testing'; 9 | 10 | declare const require: any; 11 | 12 | // First, initialize the Angular testing environment. 13 | getTestBed().initTestEnvironment( 14 | BrowserDynamicTestingModule, 15 | platformBrowserDynamicTesting() 16 | ); 17 | // Then we find all the tests. 18 | const context = require.context('./', true, /\.spec\.ts$/); 19 | // And load the modules. 20 | context.keys().map(context); 21 | -------------------------------------------------------------------------------- /frontend/src/tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/app", 5 | "baseUrl": "./", 6 | "module": "es2015", 7 | "types": [] 8 | }, 9 | "exclude": [ 10 | "test.ts", 11 | "**/*.spec.ts" 12 | ] 13 | } 14 | -------------------------------------------------------------------------------- /frontend/src/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "../out-tsc/spec", 5 | "baseUrl": "./", 6 | "module": "commonjs", 7 | "types": [ 8 | "jasmine", 9 | "node" 10 | ] 11 | }, 12 | "files": [ 13 | "test.ts", 14 | "polyfills.ts" 15 | ], 16 | "include": [ 17 | "**/*.spec.ts", 18 | "**/*.d.ts" 19 | ] 20 | } 21 | -------------------------------------------------------------------------------- /frontend/src/typings.d.ts: -------------------------------------------------------------------------------- 1 | /* SystemJS module definition */ 2 | declare var module: NodeModule; 3 | interface NodeModule { 4 | id: string; 5 | } 6 | -------------------------------------------------------------------------------- /frontend/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "importHelpers": true, 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "moduleResolution": "node", 9 | "emitDecoratorMetadata": true, 10 | "experimentalDecorators": true, 11 | "target": "es5", 12 | "typeRoots": [ 13 | "node_modules/@types" 14 | ], 15 | "lib": [ 16 | "es2017", 17 | "dom" 18 | ], 19 | "module": "es2015", 20 | "baseUrl": "./" 21 | } 22 | } -------------------------------------------------------------------------------- /frontend/tslint.json: -------------------------------------------------------------------------------- 1 | { 2 | "rulesDirectory": [ 3 | "node_modules/codelyzer" 4 | ], 5 | "rules": { 6 | "arrow-return-shorthand": true, 7 | "callable-types": true, 8 | "class-name": true, 9 | "comment-format": [ 10 | true, 11 | "check-space" 12 | ], 13 | "curly": true, 14 | "deprecation": { 15 | "severity": "warn" 16 | }, 17 | "eofline": true, 18 | "forin": true, 19 | "import-blacklist": [ 20 | true, 21 | "rxjs/Rx" 22 | ], 23 | "import-spacing": true, 24 | "indent": [ 25 | true, 26 | "spaces" 27 | ], 28 | "interface-over-type-literal": true, 29 | "label-position": true, 30 | "max-line-length": [ 31 | true, 32 | 140 33 | ], 34 | "member-access": false, 35 | "member-ordering": [ 36 | true, 37 | { 38 | "order": [ 39 | "static-field", 40 | "instance-field", 41 | "static-method", 42 | "instance-method" 43 | ] 44 | } 45 | ], 46 | "no-arg": true, 47 | "no-bitwise": true, 48 | "no-console": [ 49 | true, 50 | "debug", 51 | "info", 52 | "time", 53 | "timeEnd", 54 | "trace" 55 | ], 56 | "no-construct": true, 57 | "no-debugger": true, 58 | "no-duplicate-super": true, 59 | "no-empty": false, 60 | "no-empty-interface": true, 61 | "no-eval": true, 62 | "no-inferrable-types": [ 63 | true, 64 | "ignore-params" 65 | ], 66 | "no-misused-new": true, 67 | "no-non-null-assertion": true, 68 | "no-shadowed-variable": true, 69 | "no-string-literal": false, 70 | "no-string-throw": true, 71 | "no-switch-case-fall-through": true, 72 | "no-trailing-whitespace": true, 73 | "no-unnecessary-initializer": true, 74 | "no-unused-expression": true, 75 | "no-use-before-declare": true, 76 | "no-var-keyword": true, 77 | "object-literal-sort-keys": false, 78 | "one-line": [ 79 | true, 80 | "check-open-brace", 81 | "check-catch", 82 | "check-else", 83 | "check-whitespace" 84 | ], 85 | "prefer-const": true, 86 | "quotemark": [ 87 | true, 88 | "single" 89 | ], 90 | "radix": true, 91 | "semicolon": [ 92 | true, 93 | "always" 94 | ], 95 | "triple-equals": [ 96 | true, 97 | "allow-null-check" 98 | ], 99 | "typedef-whitespace": [ 100 | true, 101 | { 102 | "call-signature": "nospace", 103 | "index-signature": "nospace", 104 | "parameter": "nospace", 105 | "property-declaration": "nospace", 106 | "variable-declaration": "nospace" 107 | } 108 | ], 109 | "unified-signatures": true, 110 | "variable-name": false, 111 | "whitespace": [ 112 | true, 113 | "check-branch", 114 | "check-decl", 115 | "check-operator", 116 | "check-separator", 117 | "check-type" 118 | ], 119 | "directive-selector": [ 120 | true, 121 | "attribute", 122 | "app", 123 | "camelCase" 124 | ], 125 | "component-selector": [ 126 | true, 127 | "element", 128 | "app", 129 | "kebab-case" 130 | ], 131 | "no-output-on-prefix": true, 132 | "use-input-property-decorator": true, 133 | "use-output-property-decorator": true, 134 | "use-host-property-decorator": true, 135 | "no-input-rename": true, 136 | "no-output-rename": true, 137 | "use-life-cycle-interface": true, 138 | "use-pipe-transform-interface": true, 139 | "component-class-suffix": true, 140 | "directive-class-suffix": true 141 | } 142 | } 143 | --------------------------------------------------------------------------------