Commit 3a4f430c authored by Kevin Yumang's avatar Kevin Yumang

Merge branch 'serv-2286_navigation_elements' into 'SERV-2286'

serv-2286_navigation_elements - initial commit

See merge request !1
parents c77f4f29 007c810c
...@@ -50,26 +50,30 @@ ...@@ -50,26 +50,30 @@
{ {
if(isset($_GET['page'])) { if(isset($_GET['page'])) {
$page = $_GET['page']; $page = strtolower($_GET['page']);
$path = ''; $path = '';
switch ($page) { switch ($page) {
case "home":
case "/":
$path = 'Limitless::Help.Pages.Home';
break;
case "card": case "card":
$path = 'Limitless::Element.Card.Documentation.Index'; $path = 'Limitless::Element.Card.Documentation.Index';
break; break;
case "example": case "example":
$path = 'Limitless::Element.Example.Documentation.Index'; $path = 'Limitless::Element.Example.Documentation.Index';
break; break;
case "codemirror": case "codemirror":
$path = 'Limitless::Codemirror.Documentation.Index'; $path = 'Limitless::Codemirror.Documentation.Index';
break; break;
case "navigation": case "navigation":
$path = 'Limitless::Navigation.Documentation.Index'; $path = 'Limitless::Navigation.Documentation.Index';
break; break;
case "table": case "table":
$path = 'Limitless::Table.Documentation.Index'; $path = 'Limitless::Table.Documentation.Index';
break; break;
default; default:
} }
return View($path); return View($path);
......
...@@ -22,5 +22,23 @@ ...@@ -22,5 +22,23 @@
@stop @stop
@section('Limitless::SidebarContent') @section('Limitless::SidebarContent')
Test @Limitless::NavigationStart
@Limitless::NavigationMenuItem(['url' => '/', 'target' => '_self', 'icon' => 'icon-home2', 'title' => 'Home'])
@Limitless::NavigationMenuSectionTitle(['title' => 'Elements'])
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_self', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_self', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuItem(['url' => '?page=codemirror', 'target' => '_self', 'icon' => 'icon-circle-code', 'title' => 'Code Mirror'])
@Limitless::NavigationMenuItem(['url' => '?page=navigation', 'target' => '_self', 'icon' => 'icon-menu8', 'title' => 'Navigation'])
@Limitless::NavigationMenuSectionTitle(['title' => 'Elements 2'])
@Limitless::NavigationMenuStart(['title' => 'submenu test', 'icon' => 'icon-three-bars'])
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuStart(['title' => 'sub submenu test', 'icon' => 'icon-three-bars'])
@Limitless::NavigationMenuSectionTitle(['title' => 'Elements 3'])
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuStop
@Limitless::NavigationMenuStop
@Limitless::NavigationStop
@stop @stop
...@@ -19,6 +19,21 @@ ...@@ -19,6 +19,21 @@
@Limitless::Example @Limitless::Example
<br/> <br/>
@Limitless::ElementCardStart(['title' => "Navigation Sample Output" ] )
@Limitless::NavigationStart
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuStart(['title' => 'submenu test', 'icon' => 'icon-three-bars'])
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuStart(['title' => 'sub submenu test', 'icon' => 'icon-three-bars'])
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuStop
@Limitless::NavigationMenuStop
@Limitless::NavigationStop
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "Table Test" ] ) @Limitless::ElementCardStart(['title' => "Table Test" ] )
@Limitless::TableStart([ 'extra' => ['class' => 'table table-striped'] ]) @Limitless::TableStart([ 'extra' => ['class' => 'table table-striped'] ])
......
<?php <?php
/*
|------------------------------------------------------------------------------------------------
| Information
|------------------------------------------------------------------------------------------------
|
| This file is beautified by the command "sidekick:CodebeautifierCommand" of the ceetrox
| sidekick package.
|
| Author: Kevin Almond Roe Yumang <kevin.yumang@itmax.email>
| Update: 2022-06-20 08:27:18
|
*/
namespace Ceetrox\Sidekick\Views\Limitless\Navigation;
/*
|------------------------------------------------------------------------------------------------
| Dependencies
|------------------------------------------------------------------------------------------------
*/
use View;
/*
|------------------------------------------------------------------------------------------------
| Class "Config"
|------------------------------------------------------------------------------------------------
*/
class Config
{
public $methodAllocation = [
'Limitless::NavigationStart' => 'navigationStart',
'Limitless::NavigationStop' => 'navigationStop',
'Limitless::NavigationMenuSectionTitle' => 'navigationMenuSectionTitle',
'Limitless::NavigationMenuItem' => 'navigationMenuItem',
'Limitless::NavigationMenuStart' => 'navigationMenuStart',
'Limitless::NavigationMenuStop' => 'navigationMenuStop',
];
/* /*
|------------------------------------------------------------------------------------------------ |--------------------------------------------------------------------------------------------
| Information | Method "navigationMenuSectionTitle"
|------------------------------------------------------------------------------------------------ |--------------------------------------------------------------------------------------------
|
| This file is beautified by the command "sidekick:CodebeautifierCommand" of the ceetrox
| sidekick package.
|
| Author: Kevin Almond Roe Yumang <kevin.yumang@itmax.email>
| Update: 2022-06-17 01:45:33
|
*/ */
namespace Ceetrox\Sidekick\Views\Limitless\Navigation; public function navigationMenuSectionTitle($parameters)
{
return View('Limitless::Navigation.NavigationMenuSectionTitle')
->withTitle( (isset($parameters['title']) ? $parameters['title'] : 'No Title') );
}
/* /*
|------------------------------------------------------------------------------------------------ |--------------------------------------------------------------------------------------------
| Dependencies | Method "navigationMenuItem"
|------------------------------------------------------------------------------------------------ |--------------------------------------------------------------------------------------------
*/ */
use View; public function navigationMenuItem($parameters)
{
return View('Limitless::Navigation.NavigationMenuItem')
->withUrl( (isset($parameters['url']) ? $parameters['url'] : '#') )
->withTarget( (isset($parameters['target']) ? $parameters['target'] : '_self') )
->withIcon( (isset($parameters['icon']) ? $parameters['icon'] : 'icon-primitive-dot') )
->withTitle( (isset($parameters['title']) ? $parameters['title'] : 'No Title') );
}
/* /*
|------------------------------------------------------------------------------------------------ |--------------------------------------------------------------------------------------------
| Class "Config" | Method "navigationStart"
|------------------------------------------------------------------------------------------------ |--------------------------------------------------------------------------------------------
*/ */
class Config public function navigationStart($parameters)
{ {
public $methodAllocation = [ return View('Limitless::Navigation.NavigationStart')
'Limitless::NavigationAutoFillMenu' => 'navigationAutoFillMenu', ->withExtra( (isset($parameters['extra']) ? $parameters['extra'] : [] ) );
];
}
/*
|--------------------------------------------------------------------------------------------
| Method "navigationAutoFillMenu"
|--------------------------------------------------------------------------------------------
*/
public function navigationAutoFillMenu($parameters)
{
return View('Limitless::Navigation.NavigationAutoFillMenu')
->withData( (!empty($parameters)) ? $parameters : [] );
} /*
|--------------------------------------------------------------------------------------------
| Method "navigationStop"
|--------------------------------------------------------------------------------------------
*/
public function navigationStop()
{
return View('Limitless::Navigation.NavigationStop');
} }
/*
|--------------------------------------------------------------------------------------------
| Method "navigationMenuStart"
|--------------------------------------------------------------------------------------------
*/
public function navigationMenuStart($parameters)
{
return View('Limitless::Navigation.NavigationMenuStart')
->withIcon( (isset($parameters['icon']) ? $parameters['icon'] : 'icon-primitive-dot') )
->withTitle( (isset($parameters['title']) ? $parameters['title'] : 'No Title') );
}
/*
|--------------------------------------------------------------------------------------------
| Method "navigationMenuStop"
|--------------------------------------------------------------------------------------------
*/
public function navigationMenuStop()
{
return View('Limitless::Navigation.NavigationMenuStop');
}
}
...@@ -4,18 +4,58 @@ ...@@ -4,18 +4,58 @@
@section('Limitless::Content') @section('Limitless::Content')
@php @php
$example = base64_decode(""); $example = base64_decode("QExpbWl0bGVzczo6TmF2aWdhdGlvblN0YXJ0CiAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVNlY3Rpb25UaXRsZShbJ3RpdGxlJyA9PiAnTWVudSBzZWN0aW9uIHRpdGxlIDEnXSkKICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJz9wYWdlPWNhcmQnLCAndGFyZ2V0JyA9PiAnX3NlbGYnLCAnaWNvbicgPT4gJ2ljb24tc3F1YXJlJywgJ3RpdGxlJyA9PiAnQ2FyZCddKQogICAgQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVJdGVtKFsndXJsJyA9PiAnP3BhZ2U9dGFibGUnLCAndGFyZ2V0JyA9PiAnX2JsYW5rJywgJ2ljb24nID0+ICdpY29uLXRhYmxlMicsICd0aXRsZScgPT4gJ1RhYmxlJ10pCiAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICc/cGFnZT1uYXZpZ2F0aW9uJywgJ3RhcmdldCcgPT4gJ19zZWxmJywgJ2ljb24nID0+ICdpY29uLW1lbnU4JywgJ3RpdGxlJyA9PiAnTmF2aWdhdGlvbiddKQogICAgQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVTdGFydChbJ3RpdGxlJyA9PiAnTGV2ZWwgMSBTdWJtZW51IGV4YW1wbGUnLCAnaWNvbicgPT4gJ2ljb24tdGhyZWUtYmFycyddKQogICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMiddKQogICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJz9wYWdlPWNhcmQnLCAndGFyZ2V0JyA9PiAnX2JsYW5rJywgJ2ljb24nID0+ICdpY29uLXNxdWFyZScsICd0aXRsZScgPT4gJ0NhcmQnXSkKICAgICAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICc/cGFnZT10YWJsZScsICd0YXJnZXQnID0+ICdfYmxhbmsnLCAnaWNvbicgPT4gJ2ljb24tdGFibGUyJywgJ3RpdGxlJyA9PiAnVGFibGUnXSkKICAgICAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVN0YXJ0KFsndGl0bGUnID0+ICdMZXZlbCAyIFN1Ym1lbnUgZXhhbXBsZScsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJ10pCiAgICAgICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMiddKQogICAgICAgICAgICBATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICc/cGFnZT1jYXJkJywgJ3RhcmdldCcgPT4gJ19ibGFuaycsICdpY29uJyA9PiAnaWNvbi1zcXVhcmUnLCAndGl0bGUnID0+ICdDYXJkJ10pCiAgICAgICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJz9wYWdlPXRhYmxlJywgJ3RhcmdldCcgPT4gJ19ibGFuaycsICdpY29uJyA9PiAnaWNvbi10YWJsZTInLCAndGl0bGUnID0+ICdUYWJsZSddKQogICAgICAgIEBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U3RvcAogICAgQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVTdG9wCkBMaW1pdGxlc3M6Ok5hdmlnYXRpb25TdG9w");
@endphp @endphp
@Limitless::ElementCardStart(['title' => "Documentation", 'icon' => 'icon-file-text3', 'collapsable' => true, 'removeable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ]) {{-- Description --}}
@Limitless::ElementCardStart(['title' => "Navigation", 'icon' => 'icon-file-text3'])
Description for navigation element here. Description for navigation element here.
@Limitless::ElementCardStop @Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "Navigation Sample Output", 'icon' => 'icon-file-empty' ] ) {{-- Elements --}}
Navigation sample output here @Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
@Limitless::ElementCardStart(['title' => "Element 1"])
- element details
- element parameters (this should be on a table element)
@Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "Element 2"])
- element details
- element parameters (this should be on a table element)
@Limitless::ElementCardStop
@Limitless::ElementCardStop
{{-- Sample Output --}}
@Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
@Limitless::NavigationStart
@Limitless::NavigationMenuSectionTitle(['title' => 'Menu section title 1'])
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_self', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuItem(['url' => '?page=navigation', 'target' => '_self', 'icon' => 'icon-menu8', 'title' => 'Navigation'])
@Limitless::NavigationMenuStart(['title' => 'Level 1 Submenu example', 'icon' => 'icon-three-bars'])
@Limitless::NavigationMenuSectionTitle(['title' => 'Menu section title 2'])
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuStart(['title' => 'Level 2 Submenu example', 'icon' => 'icon-three-bars'])
@Limitless::NavigationMenuSectionTitle(['title' => 'Menu section title 2'])
@Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
@Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
@Limitless::NavigationMenuStop
@Limitless::NavigationMenuStop
@Limitless::NavigationStop
@Limitless::ElementCardStop @Limitless::ElementCardStop
@Limitless::ElementCardStart(['title' => "Navigation Syntax", 'icon' => 'icon-file-empty' ] ) {{-- Sample Code --}}
@Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
@Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ]) @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
@Limitless::ElementCardStop @Limitless::ElementCardStop
......
@if( !empty($data) )
<ul class="nav nav-sidebar" data-nav-type="accordion">
{{-- menu group --}}
@foreach($data as $menuGroup)
@if(isset($menuGroup['header']))
<li class="nav-item-header">
<div class="text-uppercase font-size-xs line-height-xs">
{{ $menuGroup['header'] }}
</div> <i class="icon-menu" title="Layout options"></i>
</li>
@endif
{{-- main menu --}}
@foreach($menuGroup['menu'] as $menu)
<li class="nav-item {{ isset($menu['submenu']) && count($menu['submenu']) > 0 ? 'nav-item-submenu' : '' }}">
<a href="{{ $menu['link'] ?? '#' }}" class="nav-link">
<i class="{{ $menu['icon'] ?? 'icon-primitive-dot' }}"></i>
<span>
{{ $menu['name'] }}
</span>
</a>
{{-- sub menu --}}
@if(isset($menu['submenu']) && count($menu['submenu']) > 0)
<ul class="nav nav-group-sub" data-submenu-title="{{ $menu['name'] }}" style="display: none;">
@foreach($menu['submenu'] as $submenu)
<li class="nav-item">
<a href="{{ $submenu['link'] ?? '#' }}" class="nav-link">
<i class="{{ $submenu['icon'] ?? 'icon-primitive-dot' }}"></i>
<span>
{{ $submenu['name'] }}
</span>
</a>
</li>
@endforeach
</ul>
@endif
</li>
@endforeach
@endforeach
</ul>
@endif
<li class="nav-item">
<a href="{{ $url }}" target="{{ $target }}" class="nav-link">
<i class="{{ $icon }}"></i>
<span>
{{ $title }}
</span>
</a>
</li>
\ No newline at end of file
<li class="nav-item-header">
<div class="text-uppercase font-size-xs line-height-xs">
{{ $title }}
</div> <i class="icon-menu" title="{{ $title }}"></i>
</li>
\ No newline at end of file
<li class="nav-item nav-item-submenu">
<a href="#" class="nav-link">
<i class="{{ $icon }}"></i>
<span>{{ $title }}</span>
</a>
<ul class="nav nav-group-sub" data-submenu-title="{{ $title }}" style="display: none;">
\ No newline at end of file
<ul @foreach($extra as $k => $v) {{$k}}="{{$v}}" @endforeach class="nav nav-sidebar" data-nav-type="accordion">
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment