From 00cca7e0fd97bcfb2919c35e81d1cd1992faaebb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Modestas=20Vaitkevi=C4=8Dius?= Date: Tue, 17 Dec 2024 13:38:55 +0200 Subject: [PATCH] Added navigation badge examples --- .../app/Livewire/Panels/Navigation/Badge.php | 24 ++++++++++ .../Livewire/Panels/Navigation/BadgeColor.php | 25 +++++++++++ .../Panels/Navigation/BadgeTooltip.php | 25 +++++++++++ .../panels/navigation/badge-color.blade.php | 3 ++ .../panels/navigation/badge-tooltip.blade.php | 3 ++ .../panels/navigation/badge.blade.php | 3 ++ docs-assets/app/routes/web.php | 6 +++ .../dark/panels/navigation/badge-color.jpg | Bin 0 -> 9814 bytes .../dark/panels/navigation/badge-tooltip.jpg | Bin 0 -> 14214 bytes .../images/dark/panels/navigation/badge.jpg | Bin 0 -> 9917 bytes .../light/panels/navigation/badge-color.jpg | Bin 0 -> 9398 bytes .../light/panels/navigation/badge-tooltip.jpg | Bin 0 -> 14430 bytes .../images/light/panels/navigation/badge.jpg | Bin 0 -> 9306 bytes docs-assets/screenshots/schema.js | 41 ++++++++++++++++++ packages/panels/docs/06-navigation.md | 6 +++ 15 files changed, 136 insertions(+) create mode 100644 docs-assets/app/app/Livewire/Panels/Navigation/Badge.php create mode 100644 docs-assets/app/app/Livewire/Panels/Navigation/BadgeColor.php create mode 100644 docs-assets/app/app/Livewire/Panels/Navigation/BadgeTooltip.php create mode 100644 docs-assets/app/resources/views/livewire/panels/navigation/badge-color.blade.php create mode 100644 docs-assets/app/resources/views/livewire/panels/navigation/badge-tooltip.blade.php create mode 100644 docs-assets/app/resources/views/livewire/panels/navigation/badge.blade.php create mode 100644 docs-assets/screenshots/images/dark/panels/navigation/badge-color.jpg create mode 100644 docs-assets/screenshots/images/dark/panels/navigation/badge-tooltip.jpg create mode 100644 docs-assets/screenshots/images/dark/panels/navigation/badge.jpg create mode 100644 docs-assets/screenshots/images/light/panels/navigation/badge-color.jpg create mode 100644 docs-assets/screenshots/images/light/panels/navigation/badge-tooltip.jpg create mode 100644 docs-assets/screenshots/images/light/panels/navigation/badge.jpg diff --git a/docs-assets/app/app/Livewire/Panels/Navigation/Badge.php b/docs-assets/app/app/Livewire/Panels/Navigation/Badge.php new file mode 100644 index 0000000000..72646eb579 --- /dev/null +++ b/docs-assets/app/app/Livewire/Panels/Navigation/Badge.php @@ -0,0 +1,24 @@ +getCurrentPanel() + ->navigationItems([ + NavigationItem::make() + ->label('Orders') + ->url(fn(): string => '#') + ->icon('heroicon-o-shopping-cart') + ->badge(24), + ]); + } +} diff --git a/docs-assets/app/app/Livewire/Panels/Navigation/BadgeColor.php b/docs-assets/app/app/Livewire/Panels/Navigation/BadgeColor.php new file mode 100644 index 0000000000..ece5d77f20 --- /dev/null +++ b/docs-assets/app/app/Livewire/Panels/Navigation/BadgeColor.php @@ -0,0 +1,25 @@ +getCurrentPanel() + ->navigationItems([ + NavigationItem::make() + ->label('Orders') + ->url(fn(): string => '#') + ->icon('heroicon-o-shopping-cart') + ->badge(32, Color::Red), + ]); + } +} diff --git a/docs-assets/app/app/Livewire/Panels/Navigation/BadgeTooltip.php b/docs-assets/app/app/Livewire/Panels/Navigation/BadgeTooltip.php new file mode 100644 index 0000000000..91abcd83ab --- /dev/null +++ b/docs-assets/app/app/Livewire/Panels/Navigation/BadgeTooltip.php @@ -0,0 +1,25 @@ +getCurrentPanel() + ->navigationItems([ + NavigationItem::make() + ->label('Users') + ->url(fn(): string => '#') + ->icon('heroicon-o-user-group') + ->badge(12) + ->badgeTooltip('The number of users'), + ]); + } +} diff --git a/docs-assets/app/resources/views/livewire/panels/navigation/badge-color.blade.php b/docs-assets/app/resources/views/livewire/panels/navigation/badge-color.blade.php new file mode 100644 index 0000000000..42eb8c531d --- /dev/null +++ b/docs-assets/app/resources/views/livewire/panels/navigation/badge-color.blade.php @@ -0,0 +1,3 @@ +
+ +
\ No newline at end of file diff --git a/docs-assets/app/resources/views/livewire/panels/navigation/badge-tooltip.blade.php b/docs-assets/app/resources/views/livewire/panels/navigation/badge-tooltip.blade.php new file mode 100644 index 0000000000..3a6cce8d18 --- /dev/null +++ b/docs-assets/app/resources/views/livewire/panels/navigation/badge-tooltip.blade.php @@ -0,0 +1,3 @@ +
+ +
\ No newline at end of file diff --git a/docs-assets/app/resources/views/livewire/panels/navigation/badge.blade.php b/docs-assets/app/resources/views/livewire/panels/navigation/badge.blade.php new file mode 100644 index 0000000000..42eb8c531d --- /dev/null +++ b/docs-assets/app/resources/views/livewire/panels/navigation/badge.blade.php @@ -0,0 +1,3 @@ +
+ +
\ No newline at end of file diff --git a/docs-assets/app/routes/web.php b/docs-assets/app/routes/web.php index a6291ae06b..27994605d8 100644 --- a/docs-assets/app/routes/web.php +++ b/docs-assets/app/routes/web.php @@ -8,6 +8,9 @@ use App\Livewire\Infolists\EntriesDemo; use App\Livewire\Infolists\LayoutDemo as InfolistsLayoutDemo; use App\Livewire\NotificationsDemo; use App\Livewire\Panels\Navigation\ActiveIcon; +use App\Livewire\Panels\Navigation\Badge; +use App\Livewire\Panels\Navigation\BadgeColor; +use App\Livewire\Panels\Navigation\BadgeTooltip; use App\Livewire\Panels\Navigation\ChangeIcon; use App\Livewire\Panels\Navigation\CustomItems; use App\Livewire\Panels\Navigation\DisabledNavigation; @@ -56,5 +59,8 @@ Route::group(['prefix' => 'panels'], function () { Route::get('top-navigation', TopNavigation::class); Route::get('sidebar-collapsible-on-desktop', SidebarCollapsibleOnDesktop::class); Route::get('sidebar-fully-collapsible-on-desktop', SidebarFullyCollapsibleOnDesktop::class); + Route::get('badge', Badge::class); + Route::get('badge-color', BadgeColor::class); + Route::get('badge-tooltip', BadgeTooltip::class); }); }); diff --git a/docs-assets/screenshots/images/dark/panels/navigation/badge-color.jpg b/docs-assets/screenshots/images/dark/panels/navigation/badge-color.jpg new file mode 100644 index 0000000000000000000000000000000000000000..83a35ebdb04094d5e64d3bfbb813a8de0872e93e GIT binary patch literal 9814 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 DCr_`E literal 0 HcmV?d00001 diff --git a/docs-assets/screenshots/images/dark/panels/navigation/badge-tooltip.jpg b/docs-assets/screenshots/images/dark/panels/navigation/badge-tooltip.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c57673279cc40166c9abc3bde7c389ecd2e87421 GIT binary patch literal 14214 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 O5cms$|7ipcM*aoUrJKe8 literal 0 HcmV?d00001 diff --git a/docs-assets/screenshots/images/dark/panels/navigation/badge.jpg b/docs-assets/screenshots/images/dark/panels/navigation/badge.jpg new file mode 100644 index 0000000000000000000000000000000000000000..6e4e8ca286c97e34f2ca55b3c9751979d622f76e GIT binary patch literal 9917 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 literal 0 HcmV?d00001 diff --git a/docs-assets/screenshots/images/light/panels/navigation/badge-color.jpg b/docs-assets/screenshots/images/light/panels/navigation/badge-color.jpg new file mode 100644 index 0000000000000000000000000000000000000000..59b2e03d6b091a482dab62667c9185b2938aaf98 GIT binary patch literal 9398 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

}wk@2WsD|m*ZCj5tN~^y!>^S7L2=* zx__^jZa}`=S@TFKygvhlG+P*LKsTvZFXAnz?Bi;=DcxZq$3{Il>3)h3I-z)HMle4~ zy`!IN7zpJYF^d!v<3wXYP`5HjL11B02gm~?YOiKN7dI|-B{;4RjjS**IUZlVtnhT~ zSW*_Qb)OwNYDn^eB?kruEhRR*VqL{CmfPOBccp$3jrd6}H%cC-_Bqh9+_xt>xAk|WiX@-S9hM(iE)pfEfs0-2 zF}s+7K!jDjX^q_rNHhb|ie9NmtsSEeQk@Dty(u7%h`p~TJZFFQ^iQ)*q~a@P8)FS! zTp$%n^dH`~6pHAgilC9^#@ayf<`-kIy6e!^?2pIJpNAU->02q_x9Bb9JZh;hUeY}* zVp<4?vevfrOLgX|7(bb3os#u#Bp-#aYoBHXSX1MQ$5S(tb*7{m!$y*t3hW>44VcMy zF?nUx5u+I^Bc!=?CsV-q(tM7x>T{-!iRLfsIo^G`gp8q93JU}gm^qn;Lj~rLwQzd_ zFI>If|70eIzX*$2`c8u zOPl?;%Du)nFJ4u2!>_4}YDuJcLX}6= z(T_3zgYxGzqEEOUlO|aIX>fg1BeLE|E!=9;m62LTUM+&-MehqDkRb71*|@Uxcqe=- zKU?cVY?l^?@UB0ydUCu&Tw1V}zE=pEcIiyXWnFA;INemgC9kO%HP3uHMD`e*gFYBS zlfz3Z@mkf4RRL1P{Y7HjOwKQXA=P!=)=O)-l9SU@cjJ?6ibgFjm7blRavG*^<3c4z zy7N%r`$Cx)+(8&-s6C} zw#%7cZeDF`r3GnoRbTqz;iS>FKmsCtAw7NJu9m>DLD@M3o~4pcOc}$HM+z(@hq%|KiW*%5sbm^6B;IKc{ Yxh0>Msr_r4|JnVI2mZ%Bps+jmUq)}mk^lez literal 0 HcmV?d00001 diff --git a/docs-assets/screenshots/images/light/panels/navigation/badge-tooltip.jpg b/docs-assets/screenshots/images/light/panels/navigation/badge-tooltip.jpg new file mode 100644 index 0000000000000000000000000000000000000000..5f0ca0510238a8b25723a84ed5503190bf3910d9 GIT binary patch literal 14430 zcmeHuXIPWVy68to1eGowLvJD_bP$BlI|-qK0@8a2K}AJCh$aXKQZ&>A0qGq?q)Tst z^xmZ-AaJ9uwfEZRp1aRF=ehsxo#&aEciwsXHxC&0rc z;Ln6dh)+aJKtg%}*R6X6z#|~QBP1mtBqAfkzlfv3!^gpt#3WSLM5t+$3=D50-_nA- zNJSs^aY)|sEfSNsDT+%p0$0-#q{*j(b1#15Y6<7Lc8z=ATPfdT(^@luM4;LlQ z5Ih1xe0+j`7($6pa7~1YTFHR$HjURqkA z)?veBPprZ!=uhe|&(0li$DBEuGKYxL1nHm(qZ>Jvgt^MBxa60w@(8#{ z9!q0r`+j_$fP>dzQ0P%ynnB?FN!t4%)S7T{bJ!as6+brGIJ2G3fQf^jvDLPW5{7Mn z5Nx&xdCP8MuSlTOhpNDJ8cd$mk|N|IX503z<3l@K~avn=uPVU}ZgaeDxfNfEu+6 zWFjQ<4yn|K!oGDqS?}Oq5No^X^k{2xN@#!Vq8qh^P=7l!j9Se<^C;1exu7#{3t2ET zo*UM3H~Wo$w2ofGGw_Z?Q(KC82#~F8I1{{VN{DjI+Xo~yLI)*Pr+nJGQVfwN_50H%jFgdV@>|%|p*qG^>0+{lF(|3pU^yB$Ar^6XP$if!?)6x1rL=tSXjqUDNHcV{Y zr)Mh?ci6qveDauWq4dYxLF}ki@h}tQdv;2RUk7Urjis2W_u*{%{;Fqb7|^l_cany&qQ9WM6D?Jw9l454rJ6Vl>ZX@JDXluXf2iPN>Q2d$O8onIGRtDKaze{&U%mwZiaT2p&EIdqg9nNqogxKaCU)WzXAUAYSbhnmYgw{VkDItN5( zYEJUF5669qV&|78ebXJ?UP0aHnjl=+j-&qN)oLHw>B*A{RlkYAi^7bt{97{!h7P42 zH;%0GhSEGa$?AM31GjS6f-MAlPZwDQ?NFoQ@M;XghTgb`M)a0blj*vOcS8Bk>1alF#nPIC9A!&z1+NYWdi3bh+Q?$LMiOUR08`O6o zDs#PUxkG#2VnccfYNhl%qgGmMI_H2~B3lH=VR4y$Z}iy5q4zWdBSdp}LeVl{mXwp9 z6DpS?&5?|GxvM?@L;E$}7~EvFfk-9G)U$YhSyFoLen4i=b-7}tL$+eNgzv_WunoGO zp_AOFj99N_TbN6zMWMBL<59YXX+Z@AM%nRgwL(uIs@RdqwEp`9O}Y%feS;`JRv<7S zy_ZGSDd+u{Tp@9%=wMz3J+|Nsv#9u83%ehu6%>!gJ!GQYblzGs!gbG*(Xsu$x~4&U z$htrfb{h)QmGfx@pp~wAPGb6lYMx`z9`rqT*NwF5EL$I11v_v48S|JWxf{N(=|@=x z9ANY{Pb_C6suAUr%gEBUZ?)0Uh>oom$vVB{aq-0|Fr;W$pcpPQUg?Sv-`mcJJJy4! z$;%bzd@TnTFS+ijkMm_?+}tLohfJqf&6zxhR9ikDfUrNt#nLRUT<&JGI|oL%NH)vZ zri~6ojoig?HufSnz{zySQ&_!p8} z>VP`wzhM6B#+84Pkm4)-Dfgd903d%rz`+i*bN;I@G{z{d({!)F*{zcVMcV2VE4KgV z;33d2--9#%^c|o*{zn}C4lJrjd;F96mmuJ81W~>1FB(LF!k^JciLk>*y%%R`|0Y9l)g}J}L^ZV+x3JVX2!hY&X z`zhcM2>d6J9iH`1VisND%T+f20{`tfLC8zQ{>NY>{9RMN_&FQ_8-NoJK#5+t%D_OD zLQaW%5%r;wfdSuBm00!G1Kb?pBvj;#AtF}9L*XU`2j>GEGah@mA^^1Epud$qwSD?c zhucUI+TpQ3AmFs~WCrYzkC}l>0HNq3PETh1BnD;@+?Z!e-^sx z(^7cSN*@q}j{#=<3=Ym2(rLo^I99@k><t$9 z1M(3w3V5N$F8{Y|1;{miZ|H~!c_}}?Pz1Rn^;7Vvupnj~!5=wn&tK;8Dyg ze&h?WNroFZ6XxxjIPETLBWrK}74=hh9C_@tSX+C<)+B*k49+g{9noJjOf3uy1OpsA zX{w5QxNcR&p1_o}ARJ1;mYXzl{x?}ndpkl^Qw$<1x1-5No5TtH>4LaS+K*1CP6YAZ z(9RZub1vqfaAAz3?BE>Gaq{(&E=&81h2EFxj{ z!#v8e!HnN4HK?|_WsP>$C4UaHOB_ZUH+7xz<~HD_&Zb6820g~N3Y_gJjh^=@ZZtNV zNTgm>P_3n9^m)~oa;2)`^!r!tvK)bc7h-YB33mW z(U?YsXyW;+DhHj^oDLJ-9C6Fp4F;3Br5nlU6`znKHNBep#WD*_?Yy(69#~Pr2IEo? zzT}o!nCV@ehUL~_#NLJ#s6b~%8?|h3I&cXuV`vOLnz>OlGHHjB3F1;Wdv~WUAfDDJ zJP52a=B3C90QfY2EI~%B{m{q2n=5Z_VWLsl{Dl1B7e$QF6~aBNAJJG0gRo!VN#fwI zfmqi#Y|ygpY(0I2?6`}mq~!S)zv!v$%T{qBvkS33+q2PajM9G-ztCU zr3jK1-v4R9uNE1@F2kR$;g2PiAh_4an4N=8+ecCZsK0oUH6>s9F(5WPcY!_P(4O9NG*jLkOE=T^! zb(a-8vK6+Cm-Ngz#v_-`dXj_AfgFO&s{Te!(Lsf)6SAOS35c^m@+&J%XNk}s;|>SU zg&+1mf&>q~Jm@IR(hOSVmo(`3^0o1bsUI`FOjedJwGq_)8@M=UQtz5FtiX{;v&D*! zdD+D_#K59wY}fkc-n5%|-DzU9y_dQuZN%bR_UHmdj4{E9Q@5-i8ariVLTu1=^}M1m(k2v1l*I!gIO! zau;l#i-Zns-`)_tY%CKS351@3$A_Ncz<43>ppde(>&=&qF{>FJCGYI~s-auQf!DH- zoZiyQ`IDC8a|}JKf#Twu)$1d-wG&7yu6KLOpKNp}7B_@r1JJi`)V&EAoGMS(vrE+P z@hEPD(75QI+>6{xE#jf=VI_-dWq|Cg%S3@s1^n%j8~IX--l@;$OwRRtY`QPigj6tB zP9L3~wKA38HwYdK-dwUcS{_zknZc?m2^M&Ce7fThBpFX#vLz8r79!4smt(0rBGbPg zAID*`B+M{Tb7;g{)k0t7Nm8cpX3RIi*-eSIx*e`8%OK{+cQ|Yx`vnS}t@W&1+gs<^ zz|%jjOE4JJ(&G|G4SqaS=9!FzAv)n*(#)sB-PLNE`R9Q0T6KiJ2u4sGMpd>RCv{{X z?cp__-xK8FLht-~vq^A7X4#N288d_2@F477`<{c^{h?UrGk9_Z^c zTTxO!{m4CY4zwFBP@V(*d1no0%S=L&0b@jWV@i9n@)MRfUiuoSvC-!IA-p#cK-RmFb9qPOQ_a>4?cFLmb+!6(>Cv7PsX)e8!dd<-!j{G5mhy|eN+ zOve=Fh2UW5xNm6vR~>tVnkZ3zkA?vvwDOEJ#Yo^0cC?_xADfexRXHF;u{n7bUHlqB z>5Zu!Kk$UM-Z>+FeTNaz|5`3HBe@_sA$zJ{&48w#)43Hm|~i84)zt1$2?9Ng&g^Gd44_z##5)=v4u>^brX3R0|!_po%#fbEmt*o`8dYE zjJhZ+wYCfKc|YDg1GV8+*ALMMF6}@!!)3aGT6I$pa?-MSb94cD?FW2QxV*1VeNJ(pqljFz-ZVx`V|A0 zR{D>Z0th+L)NTvx3^ntP;mOVWe0d}1K$P&=oz#{B3h9GLv#(8GiC9{q-bDn_lRIyg z)gJNC@!uaO5i5V4hILQKEOTMx7mpuu%MCA%g4qUxpR0+q)u!&E5A4Op!=8Ig=)K+Q zDa|_mYGhMBw&HA)o42N+KOeQc85`Nk!|dHrC9-`YbO1f+b@t`ZsjwDJet1DC=P%@D5S>Ls%R&0uv)@z_biAXgvKs)mX^xC|K~S2QD7K~qAu^9RW z3C5z2-u903VhY5K4B<*F5b>^Y6d$#achFlKyr!?^rWqUiqFs6p&h@I&>6yuD83yf7 zCORvx)2EBC8@(xa>eMOzn4qc2+dmk&xF1Ao=bRA_GYE)>1!8w4flHTIP|KD4{n@e{ z%=1uhkzMsg&^Z9Jd~z&IkU1#hJ&>CpQ(?J670fMN=&F9G8krj%6*~l(&-*YA@WXls zU|)GEdRR|6d#g!WYcUA|0Wi^&Apc!3U#6f&7F;Lm@>!PkX?k{CYk%m*#<#lG^rGGe zQm?Z+_nvg^eZ!VY29qXTgvF^h8;j%)XT1ORnlv)WN=`b}zC0W?qD;Y3pC%J*VqV>r z;m$ZH1W45!d@haOSv)>IF*3$NCXs!b-;W{Rpw4KAo}>ZO4PRrIdr*mL#}y1nTU2U* zG!^H`t}r0=8qrz$q-A;SiDhc)?airRQFzhwfZ#G(>fH@VV@sjC#TG6C8&JV)OrC1F zgUIFt)PqwMyIDrveq|C6KfbRs=DRa2lopqlZ&4?H4rGQLPEGCd&!yi+Zx|P zERg$o6$QM)Vn;;oqvxT}eM!Yj{6dM#-#4z8XQe*VJTe#C6^}fW&&`c4RP(q^+1VsD z*S10ZkRA7~Nv1(Y_;bt>;VCw2tY6bu$EQa|Ckb=Vdg(^}?et4` zr|ymswW{k+EQ3}2+fmWdd_rD^;O$KgYCqOPFSxWw+Es{APJi+l|3pgFdvgvv<0uv~rwW$!g~p&HR5u0HssgcC+oGT|5~Jcem?`F6ymrlp zj*y{Z%pSO?_0U-Ltlw+njJNJ-hc7J79+qqse>iHY9FP+QD#*#J)F6yW!aSXco?pzx zMn-)_+`F9R>Yc95g{m%5GhfSHcIKyzKF*O2_H&>(@Q{WFJXc`-Xvo4{`!2V_@%5=2 zO&%=_Ot{kw0`Zr1-N6d8i7R+yIr*Ix_ZzP@`PsUD^S#ik*rBRkA`s|{s=B8cU8w?9 zfo`<#31x>B_^BP*>m9lCuRq-+HH zb0ARf9C)cajI0AQ8a9}_7{ffL?uLWBw`0tFjQyLxH?bcXbs z@L08c@RRP=tOAT(+35I-VK}Eyf=0IWmpj6o+WZbrX?9iQ#rKyCo$^D~GWRV%%GQB9 z=sT4>)v0(gUPTw!_DOj|zFG0LKEFii+mi5REG##3jLA|rk?|?q+<89t-i@}_s*c4x zWLpx%n}>B_r$;MGh)Lq9qc1er43%BIp~HkVEKbAh4m3W7Hl-A{z@?_2bzLZ`8D0n& zrnk&rr4X~JR)c7;h>K>a6iKLLxzEvdw9GB~#DAHsROvzPor)-#yA}-?jBk2d3VJQ=Oe-ufjThDv_7RlsUEGhZ44Tlz&X*<%~2xf&+3&4Lx; zn2@$i{jw{y>8&LfKU+H=T`cZBw)QQn7RYAriBQOl1;1 z2jXv}X?$MTOKpN}fMlQaKQa+*Y2#<3q5Hzez=2k2p|f1*SlZUzoE`q?Vrd>UvOhss z6g*w9swbj9%8H3vK8Zp59Ir+*0@1g6&wTCPGXlV5V6s)}iq)C4&P|{Hwt=k6);_C%+22TA=G3og0~2x%2@>?~eO4 zwWbxn=D>(TSH)%w8XLompnK}CG2*T;wKA!5;1seBehqdn9~us!IGD@rkCczj#JJa0|ht-cx&flkImA6MX33Oik$KbMMDqaxuU z?>u87&z{Czj+MR=UNN17SCtmFmtYcDj3~P&tPjkmL8ILIi6N} zTaP4hRFT-sdF*b=XQs9;vX~cL34@%*4EqJNzPkVywT=BU=z9L$2PRBDHCI?3*##n11S*5|JsaedG8p8Ny{}O8=dWp z%@p63kN_2eC!9g_ii}JN$bm$e$tth+U-_|#(Vbuc=A}@W(eqh%_6RAEoqkbK%O};c z7;O#%X%NpH)(>R+(5;~XEj`#p?wojRI|!M(SciQDg<6qCr-maE(jpT0gVjMfIZ-u5 z&D4}JcLG2>gttE6$JT#UcGo~nsOe}7sF!HIQ2BDKRwyZZp&4Em81L*mgeaIDJI(`_ zJ1-XOKsB^m)t`N-=}2m?1Pn7O3=Fi4gjiU>aznx^JSg7eR?TnJ@zjgfV7g9wih@)p z+{S*-(?j4`Ch#>=Kw|PtZWL-6Kc1pIIzlsv*Aaus#31ccdp`{e7FxM`qwjSt)~ZK* zRVMO-xXH7~!OEmGung4ZoVihtC%w7h7dpA7iBTC^Uz~ZfGtxTULIwNtRggkrl9v40 zbP(;(Z!11RV{UXO@*u;pTukmtpHJVwrx^E;tQq;Lf&jfj=gV}s+QrG zWR&{gJi=cz_mysF^E9xN%)1!1t=&>Di7xx>ZO{Cyi&j<#T&V8U33IS0H_0!Jw?s8* zw^S)aM>TCpejpnveYrnaJYcLu3z5Ura2koQw&r-Fx1ih!X^hT}n3Y)sFUVPq+0_~R z&Y7DsH>#16I^rULmxCEFmZ^E>vifd#G%vZP-GEDs1tfgu8@~hhG@d460s;}zF7@>t z+=Vt|rm3S{SOjWyp?XR821hJP5h+!}`<<~7qcC`veRBMBpL#5&bzAbo<*U~aq~L8g&5BdZ!)sqWFnFya83lq`Mvn~$@Xe$+u-z*7sP41If50O8`ZAA)uJa^a*dvDi7f1M+T(kMY~*QCN68D15l`DF5?x6EQ{?;{+nqx)<1hR(qP3A7w$jti zYpcett!$(x@Y+YChnoIXMwk6%4WuqdH_pWM-4rvz*^9HTRAP$uQ4@Y~sr-$wrft@depGj8Ct z!}6CeIJA^(=H5Br^+)ZEy7hREm#8ONc_ywG_XsYYl7*7toPJQXErkm;&!Pg~<)1O^ zNd3)UnJ5K6u-gM^*2hcQI-`ZbhQ+s1Tk{wmh&nT{H}c|<_coLFM(^PU6P_iUANzAu zktJS?WvPl>?TAo$)=nQ?*hd{jcM{Lih%NOaPh{?s;tw?leCYX;^8b*C*?%7llImw- z08+wT0-{?qUD}%L!dKK)$sQ3a3Q+XlxJz?czCS?w{S9KWen~xTB1O4F)s-}2pvgCO zV1NJ!+Qe0aHsq2xBmoC}8`gBMMtkAqog%s>U-z_$i*gF{dxBdhDJLZ>!MC4k@j&{% z-OEW^`PN&~v?)Uu7~1L|%5r0Cf+?rsR`)094{hclTO=*aAc)TvK02@xvBLWbY9vU` zVjArJQyn2|NakkJ^lx<+R0z5lb${Dp(?f{HLo7EYT=;MmO%-VuiO>F$@ChY(ICUHO z2b}kC0B^xS4%(~WG#L{Wl_(u_E&uJHamU!paI*A%{+Zmxyny;7UYB9@HSO!p(!HX0 z-{pJAj|*2UMx+}Inz=YSPM4~V!1BhBnc5S^Io=8ER__fP18OIn3&>sjA=l?P?thMP zhcinH3)_QE)hN*WF4*#-YbeuT$xq#S+Buv*yp}C0P57%N=bC`k+=%Wp$JJ|g z@8yeC_c|?xI`}@WbmYOfDC{I7$Hux2eWL^Ds(&#t6&#|8v=K0B=Pe_N}d48iS8B`l-)NjYTRmWd@@iC{#Ldc> zn`dk3%f!b0%aW@S@-HPv96{vCqZkF2r+%Q-^B&&`g;&%>N3*Cas3t#hLX;M~(XxCi zbdoBgfBjIW&sKV=hcyUy_BcY}TV~FW88S8&i7OVjiiS?APu0izz!SXU=e{;VE`4Vc z?Mr@Uwi+;Yo#O4=tRm_BH7bpdrXyEFUL{#bhDhxww^&+Z%dY3tn(bLgue+BBgFh_lXCK2Q3EMny37Cgfe5jR&D-!BcKA1lZK9h98OZS>c>vNz)(A!NP?EPV zK3qM%d`t0aA=i9JOL~S!@3xg@Nb4cfo-!gwXzrt@{<|9UTz7Uv||L(pPtr#tn?&3o9 z!fDpQp7eK6j(^|V@3M?-D>L54G7@Mp{$~*dQVvpkJ0fZ21q_f+zMnsZ_DpRJGn&}P z40e689$6Wm-c7x!TCawAj5|n?+V8n6?!CRo`uNe{;^Buz&S`Sb8+JepITbEbhkFv* zP}va^PPYLfq8xw{@8btNNajZNySPB&R{~^kmnTBi@%H)N9P|sSbNt^pm0v#BH|H}u z%5~k0#;hFE3#vyhEHoM=DyUlymBLCama%U#*L=4m1?Ubp9OR5@65qZH?J6@XMujxX zF55m#7xczr?L~7pHNO71GN|}PDJQQWcIBJj0NA>jJ=QaJXH!p^&-c^~^GqI9?I0cX z<8dX_J0Kt=m_=K(RowBron4HTuJZ!@HpnR>9E=KLV0P;2@dokCW)?Nq=zkTUEryRy z2x&VV!_>z%#(kDrS+&lVV2+iB7EVlDWI3u+i9T12gKXc=oBNuD!Y#pRLR%v3i6n16EI~FNb7Sd-FEu2is+|mm!i+H3q zp3<2`tFlkigCKpIR4k(=jg4xgPk=`!hra3`FfA8-K8TbqrD_%2ZCM^)Shm8Z7*I1^9z&k83qHc}$@ z8W5?8jmlSXmQ0|OwlVp>U*77L*S|dhcRYUhQXXGM#T+4{z-*Ggl;-ph=8oI-UI@{V zwKTGHPYpKK(r>=A6dH^BGN?QmP#rKcOBN*TN{flob^e5 z=8$ZyKO$t`J=_YbVd`(?$bg>%=6(jW_eLU_yW93z7I9BF^!-HMY)zwktD0vl_2OI% ze~#R?)!D^nJxp?)yiM847*}R-A4CJcU>BJL^FGW=~mvklb#T&(6ZBl&= zT&+qvYX`J)aE3=H;!%F^-IUoJ%wf^ zOQAV@&cYP-lttGZLFHAW(yDdm^z^C2!&i*?w*p*Lf8+u#a(G!|y z5!wD3sWND+N;6D5Te^^l@z#Eh6BAMSS2+|^`&-htsJ7yUGMMgHKT=hYmx|PxLQX){ z2pe`*p<;J4mBaedl$!QAaIa@_YWnug9bNewK|McEM`;b0<-B)s=3O>VZpHgxV?zSy z5(AGwH*OF-n8p@QFXEy1Sg8n=I1r8&$vwFNqYnP0MD#CBB7cKQ9!IYwZcPl zEG+)xBKxH~It)s6b$as9OJ~pejJ`XJt7Y&?_U%&->26Lep+P4O<13Bs5N8=iGj8{O zqgE>0i`C=&r|{C^zno?L3huuYgnY!R?7uOJoDXmpw5Wgw8btW&zzsZU(gzw>K{ybL2dJ@oHaOlJ>n5R@r&=Q{M4)WNsp z#utLoa}>Jj>Vi(t%~Y!g_}s87s~sNz-1?5k!LE9Noe;oN{QdmZ0Xv))0+Nc5XdgM; zw+P&+lLZ|>+xS1M+6>$9a|JN~oah0Or^&C%#uPCA-7@}wyMKq@4!{`%@xK(J^gIOv zDZ@Xo7d{OCfL~91k%1FbPJEG_?8{X_JEA}iSP<*GyWeOR?SL1*E{)=1p-367h_e=t zU5Oo6{(N$OFX54?6I{{!lRjMW%7wnx_^KSf1>_Q zeI*mO&?}NF{y|HO`wJ0H^t25wKll&)xakC>0PHFML=&+86aIV9HFZ(o&V|4GzaxD8 z7uPQQJ;DEh3NPvf!4*5;69XXfAA0`TY$I3tMf6Y1{{+H4X3B^E{ro>s_5XSPZ$^Oa HeDr?-Q6axa literal 0 HcmV?d00001 diff --git a/docs-assets/screenshots/images/light/panels/navigation/badge.jpg b/docs-assets/screenshots/images/light/panels/navigation/badge.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7bbed189adbd73898207429fe69d5802c134408a GIT binary patch literal 9306 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 D*PyC? literal 0 HcmV?d00001 diff --git a/docs-assets/screenshots/schema.js b/docs-assets/screenshots/schema.js index b0255b9324..163f2d798c 100644 --- a/docs-assets/screenshots/schema.js +++ b/docs-assets/screenshots/schema.js @@ -2047,6 +2047,47 @@ export default { await new Promise((resolve) => setTimeout(resolve, 500)) }, }, + 'panels/navigation/badge': { + url: 'panels/navigation/badge', + selector: 'body', + viewport: { + width: 1080, + height: 640, + deviceScaleFactor: 0, + }, + crop: (image) => { + return image.extract({ width: 650, height: 500, left: 0, top: 0 }) + }, + }, + 'panels/navigation/badge-color': { + url: 'panels/navigation/badge-color', + selector: 'body', + viewport: { + width: 1080, + height: 640, + deviceScaleFactor: 0, + }, + crop: (image) => { + return image.extract({ width: 650, height: 500, left: 0, top: 0 }) + }, + }, + 'panels/navigation/badge-tooltip': { + url: 'panels/navigation/badge-tooltip', + selector: 'body', + viewport: { + width: 1080, + height: 640, + deviceScaleFactor: 0, + }, + crop: (image) => { + return image.extract({ width: 750, height: 500, left: 0, top: 0 }) + }, + before: async (page) => { + await page.hover('.fi-badge') + + await new Promise((resolve) => setTimeout(resolve, 500)) + }, + }, 'tables/example': { url: 'tables?table=example', selector: 'body', diff --git a/packages/panels/docs/06-navigation.md b/packages/panels/docs/06-navigation.md index 69f3c8092d..de25807f48 100644 --- a/packages/panels/docs/06-navigation.md +++ b/packages/panels/docs/06-navigation.md @@ -70,6 +70,8 @@ public static function getNavigationBadge(): ?string } ``` + + If a badge value is returned by `getNavigationBadge()`, it will display using the primary color by default. To style the badge contextually, return either `danger`, `gray`, `info`, `primary`, `success` or `warning` from the `getNavigationBadgeColor()` method: ```php @@ -79,6 +81,8 @@ public static function getNavigationBadgeColor(): ?string } ``` + + A custom tooltip for the navigation badge can be set in `$navigationBadgeTooltip`: ```php @@ -94,6 +98,8 @@ public static function getNavigationBadgeTooltip(): ?string } ``` + + ## Grouping navigation items You may group navigation items by specifying a `$navigationGroup` property on a [resource](resources/getting-started) and [custom page](pages):