├── resources
    ├── sass
    │   └── tool.scss
    ├── css
    │   └── app.css
    ├── js
    │   ├── components
    │   │   ├── icons
    │   │   │   ├── IconSuccess.vue
    │   │   │   └── IconFailed.vue
    │   │   ├── NotificationsCard.vue
    │   │   ├── NotificationModalFooter.vue
    │   │   ├── NotificationParamForm.vue
    │   │   ├── NotificationParamInput.vue
    │   │   ├── NotificationsOverview.vue
    │   │   ├── NotificationsTable.vue
    │   │   ├── NotificationsSend.vue
    │   │   └── NotificationsParamModal.vue
    │   └── tool.js
    ├── lang
    │   ├── en.json
    │   ├── fr.json
    │   └── it.json
    └── views
    │   └── navigation.blade.php
├── dist
    ├── css
    │   └── tool.css
    └── js
    │   └── tool.js
├── .styleci.yml
├── images
    ├── screenshot_send.png
    ├── screenshot_overview.png
    └── screenshot_parameters.png
├── mix-manifest.json
├── .gitignore
├── tests
    ├── Models
    │   └── TestModel.php
    ├── 2018_09_04_000000_create_test_models_table.php
    ├── Controllers
    │   ├── NotificationStatsControllerTest.php
    │   ├── NotificationClassesControllerTest.php
    │   ├── NotifiableControllerTest.php
    │   └── NotificationControllerTest.php
    ├── ClassFinderTest.php
    ├── Notifications
    │   └── TestNotification.php
    └── TestCase.php
├── webpack.mix.js
├── src
    ├── NovaNotification.php
    ├── Http
    │   ├── Middleware
    │   │   └── Authorize.php
    │   └── Controllers
    │   │   ├── ApiController.php
    │   │   ├── NotificationStatsController.php
    │   │   ├── NotificationController.php
    │   │   ├── NotifiableController.php
    │   │   └── NotificationClassesController.php
    ├── NovaNotifications.php
    ├── ClassFinder.php
    └── ToolServiceProvider.php
├── config
    └── nova-notifications.php
├── .travis.yml
├── database
    ├── factories
    │   ├── TestModelFactory.php
    │   └── NovaNotificationFactory.php
    └── migrations
    │   └── 2018_09_04_000000_create_nova_notifications_table.php
├── phpunit.xml.dist
├── CHANGELOG.md
├── package.json
├── LICENSE.md
├── routes
    └── api.php
├── composer.json
├── README.md
├── coverage.clover
└── tailwind.js


/resources/sass/tool.scss:
--------------------------------------------------------------------------------
1 | // Nova Tool CSS
2 | 


--------------------------------------------------------------------------------
/resources/css/app.css:
--------------------------------------------------------------------------------
1 | /*@tailwind components;*/
2 | /*@tailwind utilities;*/


--------------------------------------------------------------------------------
/dist/css/tool.css:
--------------------------------------------------------------------------------
1 | /*@tailwind components;*/
2 | 
3 | /*@tailwind utilities;*/
4 | 


--------------------------------------------------------------------------------
/.styleci.yml:
--------------------------------------------------------------------------------
1 | preset: laravel
2 | 
3 | disabled:
4 | - single_class_element_per_statement


--------------------------------------------------------------------------------
/images/screenshot_send.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/christophrumpel/nova-notifications/HEAD/images/screenshot_send.png


--------------------------------------------------------------------------------
/mix-manifest.json:
--------------------------------------------------------------------------------
1 | {
2 |     "/dist/js/tool.js": "/dist/js/tool.js",
3 |     "/dist/css/tool.css": "/dist/css/tool.css"
4 | }


--------------------------------------------------------------------------------
/images/screenshot_overview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/christophrumpel/nova-notifications/HEAD/images/screenshot_overview.png


--------------------------------------------------------------------------------
/images/screenshot_parameters.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/christophrumpel/nova-notifications/HEAD/images/screenshot_parameters.png


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | /.idea
 2 | /vendor
 3 | /node_modules
 4 | package-lock.json
 5 | composer.phar
 6 | composer.lock
 7 | phpunit.xml
 8 | .phpunit.result.cache
 9 | .DS_Store
10 | Thumbs.db
11 | 


--------------------------------------------------------------------------------
/tests/Models/TestModel.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Tests\Models;
 4 | 
 5 | use Illuminate\Database\Eloquent\Model;
 6 | use Illuminate\Notifications\Notifiable;
 7 | 
 8 | class TestModel extends Model
 9 | {
10 |     use Notifiable;
11 | }
12 | 


--------------------------------------------------------------------------------
/webpack.mix.js:
--------------------------------------------------------------------------------
1 | let mix = require('laravel-mix')
2 | let tailwindcss = require('tailwindcss')
3 | 
4 | mix.js('resources/js/tool.js', 'dist/js')
5 |    .sass('resources/sass/tool.scss', 'dist/css')
6 |     .postCss('resources/css/app.css', 'dist/css/tool.css', [tailwindcss('tailwind.js')]);
7 | 


--------------------------------------------------------------------------------
/src/NovaNotification.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications;
 4 | 
 5 | use Illuminate\Database\Eloquent\Model;
 6 | 
 7 | class NovaNotification extends Model
 8 | {
 9 |     protected $fillable = ['notification', 'notifiable_type', 'notifiable_id', 'channel', 'failed'];
10 | }
11 | 


--------------------------------------------------------------------------------
/resources/js/components/icons/IconSuccess.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2.93 17.07A10 10 0 1 0 17.07 2.93 10 10 0 0 0 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM4 10l2-2 3 3 5-5 2 2-7 7-5-5z" fill="var(--success)" fill-rule="evenodd"/></svg>
3 | </template>


--------------------------------------------------------------------------------
/resources/js/components/icons/IconFailed.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11.41 10l2.83-2.83-1.41-1.41L10 8.59 7.17 5.76 5.76 7.17 8.59 10l-2.83 2.83 1.41 1.41L10 11.41l2.83 2.83 1.41-1.41L11.41 10zm-8.48 7.07A10 10 0 1 0 17.07 2.93 10 10 0 0 0 2.93 17.07zm1.41-1.41A8 8 0 1 0 15.66 4.34 8 8 0 0 0 4.34 15.66z" fill="var(--danger)" fill-rule="evenodd"/></svg>
3 | </template>


--------------------------------------------------------------------------------
/config/nova-notifications.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     /*
 5 |      * The namespaces you want to check for Notification classes.
 6 |      */
 7 |     'notifiableNamespaces' => [
 8 |         'App',
 9 |     ],
10 |     /*
11 |      * The namespaces you want to check for Notifiable classes.
12 |      */
13 |     'notificationNamespaces' => [
14 |         'App\Notifications',
15 |         'Illuminate',
16 |     ],
17 | ];
18 | 


--------------------------------------------------------------------------------
/resources/js/tool.js:
--------------------------------------------------------------------------------
 1 | 
 2 | Nova.booting((Vue, router) => {
 3 |     router.addRoutes([
 4 |         {
 5 |             name: 'nova-notifications',
 6 |             path: '/nova-notifications',
 7 |             component: require('./components/NotificationsOverview'),
 8 |         },
 9 |         {
10 |             name: 'nova-notifications-send',
11 |             path: '/nova-notifications-send',
12 |             component: require('./components/NotificationsSend'),
13 |         },
14 |     ])
15 | 
16 | })
17 | 
18 | 
19 | 
20 | 


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | language: php
 2 | 
 3 | php:
 4 |   - 7.2
 5 |   - 7.3
 6 | 
 7 | env:
 8 |   matrix:
 9 |     - COMPOSER_FLAGS="--prefer-lowest"
10 |     - COMPOSER_FLAGS=""
11 | 
12 | before_script:
13 |   - travis_retry composer self-update
14 |   - travis_retry composer update ${COMPOSER_FLAGS} --no-interaction --prefer-source
15 | 
16 | script:
17 |   - vendor/bin/phpunit --coverage-text --coverage-clover=coverage.clover
18 | 
19 | after_script:
20 |   - php vendor/bin/ocular code-coverage:upload --format=php-clover coverage.clover


--------------------------------------------------------------------------------
/src/Http/Middleware/Authorize.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Http\Middleware;
 4 | 
 5 | use Christophrumpel\NovaNotifications\NovaNotifications;
 6 | 
 7 | class Authorize
 8 | {
 9 |     /**
10 |      * Handle the incoming request.
11 |      *
12 |      * @param  \Illuminate\Http\Request  $request
13 |      * @param  \Closure  $next
14 |      * @return \Illuminate\Http\Response
15 |      */
16 |     public function handle($request, $next)
17 |     {
18 |         return resolve(NovaNotifications::class)->authorize($request) ? $next($request) : abort(403);
19 |     }
20 | }
21 | 


--------------------------------------------------------------------------------
/database/factories/TestModelFactory.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Christophrumpel\NovaNotifications\Tests\Models\TestModel;
 4 | use Faker\Generator as Faker;
 5 | 
 6 | /*
 7 | |--------------------------------------------------------------------------
 8 | | Model Factories
 9 | |--------------------------------------------------------------------------
10 | |
11 | | This directory should contain each of the model factory definitions for
12 | | your application. Factories provide a convenient way to generate new
13 | | model instances for testing / seeding your application's database.
14 | |
15 | */
16 | 
17 | $factory->define(TestModel::class, function (Faker $faker) {
18 |     return [
19 |     ];
20 | });
21 | 


--------------------------------------------------------------------------------
/src/Http/Controllers/ApiController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Http\Controllers;
 4 | 
 5 | use Illuminate\Http\Response;
 6 | use ReflectionClass;
 7 | 
 8 | abstract class ApiController
 9 | {
10 |     public function respondSuccess(): Response
11 |     {
12 |         return response('', Response::HTTP_NO_CONTENT);
13 |     }
14 | 
15 |     public function isEloquentModelClass(string $className)
16 |     {
17 |         try {
18 |             $classInfo = new ReflectionClass($className);
19 |         } catch (\ReflectionException $e) {
20 |             return false;
21 |         }
22 | 
23 |         return $classInfo->isSubclassOf('Illuminate\Database\Eloquent\Model');
24 |     }
25 | }
26 | 


--------------------------------------------------------------------------------
/resources/js/components/NotificationsCard.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="w-1/2">
 3 |         <p class="text-sm uppercase mb-2 text-80">{{ header }}</p>
 4 | 
 5 |         <div>
 6 |             <p class="text-2xl">
 7 |                 {{ value }}
 8 |             </p>
 9 |         </div>
10 |     </div>
11 | </template>
12 | 
13 | <script>
14 |     export default {
15 |         props: {
16 |             value: '',
17 |             header: ''
18 |         },
19 |         data: () => ({
20 |             initialLoading: false,
21 |             notifications: null
22 |         }),
23 |         mounted() {
24 |         },
25 |         methods: {}
26 |     }
27 | </script>
28 | 
29 | <style>
30 |     /* Scoped Styles */
31 | </style>
32 | 


--------------------------------------------------------------------------------
/phpunit.xml.dist:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <phpunit bootstrap="vendor/autoload.php"
 3 |          backupGlobals="false"
 4 |          backupStaticAttributes="false"
 5 |          colors="true"
 6 |          verbose="true"
 7 |          convertErrorsToExceptions="true"
 8 |          convertNoticesToExceptions="true"
 9 |          convertWarningsToExceptions="true"
10 |          processIsolation="false"
11 |          stopOnFailure="false">
12 |     <testsuites>
13 |         <testsuite name="Test Suite">
14 |             <directory>tests</directory>
15 |         </testsuite>
16 |     </testsuites>
17 |     <filter>
18 |         <whitelist>
19 |             <directory suffix=".php">src/</directory>
20 |         </whitelist>
21 |     </filter>
22 | </phpunit>


--------------------------------------------------------------------------------
/tests/2018_09_04_000000_create_test_models_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | class CreateTestModelsTable extends Migration
 8 | {
 9 |     /**
10 |      * Run the migrations.
11 |      *
12 |      * @return void
13 |      */
14 |     public function up()
15 |     {
16 |         Schema::create('test_models', function (Blueprint $table) {
17 |             $table->increments('id');
18 |             $table->timestamps();
19 |         });
20 |     }
21 | 
22 |     /**
23 |      * Reverse the migrations.
24 |      *
25 |      * @return void
26 |      */
27 |     public function down()
28 |     {
29 |         Schema::dropIfExists('nova_notifications');
30 |     }
31 | }
32 | 


--------------------------------------------------------------------------------
/src/Http/Controllers/NotificationStatsController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Http\Controllers;
 4 | 
 5 | use Illuminate\Support\Facades\DB;
 6 | 
 7 | class NotificationStatsController
 8 | {
 9 |     public function index()
10 |     {
11 |         return [
12 |             'all' => $this->getNotificationsCount(),
13 |             'failed' => $this->getFailedNotificationsCount(),
14 |         ];
15 |     }
16 | 
17 |     private function getNotificationsCount()
18 |     {
19 |         return DB::table('nova_notifications')
20 |             ->count();
21 |     }
22 | 
23 |     private function getFailedNotificationsCount()
24 |     {
25 |         return DB::table('nova_notifications')
26 |             ->where('failed', true)
27 |             ->count();
28 |     }
29 | }
30 | 


--------------------------------------------------------------------------------
/src/NovaNotifications.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications;
 4 | 
 5 | use Laravel\Nova\Nova;
 6 | use Laravel\Nova\Tool;
 7 | 
 8 | class NovaNotifications extends Tool
 9 | {
10 |     /**
11 |      * Perform any tasks that need to happen when the tool is booted.
12 |      *
13 |      * @return void
14 |      */
15 |     public function boot()
16 |     {
17 |         Nova::script('christophrumpel-nova-notifications', __DIR__.'/../dist/js/tool.js');
18 |         Nova::style('christophrumpel-nova-notifications', __DIR__.'/../dist/css/tool.css');
19 |     }
20 | 
21 |     /**
22 |      * Build the view that renders the navigation links for the tool.
23 |      *
24 |      * @return \Illuminate\View\View
25 |      */
26 |     public function renderNavigation()
27 |     {
28 |         return view('nova-notifications::navigation');
29 |     }
30 | }
31 | 


--------------------------------------------------------------------------------
/database/factories/NovaNotificationFactory.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Christophrumpel\NovaNotifications\NovaNotification;
 4 | use Faker\Generator as Faker;
 5 | 
 6 | /*
 7 | |--------------------------------------------------------------------------
 8 | | Model Factories
 9 | |--------------------------------------------------------------------------
10 | |
11 | | This directory should contain each of the model factory definitions for
12 | | your application. Factories provide a convenient way to generate new
13 | | model instances for testing / seeding your application's database.
14 | |
15 | */
16 | 
17 | $factory->define(NovaNotification::class, function (Faker $faker) {
18 |     return [
19 |         'notification' => $faker->name,
20 |         'notifiable_type' => $faker->unique()->safeEmail,
21 |         'notifiable_id' => $faker->numberBetween(1, 100),
22 |         'channel' => collect(['twitter', 'email', 'Database'])->random(),
23 |         'failed' => false,
24 |     ];
25 | });
26 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # Changelog
 2 | 
 3 | All notable changes to `nova-notifications` will be documented in this file.
 4 | 
 5 | ## 1.0.6 - 09.10.2018
 6 | 
 7 | * Remove custom styles to avoid Nova styles overriding
 8 | 
 9 | ## 1.0.5
10 | 
11 | * Fix bug where notifications were not shown if there was only one
12 | * Change how notifications and notifiables are found. Works not automatically. So the config is not necessary anymore.
13 | 
14 | ## 1.0.4
15 | 
16 | * Remove TailwindCSS preflight to prevent overriding styles in Nova itself
17 | * Make notificationClasses per default an array to prevent problem with checking length
18 | 
19 | ## 1.0.3
20 | 
21 | * Added translation files for EN and FR
22 | * Style CI fixes
23 | 
24 | ## 1.0.2 - 2018-09-10
25 | 
26 | - The path to the migration directory was wrong. This was fixed.
27 | 
28 | ## 1.0.1 - 2018-09-10
29 | 
30 | - The error message was not being shown on the send page when there was no notification class. This was fixed.
31 | 
32 | ## 1.0.0 - 2018-09-10
33 | 
34 | - Initial release


--------------------------------------------------------------------------------
/tests/Controllers/NotificationStatsControllerTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Tests;
 4 | 
 5 | use Christophrumpel\NovaNotifications\NovaNotification;
 6 | 
 7 | class NotificationStatsControllerTest extends TestCase
 8 | {
 9 |     /** @test * */
10 |     public function it_returns_empty_stats_for_no_nova_notifications()
11 |     {
12 |         $this->get('nova-vendor/nova-notifications/notifications/stats')
13 |             ->assertSuccessful();
14 |     }
15 | 
16 |     /** @test * */
17 |     public function it_returns_stats_for_nova_notifications()
18 |     {
19 |         factory(NovaNotification::class)
20 |             ->times(2)
21 |             ->create();
22 | 
23 |         factory(NovaNotification::class)->create([
24 |             'failed' => true,
25 |         ]);
26 | 
27 |         $this->get('nova-vendor/nova-notifications/notifications/stats')
28 |             ->assertSuccessful()
29 |             ->assertJson([
30 |                 'all' => 3,
31 |                 'failed' => 1,
32 |             ]);
33 |     }
34 | }
35 | 


--------------------------------------------------------------------------------
/tests/ClassFinderTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\tests;
 4 | 
 5 | use Christophrumpel\NovaNotifications\ClassFinder;
 6 | 
 7 | class ClassFinderTest extends TestCase
 8 | {
 9 |     /**
10 |      * @test
11 |      **/
12 |     public function it_find_classes()
13 |     {
14 |         $this->app->setBasePath(__DIR__.'/..');
15 | 
16 |         $classFinder = app(ClassFinder::class);
17 | 
18 |         $response = $classFinder->find('Illuminate\Database\Eloquent\Model', ['App']);
19 | 
20 |         $this->assertInstanceOf('Illuminate\Support\Collection', $response);
21 |     }
22 | 
23 |     /**
24 |      * @test
25 |      **/
26 |     public function it_find_classes_which_are_extending_a_specific_class()
27 |     {
28 |         $this->app->setBasePath(__DIR__.'/..');
29 | 
30 |         $classFinder = app(ClassFinder::class);
31 | 
32 |         $response = $classFinder->findByExtending('Illuminate\Database\Eloquent\Model', ['App']);
33 | 
34 |         $this->assertInstanceOf('Illuminate\Support\Collection', $response);
35 |     }
36 | }
37 | 


--------------------------------------------------------------------------------
/database/migrations/2018_09_04_000000_create_nova_notifications_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | class CreateNovaNotificationsTable extends Migration
 8 | {
 9 |     /**
10 |      * Run the migrations.
11 |      *
12 |      * @return void
13 |      */
14 |     public function up()
15 |     {
16 |         Schema::create('nova_notifications', function (Blueprint $table) {
17 |             $table->increments('id');
18 |             $table->string('notification');
19 |             $table->string('notifiable_type');
20 |             $table->string('notifiable_id');
21 |             $table->string('channel');
22 |             $table->boolean('failed')->default(false);
23 |             $table->timestamps();
24 |         });
25 |     }
26 | 
27 |     /**
28 |      * Reverse the migrations.
29 |      *
30 |      * @return void
31 |      */
32 |     public function down()
33 |     {
34 |         Schema::dropIfExists('nova_notifications');
35 |     }
36 | }
37 | 


--------------------------------------------------------------------------------
/resources/js/components/NotificationModalFooter.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="bg-30 px-6 py-3 flex">
 3 |         <div class="ml-auto">
 4 |             <button type="button" data-testid="cancel-button" @click="handleCancel"
 5 |                     class="btn text-80 font-normal h-9 px-3 mr-3 btn-link">{{__('Cancel')}}
 6 |             </button>
 7 |             <button class="btn btn-default btn-primary" @click="handleSubmit">
 8 |                 <span>{{__('Send')}}</span>
 9 |             </button>
10 |         </div>
11 |     </div>
12 | </template>
13 | 
14 | <script>
15 |     export default {
16 |         props: {
17 |             formObj: null,
18 |             selectedNotification: null
19 |         },
20 |         data: () => ({
21 |         }),
22 |         methods: {
23 |             handleSubmit: function() {
24 |                 this.$root.$emit('submitModal', this.selectedNotification.parameters, this.formObj)
25 |             },
26 |             handleCancel: function() {
27 |                 this.$root.$emit('cancelModal')
28 |             }
29 |         }
30 |     }
31 | </script>
32 | 


--------------------------------------------------------------------------------
/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": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
 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 --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
11 |     },
12 |     "devDependencies": {
13 |         "cross-env": "^5.0.0",
14 |         "laravel-mix": "^1.0",
15 |         "tailwindcss": "^0.6.0"
16 |     },
17 |     "dependencies": {
18 |         "vue": "^2.5.0"
19 |     }
20 | }
21 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) Christoph Rumpel
 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 | 


--------------------------------------------------------------------------------
/resources/lang/en.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "Nova Notifications": "Nova Notifications",
 3 |     "Define Notification Parameters": "Define Notification Parameters",
 4 |     "Cancel": "Cancel",
 5 |     "Channel": "Channel",
 6 |     "Date": "Date",
 7 |     "Name": "Name",
 8 |     "Notifiable": "Notifiable",
 9 |     "Notifiables": "Notifiables",
10 |     "Notifiable ID": "Notifiable ID",
11 |     "Notifiable Item": "Notifiable Item",
12 |     "Notifiable Type": "Notifiable Type",
13 |     "Notification": "Notification",
14 |     "Notification has not been chosen.": "Notification has not been chosen.",
15 |     "Notification has been sent!": "Notification has been sent!",
16 |     "Overview": "Overview",
17 |     "Parameters": "Parameters",
18 |     "Select": "Select",
19 |     "Sent": "Sent",
20 |     "Send": "Send",
21 |     "Send Notification": "Send Notification",
22 |     "Send Notification To": "Send Notification To",
23 |     "The notification could not be created with the provided information": "The notification could not be created with the provided information",
24 |     "There has been an error!": "There has been an error!",
25 |     "You don't have any notification classes yet.": "You don't have any notification classes yet."
26 | }


--------------------------------------------------------------------------------
/resources/lang/fr.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "Nova Notifications": "Notifications",
 3 |     "Define Notification Parameters": "Paramètres de la notification",
 4 |     "Cancel": "Annuler",
 5 |     "Channel": "Channel",
 6 |     "Date": "Date",
 7 |     "Name": "Nom",
 8 |     "Notifiable": "Destinataire",
 9 |     "Notifiables": "Destinataires",
10 |     "Notifiable ID": "ID destinataire",
11 |     "Notifiable Item": "Destinataire",
12 |     "Notifiable Type": "Type destinataire",
13 |     "Notification": "Notification",
14 |     "Notification has not been chosen.": "Aucune notification choisie.",
15 |     "Notification has been sent!": "La notification a été envoyée !",
16 |     "Overview": "Vue d'ensemble",
17 |     "Parameters": "Paramètres",
18 |     "Select": "Selectionner",
19 |     "Sent": "Envoyé",
20 |     "Send": "Envoyer",
21 |     "Send Notification": "Envoyer la notification",
22 |     "Send Notification To": "Destinataire",
23 |     "The notification could not be created with the provided information": "La notification ne peut être créée avec le paramètres fournis",
24 |     "There has been an error!": "Il y'a eu une erreur !",
25 |     "You don't have any notification classes yet.": "Aucune notification n'est disponible."
26 | }


--------------------------------------------------------------------------------
/routes/api.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Christophrumpel\NovaNotifications\Http\Controllers\NotifiableController;
 4 | use Christophrumpel\NovaNotifications\Http\Controllers\NotificationClassesController;
 5 | use Christophrumpel\NovaNotifications\Http\Controllers\NotificationController;
 6 | use Christophrumpel\NovaNotifications\Http\Controllers\NotificationStatsController;
 7 | use Illuminate\Support\Facades\Route;
 8 | 
 9 | /*
10 | |--------------------------------------------------------------------------
11 | | Tool API Routes
12 | |--------------------------------------------------------------------------
13 | |
14 | | Here is where you may register API routes for your tool. These routes
15 | | are loaded by the ServiceProvider of your tool. They are protected
16 | | by your tool's "Authorize" middleware by default. Now, go build!
17 | |
18 | */
19 | 
20 | Route::get('/notifications', NotificationController::class.'@index');
21 | Route::post('/notifications/send', NotificationController::class.'@send');
22 | Route::get('/notifications/stats', NotificationStatsController::class.'@index');
23 | Route::get('/notifications/classes', NotificationClassesController::class.'@index');
24 | Route::get('/notifiables', NotifiableController::class.'@index');
25 | 


--------------------------------------------------------------------------------
/resources/lang/it.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "Nova Notifications": "Notifiche",
 3 |     "Define Notification Parameters": "Specifica i parametri della notifica",
 4 |     "Cancel": "Cancella",
 5 |     "Channel": "Canale",
 6 |     "Date": "Data",
 7 |     "Name": "Nome",
 8 |     "Notifiable": "Destinatario",
 9 |     "Notifiables": "Destinatari",
10 |     "Notifiable ID": "ID destinatario",
11 |     "Notifiable Item": "Destinatario",
12 |     "Notifiable Type": "Tipo destinatario",
13 |     "Notification": "Notifica",
14 |     "Notification has not been chosen.": "La notifica non è stata selezionata.",
15 |     "Notification has been sent!": "Notifica inviata con successo!",
16 |     "Overview": "Panoramica",
17 |     "Parameters": "Parametri",
18 |     "Select": "Seleziona",
19 |     "Sent": "Inviata",
20 |     "Send": "Invia",
21 |     "Send Notification": "Invia notifica",
22 |     "Send Notification To": "Invia notifica a",
23 |     "The notification could not be created with the provided information": "La notifica non potrebbe essere creata con le informazioni specificate",
24 |     "There has been an error!": "Ci sono degli errori!",
25 |     "You don't have any notification classes yet.": "Non hai ancora delle classi che supportino le notifiche."
26 | }
27 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "christophrumpel/nova-notifications",
 3 |     "description": "A Laravel Nova tool for handling Laravel Notifications.",
 4 |     "keywords": [
 5 |         "laravel",
 6 |         "nova",
 7 |         "notifications"
 8 |     ],
 9 |     "license": "MIT",
10 |     "require": {
11 |         "php": ">=7.2.0",
12 |         "laravel/nova": "*"
13 |     },
14 |     "require-dev": {
15 |         "orchestra/testbench": "~3.0",
16 |         "mockery/mockery": "^1.0",
17 |         "phpunit/phpunit": "8.0"
18 |     },
19 |     "autoload": {
20 |         "psr-4": {
21 |             "Christophrumpel\\NovaNotifications\\": "src/"
22 |         }
23 |     },
24 |     "autoload-dev": {
25 |         "psr-4": {
26 |             "Christophrumpel\\NovaNotifications\\Tests\\": "tests/"
27 |         }
28 |     },
29 |     "extra": {
30 |         "laravel": {
31 |             "providers": [
32 |                 "Christophrumpel\\NovaNotifications\\ToolServiceProvider"
33 |             ]
34 |         }
35 |     },
36 |     "repositories": [
37 |         {
38 |             "type": "composer",
39 |             "url": "https://nova.laravel.com"
40 |         }
41 |     ],
42 |     "config": {
43 |         "sort-packages": true
44 |     },
45 |     "minimum-stability": "dev",
46 |     "prefer-stable": true
47 | }
48 | 


--------------------------------------------------------------------------------
/resources/views/navigation.blade.php:
--------------------------------------------------------------------------------
 1 | <h3 class="flex items-center font-normal text-white mb-6 text-base no-underline">
 2 |     <svg class="sidebar-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
 3 |         <path fill="var(--sidebar-icon)"
 4 |               d="M3 1h4c1.1045695 0 2 .8954305 2 2v4c0 1.1045695-.8954305 2-2 2H3c-1.1045695 0-2-.8954305-2-2V3c0-1.1045695.8954305-2 2-2zm0 2v4h4V3H3zm10-2h4c1.1045695 0 2 .8954305 2 2v4c0 1.1045695-.8954305 2-2 2h-4c-1.1045695 0-2-.8954305-2-2V3c0-1.1045695.8954305-2 2-2zm0 2v4h4V3h-4zM3 11h4c1.1045695 0 2 .8954305 2 2v4c0 1.1045695-.8954305 2-2 2H3c-1.1045695 0-2-.8954305-2-2v-4c0-1.1045695.8954305-2 2-2zm0 2v4h4v-4H3zm10-2h4c1.1045695 0 2 .8954305 2 2v4c0 1.1045695-.8954305 2-2 2h-4c-1.1045695 0-2-.8954305-2-2v-4c0-1.1045695.8954305-2 2-2zm0 2v4h4v-4h-4z"
 5 |         />
 6 |     </svg>
 7 |     <span class="sidebar-label">{{__('Notifications')}}</span>
 8 | </h3>
 9 | 
10 | <ul class="list-reset mb-8">
11 | 
12 |     <li class="leading-wide mb-4 text-sm">
13 |         <router-link :to="{name: 'nova-notifications'}" class="text-white ml-8 no-underline dim">{{__('Overview')}}</router-link>
14 |     </li>
15 |     <li class="leading-wide mb-4 text-sm">
16 | 
17 |         <router-link :to="{name: 'nova-notifications-send'}" class="text-white ml-8 no-underline dim">{{__('Send')}}</router-link>
18 |     </li>
19 | </ul>
20 | 


--------------------------------------------------------------------------------
/tests/Notifications/TestNotification.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Tests\Notifications;
 4 | 
 5 | use Illuminate\Bus\Queueable;
 6 | use Illuminate\Notifications\Messages\MailMessage;
 7 | use Illuminate\Notifications\Notification;
 8 | 
 9 | class TestNotification extends Notification
10 | {
11 |     use Queueable;
12 | 
13 |     /**
14 |      * @var int
15 |      */
16 |     private $testParam;
17 | 
18 |     /**
19 |      * Create a new notification instance.
20 |      *
21 |      * @param int $testParam
22 |      */
23 |     public function __construct(int $testParam = 1)
24 |     {
25 |         $this->testParam = $testParam;
26 |     }
27 | 
28 |     /**
29 |      * Get the notification's delivery channels.
30 |      *
31 |      * @param  mixed  $notifiable
32 |      * @return array
33 |      */
34 |     public function via($notifiable)
35 |     {
36 |         return ['mail'];
37 |     }
38 | 
39 |     /**
40 |      * Get the mail representation of the notification.
41 |      *
42 |      * @param  mixed  $notifiable
43 |      * @return \Illuminate\Notifications\Messages\MailMessage
44 |      */
45 |     public function toMail($notifiable)
46 |     {
47 |         return (new MailMessage)
48 |             ->line('The introduction to the notification.')
49 |             ->action('Notification Action', url('/'))
50 |             ->line('Thank you for using our application!');
51 |     }
52 | 
53 |     /**
54 |      * Get the array representation of the notification.
55 |      *
56 |      * @param  mixed  $notifiable
57 |      * @return array
58 |      */
59 |     public function toArray($notifiable)
60 |     {
61 |         return [
62 |             //
63 |         ];
64 |     }
65 | }
66 | 


--------------------------------------------------------------------------------
/src/Http/Controllers/NotificationController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Http\Controllers;
 4 | 
 5 | use Illuminate\Http\Request;
 6 | use Illuminate\Support\Facades\DB;
 7 | use Illuminate\Support\Facades\Notification;
 8 | 
 9 | class NotificationController extends ApiController
10 | {
11 |     public function index()
12 |     {
13 |         return DB::table('nova_notifications')
14 |             ->get();
15 |     }
16 | 
17 |     /**
18 |      * @param Request $request
19 |      * @return \Illuminate\Contracts\Routing\ResponseFactory|\Illuminate\Http\Response
20 |      */
21 |     public function send(Request $request)
22 |     {
23 |         $notificationClass = $request->get('notification')['name'];
24 |         $params = collect($request->get('notificationParameters'))->map(function ($param) {
25 |             if ($this->isEloquentModelClass($param['type'])) {
26 |                 return $param['type']::findOrFail($param['value']);
27 |             }
28 | 
29 |             return $param['value'];
30 |         });
31 | 
32 |         if (! class_exists($notificationClass)) {
33 |             return response('', 400);
34 |         }
35 | 
36 |         try {
37 |             $notification = $params ? new $notificationClass(...$params) : new $notificationClass();
38 |         } catch (\Throwable $e) {
39 |             return response(__('The notification could not be created with the provided information'), 422);
40 |         }
41 | 
42 |         $notifiable = str_replace('.', '\\', $request->get('notifiable')['name']);
43 | 
44 |         Notification::send($notifiable::findOrFail($request->get('notifiable')['value']), $notification);
45 | 
46 |         $this->respondSuccess();
47 |     }
48 | }
49 | 


--------------------------------------------------------------------------------
/tests/Controllers/NotificationClassesControllerTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Tests;
 4 | 
 5 | use Christophrumpel\NovaNotifications\ClassFinder;
 6 | use Mockery;
 7 | 
 8 | class NotificationClassesControllerTest extends TestCase
 9 | {
10 |     protected $testNotificationClassName;
11 | 
12 |     protected $classFinder;
13 | 
14 |     public function setUp(): void
15 |     {
16 |         parent::setUp();
17 | 
18 |         $this->disableExceptionHandling();
19 | 
20 |         $this->testNotificationClassName = 'Christophrumpel\NovaNotifications\Tests\Notifications\TestNotification';
21 | 
22 |         $this->classFinder = Mockery::mock(ClassFinder::class);
23 |         $this->app->instance(ClassFinder::class, $this->classFinder);
24 |     }
25 | 
26 |     /**
27 |      * @test
28 |      **/
29 |     public function it_returns_given_notification_classes()
30 |     {
31 |         $this->classFinder->shouldReceive('findByExtending')
32 |             ->withArgs(['Illuminate\Notifications\Notification', config('nova-notifications.notificationNamespaces')])
33 |             ->andReturn(collect([$this->testNotificationClassName]));
34 | 
35 |         $this->get('nova-vendor/nova-notifications/notifications/classes')
36 |             ->assertSuccessful()
37 |             ->assertJson([
38 |                 [
39 |                     'name' => $this->testNotificationClassName,
40 |                     'parameters' => [
41 |                         [
42 |                             'name' => 'testParam',
43 |                             'type' => 'int',
44 |                             'options' => '',
45 |                         ],
46 |                     ],
47 |                 ],
48 |             ]);
49 |     }
50 | }
51 | 


--------------------------------------------------------------------------------
/src/Http/Controllers/NotifiableController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Http\Controllers;
 4 | 
 5 | use Christophrumpel\NovaNotifications\ClassFinder;
 6 | use ReflectionClass;
 7 | 
 8 | class NotifiableController extends ApiController
 9 | {
10 |     /**
11 |      * @var ClassFinder
12 |      */
13 |     private $classFinder;
14 | 
15 |     /**
16 |      * NotifiableController constructor.
17 |      *
18 |      * @param ClassFinder $classFinder
19 |      */
20 |     public function __construct(ClassFinder $classFinder)
21 |     {
22 |         $this->classFinder = $classFinder;
23 |     }
24 | 
25 |     public function index()
26 |     {
27 |         $modelClasses = $this->classFinder->findByExtending('Illuminate\Database\Eloquent\Model', config('nova-notifications.notifiableNamespaces'))
28 |             ->filter(function ($className) {
29 |                 $classInfo = new ReflectionClass($className);
30 | 
31 |                 return in_array('Illuminate\Notifications\Notifiable', $classInfo->getTraitNames());
32 |             })
33 |             ->map(function ($className) {
34 |                 return [
35 |                     'name' => str_replace('\\', '.', $className),
36 |                     'options' => $className::all(),
37 |                 ];
38 |             });
39 | 
40 |         $options = $modelClasses->map(function ($notifiable) {
41 |             return [
42 |                 'name' => $notifiable['name'],
43 |             ];
44 |         })
45 |             ->toArray();
46 | 
47 |         return [
48 |             'data' => $modelClasses->values(),
49 |             'filter' => [
50 |                 'name' => __('Notifiables'),
51 |                 'options' => $options,
52 |             ],
53 |         ];
54 |     }
55 | }
56 | 


--------------------------------------------------------------------------------
/resources/js/components/NotificationParamForm.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div>
 3 | 
 4 |         <heading :level="2" class="mt-6 mb-6">{{__('Send Notification To')}}</heading>
 5 | 
 6 |         <notification-param-input
 7 |                 v-model="formObj"
 8 |                 :item="notifiables.filter"
 9 |                 :index="'notifiable'"
10 |                 :key="notifiables.filter.name"
11 |                 :valueKey="'name'"
12 |                 :bindToModel="selectedNotifiable.name"
13 |         ></notification-param-input>
14 | 
15 | 
16 |         <notification-param-input
17 |                 v-if="showNotifiables"
18 |                 :values="notifiables.notifiables"
19 |         ></notification-param-input>
20 | 
21 |         <div v-if="selectedNotification.parameters.length">
22 |             <heading :level="2" class="mb-6">Define Notification Parameters</heading>
23 | 
24 |             <notification-param-input
25 |                     v-for="(item, index) in selectedNotification.parameters"
26 |                     :item="item"
27 |                     :index="index"
28 |                     :key="item.id"
29 |                     :valueKey="'id'"
30 |                     :bindToModel="item.value"
31 |             ></notification-param-input>
32 | 
33 |         </div>
34 |     </div>
35 | </template>
36 | 
37 | <script>
38 | 
39 |     import NotificationParamInput from "./NotificationParamInput";
40 | 
41 |     export default {
42 |         components: {NotificationParamInput},
43 |         props: {
44 |             selectedNotification: null,
45 |             selectedNotifiable: null,
46 |             notifiables: null,
47 |             formObj: null
48 |         },
49 |         data: () => ({
50 |             showNotifiables: false,
51 |         })
52 |     }
53 | </script>
54 | 
55 | 


--------------------------------------------------------------------------------
/resources/js/components/NotificationParamInput.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="md:flex md:items-center mb-6">
 3 |         <div class="md:w-1/3">
 4 |             <label class="block text-grey font-bold md:text-right mb-1 md:mb-0 pr-4"
 5 |                    :for="'value-' + index">
 6 |                 {{ value.name }}
 7 |             </label>
 8 |         </div>
 9 | 
10 |         <div class="md:w-2/3">
11 |             <div class="relative" v-if="value.options">
12 |                 <select v-model="value.value"
13 |                         class="block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-grey">
14 |                     <option v-for="option in value.options" :value="option['']">
15 |                         {{ option.name }} {{option.id ? '(id: ' + option.id + ')' : '' }}
16 |                     </option>
17 |                 </select>
18 |                 <div class="pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker">
19 |                     <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
20 |                         <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
21 |                     </svg>
22 |                 </div>
23 |             </div>
24 |             <input v-else v-model="value.value" :id="'value-' + index" type="text"
25 |                    class="w-full h-full form-control form-input form-input-bordered py-3"
26 |                    :placeholder="value.type" autofocus required>
27 |         </div>
28 |     </div>
29 | </template>
30 | 
31 | <script>
32 |     export default {
33 | 
34 |         props: {
35 |             value: null,
36 |             index: null
37 |         },
38 |         data: () => ({}),
39 |         mounted() {
40 |         },
41 |         methods: {}
42 |     }
43 | </script>
44 | 


--------------------------------------------------------------------------------
/resources/js/components/NotificationsOverview.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div>
 3 |         <heading class="mb-6">{{__('Nova Notifications')}}</heading>
 4 |         <loading-card :loading="initialLoading" class="flex flex-wrap py-8 mb-8 text-center">
 5 |             <notification-card header="Notifications Sent" :value="notificationsCount"></notification-card>
 6 |             <notification-card header="Notifications Failed" :value="notificationsFailedCount"></notification-card>
 7 |         </loading-card>
 8 |         <notifications-table v-if="notificationsCount > 0"></notifications-table>
 9 |     </div>
10 | </template>
11 | 
12 | <script>
13 |     import NotificationsTable from "./NotificationsTable";
14 |     import NotificationsCard from "./NotificationsCard";
15 | 
16 |     export default {
17 |         components: {NotificationCard: NotificationsCard, NotificationsTable},
18 |         data: () => ({
19 |             initialLoading: true,
20 |             notificationsCount: 0,
21 |             notificationsFailedCount: 0
22 |         }),
23 |         created() {
24 |             this.getNotificationStats();
25 |         },
26 |         methods: {
27 |             getNotificationStats() {
28 |                 Nova.request().get('/nova-vendor/nova-notifications/notifications/stats')
29 |                     .then((response) => {
30 |                         this.notificationsCount = response.data.all;
31 |                         this.notificationsFailedCount = response.data.failed;
32 |                         this.initialLoading = false;
33 |                     })
34 |             },
35 |             getNotificationsFailedCount() {
36 |                 Nova.request().get('/nova-vendor/nova-notifications/notifications-failed-count')
37 |                     .then((response) => {
38 |                         this.notificationsFailedCount = response.data;
39 |                         this.initialLoading = false;
40 |                     })
41 |             },
42 |         }
43 |     }
44 | </script>
45 | 
46 | <style>
47 |     /* Scoped Styles */
48 | </style>
49 | 


--------------------------------------------------------------------------------
/src/ClassFinder.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications;
 4 | 
 5 | use Illuminate\Support\Collection;
 6 | use Illuminate\Support\Str;
 7 | use ReflectionClass;
 8 | 
 9 | class ClassFinder
10 | {
11 |     /**
12 |      * @return mixed
13 |      */
14 |     public function getNamespace()
15 |     {
16 |         return $this->getAppNamespace();
17 |     }
18 | 
19 |     /**
20 |      * @param string $nameSpace
21 |      * @return Collection
22 |      */
23 |     public function find(string $nameSpace): Collection
24 |     {
25 |         $composer = require base_path('vendor/autoload.php');
26 | 
27 |         return collect($composer->getClassMap())->filter(function ($value, $key) use ($nameSpace) {
28 |             return Str::startsWith($key, $nameSpace);
29 |         });
30 |     }
31 | 
32 |     /**
33 |      * Find classes which are extending a specific class.
34 |      *
35 |      * @param string $classNameToFind
36 |      * @param array $namespacesToSearch
37 |      * @return Collection
38 |      */
39 |     public function findByExtending(string $classNameToFind, array $namespacesToSearch): Collection
40 |     {
41 |         $composer = require base_path('vendor/autoload.php');
42 | 
43 |         return collect($composer->getClassMap())
44 |             ->keys()
45 |             ->filter(function ($className) {
46 |                 return $className !== 'Illuminate\Filesystem\Cache';
47 |             })
48 |             ->filter(function ($className) use ($namespacesToSearch) {
49 |                 return collect($namespacesToSearch)
50 |                     ->filter(function ($namespace) use ($className) {
51 |                         return Str::startsWith($className, $namespace);
52 |                     })
53 |                     ->count();
54 |             })
55 |             ->filter(function ($className) use ($classNameToFind) {
56 |                 try {
57 |                     $classInfo = new ReflectionClass($className);
58 |                 } catch (\Exception $e) {
59 |                     return false;
60 |                 }
61 | 
62 |                 return $classInfo->isSubclassOf($classNameToFind);
63 |             });
64 |     }
65 | }
66 | 


--------------------------------------------------------------------------------
/tests/Controllers/NotifiableControllerTest.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Tests;
 4 | 
 5 | use Christophrumpel\NovaNotifications\ClassFinder;
 6 | use Mockery;
 7 | 
 8 | class NotifiableControllerTest extends TestCase
 9 | {
10 |     /**
11 |      * @test
12 |      **/
13 |     public function it_returns_no_results()
14 |     {
15 |         $classFinder = Mockery::mock(ClassFinder::class);
16 |         $this->app->instance(ClassFinder::class, $classFinder);
17 | 
18 |         $classFinder->shouldReceive('findByExtending')
19 |             ->withArgs(['Illuminate\Database\Eloquent\Model', ['App']])
20 |             ->andReturn(collect([]));
21 | 
22 |         $response = $this->get('nova-vendor/nova-notifications/notifiables')
23 |             ->assertSuccessful();
24 | 
25 |         $output = json_decode($response->getContent());
26 |         $this->assertEmpty($output->data);
27 |     }
28 | 
29 |     /**
30 |      * @test
31 |      **/
32 |     public function it_returns_given_notifiable()
33 |     {
34 |         $testModelClassName = 'Christophrumpel\NovaNotifications\Tests\Models\TestModel';
35 |         $testModelClassNameDots = str_replace('\\', '.', $testModelClassName);
36 |         $classFinder = Mockery::mock(ClassFinder::class);
37 |         $this->app->instance(ClassFinder::class, $classFinder);
38 | 
39 |         $classFinder->shouldReceive('findByExtending')
40 |             ->withArgs(['Illuminate\Database\Eloquent\Model', ['App']])
41 |             ->andReturn(collect([$testModelClassName]));
42 | 
43 |         $this->get('nova-vendor/nova-notifications/notifiables')
44 |             ->assertSuccessful()
45 |             ->assertJson([
46 |                 'data' => [
47 |                     [
48 |                         'name' => $testModelClassNameDots,
49 |                         'options' => [],
50 |                     ],
51 |                 ],
52 |                 'filter' => [
53 |                     'name' => 'Notifiables',
54 |                     'options' => [
55 |                         [
56 |                             'name' => $testModelClassNameDots,
57 |                         ],
58 |                     ],
59 |                 ],
60 |             ]);
61 |     }
62 | }
63 | 


--------------------------------------------------------------------------------
/tests/TestCase.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Tests;
 4 | 
 5 | use Christophrumpel\NovaNotifications\ToolServiceProvider;
 6 | use Exception;
 7 | use Illuminate\Contracts\Debug\ExceptionHandler;
 8 | use Illuminate\Support\Facades\Route;
 9 | use Orchestra\Testbench\Exceptions\Handler;
10 | use Orchestra\Testbench\TestCase as Orchestra;
11 | 
12 | abstract class TestCase extends Orchestra
13 | {
14 |     public function setUp(): void
15 |     {
16 |         parent::setUp();
17 |         Route::middlewareGroup('nova', []);
18 |         $this->loadMigrationsFrom(__DIR__.'/../database/migrations');
19 |         $this->loadMigrationsFrom(__DIR__.'/../tests/');
20 |         $this->withFactories(__DIR__.'/../database/factories');
21 |     }
22 | 
23 |     protected function getPackageProviders($app)
24 |     {
25 |         return [
26 |             ToolServiceProvider::class,
27 |         ];
28 |     }
29 | 
30 |     /**
31 |      * Define environment setup.
32 |      *
33 |      * @param  \Illuminate\Foundation\Application $app
34 |      * @return void
35 |      */
36 |     protected function getEnvironmentSetUp($app)
37 |     {
38 |         // Setup default database to use sqlite :memory:
39 |         $app['config']->set('database.default', 'testbench');
40 |         $app['config']->set('database.connections.testbench', [
41 |             'driver' => 'sqlite',
42 |             'database' => ':memory:',
43 |             'prefix' => '',
44 |         ]);
45 | 
46 |         $app['config']->set('nova-notifications.modelNamespace', 'Christophrumpel\NovaNotifications\Tests\Models');
47 | 
48 |         $app['config']->set('nova-notifications.notificationNamespace',
49 |             'Christophrumpel\NovaNotifications\Tests\Notifications');
50 |     }
51 | 
52 |     // Framework-supplied test case methods snipped for brevity
53 |     // Use this version if you're on PHP 7
54 |     protected function disableExceptionHandling()
55 |     {
56 |         $this->app->instance(ExceptionHandler::class, new class extends Handler {
57 |             public function __construct()
58 |             {
59 |             }
60 | 
61 |             public function report(Exception $e)
62 |             {
63 |                 // no-op
64 |             }
65 | 
66 |             public function render($request, Exception $e)
67 |             {
68 |                 throw $e;
69 |             }
70 |         });
71 |     }
72 | }
73 | 


--------------------------------------------------------------------------------
/resources/js/components/NotificationsTable.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <loading-card :loading="initialLoading" class="flex flex-wrap py-8 mb-8 text-center">
 3 | 
 4 |         <table cellpadding="0" cellspacing="0" class="table w-full">
 5 |             <thead>
 6 |             <tr>
 7 |                 <th class="">
 8 |                     ID
 9 |                 </th>
10 |                 <th class="">
11 |                     {{__('Notification')}}
12 |                 </th>
13 |                 <th class="">
14 |                     {{__('Notifiable Type')}}
15 |                 </th>
16 |                 <th class="">
17 |                     {{__('Notifiable ID')}}
18 |                 </th>
19 |                 <th class="">
20 |                     {{__('Channel')}}
21 |                 </th>
22 |                 <th class="">
23 |                     {{__('Sent')}}
24 |                 </th>
25 |                 <th class="">
26 |                     {{__('Date')}}
27 |                 </th>
28 |             </tr>
29 |             </thead>
30 |             <tbody>
31 |             <tr v-for="notification in notifications">
32 |                 <td>{{notification.id}}</td>
33 |                 <td>{{notification.notification}}</td>
34 |                 <td>{{notification.notifiable_type}}</td>
35 |                 <td>{{notification.notifiable_id}}</td>
36 |                 <td>{{notification.channel}}</td>
37 |                 <td>
38 |                     <svg :is="notification.failed ? 'icon-failed' : 'icon-success'" height="24px"/>
39 |                 </td>
40 |                 <td>{{notification.created_at}}</td>
41 |             </tr>
42 |             </tbody>
43 |         </table>
44 |     </loading-card>
45 | 
46 | </template>
47 | 
48 | <script>
49 |     import IconSuccess from './icons/IconSuccess';
50 |     import IconFailed from './icons/IconFailed';
51 | 
52 |     export default {
53 |         data: () => ({
54 |             initialLoading: true,
55 |             notifications: null
56 |         }),
57 |         mounted() {
58 |             this.loadNotifications();
59 |         },
60 |         methods: {
61 |             loadNotifications() {
62 |                 Nova.request().get('/nova-vendor/nova-notifications/notifications').then(response => {
63 |                     this.notifications = response.data;
64 |                     this.initialLoading = false;
65 |                 })
66 |             },
67 |         },
68 |         components: {
69 |             IconSuccess,
70 |             IconFailed,
71 |         }
72 |     }
73 | </script>
74 | 
75 | <style>
76 |     /* Scoped Styles */
77 | </style>
78 | 


--------------------------------------------------------------------------------
/src/Http/Controllers/NotificationClassesController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications\Http\Controllers;
 4 | 
 5 | use Christophrumpel\NovaNotifications\ClassFinder;
 6 | use ReflectionClass;
 7 | use ReflectionMethod;
 8 | use ReflectionParameter;
 9 | use stdClass;
10 | 
11 | class NotificationClassesController extends ApiController
12 | {
13 |     /**
14 |      * @var ClassFinder
15 |      */
16 |     private $classFinder;
17 | 
18 |     /**
19 |      * NotificationClassesController constructor.
20 |      *
21 |      * @param ClassFinder $classFinder
22 |      */
23 |     public function __construct(ClassFinder $classFinder)
24 |     {
25 |         $this->classFinder = $classFinder;
26 |     }
27 | 
28 |     public function index()
29 |     {
30 |         return $this->classFinder->findByExtending('Illuminate\Notifications\Notification', config('nova-notifications.notificationNamespaces'))
31 |             ->map(function ($className) {
32 |                 try {
33 |                     $classInfo = new ReflectionMethod($className, '__construct');
34 |                 } catch (\ReflectionException $e) {
35 |                     return [
36 |                         'name' => $className,
37 |                         'parameters' => [],
38 |                     ];
39 |                 }
40 | 
41 |                 $notificationClassInfo = new stdClass();
42 |                 $notificationClassInfo->name = $classInfo->class;
43 | 
44 |                 $params = collect($classInfo->getParameters())->map(function (ReflectionParameter $param) {
45 |                     $paramTypeName = is_null($param->getType()) ? 'unknown' : $param->getType()
46 |                         ->getName();
47 | 
48 |                     if (class_exists($paramTypeName)) {
49 |                         $class = new ReflectionClass($paramTypeName);
50 |                         $fullyClassName = $class->getName();
51 | 
52 |                         if ($this->isEloquentModelClass($fullyClassName)) {
53 |                             $options = collect($fullyClassName::all())->map(function ($item) {
54 |                                 return [
55 |                                     'id' => $item->id,
56 |                                     'name' => $item->name ?? $item->id,
57 |                                 ];
58 |                             });
59 |                         }
60 |                     }
61 | 
62 |                     return [
63 |                         'name' => $param->getName(),
64 |                         'type' => $paramTypeName,
65 |                         'options' => $options ?? '',
66 |                     ];
67 |                 });
68 | 
69 |                 $notificationClassInfo->parameters = $params;
70 | 
71 |                 return $notificationClassInfo;
72 |             })->values();
73 |     }
74 | }
75 | 


--------------------------------------------------------------------------------
/src/ToolServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Christophrumpel\NovaNotifications;
 4 | 
 5 | use Christophrumpel\NovaNotifications\Http\Middleware\Authorize;
 6 | use Illuminate\Support\Facades\Event;
 7 | use Illuminate\Support\Facades\Route;
 8 | use Illuminate\Support\ServiceProvider;
 9 | 
10 | class ToolServiceProvider extends ServiceProvider
11 | {
12 |     /**
13 |      * Bootstrap any application services.
14 |      *
15 |      * @return void
16 |      */
17 |     public function boot()
18 |     {
19 |         $this->loadViewsFrom(__DIR__.'/../resources/views', 'nova-notifications');
20 | 
21 |         $this->publishes([
22 |             __DIR__.'/../config/nova-notifications.php' => config_path('nova-notifications.php'),
23 |         ], 'config');
24 | 
25 |         $this->publishes([
26 |             __DIR__.'/../resources/lang' => resource_path('lang/vendor/nova-notifications'),
27 |         ], 'nova-notifications-lang');
28 | 
29 |         $this->loadJsonTranslationsFrom(resource_path('lang/vendor/nova-notifications'));
30 | 
31 |         $this->loadMigrationsFrom(__DIR__.'/../database/migrations');
32 | 
33 |         $this->app->booted(function () {
34 |             $this->routes();
35 |         });
36 | 
37 |         Event::listen('Illuminate\Notifications\Events\NotificationSent', function ($event) {
38 |             NovaNotification::create([
39 |                 'notification' => get_class($event->notification),
40 |                 'notifiable_type' => get_class($event->notifiable),
41 |                 'notifiable_id' => $event->notifiable->id ?? '?',
42 |                 'channel' => $event->channel,
43 |                 'failed' => false,
44 |             ]);
45 |         });
46 | 
47 |         Event::listen('Illuminate\Notifications\Events\NotificationFailed', function ($event) {
48 |             NovaNotification::create([
49 |                 'notification' => get_class($event->notification),
50 |                 'notifiable_type' => get_class($event->notifiable),
51 |                 'notifiable_id' => $event->notifiable->id ?? '',
52 |                 'channel' => $event->channel,
53 |                 'failed' => true,
54 |             ]);
55 |         });
56 |     }
57 | 
58 |     /**
59 |      * Register the tool's routes.
60 |      *
61 |      * @return void
62 |      */
63 |     protected function routes()
64 |     {
65 |         if ($this->app->routesAreCached()) {
66 |             return;
67 |         }
68 | 
69 |         Route::middleware(['nova', Authorize::class])
70 |             ->prefix('nova-vendor/nova-notifications')
71 |             ->group(__DIR__.'/../routes/api.php');
72 |     }
73 | 
74 |     /**
75 |      * Register any application services.
76 |      *
77 |      * @return void
78 |      */
79 |     public function register()
80 |     {
81 |         $this->mergeConfigFrom(__DIR__.'/../config/nova-notifications.php', 'nova-notifications');
82 |     }
83 | }
84 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | > :warning: **Note**: This repo is not maintained right now.
  2 | 
  3 | # A Laravel Nova Tool for Handling Laravel Notifications
  4 | 
  5 | With this [Nova](https://nova.laravel.com) tool:
  6 | - You can overview all sent and failed notifications.
  7 | - You can send out notifications. (depening on the notification's dependencies)
  8 | - All sent or failed notifications will be stored in the database.
  9 | 
 10 | [![Latest Version on Packagist](https://img.shields.io/packagist/v/christophrumpel/nova-notifications.svg?style=flat-square)](https://packagist.org/packages/christophrumpel/nova-notifications)
 11 | 
 12 | ![screenshot of nova notifications overview](/images/screenshot_overview.png)
 13 | ![screenshot of nova notifications send](/images/screenshot_send.png)
 14 | 
 15 | ## Requirements
 16 | 
 17 | In order to use this package, you need to have an installation of Laravel with Laravel nova setup.
 18 | 
 19 | ## Installation
 20 | 
 21 | First install the  [Nova](https://nova.laravel.com) package via composer:
 22 | 
 23 | ```bash
 24 | composer require christophrumpel/nova-notifications
 25 | ```
 26 | Then publish the config file(optional):
 27 |  ``` bash
 28 | php artisan vendor:publish --provider="Christophrumpel\NovaNotifications\ToolServiceProvider"
 29 | ```
 30 |  In there, you can define where to look for the Notification classes, as well as the notifiable models.
 31 |  ```php
 32 |  <?php
 33 |  return [
 34 |      /*
 35 |       * The namespaces you want to check for Notification classes.
 36 |       */
 37 |      'notifiableNamespaces' => [
 38 |          'App',
 39 |      ],
 40 |      /*
 41 |       * The namespaces you want to check for Notifiable classes.
 42 |       */
 43 |      'notificationNamespaces' => [
 44 |          'App\Notifications',
 45 |          'Illuminate',
 46 |      ],
 47 |  ];
 48 |  ```
 49 |  
 50 | 
 51 | Next up, you must register the tool via the `tools` method of the `NovaServiceProvider`.
 52 | 
 53 | ```php
 54 | // inside app/Providers/NovaServiceProvder.php
 55 | 
 56 | // ...
 57 | 
 58 | public function tools()
 59 | {
 60 |     return [
 61 |         // ...
 62 |         new \Christophrumpel\NovaNotifications\NovaNotifications()
 63 |     ];
 64 | }
 65 | ```
 66 | 
 67 | You also need to run `php artisan migrate` on your Laravel application so that the new notifications table will be created.
 68 | 
 69 | # Usage
 70 | 
 71 | After installing the tool, you should see the new sidebar navigation item for `Notifications`.
 72 | 
 73 | ## Overview
 74 | 
 75 | On the `Overview` page you can see all of the sent and failed notifications. This only works for notifications sent after installing this package. 
 76 | 
 77 | Usually, only the notifications sent through the `database` channel will be stored in the database. This package comes with a new `nova_notifications` table, where `all` of them get stored.
 78 | 
 79 | ## Send
 80 | 
 81 | On the `Send` page you can see all of your created notification classes.
 82 | 
 83 | If you don't see a newly created notification class, try running `composer dump-autoload`.
 84 | 
 85 | ### Parameters
 86 | 
 87 | Since you notifications often depend on parameters, this package tries to help you with that. All found constructor parameters will be shown when you try to send a notification. If one of the dependencies is an Eloquent Model, you will get a list with all of the items to choose from.
 88 | 
 89 | ![screenshot of nova notifications send](/images/screenshot_parameters.png)
 90 | 
 91 | If you want to create a new notification with custom objects, then this approach will not work for now. If you have a custom use-case, let me know about it, and we can think of a solution.
 92 | 
 93 | ### Testing
 94 | 
 95 | ``` bash
 96 | phpunit tests
 97 | ```
 98 | 
 99 | ### Changelog
100 | 
101 | Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.
102 | 
103 | ### Security
104 | 
105 | If you discover any security-related issues, please email me at c.rumpel@kabsi.at instead of using the issue tracker.
106 | 
107 | ## License
108 | 
109 | The MIT License (MIT).
110 | 


--------------------------------------------------------------------------------
/tests/Controllers/NotificationControllerTest.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace Christophrumpel\NovaNotifications\Tests;
  4 | 
  5 | use Christophrumpel\NovaNotifications\NovaNotification;
  6 | use Christophrumpel\NovaNotifications\Tests\Models\TestModel;
  7 | use Illuminate\Support\Facades\Notification;
  8 | 
  9 | class NotificationControllerTest extends TestCase
 10 | {
 11 |     protected $notificationClassName;
 12 | 
 13 |     public function setUp(): void
 14 |     {
 15 |         parent::setUp();
 16 | 
 17 |         Notification::fake();
 18 |         $this->notificationClassName = 'Christophrumpel\NovaNotifications\Tests\Notifications\TestNotification';
 19 |         factory(TestModel::class)
 20 |             ->times(4)
 21 |             ->create();
 22 |     }
 23 | 
 24 |     /** @test * */
 25 |     public function it_returns_no_nova_notifications()
 26 |     {
 27 |         $this->get('nova-vendor/nova-notifications/notifications')
 28 |             ->assertSuccessful()
 29 |             ->assertJsonCount(0);
 30 |     }
 31 | 
 32 |     /** @test * */
 33 |     public function it_returns_given_nova_notifications()
 34 |     {
 35 |         $notifications = factory(NovaNotification::class)
 36 |             ->times(2)
 37 |             ->create();
 38 | 
 39 |         $this->get('nova-vendor/nova-notifications/notifications')
 40 |             ->assertSuccessful()
 41 |             ->assertJsonCount(2)
 42 |             ->assertJson([
 43 |                 $notifications[0]->toArray(),
 44 |                 $notifications[1]->toArray(),
 45 |             ]);
 46 |     }
 47 | 
 48 |     /** @test * */
 49 |     public function it_does_not_find_the_provided_notification_class()
 50 |     {
 51 |         $notificationData = [
 52 |             'notification' => ['name' => 'NotGivenNotification'],
 53 |             'notificationParameters' => [],
 54 |             'notifiable' => [
 55 |                 'name' => 'App\User',
 56 |                 'value' => '2',
 57 |             ],
 58 |         ];
 59 | 
 60 |         $this->post('nova-vendor/nova-notifications/notifications/send', $notificationData)
 61 |             ->assertStatus(400);
 62 |     }
 63 | 
 64 |     /** @test * */
 65 |     public function it_sends_a_notification()
 66 |     {
 67 |         $this->disableExceptionHandling();
 68 | 
 69 |         $notificationData = [
 70 |             'notification' => ['name' => $this->notificationClassName],
 71 |             'notificationParameters' => [],
 72 |             'notifiable' => [
 73 |                 'name' => 'Christophrumpel\NovaNotifications\Tests\Models\TestModel',
 74 |                 'value' => '2',
 75 |             ],
 76 |         ];
 77 | 
 78 |         $this->post('nova-vendor/nova-notifications/notifications/send', $notificationData)
 79 |             ->assertSuccessful();
 80 | 
 81 |         Notification::assertSentTo(TestModel::find(2), $this->notificationClassName);
 82 |     }
 83 | 
 84 |     /** @test * */
 85 |     public function it_sends_a_notification_with_wrong_notifiable_id()
 86 |     {
 87 |         $notificationData = [
 88 |             'notification' => ['name' => $this->notificationClassName],
 89 |             'notificationParameters' => [],
 90 |             'notifiable' => [
 91 |                 'name' => 'Christophrumpel\NovaNotifications\Tests\Models\TestModel',
 92 |                 'value' => '99',
 93 |             ],
 94 |         ];
 95 | 
 96 |         $this->post('nova-vendor/nova-notifications/notifications/send', $notificationData)
 97 |             ->assertStatus(404);
 98 |     }
 99 | 
100 |     /** @test * */
101 |     public function it_sends_a_notification_with_wrong_params()
102 |     {
103 |         $this->disableExceptionHandling();
104 |         $notificationData = [
105 |             'notification' => ['name' => $this->notificationClassName],
106 |             'notificationParameters' => [
107 |                 [
108 |                     'type' => 'int',
109 |                     'value' => 'wrongInputType',
110 |                 ],
111 |             ],
112 |             'notifiable' => [
113 |                 'name' => 'Christophrumpel\NovaNotifications\Tests\TestModel',
114 |                 'value' => '99',
115 |             ],
116 |         ];
117 | 
118 |         $this->post('nova-vendor/nova-notifications/notifications/send', $notificationData)
119 |             ->assertStatus(422);
120 |     }
121 | }
122 | 


--------------------------------------------------------------------------------
/resources/js/components/NotificationsSend.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div>
  3 |         <heading class="mb-6">{{__('Send Notification')}}</heading>
  4 | 
  5 |         <notifications-param-modal
  6 |                 v-if="selectedNotification"
  7 |                 :selectedNotification="selectedNotification"
  8 |                 :notifiables="notifiables"
  9 |                 :selectedNotifiable="selectedNotifiable"
 10 |                 :formObj="formObj"
 11 |         ></notifications-param-modal>
 12 | 
 13 |         <loading-card :loading="initialLoading" class="flex flex-wrap py-8 mb-8 text-center">
 14 | 
 15 |             <table cellpadding="0" cellspacing="0" class="table w-full" v-if="notificationClasses.length">
 16 |                 <thead>
 17 |                 <tr>
 18 |                     <th>{{__('Name')}}</th>
 19 |                     <th>{{__('Parameters')}}</th>
 20 |                     <th></th>
 21 |                 </tr>
 22 |                 </thead>
 23 | 
 24 |                 <tbody>
 25 |                 <tr v-for="notificationClass in notificationClasses">
 26 |                     <td>{{ notificationClass.name }}</td>
 27 |                     <td>
 28 |                         <p v-for="param in notificationClass.parameters">
 29 |                             <span class="font-bold">{{param.name}}</span> ({{param.type}})
 30 |                         </p>
 31 |                     </td>
 32 |                     <td>
 33 |                         <button class="btn btn-default btn-primary" @click="selectNotification(notificationClass)">
 34 |                             {{__('Select')}}
 35 |                         </button>
 36 |                     </td>
 37 |                 </tr>
 38 |                 </tbody>
 39 |             </table>
 40 | 
 41 |             <div v-else>
 42 |                 <p class="m-4">{{__("You don't have any notification classes yet.")}}</p>
 43 |             </div>
 44 |         </loading-card>
 45 | 
 46 |     </div>
 47 | </template>
 48 | 
 49 | <script>
 50 | 
 51 |     import NotificationsParamModal from "./NotificationsParamModal";
 52 | 
 53 |     export default {
 54 |         components: {NotificationsParamModal},
 55 |         data: () => ({
 56 |             notificationClasses: [],
 57 |             initialLoading: true,
 58 |             error: false,
 59 |             selectedNotification: null,
 60 |             selectedNotifiable: {
 61 |                 name: '',
 62 |                 id: ''
 63 |             },
 64 |             notifiables: null,
 65 |             formObj: null,
 66 |         }),
 67 |         created() {
 68 |             this.getNotificationClasses();
 69 |             this.getNotifiables();
 70 |         },
 71 |         mounted() {
 72 |             this.$root.$on('submitModal', (parameters, formObj) => {
 73 |                 this.formObj = formObj;
 74 |                 this.formObj.notificationParameters = parameters;
 75 |                 this.formObj.notification = this.selectedNotification;
 76 |                 this.sendNotification();
 77 |             });
 78 | 
 79 |             this.$root.$on('cancelModal', () => {
 80 |                 this.deselectNotification();
 81 |             });
 82 | 
 83 |             this.$root.$on('notifiableSelected', (event) => {
 84 |             })
 85 |         },
 86 |         methods: {
 87 |             selectNotification(notification) {
 88 |                 if(!this.notifiables.data.length) {
 89 |                     return this.$toasted.show('No notifiables could be found.', {type: 'error'});
 90 |                 }
 91 |                 
 92 |                 this.selectedNotification = notification;
 93 |             },
 94 |             deselectNotification() {
 95 |                 this.selectedNotification = null;
 96 |             },
 97 |             getNotificationClasses() {
 98 |                 Nova.request().get('/nova-vendor/nova-notifications/notifications/classes')
 99 |                     .then((response) => {
100 |                         this.notificationClasses = response.data;
101 |                         this.initialLoading = false;
102 |                     })
103 |             },
104 |             getNotifiables() {
105 |                 Nova.request().get('/nova-vendor/nova-notifications/notifiables')
106 |                     .then((response) => {
107 |                         this.notifiables = response.data;
108 |                     })
109 |             },
110 |             sendNotification() {
111 | 
112 |                 if (!this.selectedNotification.name.length) {
113 |                     return this.$toasted.show(__('Notification has not been chosen.'), {type: 'error'});
114 |                 }
115 | 
116 |                 Nova.request().post('/nova-vendor/nova-notifications/notifications/send', this.formObj)
117 |                     .then((response) => {
118 |                         this.$toasted.show('Notification has been sent!', {type: 'success'});
119 |                         this.selectedNotification = null;
120 |                     }).catch(error => {
121 |                     this.$toasted.show('There has been an error!', {type: 'error'});
122 |                 })
123 |             },
124 |             setParams(params) {
125 |             }
126 |         }
127 |     }
128 | </script>
129 | 
130 | <style>
131 |     /* Scoped Styles */
132 | </style>
133 | 


--------------------------------------------------------------------------------
/resources/js/components/NotificationsParamModal.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <modal v-if="selectedNotification">
  3 | 
  4 |         <div class="bg-white rounded-lg shadow-lg overflow-hidden" style="width: 600px;">
  5 |             <div class="p-8">
  6 | 
  7 |                 <heading :level="1" class="mt-6 mb-6">{{ selectedNotification.name}}</heading>
  8 | 
  9 |                 <!-- START Notifiable Select -->
 10 |                 <heading :level="2" class="mt-6 mb-6">{{__('Send Notification To')}}</heading>
 11 |                 <div class="md:flex md:items-center mb-6" v-if="formObj.notifiable">
 12 |                     <div class="md:w-1/3">
 13 |                         <label class="block text-grey font-bold md:text-right mb-1 md:mb-0 pr-4"
 14 |                                for="notifiable-item">
 15 |                             {{__('Notifiable')}}
 16 |                         </label>
 17 |                     </div>
 18 | 
 19 |                     <div class="md:w-2/3">
 20 |                         <div class="relative">
 21 | 
 22 |                             <select id="notifiable-item" v-model="formObj.notifiable.name"
 23 |                                     class="block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-grey">
 24 |                                 <option v-for="option in notifiables.filter.options" :value="option.name">
 25 |                                     {{ option.name }}
 26 |                                 </option>
 27 |                             </select>
 28 |                             <div class="pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker">
 29 |                                 <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg"
 30 |                                      viewBox="0 0 20 20">
 31 |                                     <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
 32 |                                 </svg>
 33 |                             </div>
 34 |                         </div>
 35 |                     </div>
 36 |                 </div>
 37 |                 <!-- END Notifiable Selects -->
 38 | 
 39 |                 <!-- START Notifiable Item Select -->
 40 |                 <div class="md:flex md:items-center mb-6" v-if="formObj.notifiable.name">
 41 |                     <div class="md:w-1/3">
 42 |                         <label class="block text-grey font-bold md:text-right mb-1 md:mb-0 pr-4"
 43 |                                for="notifiable">
 44 |                             {{__('Notifiable Item')}}
 45 |                         </label>
 46 |                     </div>
 47 | 
 48 |                     <div class="md:w-2/3">
 49 |                         <div class="relative">
 50 | 
 51 |                             <select id="notifiable" v-model="formObj.notifiable.value"
 52 |                                     class="block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-grey">
 53 |                                 <option v-for="option in getNotifiableItems(formObj.notifiable.name)"
 54 |                                         :value="option.id">
 55 |                                     {{ option.name }} (id:{{ option.id }})
 56 |                                 </option>
 57 |                             </select>
 58 |                             <div class="pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker">
 59 |                                 <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg"
 60 |                                      viewBox="0 0 20 20">
 61 |                                     <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
 62 |                                 </svg>
 63 |                             </div>
 64 |                         </div>
 65 |                     </div>
 66 |                 </div>
 67 |                 <!-- END Notifiable Item Select -->
 68 | 
 69 | 
 70 |                 <!-- START Notification Parameters -->
 71 |                 <heading :level="2" class="mt-6 mb-6" v-if="selectedNotification.parameters.length">
 72 |                     {{__('Define Notification Parameters')}}
 73 | 
 74 |                 </heading>
 75 |                 <div class="md:flex md:items-center mb-6" v-if="selectedNotification.parameters.length"
 76 |                      v-for="(param, index) in selectedNotification.parameters">
 77 |                     <div class="md:w-1/3">
 78 |                         <label class="block text-grey font-bold md:text-right mb-1 md:mb-0 pr-4"
 79 |                                for="notifiable-item">
 80 |                             {{ param.name }}
 81 |                         </label>
 82 |                     </div>
 83 | 
 84 |                     <div class="md:w-2/3">
 85 |                         <div class="relative" v-if="param.options">
 86 |                             <select v-model="param.value"
 87 |                                     class="block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-grey">
 88 |                                 <option v-for="option in param.options" :value="option.id">
 89 |                                     {{ option.name }}
 90 |                                 </option>
 91 |                             </select>
 92 |                             <div class="pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker">
 93 |                                 <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg"
 94 |                                      viewBox="0 0 20 20">
 95 |                                     <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
 96 |                                 </svg>
 97 |                             </div>
 98 |                         </div>
 99 |                         <input
100 |                                 v-else v-model="param.value"
101 |                                 :id="'value-' + index" type="text"
102 |                                 class="w-full h-full form-control form-input form-input-bordered py-3"
103 |                                 :placeholder="param.type" autofocus required>
104 |                     </div>
105 |                 </div>
106 |                 <!-- END Notification Parameters -->
107 | 
108 | 
109 |             </div>
110 | 
111 |             <notification-modal-footer
112 |                     :selectedNotification="selectedNotification"
113 |                     :formObj="formObj"/>
114 |         </div>
115 |     </modal>
116 | </template>
117 | 
118 | <script>
119 |     import NotificationParamForm from "./NotificationParamForm";
120 |     import NotificationModalFooter from "./NotificationModalFooter";
121 | 
122 |     export default {
123 |         components: {
124 |             NotificationParamForm,
125 |             NotificationModalFooter
126 |         },
127 |         props: {
128 |             selectedNotification: null,
129 |             selectedNotifiable: null,
130 |             notifiables: null,
131 |             value: Object,
132 |         },
133 |         data: () => ({
134 |             formObj: {
135 |                 notifiable: {
136 |                     name: '',
137 |                     value: ''
138 |                 },
139 |                 notification: null,
140 |                 notificationParameters: [],
141 | 
142 |             },
143 |         }),
144 | 
145 |         methods: {
146 |             getNotifiableItems(name) {
147 |                 return _.find(this.notifiables.data, {name: name}).options;
148 |             }
149 |         }
150 |     }
151 | </script>
152 | 
153 | <style>
154 |     /* Scoped Styles */
155 | </style>
156 | 


--------------------------------------------------------------------------------
/coverage.clover:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <coverage generated="1537944157">
  3 |   <project timestamp="1537944157">
  4 |     <package name="Christophrumpel\NovaNotifications">
  5 |       <file name="/Users/christophrumpel/Sites/packages/NovaNotifications/src/ClassFinder.php">
  6 |         <class name="Christophrumpel\NovaNotifications\ClassFinder" namespace="Christophrumpel\NovaNotifications">
  7 |           <metrics complexity="1" methods="1" coveredmethods="0" conditionals="0" coveredconditionals="0" statements="4" coveredstatements="0" elements="5" coveredelements="0"/>
  8 |         </class>
  9 |         <line num="13" type="method" name="find" visibility="public" complexity="1" crap="2.00" count="0"/>
 10 |         <line num="15" type="stmt" count="0"/>
 11 |         <line num="17" type="stmt" count="0"/>
 12 |         <line num="19" type="stmt" count="0"/>
 13 |         <line num="20" type="stmt" count="0"/>
 14 |         <metrics loc="22" ncloc="18" classes="1" methods="1" coveredmethods="0" conditionals="0" coveredconditionals="0" statements="4" coveredstatements="0" elements="5" coveredelements="0"/>
 15 |       </file>
 16 |       <file name="/Users/christophrumpel/Sites/packages/NovaNotifications/src/NovaNotification.php">
 17 |         <class name="Christophrumpel\NovaNotifications\NovaNotification" namespace="Christophrumpel\NovaNotifications">
 18 |           <metrics complexity="0" methods="0" coveredmethods="0" conditionals="0" coveredconditionals="0" statements="0" coveredstatements="0" elements="0" coveredelements="0"/>
 19 |         </class>
 20 |         <metrics loc="10" ncloc="10" classes="0" methods="0" coveredmethods="0" conditionals="0" coveredconditionals="0" statements="0" coveredstatements="0" elements="0" coveredelements="0"/>
 21 |       </file>
 22 |       <file name="/Users/christophrumpel/Sites/packages/NovaNotifications/src/NovaNotifications.php">
 23 |         <class name="Christophrumpel\NovaNotifications\NovaNotifications" namespace="Christophrumpel\NovaNotifications">
 24 |           <metrics complexity="2" methods="2" coveredmethods="0" conditionals="0" coveredconditionals="0" statements="4" coveredstatements="0" elements="6" coveredelements="0"/>
 25 |         </class>
 26 |         <line num="15" type="method" name="boot" visibility="public" complexity="1" crap="2.00" count="0"/>
 27 |         <line num="17" type="stmt" count="0"/>
 28 |         <line num="18" type="stmt" count="0"/>
 29 |         <line num="19" type="stmt" count="0"/>
 30 |         <line num="26" type="method" name="renderNavigation" visibility="public" complexity="1" crap="2.00" count="0"/>
 31 |         <line num="28" type="stmt" count="0"/>
 32 |         <metrics loc="30" ncloc="20" classes="1" methods="2" coveredmethods="0" conditionals="0" coveredconditionals="0" statements="4" coveredstatements="0" elements="6" coveredelements="0"/>
 33 |       </file>
 34 |       <file name="/Users/christophrumpel/Sites/packages/NovaNotifications/src/ToolServiceProvider.php">
 35 |         <class name="Christophrumpel\NovaNotifications\ToolServiceProvider" namespace="Christophrumpel\NovaNotifications">
 36 |           <metrics complexity="4" methods="3" coveredmethods="1" conditionals="0" coveredconditionals="0" statements="31" coveredstatements="20" elements="34" coveredelements="21"/>
 37 |         </class>
 38 |         <line num="17" type="method" name="boot" visibility="public" complexity="1" crap="1.07" count="11"/>
 39 |         <line num="19" type="stmt" count="11"/>
 40 |         <line num="20" type="stmt" count="11"/>
 41 |         <line num="21" type="stmt" count="11"/>
 42 |         <line num="23" type="stmt" count="11"/>
 43 |         <line num="25" type="stmt" count="11"/>
 44 |         <line num="26" type="stmt" count="11"/>
 45 |         <line num="27" type="stmt" count="11"/>
 46 |         <line num="29" type="stmt" count="11"/>
 47 |         <line num="31" type="stmt" count="11"/>
 48 |         <line num="34" type="stmt" count="11"/>
 49 |         <line num="35" type="stmt" count="11"/>
 50 |         <line num="38" type="stmt" count="0"/>
 51 |         <line num="39" type="stmt" count="0"/>
 52 |         <line num="40" type="stmt" count="0"/>
 53 |         <line num="41" type="stmt" count="0"/>
 54 |         <line num="42" type="stmt" count="0"/>
 55 |         <line num="45" type="stmt" count="11"/>
 56 |         <line num="48" type="stmt" count="0"/>
 57 |         <line num="49" type="stmt" count="0"/>
 58 |         <line num="50" type="stmt" count="0"/>
 59 |         <line num="51" type="stmt" count="0"/>
 60 |         <line num="52" type="stmt" count="0"/>
 61 |         <line num="55" type="stmt" count="11"/>
 62 |         <line num="56" type="stmt" count="11"/>
 63 |         <line num="63" type="method" name="routes" visibility="protected" complexity="2" crap="2.02" count="11"/>
 64 |         <line num="65" type="stmt" count="11"/>
 65 |         <line num="66" type="stmt" count="0"/>
 66 |         <line num="69" type="stmt" count="11"/>
 67 |         <line num="70" type="stmt" count="11"/>
 68 |         <line num="71" type="stmt" count="11"/>
 69 |         <line num="72" type="stmt" count="11"/>
 70 |         <line num="79" type="method" name="register" visibility="public" complexity="1" crap="1" count="11"/>
 71 |         <line num="82" type="stmt" count="11"/>
 72 |         <metrics loc="83" ncloc="66" classes="1" methods="3" coveredmethods="1" conditionals="0" coveredconditionals="0" statements="31" coveredstatements="20" elements="34" coveredelements="21"/>
 73 |       </file>
 74 |     </package>
 75 |     <package name="Christophrumpel\NovaNotifications\Http\Controllers">
 76 |       <file name="/Users/christophrumpel/Sites/packages/NovaNotifications/src/Http/Controllers/ApiController.php">
 77 |         <class name="Christophrumpel\NovaNotifications\Http\Controllers\ApiController" namespace="Christophrumpel\NovaNotifications\Http\Controllers">
 78 |           <metrics complexity="3" methods="2" coveredmethods="1" conditionals="0" coveredconditionals="0" statements="5" coveredstatements="4" elements="7" coveredelements="5"/>
 79 |         </class>
 80 |         <line num="10" type="method" name="respondSuccess" visibility="public" complexity="1" crap="1" count="1"/>
 81 |         <line num="12" type="stmt" count="1"/>
 82 |         <line num="15" type="method" name="isEloquentModelClass" visibility="public" complexity="2" crap="2.06" count="1"/>
 83 |         <line num="18" type="stmt" count="1"/>
 84 |         <line num="19" type="stmt" count="1"/>
 85 |         <line num="20" type="stmt" count="1"/>
 86 |         <line num="23" type="stmt" count="0"/>
 87 |         <metrics loc="25" ncloc="25" classes="1" methods="2" coveredmethods="1" conditionals="0" coveredconditionals="0" statements="5" coveredstatements="4" elements="7" coveredelements="5"/>
 88 |       </file>
 89 |       <file name="/Users/christophrumpel/Sites/packages/NovaNotifications/src/Http/Controllers/NotifiableController.php">
 90 |         <class name="Christophrumpel\NovaNotifications\Http\Controllers\NotifiableController" namespace="Christophrumpel\NovaNotifications\Http\Controllers">
 91 |           <metrics complexity="3" methods="2" coveredmethods="2" conditionals="0" coveredconditionals="0" statements="16" coveredstatements="16" elements="18" coveredelements="18"/>
 92 |         </class>
 93 |         <line num="20" type="method" name="__construct" visibility="public" complexity="1" crap="1" count="2"/>
 94 |         <line num="22" type="stmt" count="2"/>
 95 |         <line num="23" type="stmt" count="2"/>
 96 |         <line num="25" type="method" name="index" visibility="public" complexity="2" crap="2" count="2"/>
 97 |         <line num="27" type="stmt" count="2"/>
 98 |         <line num="29" type="stmt" count="1"/>
 99 |         <line num="31" type="stmt" count="1"/>
100 |         <line num="32" type="stmt" count="1"/>
101 |         <line num="33" type="stmt" count="2"/>
102 |         <line num="36" type="stmt" count="1"/>
103 |         <line num="37" type="stmt" count="1"/>
104 |         <line num="39" type="stmt" count="2"/>
105 |         <line num="43" type="stmt" count="1"/>
106 |         <line num="45" type="stmt" count="2"/>
107 |         <line num="46" type="stmt" count="2"/>
108 |         <line num="49" type="stmt" count="2"/>
109 |         <line num="51" type="stmt" count="2"/>
110 |         <line num="52" type="stmt" count="2"/>
111 |         <metrics loc="56" ncloc="48" classes="1" methods="2" coveredmethods="2" conditionals="0" coveredconditionals="0" statements="16" coveredstatements="16" elements="18" coveredelements="18"/>
112 |       </file>
113 |       <file name="/Users/christophrumpel/Sites/packages/NovaNotifications/src/Http/Controllers/NotificationClassesController.php">
114 |         <class name="Christophrumpel\NovaNotifications\Http\Controllers\NotificationClassesController" namespace="Christophrumpel\NovaNotifications\Http\Controllers">
115 |           <metrics complexity="4" methods="2" coveredmethods="1" conditionals="0" coveredconditionals="0" statements="25" coveredstatements="19" elements="27" coveredelements="20"/>
116 |         </class>
117 |         <line num="23" type="method" name="__construct" visibility="public" complexity="1" crap="1" count="1"/>
118 |         <line num="25" type="stmt" count="1"/>
119 |         <line num="26" type="stmt" count="1"/>
120 |         <line num="28" type="method" name="index" visibility="public" complexity="3" crap="3.16" count="1"/>
121 |         <line num="30" type="stmt" count="1"/>
122 |         <line num="32" type="stmt" count="1"/>
123 |         <line num="33" type="stmt" count="1"/>
124 |         <line num="35" type="stmt" count="1"/>
125 |         <line num="36" type="stmt" count="1"/>
126 |         <line num="37" type="stmt" count="1"/>
127 |         <line num="40" type="stmt" count="1"/>
128 |         <line num="41" type="stmt" count="1"/>
129 |         <line num="43" type="stmt" count="1"/>
130 |         <line num="44" type="stmt" count="0"/>
131 |         <line num="45" type="stmt" count="0"/>
132 |         <line num="47" type="stmt" count="0"/>
133 |         <line num="50" type="stmt" count="0"/>
134 |         <line num="51" type="stmt" count="0"/>
135 |         <line num="53" type="stmt" count="0"/>
136 |         <line num="58" type="stmt" count="1"/>
137 |         <line num="59" type="stmt" count="1"/>
138 |         <line num="60" type="stmt" count="1"/>
139 |         <line num="61" type="stmt" count="1"/>
140 |         <line num="63" type="stmt" count="1"/>
141 |         <line num="65" type="stmt" count="1"/>
142 |         <line num="67" type="stmt" count="1"/>
143 |         <line num="68" type="stmt" count="1"/>
144 |         <metrics loc="70" ncloc="62" classes="1" methods="2" coveredmethods="1" conditionals="0" coveredconditionals="0" statements="25" coveredstatements="19" elements="27" coveredelements="20"/>
145 |       </file>
146 |       <file name="/Users/christophrumpel/Sites/packages/NovaNotifications/src/Http/Controllers/NotificationController.php">
147 |         <class name="Christophrumpel\NovaNotifications\Http\Controllers\NotificationController" namespace="Christophrumpel\NovaNotifications\Http\Controllers">
148 |           <metrics complexity="6" methods="2" coveredmethods="1" conditionals="0" coveredconditionals="0" statements="16" coveredstatements="15" elements="18" coveredelements="16"/>
149 |         </class>
150 |         <line num="11" type="method" name="index" visibility="public" complexity="1" crap="1" count="2"/>
151 |         <line num="13" type="stmt" count="2"/>
152 |         <line num="14" type="stmt" count="2"/>
153 |         <line num="21" type="method" name="send" visibility="public" complexity="5" crap="5.01" count="4"/>
154 |         <line num="23" type="stmt" count="4"/>
155 |         <line num="25" type="stmt" count="1"/>
156 |         <line num="26" type="stmt" count="0"/>
157 |         <line num="29" type="stmt" count="1"/>
158 |         <line num="30" type="stmt" count="4"/>
159 |         <line num="32" type="stmt" count="4"/>
160 |         <line num="33" type="stmt" count="1"/>
161 |         <line num="37" type="stmt" count="3"/>
162 |         <line num="38" type="stmt" count="1"/>
163 |         <line num="39" type="stmt" count="1"/>
164 |         <line num="42" type="stmt" count="2"/>
165 |         <line num="44" type="stmt" count="2"/>
166 |         <line num="46" type="stmt" count="1"/>
167 |         <line num="47" type="stmt" count="1"/>
168 |         <metrics loc="48" ncloc="44" classes="1" methods="2" coveredmethods="1" conditionals="0" coveredconditionals="0" statements="16" coveredstatements="15" elements="18" coveredelements="16"/>
169 |       </file>
170 |       <file name="/Users/christophrumpel/Sites/packages/NovaNotifications/src/Http/Controllers/NotificationStatsController.php">
171 |         <class name="Christophrumpel\NovaNotifications\Http\Controllers\NotificationStatsController" namespace="Christophrumpel\NovaNotifications\Http\Controllers">
172 |           <metrics complexity="3" methods="3" coveredmethods="3" conditionals="0" coveredconditionals="0" statements="7" coveredstatements="7" elements="10" coveredelements="10"/>
173 |         </class>
174 |         <line num="9" type="method" name="index" visibility="public" complexity="1" crap="1" count="2"/>
175 |         <line num="12" type="stmt" count="2"/>
176 |         <line num="13" type="stmt" count="2"/>
177 |         <line num="17" type="method" name="getNotificationsCount" visibility="private" complexity="1" crap="1" count="2"/>
178 |         <line num="19" type="stmt" count="2"/>
179 |         <line num="20" type="stmt" count="2"/>
180 |         <line num="23" type="method" name="getFailedNotificationsCount" visibility="private" complexity="1" crap="1" count="2"/>
181 |         <line num="25" type="stmt" count="2"/>
182 |         <line num="26" type="stmt" count="2"/>
183 |         <line num="27" type="stmt" count="2"/>
184 |         <metrics loc="29" ncloc="29" classes="1" methods="3" coveredmethods="3" conditionals="0" coveredconditionals="0" statements="7" coveredstatements="7" elements="10" coveredelements="10"/>
185 |       </file>
186 |     </package>
187 |     <package name="Christophrumpel\NovaNotifications\Http\Middleware">
188 |       <file name="/Users/christophrumpel/Sites/packages/NovaNotifications/src/Http/Middleware/Authorize.php">
189 |         <class name="Christophrumpel\NovaNotifications\Http\Middleware\Authorize" namespace="Christophrumpel\NovaNotifications\Http\Middleware">
190 |           <metrics complexity="2" methods="1" coveredmethods="1" conditionals="0" coveredconditionals="0" statements="1" coveredstatements="1" elements="2" coveredelements="2"/>
191 |         </class>
192 |         <line num="16" type="method" name="handle" visibility="public" complexity="2" crap="2" count="11"/>
193 |         <line num="18" type="stmt" count="11"/>
194 |         <metrics loc="20" ncloc="13" classes="1" methods="1" coveredmethods="1" conditionals="0" coveredconditionals="0" statements="1" coveredstatements="1" elements="2" coveredelements="2"/>
195 |       </file>
196 |     </package>
197 |     <metrics files="10" loc="393" ncloc="335" classes="9" methods="18" coveredmethods="10" conditionals="0" coveredconditionals="0" statements="109" coveredstatements="82" elements="127" coveredelements="92"/>
198 |   </project>
199 | </coverage>
200 | 


--------------------------------------------------------------------------------
/tailwind.js:
--------------------------------------------------------------------------------
  1 | /*
  2 | 
  3 | Tailwind - The Utility-First CSS Framework
  4 | 
  5 | A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink),
  6 | David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger).
  7 | 
  8 | Welcome to the Tailwind config file. This is where you can customize
  9 | Tailwind specifically for your project. Don't be intimidated by the
 10 | length of this file. It's really just a big JavaScript object and
 11 | we've done our very best to explain each section.
 12 | 
 13 | View the full documentation at https://tailwindcss.com.
 14 | 
 15 | 
 16 | |-------------------------------------------------------------------------------
 17 | | The default config
 18 | |-------------------------------------------------------------------------------
 19 | |
 20 | | This variable contains the default Tailwind config. You don't have
 21 | | to use it, but it can sometimes be helpful to have available. For
 22 | | example, you may choose to merge your custom configuration
 23 | | values with some of the Tailwind defaults.
 24 | |
 25 | */
 26 | 
 27 | // let defaultConfig = require('tailwindcss/defaultConfig')()
 28 | 
 29 | 
 30 | /*
 31 | |-------------------------------------------------------------------------------
 32 | | Colors                                    https://tailwindcss.com/docs/colors
 33 | |-------------------------------------------------------------------------------
 34 | |
 35 | | Here you can specify the colors used in your project. To get you started,
 36 | | we've provided a generous palette of great looking colors that are perfect
 37 | | for prototyping, but don't hesitate to change them for your project. You
 38 | | own these colors, nothing will break if you change everything about them.
 39 | |
 40 | | We've used literal color names ("red", "blue", etc.) for the default
 41 | | palette, but if you'd rather use functional names like "primary" and
 42 | | "secondary", or even a numeric scale like "100" and "200", go for it.
 43 | |
 44 | */
 45 | 
 46 | let colors = {
 47 |   'transparent': 'transparent',
 48 | 
 49 |   'black': '#22292f',
 50 |   'grey-darkest': '#3d4852',
 51 |   'grey-darker': '#606f7b',
 52 |   'grey-dark': '#8795a1',
 53 |   'grey': '#b8c2cc',
 54 |   'grey-light': '#dae1e7',
 55 |   'grey-lighter': '#f1f5f8',
 56 |   'grey-lightest': '#f8fafc',
 57 |   'white': '#ffffff',
 58 | 
 59 |   'red-darkest': '#3b0d0c',
 60 |   'red-darker': '#621b18',
 61 |   'red-dark': '#cc1f1a',
 62 |   'red': '#e3342f',
 63 |   'red-light': '#ef5753',
 64 |   'red-lighter': '#f9acaa',
 65 |   'red-lightest': '#fcebea',
 66 | 
 67 |   'orange-darkest': '#462a16',
 68 |   'orange-darker': '#613b1f',
 69 |   'orange-dark': '#de751f',
 70 |   'orange': '#f6993f',
 71 |   'orange-light': '#faad63',
 72 |   'orange-lighter': '#fcd9b6',
 73 |   'orange-lightest': '#fff5eb',
 74 | 
 75 |   'yellow-darkest': '#453411',
 76 |   'yellow-darker': '#684f1d',
 77 |   'yellow-dark': '#f2d024',
 78 |   'yellow': '#ffed4a',
 79 |   'yellow-light': '#fff382',
 80 |   'yellow-lighter': '#fff9c2',
 81 |   'yellow-lightest': '#fcfbeb',
 82 | 
 83 |   'green-darkest': '#0f2f21',
 84 |   'green-darker': '#1a4731',
 85 |   'green-dark': '#1f9d55',
 86 |   'green': '#38c172',
 87 |   'green-light': '#51d88a',
 88 |   'green-lighter': '#a2f5bf',
 89 |   'green-lightest': '#e3fcec',
 90 | 
 91 |   'teal-darkest': '#0d3331',
 92 |   'teal-darker': '#20504f',
 93 |   'teal-dark': '#38a89d',
 94 |   'teal': '#4dc0b5',
 95 |   'teal-light': '#64d5ca',
 96 |   'teal-lighter': '#a0f0ed',
 97 |   'teal-lightest': '#e8fffe',
 98 | 
 99 |   'blue-darkest': '#12283a',
100 |   'blue-darker': '#1c3d5a',
101 |   'blue-dark': '#2779bd',
102 |   'blue': '#3490dc',
103 |   'blue-light': '#6cb2eb',
104 |   'blue-lighter': '#bcdefa',
105 |   'blue-lightest': '#eff8ff',
106 | 
107 |   'indigo-darkest': '#191e38',
108 |   'indigo-darker': '#2f365f',
109 |   'indigo-dark': '#5661b3',
110 |   'indigo': '#6574cd',
111 |   'indigo-light': '#7886d7',
112 |   'indigo-lighter': '#b2b7ff',
113 |   'indigo-lightest': '#e6e8ff',
114 | 
115 |   'purple-darkest': '#21183c',
116 |   'purple-darker': '#382b5f',
117 |   'purple-dark': '#794acf',
118 |   'purple': '#9561e2',
119 |   'purple-light': '#a779e9',
120 |   'purple-lighter': '#d6bbfc',
121 |   'purple-lightest': '#f3ebff',
122 | 
123 |   'pink-darkest': '#451225',
124 |   'pink-darker': '#6f213f',
125 |   'pink-dark': '#eb5286',
126 |   'pink': '#f66d9b',
127 |   'pink-light': '#fa7ea8',
128 |   'pink-lighter': '#ffbbca',
129 |   'pink-lightest': '#ffebef',
130 | }
131 | 
132 | module.exports = {
133 | 
134 |   /*
135 |   |-----------------------------------------------------------------------------
136 |   | Colors                                  https://tailwindcss.com/docs/colors
137 |   |-----------------------------------------------------------------------------
138 |   |
139 |   | The color palette defined above is also assigned to the "colors" key of
140 |   | your Tailwind config. This makes it easy to access them in your CSS
141 |   | using Tailwind's config helper. For example:
142 |   |
143 |   | .error { color: config('colors.red') }
144 |   |
145 |   */
146 | 
147 |   colors: colors,
148 | 
149 | 
150 |   /*
151 |   |-----------------------------------------------------------------------------
152 |   | Screens                      https://tailwindcss.com/docs/responsive-design
153 |   |-----------------------------------------------------------------------------
154 |   |
155 |   | Screens in Tailwind are translated to CSS media queries. They define the
156 |   | responsive breakpoints for your project. By default Tailwind takes a
157 |   | "mobile first" approach, where each screen size represents a minimum
158 |   | viewport width. Feel free to have as few or as many screens as you
159 |   | want, naming them in whatever way you'd prefer for your project.
160 |   |
161 |   | Tailwind also allows for more complex screen definitions, which can be
162 |   | useful in certain situations. Be sure to see the full responsive
163 |   | documentation for a complete list of options.
164 |   |
165 |   | Class name: .{screen}:{utility}
166 |   |
167 |   */
168 | 
169 |   screens: {
170 |     'sm': '576px',
171 |     'md': '768px',
172 |     'lg': '992px',
173 |     'xl': '1200px',
174 |   },
175 | 
176 | 
177 |   /*
178 |   |-----------------------------------------------------------------------------
179 |   | Fonts                                    https://tailwindcss.com/docs/fonts
180 |   |-----------------------------------------------------------------------------
181 |   |
182 |   | Here is where you define your project's font stack, or font families.
183 |   | Keep in mind that Tailwind doesn't actually load any fonts for you.
184 |   | If you're using custom fonts you'll need to import them prior to
185 |   | defining them here.
186 |   |
187 |   | By default we provide a native font stack that works remarkably well on
188 |   | any device or OS you're using, since it just uses the default fonts
189 |   | provided by the platform.
190 |   |
191 |   | Class name: .font-{name}
192 |   |
193 |   */
194 | 
195 |   fonts: {
196 |     'sans': [
197 |       'system-ui',
198 |       'BlinkMacSystemFont',
199 |       '-apple-system',
200 |       'Segoe UI',
201 |       'Roboto',
202 |       'Oxygen',
203 |       'Ubuntu',
204 |       'Cantarell',
205 |       'Fira Sans',
206 |       'Droid Sans',
207 |       'Helvetica Neue',
208 |       'sans-serif',
209 |     ],
210 |     'serif': [
211 |       'Constantia',
212 |       'Lucida Bright',
213 |       'Lucidabright',
214 |       'Lucida Serif',
215 |       'Lucida',
216 |       'DejaVu Serif',
217 |       'Bitstream Vera Serif',
218 |       'Liberation Serif',
219 |       'Georgia',
220 |       'serif',
221 |     ],
222 |     'mono': [
223 |       'Menlo',
224 |       'Monaco',
225 |       'Consolas',
226 |       'Liberation Mono',
227 |       'Courier New',
228 |       'monospace',
229 |     ]
230 |   },
231 | 
232 | 
233 |   /*
234 |   |-----------------------------------------------------------------------------
235 |   | Text sizes                         https://tailwindcss.com/docs/text-sizing
236 |   |-----------------------------------------------------------------------------
237 |   |
238 |   | Here is where you define your text sizes. Name these in whatever way
239 |   | makes the most sense to you. We use size names by default, but
240 |   | you're welcome to use a numeric scale or even something else
241 |   | entirely.
242 |   |
243 |   | By default Tailwind uses the "rem" unit type for most measurements.
244 |   | This allows you to set a root font size which all other sizes are
245 |   | then based on. That said, you are free to use whatever units you
246 |   | prefer, be it rems, ems, pixels or other.
247 |   |
248 |   | Class name: .text-{size}
249 |   |
250 |   */
251 | 
252 |   textSizes: {
253 |     'xs': '.75rem',     // 12px
254 |     'sm': '.875rem',    // 14px
255 |     'base': '1rem',     // 16px
256 |     'lg': '1.125rem',   // 18px
257 |     'xl': '1.25rem',    // 20px
258 |     '2xl': '1.5rem',    // 24px
259 |     '3xl': '1.875rem',  // 30px
260 |     '4xl': '2.25rem',   // 36px
261 |     '5xl': '3rem',      // 48px
262 |   },
263 | 
264 | 
265 |   /*
266 |   |-----------------------------------------------------------------------------
267 |   | Font weights                       https://tailwindcss.com/docs/font-weight
268 |   |-----------------------------------------------------------------------------
269 |   |
270 |   | Here is where you define your font weights. We've provided a list of
271 |   | common font weight names with their respective numeric scale values
272 |   | to get you started. It's unlikely that your project will require
273 |   | all of these, so we recommend removing those you don't need.
274 |   |
275 |   | Class name: .font-{weight}
276 |   |
277 |   */
278 | 
279 |   fontWeights: {
280 |     'hairline': 100,
281 |     'thin': 200,
282 |     'light': 300,
283 |     'normal': 400,
284 |     'medium': 500,
285 |     'semibold': 600,
286 |     'bold': 700,
287 |     'extrabold': 800,
288 |     'black': 900,
289 |   },
290 | 
291 | 
292 |   /*
293 |   |-----------------------------------------------------------------------------
294 |   | Leading (line height)              https://tailwindcss.com/docs/line-height
295 |   |-----------------------------------------------------------------------------
296 |   |
297 |   | Here is where you define your line height values, or as we call
298 |   | them in Tailwind, leadings.
299 |   |
300 |   | Class name: .leading-{size}
301 |   |
302 |   */
303 | 
304 |   leading: {
305 |     'none': 1,
306 |     'tight': 1.25,
307 |     'normal': 1.5,
308 |     'loose': 2,
309 |   },
310 | 
311 | 
312 |   /*
313 |   |-----------------------------------------------------------------------------
314 |   | Tracking (letter spacing)       https://tailwindcss.com/docs/letter-spacing
315 |   |-----------------------------------------------------------------------------
316 |   |
317 |   | Here is where you define your letter spacing values, or as we call
318 |   | them in Tailwind, tracking.
319 |   |
320 |   | Class name: .tracking-{size}
321 |   |
322 |   */
323 | 
324 |   tracking: {
325 |     'tight': '-0.05em',
326 |     'normal': '0',
327 |     'wide': '0.05em',
328 |   },
329 | 
330 | 
331 |   /*
332 |   |-----------------------------------------------------------------------------
333 |   | Text colors                         https://tailwindcss.com/docs/text-color
334 |   |-----------------------------------------------------------------------------
335 |   |
336 |   | Here is where you define your text colors. By default these use the
337 |   | color palette we defined above, however you're welcome to set these
338 |   | independently if that makes sense for your project.
339 |   |
340 |   | Class name: .text-{color}
341 |   |
342 |   */
343 | 
344 |   textColors: colors,
345 | 
346 | 
347 |   /*
348 |   |-----------------------------------------------------------------------------
349 |   | Background colors             https://tailwindcss.com/docs/background-color
350 |   |-----------------------------------------------------------------------------
351 |   |
352 |   | Here is where you define your background colors. By default these use
353 |   | the color palette we defined above, however you're welcome to set
354 |   | these independently if that makes sense for your project.
355 |   |
356 |   | Class name: .bg-{color}
357 |   |
358 |   */
359 | 
360 |   backgroundColors: colors,
361 | 
362 | 
363 |   /*
364 |   |-----------------------------------------------------------------------------
365 |   | Background sizes               https://tailwindcss.com/docs/background-size
366 |   |-----------------------------------------------------------------------------
367 |   |
368 |   | Here is where you define your background sizes. We provide some common
369 |   | values that are useful in most projects, but feel free to add other sizes
370 |   | that are specific to your project here as well.
371 |   |
372 |   | Class name: .bg-{size}
373 |   |
374 |   */
375 | 
376 |   backgroundSize: {
377 |     'auto': 'auto',
378 |     'cover': 'cover',
379 |     'contain': 'contain',
380 |   },
381 | 
382 | 
383 |   /*
384 |   |-----------------------------------------------------------------------------
385 |   | Border widths                     https://tailwindcss.com/docs/border-width
386 |   |-----------------------------------------------------------------------------
387 |   |
388 |   | Here is where you define your border widths. Take note that border
389 |   | widths require a special "default" value set as well. This is the
390 |   | width that will be used when you do not specify a border width.
391 |   |
392 |   | Class name: .border{-side?}{-width?}
393 |   |
394 |   */
395 | 
396 |   borderWidths: {
397 |     default: '1px',
398 |     '0': '0',
399 |     '2': '2px',
400 |     '4': '4px',
401 |     '8': '8px',
402 |   },
403 | 
404 | 
405 |   /*
406 |   |-----------------------------------------------------------------------------
407 |   | Border colors                     https://tailwindcss.com/docs/border-color
408 |   |-----------------------------------------------------------------------------
409 |   |
410 |   | Here is where you define your border colors. By default these use the
411 |   | color palette we defined above, however you're welcome to set these
412 |   | independently if that makes sense for your project.
413 |   |
414 |   | Take note that border colors require a special "default" value set
415 |   | as well. This is the color that will be used when you do not
416 |   | specify a border color.
417 |   |
418 |   | Class name: .border-{color}
419 |   |
420 |   */
421 | 
422 |   borderColors: global.Object.assign({ default: colors['grey-light'] }, colors),
423 | 
424 | 
425 |   /*
426 |   |-----------------------------------------------------------------------------
427 |   | Border radius                    https://tailwindcss.com/docs/border-radius
428 |   |-----------------------------------------------------------------------------
429 |   |
430 |   | Here is where you define your border radius values. If a `default` radius
431 |   | is provided, it will be made available as the non-suffixed `.rounded`
432 |   | utility.
433 |   |
434 |   | If your scale includes a `0` value to reset already rounded corners, it's
435 |   | a good idea to put it first so other values are able to override it.
436 |   |
437 |   | Class name: .rounded{-side?}{-size?}
438 |   |
439 |   */
440 | 
441 |   borderRadius: {
442 |     'none': '0',
443 |     'sm': '.125rem',
444 |     default: '.25rem',
445 |     'lg': '.5rem',
446 |     'full': '9999px',
447 |   },
448 | 
449 | 
450 |   /*
451 |   |-----------------------------------------------------------------------------
452 |   | Width                                    https://tailwindcss.com/docs/width
453 |   |-----------------------------------------------------------------------------
454 |   |
455 |   | Here is where you define your width utility sizes. These can be
456 |   | percentage based, pixels, rems, or any other units. By default
457 |   | we provide a sensible rem based numeric scale, a percentage
458 |   | based fraction scale, plus some other common use-cases. You
459 |   | can, of course, modify these values as needed.
460 |   |
461 |   |
462 |   | It's also worth mentioning that Tailwind automatically escapes
463 |   | invalid CSS class name characters, which allows you to have
464 |   | awesome classes like .w-2/3.
465 |   |
466 |   | Class name: .w-{size}
467 |   |
468 |   */
469 | 
470 |   width: {
471 |     'auto': 'auto',
472 |     'px': '1px',
473 |     '1': '0.25rem',
474 |     '2': '0.5rem',
475 |     '3': '0.75rem',
476 |     '4': '1rem',
477 |     '5': '1.25rem',
478 |     '6': '1.5rem',
479 |     '8': '2rem',
480 |     '10': '2.5rem',
481 |     '12': '3rem',
482 |     '16': '4rem',
483 |     '24': '6rem',
484 |     '32': '8rem',
485 |     '48': '12rem',
486 |     '64': '16rem',
487 |     '1/2': '50%',
488 |     '1/3': '33.33333%',
489 |     '2/3': '66.66667%',
490 |     '1/4': '25%',
491 |     '3/4': '75%',
492 |     '1/5': '20%',
493 |     '2/5': '40%',
494 |     '3/5': '60%',
495 |     '4/5': '80%',
496 |     '1/6': '16.66667%',
497 |     '5/6': '83.33333%',
498 |     'full': '100%',
499 |     'screen': '100vw'
500 |   },
501 | 
502 | 
503 |   /*
504 |   |-----------------------------------------------------------------------------
505 |   | Height                                  https://tailwindcss.com/docs/height
506 |   |-----------------------------------------------------------------------------
507 |   |
508 |   | Here is where you define your height utility sizes. These can be
509 |   | percentage based, pixels, rems, or any other units. By default
510 |   | we provide a sensible rem based numeric scale plus some other
511 |   | common use-cases. You can, of course, modify these values as
512 |   | needed.
513 |   |
514 |   | Class name: .h-{size}
515 |   |
516 |   */
517 | 
518 |   height: {
519 |     'auto': 'auto',
520 |     'px': '1px',
521 |     '1': '0.25rem',
522 |     '2': '0.5rem',
523 |     '3': '0.75rem',
524 |     '4': '1rem',
525 |     '5': '1.25rem',
526 |     '6': '1.5rem',
527 |     '8': '2rem',
528 |     '10': '2.5rem',
529 |     '12': '3rem',
530 |     '16': '4rem',
531 |     '24': '6rem',
532 |     '32': '8rem',
533 |     '48': '12rem',
534 |     '64': '16rem',
535 |     'full': '100%',
536 |     'screen': '100vh'
537 |   },
538 | 
539 | 
540 |   /*
541 |   |-----------------------------------------------------------------------------
542 |   | Minimum width                        https://tailwindcss.com/docs/min-width
543 |   |-----------------------------------------------------------------------------
544 |   |
545 |   | Here is where you define your minimum width utility sizes. These can
546 |   | be percentage based, pixels, rems, or any other units. We provide a
547 |   | couple common use-cases by default. You can, of course, modify
548 |   | these values as needed.
549 |   |
550 |   | Class name: .min-w-{size}
551 |   |
552 |   */
553 | 
554 |   minWidth: {
555 |     '0': '0',
556 |     'full': '100%',
557 |   },
558 | 
559 | 
560 |   /*
561 |   |-----------------------------------------------------------------------------
562 |   | Minimum height                      https://tailwindcss.com/docs/min-height
563 |   |-----------------------------------------------------------------------------
564 |   |
565 |   | Here is where you define your minimum height utility sizes. These can
566 |   | be percentage based, pixels, rems, or any other units. We provide a
567 |   | few common use-cases by default. You can, of course, modify these
568 |   | values as needed.
569 |   |
570 |   | Class name: .min-h-{size}
571 |   |
572 |   */
573 | 
574 |   minHeight: {
575 |     '0': '0',
576 |     'full': '100%',
577 |     'screen': '100vh'
578 |   },
579 | 
580 | 
581 |   /*
582 |   |-----------------------------------------------------------------------------
583 |   | Maximum width                        https://tailwindcss.com/docs/max-width
584 |   |-----------------------------------------------------------------------------
585 |   |
586 |   | Here is where you define your maximum width utility sizes. These can
587 |   | be percentage based, pixels, rems, or any other units. By default
588 |   | we provide a sensible rem based scale and a "full width" size,
589 |   | which is basically a reset utility. You can, of course,
590 |   | modify these values as needed.
591 |   |
592 |   | Class name: .max-w-{size}
593 |   |
594 |   */
595 | 
596 |   maxWidth: {
597 |     'xs': '20rem',
598 |     'sm': '30rem',
599 |     'md': '40rem',
600 |     'lg': '50rem',
601 |     'xl': '60rem',
602 |     '2xl': '70rem',
603 |     '3xl': '80rem',
604 |     '4xl': '90rem',
605 |     '5xl': '100rem',
606 |     'full': '100%',
607 |   },
608 | 
609 | 
610 |   /*
611 |   |-----------------------------------------------------------------------------
612 |   | Maximum height                      https://tailwindcss.com/docs/max-height
613 |   |-----------------------------------------------------------------------------
614 |   |
615 |   | Here is where you define your maximum height utility sizes. These can
616 |   | be percentage based, pixels, rems, or any other units. We provide a
617 |   | couple common use-cases by default. You can, of course, modify
618 |   | these values as needed.
619 |   |
620 |   | Class name: .max-h-{size}
621 |   |
622 |   */
623 | 
624 |   maxHeight: {
625 |     'full': '100%',
626 |     'screen': '100vh',
627 |   },
628 | 
629 | 
630 |   /*
631 |   |-----------------------------------------------------------------------------
632 |   | Padding                                https://tailwindcss.com/docs/padding
633 |   |-----------------------------------------------------------------------------
634 |   |
635 |   | Here is where you define your padding utility sizes. These can be
636 |   | percentage based, pixels, rems, or any other units. By default we
637 |   | provide a sensible rem based numeric scale plus a couple other
638 |   | common use-cases like "1px". You can, of course, modify these
639 |   | values as needed.
640 |   |
641 |   | Class name: .p{side?}-{size}
642 |   |
643 |   */
644 | 
645 |   padding: {
646 |     'px': '1px',
647 |     '0': '0',
648 |     '1': '0.25rem',
649 |     '2': '0.5rem',
650 |     '3': '0.75rem',
651 |     '4': '1rem',
652 |     '5': '1.25rem',
653 |     '6': '1.5rem',
654 |     '8': '2rem',
655 |     '10': '2.5rem',
656 |     '12': '3rem',
657 |     '16': '4rem',
658 |     '20': '5rem',
659 |     '24': '6rem',
660 |     '32': '8rem',
661 |   },
662 | 
663 | 
664 |   /*
665 |   |-----------------------------------------------------------------------------
666 |   | Margin                                  https://tailwindcss.com/docs/margin
667 |   |-----------------------------------------------------------------------------
668 |   |
669 |   | Here is where you define your margin utility sizes. These can be
670 |   | percentage based, pixels, rems, or any other units. By default we
671 |   | provide a sensible rem based numeric scale plus a couple other
672 |   | common use-cases like "1px". You can, of course, modify these
673 |   | values as needed.
674 |   |
675 |   | Class name: .m{side?}-{size}
676 |   |
677 |   */
678 | 
679 |   margin: {
680 |     'auto': 'auto',
681 |     'px': '1px',
682 |     '0': '0',
683 |     '1': '0.25rem',
684 |     '2': '0.5rem',
685 |     '3': '0.75rem',
686 |     '4': '1rem',
687 |     '5': '1.25rem',
688 |     '6': '1.5rem',
689 |     '8': '2rem',
690 |     '10': '2.5rem',
691 |     '12': '3rem',
692 |     '16': '4rem',
693 |     '20': '5rem',
694 |     '24': '6rem',
695 |     '32': '8rem',
696 |   },
697 | 
698 | 
699 |   /*
700 |   |-----------------------------------------------------------------------------
701 |   | Negative margin                https://tailwindcss.com/docs/negative-margin
702 |   |-----------------------------------------------------------------------------
703 |   |
704 |   | Here is where you define your negative margin utility sizes. These can
705 |   | be percentage based, pixels, rems, or any other units. By default we
706 |   | provide matching values to the padding scale since these utilities
707 |   | generally get used together. You can, of course, modify these
708 |   | values as needed.
709 |   |
710 |   | Class name: .-m{side?}-{size}
711 |   |
712 |   */
713 | 
714 |   negativeMargin: {
715 |     'px': '1px',
716 |     '0': '0',
717 |     '1': '0.25rem',
718 |     '2': '0.5rem',
719 |     '3': '0.75rem',
720 |     '4': '1rem',
721 |     '5': '1.25rem',
722 |     '6': '1.5rem',
723 |     '8': '2rem',
724 |     '10': '2.5rem',
725 |     '12': '3rem',
726 |     '16': '4rem',
727 |     '20': '5rem',
728 |     '24': '6rem',
729 |     '32': '8rem',
730 |   },
731 | 
732 | 
733 |   /*
734 |   |-----------------------------------------------------------------------------
735 |   | Shadows                                https://tailwindcss.com/docs/shadows
736 |   |-----------------------------------------------------------------------------
737 |   |
738 |   | Here is where you define your shadow utilities. As you can see from
739 |   | the defaults we provide, it's possible to apply multiple shadows
740 |   | per utility using comma separation.
741 |   |
742 |   | If a `default` shadow is provided, it will be made available as the non-
743 |   | suffixed `.shadow` utility.
744 |   |
745 |   | Class name: .shadow-{size?}
746 |   |
747 |   */
748 | 
749 |   shadows: {
750 |     default: '0 2px 4px 0 rgba(0,0,0,0.10)',
751 |     'md': '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)',
752 |     'lg': '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)',
753 |     'inner': 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',
754 |     'outline': '0 0 0 3px rgba(52,144,220,0.5)',
755 |     'none': 'none',
756 |   },
757 | 
758 | 
759 |   /*
760 |   |-----------------------------------------------------------------------------
761 |   | Z-index                                https://tailwindcss.com/docs/z-index
762 |   |-----------------------------------------------------------------------------
763 |   |
764 |   | Here is where you define your z-index utility values. By default we
765 |   | provide a sensible numeric scale. You can, of course, modify these
766 |   | values as needed.
767 |   |
768 |   | Class name: .z-{index}
769 |   |
770 |   */
771 | 
772 |   zIndex: {
773 |     'auto': 'auto',
774 |     '0': 0,
775 |     '10': 10,
776 |     '20': 20,
777 |     '30': 30,
778 |     '40': 40,
779 |     '50': 50,
780 |   },
781 | 
782 | 
783 |   /*
784 |   |-----------------------------------------------------------------------------
785 |   | Opacity                                https://tailwindcss.com/docs/opacity
786 |   |-----------------------------------------------------------------------------
787 |   |
788 |   | Here is where you define your opacity utility values. By default we
789 |   | provide a sensible numeric scale. You can, of course, modify these
790 |   | values as needed.
791 |   |
792 |   | Class name: .opacity-{name}
793 |   |
794 |   */
795 | 
796 |   opacity: {
797 |     '0': '0',
798 |     '25': '.25',
799 |     '50': '.5',
800 |     '75': '.75',
801 |     '100': '1',
802 |   },
803 | 
804 | 
805 |   /*
806 |   |-----------------------------------------------------------------------------
807 |   | SVG fill                                   https://tailwindcss.com/docs/svg
808 |   |-----------------------------------------------------------------------------
809 |   |
810 |   | Here is where you define your SVG fill colors. By default we just provide
811 |   | `fill-current` which sets the fill to the current text color. This lets you
812 |   | specify a fill color using existing text color utilities and helps keep the
813 |   | generated CSS file size down.
814 |   |
815 |   | Class name: .fill-{name}
816 |   |
817 |   */
818 | 
819 |   svgFill: {
820 |     'current': 'currentColor',
821 |   },
822 | 
823 | 
824 |   /*
825 |   |-----------------------------------------------------------------------------
826 |   | SVG stroke                                 https://tailwindcss.com/docs/svg
827 |   |-----------------------------------------------------------------------------
828 |   |
829 |   | Here is where you define your SVG stroke colors. By default we just provide
830 |   | `stroke-current` which sets the stroke to the current text color. This lets
831 |   | you specify a stroke color using existing text color utilities and helps
832 |   | keep the generated CSS file size down.
833 |   |
834 |   | Class name: .stroke-{name}
835 |   |
836 |   */
837 | 
838 |   svgStroke: {
839 |     'current': 'currentColor',
840 |   },
841 | 
842 | 
843 |   /*
844 |   |-----------------------------------------------------------------------------
845 |   | Modules                  https://tailwindcss.com/docs/configuration#modules
846 |   |-----------------------------------------------------------------------------
847 |   |
848 |   | Here is where you control which modules are generated and what variants are
849 |   | generated for each of those modules.
850 |   |
851 |   | Currently supported variants:
852 |   |   - responsive
853 |   |   - hover
854 |   |   - focus
855 |   |   - active
856 |   |   - group-hover
857 |   |
858 |   | To disable a module completely, use `false` instead of an array.
859 |   |
860 |   */
861 | 
862 |   modules: {
863 |     appearance: ['responsive'],
864 |     backgroundAttachment: ['responsive'],
865 |     backgroundColors: ['responsive', 'hover', 'focus'],
866 |     backgroundPosition: ['responsive'],
867 |     backgroundRepeat: ['responsive'],
868 |     backgroundSize: ['responsive'],
869 |     borderCollapse: [],
870 |     borderColors: ['responsive', 'hover', 'focus'],
871 |     borderRadius: ['responsive'],
872 |     borderStyle: ['responsive'],
873 |     borderWidths: ['responsive'],
874 |     cursor: ['responsive'],
875 |     display: ['responsive'],
876 |     flexbox: ['responsive'],
877 |     float: ['responsive'],
878 |     fonts: ['responsive'],
879 |     fontWeights: ['responsive', 'hover', 'focus'],
880 |     height: ['responsive'],
881 |     leading: ['responsive'],
882 |     lists: ['responsive'],
883 |     margin: ['responsive'],
884 |     maxHeight: ['responsive'],
885 |     maxWidth: ['responsive'],
886 |     minHeight: ['responsive'],
887 |     minWidth: ['responsive'],
888 |     negativeMargin: ['responsive'],
889 |     opacity: ['responsive'],
890 |     outline: ['focus'],
891 |     overflow: ['responsive'],
892 |     padding: ['responsive'],
893 |     pointerEvents: ['responsive'],
894 |     position: ['responsive'],
895 |     resize: ['responsive'],
896 |     shadows: ['responsive', 'hover', 'focus'],
897 |     svgFill: [],
898 |     svgStroke: [],
899 |     tableLayout: ['responsive'],
900 |     textAlign: ['responsive'],
901 |     textColors: ['responsive', 'hover', 'focus'],
902 |     textSizes: ['responsive'],
903 |     textStyle: ['responsive', 'hover', 'focus'],
904 |     tracking: ['responsive'],
905 |     userSelect: ['responsive'],
906 |     verticalAlign: ['responsive'],
907 |     visibility: ['responsive'],
908 |     whitespace: ['responsive'],
909 |     width: ['responsive'],
910 |     zIndex: ['responsive'],
911 |   },
912 | 
913 | 
914 |   /*
915 |   |-----------------------------------------------------------------------------
916 |   | Plugins                                https://tailwindcss.com/docs/plugins
917 |   |-----------------------------------------------------------------------------
918 |   |
919 |   | Here is where you can register any plugins you'd like to use in your
920 |   | project. Tailwind's built-in `container` plugin is enabled by default to
921 |   | give you a Bootstrap-style responsive container component out of the box.
922 |   |
923 |   | Be sure to view the complete plugin documentation to learn more about how
924 |   | the plugin system works.
925 |   |
926 |   */
927 | 
928 |   plugins: [
929 |     require('tailwindcss/plugins/container')({
930 |       // center: true,
931 |       // padding: '1rem',
932 |     }),
933 |   ],
934 | 
935 | 
936 |   /*
937 |   |-----------------------------------------------------------------------------
938 |   | Advanced Options         https://tailwindcss.com/docs/configuration#options
939 |   |-----------------------------------------------------------------------------
940 |   |
941 |   | Here is where you can tweak advanced configuration options. We recommend
942 |   | leaving these options alone unless you absolutely need to change them.
943 |   |
944 |   */
945 | 
946 |   options: {
947 |     prefix: '',
948 |     important: false,
949 |     separator: ':',
950 |   },
951 | 
952 | }
953 | 


--------------------------------------------------------------------------------
/dist/js/tool.js:
--------------------------------------------------------------------------------
   1 | /******/ (function(modules) { // webpackBootstrap
   2 | /******/ 	// The module cache
   3 | /******/ 	var installedModules = {};
   4 | /******/
   5 | /******/ 	// The require function
   6 | /******/ 	function __webpack_require__(moduleId) {
   7 | /******/
   8 | /******/ 		// Check if module is in cache
   9 | /******/ 		if(installedModules[moduleId]) {
  10 | /******/ 			return installedModules[moduleId].exports;
  11 | /******/ 		}
  12 | /******/ 		// Create a new module (and put it into the cache)
  13 | /******/ 		var module = installedModules[moduleId] = {
  14 | /******/ 			i: moduleId,
  15 | /******/ 			l: false,
  16 | /******/ 			exports: {}
  17 | /******/ 		};
  18 | /******/
  19 | /******/ 		// Execute the module function
  20 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  21 | /******/
  22 | /******/ 		// Flag the module as loaded
  23 | /******/ 		module.l = true;
  24 | /******/
  25 | /******/ 		// Return the exports of the module
  26 | /******/ 		return module.exports;
  27 | /******/ 	}
  28 | /******/
  29 | /******/
  30 | /******/ 	// expose the modules object (__webpack_modules__)
  31 | /******/ 	__webpack_require__.m = modules;
  32 | /******/
  33 | /******/ 	// expose the module cache
  34 | /******/ 	__webpack_require__.c = installedModules;
  35 | /******/
  36 | /******/ 	// define getter function for harmony exports
  37 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
  38 | /******/ 		if(!__webpack_require__.o(exports, name)) {
  39 | /******/ 			Object.defineProperty(exports, name, {
  40 | /******/ 				configurable: false,
  41 | /******/ 				enumerable: true,
  42 | /******/ 				get: getter
  43 | /******/ 			});
  44 | /******/ 		}
  45 | /******/ 	};
  46 | /******/
  47 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
  48 | /******/ 	__webpack_require__.n = function(module) {
  49 | /******/ 		var getter = module && module.__esModule ?
  50 | /******/ 			function getDefault() { return module['default']; } :
  51 | /******/ 			function getModuleExports() { return module; };
  52 | /******/ 		__webpack_require__.d(getter, 'a', getter);
  53 | /******/ 		return getter;
  54 | /******/ 	};
  55 | /******/
  56 | /******/ 	// Object.prototype.hasOwnProperty.call
  57 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  58 | /******/
  59 | /******/ 	// __webpack_public_path__
  60 | /******/ 	__webpack_require__.p = "";
  61 | /******/
  62 | /******/ 	// Load entry module and return exports
  63 | /******/ 	return __webpack_require__(__webpack_require__.s = 3);
  64 | /******/ })
  65 | /************************************************************************/
  66 | /******/ ([
  67 | /* 0 */
  68 | /***/ (function(module, exports) {
  69 | 
  70 | /* globals __VUE_SSR_CONTEXT__ */
  71 | 
  72 | // IMPORTANT: Do NOT use ES2015 features in this file.
  73 | // This module is a runtime utility for cleaner component module output and will
  74 | // be included in the final webpack user bundle.
  75 | 
  76 | module.exports = function normalizeComponent (
  77 |   rawScriptExports,
  78 |   compiledTemplate,
  79 |   functionalTemplate,
  80 |   injectStyles,
  81 |   scopeId,
  82 |   moduleIdentifier /* server only */
  83 | ) {
  84 |   var esModule
  85 |   var scriptExports = rawScriptExports = rawScriptExports || {}
  86 | 
  87 |   // ES6 modules interop
  88 |   var type = typeof rawScriptExports.default
  89 |   if (type === 'object' || type === 'function') {
  90 |     esModule = rawScriptExports
  91 |     scriptExports = rawScriptExports.default
  92 |   }
  93 | 
  94 |   // Vue.extend constructor export interop
  95 |   var options = typeof scriptExports === 'function'
  96 |     ? scriptExports.options
  97 |     : scriptExports
  98 | 
  99 |   // render functions
 100 |   if (compiledTemplate) {
 101 |     options.render = compiledTemplate.render
 102 |     options.staticRenderFns = compiledTemplate.staticRenderFns
 103 |     options._compiled = true
 104 |   }
 105 | 
 106 |   // functional template
 107 |   if (functionalTemplate) {
 108 |     options.functional = true
 109 |   }
 110 | 
 111 |   // scopedId
 112 |   if (scopeId) {
 113 |     options._scopeId = scopeId
 114 |   }
 115 | 
 116 |   var hook
 117 |   if (moduleIdentifier) { // server build
 118 |     hook = function (context) {
 119 |       // 2.3 injection
 120 |       context =
 121 |         context || // cached call
 122 |         (this.$vnode && this.$vnode.ssrContext) || // stateful
 123 |         (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
 124 |       // 2.2 with runInNewContext: true
 125 |       if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
 126 |         context = __VUE_SSR_CONTEXT__
 127 |       }
 128 |       // inject component styles
 129 |       if (injectStyles) {
 130 |         injectStyles.call(this, context)
 131 |       }
 132 |       // register component module identifier for async chunk inferrence
 133 |       if (context && context._registeredComponents) {
 134 |         context._registeredComponents.add(moduleIdentifier)
 135 |       }
 136 |     }
 137 |     // used by ssr in case component is cached and beforeCreate
 138 |     // never gets called
 139 |     options._ssrRegister = hook
 140 |   } else if (injectStyles) {
 141 |     hook = injectStyles
 142 |   }
 143 | 
 144 |   if (hook) {
 145 |     var functional = options.functional
 146 |     var existing = functional
 147 |       ? options.render
 148 |       : options.beforeCreate
 149 | 
 150 |     if (!functional) {
 151 |       // inject component registration as beforeCreate hook
 152 |       options.beforeCreate = existing
 153 |         ? [].concat(existing, hook)
 154 |         : [hook]
 155 |     } else {
 156 |       // for template-only hot-reload because in that case the render fn doesn't
 157 |       // go through the normalizer
 158 |       options._injectStyles = hook
 159 |       // register for functioal component in vue file
 160 |       options.render = function renderWithStyleInjection (h, context) {
 161 |         hook.call(context)
 162 |         return existing(h, context)
 163 |       }
 164 |     }
 165 |   }
 166 | 
 167 |   return {
 168 |     esModule: esModule,
 169 |     exports: scriptExports,
 170 |     options: options
 171 |   }
 172 | }
 173 | 
 174 | 
 175 | /***/ }),
 176 | /* 1 */
 177 | /***/ (function(module, exports) {
 178 | 
 179 | /*
 180 | 	MIT License http://www.opensource.org/licenses/mit-license.php
 181 | 	Author Tobias Koppers @sokra
 182 | */
 183 | // css base code, injected by the css-loader
 184 | module.exports = function(useSourceMap) {
 185 | 	var list = [];
 186 | 
 187 | 	// return the list of modules as css string
 188 | 	list.toString = function toString() {
 189 | 		return this.map(function (item) {
 190 | 			var content = cssWithMappingToString(item, useSourceMap);
 191 | 			if(item[2]) {
 192 | 				return "@media " + item[2] + "{" + content + "}";
 193 | 			} else {
 194 | 				return content;
 195 | 			}
 196 | 		}).join("");
 197 | 	};
 198 | 
 199 | 	// import a list of modules into the list
 200 | 	list.i = function(modules, mediaQuery) {
 201 | 		if(typeof modules === "string")
 202 | 			modules = [[null, modules, ""]];
 203 | 		var alreadyImportedModules = {};
 204 | 		for(var i = 0; i < this.length; i++) {
 205 | 			var id = this[i][0];
 206 | 			if(typeof id === "number")
 207 | 				alreadyImportedModules[id] = true;
 208 | 		}
 209 | 		for(i = 0; i < modules.length; i++) {
 210 | 			var item = modules[i];
 211 | 			// skip already imported module
 212 | 			// this implementation is not 100% perfect for weird media query combinations
 213 | 			//  when a module is imported multiple times with different media queries.
 214 | 			//  I hope this will never occur (Hey this way we have smaller bundles)
 215 | 			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
 216 | 				if(mediaQuery && !item[2]) {
 217 | 					item[2] = mediaQuery;
 218 | 				} else if(mediaQuery) {
 219 | 					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
 220 | 				}
 221 | 				list.push(item);
 222 | 			}
 223 | 		}
 224 | 	};
 225 | 	return list;
 226 | };
 227 | 
 228 | function cssWithMappingToString(item, useSourceMap) {
 229 | 	var content = item[1] || '';
 230 | 	var cssMapping = item[3];
 231 | 	if (!cssMapping) {
 232 | 		return content;
 233 | 	}
 234 | 
 235 | 	if (useSourceMap && typeof btoa === 'function') {
 236 | 		var sourceMapping = toComment(cssMapping);
 237 | 		var sourceURLs = cssMapping.sources.map(function (source) {
 238 | 			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
 239 | 		});
 240 | 
 241 | 		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
 242 | 	}
 243 | 
 244 | 	return [content].join('\n');
 245 | }
 246 | 
 247 | // Adapted from convert-source-map (MIT)
 248 | function toComment(sourceMap) {
 249 | 	// eslint-disable-next-line no-undef
 250 | 	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
 251 | 	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
 252 | 
 253 | 	return '/*# ' + data + ' */';
 254 | }
 255 | 
 256 | 
 257 | /***/ }),
 258 | /* 2 */
 259 | /***/ (function(module, exports, __webpack_require__) {
 260 | 
 261 | /*
 262 |   MIT License http://www.opensource.org/licenses/mit-license.php
 263 |   Author Tobias Koppers @sokra
 264 |   Modified by Evan You @yyx990803
 265 | */
 266 | 
 267 | var hasDocument = typeof document !== 'undefined'
 268 | 
 269 | if (typeof DEBUG !== 'undefined' && DEBUG) {
 270 |   if (!hasDocument) {
 271 |     throw new Error(
 272 |     'vue-style-loader cannot be used in a non-browser environment. ' +
 273 |     "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
 274 |   ) }
 275 | }
 276 | 
 277 | var listToStyles = __webpack_require__(8)
 278 | 
 279 | /*
 280 | type StyleObject = {
 281 |   id: number;
 282 |   parts: Array<StyleObjectPart>
 283 | }
 284 | 
 285 | type StyleObjectPart = {
 286 |   css: string;
 287 |   media: string;
 288 |   sourceMap: ?string
 289 | }
 290 | */
 291 | 
 292 | var stylesInDom = {/*
 293 |   [id: number]: {
 294 |     id: number,
 295 |     refs: number,
 296 |     parts: Array<(obj?: StyleObjectPart) => void>
 297 |   }
 298 | */}
 299 | 
 300 | var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
 301 | var singletonElement = null
 302 | var singletonCounter = 0
 303 | var isProduction = false
 304 | var noop = function () {}
 305 | var options = null
 306 | var ssrIdKey = 'data-vue-ssr-id'
 307 | 
 308 | // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
 309 | // tags it will allow on a page
 310 | var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
 311 | 
 312 | module.exports = function (parentId, list, _isProduction, _options) {
 313 |   isProduction = _isProduction
 314 | 
 315 |   options = _options || {}
 316 | 
 317 |   var styles = listToStyles(parentId, list)
 318 |   addStylesToDom(styles)
 319 | 
 320 |   return function update (newList) {
 321 |     var mayRemove = []
 322 |     for (var i = 0; i < styles.length; i++) {
 323 |       var item = styles[i]
 324 |       var domStyle = stylesInDom[item.id]
 325 |       domStyle.refs--
 326 |       mayRemove.push(domStyle)
 327 |     }
 328 |     if (newList) {
 329 |       styles = listToStyles(parentId, newList)
 330 |       addStylesToDom(styles)
 331 |     } else {
 332 |       styles = []
 333 |     }
 334 |     for (var i = 0; i < mayRemove.length; i++) {
 335 |       var domStyle = mayRemove[i]
 336 |       if (domStyle.refs === 0) {
 337 |         for (var j = 0; j < domStyle.parts.length; j++) {
 338 |           domStyle.parts[j]()
 339 |         }
 340 |         delete stylesInDom[domStyle.id]
 341 |       }
 342 |     }
 343 |   }
 344 | }
 345 | 
 346 | function addStylesToDom (styles /* Array<StyleObject> */) {
 347 |   for (var i = 0; i < styles.length; i++) {
 348 |     var item = styles[i]
 349 |     var domStyle = stylesInDom[item.id]
 350 |     if (domStyle) {
 351 |       domStyle.refs++
 352 |       for (var j = 0; j < domStyle.parts.length; j++) {
 353 |         domStyle.parts[j](item.parts[j])
 354 |       }
 355 |       for (; j < item.parts.length; j++) {
 356 |         domStyle.parts.push(addStyle(item.parts[j]))
 357 |       }
 358 |       if (domStyle.parts.length > item.parts.length) {
 359 |         domStyle.parts.length = item.parts.length
 360 |       }
 361 |     } else {
 362 |       var parts = []
 363 |       for (var j = 0; j < item.parts.length; j++) {
 364 |         parts.push(addStyle(item.parts[j]))
 365 |       }
 366 |       stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
 367 |     }
 368 |   }
 369 | }
 370 | 
 371 | function createStyleElement () {
 372 |   var styleElement = document.createElement('style')
 373 |   styleElement.type = 'text/css'
 374 |   head.appendChild(styleElement)
 375 |   return styleElement
 376 | }
 377 | 
 378 | function addStyle (obj /* StyleObjectPart */) {
 379 |   var update, remove
 380 |   var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
 381 | 
 382 |   if (styleElement) {
 383 |     if (isProduction) {
 384 |       // has SSR styles and in production mode.
 385 |       // simply do nothing.
 386 |       return noop
 387 |     } else {
 388 |       // has SSR styles but in dev mode.
 389 |       // for some reason Chrome can't handle source map in server-rendered
 390 |       // style tags - source maps in <style> only works if the style tag is
 391 |       // created and inserted dynamically. So we remove the server rendered
 392 |       // styles and inject new ones.
 393 |       styleElement.parentNode.removeChild(styleElement)
 394 |     }
 395 |   }
 396 | 
 397 |   if (isOldIE) {
 398 |     // use singleton mode for IE9.
 399 |     var styleIndex = singletonCounter++
 400 |     styleElement = singletonElement || (singletonElement = createStyleElement())
 401 |     update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
 402 |     remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
 403 |   } else {
 404 |     // use multi-style-tag mode in all other cases
 405 |     styleElement = createStyleElement()
 406 |     update = applyToTag.bind(null, styleElement)
 407 |     remove = function () {
 408 |       styleElement.parentNode.removeChild(styleElement)
 409 |     }
 410 |   }
 411 | 
 412 |   update(obj)
 413 | 
 414 |   return function updateStyle (newObj /* StyleObjectPart */) {
 415 |     if (newObj) {
 416 |       if (newObj.css === obj.css &&
 417 |           newObj.media === obj.media &&
 418 |           newObj.sourceMap === obj.sourceMap) {
 419 |         return
 420 |       }
 421 |       update(obj = newObj)
 422 |     } else {
 423 |       remove()
 424 |     }
 425 |   }
 426 | }
 427 | 
 428 | var replaceText = (function () {
 429 |   var textStore = []
 430 | 
 431 |   return function (index, replacement) {
 432 |     textStore[index] = replacement
 433 |     return textStore.filter(Boolean).join('\n')
 434 |   }
 435 | })()
 436 | 
 437 | function applyToSingletonTag (styleElement, index, remove, obj) {
 438 |   var css = remove ? '' : obj.css
 439 | 
 440 |   if (styleElement.styleSheet) {
 441 |     styleElement.styleSheet.cssText = replaceText(index, css)
 442 |   } else {
 443 |     var cssNode = document.createTextNode(css)
 444 |     var childNodes = styleElement.childNodes
 445 |     if (childNodes[index]) styleElement.removeChild(childNodes[index])
 446 |     if (childNodes.length) {
 447 |       styleElement.insertBefore(cssNode, childNodes[index])
 448 |     } else {
 449 |       styleElement.appendChild(cssNode)
 450 |     }
 451 |   }
 452 | }
 453 | 
 454 | function applyToTag (styleElement, obj) {
 455 |   var css = obj.css
 456 |   var media = obj.media
 457 |   var sourceMap = obj.sourceMap
 458 | 
 459 |   if (media) {
 460 |     styleElement.setAttribute('media', media)
 461 |   }
 462 |   if (options.ssrId) {
 463 |     styleElement.setAttribute(ssrIdKey, obj.id)
 464 |   }
 465 | 
 466 |   if (sourceMap) {
 467 |     // https://developer.chrome.com/devtools/docs/javascript-debugging
 468 |     // this makes source maps inside style tags work properly in Chrome
 469 |     css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
 470 |     // http://stackoverflow.com/a/26603875
 471 |     css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
 472 |   }
 473 | 
 474 |   if (styleElement.styleSheet) {
 475 |     styleElement.styleSheet.cssText = css
 476 |   } else {
 477 |     while (styleElement.firstChild) {
 478 |       styleElement.removeChild(styleElement.firstChild)
 479 |     }
 480 |     styleElement.appendChild(document.createTextNode(css))
 481 |   }
 482 | }
 483 | 
 484 | 
 485 | /***/ }),
 486 | /* 3 */
 487 | /***/ (function(module, exports, __webpack_require__) {
 488 | 
 489 | __webpack_require__(4);
 490 | __webpack_require__(44);
 491 | module.exports = __webpack_require__(45);
 492 | 
 493 | 
 494 | /***/ }),
 495 | /* 4 */
 496 | /***/ (function(module, exports, __webpack_require__) {
 497 | 
 498 | 
 499 | Nova.booting(function (Vue, router) {
 500 |     router.addRoutes([{
 501 |         name: 'nova-notifications',
 502 |         path: '/nova-notifications',
 503 |         component: __webpack_require__(5)
 504 |     }, {
 505 |         name: 'nova-notifications-send',
 506 |         path: '/nova-notifications-send',
 507 |         component: __webpack_require__(25)
 508 |     }]);
 509 | });
 510 | 
 511 | /***/ }),
 512 | /* 5 */
 513 | /***/ (function(module, exports, __webpack_require__) {
 514 | 
 515 | var disposed = false
 516 | function injectStyle (ssrContext) {
 517 |   if (disposed) return
 518 |   __webpack_require__(6)
 519 | }
 520 | var normalizeComponent = __webpack_require__(0)
 521 | /* script */
 522 | var __vue_script__ = __webpack_require__(9)
 523 | /* template */
 524 | var __vue_template__ = __webpack_require__(24)
 525 | /* template functional */
 526 | var __vue_template_functional__ = false
 527 | /* styles */
 528 | var __vue_styles__ = injectStyle
 529 | /* scopeId */
 530 | var __vue_scopeId__ = null
 531 | /* moduleIdentifier (server only) */
 532 | var __vue_module_identifier__ = null
 533 | var Component = normalizeComponent(
 534 |   __vue_script__,
 535 |   __vue_template__,
 536 |   __vue_template_functional__,
 537 |   __vue_styles__,
 538 |   __vue_scopeId__,
 539 |   __vue_module_identifier__
 540 | )
 541 | Component.options.__file = "resources/js/components/NotificationsOverview.vue"
 542 | 
 543 | /* hot reload */
 544 | if (false) {(function () {
 545 |   var hotAPI = require("vue-hot-reload-api")
 546 |   hotAPI.install(require("vue"), false)
 547 |   if (!hotAPI.compatible) return
 548 |   module.hot.accept()
 549 |   if (!module.hot.data) {
 550 |     hotAPI.createRecord("data-v-6ff814a6", Component.options)
 551 |   } else {
 552 |     hotAPI.reload("data-v-6ff814a6", Component.options)
 553 |   }
 554 |   module.hot.dispose(function (data) {
 555 |     disposed = true
 556 |   })
 557 | })()}
 558 | 
 559 | module.exports = Component.exports
 560 | 
 561 | 
 562 | /***/ }),
 563 | /* 6 */
 564 | /***/ (function(module, exports, __webpack_require__) {
 565 | 
 566 | // style-loader: Adds some css to the DOM by adding a <style> tag
 567 | 
 568 | // load the styles
 569 | var content = __webpack_require__(7);
 570 | if(typeof content === 'string') content = [[module.i, content, '']];
 571 | if(content.locals) module.exports = content.locals;
 572 | // add the styles to the DOM
 573 | var update = __webpack_require__(2)("1042232a", content, false, {});
 574 | // Hot Module Replacement
 575 | if(false) {
 576 |  // When the styles change, update the <style> tags
 577 |  if(!content.locals) {
 578 |    module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-6ff814a6\",\"scoped\":false,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./NotificationsOverview.vue", function() {
 579 |      var newContent = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-6ff814a6\",\"scoped\":false,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./NotificationsOverview.vue");
 580 |      if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 581 |      update(newContent);
 582 |    });
 583 |  }
 584 |  // When the module is disposed, remove the <style> tags
 585 |  module.hot.dispose(function() { update(); });
 586 | }
 587 | 
 588 | /***/ }),
 589 | /* 7 */
 590 | /***/ (function(module, exports, __webpack_require__) {
 591 | 
 592 | exports = module.exports = __webpack_require__(1)(false);
 593 | // imports
 594 | 
 595 | 
 596 | // module
 597 | exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* Scoped Styles */\n", ""]);
 598 | 
 599 | // exports
 600 | 
 601 | 
 602 | /***/ }),
 603 | /* 8 */
 604 | /***/ (function(module, exports) {
 605 | 
 606 | /**
 607 |  * Translates the list format produced by css-loader into something
 608 |  * easier to manipulate.
 609 |  */
 610 | module.exports = function listToStyles (parentId, list) {
 611 |   var styles = []
 612 |   var newStyles = {}
 613 |   for (var i = 0; i < list.length; i++) {
 614 |     var item = list[i]
 615 |     var id = item[0]
 616 |     var css = item[1]
 617 |     var media = item[2]
 618 |     var sourceMap = item[3]
 619 |     var part = {
 620 |       id: parentId + ':' + i,
 621 |       css: css,
 622 |       media: media,
 623 |       sourceMap: sourceMap
 624 |     }
 625 |     if (!newStyles[id]) {
 626 |       styles.push(newStyles[id] = { id: id, parts: [part] })
 627 |     } else {
 628 |       newStyles[id].parts.push(part)
 629 |     }
 630 |   }
 631 |   return styles
 632 | }
 633 | 
 634 | 
 635 | /***/ }),
 636 | /* 9 */
 637 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
 638 | 
 639 | "use strict";
 640 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 641 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__NotificationsTable__ = __webpack_require__(10);
 642 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__NotificationsTable___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__NotificationsTable__);
 643 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__NotificationsCard__ = __webpack_require__(19);
 644 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__NotificationsCard___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__NotificationsCard__);
 645 | //
 646 | //
 647 | //
 648 | //
 649 | //
 650 | //
 651 | //
 652 | //
 653 | //
 654 | //
 655 | //
 656 | 
 657 | 
 658 | 
 659 | 
 660 | /* harmony default export */ __webpack_exports__["default"] = ({
 661 |     components: { NotificationCard: __WEBPACK_IMPORTED_MODULE_1__NotificationsCard___default.a, NotificationsTable: __WEBPACK_IMPORTED_MODULE_0__NotificationsTable___default.a },
 662 |     data: function data() {
 663 |         return {
 664 |             initialLoading: true,
 665 |             notificationsCount: 0,
 666 |             notificationsFailedCount: 0
 667 |         };
 668 |     },
 669 |     created: function created() {
 670 |         this.getNotificationStats();
 671 |     },
 672 | 
 673 |     methods: {
 674 |         getNotificationStats: function getNotificationStats() {
 675 |             var _this = this;
 676 | 
 677 |             Nova.request().get('/nova-vendor/nova-notifications/notifications/stats').then(function (response) {
 678 |                 _this.notificationsCount = response.data.all;
 679 |                 _this.notificationsFailedCount = response.data.failed;
 680 |                 _this.initialLoading = false;
 681 |             });
 682 |         },
 683 |         getNotificationsFailedCount: function getNotificationsFailedCount() {
 684 |             var _this2 = this;
 685 | 
 686 |             Nova.request().get('/nova-vendor/nova-notifications/notifications-failed-count').then(function (response) {
 687 |                 _this2.notificationsFailedCount = response.data;
 688 |                 _this2.initialLoading = false;
 689 |             });
 690 |         }
 691 |     }
 692 | });
 693 | 
 694 | /***/ }),
 695 | /* 10 */
 696 | /***/ (function(module, exports, __webpack_require__) {
 697 | 
 698 | var disposed = false
 699 | function injectStyle (ssrContext) {
 700 |   if (disposed) return
 701 |   __webpack_require__(11)
 702 | }
 703 | var normalizeComponent = __webpack_require__(0)
 704 | /* script */
 705 | var __vue_script__ = __webpack_require__(13)
 706 | /* template */
 707 | var __vue_template__ = __webpack_require__(18)
 708 | /* template functional */
 709 | var __vue_template_functional__ = false
 710 | /* styles */
 711 | var __vue_styles__ = injectStyle
 712 | /* scopeId */
 713 | var __vue_scopeId__ = null
 714 | /* moduleIdentifier (server only) */
 715 | var __vue_module_identifier__ = null
 716 | var Component = normalizeComponent(
 717 |   __vue_script__,
 718 |   __vue_template__,
 719 |   __vue_template_functional__,
 720 |   __vue_styles__,
 721 |   __vue_scopeId__,
 722 |   __vue_module_identifier__
 723 | )
 724 | Component.options.__file = "resources/js/components/NotificationsTable.vue"
 725 | 
 726 | /* hot reload */
 727 | if (false) {(function () {
 728 |   var hotAPI = require("vue-hot-reload-api")
 729 |   hotAPI.install(require("vue"), false)
 730 |   if (!hotAPI.compatible) return
 731 |   module.hot.accept()
 732 |   if (!module.hot.data) {
 733 |     hotAPI.createRecord("data-v-0ce61e71", Component.options)
 734 |   } else {
 735 |     hotAPI.reload("data-v-0ce61e71", Component.options)
 736 |   }
 737 |   module.hot.dispose(function (data) {
 738 |     disposed = true
 739 |   })
 740 | })()}
 741 | 
 742 | module.exports = Component.exports
 743 | 
 744 | 
 745 | /***/ }),
 746 | /* 11 */
 747 | /***/ (function(module, exports, __webpack_require__) {
 748 | 
 749 | // style-loader: Adds some css to the DOM by adding a <style> tag
 750 | 
 751 | // load the styles
 752 | var content = __webpack_require__(12);
 753 | if(typeof content === 'string') content = [[module.i, content, '']];
 754 | if(content.locals) module.exports = content.locals;
 755 | // add the styles to the DOM
 756 | var update = __webpack_require__(2)("d0835364", content, false, {});
 757 | // Hot Module Replacement
 758 | if(false) {
 759 |  // When the styles change, update the <style> tags
 760 |  if(!content.locals) {
 761 |    module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-0ce61e71\",\"scoped\":false,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./NotificationsTable.vue", function() {
 762 |      var newContent = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-0ce61e71\",\"scoped\":false,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./NotificationsTable.vue");
 763 |      if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 764 |      update(newContent);
 765 |    });
 766 |  }
 767 |  // When the module is disposed, remove the <style> tags
 768 |  module.hot.dispose(function() { update(); });
 769 | }
 770 | 
 771 | /***/ }),
 772 | /* 12 */
 773 | /***/ (function(module, exports, __webpack_require__) {
 774 | 
 775 | exports = module.exports = __webpack_require__(1)(false);
 776 | // imports
 777 | 
 778 | 
 779 | // module
 780 | exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* Scoped Styles */\n", ""]);
 781 | 
 782 | // exports
 783 | 
 784 | 
 785 | /***/ }),
 786 | /* 13 */
 787 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
 788 | 
 789 | "use strict";
 790 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 791 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__icons_IconSuccess__ = __webpack_require__(14);
 792 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__icons_IconSuccess___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__icons_IconSuccess__);
 793 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__icons_IconFailed__ = __webpack_require__(16);
 794 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__icons_IconFailed___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__icons_IconFailed__);
 795 | //
 796 | //
 797 | //
 798 | //
 799 | //
 800 | //
 801 | //
 802 | //
 803 | //
 804 | //
 805 | //
 806 | //
 807 | //
 808 | //
 809 | //
 810 | //
 811 | //
 812 | //
 813 | //
 814 | //
 815 | //
 816 | //
 817 | //
 818 | //
 819 | //
 820 | //
 821 | //
 822 | //
 823 | //
 824 | //
 825 | //
 826 | //
 827 | //
 828 | //
 829 | //
 830 | //
 831 | //
 832 | //
 833 | //
 834 | //
 835 | //
 836 | //
 837 | //
 838 | //
 839 | //
 840 | //
 841 | //
 842 | 
 843 | 
 844 | 
 845 | 
 846 | /* harmony default export */ __webpack_exports__["default"] = ({
 847 |     data: function data() {
 848 |         return {
 849 |             initialLoading: true,
 850 |             notifications: null
 851 |         };
 852 |     },
 853 |     mounted: function mounted() {
 854 |         this.loadNotifications();
 855 |     },
 856 | 
 857 |     methods: {
 858 |         loadNotifications: function loadNotifications() {
 859 |             var _this = this;
 860 | 
 861 |             Nova.request().get('/nova-vendor/nova-notifications/notifications').then(function (response) {
 862 |                 _this.notifications = response.data;
 863 |                 _this.initialLoading = false;
 864 |             });
 865 |         }
 866 |     },
 867 |     components: {
 868 |         IconSuccess: __WEBPACK_IMPORTED_MODULE_0__icons_IconSuccess___default.a,
 869 |         IconFailed: __WEBPACK_IMPORTED_MODULE_1__icons_IconFailed___default.a
 870 |     }
 871 | });
 872 | 
 873 | /***/ }),
 874 | /* 14 */
 875 | /***/ (function(module, exports, __webpack_require__) {
 876 | 
 877 | var disposed = false
 878 | var normalizeComponent = __webpack_require__(0)
 879 | /* script */
 880 | var __vue_script__ = null
 881 | /* template */
 882 | var __vue_template__ = __webpack_require__(15)
 883 | /* template functional */
 884 | var __vue_template_functional__ = false
 885 | /* styles */
 886 | var __vue_styles__ = null
 887 | /* scopeId */
 888 | var __vue_scopeId__ = null
 889 | /* moduleIdentifier (server only) */
 890 | var __vue_module_identifier__ = null
 891 | var Component = normalizeComponent(
 892 |   __vue_script__,
 893 |   __vue_template__,
 894 |   __vue_template_functional__,
 895 |   __vue_styles__,
 896 |   __vue_scopeId__,
 897 |   __vue_module_identifier__
 898 | )
 899 | Component.options.__file = "resources/js/components/icons/IconSuccess.vue"
 900 | 
 901 | /* hot reload */
 902 | if (false) {(function () {
 903 |   var hotAPI = require("vue-hot-reload-api")
 904 |   hotAPI.install(require("vue"), false)
 905 |   if (!hotAPI.compatible) return
 906 |   module.hot.accept()
 907 |   if (!module.hot.data) {
 908 |     hotAPI.createRecord("data-v-47e86c7a", Component.options)
 909 |   } else {
 910 |     hotAPI.reload("data-v-47e86c7a", Component.options)
 911 |   }
 912 |   module.hot.dispose(function (data) {
 913 |     disposed = true
 914 |   })
 915 | })()}
 916 | 
 917 | module.exports = Component.exports
 918 | 
 919 | 
 920 | /***/ }),
 921 | /* 15 */
 922 | /***/ (function(module, exports, __webpack_require__) {
 923 | 
 924 | var render = function() {
 925 |   var _vm = this
 926 |   var _h = _vm.$createElement
 927 |   var _c = _vm._self._c || _h
 928 |   return _c(
 929 |     "svg",
 930 |     { attrs: { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" } },
 931 |     [
 932 |       _c("path", {
 933 |         attrs: {
 934 |           d:
 935 |             "M2.93 17.07A10 10 0 1 0 17.07 2.93 10 10 0 0 0 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM4 10l2-2 3 3 5-5 2 2-7 7-5-5z",
 936 |           fill: "var(--success)",
 937 |           "fill-rule": "evenodd"
 938 |         }
 939 |       })
 940 |     ]
 941 |   )
 942 | }
 943 | var staticRenderFns = []
 944 | render._withStripped = true
 945 | module.exports = { render: render, staticRenderFns: staticRenderFns }
 946 | if (false) {
 947 |   module.hot.accept()
 948 |   if (module.hot.data) {
 949 |     require("vue-hot-reload-api")      .rerender("data-v-47e86c7a", module.exports)
 950 |   }
 951 | }
 952 | 
 953 | /***/ }),
 954 | /* 16 */
 955 | /***/ (function(module, exports, __webpack_require__) {
 956 | 
 957 | var disposed = false
 958 | var normalizeComponent = __webpack_require__(0)
 959 | /* script */
 960 | var __vue_script__ = null
 961 | /* template */
 962 | var __vue_template__ = __webpack_require__(17)
 963 | /* template functional */
 964 | var __vue_template_functional__ = false
 965 | /* styles */
 966 | var __vue_styles__ = null
 967 | /* scopeId */
 968 | var __vue_scopeId__ = null
 969 | /* moduleIdentifier (server only) */
 970 | var __vue_module_identifier__ = null
 971 | var Component = normalizeComponent(
 972 |   __vue_script__,
 973 |   __vue_template__,
 974 |   __vue_template_functional__,
 975 |   __vue_styles__,
 976 |   __vue_scopeId__,
 977 |   __vue_module_identifier__
 978 | )
 979 | Component.options.__file = "resources/js/components/icons/IconFailed.vue"
 980 | 
 981 | /* hot reload */
 982 | if (false) {(function () {
 983 |   var hotAPI = require("vue-hot-reload-api")
 984 |   hotAPI.install(require("vue"), false)
 985 |   if (!hotAPI.compatible) return
 986 |   module.hot.accept()
 987 |   if (!module.hot.data) {
 988 |     hotAPI.createRecord("data-v-05594516", Component.options)
 989 |   } else {
 990 |     hotAPI.reload("data-v-05594516", Component.options)
 991 |   }
 992 |   module.hot.dispose(function (data) {
 993 |     disposed = true
 994 |   })
 995 | })()}
 996 | 
 997 | module.exports = Component.exports
 998 | 
 999 | 
1000 | /***/ }),
1001 | /* 17 */
1002 | /***/ (function(module, exports, __webpack_require__) {
1003 | 
1004 | var render = function() {
1005 |   var _vm = this
1006 |   var _h = _vm.$createElement
1007 |   var _c = _vm._self._c || _h
1008 |   return _c(
1009 |     "svg",
1010 |     { attrs: { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" } },
1011 |     [
1012 |       _c("path", {
1013 |         attrs: {
1014 |           d:
1015 |             "M11.41 10l2.83-2.83-1.41-1.41L10 8.59 7.17 5.76 5.76 7.17 8.59 10l-2.83 2.83 1.41 1.41L10 11.41l2.83 2.83 1.41-1.41L11.41 10zm-8.48 7.07A10 10 0 1 0 17.07 2.93 10 10 0 0 0 2.93 17.07zm1.41-1.41A8 8 0 1 0 15.66 4.34 8 8 0 0 0 4.34 15.66z",
1016 |           fill: "var(--danger)",
1017 |           "fill-rule": "evenodd"
1018 |         }
1019 |       })
1020 |     ]
1021 |   )
1022 | }
1023 | var staticRenderFns = []
1024 | render._withStripped = true
1025 | module.exports = { render: render, staticRenderFns: staticRenderFns }
1026 | if (false) {
1027 |   module.hot.accept()
1028 |   if (module.hot.data) {
1029 |     require("vue-hot-reload-api")      .rerender("data-v-05594516", module.exports)
1030 |   }
1031 | }
1032 | 
1033 | /***/ }),
1034 | /* 18 */
1035 | /***/ (function(module, exports, __webpack_require__) {
1036 | 
1037 | var render = function() {
1038 |   var _vm = this
1039 |   var _h = _vm.$createElement
1040 |   var _c = _vm._self._c || _h
1041 |   return _c(
1042 |     "loading-card",
1043 |     {
1044 |       staticClass: "flex flex-wrap py-8 mb-8 text-center",
1045 |       attrs: { loading: _vm.initialLoading }
1046 |     },
1047 |     [
1048 |       _c(
1049 |         "table",
1050 |         {
1051 |           staticClass: "table w-full",
1052 |           attrs: { cellpadding: "0", cellspacing: "0" }
1053 |         },
1054 |         [
1055 |           _c("thead", [
1056 |             _c("tr", [
1057 |               _c("th", {}, [_vm._v("\n                ID\n            ")]),
1058 |               _vm._v(" "),
1059 |               _c("th", {}, [
1060 |                 _vm._v(
1061 |                   "\n                " +
1062 |                     _vm._s(_vm.__("Notification")) +
1063 |                     "\n            "
1064 |                 )
1065 |               ]),
1066 |               _vm._v(" "),
1067 |               _c("th", {}, [
1068 |                 _vm._v(
1069 |                   "\n                " +
1070 |                     _vm._s(_vm.__("Notifiable Type")) +
1071 |                     "\n            "
1072 |                 )
1073 |               ]),
1074 |               _vm._v(" "),
1075 |               _c("th", {}, [
1076 |                 _vm._v(
1077 |                   "\n                " +
1078 |                     _vm._s(_vm.__("Notifiable ID")) +
1079 |                     "\n            "
1080 |                 )
1081 |               ]),
1082 |               _vm._v(" "),
1083 |               _c("th", {}, [
1084 |                 _vm._v(
1085 |                   "\n                " +
1086 |                     _vm._s(_vm.__("Channel")) +
1087 |                     "\n            "
1088 |                 )
1089 |               ]),
1090 |               _vm._v(" "),
1091 |               _c("th", {}, [
1092 |                 _vm._v(
1093 |                   "\n                " +
1094 |                     _vm._s(_vm.__("Sent")) +
1095 |                     "\n            "
1096 |                 )
1097 |               ]),
1098 |               _vm._v(" "),
1099 |               _c("th", {}, [
1100 |                 _vm._v(
1101 |                   "\n                " +
1102 |                     _vm._s(_vm.__("Date")) +
1103 |                     "\n            "
1104 |                 )
1105 |               ])
1106 |             ])
1107 |           ]),
1108 |           _vm._v(" "),
1109 |           _c(
1110 |             "tbody",
1111 |             _vm._l(_vm.notifications, function(notification) {
1112 |               return _c("tr", [
1113 |                 _c("td", [_vm._v(_vm._s(notification.id))]),
1114 |                 _vm._v(" "),
1115 |                 _c("td", [_vm._v(_vm._s(notification.notification))]),
1116 |                 _vm._v(" "),
1117 |                 _c("td", [_vm._v(_vm._s(notification.notifiable_type))]),
1118 |                 _vm._v(" "),
1119 |                 _c("td", [_vm._v(_vm._s(notification.notifiable_id))]),
1120 |                 _vm._v(" "),
1121 |                 _c("td", [_vm._v(_vm._s(notification.channel))]),
1122 |                 _vm._v(" "),
1123 |                 _c("td", [
1124 |                   _c(notification.failed ? "icon-failed" : "icon-success", {
1125 |                     tag: "svg",
1126 |                     attrs: { height: "24px" }
1127 |                   })
1128 |                 ]),
1129 |                 _vm._v(" "),
1130 |                 _c("td", [_vm._v(_vm._s(notification.created_at))])
1131 |               ])
1132 |             })
1133 |           )
1134 |         ]
1135 |       )
1136 |     ]
1137 |   )
1138 | }
1139 | var staticRenderFns = []
1140 | render._withStripped = true
1141 | module.exports = { render: render, staticRenderFns: staticRenderFns }
1142 | if (false) {
1143 |   module.hot.accept()
1144 |   if (module.hot.data) {
1145 |     require("vue-hot-reload-api")      .rerender("data-v-0ce61e71", module.exports)
1146 |   }
1147 | }
1148 | 
1149 | /***/ }),
1150 | /* 19 */
1151 | /***/ (function(module, exports, __webpack_require__) {
1152 | 
1153 | var disposed = false
1154 | function injectStyle (ssrContext) {
1155 |   if (disposed) return
1156 |   __webpack_require__(20)
1157 | }
1158 | var normalizeComponent = __webpack_require__(0)
1159 | /* script */
1160 | var __vue_script__ = __webpack_require__(22)
1161 | /* template */
1162 | var __vue_template__ = __webpack_require__(23)
1163 | /* template functional */
1164 | var __vue_template_functional__ = false
1165 | /* styles */
1166 | var __vue_styles__ = injectStyle
1167 | /* scopeId */
1168 | var __vue_scopeId__ = null
1169 | /* moduleIdentifier (server only) */
1170 | var __vue_module_identifier__ = null
1171 | var Component = normalizeComponent(
1172 |   __vue_script__,
1173 |   __vue_template__,
1174 |   __vue_template_functional__,
1175 |   __vue_styles__,
1176 |   __vue_scopeId__,
1177 |   __vue_module_identifier__
1178 | )
1179 | Component.options.__file = "resources/js/components/NotificationsCard.vue"
1180 | 
1181 | /* hot reload */
1182 | if (false) {(function () {
1183 |   var hotAPI = require("vue-hot-reload-api")
1184 |   hotAPI.install(require("vue"), false)
1185 |   if (!hotAPI.compatible) return
1186 |   module.hot.accept()
1187 |   if (!module.hot.data) {
1188 |     hotAPI.createRecord("data-v-2a2e5d86", Component.options)
1189 |   } else {
1190 |     hotAPI.reload("data-v-2a2e5d86", Component.options)
1191 |   }
1192 |   module.hot.dispose(function (data) {
1193 |     disposed = true
1194 |   })
1195 | })()}
1196 | 
1197 | module.exports = Component.exports
1198 | 
1199 | 
1200 | /***/ }),
1201 | /* 20 */
1202 | /***/ (function(module, exports, __webpack_require__) {
1203 | 
1204 | // style-loader: Adds some css to the DOM by adding a <style> tag
1205 | 
1206 | // load the styles
1207 | var content = __webpack_require__(21);
1208 | if(typeof content === 'string') content = [[module.i, content, '']];
1209 | if(content.locals) module.exports = content.locals;
1210 | // add the styles to the DOM
1211 | var update = __webpack_require__(2)("69c5756d", content, false, {});
1212 | // Hot Module Replacement
1213 | if(false) {
1214 |  // When the styles change, update the <style> tags
1215 |  if(!content.locals) {
1216 |    module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-2a2e5d86\",\"scoped\":false,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./NotificationsCard.vue", function() {
1217 |      var newContent = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-2a2e5d86\",\"scoped\":false,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./NotificationsCard.vue");
1218 |      if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
1219 |      update(newContent);
1220 |    });
1221 |  }
1222 |  // When the module is disposed, remove the <style> tags
1223 |  module.hot.dispose(function() { update(); });
1224 | }
1225 | 
1226 | /***/ }),
1227 | /* 21 */
1228 | /***/ (function(module, exports, __webpack_require__) {
1229 | 
1230 | exports = module.exports = __webpack_require__(1)(false);
1231 | // imports
1232 | 
1233 | 
1234 | // module
1235 | exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* Scoped Styles */\n", ""]);
1236 | 
1237 | // exports
1238 | 
1239 | 
1240 | /***/ }),
1241 | /* 22 */
1242 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
1243 | 
1244 | "use strict";
1245 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
1246 | //
1247 | //
1248 | //
1249 | //
1250 | //
1251 | //
1252 | //
1253 | //
1254 | //
1255 | //
1256 | //
1257 | //
1258 | 
1259 | /* harmony default export */ __webpack_exports__["default"] = ({
1260 |     props: {
1261 |         value: '',
1262 |         header: ''
1263 |     },
1264 |     data: function data() {
1265 |         return {
1266 |             initialLoading: false,
1267 |             notifications: null
1268 |         };
1269 |     },
1270 |     mounted: function mounted() {},
1271 | 
1272 |     methods: {}
1273 | });
1274 | 
1275 | /***/ }),
1276 | /* 23 */
1277 | /***/ (function(module, exports, __webpack_require__) {
1278 | 
1279 | var render = function() {
1280 |   var _vm = this
1281 |   var _h = _vm.$createElement
1282 |   var _c = _vm._self._c || _h
1283 |   return _c("div", { staticClass: "w-1/2" }, [
1284 |     _c("p", { staticClass: "text-sm uppercase mb-2 text-80" }, [
1285 |       _vm._v(_vm._s(_vm.header))
1286 |     ]),
1287 |     _vm._v(" "),
1288 |     _c("div", [
1289 |       _c("p", { staticClass: "text-2xl" }, [
1290 |         _vm._v("\n            " + _vm._s(_vm.value) + "\n        ")
1291 |       ])
1292 |     ])
1293 |   ])
1294 | }
1295 | var staticRenderFns = []
1296 | render._withStripped = true
1297 | module.exports = { render: render, staticRenderFns: staticRenderFns }
1298 | if (false) {
1299 |   module.hot.accept()
1300 |   if (module.hot.data) {
1301 |     require("vue-hot-reload-api")      .rerender("data-v-2a2e5d86", module.exports)
1302 |   }
1303 | }
1304 | 
1305 | /***/ }),
1306 | /* 24 */
1307 | /***/ (function(module, exports, __webpack_require__) {
1308 | 
1309 | var render = function() {
1310 |   var _vm = this
1311 |   var _h = _vm.$createElement
1312 |   var _c = _vm._self._c || _h
1313 |   return _c(
1314 |     "div",
1315 |     [
1316 |       _c("heading", { staticClass: "mb-6" }, [
1317 |         _vm._v(_vm._s(_vm.__("Nova Notifications")))
1318 |       ]),
1319 |       _vm._v(" "),
1320 |       _c(
1321 |         "loading-card",
1322 |         {
1323 |           staticClass: "flex flex-wrap py-8 mb-8 text-center",
1324 |           attrs: { loading: _vm.initialLoading }
1325 |         },
1326 |         [
1327 |           _c("notification-card", {
1328 |             attrs: {
1329 |               header: "Notifications Sent",
1330 |               value: _vm.notificationsCount
1331 |             }
1332 |           }),
1333 |           _vm._v(" "),
1334 |           _c("notification-card", {
1335 |             attrs: {
1336 |               header: "Notifications Failed",
1337 |               value: _vm.notificationsFailedCount
1338 |             }
1339 |           })
1340 |         ],
1341 |         1
1342 |       ),
1343 |       _vm._v(" "),
1344 |       _vm.notificationsCount > 0 ? _c("notifications-table") : _vm._e()
1345 |     ],
1346 |     1
1347 |   )
1348 | }
1349 | var staticRenderFns = []
1350 | render._withStripped = true
1351 | module.exports = { render: render, staticRenderFns: staticRenderFns }
1352 | if (false) {
1353 |   module.hot.accept()
1354 |   if (module.hot.data) {
1355 |     require("vue-hot-reload-api")      .rerender("data-v-6ff814a6", module.exports)
1356 |   }
1357 | }
1358 | 
1359 | /***/ }),
1360 | /* 25 */
1361 | /***/ (function(module, exports, __webpack_require__) {
1362 | 
1363 | var disposed = false
1364 | function injectStyle (ssrContext) {
1365 |   if (disposed) return
1366 |   __webpack_require__(26)
1367 | }
1368 | var normalizeComponent = __webpack_require__(0)
1369 | /* script */
1370 | var __vue_script__ = __webpack_require__(28)
1371 | /* template */
1372 | var __vue_template__ = __webpack_require__(43)
1373 | /* template functional */
1374 | var __vue_template_functional__ = false
1375 | /* styles */
1376 | var __vue_styles__ = injectStyle
1377 | /* scopeId */
1378 | var __vue_scopeId__ = null
1379 | /* moduleIdentifier (server only) */
1380 | var __vue_module_identifier__ = null
1381 | var Component = normalizeComponent(
1382 |   __vue_script__,
1383 |   __vue_template__,
1384 |   __vue_template_functional__,
1385 |   __vue_styles__,
1386 |   __vue_scopeId__,
1387 |   __vue_module_identifier__
1388 | )
1389 | Component.options.__file = "resources/js/components/NotificationsSend.vue"
1390 | 
1391 | /* hot reload */
1392 | if (false) {(function () {
1393 |   var hotAPI = require("vue-hot-reload-api")
1394 |   hotAPI.install(require("vue"), false)
1395 |   if (!hotAPI.compatible) return
1396 |   module.hot.accept()
1397 |   if (!module.hot.data) {
1398 |     hotAPI.createRecord("data-v-35c129b5", Component.options)
1399 |   } else {
1400 |     hotAPI.reload("data-v-35c129b5", Component.options)
1401 |   }
1402 |   module.hot.dispose(function (data) {
1403 |     disposed = true
1404 |   })
1405 | })()}
1406 | 
1407 | module.exports = Component.exports
1408 | 
1409 | 
1410 | /***/ }),
1411 | /* 26 */
1412 | /***/ (function(module, exports, __webpack_require__) {
1413 | 
1414 | // style-loader: Adds some css to the DOM by adding a <style> tag
1415 | 
1416 | // load the styles
1417 | var content = __webpack_require__(27);
1418 | if(typeof content === 'string') content = [[module.i, content, '']];
1419 | if(content.locals) module.exports = content.locals;
1420 | // add the styles to the DOM
1421 | var update = __webpack_require__(2)("354de998", content, false, {});
1422 | // Hot Module Replacement
1423 | if(false) {
1424 |  // When the styles change, update the <style> tags
1425 |  if(!content.locals) {
1426 |    module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-35c129b5\",\"scoped\":false,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./NotificationsSend.vue", function() {
1427 |      var newContent = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-35c129b5\",\"scoped\":false,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./NotificationsSend.vue");
1428 |      if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
1429 |      update(newContent);
1430 |    });
1431 |  }
1432 |  // When the module is disposed, remove the <style> tags
1433 |  module.hot.dispose(function() { update(); });
1434 | }
1435 | 
1436 | /***/ }),
1437 | /* 27 */
1438 | /***/ (function(module, exports, __webpack_require__) {
1439 | 
1440 | exports = module.exports = __webpack_require__(1)(false);
1441 | // imports
1442 | 
1443 | 
1444 | // module
1445 | exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* Scoped Styles */\n", ""]);
1446 | 
1447 | // exports
1448 | 
1449 | 
1450 | /***/ }),
1451 | /* 28 */
1452 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
1453 | 
1454 | "use strict";
1455 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
1456 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__NotificationsParamModal__ = __webpack_require__(29);
1457 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__NotificationsParamModal___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__NotificationsParamModal__);
1458 | //
1459 | //
1460 | //
1461 | //
1462 | //
1463 | //
1464 | //
1465 | //
1466 | //
1467 | //
1468 | //
1469 | //
1470 | //
1471 | //
1472 | //
1473 | //
1474 | //
1475 | //
1476 | //
1477 | //
1478 | //
1479 | //
1480 | //
1481 | //
1482 | //
1483 | //
1484 | //
1485 | //
1486 | //
1487 | //
1488 | //
1489 | //
1490 | //
1491 | //
1492 | //
1493 | //
1494 | //
1495 | //
1496 | //
1497 | //
1498 | //
1499 | //
1500 | //
1501 | //
1502 | //
1503 | //
1504 | //
1505 | //
1506 | 
1507 | 
1508 | 
1509 | 
1510 | /* harmony default export */ __webpack_exports__["default"] = ({
1511 |     components: { NotificationsParamModal: __WEBPACK_IMPORTED_MODULE_0__NotificationsParamModal___default.a },
1512 |     data: function data() {
1513 |         return {
1514 |             notificationClasses: [],
1515 |             initialLoading: true,
1516 |             error: false,
1517 |             selectedNotification: null,
1518 |             selectedNotifiable: {
1519 |                 name: '',
1520 |                 id: ''
1521 |             },
1522 |             notifiables: null,
1523 |             formObj: null
1524 |         };
1525 |     },
1526 |     created: function created() {
1527 |         this.getNotificationClasses();
1528 |         this.getNotifiables();
1529 |     },
1530 |     mounted: function mounted() {
1531 |         var _this = this;
1532 | 
1533 |         this.$root.$on('submitModal', function (parameters, formObj) {
1534 |             _this.formObj = formObj;
1535 |             _this.formObj.notificationParameters = parameters;
1536 |             _this.formObj.notification = _this.selectedNotification;
1537 |             _this.sendNotification();
1538 |         });
1539 | 
1540 |         this.$root.$on('cancelModal', function () {
1541 |             _this.deselectNotification();
1542 |         });
1543 | 
1544 |         this.$root.$on('notifiableSelected', function (event) {
1545 |             console.log(event);
1546 |         });
1547 |     },
1548 | 
1549 |     methods: {
1550 |         selectNotification: function selectNotification(notification) {
1551 |             if (!this.notifiables.data.length) {
1552 |                 return this.$toasted.show('No notifiables could be found.', { type: 'error' });
1553 |             }
1554 | 
1555 |             this.selectedNotification = notification;
1556 |         },
1557 |         deselectNotification: function deselectNotification() {
1558 |             this.selectedNotification = null;
1559 |         },
1560 |         getNotificationClasses: function getNotificationClasses() {
1561 |             var _this2 = this;
1562 | 
1563 |             Nova.request().get('/nova-vendor/nova-notifications/notifications/classes').then(function (response) {
1564 |                 _this2.notificationClasses = response.data;
1565 |                 _this2.initialLoading = false;
1566 |             });
1567 |         },
1568 |         getNotifiables: function getNotifiables() {
1569 |             var _this3 = this;
1570 | 
1571 |             Nova.request().get('/nova-vendor/nova-notifications/notifiables').then(function (response) {
1572 |                 _this3.notifiables = response.data;
1573 |             });
1574 |         },
1575 |         sendNotification: function sendNotification() {
1576 |             var _this4 = this;
1577 | 
1578 |             if (!this.selectedNotification.name.length) {
1579 |                 return this.$toasted.show(__('Notification has not been chosen.'), { type: 'error' });
1580 |             }
1581 | 
1582 |             Nova.request().post('/nova-vendor/nova-notifications/notifications/send', this.formObj).then(function (response) {
1583 |                 _this4.$toasted.show('Notification has been sent!', { type: 'success' });
1584 |                 _this4.selectedNotification = null;
1585 |             }).catch(function (error) {
1586 |                 console.log(error);
1587 |                 _this4.$toasted.show('There has been an error!', { type: 'error' });
1588 |             });
1589 |         },
1590 |         setParams: function setParams(params) {
1591 |             console.log(params);
1592 |         }
1593 |     }
1594 | });
1595 | 
1596 | /***/ }),
1597 | /* 29 */
1598 | /***/ (function(module, exports, __webpack_require__) {
1599 | 
1600 | var disposed = false
1601 | function injectStyle (ssrContext) {
1602 |   if (disposed) return
1603 |   __webpack_require__(30)
1604 | }
1605 | var normalizeComponent = __webpack_require__(0)
1606 | /* script */
1607 | var __vue_script__ = __webpack_require__(32)
1608 | /* template */
1609 | var __vue_template__ = __webpack_require__(42)
1610 | /* template functional */
1611 | var __vue_template_functional__ = false
1612 | /* styles */
1613 | var __vue_styles__ = injectStyle
1614 | /* scopeId */
1615 | var __vue_scopeId__ = null
1616 | /* moduleIdentifier (server only) */
1617 | var __vue_module_identifier__ = null
1618 | var Component = normalizeComponent(
1619 |   __vue_script__,
1620 |   __vue_template__,
1621 |   __vue_template_functional__,
1622 |   __vue_styles__,
1623 |   __vue_scopeId__,
1624 |   __vue_module_identifier__
1625 | )
1626 | Component.options.__file = "resources/js/components/NotificationsParamModal.vue"
1627 | 
1628 | /* hot reload */
1629 | if (false) {(function () {
1630 |   var hotAPI = require("vue-hot-reload-api")
1631 |   hotAPI.install(require("vue"), false)
1632 |   if (!hotAPI.compatible) return
1633 |   module.hot.accept()
1634 |   if (!module.hot.data) {
1635 |     hotAPI.createRecord("data-v-639066e6", Component.options)
1636 |   } else {
1637 |     hotAPI.reload("data-v-639066e6", Component.options)
1638 |   }
1639 |   module.hot.dispose(function (data) {
1640 |     disposed = true
1641 |   })
1642 | })()}
1643 | 
1644 | module.exports = Component.exports
1645 | 
1646 | 
1647 | /***/ }),
1648 | /* 30 */
1649 | /***/ (function(module, exports, __webpack_require__) {
1650 | 
1651 | // style-loader: Adds some css to the DOM by adding a <style> tag
1652 | 
1653 | // load the styles
1654 | var content = __webpack_require__(31);
1655 | if(typeof content === 'string') content = [[module.i, content, '']];
1656 | if(content.locals) module.exports = content.locals;
1657 | // add the styles to the DOM
1658 | var update = __webpack_require__(2)("2a621ee3", content, false, {});
1659 | // Hot Module Replacement
1660 | if(false) {
1661 |  // When the styles change, update the <style> tags
1662 |  if(!content.locals) {
1663 |    module.hot.accept("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-639066e6\",\"scoped\":false,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./NotificationsParamModal.vue", function() {
1664 |      var newContent = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-639066e6\",\"scoped\":false,\"hasInlineConfig\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./NotificationsParamModal.vue");
1665 |      if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
1666 |      update(newContent);
1667 |    });
1668 |  }
1669 |  // When the module is disposed, remove the <style> tags
1670 |  module.hot.dispose(function() { update(); });
1671 | }
1672 | 
1673 | /***/ }),
1674 | /* 31 */
1675 | /***/ (function(module, exports, __webpack_require__) {
1676 | 
1677 | exports = module.exports = __webpack_require__(1)(false);
1678 | // imports
1679 | 
1680 | 
1681 | // module
1682 | exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* Scoped Styles */\n", ""]);
1683 | 
1684 | // exports
1685 | 
1686 | 
1687 | /***/ }),
1688 | /* 32 */
1689 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
1690 | 
1691 | "use strict";
1692 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
1693 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__NotificationParamForm__ = __webpack_require__(33);
1694 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__NotificationParamForm___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__NotificationParamForm__);
1695 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__NotificationModalFooter__ = __webpack_require__(39);
1696 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__NotificationModalFooter___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__NotificationModalFooter__);
1697 | //
1698 | //
1699 | //
1700 | //
1701 | //
1702 | //
1703 | //
1704 | //
1705 | //
1706 | //
1707 | //
1708 | //
1709 | //
1710 | //
1711 | //
1712 | //
1713 | //
1714 | //
1715 | //
1716 | //
1717 | //
1718 | //
1719 | //
1720 | //
1721 | //
1722 | //
1723 | //
1724 | //
1725 | //
1726 | //
1727 | //
1728 | //
1729 | //
1730 | //
1731 | //
1732 | //
1733 | //
1734 | //
1735 | //
1736 | //
1737 | //
1738 | //
1739 | //
1740 | //
1741 | //
1742 | //
1743 | //
1744 | //
1745 | //
1746 | //
1747 | //
1748 | //
1749 | //
1750 | //
1751 | //
1752 | //
1753 | //
1754 | //
1755 | //
1756 | //
1757 | //
1758 | //
1759 | //
1760 | //
1761 | //
1762 | //
1763 | //
1764 | //
1765 | //
1766 | //
1767 | //
1768 | //
1769 | //
1770 | //
1771 | //
1772 | //
1773 | //
1774 | //
1775 | //
1776 | //
1777 | //
1778 | //
1779 | //
1780 | //
1781 | //
1782 | //
1783 | //
1784 | //
1785 | //
1786 | //
1787 | //
1788 | //
1789 | //
1790 | //
1791 | //
1792 | //
1793 | //
1794 | //
1795 | //
1796 | //
1797 | //
1798 | //
1799 | //
1800 | //
1801 | //
1802 | //
1803 | //
1804 | //
1805 | //
1806 | //
1807 | //
1808 | //
1809 | //
1810 | //
1811 | //
1812 | //
1813 | //
1814 | 
1815 | 
1816 | 
1817 | 
1818 | /* harmony default export */ __webpack_exports__["default"] = ({
1819 |     components: {
1820 |         NotificationParamForm: __WEBPACK_IMPORTED_MODULE_0__NotificationParamForm___default.a,
1821 |         NotificationModalFooter: __WEBPACK_IMPORTED_MODULE_1__NotificationModalFooter___default.a
1822 |     },
1823 |     props: {
1824 |         selectedNotification: null,
1825 |         selectedNotifiable: null,
1826 |         notifiables: null,
1827 |         value: Object
1828 |     },
1829 |     data: function data() {
1830 |         return {
1831 |             formObj: {
1832 |                 notifiable: {
1833 |                     name: '',
1834 |                     value: ''
1835 |                 },
1836 |                 notification: null,
1837 |                 notificationParameters: []
1838 | 
1839 |             }
1840 |         };
1841 |     },
1842 | 
1843 |     methods: {
1844 |         getNotifiableItems: function getNotifiableItems(name) {
1845 |             return _.find(this.notifiables.data, { name: name }).options;
1846 |         }
1847 |     }
1848 | });
1849 | 
1850 | /***/ }),
1851 | /* 33 */
1852 | /***/ (function(module, exports, __webpack_require__) {
1853 | 
1854 | var disposed = false
1855 | var normalizeComponent = __webpack_require__(0)
1856 | /* script */
1857 | var __vue_script__ = __webpack_require__(34)
1858 | /* template */
1859 | var __vue_template__ = __webpack_require__(38)
1860 | /* template functional */
1861 | var __vue_template_functional__ = false
1862 | /* styles */
1863 | var __vue_styles__ = null
1864 | /* scopeId */
1865 | var __vue_scopeId__ = null
1866 | /* moduleIdentifier (server only) */
1867 | var __vue_module_identifier__ = null
1868 | var Component = normalizeComponent(
1869 |   __vue_script__,
1870 |   __vue_template__,
1871 |   __vue_template_functional__,
1872 |   __vue_styles__,
1873 |   __vue_scopeId__,
1874 |   __vue_module_identifier__
1875 | )
1876 | Component.options.__file = "resources/js/components/NotificationParamForm.vue"
1877 | 
1878 | /* hot reload */
1879 | if (false) {(function () {
1880 |   var hotAPI = require("vue-hot-reload-api")
1881 |   hotAPI.install(require("vue"), false)
1882 |   if (!hotAPI.compatible) return
1883 |   module.hot.accept()
1884 |   if (!module.hot.data) {
1885 |     hotAPI.createRecord("data-v-2d4c25eb", Component.options)
1886 |   } else {
1887 |     hotAPI.reload("data-v-2d4c25eb", Component.options)
1888 |   }
1889 |   module.hot.dispose(function (data) {
1890 |     disposed = true
1891 |   })
1892 | })()}
1893 | 
1894 | module.exports = Component.exports
1895 | 
1896 | 
1897 | /***/ }),
1898 | /* 34 */
1899 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
1900 | 
1901 | "use strict";
1902 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
1903 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__NotificationParamInput__ = __webpack_require__(35);
1904 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__NotificationParamInput___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__NotificationParamInput__);
1905 | //
1906 | //
1907 | //
1908 | //
1909 | //
1910 | //
1911 | //
1912 | //
1913 | //
1914 | //
1915 | //
1916 | //
1917 | //
1918 | //
1919 | //
1920 | //
1921 | //
1922 | //
1923 | //
1924 | //
1925 | //
1926 | //
1927 | //
1928 | //
1929 | //
1930 | //
1931 | //
1932 | //
1933 | //
1934 | //
1935 | //
1936 | //
1937 | //
1938 | //
1939 | //
1940 | //
1941 | 
1942 | 
1943 | 
1944 | 
1945 | /* harmony default export */ __webpack_exports__["default"] = ({
1946 |     components: { NotificationParamInput: __WEBPACK_IMPORTED_MODULE_0__NotificationParamInput___default.a },
1947 |     props: {
1948 |         selectedNotification: null,
1949 |         selectedNotifiable: null,
1950 |         notifiables: null,
1951 |         formObj: null
1952 |     },
1953 |     data: function data() {
1954 |         return {
1955 |             showNotifiables: false
1956 |         };
1957 |     }
1958 | });
1959 | 
1960 | /***/ }),
1961 | /* 35 */
1962 | /***/ (function(module, exports, __webpack_require__) {
1963 | 
1964 | var disposed = false
1965 | var normalizeComponent = __webpack_require__(0)
1966 | /* script */
1967 | var __vue_script__ = __webpack_require__(36)
1968 | /* template */
1969 | var __vue_template__ = __webpack_require__(37)
1970 | /* template functional */
1971 | var __vue_template_functional__ = false
1972 | /* styles */
1973 | var __vue_styles__ = null
1974 | /* scopeId */
1975 | var __vue_scopeId__ = null
1976 | /* moduleIdentifier (server only) */
1977 | var __vue_module_identifier__ = null
1978 | var Component = normalizeComponent(
1979 |   __vue_script__,
1980 |   __vue_template__,
1981 |   __vue_template_functional__,
1982 |   __vue_styles__,
1983 |   __vue_scopeId__,
1984 |   __vue_module_identifier__
1985 | )
1986 | Component.options.__file = "resources/js/components/NotificationParamInput.vue"
1987 | 
1988 | /* hot reload */
1989 | if (false) {(function () {
1990 |   var hotAPI = require("vue-hot-reload-api")
1991 |   hotAPI.install(require("vue"), false)
1992 |   if (!hotAPI.compatible) return
1993 |   module.hot.accept()
1994 |   if (!module.hot.data) {
1995 |     hotAPI.createRecord("data-v-78b8beb3", Component.options)
1996 |   } else {
1997 |     hotAPI.reload("data-v-78b8beb3", Component.options)
1998 |   }
1999 |   module.hot.dispose(function (data) {
2000 |     disposed = true
2001 |   })
2002 | })()}
2003 | 
2004 | module.exports = Component.exports
2005 | 
2006 | 
2007 | /***/ }),
2008 | /* 36 */
2009 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
2010 | 
2011 | "use strict";
2012 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
2013 | //
2014 | //
2015 | //
2016 | //
2017 | //
2018 | //
2019 | //
2020 | //
2021 | //
2022 | //
2023 | //
2024 | //
2025 | //
2026 | //
2027 | //
2028 | //
2029 | //
2030 | //
2031 | //
2032 | //
2033 | //
2034 | //
2035 | //
2036 | //
2037 | //
2038 | //
2039 | //
2040 | //
2041 | //
2042 | //
2043 | 
2044 | /* harmony default export */ __webpack_exports__["default"] = ({
2045 | 
2046 |     props: {
2047 |         value: null,
2048 |         index: null
2049 |     },
2050 |     data: function data() {
2051 |         return {};
2052 |     },
2053 |     mounted: function mounted() {},
2054 | 
2055 |     methods: {}
2056 | });
2057 | 
2058 | /***/ }),
2059 | /* 37 */
2060 | /***/ (function(module, exports, __webpack_require__) {
2061 | 
2062 | var render = function() {
2063 |   var _vm = this
2064 |   var _h = _vm.$createElement
2065 |   var _c = _vm._self._c || _h
2066 |   return _c("div", { staticClass: "md:flex md:items-center mb-6" }, [
2067 |     _c("div", { staticClass: "md:w-1/3" }, [
2068 |       _c(
2069 |         "label",
2070 |         {
2071 |           staticClass:
2072 |             "block text-grey font-bold md:text-right mb-1 md:mb-0 pr-4",
2073 |           attrs: { for: "value-" + _vm.index }
2074 |         },
2075 |         [_vm._v("\n            " + _vm._s(_vm.value.name) + "\n        ")]
2076 |       )
2077 |     ]),
2078 |     _vm._v(" "),
2079 |     _c("div", { staticClass: "md:w-2/3" }, [
2080 |       _vm.value.options
2081 |         ? _c("div", { staticClass: "relative" }, [
2082 |             _c(
2083 |               "select",
2084 |               {
2085 |                 directives: [
2086 |                   {
2087 |                     name: "model",
2088 |                     rawName: "v-model",
2089 |                     value: _vm.value.value,
2090 |                     expression: "value.value"
2091 |                   }
2092 |                 ],
2093 |                 staticClass:
2094 |                   "block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-grey",
2095 |                 on: {
2096 |                   change: function($event) {
2097 |                     var $$selectedVal = Array.prototype.filter
2098 |                       .call($event.target.options, function(o) {
2099 |                         return o.selected
2100 |                       })
2101 |                       .map(function(o) {
2102 |                         var val = "_value" in o ? o._value : o.value
2103 |                         return val
2104 |                       })
2105 |                     _vm.$set(
2106 |                       _vm.value,
2107 |                       "value",
2108 |                       $event.target.multiple ? $$selectedVal : $$selectedVal[0]
2109 |                     )
2110 |                   }
2111 |                 }
2112 |               },
2113 |               _vm._l(_vm.value.options, function(option) {
2114 |                 return _c("option", { domProps: { value: option[""] } }, [
2115 |                   _vm._v(
2116 |                     "\n                    " +
2117 |                       _vm._s(option.name) +
2118 |                       " " +
2119 |                       _vm._s(option.id ? "(id: " + option.id + ")" : "") +
2120 |                       "\n                "
2121 |                   )
2122 |                 ])
2123 |               })
2124 |             ),
2125 |             _vm._v(" "),
2126 |             _c(
2127 |               "div",
2128 |               {
2129 |                 staticClass:
2130 |                   "pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker"
2131 |               },
2132 |               [
2133 |                 _c(
2134 |                   "svg",
2135 |                   {
2136 |                     staticClass: "fill-current h-4 w-4",
2137 |                     attrs: {
2138 |                       xmlns: "http://www.w3.org/2000/svg",
2139 |                       viewBox: "0 0 20 20"
2140 |                     }
2141 |                   },
2142 |                   [
2143 |                     _c("path", {
2144 |                       attrs: {
2145 |                         d:
2146 |                           "M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"
2147 |                       }
2148 |                     })
2149 |                   ]
2150 |                 )
2151 |               ]
2152 |             )
2153 |           ])
2154 |         : _c("input", {
2155 |             directives: [
2156 |               {
2157 |                 name: "model",
2158 |                 rawName: "v-model",
2159 |                 value: _vm.value.value,
2160 |                 expression: "value.value"
2161 |               }
2162 |             ],
2163 |             staticClass:
2164 |               "w-full h-full form-control form-input form-input-bordered py-3",
2165 |             attrs: {
2166 |               id: "value-" + _vm.index,
2167 |               type: "text",
2168 |               placeholder: _vm.value.type,
2169 |               autofocus: "",
2170 |               required: ""
2171 |             },
2172 |             domProps: { value: _vm.value.value },
2173 |             on: {
2174 |               input: function($event) {
2175 |                 if ($event.target.composing) {
2176 |                   return
2177 |                 }
2178 |                 _vm.$set(_vm.value, "value", $event.target.value)
2179 |               }
2180 |             }
2181 |           })
2182 |     ])
2183 |   ])
2184 | }
2185 | var staticRenderFns = []
2186 | render._withStripped = true
2187 | module.exports = { render: render, staticRenderFns: staticRenderFns }
2188 | if (false) {
2189 |   module.hot.accept()
2190 |   if (module.hot.data) {
2191 |     require("vue-hot-reload-api")      .rerender("data-v-78b8beb3", module.exports)
2192 |   }
2193 | }
2194 | 
2195 | /***/ }),
2196 | /* 38 */
2197 | /***/ (function(module, exports, __webpack_require__) {
2198 | 
2199 | var render = function() {
2200 |   var _vm = this
2201 |   var _h = _vm.$createElement
2202 |   var _c = _vm._self._c || _h
2203 |   return _c(
2204 |     "div",
2205 |     [
2206 |       _c("heading", { staticClass: "mt-6 mb-6", attrs: { level: 2 } }, [
2207 |         _vm._v(_vm._s(_vm.__("Send Notification To")))
2208 |       ]),
2209 |       _vm._v(" "),
2210 |       _c("notification-param-input", {
2211 |         key: _vm.notifiables.filter.name,
2212 |         attrs: {
2213 |           item: _vm.notifiables.filter,
2214 |           index: "notifiable",
2215 |           valueKey: "name",
2216 |           bindToModel: _vm.selectedNotifiable.name
2217 |         },
2218 |         model: {
2219 |           value: _vm.formObj,
2220 |           callback: function($$v) {
2221 |             _vm.formObj = $$v
2222 |           },
2223 |           expression: "formObj"
2224 |         }
2225 |       }),
2226 |       _vm._v(" "),
2227 |       _vm.showNotifiables
2228 |         ? _c("notification-param-input", {
2229 |             attrs: { values: _vm.notifiables.notifiables }
2230 |           })
2231 |         : _vm._e(),
2232 |       _vm._v(" "),
2233 |       _vm.selectedNotification.parameters.length
2234 |         ? _c(
2235 |             "div",
2236 |             [
2237 |               _c("heading", { staticClass: "mb-6", attrs: { level: 2 } }, [
2238 |                 _vm._v("Define Notification Parameters")
2239 |               ]),
2240 |               _vm._v(" "),
2241 |               _vm._l(_vm.selectedNotification.parameters, function(
2242 |                 item,
2243 |                 index
2244 |               ) {
2245 |                 return _c("notification-param-input", {
2246 |                   key: item.id,
2247 |                   attrs: {
2248 |                     item: item,
2249 |                     index: index,
2250 |                     valueKey: "id",
2251 |                     bindToModel: item.value
2252 |                   }
2253 |                 })
2254 |               })
2255 |             ],
2256 |             2
2257 |           )
2258 |         : _vm._e()
2259 |     ],
2260 |     1
2261 |   )
2262 | }
2263 | var staticRenderFns = []
2264 | render._withStripped = true
2265 | module.exports = { render: render, staticRenderFns: staticRenderFns }
2266 | if (false) {
2267 |   module.hot.accept()
2268 |   if (module.hot.data) {
2269 |     require("vue-hot-reload-api")      .rerender("data-v-2d4c25eb", module.exports)
2270 |   }
2271 | }
2272 | 
2273 | /***/ }),
2274 | /* 39 */
2275 | /***/ (function(module, exports, __webpack_require__) {
2276 | 
2277 | var disposed = false
2278 | var normalizeComponent = __webpack_require__(0)
2279 | /* script */
2280 | var __vue_script__ = __webpack_require__(40)
2281 | /* template */
2282 | var __vue_template__ = __webpack_require__(41)
2283 | /* template functional */
2284 | var __vue_template_functional__ = false
2285 | /* styles */
2286 | var __vue_styles__ = null
2287 | /* scopeId */
2288 | var __vue_scopeId__ = null
2289 | /* moduleIdentifier (server only) */
2290 | var __vue_module_identifier__ = null
2291 | var Component = normalizeComponent(
2292 |   __vue_script__,
2293 |   __vue_template__,
2294 |   __vue_template_functional__,
2295 |   __vue_styles__,
2296 |   __vue_scopeId__,
2297 |   __vue_module_identifier__
2298 | )
2299 | Component.options.__file = "resources/js/components/NotificationModalFooter.vue"
2300 | 
2301 | /* hot reload */
2302 | if (false) {(function () {
2303 |   var hotAPI = require("vue-hot-reload-api")
2304 |   hotAPI.install(require("vue"), false)
2305 |   if (!hotAPI.compatible) return
2306 |   module.hot.accept()
2307 |   if (!module.hot.data) {
2308 |     hotAPI.createRecord("data-v-4f845da2", Component.options)
2309 |   } else {
2310 |     hotAPI.reload("data-v-4f845da2", Component.options)
2311 |   }
2312 |   module.hot.dispose(function (data) {
2313 |     disposed = true
2314 |   })
2315 | })()}
2316 | 
2317 | module.exports = Component.exports
2318 | 
2319 | 
2320 | /***/ }),
2321 | /* 40 */
2322 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
2323 | 
2324 | "use strict";
2325 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
2326 | //
2327 | //
2328 | //
2329 | //
2330 | //
2331 | //
2332 | //
2333 | //
2334 | //
2335 | //
2336 | //
2337 | //
2338 | //
2339 | 
2340 | /* harmony default export */ __webpack_exports__["default"] = ({
2341 |     props: {
2342 |         formObj: null,
2343 |         selectedNotification: null
2344 |     },
2345 |     data: function data() {
2346 |         return {};
2347 |     },
2348 |     methods: {
2349 |         handleSubmit: function handleSubmit() {
2350 |             console.log(this.selectedNotification);
2351 |             this.$root.$emit('submitModal', this.selectedNotification.parameters, this.formObj);
2352 |         },
2353 |         handleCancel: function handleCancel() {
2354 |             this.$root.$emit('cancelModal');
2355 |         }
2356 |     }
2357 | });
2358 | 
2359 | /***/ }),
2360 | /* 41 */
2361 | /***/ (function(module, exports, __webpack_require__) {
2362 | 
2363 | var render = function() {
2364 |   var _vm = this
2365 |   var _h = _vm.$createElement
2366 |   var _c = _vm._self._c || _h
2367 |   return _c("div", { staticClass: "bg-30 px-6 py-3 flex" }, [
2368 |     _c("div", { staticClass: "ml-auto" }, [
2369 |       _c(
2370 |         "button",
2371 |         {
2372 |           staticClass: "btn text-80 font-normal h-9 px-3 mr-3 btn-link",
2373 |           attrs: { type: "button", "data-testid": "cancel-button" },
2374 |           on: { click: _vm.handleCancel }
2375 |         },
2376 |         [_vm._v(_vm._s(_vm.__("Cancel")) + "\n        ")]
2377 |       ),
2378 |       _vm._v(" "),
2379 |       _c(
2380 |         "button",
2381 |         {
2382 |           staticClass: "btn btn-default btn-primary",
2383 |           on: { click: _vm.handleSubmit }
2384 |         },
2385 |         [_c("span", [_vm._v(_vm._s(_vm.__("Send")))])]
2386 |       )
2387 |     ])
2388 |   ])
2389 | }
2390 | var staticRenderFns = []
2391 | render._withStripped = true
2392 | module.exports = { render: render, staticRenderFns: staticRenderFns }
2393 | if (false) {
2394 |   module.hot.accept()
2395 |   if (module.hot.data) {
2396 |     require("vue-hot-reload-api")      .rerender("data-v-4f845da2", module.exports)
2397 |   }
2398 | }
2399 | 
2400 | /***/ }),
2401 | /* 42 */
2402 | /***/ (function(module, exports, __webpack_require__) {
2403 | 
2404 | var render = function() {
2405 |   var _vm = this
2406 |   var _h = _vm.$createElement
2407 |   var _c = _vm._self._c || _h
2408 |   return _vm.selectedNotification
2409 |     ? _c("modal", [
2410 |         _c(
2411 |           "div",
2412 |           {
2413 |             staticClass: "bg-white rounded-lg shadow-lg overflow-hidden",
2414 |             staticStyle: { width: "600px" }
2415 |           },
2416 |           [
2417 |             _c(
2418 |               "div",
2419 |               { staticClass: "p-8" },
2420 |               [
2421 |                 _c(
2422 |                   "heading",
2423 |                   { staticClass: "mt-6 mb-6", attrs: { level: 1 } },
2424 |                   [_vm._v(_vm._s(_vm.selectedNotification.name))]
2425 |                 ),
2426 |                 _vm._v(" "),
2427 |                 _c(
2428 |                   "heading",
2429 |                   { staticClass: "mt-6 mb-6", attrs: { level: 2 } },
2430 |                   [_vm._v(_vm._s(_vm.__("Send Notification To")))]
2431 |                 ),
2432 |                 _vm._v(" "),
2433 |                 _vm.formObj.notifiable
2434 |                   ? _c("div", { staticClass: "md:flex md:items-center mb-6" }, [
2435 |                       _c("div", { staticClass: "md:w-1/3" }, [
2436 |                         _c(
2437 |                           "label",
2438 |                           {
2439 |                             staticClass:
2440 |                               "block text-grey font-bold md:text-right mb-1 md:mb-0 pr-4",
2441 |                             attrs: { for: "notifiable-item" }
2442 |                           },
2443 |                           [
2444 |                             _vm._v(
2445 |                               "\n                        " +
2446 |                                 _vm._s(_vm.__("Notifiable")) +
2447 |                                 "\n                    "
2448 |                             )
2449 |                           ]
2450 |                         )
2451 |                       ]),
2452 |                       _vm._v(" "),
2453 |                       _c("div", { staticClass: "md:w-2/3" }, [
2454 |                         _c("div", { staticClass: "relative" }, [
2455 |                           _c(
2456 |                             "select",
2457 |                             {
2458 |                               directives: [
2459 |                                 {
2460 |                                   name: "model",
2461 |                                   rawName: "v-model",
2462 |                                   value: _vm.formObj.notifiable.name,
2463 |                                   expression: "formObj.notifiable.name"
2464 |                                 }
2465 |                               ],
2466 |                               staticClass:
2467 |                                 "block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-grey",
2468 |                               attrs: { id: "notifiable-item" },
2469 |                               on: {
2470 |                                 change: function($event) {
2471 |                                   var $$selectedVal = Array.prototype.filter
2472 |                                     .call($event.target.options, function(o) {
2473 |                                       return o.selected
2474 |                                     })
2475 |                                     .map(function(o) {
2476 |                                       var val =
2477 |                                         "_value" in o ? o._value : o.value
2478 |                                       return val
2479 |                                     })
2480 |                                   _vm.$set(
2481 |                                     _vm.formObj.notifiable,
2482 |                                     "name",
2483 |                                     $event.target.multiple
2484 |                                       ? $$selectedVal
2485 |                                       : $$selectedVal[0]
2486 |                                   )
2487 |                                 }
2488 |                               }
2489 |                             },
2490 |                             _vm._l(_vm.notifiables.filter.options, function(
2491 |                               option
2492 |                             ) {
2493 |                               return _c(
2494 |                                 "option",
2495 |                                 { domProps: { value: option.name } },
2496 |                                 [
2497 |                                   _vm._v(
2498 |                                     "\n                                " +
2499 |                                       _vm._s(option.name) +
2500 |                                       "\n                            "
2501 |                                   )
2502 |                                 ]
2503 |                               )
2504 |                             })
2505 |                           ),
2506 |                           _vm._v(" "),
2507 |                           _c(
2508 |                             "div",
2509 |                             {
2510 |                               staticClass:
2511 |                                 "pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker"
2512 |                             },
2513 |                             [
2514 |                               _c(
2515 |                                 "svg",
2516 |                                 {
2517 |                                   staticClass: "fill-current h-4 w-4",
2518 |                                   attrs: {
2519 |                                     xmlns: "http://www.w3.org/2000/svg",
2520 |                                     viewBox: "0 0 20 20"
2521 |                                   }
2522 |                                 },
2523 |                                 [
2524 |                                   _c("path", {
2525 |                                     attrs: {
2526 |                                       d:
2527 |                                         "M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"
2528 |                                     }
2529 |                                   })
2530 |                                 ]
2531 |                               )
2532 |                             ]
2533 |                           )
2534 |                         ])
2535 |                       ])
2536 |                     ])
2537 |                   : _vm._e(),
2538 |                 _vm._v(" "),
2539 |                 _vm.formObj.notifiable.name
2540 |                   ? _c("div", { staticClass: "md:flex md:items-center mb-6" }, [
2541 |                       _c("div", { staticClass: "md:w-1/3" }, [
2542 |                         _c(
2543 |                           "label",
2544 |                           {
2545 |                             staticClass:
2546 |                               "block text-grey font-bold md:text-right mb-1 md:mb-0 pr-4",
2547 |                             attrs: { for: "notifiable" }
2548 |                           },
2549 |                           [
2550 |                             _vm._v(
2551 |                               "\n                        " +
2552 |                                 _vm._s(_vm.__("Notifiable Item")) +
2553 |                                 "\n                    "
2554 |                             )
2555 |                           ]
2556 |                         )
2557 |                       ]),
2558 |                       _vm._v(" "),
2559 |                       _c("div", { staticClass: "md:w-2/3" }, [
2560 |                         _c("div", { staticClass: "relative" }, [
2561 |                           _c(
2562 |                             "select",
2563 |                             {
2564 |                               directives: [
2565 |                                 {
2566 |                                   name: "model",
2567 |                                   rawName: "v-model",
2568 |                                   value: _vm.formObj.notifiable.value,
2569 |                                   expression: "formObj.notifiable.value"
2570 |                                 }
2571 |                               ],
2572 |                               staticClass:
2573 |                                 "block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-grey",
2574 |                               attrs: { id: "notifiable" },
2575 |                               on: {
2576 |                                 change: function($event) {
2577 |                                   var $$selectedVal = Array.prototype.filter
2578 |                                     .call($event.target.options, function(o) {
2579 |                                       return o.selected
2580 |                                     })
2581 |                                     .map(function(o) {
2582 |                                       var val =
2583 |                                         "_value" in o ? o._value : o.value
2584 |                                       return val
2585 |                                     })
2586 |                                   _vm.$set(
2587 |                                     _vm.formObj.notifiable,
2588 |                                     "value",
2589 |                                     $event.target.multiple
2590 |                                       ? $$selectedVal
2591 |                                       : $$selectedVal[0]
2592 |                                   )
2593 |                                 }
2594 |                               }
2595 |                             },
2596 |                             _vm._l(
2597 |                               _vm.getNotifiableItems(
2598 |                                 _vm.formObj.notifiable.name
2599 |                               ),
2600 |                               function(option) {
2601 |                                 return _c(
2602 |                                   "option",
2603 |                                   { domProps: { value: option.id } },
2604 |                                   [
2605 |                                     _vm._v(
2606 |                                       "\n                                " +
2607 |                                         _vm._s(option.name) +
2608 |                                         " (id:" +
2609 |                                         _vm._s(option.id) +
2610 |                                         ")\n                            "
2611 |                                     )
2612 |                                   ]
2613 |                                 )
2614 |                               }
2615 |                             )
2616 |                           ),
2617 |                           _vm._v(" "),
2618 |                           _c(
2619 |                             "div",
2620 |                             {
2621 |                               staticClass:
2622 |                                 "pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker"
2623 |                             },
2624 |                             [
2625 |                               _c(
2626 |                                 "svg",
2627 |                                 {
2628 |                                   staticClass: "fill-current h-4 w-4",
2629 |                                   attrs: {
2630 |                                     xmlns: "http://www.w3.org/2000/svg",
2631 |                                     viewBox: "0 0 20 20"
2632 |                                   }
2633 |                                 },
2634 |                                 [
2635 |                                   _c("path", {
2636 |                                     attrs: {
2637 |                                       d:
2638 |                                         "M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"
2639 |                                     }
2640 |                                   })
2641 |                                 ]
2642 |                               )
2643 |                             ]
2644 |                           )
2645 |                         ])
2646 |                       ])
2647 |                     ])
2648 |                   : _vm._e(),
2649 |                 _vm._v(" "),
2650 |                 _vm.selectedNotification.parameters.length
2651 |                   ? _c(
2652 |                       "heading",
2653 |                       { staticClass: "mt-6 mb-6", attrs: { level: 2 } },
2654 |                       [
2655 |                         _vm._v(
2656 |                           "\n                " +
2657 |                             _vm._s(_vm.__("Define Notification Parameters")) +
2658 |                             "\n\n            "
2659 |                         )
2660 |                       ]
2661 |                     )
2662 |                   : _vm._e(),
2663 |                 _vm._v(" "),
2664 |                 _vm._l(_vm.selectedNotification.parameters, function(
2665 |                   param,
2666 |                   index
2667 |                 ) {
2668 |                   return _vm.selectedNotification.parameters.length
2669 |                     ? _c(
2670 |                         "div",
2671 |                         { staticClass: "md:flex md:items-center mb-6" },
2672 |                         [
2673 |                           _c("div", { staticClass: "md:w-1/3" }, [
2674 |                             _c(
2675 |                               "label",
2676 |                               {
2677 |                                 staticClass:
2678 |                                   "block text-grey font-bold md:text-right mb-1 md:mb-0 pr-4",
2679 |                                 attrs: { for: "notifiable-item" }
2680 |                               },
2681 |                               [
2682 |                                 _vm._v(
2683 |                                   "\n                        " +
2684 |                                     _vm._s(param.name) +
2685 |                                     "\n                    "
2686 |                                 )
2687 |                               ]
2688 |                             )
2689 |                           ]),
2690 |                           _vm._v(" "),
2691 |                           _c("div", { staticClass: "md:w-2/3" }, [
2692 |                             param.options
2693 |                               ? _c("div", { staticClass: "relative" }, [
2694 |                                   _c(
2695 |                                     "select",
2696 |                                     {
2697 |                                       directives: [
2698 |                                         {
2699 |                                           name: "model",
2700 |                                           rawName: "v-model",
2701 |                                           value: param.value,
2702 |                                           expression: "param.value"
2703 |                                         }
2704 |                                       ],
2705 |                                       staticClass:
2706 |                                         "block appearance-none w-full bg-grey-lighter border border-grey-lighter text-grey-darker py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-grey",
2707 |                                       on: {
2708 |                                         change: function($event) {
2709 |                                           var $$selectedVal = Array.prototype.filter
2710 |                                             .call(
2711 |                                               $event.target.options,
2712 |                                               function(o) {
2713 |                                                 return o.selected
2714 |                                               }
2715 |                                             )
2716 |                                             .map(function(o) {
2717 |                                               var val =
2718 |                                                 "_value" in o
2719 |                                                   ? o._value
2720 |                                                   : o.value
2721 |                                               return val
2722 |                                             })
2723 |                                           _vm.$set(
2724 |                                             param,
2725 |                                             "value",
2726 |                                             $event.target.multiple
2727 |                                               ? $$selectedVal
2728 |                                               : $$selectedVal[0]
2729 |                                           )
2730 |                                         }
2731 |                                       }
2732 |                                     },
2733 |                                     _vm._l(param.options, function(option) {
2734 |                                       return _c(
2735 |                                         "option",
2736 |                                         { domProps: { value: option.id } },
2737 |                                         [
2738 |                                           _vm._v(
2739 |                                             "\n                                " +
2740 |                                               _vm._s(option.name) +
2741 |                                               "\n                            "
2742 |                                           )
2743 |                                         ]
2744 |                                       )
2745 |                                     })
2746 |                                   ),
2747 |                                   _vm._v(" "),
2748 |                                   _c(
2749 |                                     "div",
2750 |                                     {
2751 |                                       staticClass:
2752 |                                         "pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker"
2753 |                                     },
2754 |                                     [
2755 |                                       _c(
2756 |                                         "svg",
2757 |                                         {
2758 |                                           staticClass: "fill-current h-4 w-4",
2759 |                                           attrs: {
2760 |                                             xmlns: "http://www.w3.org/2000/svg",
2761 |                                             viewBox: "0 0 20 20"
2762 |                                           }
2763 |                                         },
2764 |                                         [
2765 |                                           _c("path", {
2766 |                                             attrs: {
2767 |                                               d:
2768 |                                                 "M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"
2769 |                                             }
2770 |                                           })
2771 |                                         ]
2772 |                                       )
2773 |                                     ]
2774 |                                   )
2775 |                                 ])
2776 |                               : _c("input", {
2777 |                                   directives: [
2778 |                                     {
2779 |                                       name: "model",
2780 |                                       rawName: "v-model",
2781 |                                       value: param.value,
2782 |                                       expression: "param.value"
2783 |                                     }
2784 |                                   ],
2785 |                                   staticClass:
2786 |                                     "w-full h-full form-control form-input form-input-bordered py-3",
2787 |                                   attrs: {
2788 |                                     id: "value-" + index,
2789 |                                     type: "text",
2790 |                                     placeholder: param.type,
2791 |                                     autofocus: "",
2792 |                                     required: ""
2793 |                                   },
2794 |                                   domProps: { value: param.value },
2795 |                                   on: {
2796 |                                     input: function($event) {
2797 |                                       if ($event.target.composing) {
2798 |                                         return
2799 |                                       }
2800 |                                       _vm.$set(
2801 |                                         param,
2802 |                                         "value",
2803 |                                         $event.target.value
2804 |                                       )
2805 |                                     }
2806 |                                   }
2807 |                                 })
2808 |                           ])
2809 |                         ]
2810 |                       )
2811 |                     : _vm._e()
2812 |                 })
2813 |               ],
2814 |               2
2815 |             ),
2816 |             _vm._v(" "),
2817 |             _c("notification-modal-footer", {
2818 |               attrs: {
2819 |                 selectedNotification: _vm.selectedNotification,
2820 |                 formObj: _vm.formObj
2821 |               }
2822 |             })
2823 |           ],
2824 |           1
2825 |         )
2826 |       ])
2827 |     : _vm._e()
2828 | }
2829 | var staticRenderFns = []
2830 | render._withStripped = true
2831 | module.exports = { render: render, staticRenderFns: staticRenderFns }
2832 | if (false) {
2833 |   module.hot.accept()
2834 |   if (module.hot.data) {
2835 |     require("vue-hot-reload-api")      .rerender("data-v-639066e6", module.exports)
2836 |   }
2837 | }
2838 | 
2839 | /***/ }),
2840 | /* 43 */
2841 | /***/ (function(module, exports, __webpack_require__) {
2842 | 
2843 | var render = function() {
2844 |   var _vm = this
2845 |   var _h = _vm.$createElement
2846 |   var _c = _vm._self._c || _h
2847 |   return _c(
2848 |     "div",
2849 |     [
2850 |       _c("heading", { staticClass: "mb-6" }, [
2851 |         _vm._v(_vm._s(_vm.__("Send Notification")))
2852 |       ]),
2853 |       _vm._v(" "),
2854 |       _vm.selectedNotification
2855 |         ? _c("notifications-param-modal", {
2856 |             attrs: {
2857 |               selectedNotification: _vm.selectedNotification,
2858 |               notifiables: _vm.notifiables,
2859 |               selectedNotifiable: _vm.selectedNotifiable,
2860 |               formObj: _vm.formObj
2861 |             }
2862 |           })
2863 |         : _vm._e(),
2864 |       _vm._v(" "),
2865 |       _c(
2866 |         "loading-card",
2867 |         {
2868 |           staticClass: "flex flex-wrap py-8 mb-8 text-center",
2869 |           attrs: { loading: _vm.initialLoading }
2870 |         },
2871 |         [
2872 |           _vm.notificationClasses.length
2873 |             ? _c(
2874 |                 "table",
2875 |                 {
2876 |                   staticClass: "table w-full",
2877 |                   attrs: { cellpadding: "0", cellspacing: "0" }
2878 |                 },
2879 |                 [
2880 |                   _c("thead", [
2881 |                     _c("tr", [
2882 |                       _c("th", [_vm._v(_vm._s(_vm.__("Name")))]),
2883 |                       _vm._v(" "),
2884 |                       _c("th", [_vm._v(_vm._s(_vm.__("Parameters")))]),
2885 |                       _vm._v(" "),
2886 |                       _c("th")
2887 |                     ])
2888 |                   ]),
2889 |                   _vm._v(" "),
2890 |                   _c(
2891 |                     "tbody",
2892 |                     _vm._l(_vm.notificationClasses, function(
2893 |                       notificationClass
2894 |                     ) {
2895 |                       return _c("tr", [
2896 |                         _c("td", [_vm._v(_vm._s(notificationClass.name))]),
2897 |                         _vm._v(" "),
2898 |                         _c(
2899 |                           "td",
2900 |                           _vm._l(notificationClass.parameters, function(param) {
2901 |                             return _c("p", [
2902 |                               _c("span", { staticClass: "font-bold" }, [
2903 |                                 _vm._v(_vm._s(param.name))
2904 |                               ]),
2905 |                               _vm._v(
2906 |                                 " (" +
2907 |                                   _vm._s(param.type) +
2908 |                                   ")\n                    "
2909 |                               )
2910 |                             ])
2911 |                           })
2912 |                         ),
2913 |                         _vm._v(" "),
2914 |                         _c("td", [
2915 |                           _c(
2916 |                             "button",
2917 |                             {
2918 |                               staticClass: "btn btn-default btn-primary",
2919 |                               on: {
2920 |                                 click: function($event) {
2921 |                                   _vm.selectNotification(notificationClass)
2922 |                                 }
2923 |                               }
2924 |                             },
2925 |                             [
2926 |                               _vm._v(
2927 |                                 "\n                        " +
2928 |                                   _vm._s(_vm.__("Select")) +
2929 |                                   "\n                    "
2930 |                               )
2931 |                             ]
2932 |                           )
2933 |                         ])
2934 |                       ])
2935 |                     })
2936 |                   )
2937 |                 ]
2938 |               )
2939 |             : _c("div", [
2940 |                 _c("p", { staticClass: "m-4" }, [
2941 |                   _vm._v(
2942 |                     _vm._s(
2943 |                       _vm.__("You don't have any notification classes yet.")
2944 |                     )
2945 |                   )
2946 |                 ])
2947 |               ])
2948 |         ]
2949 |       )
2950 |     ],
2951 |     1
2952 |   )
2953 | }
2954 | var staticRenderFns = []
2955 | render._withStripped = true
2956 | module.exports = { render: render, staticRenderFns: staticRenderFns }
2957 | if (false) {
2958 |   module.hot.accept()
2959 |   if (module.hot.data) {
2960 |     require("vue-hot-reload-api")      .rerender("data-v-35c129b5", module.exports)
2961 |   }
2962 | }
2963 | 
2964 | /***/ }),
2965 | /* 44 */
2966 | /***/ (function(module, exports) {
2967 | 
2968 | // removed by extract-text-webpack-plugin
2969 | 
2970 | /***/ }),
2971 | /* 45 */
2972 | /***/ (function(module, exports) {
2973 | 
2974 | // removed by extract-text-webpack-plugin
2975 | 
2976 | /***/ })
2977 | /******/ ]);


--------------------------------------------------------------------------------