11 |
29 | );
30 | }
31 |
--------------------------------------------------------------------------------
/app/Http/Controllers/Auth/LoginController.php:
--------------------------------------------------------------------------------
1 |
2 |
13 |
28 |
14 |
27 |
15 |
18 |
19 |
26 |
22 |
25 |
8 |
36 | );
37 | };
38 |
39 | // Persistent layout
40 | // Docs: https://inertiajs.com/pages#persistent-layouts
41 | Dashboard.layout = page => Dashboard
9 |10 | Hey there! Welcome to Ping CRM, a demo app designed to help illustrate 11 | how 12 | 16 | Inertia.js 17 | 18 | works with 19 | 23 | React 24 | 25 | . 26 |
27 |
28 |
29 | 500 error
30 |
31 |
32 | 404 error
33 |
34 |
35 |
10 |
11 |
33 | );
34 | };
35 |
--------------------------------------------------------------------------------
/app/Http/Requests/ContactStoreRequest.php:
--------------------------------------------------------------------------------
1 | ['required', 'max:50'],
30 | 'last_name' => ['required', 'max:50'],
31 | 'organization_id' => ['nullable', Rule::exists('organizations', 'id')->where(function ($query) {
32 | $query->where('account_id', Auth::user()->account_id);
33 | })],
34 | 'email' => ['nullable', 'max:50', 'email'],
35 | 'phone' => ['nullable', 'max:50'],
36 | 'address' => ['nullable', 'max:150'],
37 | 'city' => ['nullable', 'max:50'],
38 | 'region' => ['nullable', 'max:50'],
39 | 'country' => ['nullable', 'max:2'],
40 | 'postal_code' => ['nullable', 'max:25'],
41 | ];
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/app/Http/Requests/ContactUpdateRequest.php:
--------------------------------------------------------------------------------
1 | ['required', 'max:50'],
30 | 'last_name' => ['required', 'max:50'],
31 | 'organization_id' => ['nullable', Rule::exists('organizations', 'id')->where(function ($query) {
32 | $query->where('account_id', Auth::user()->account_id);
33 | })],
34 | 'email' => ['nullable', 'max:50', 'email'],
35 | 'phone' => ['nullable', 'max:50'],
36 | 'address' => ['nullable', 'max:150'],
37 | 'city' => ['nullable', 'max:50'],
38 | 'region' => ['nullable', 'max:50'],
39 | 'country' => ['nullable', 'max:2'],
40 | 'postal_code' => ['nullable', 'max:25'],
41 | ];
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/resources/css/components/form.css:
--------------------------------------------------------------------------------
1 | .form-label {
2 | @apply mb-2 block text-gray-800 select-none;
3 | }
4 |
5 | .form-input,
6 | .form-textarea,
7 | .form-select {
8 | @apply p-2 leading-normal block w-full border border-gray-300 text-gray-800 bg-white font-sans rounded text-left appearance-none relative focus:outline-none focus:ring-1 focus:ring-indigo-400 focus:border-indigo-400;
9 | @apply placeholder-gray-600 placeholder-opacity-100;
10 | }
11 |
12 | .form-select {
13 | @apply pr-6;
14 |
15 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAABGdBTUEAALGPC/xhBQAAAQtJREFUOBG1lEEOgjAQRalbGj2OG9caOACn4ALGtfEuHACiazceR1PWOH/CNA3aMiTaBDpt/7zPdBKy7M/DCL9pGkvxxVp7KsvyJftL5rZt1865M+Ucq6pyyF3hNcI7Cuu+728QYn/JQA5yKaempxuZmQngOwEaYx55nu+1lQh8GIatMGi+01NwBcEmhxBqK4nAPZJ78K0KKFAJmR3oPp8+Iwgob0Oa6+TLoeCvRx+mTUYf/FVBGTPRwDkfLxnaSrRwcH0FWhNOmrkWYbE2XEicqgSa1J0LQ+aPCuQgZiLnwewbGuz5MGoAhcIkCQcjaTBjMgtXGURMVHC1wcQEy0J+Zlj8bKAnY1/UzDe2dbAVqfXn6wAAAABJRU5ErkJggg==');
16 | background-size: 0.7rem;
17 | background-repeat: no-repeat;
18 | background-position: right 0.7rem center;
19 |
20 | &::-ms-expand {
21 | @apply opacity-0;
22 | }
23 | }
24 |
25 | .form-error {
26 | @apply text-red-500 mt-2 text-sm;
27 | }
28 |
29 | .form-input.error,
30 | .form-textarea.error,
31 | .form-select.error {
32 | @apply border-red-400 focus:border-red-400 focus:ring-red-400;
33 | }
34 |
--------------------------------------------------------------------------------
/app/Models/Contact.php:
--------------------------------------------------------------------------------
1 | belongsTo(Organization::class);
15 | }
16 |
17 | public function getNameAttribute()
18 | {
19 | return $this->first_name.' '.$this->last_name;
20 | }
21 |
22 | public function scopeOrderByName($query)
23 | {
24 | $query->orderBy('last_name')->orderBy('first_name');
25 | }
26 |
27 | public function scopeFilter($query, array $filters)
28 | {
29 | $query->when($filters['search'] ?? null, function ($query, $search) {
30 | $query->where(function ($query) use ($search) {
31 | $query->where('first_name', 'like', '%'.$search.'%')
32 | ->orWhere('last_name', 'like', '%'.$search.'%')
33 | ->orWhere('email', 'like', '%'.$search.'%')
34 | ->orWhereHas('organization', function ($query) use ($search) {
35 | $query->where('name', 'like', '%'.$search.'%');
36 | });
37 | });
38 | })->when($filters['trashed'] ?? null, function ($query, $trashed) {
39 | if ($trashed === 'with') {
40 | $query->withTrashed();
41 | } elseif ($trashed === 'only') {
42 | $query->onlyTrashed();
43 | }
44 | });
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/resources/js/Shared/Pagination.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from '@inertiajs/react';
3 | import classNames from 'classnames';
4 |
5 | const PageLink = ({ active, label, url }) => {
6 | const className = classNames(
7 | [
8 | 'mr-1 mb-1',
9 | 'px-4 py-3',
10 | 'border border-solid border-gray-300 rounded',
11 | 'text-sm',
12 | 'hover:bg-white',
13 | 'focus:outline-none focus:border-indigo-700 focus:text-indigo-700'
14 | ],
15 | {
16 | 'bg-white': active
17 | }
18 | );
19 | return (
20 |
21 |
22 |
23 | );
24 | };
25 |
26 | // Previous, if on first page
27 | // Next, if on last page
28 | // and dots, if exists (...)
29 | const PageInactive = ({ label }) => {
30 | const className = classNames(
31 | 'mr-1 mb-1 px-4 py-3 text-sm border rounded border-solid border-gray-300 text-gray'
32 | );
33 | return (
34 |
35 | );
36 | };
37 |
38 | export default ({ links = [] }) => {
39 | // dont render, if there's only 1 page (previous, 1, next)
40 | if (links.length === 3) return null;
41 | return (
42 |
14 |
22 |
32 |
23 |
31 | {
26 | setMenuOpened(false);
27 | }}
28 | className="fixed inset-0 z-10 bg-black opacity-25"
29 | >
30 |
43 | {links.map(({ active, label, url }) => {
44 | return url === null ? (
45 |
51 | );
52 | };
53 |
--------------------------------------------------------------------------------
/Makefile:
--------------------------------------------------------------------------------
1 | # THIS := $(realpath $(lastword $(MAKEFILE_LIST)))
2 | # HERE := $(shell dirname $(THIS))
3 |
4 |
5 | .PHONY: all
6 |
7 | all: bannar setup install migrate note serve
8 |
9 | setup:
10 | @php -r "file_exists('.env') || copy('.env.example', '.env');"
11 | @rm -fr database/database.sqlite
12 | @touch database/database.sqlite
13 |
14 | install:
15 | @$(MAKE) composer
16 | @$(MAKE) npm
17 | @$(MAKE) key
18 |
19 | composer:
20 | @composer install
21 |
22 | npm:
23 | @npm ci
24 | @npm run dev
25 |
26 | key:
27 | @php artisan key:generate
28 |
29 | migrate:
30 | @php artisan migrate:refresh
31 | @php artisan db:seed
32 |
33 | serve:
34 | @php artisan serve
35 | @$(MAKE) note
36 |
37 | test:
38 | @php ./vendor/bin/phpunit --testdox
39 |
40 | test-coverage:
41 | @php ./vendor/bin/phpunit --coverage-html storage/logs/coverage --testdox
42 |
43 | note:
44 | @echo "\n======================================== [NOTE] ========================================"
45 | @echo "You're ready to go! Visit Ping CRM in your browser, and login with: "
46 | @echo "[*] Username: johndoe@example.com "
47 | @echo "[*] Password: secret"
48 | @echo "========================================================================================\n"
49 |
50 | bannar:
51 | @echo " _____ _ _____ _____ __ __"
52 | @echo "| __ (_) / ____| __ \| \/ |"
53 | @echo "| |__) | _ __ __ _| | | |__) | \ / |"
54 | @echo "| ___/ | '_ \ / _\` | | | _ /| |\/| |"
55 | @echo "| | | | | | | (_| | |____| | \ \| | | |"
56 | @echo "|_| |_|_| |_|\__, |\_____|_| \_\_| |_|"
57 | @echo " __/ |"
58 | @echo " |___/"
59 | @echo "\n"
60 |
--------------------------------------------------------------------------------
/app/Http/Middleware/HandleInertiaRequests.php:
--------------------------------------------------------------------------------
1 | function () {
43 | return [
44 | 'user' => Auth::check() ? new UserResource(Auth::user()->load('account')) : null
45 | ];
46 | },
47 | 'flash' => function () use ($request) {
48 | return [
49 | 'success' => $request->session()->get('success'),
50 | 'error' => $request->session()->get('error'),
51 | ];
52 | },
53 | ]);
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/config/hashing.php:
--------------------------------------------------------------------------------
1 | 'bcrypt',
19 |
20 | /*
21 | |--------------------------------------------------------------------------
22 | | Bcrypt Options
23 | |--------------------------------------------------------------------------
24 | |
25 | | Here you may specify the configuration options that should be used when
26 | | passwords are hashed using the Bcrypt algorithm. This will allow you
27 | | to control the amount of time it takes to hash the given password.
28 | |
29 | */
30 |
31 | 'bcrypt' => [
32 | 'rounds' => env('BCRYPT_ROUNDS', 10),
33 | ],
34 |
35 | /*
36 | |--------------------------------------------------------------------------
37 | | Argon Options
38 | |--------------------------------------------------------------------------
39 | |
40 | | Here you may specify the configuration options that should be used when
41 | | passwords are hashed using the Argon algorithm. These will allow you
42 | | to control the amount of time it takes to hash the given password.
43 | |
44 | */
45 |
46 | 'argon' => [
47 | 'memory' => 1024,
48 | 'threads' => 2,
49 | 'time' => 2,
50 | ],
51 |
52 | ];
53 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/config/broadcasting.php:
--------------------------------------------------------------------------------
1 | env('BROADCAST_DRIVER', 'null'),
19 |
20 | /*
21 | |--------------------------------------------------------------------------
22 | | Broadcast Connections
23 | |--------------------------------------------------------------------------
24 | |
25 | | Here you may define all of the broadcast connections that will be used
26 | | to broadcast events to other systems or over websockets. Samples of
27 | | each available type of connection are provided inside this array.
28 | |
29 | */
30 |
31 | 'connections' => [
32 |
33 | 'pusher' => [
34 | 'driver' => 'pusher',
35 | 'key' => env('PUSHER_APP_KEY'),
36 | 'secret' => env('PUSHER_APP_SECRET'),
37 | 'app_id' => env('PUSHER_APP_ID'),
38 | 'options' => [
39 | 'cluster' => env('PUSHER_APP_CLUSTER'),
40 | 'useTLS' => true,
41 | ],
42 | ],
43 |
44 | 'redis' => [
45 | 'driver' => 'redis',
46 | 'connection' => 'default',
47 | ],
48 |
49 | 'log' => [
50 | 'driver' => 'log',
51 | ],
52 |
53 | 'null' => [
54 | 'driver' => 'null',
55 | ],
56 |
57 | ],
58 |
59 | ];
60 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/app/Exceptions/Handler.php:
--------------------------------------------------------------------------------
1 | bound('sentry') && $this->shouldReport($exception)) {
41 | app('sentry')->captureException($exception);
42 | }
43 |
44 | parent::report($exception);
45 | }
46 |
47 | /**
48 | * Render an exception into an HTTP response.
49 | *
50 | * @param \Illuminate\Http\Request $request
51 | * @param \Exception $exception
52 | * @return \Illuminate\Http\Response
53 | */
54 | public function render($request, Throwable $exception)
55 | {
56 | $response = parent::render($request, $exception);
57 |
58 | if (
59 | (App::environment('production'))
60 | && $request->header('X-Inertia')
61 | && in_array($response->status(), [500, 503, 404, 403])
62 | ) {
63 | return Inertia::render('Error', ['status' => $response->status()])
64 | ->toResponse($request)
65 | ->setStatusCode($response->status());
66 | }
67 |
68 | return $response;
69 | }
70 | }
71 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | content: ['./resources/views/**/*.blade.php', './resources/js/**/*.js', './resources/js/**/*.jsx'],
3 | theme: {
4 | colors: {
5 | transparent: 'transparent',
6 | current: 'currentColor',
7 |
8 | black: '#000',
9 | white: '#fff',
10 |
11 | gray: {
12 | 100: '#f7fafc',
13 | 200: '#edf2f7',
14 | 300: '#e2e8f0',
15 | 400: '#cbd5e0',
16 | 500: '#a0aec0',
17 | 600: '#718096',
18 | 700: '#4a5568',
19 | 800: '#2d3748',
20 | 900: '#1a202c'
21 | },
22 | red: {
23 | 100: '#fff5f5',
24 | 200: '#fed7d7',
25 | 300: '#feb2b2',
26 | 400: '#fc8181',
27 | 500: '#f56565',
28 | 600: '#e53e3e',
29 | 700: '#c53030',
30 | 800: '#9b2c2c',
31 | 900: '#742a2a'
32 | },
33 | orange: {
34 | 100: '#fffaf0',
35 | 200: '#feebc8',
36 | 300: '#fbd38d',
37 | 400: '#f6ad55',
38 | 500: '#ed8936',
39 | 600: '#dd6b20',
40 | 700: '#c05621',
41 | 800: '#9c4221',
42 | 900: '#7b341e'
43 | },
44 | yellow: {
45 | 100: '#fffff0',
46 | 200: '#fefcbf',
47 | 300: '#faf089',
48 | 400: '#f6e05e',
49 | 500: '#ecc94b',
50 | 600: '#d69e2e',
51 | 700: '#b7791f',
52 | 800: '#975a16',
53 | 900: '#744210'
54 | },
55 | green: {
56 | 100: '#f0fff4',
57 | 200: '#c6f6d5',
58 | 300: '#9ae6b4',
59 | 400: '#68d391',
60 | 500: '#48bb78',
61 | 600: '#38a169',
62 | 700: '#2f855a',
63 | 800: '#276749',
64 | 900: '#22543d'
65 | },
66 | indigo: {
67 | 100: '#ebf4ff',
68 | 200: '#c3dafe',
69 | 300: '#a3bffa',
70 | 400: '#7f9cf5',
71 | 500: '#667eea',
72 | 600: '#5a67d8',
73 | 700: '#4c51bf',
74 | 800: '#434190',
75 | 900: '#3c366b'
76 | }
77 | }
78 | },
79 | plugins: []
80 | };
81 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/resources/js/Shared/FileInput.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useRef } from 'react';
2 | import { filesize } from '@/utils';
3 |
4 | const Button = ({ text, onClick }) => (
5 |
12 | );
13 |
14 | export default ({ className, name, label, accept, errors = [], onChange }) => {
15 | const fileInput = useRef();
16 | const [file, setFile] = useState(null);
17 |
18 | function browse() {
19 | fileInput.current.click();
20 | }
21 |
22 | function remove() {
23 | setFile(null);
24 | onChange(null);
25 | fileInput.current.value = null;
26 | }
27 |
28 | function handleFileChange(e) {
29 | const file = e.target.files[0];
30 | setFile(file);
31 | onChange(file);
32 | }
33 |
34 | return (
35 |
36 | {label && (
37 |
40 | )}
41 |
69 | );
70 | };
71 |
--------------------------------------------------------------------------------
/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:8', '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 |
--------------------------------------------------------------------------------
/app/Http/Controllers/UsersController.php:
--------------------------------------------------------------------------------
1 | Request::all('search', 'role', 'trashed'),
22 | 'users' => new UserCollection(
23 | Auth::user()->account->users()
24 | ->orderByName()
25 | ->filter(Request::only('search', 'role', 'trashed'))
26 | ->paginate()
27 | ->appends(Request::all())
28 | ),
29 | ]);
30 | }
31 |
32 | public function create()
33 | {
34 | return Inertia::render('Users/Create');
35 | }
36 |
37 | public function store(UserStoreRequest $request)
38 | {
39 | Auth::user()->account->users()->create(
40 | $request->validated()
41 | );
42 |
43 | return Redirect::route('users')->with('success', 'User created.');
44 | }
45 |
46 | public function edit(User $user)
47 | {
48 | return Inertia::render('Users/Edit', [
49 | 'user' => new UserResource($user),
50 | ]);
51 | }
52 |
53 | public function update(User $user, UserUpdateRequest $request)
54 | {
55 | $user->update(
56 | $request->validated()
57 | );
58 |
59 | return Redirect::back()->with('success', 'User updated.');
60 | }
61 |
62 | public function destroy(User $user, UserDeleteRequest $request)
63 | {
64 | $user->delete();
65 |
66 | return Redirect::back()->with('success', 'User deleted.');
67 | }
68 |
69 | public function restore(User $user)
70 | {
71 | $user->restore();
72 |
73 | return Redirect::back()->with('success', 'User restored.');
74 | }
75 | }
76 |
--------------------------------------------------------------------------------
/config/filesystems.php:
--------------------------------------------------------------------------------
1 | env('FILESYSTEM_DRIVER', 'local'),
17 |
18 | /*
19 | |--------------------------------------------------------------------------
20 | | Default Cloud Filesystem Disk
21 | |--------------------------------------------------------------------------
22 | |
23 | | Many applications store files both locally and in the cloud. For this
24 | | reason, you may specify a default "cloud" driver here. This driver
25 | | will be bound as the Cloud disk implementation in the container.
26 | |
27 | */
28 |
29 | 'cloud' => env('FILESYSTEM_CLOUD', 's3'),
30 |
31 | /*
32 | |--------------------------------------------------------------------------
33 | | Filesystem Disks
34 | |--------------------------------------------------------------------------
35 | |
36 | | Here you may configure as many filesystem "disks" as you wish, and you
37 | | may even configure multiple disks of the same driver. Defaults have
38 | | been setup for each driver as an example of the required options.
39 | |
40 | | Supported Drivers: "local", "ftp", "sftp", "s3"
41 | |
42 | */
43 |
44 | 'disks' => [
45 |
46 | 'local' => [
47 | 'driver' => 'local',
48 | 'root' => storage_path('app'),
49 | ],
50 |
51 | 'public' => [
52 | 'driver' => 'local',
53 | 'root' => storage_path('app/public'),
54 | 'url' => env('APP_URL').'/storage',
55 | 'visibility' => 'public',
56 | ],
57 |
58 | 's3' => [
59 | 'driver' => 's3',
60 | 'key' => env('AWS_ACCESS_KEY_ID'),
61 | 'secret' => env('AWS_SECRET_ACCESS_KEY'),
62 | 'region' => env('AWS_DEFAULT_REGION'),
63 | 'bucket' => env('AWS_BUCKET'),
64 | 'url' => env('AWS_URL'),
65 | ],
66 |
67 | ],
68 |
69 | ];
70 |
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | # Ping CRM React
2 |
3 | A demo application to illustrate how [Inertia.js](https://inertiajs.com/) works with [Laravel](https://laravel.com/) and [React](https://reactjs.org/).
4 |
5 | > This is a port of the original [Ping CRM](https://github.com/inertiajs/pingcrm) written in Laravel and Vue.
6 |
7 | 
8 |
9 | ## Requirements
10 |
11 | ```
12 | PHP 8.1 or higher
13 | Node ^14.18.0 || >=16.0.0
14 | ```
15 |
16 | ## Installation
17 |
18 | Clone the repo locally:
19 |
20 | ```sh
21 | git clone https://github.com/artemio87/pingcrm-react18-laravel10
22 | cd pingcrm-react18-laravel10
23 | ```
24 |
25 | Install PHP dependencies:
26 |
27 | ```sh
28 | composer install
29 | ```
30 |
31 | Install NPM dependencies:
32 |
33 | ```sh
34 | npm install
35 | ```
36 | Or
37 |
38 | ```sh
39 | yarn install
40 | ```
41 |
42 | Build assets:
43 |
44 | ```sh
45 | npm run dev
46 | ```
47 |
48 | Or
49 |
50 | ```sh
51 | yarn dev
52 | ```
53 |
54 | Setup configuration:
55 |
56 | ```sh
57 | cp .env.example .env
58 | ```
59 |
60 | Generate application key:
61 |
62 | ```sh
63 | php artisan key:generate
64 | ```
65 |
66 | Create an SQLite database. You can also use another database (MySQL, Postgres), simply update your configuration accordingly.
67 |
68 | ```sh
69 | touch database/database.sqlite
70 | ```
71 |
72 | Run database migrations:
73 |
74 | ```sh
75 | php artisan migrate
76 | ```
77 |
78 | Run database seeder:
79 |
80 | ```sh
81 | php artisan db:seed
82 | ```
83 |
84 | Run artisan server:
85 |
86 | ```sh
87 | php artisan serve
88 | ```
89 |
90 | You're ready to go! [Visit Ping CRM](http://127.0.0.1:8000/) in your browser, and login with:
91 |
92 | - **Username:** johndoe@example.com
93 | - **Password:** secret
94 |
95 | ** you need to make sure APP_URL on .env is setted like:
96 | ```code
97 | APP_URL=http://127.0.0.1:8000
98 | ```
99 |
100 | ## Running tests
101 |
102 | To run the Ping CRM tests, run:
103 |
104 | ```
105 | phpunit
106 | ```
107 |
108 | ## Credits
109 |
110 | - Original work by Jonathan Reinink (@reinink) and contributors
111 | - Port to Ruby on Rails by Georg Ledermann (@ledermann)
112 | - Port to React by Lado Lomidze (@landish)
113 | - Upgrade to laravel 10 + inertia 1.0 + React 18 Artemio Rodriguez (@artemio87)
114 |
--------------------------------------------------------------------------------
/app/Http/Controllers/OrganizationsController.php:
--------------------------------------------------------------------------------
1 | Request::all('search', 'trashed'),
21 | 'organizations' => new OrganizationCollection(
22 | Auth::user()->account->organizations()
23 | ->orderBy('name')
24 | ->filter(Request::only('search', 'trashed'))
25 | ->paginate()
26 | ->appends(Request::all())
27 | ),
28 | ]);
29 | }
30 |
31 | public function create()
32 | {
33 | return Inertia::render('Organizations/Create');
34 | }
35 |
36 | public function store(OrganizationStoreRequest $request)
37 | {
38 | Auth::user()->account->organizations()->create(
39 | $request->validated()
40 | );
41 |
42 | return Redirect::route('organizations')->with('success', 'Organization created.');
43 | }
44 |
45 | public function edit(Organization $organization)
46 | {
47 | return Inertia::render('Organizations/Edit', [
48 | 'organization' => new OrganizationResource($organization),
49 | ]);
50 | }
51 |
52 | public function update(Organization $organization, OrganizationUpdateRequest $request)
53 | {
54 | $organization->update(
55 | $request->validated()
56 | );
57 |
58 | return Redirect::back()->with('success', 'Organization updated.');
59 | }
60 |
61 | public function destroy(Organization $organization)
62 | {
63 | $organization->delete();
64 |
65 | return Redirect::back()->with('success', 'Organization deleted.');
66 | }
67 |
68 | public function restore(Organization $organization)
69 | {
70 | $organization->restore();
71 |
72 | return Redirect::back()->with('success', 'Organization restored.');
73 | }
74 | }
75 |
--------------------------------------------------------------------------------
/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.2|^8.1",
12 | "laravel/framework": "^10.0",
13 | "laravel/tinker": "^2.8.0",
14 | "inertiajs/inertia-laravel": "^0.6.9",
15 | "laravel/ui": "^4.2.1",
16 | "reinink/remember-query-strings": "^0.1.2",
17 | "sentry/sentry-laravel": "^3.2.0",
18 | "tightenco/ziggy": "^1.5.0"
19 | },
20 | "require-dev": {
21 | "fakerphp/faker": "^1.21.0",
22 | "mockery/mockery": "^1.5.1",
23 | "spatie/laravel-ignition": "^2.0.0",
24 | "nunomaduro/collision": "^7.0.5",
25 | "barryvdh/laravel-debugbar": "^3.8.0",
26 | "beyondcode/laravel-dump-server": "^1.9.0",
27 | "phpunit/phpunit": "^10.0",
28 | "brianium/paratest": "^7.0.6"
29 | },
30 | "autoload": {
31 | "classmap": [
32 | "database/seeders",
33 | "database/factories"
34 | ],
35 | "psr-4": {
36 | "App\\": "app/",
37 | "Database\\Factories\\": "database/factories/",
38 | "Database\\Seeders\\": "database/seeders/"
39 | }
40 | },
41 | "autoload-dev": {
42 | "psr-4": {
43 | "Tests\\": "tests/"
44 | }
45 | },
46 | "extra": {
47 | "laravel": {
48 | "dont-discover": []
49 | }
50 | },
51 | "scripts": {
52 | "compile": [
53 | "npm run prod",
54 | "@php artisan migrate:fresh --force",
55 | "@php artisan db:seed --force"
56 | ],
57 | "reseed": [
58 | "@php artisan migrate:fresh",
59 | "@php artisan db:seed"
60 | ],
61 | "post-root-package-install": [
62 | "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
63 | ],
64 | "post-create-project-cmd": [
65 | "@php artisan key:generate"
66 | ],
67 | "post-autoload-dump": [
68 | "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
69 | "@php artisan package:discover"
70 | ]
71 | },
72 | "config": {
73 | "preferred-install": "dist",
74 | "sort-packages": true,
75 | "optimize-autoloader": true
76 | },
77 | "minimum-stability": "stable",
78 | "prefer-stable": true
79 | }
80 |
--------------------------------------------------------------------------------
/resources/js/Shared/BottomHeader.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { Link, usePage } from '@inertiajs/react';
3 | import Icon from '@/Shared/Icon';
4 |
5 | export default () => {
6 | const { auth } = usePage().props;
7 | const [menuOpened, setMenuOpened] = useState(false);
8 | return (
9 |
42 |
50 | {!file && (
51 |
67 | {errors.length > 0 &&
52 |
53 |
54 | )}
55 | {file && (
56 |
57 |
65 | )}
66 |
58 | {file.name}
59 |
60 | ({filesize(file.size)})
61 |
62 |
63 |
64 | {errors}
}
68 |
10 |
59 | );
60 | };
61 |
--------------------------------------------------------------------------------
/app/Http/Controllers/ContactsController.php:
--------------------------------------------------------------------------------
1 | Request::all('search', 'trashed'),
23 | 'contacts' => new ContactCollection(
24 | Auth::user()->account->contacts()
25 | ->with('organization')
26 | ->orderByName()
27 | ->filter(Request::only('search', 'trashed'))
28 | ->paginate()
29 | ->appends(Request::all())
30 | ),
31 | ]);
32 | }
33 |
34 | public function create()
35 | {
36 | return Inertia::render('Contacts/Create', [
37 | 'organizations' => new UserOrganizationCollection(
38 | Auth::user()->account->organizations()
39 | ->orderBy('name')
40 | ->get()
41 | ),
42 | ]);
43 | }
44 |
45 | public function store(ContactStoreRequest $request)
46 | {
47 | Auth::user()->account->contacts()->create(
48 | $request->validated()
49 | );
50 |
51 | return Redirect::route('contacts')->with('success', 'Contact created.');
52 | }
53 |
54 | public function edit(Contact $contact)
55 | {
56 | return Inertia::render('Contacts/Edit', [
57 | 'contact' => new ContactResource($contact),
58 | 'organizations' => new UserOrganizationCollection(
59 | Auth::user()->account->organizations()
60 | ->orderBy('name')
61 | ->get()
62 | ),
63 | ]);
64 | }
65 |
66 | public function update(Contact $contact, ContactUpdateRequest $request)
67 | {
68 | $contact->update(
69 | $request->validated()
70 | );
71 |
72 | return Redirect::back()->with('success', 'Contact updated.');
73 | }
74 |
75 | public function destroy(Contact $contact)
76 | {
77 | $contact->delete();
78 |
79 | return Redirect::back()->with('success', 'Contact deleted.');
80 | }
81 |
82 | public function restore(Contact $contact)
83 | {
84 | $contact->restore();
85 |
86 | return Redirect::back()->with('success', 'Contact restored.');
87 | }
88 | }
89 |
--------------------------------------------------------------------------------
/tests/Feature/UsersTest.php:
--------------------------------------------------------------------------------
1 | 'Acme Corporation']);
18 |
19 | $this->user = User::factory()->make([
20 | 'account_id' => $account->id,
21 | 'first_name' => 'John',
22 | 'last_name' => 'Doe',
23 | 'email' => 'johndoe@example.com',
24 | 'owner' => true,
25 | ]);
26 | }
27 |
28 | public function test_can_view_users()
29 | {
30 | User::factory()->count(5)->create(['account_id' => 1]);
31 |
32 | $this->actingAs($this->user)
33 | ->get('/users')
34 | ->assertStatus(200)
35 | ->assertInertia(function (Assert $page) {
36 | $page->component('Users/Index');
37 | $page->has('users.data', 5, function (Assert $page) {
38 | $page->hasAll(['id', 'name', 'email', 'owner', 'photo', 'deleted_at']);
39 | });
40 | });
41 | }
42 |
43 | public function test_can_search_for_users()
44 | {
45 | User::factory()->count(5)->create(['account_id' => 1]);
46 |
47 | User::first()->update([
48 | 'first_name' => 'Greg',
49 | 'last_name' => 'Andersson'
50 | ]);
51 |
52 | $this->actingAs($this->user)
53 | ->get('/users?search=Greg')
54 | ->assertStatus(200)
55 | ->assertInertia(function (Assert $page) {
56 | $page->where('filters.search', 'Greg');
57 | $page->has('users.data', 1, function (Assert $page) {
58 | $page->where('name', 'Greg Andersson')->etc();
59 | });
60 | });
61 | }
62 |
63 | public function test_cannot_view_deleted_users()
64 | {
65 | User::factory()->count(5)->create(['account_id' => 1]);
66 | User::first()->delete();
67 |
68 | $this->actingAs($this->user)
69 | ->get('/users')
70 | ->assertStatus(200)
71 | ->assertInertia(function (Assert $page) {
72 | $page->has('users.data', 4);
73 | });
74 | }
75 |
76 | public function test_can_filter_to_view_deleted_users()
77 | {
78 | User::factory()->count(5)->create(['account_id' => 1]);
79 | User::first()->delete();
80 |
81 | $this->actingAs($this->user)
82 | ->get('/users?trashed=with')
83 | ->assertStatus(200)
84 | ->assertInertia(function (Assert $page) {
85 | $page->where('filters.trashed', 'with');
86 | $page->has('users.data', 5);
87 | });
88 | }
89 | }
90 |
--------------------------------------------------------------------------------
/resources/js/Pages/Auth/Login.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Helmet from 'react-helmet';
3 | import { useForm } from '@inertiajs/react';
4 | import Logo from '@/Shared/Logo';
5 | import LoadingButton from '@/Shared/LoadingButton';
6 | import TextInput from '@/Shared/TextInput';
7 |
8 | export default () => {
9 | const { data, setData, errors, post, processing } = useForm({
10 | email: 'johndoe@example.com',
11 | password: 'secret',
12 | remember: true
13 | });
14 |
15 | function handleSubmit(e) {
16 | e.preventDefault();
17 | post(route('login.attempt'));
18 | }
19 |
20 | return (
21 | {auth.user.account.name}
11 |
12 |
58 | setMenuOpened(true)}
15 | >
16 |
25 |
17 | {auth.user.first_name}
18 | {auth.user.last_name}
19 |
20 |
26 |
57 |
27 | setMenuOpened(false)}
31 | >
32 | My Profile
33 |
34 | setMenuOpened(false)}
38 | >
39 | Manage Users
40 |
41 |
47 | Logout
48 |
49 |
50 | {
52 | setMenuOpened(false);
53 | }}
54 | className="fixed inset-0 z-10 bg-black opacity-25"
55 | >
56 |
22 |
83 | );
84 | };
85 |
--------------------------------------------------------------------------------
/config/queue.php:
--------------------------------------------------------------------------------
1 | env('QUEUE_CONNECTION', 'sync'),
17 |
18 | /*
19 | |--------------------------------------------------------------------------
20 | | Queue Connections
21 | |--------------------------------------------------------------------------
22 | |
23 | | Here you may configure the connection information for each server that
24 | | is used by your application. A default configuration has been added
25 | | for each back-end shipped with Laravel. You are free to add more.
26 | |
27 | | Drivers: "sync", "database", "beanstalkd", "sqs", "redis", "null"
28 | |
29 | */
30 |
31 | 'connections' => [
32 |
33 | 'sync' => [
34 | 'driver' => 'sync',
35 | ],
36 |
37 | 'database' => [
38 | 'driver' => 'database',
39 | 'table' => 'jobs',
40 | 'queue' => 'default',
41 | 'retry_after' => 90,
42 | ],
43 |
44 | 'beanstalkd' => [
45 | 'driver' => 'beanstalkd',
46 | 'host' => 'localhost',
47 | 'queue' => 'default',
48 | 'retry_after' => 90,
49 | 'block_for' => 0,
50 | ],
51 |
52 | 'sqs' => [
53 | 'driver' => 'sqs',
54 | 'key' => env('AWS_ACCESS_KEY_ID'),
55 | 'secret' => env('AWS_SECRET_ACCESS_KEY'),
56 | 'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
57 | 'queue' => env('SQS_QUEUE', 'your-queue-name'),
58 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
59 | ],
60 |
61 | 'redis' => [
62 | 'driver' => 'redis',
63 | 'connection' => 'default',
64 | 'queue' => env('REDIS_QUEUE', 'default'),
65 | 'retry_after' => 90,
66 | 'block_for' => null,
67 | ],
68 |
69 | ],
70 |
71 | /*
72 | |--------------------------------------------------------------------------
73 | | Failed Queue Jobs
74 | |--------------------------------------------------------------------------
75 | |
76 | | These options configure the behavior of failed queue job logging so you
77 | | can control which database and table are used to store the jobs that
78 | | have failed. You may change them to any database / table you wish.
79 | |
80 | */
81 |
82 | 'failed' => [
83 | 'driver' => env('QUEUE_FAILED_DRIVER', 'database'),
84 | 'database' => env('DB_CONNECTION', 'mysql'),
85 | 'table' => 'failed_jobs',
86 | ],
87 |
88 | ];
89 |
--------------------------------------------------------------------------------
/tests/Feature/ContactsTest.php:
--------------------------------------------------------------------------------
1 | 'Acme Corporation']);
18 |
19 | $this->user = User::factory()->make([
20 | 'account_id' => $account->id,
21 | 'first_name' => 'John',
22 | 'last_name' => 'Doe',
23 | 'email' => 'johndoe@example.com',
24 | 'owner' => true,
25 | ]);
26 | }
27 |
28 | public function test_can_view_contacts()
29 | {
30 | $this->user->account->contacts()->saveMany(
31 | Contact::factory()->count(5)->make()
32 | );
33 |
34 | $this->actingAs($this->user)
35 | ->get('/contacts')
36 | ->assertStatus(200)
37 | ->assertInertia(function (Assert $page) {
38 | $page->component('Contacts/Index');
39 | $page->has('contacts.data', 5, function (Assert $page) {
40 | $page->hasAll(['id', 'name', 'phone', 'city', 'deleted_at', 'organization']);
41 | });
42 | });
43 | }
44 |
45 | public function test_can_search_for_contacts()
46 | {
47 | $this->user->account->contacts()->saveMany(
48 | Contact::factory()->count(5)->make()
49 | )->first()->update([
50 | 'first_name' => 'Greg',
51 | 'last_name' => 'Andersson'
52 | ]);
53 |
54 | $this->actingAs($this->user)
55 | ->get('/contacts?search=Greg')
56 | ->assertStatus(200)
57 | ->assertInertia(function (Assert $page) {
58 | $page->where('filters.search', 'Greg');
59 | $page->has('contacts.data', 1, function (Assert $page) {
60 | $page->where('name', 'Greg Andersson')->etc();
61 | });
62 | });
63 | }
64 |
65 | public function test_cannot_view_deleted_contacts()
66 | {
67 | $this->user->account->contacts()->saveMany(
68 | Contact::factory()->count(5)->make()
69 | )->first()->delete();
70 |
71 | $this->actingAs($this->user)
72 | ->get('/contacts')
73 | ->assertStatus(200)
74 | ->assertInertia(function (Assert $page) {
75 | $page->has('contacts.data', 4);
76 | });
77 | }
78 |
79 | public function test_can_filter_to_view_deleted_contacts()
80 | {
81 | $this->user->account->contacts()->saveMany(
82 | Contact::factory()->count(5)->make()
83 | )->first()->delete();
84 |
85 | $this->actingAs($this->user)
86 | ->get('/contacts?trashed=with')
87 | ->assertStatus(200)
88 | ->assertInertia(function (Assert $page) {
89 | $page->where('filters.trashed', 'with');
90 | $page->has('contacts.data', 5);
91 | });
92 | }
93 | }
94 |
--------------------------------------------------------------------------------
/tests/Feature/OrganizationsTest.php:
--------------------------------------------------------------------------------
1 | 'Acme Corporation']);
18 |
19 | $this->user = User::factory()->make([
20 | 'account_id' => $account->id,
21 | 'first_name' => 'John',
22 | 'last_name' => 'Doe',
23 | 'email' => 'johndoe@example.com',
24 | 'owner' => true,
25 | ]);
26 | }
27 |
28 | public function test_can_view_organizations()
29 | {
30 | $this->user->account->organizations()->saveMany(
31 | Organization::factory()->count(5)->make()
32 | );
33 |
34 | $this->actingAs($this->user)
35 | ->get('/organizations')
36 | ->assertStatus(200)
37 | ->assertInertia(function (Assert $page) {
38 | $page->component('Organizations/Index');
39 | $page->has('organizations.data', 5, function (Assert $page) {
40 | $page->hasAll(['id', 'name', 'phone', 'city', 'deleted_at']);
41 | });
42 | });
43 | }
44 |
45 | public function test_can_search_for_organizations()
46 | {
47 | $this->user->account->organizations()->saveMany(
48 | Organization::factory()->count(5)->make()
49 | )->first()->update(['name' => 'Some Big Fancy Company Name']);
50 |
51 | $this->actingAs($this->user)
52 | ->get('/organizations?search=Some Big Fancy Company Name')
53 | ->assertStatus(200)
54 | ->assertInertia(function (Assert $page) {
55 | $page->where('filters.search', 'Some Big Fancy Company Name');
56 | $page->has('organizations.data', 1, function (Assert $page) {
57 | $page->where('name', 'Some Big Fancy Company Name')->etc();
58 | });
59 | });
60 | }
61 |
62 | public function test_cannot_view_deleted_organizations()
63 | {
64 | $this->user->account->organizations()->saveMany(
65 | Organization::factory()->count(5)->make()
66 | )->first()->delete();
67 |
68 | $this->actingAs($this->user)
69 | ->get('/organizations')
70 | ->assertStatus(200)
71 | ->assertInertia(function (Assert $page) {
72 | $page->has('organizations.data', 4);
73 | });
74 | }
75 |
76 | public function test_can_filter_to_view_deleted_organizations()
77 | {
78 | $this->user->account->organizations()->saveMany(
79 | Organization::factory()->count(5)->make()
80 | )->first()->delete();
81 |
82 | $this->actingAs($this->user)
83 | ->get('/organizations?trashed=with')
84 | ->assertStatus(200)
85 | ->assertInertia(function (Assert $page) {
86 | $page->where('filters.trashed', 'with');
87 | $page->has('organizations.data', 5);
88 | });
89 | }
90 | }
91 |
--------------------------------------------------------------------------------
/app/Models/User.php:
--------------------------------------------------------------------------------
1 | 'boolean',
23 | ];
24 |
25 | public function account()
26 | {
27 | return $this->belongsTo(Account::class);
28 | }
29 |
30 | public function getNameAttribute()
31 | {
32 | return $this->first_name.' '.$this->last_name;
33 | }
34 |
35 | public function setPasswordAttribute($password)
36 | {
37 | if(!$password) return;
38 |
39 | $this->attributes['password'] = Hash::make($password);
40 | }
41 |
42 | public function setPhotoAttribute($photo)
43 | {
44 | if(!$photo) return;
45 |
46 | $this->attributes['photo_path'] = $photo instanceof UploadedFile ? $photo->store('users') : $photo;
47 | }
48 |
49 | public function getPhotoAttribute() {
50 | return $this->photoUrl(['w' => 40, 'h' => 40, 'fit' => 'crop']);
51 | }
52 |
53 | public function photoUrl(array $attributes)
54 | {
55 | if ($this->photo_path) {
56 | return URL::to(App::make(Server::class)->fromPath($this->photo_path, $attributes));
57 | }
58 | }
59 |
60 | public function isDemoUser()
61 | {
62 | return $this->email === 'johndoe@example.com';
63 | }
64 |
65 | public function scopeOrderByName($query)
66 | {
67 | $query->orderBy('last_name')->orderBy('first_name');
68 | }
69 |
70 | public function scopeWhereRole($query, $role)
71 | {
72 | switch ($role) {
73 | case 'user': return $query->where('owner', false);
74 | case 'owner': return $query->where('owner', true);
75 | }
76 | }
77 |
78 | public function scopeFilter($query, array $filters)
79 | {
80 | $query->when($filters['search'] ?? null, function ($query, $search) {
81 | $query->where(function ($query) use ($search) {
82 | $query->where('first_name', 'like', '%'.$search.'%')
83 | ->orWhere('last_name', 'like', '%'.$search.'%')
84 | ->orWhere('email', 'like', '%'.$search.'%');
85 | });
86 | })->when($filters['role'] ?? null, function ($query, $role) {
87 | $query->whereRole($role);
88 | })->when($filters['trashed'] ?? null, function ($query, $trashed) {
89 | if ($trashed === 'with') {
90 | $query->withTrashed();
91 | } elseif ($trashed === 'only') {
92 | $query->onlyTrashed();
93 | }
94 | });
95 | }
96 | }
97 |
--------------------------------------------------------------------------------
/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\HandleInertiaRequests::class,
39 | ],
40 |
41 | 'api' => [
42 | 'throttle:60,1',
43 | 'bindings',
44 | ],
45 | ];
46 |
47 | /**
48 | * The application's route middleware.
49 | *
50 | * These middleware may be assigned to groups or used individually.
51 | *
52 | * @var array
53 | */
54 | protected $routeMiddleware = [
55 | 'auth' => \App\Http\Middleware\Authenticate::class,
56 | 'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
57 | 'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class,
58 | 'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,
59 | 'can' => \Illuminate\Auth\Middleware\Authorize::class,
60 | 'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
61 | 'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,
62 | 'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
63 | 'remember' => \Reinink\RememberQueryStrings::class,
64 | 'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
65 | ];
66 |
67 | /**
68 | * The priority-sorted list of middleware.
69 | *
70 | * This forces non-global middleware to always be in the given order.
71 | *
72 | * @var array
73 | */
74 | protected $middlewarePriority = [
75 | \Illuminate\Session\Middleware\StartSession::class,
76 | \Illuminate\View\Middleware\ShareErrorsFromSession::class,
77 | \App\Http\Middleware\Authenticate::class,
78 | \Illuminate\Session\Middleware\AuthenticateSession::class,
79 | \Illuminate\Routing\Middleware\SubstituteBindings::class,
80 | \Illuminate\Auth\Middleware\Authorize::class,
81 | ];
82 | }
83 |
--------------------------------------------------------------------------------
/config/logging.php:
--------------------------------------------------------------------------------
1 | env('LOG_CHANNEL', 'stack'),
21 |
22 | /*
23 | |--------------------------------------------------------------------------
24 | | Log Channels
25 | |--------------------------------------------------------------------------
26 | |
27 | | Here you may configure the log channels for your application. Out of
28 | | the box, Laravel uses the Monolog PHP logging library. This gives
29 | | you a variety of powerful log handlers / formatters to utilize.
30 | |
31 | | Available Drivers: "single", "daily", "slack", "syslog",
32 | | "errorlog", "monolog",
33 | | "custom", "stack"
34 | |
35 | */
36 |
37 | 'channels' => [
38 | 'stack' => [
39 | 'driver' => 'stack',
40 | 'channels' => ['single'],
41 | 'ignore_exceptions' => false,
42 | ],
43 |
44 | 'single' => [
45 | 'driver' => 'single',
46 | 'path' => storage_path('logs/laravel.log'),
47 | 'level' => 'debug',
48 | ],
49 |
50 | 'daily' => [
51 | 'driver' => 'daily',
52 | 'path' => storage_path('logs/laravel.log'),
53 | 'level' => 'debug',
54 | 'days' => 14,
55 | ],
56 |
57 | 'slack' => [
58 | 'driver' => 'slack',
59 | 'url' => env('LOG_SLACK_WEBHOOK_URL'),
60 | 'username' => 'Laravel Log',
61 | 'emoji' => ':boom:',
62 | 'level' => 'critical',
63 | ],
64 |
65 | 'papertrail' => [
66 | 'driver' => 'monolog',
67 | 'level' => 'debug',
68 | 'handler' => SyslogUdpHandler::class,
69 | 'handler_with' => [
70 | 'host' => env('PAPERTRAIL_URL'),
71 | 'port' => env('PAPERTRAIL_PORT'),
72 | ],
73 | ],
74 |
75 | 'stderr' => [
76 | 'driver' => 'monolog',
77 | 'handler' => StreamHandler::class,
78 | 'formatter' => env('LOG_STDERR_FORMATTER'),
79 | 'with' => [
80 | 'stream' => 'php://stderr',
81 | ],
82 | ],
83 |
84 | 'syslog' => [
85 | 'driver' => 'syslog',
86 | 'level' => 'debug',
87 | ],
88 |
89 | 'errorlog' => [
90 | 'driver' => 'errorlog',
91 | 'level' => 'debug',
92 | ],
93 |
94 | 'null' => [
95 | 'driver' => 'monolog',
96 | 'handler' => NullHandler::class,
97 | ],
98 |
99 | 'emergency' => [
100 | 'path' => storage_path('logs/laravel.log'),
101 | ],
102 | ],
103 |
104 | ];
105 |
--------------------------------------------------------------------------------
/resources/js/Shared/FlashMessages.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from 'react';
2 | import { usePage } from '@inertiajs/react';
3 | import classNames from 'classnames';
4 |
5 | const IconSuccess = () => (
6 |
13 | );
14 |
15 | const IconDanger = () => (
16 |
23 | );
24 |
25 | const ButtonClose = ({ color, onClick }) => {
26 | const className = classNames('block w-2 h-2 fill-current', {
27 | 'text-red-700 group-hover:text-red-800': color === 'red',
28 | 'text-green-700 group-hover:text-green-800': color === 'green'
29 | });
30 | return (
31 |
46 | );
47 | };
48 |
49 | export default () => {
50 | const [visible, setVisible] = useState(true);
51 | const { flash, errors } = usePage().props;
52 | const numOfErrors = Object.keys(errors).length;
53 |
54 | useEffect(() => {
55 | setVisible(true);
56 | }, [flash, errors]);
57 |
58 | return (
59 |
24 |
82 |
60 | {flash.success && visible && (
61 |
85 | );
86 | };
87 |
--------------------------------------------------------------------------------
/config/cache.php:
--------------------------------------------------------------------------------
1 | env('CACHE_DRIVER', 'file'),
22 |
23 | /*
24 | |--------------------------------------------------------------------------
25 | | Cache Stores
26 | |--------------------------------------------------------------------------
27 | |
28 | | Here you may define all of the cache "stores" for your application as
29 | | well as their drivers. You may even define multiple stores for the
30 | | same cache driver to group types of items stored in your caches.
31 | |
32 | */
33 |
34 | 'stores' => [
35 |
36 | 'apc' => [
37 | 'driver' => 'apc',
38 | ],
39 |
40 | 'array' => [
41 | 'driver' => 'array',
42 | ],
43 |
44 | 'database' => [
45 | 'driver' => 'database',
46 | 'table' => 'cache',
47 | 'connection' => null,
48 | ],
49 |
50 | 'file' => [
51 | 'driver' => 'file',
52 | 'path' => storage_path('framework/cache/data'),
53 | ],
54 |
55 | 'memcached' => [
56 | 'driver' => 'memcached',
57 | 'persistent_id' => env('MEMCACHED_PERSISTENT_ID'),
58 | 'sasl' => [
59 | env('MEMCACHED_USERNAME'),
60 | env('MEMCACHED_PASSWORD'),
61 | ],
62 | 'options' => [
63 | // Memcached::OPT_CONNECT_TIMEOUT => 2000,
64 | ],
65 | 'servers' => [
66 | [
67 | 'host' => env('MEMCACHED_HOST', '127.0.0.1'),
68 | 'port' => env('MEMCACHED_PORT', 11211),
69 | 'weight' => 100,
70 | ],
71 | ],
72 | ],
73 |
74 | 'redis' => [
75 | 'driver' => 'redis',
76 | 'connection' => 'cache',
77 | ],
78 |
79 | 'dynamodb' => [
80 | 'driver' => 'dynamodb',
81 | 'key' => env('AWS_ACCESS_KEY_ID'),
82 | 'secret' => env('AWS_SECRET_ACCESS_KEY'),
83 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
84 | 'table' => env('DYNAMODB_CACHE_TABLE', 'cache'),
85 | 'endpoint' => env('DYNAMODB_ENDPOINT'),
86 | ],
87 |
88 | ],
89 |
90 | /*
91 | |--------------------------------------------------------------------------
92 | | Cache Key Prefix
93 | |--------------------------------------------------------------------------
94 | |
95 | | When utilizing a RAM based store such as APC or Memcached, there might
96 | | be other applications utilizing the same cache. So, we'll specify a
97 | | value to get prefixed to all our keys so we can avoid collisions.
98 | |
99 | */
100 |
101 | 'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache'),
102 |
103 | ];
104 |
--------------------------------------------------------------------------------
/routes/web.php:
--------------------------------------------------------------------------------
1 | name('login')->uses('Auth\LoginController@showLoginForm')->middleware('guest');
16 | Route::post('login')->name('login.attempt')->uses('Auth\LoginController@login')->middleware('guest');
17 | Route::post('logout')->name('logout')->uses('Auth\LoginController@logout');
18 |
19 | // Dashboard
20 | Route::get('/')->name('dashboard')->uses('DashboardController')->middleware('auth');
21 |
22 | // Users
23 | Route::get('users')->name('users')->uses('UsersController@index')->middleware('remember', 'auth');
24 | Route::get('users/create')->name('users.create')->uses('UsersController@create')->middleware('auth');
25 | Route::post('users')->name('users.store')->uses('UsersController@store')->middleware('auth');
26 | Route::get('users/{user}/edit')->name('users.edit')->uses('UsersController@edit')->middleware('auth');
27 | Route::put('users/{user}')->name('users.update')->uses('UsersController@update')->middleware('auth');
28 | Route::delete('users/{user}')->name('users.destroy')->uses('UsersController@destroy')->middleware('auth');
29 | Route::put('users/{user}/restore')->name('users.restore')->uses('UsersController@restore')->middleware('auth');
30 |
31 | // Images
32 | Route::get('/img/{path}', 'ImagesController@show')->where('path', '.*');
33 |
34 | // Organizations
35 | Route::get('organizations')->name('organizations')->uses('OrganizationsController@index')->middleware('remember', 'auth');
36 | Route::get('organizations/create')->name('organizations.create')->uses('OrganizationsController@create')->middleware('auth');
37 | Route::post('organizations')->name('organizations.store')->uses('OrganizationsController@store')->middleware('auth');
38 | Route::get('organizations/{organization}/edit')->name('organizations.edit')->uses('OrganizationsController@edit')->middleware('auth');
39 | Route::put('organizations/{organization}')->name('organizations.update')->uses('OrganizationsController@update')->middleware('auth');
40 | Route::delete('organizations/{organization}')->name('organizations.destroy')->uses('OrganizationsController@destroy')->middleware('auth');
41 | Route::put('organizations/{organization}/restore')->name('organizations.restore')->uses('OrganizationsController@restore')->middleware('auth');
42 |
43 | // Contacts
44 | Route::get('contacts')->name('contacts')->uses('ContactsController@index')->middleware('remember', 'auth');
45 | Route::get('contacts/create')->name('contacts.create')->uses('ContactsController@create')->middleware('auth');
46 | Route::post('contacts')->name('contacts.store')->uses('ContactsController@store')->middleware('auth');
47 | Route::get('contacts/{contact}/edit')->name('contacts.edit')->uses('ContactsController@edit')->middleware('auth');
48 | Route::put('contacts/{contact}')->name('contacts.update')->uses('ContactsController@update')->middleware('auth');
49 | Route::delete('contacts/{contact}')->name('contacts.destroy')->uses('ContactsController@destroy')->middleware('auth');
50 | Route::put('contacts/{contact}/restore')->name('contacts.restore')->uses('ContactsController@restore')->middleware('auth');
51 |
52 | // Reports
53 | Route::get('reports')->name('reports')->uses('ReportsController')->middleware('auth');
54 |
55 | // 500 error
56 | Route::get('500', function () {
57 | //echo $fail;
58 | });
59 |
--------------------------------------------------------------------------------
/resources/js/Pages/Users/Create.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link, useForm } from '@inertiajs/react';
3 | import Layout from '@/Shared/Layout';
4 | import LoadingButton from '@/Shared/LoadingButton';
5 | import TextInput from '@/Shared/TextInput';
6 | import SelectInput from '@/Shared/SelectInput';
7 | import FileInput from '@/Shared/FileInput';
8 |
9 | const Create = () => {
10 | const { data, setData, errors, post, processing } = useForm({
11 | first_name: '',
12 | last_name: '',
13 | email: '',
14 | password: '',
15 | owner: '0',
16 | photo: ''
17 | });
18 |
19 | function handleSubmit(e) {
20 | e.preventDefault();
21 | post(route('users.store'));
22 | }
23 |
24 | return (
25 |
62 | setVisible(false)} color="green" />
69 |
70 | )}
71 | {(flash.error || numOfErrors > 0) && visible && (
72 |
63 |
68 |
65 | {flash.success}
66 |
67 |
73 | setVisible(false)} color="red" />
82 |
83 | )}
84 |
74 |
81 |
76 | {flash.error && flash.error}
77 | {numOfErrors === 1 && 'There is one form error'}
78 | {numOfErrors > 1 && `There are ${numOfErrors} form errors.`}
79 |
80 |
26 |
107 | );
108 | };
109 |
110 | Create.layout = page =>
27 |
37 | 28 | 32 | Users 33 | 34 | / Create 35 |
36 |
38 |
105 |
106 |
16 |
104 | );
105 | };
106 |
107 | Index.layout = page => Organizations
17 |
18 |
27 |
28 |
29 |
30 |
101 |
102 | | Name | 32 |City | 33 |34 | Phone 35 | | 36 ||
|---|---|---|---|
|
46 |
50 | {name}
51 | {deleted_at && (
52 | |
59 | 60 | 65 | {city} 66 | 67 | | 68 |69 | 74 | {phone} 75 | 76 | | 77 |
78 |
83 | |
89 |
| 95 | No organizations found. 96 | | 97 ||||
54 |
122 | );
123 | };
124 |
--------------------------------------------------------------------------------
/resources/js/Pages/Users/Index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link, usePage } from '@inertiajs/react';
3 | import Layout from '@/Shared/Layout';
4 | import Icon from '@/Shared/Icon';
5 | import SearchFilter from '@/Shared/SearchFilter';
6 | import Pagination from '@/Shared/Pagination';
7 |
8 | const Index = () => {
9 | const { users } = usePage().props;
10 | const {
11 | data,
12 | meta: { links }
13 | } = users;
14 | return (
15 |
55 |
114 |
121 |
59 |
89 |
104 |
113 | setOpened(false)}
61 | className="fixed inset-0 z-20 bg-black opacity-25"
62 | >
63 |
64 | {filters.hasOwnProperty('role') && (
65 |
72 |
73 |
74 |
75 |
76 | )}
77 |
83 |
84 |
85 |
86 |
87 |
88 |
16 |
110 | );
111 | };
112 |
113 | Index.layout = page => Users
17 |
18 |
27 |
28 |
29 |
30 |
107 |
108 | | Name | 32 |34 | Role 35 | | 36 |||
|---|---|---|---|
|
46 |
50 | {photo && (
51 | |
65 | 66 | 71 | {email} 72 | 73 | | 74 |75 | 80 | {owner ? 'Owner' : 'User'} 81 | 82 | | 83 |
84 |
89 | |
95 |
| 101 | No users found. 102 | | 103 ||||
16 |
112 | );
113 | };
114 |
115 | Index.layout = page => Contacts
17 |
18 |
27 |
28 |
29 |
30 |
109 |
110 | | Name | 32 |Organization | 33 |City | 34 |35 | Phone 36 | | 37 ||
|---|---|---|---|---|
|
46 |
50 | {name}
51 | {deleted_at && (
52 | |
59 | 60 | 65 | {organization ? organization.name : ''} 66 | 67 | | 68 |69 | 74 | {city} 75 | 76 | | 77 |78 | 83 | {phone} 84 | 85 | | 86 |
87 |
92 | |
98 |
| 103 | No contacts found. 104 | | 105 |||||
27 |
126 | );
127 | };
128 |
129 | Create.layout = page => 28 | 32 | Organizations 33 | 34 | / Create 35 |
36 |
37 |
124 |
125 |
48 |
66 | This user has been deleted.
67 |
68 | )}
69 |
142 | );
143 | };
144 |
145 | Edit.layout = page =>
50 | 
62 | )}
63 |
64 | {user.deleted_at && (
65 | 51 | 55 | Users 56 | 57 | / 58 | {data.first_name} {data.last_name} 59 |
60 | {user.photo && ( 61 |
70 |
140 |
141 |
30 |
152 | );
153 | };
154 |
155 | Create.layout = page => 31 | 35 | Contacts 36 | 37 | / Create 38 |
39 |
40 |
150 |
151 |