├── resources
    ├── sass
    │   └── tool.scss
    └── js
    │   ├── tool.js
    │   └── components
    │       ├── CustomDetailToolbar.vue
    │       ├── QuoteDetailToolbar.vue
    │       └── QuoteItemsDetailToolbar.vue
├── .gitattributes
├── webpack.mix.js
├── .gitignore
├── routes
    └── api.php
├── src
    ├── CustomResourceToolbar.php
    └── ToolServiceProvider.php
├── composer.json
└── package.json


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


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 | 


--------------------------------------------------------------------------------
/webpack.mix.js:
--------------------------------------------------------------------------------
1 | let mix = require('laravel-mix')
2 | 
3 | mix.setPublicPath('dist')
4 |    .js('resources/js/tool.js', 'js')
5 |    .sass('resources/sass/tool.scss', 'css')
6 | 


--------------------------------------------------------------------------------
/.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 | 


--------------------------------------------------------------------------------
/resources/js/tool.js:
--------------------------------------------------------------------------------
1 | Nova.booting((Vue, router) => {
2 |     Vue.component('custom-detail-toolbar', require('./components/CustomDetailToolbar'));
3 | 
4 |     Vue.component('quote-items-detail-toolbar', require('./components/QuoteItemsDetailToolbar'));
5 | 
6 |     Vue.component('quotes-detail-toolbar', require('./components/QuoteDetailToolbar'));
7 | })


--------------------------------------------------------------------------------
/routes/api.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Http\Request;
 4 | use Illuminate\Support\Facades\Route;
 5 | 
 6 | /*
 7 | |--------------------------------------------------------------------------
 8 | | Tool API Routes
 9 | |--------------------------------------------------------------------------
10 | |
11 | | Here is where you may register API routes for your tool. These routes
12 | | are loaded by the ServiceProvider of your tool. You're free to add
13 | | as many additional routes to this file as your tool may require.
14 | |
15 | */
16 | 


--------------------------------------------------------------------------------
/resources/js/components/CustomDetailToolbar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="flex w-full justify-end items-center mx-3">
 3 |         <component v-if="hasComponent" :is="component" />
 4 |     </div>
 5 | </template>
 6 | 
 7 | <script>
 8 |     export default {
 9 |         props: ['resourceName', 'resourceId'],
10 |         computed: {
11 |             component(){
12 |                 return this.resourceName + '-detail-toolbar';
13 |             },
14 |             hasComponent()
15 |             {
16 |                 return this.component in this.$options.components;
17 |             }    
18 |         }
19 |     }
20 | </script>


--------------------------------------------------------------------------------
/src/CustomResourceToolbar.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | namespace Lynndigital\CustomResourceToolbar;
 3 | 
 4 | use Laravel\Nova\ResourceTool;
 5 | 
 6 | class CustomResourceToolbar extends ResourceTool
 7 | {
 8 |     /**
 9 |      * Get the displayable name of the resource tool.
10 |      *
11 |      * @return string
12 |      */
13 |     public function name()
14 |     {
15 |         return 'Custom Detail Toolbar';
16 |     }
17 | 
18 |     /**
19 |      * Get the component name for the resource tool.
20 |      *
21 |      * @return string
22 |      */
23 |     public function component()
24 |     {
25 |         return 'custom-detail-toolbar';
26 |     }
27 | }
28 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "lynndigital/custom-resource-toolbar",
 3 |     "description": "A Laravel Nova resource tool.",
 4 |     "keywords": [
 5 |         "laravel",
 6 |         "nova"
 7 |     ],
 8 |     "license": "MIT",
 9 |     "require": {
10 |         "php": ">=7.1.0"
11 |     },
12 |     "autoload": {
13 |         "psr-4": {
14 |             "Lynndigital\\CustomResourceToolbar\\": "src/"
15 |         }
16 |     },
17 |     "extra": {
18 |         "laravel": {
19 |             "providers": [
20 |                 "Lynndigital\\CustomResourceToolbar\\ToolServiceProvider"
21 |             ]
22 |         }
23 |     },
24 |     "config": {
25 |         "sort-packages": true
26 |     },
27 |     "minimum-stability": "dev",
28 |     "prefer-stable": true
29 | }
30 | 


--------------------------------------------------------------------------------
/resources/js/components/QuoteDetailToolbar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div>
 3 |         <div class="flex w-full justify-end items-center">
 4 |            <a
 5 |                 class="btn btn-default btn-icon btn-white"
 6 |                 :href="'/nova-vendor/custom-resource-toolbar/export-quote/' + this.$parent.resourceId"
 7 |                 style="background-color: var(--primary); color: white;">
 8 |                 Export as PDF
 9 |              </a>
10 |         </div>
11 |     </div>
12 | </template> 
13 | 
14 | <script>
15 |     export default {
16 |         props: ['resourceName', 'resourceId', 'field'],
17 |         mounted() {
18 |             var elements = document.getElementById('nova').querySelectorAll('h4');
19 | 
20 |             [].forEach.call(elements, function(element) {
21 |                 if(element.innerHTML === 'Custom Detail Toolbar') {
22 |                     element.parentNode.remove();
23 |                 }
24 |             });
25 |         }
26 |     }
27 | </script>


--------------------------------------------------------------------------------
/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 |     },
16 |     "dependencies": {
17 |         "vue": "^2.5.0"
18 |     }
19 | }
20 | 


--------------------------------------------------------------------------------
/src/ToolServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Lynndigital\CustomResourceToolbar;
 4 | 
 5 | use Laravel\Nova\Nova;
 6 | use Laravel\Nova\Events\ServingNova;
 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->app->booted(function () {
20 |             $this->routes();
21 |         });
22 | 
23 |         Nova::serving(function (ServingNova $event) {
24 |             Nova::script('custom-resource-toolbar', __DIR__.'/../dist/js/tool.js');
25 |             Nova::style('custom-resource-toolbar', __DIR__.'/../dist/css/tool.css');
26 |         });
27 |     }
28 | 
29 |     /**
30 |      * Register the tool's routes.
31 |      *
32 |      * @return void
33 |      */
34 |     protected function routes()
35 |     {
36 |         if ($this->app->routesAreCached()) {
37 |             return;
38 |         }
39 | 
40 |         Route::middleware(['nova'])
41 |                 ->prefix('nova-vendor/custom-resource-toolbar')
42 |                 ->group(__DIR__.'/../routes/api.php');
43 |     }
44 | 
45 |     /**
46 |      * Register any application services.
47 |      *
48 |      * @return void
49 |      */
50 |     public function register()
51 |     {
52 |         //
53 |     }
54 | }
55 | 


--------------------------------------------------------------------------------
/resources/js/components/QuoteItemsDetailToolbar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div>
 3 |         <div class="flex w-full justify-end items-center">
 4 |            <a 
 5 |                 title="Back to Quote"
 6 |                 class="btn btn-default btn-icon  btn-white"
 7 |                :href="`/nova/resources/quotes/${this.parentResourceId}`">
 8 |                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path class="heroicon-ui" d="M5.41 11H21a1 1 0 0 1 0 2H5.41l5.3 5.3a1 1 0 0 1-1.42 1.4l-7-7a1 1 0 0 1 0-1.4l7-7a1 1 0 0 1 1.42 1.4L5.4 11z"/></svg>
 9 |              </a>
10 |         </div>
11 |     </div>
12 | </template> 
13 | 
14 | <script>
15 |     export default {
16 |         props: ['resourceName', 'resourceId', 'field'],
17 |         data() {
18 |             return {
19 |                 parentResourceId: ''
20 |             }
21 |         },
22 |         created() {
23 |             this.fetch()
24 |         },
25 |         mounted() {
26 |             var elements = document.getElementById('nova').querySelectorAll('h4');
27 | 
28 |             [].forEach.call(elements, function(element) {
29 |                 if(element.innerHTML === 'Custom Detail Toolbar') {
30 |                     element.parentNode.remove();
31 |                 }
32 |             });
33 |         },
34 |         methods: {
35 |             fetch() {
36 |                 Nova.request().get(`/nova-vendor/custom-resource-toolbar/parent/${this.$parent.resourceId}`)
37 |                 .then(response => {
38 |                     this.parentResourceId = response.data.id;
39 |                 });
40 |             }
41 |         }
42 |     }
43 | </script>


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