README

Laravel Nova Xtra

一个提供额外功能的Laravel Nova工具

自定义主题
自定义导航
在Nova内部的自定义页面
工具提示
模态窗口

这是该包开发的早期阶段。目前尚未准备好用于生产。

安装

composer require vladski/laravel-nova-xtra

将theme_default.css和theme_xtra.css主题CSS文件发布到/rsources/css/nova-xtra/目录下

php artisan vendor:publish --provider="Vladski\NovaXtra\ToolServiceProvider"

用法

在app/Providers/NovaServiceProvider.php中进行注册

public function tools()
    {
        return [

            (new \Vladski\NovaXtra\NovaXtra)

                // optionally turn on a theme
                ->theme('xtra')

                // build navigation
                ->addNavigationGroup(
                    'Xtra Menu',
                    '<svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>',
                    true
                )
                ->addNavigationIntroPage('About Xtra', 'intro')
                ->addNavigationLink('Refresh Page', 'javascript: Nxtra.reloadCurrent();', true, [
                    'icon' => '<svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path></svg>',
                ])
                ->addNavigationLink('Alert Hello', "javascript: alert('Hello');", true, [
                    'icon' => '<svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path></svg>',
                ])
                ->addNavigationPage('Internal Page', 'example', 'App\Http\Controllers\NotExistingPageController@index', true, [
                    'icon' => '<svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path></svg>',
                ])

                ->addNavigationGroup(
                    'Nova Routes',
                    '<svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207"></path></svg>',
                    true
                )
                ->addNavigationRoute('Dashboard', 'dashboard.custom', $routeParams = ['name' => 'main'])
                ->addNavigationRoute('Users', 'index', $routeParams = ['resourceName' => 'users'])
            ,
            
            // ....
        ];
    }

待办事项

自定义主题

基于并致谢于 https://github.com/gregoriohc/laravel-nova-theme-classify

文件 theme_default.css 没有任何样式，仅列出所有可用的CSS选择器，您可以使用它们覆盖Nova的标准样式。如果您想从头开始，请使用此文件。文件 theme_xtra.css 是一个完整工作的主题。

复制一个主题文件，命名为theme_mytheme.css并修改它。在NovaServiceProvider.php中切换到它，通过设置

    (new \Vladski\NovaXtra\NovaXtra)
        ->theme('xtra') 
        .....

自定义导航

自定义内部页面

Nxtra JavaScript对象

工具提示

内置 https://atomiks.github.io/tippyjs/

模态框

开发

要使用本地包，请在composer.json中进行注册

....
"repositories": [
        {
            "type": "path",
            "url": "/Users/scl/Projects/_vladski/laravel-nova-xtra",
            "options": {
                "symlink": true
            }
        },
....

然后运行

composer update vladski/laravel-nova-xtra

vladski / laravel-nova-xtra

维护者

详细信息