marshmallow / categorise-resources
分组和分类您的nova资源
v1.3.2
2021-07-01 17:55 UTC
Requires
- php: ^7.1|^8.0
- dev-master
- v1.3.2
- v1.3.1
- v1.3.0
- v1.2.2
- v1.2.1
- v1.2.0
- v1.1.0
- v1.0.0
- dev-dependabot/npm_and_yarn/prettier-2.8.3
- dev-dependabot/npm_and_yarn/eslint-plugin-vue-9.9.0
- dev-dependabot/npm_and_yarn/json5-1.0.2
- dev-dependabot/npm_and_yarn/eslint-config-prettier-8.6.0
- dev-dependabot/npm_and_yarn/express-4.18.2
- dev-dependabot/npm_and_yarn/decode-uri-component-0.2.2
- dev-dependabot/github_actions/overtrue/phplint-8.2
- dev-dependabot/npm_and_yarn/loader-utils-1.4.2
- dev-dependabot/npm_and_yarn/vue-loader-15.10.1
- dev-dependabot/npm_and_yarn/vue-3.2.45
- dev-dependabot/npm_and_yarn/minimatch-3.1.2
- dev-dependabot/github_actions/actions/checkout-3.1.0
- dev-dependabot/npm_and_yarn/terser-4.8.1
- dev-dependabot/npm_and_yarn/async-2.6.4
- dev-dependabot/npm_and_yarn/minimist-1.2.6
- dev-dependabot/github_actions/actions/checkout-3
- dev-dependabot/npm_and_yarn/follow-redirects-1.14.8
- dev-dependabot/npm_and_yarn/nanoid-3.2.0
- dev-dependabot/npm_and_yarn/laravel-mix-6.0.34
- dev-dependabot/npm_and_yarn/path-parse-1.0.7
- dev-dependabot/npm_and_yarn/eslint-7.32.0
- dev-development
- dev-dependabot/npm_and_yarn/ws-7.4.6
- dev-dependabot/npm_and_yarn/dns-packet-1.3.4
- dev-dependabot/npm_and_yarn/browserslist-4.16.6
This package is auto-updated.
Last update: 2024-09-16 12:54:29 UTC
README
这是一个使Nova侧边菜单更美观的包。此包与Nova的常规$group
变量一起工作,以分组您的资源。此包所做的,是将您的分组折叠以保持整洁。您还可以为分组添加图标,使导航更加有趣。
安装
您可以通过composer将此包安装到使用Nova的Laravel应用中
composer require marshmallow/categorise-resources
用法
在您的资源中添加
public static $group = "Your Category label";
排序分组
可选地,您可以在添加图标的相同资源中添加public static $group_priority = 10;
。这不需要与它相同,只需是组内的资源之一即可。
排序资源
可选地,您可以在资源中添加public static $priority = 10;
。此优先级将确定资源在其所在组中的位置。当前组无法排序。这是按字母顺序排序的。
图标
您可以从http://www.zondicons.com/icons.html添加svg图标。要使用图标,请按照以下步骤操作。
- 下载zondicons并在浏览器中打开
*.svg
图标 - 在浏览器中右键单击并选择“检查元素”
- 复制svg标签并将其放置在组中某个资源的
$group_icon
参数上。我们将使用我们在组中找到的第一个。 - 将类
sidebar-icon
添加到svg标签,如下所示:<svg class="sidebar-icon">
。 - 将填充属性
var(--sidebar-icon)
添加到路径标签,如下所示:<path fill="var(--sidebar-icon)">
。
class Customer extends Resource { public static $group = 'Customers'; public static $group_icon = '<svg class="sidebar-icon" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="icon-shape"><path fill="var(--sidebar-icon)" d="M12,16 L9,16 L11,11.5 L11,8.99791312 C11,7.89449617 11.8982606,7 12.9979131,7 L15.0020869,7 C16.1055038,7 17,7.89826062 17,8.99791312 L17,11.5 L19,16 L16,16 L16,20 L12,20 L12,16 Z M7,13 L9,13 L9,8.99791312 C9,7.89826062 8.10541955,7 7.00189865,7 L2.99810135,7 C1.88670635,7 1,7.89449617 1,8.99791312 L1,13 L3,13 L3,20 L7,20 L7,13 Z M5,6 C6.65685425,6 8,4.65685425 8,3 C8,1.34314575 6.65685425,0 5,0 C3.34314575,0 2,1.34314575 2,3 C2,4.65685425 3.34314575,6 5,6 Z M14,6 C15.6568542,6 17,4.65685425 17,3 C17,1.34314575 15.6568542,0 14,0 C12.3431458,0 11,1.34314575 11,3 C11,4.65685425 12.3431458,6 14,6 Z" id="Combined-Shape"></path>'; // ... }
安全
如果您发现任何安全相关的问题,请通过电子邮件stef@marshmallow.dev联系,而不是使用问题跟踪器。
鸣谢
许可
MIT许可(MIT)。有关更多信息,请参阅许可文件。