Skip to content

Commit 2a1b256

Browse files
spektra2147spektra2147
committed
update sidebar
1 parent 4f843da commit 2a1b256

File tree

1 file changed

+2
-363
lines changed

1 file changed

+2
-363
lines changed

‎resources/views/partials/interactiveMenu.twig‎

Lines changed: 2 additions & 363 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@
3333
<ul class="sidebar-nav nav-stacked" id="ocify-menu">
3434
{% for group_key,group in getInteractiveMenus() %}
3535
<li class="sidebar-group {{ group.active ? 'active' }}">
36-
<a class="sidebar-group-link" title="AAA" data-toggle="collapse" data-target="#{{ group_key }}M"
36+
<a class="sidebar-group-link" title="{{ group.title }}" data-toggle="collapse" data-target="#{{ group_key }}M"
3737
aria-expanded="{{ group.active ? 'true' : 'false' }}">
3838
<span>
3939
<span class="icon"><i class="fa fa-dashboard"></i></span>
@@ -76,368 +76,7 @@
7676
</div>
7777
</li>
7878
{% endfor %}
79-
80-
<li class="sidebar-group active">
81-
<a class="sidebar-group-link" title="AAA" data-toggle="collapse" data-target="#A"
82-
aria-expanded="false">
83-
<span>
84-
<span class="icon"><i class="fa fa-dashboard"></i></span>
85-
<span class="title">Dashboard</span>
86-
</span>
87-
<i class="fa fa-chevron-down chevron"></i>
88-
</a>
89-
<div class="collapse group-sublist" id="A" aria-expanded="false">
90-
<ul class="nav-stacked sidebar-items">
91-
<li class="nav-item sidebar-addon active">
92-
<a title="AAA A"
93-
class="sidebar-title sidebar-addon-link"
94-
data-toggle="collapse"
95-
data-target="#AAAAsub">
96-
<span>
97-
<i class="fa fa-circle"></i>
98-
Ads
99-
</span>
100-
<i class="fa fa-chevron-down"></i>
101-
</a>
102-
<div class="collapse sidebar-sublist" id="AAAAsub" aria-expanded="false">
103-
<ul class="flex-column">
104-
<li class="sub-item">
105-
<a href="#"
106-
class="text-truncate sidebar-title">
107-
Status
108-
</a>
109-
</li>
110-
<li class="sub-item active">
111-
<a href="#"
112-
class="text-truncate sidebar-title">
113-
Options
114-
</a>
115-
</li>
116-
<li class="sub-item">
117-
<a href="#"
118-
class="text-truncate sidebar-title">
119-
Options Value
120-
</a>
121-
</li>
122-
</ul>
123-
</div>
124-
</li>
125-
<li class="nav-item sidebar-addon">
126-
<a title="AAA A"
127-
class="sidebar-title"
128-
data-toggle="collapse"
129-
data-target="#AAABsub">
130-
<i class="fa fa-circle"></i>
131-
Customfields
132-
</a>
133-
<div class="collapse ml-2" id="AAABsub" aria-expanded="false">
134-
<ul class="flex-column nav">
135-
<li class="sub-item">
136-
<a href="#"
137-
class="text-truncate sidebar-title">
138-
AAA B 1
139-
</a>
140-
</li>
141-
<li class="sub-item">
142-
<a href="#"
143-
class="text-truncate sidebar-title">
144-
AAA B 2
145-
</a>
146-
</li>
147-
</ul>
148-
</div>
149-
</li>
150-
</ul>
151-
</div>
152-
</li>
153-
15479
</ul>
15580
</div>
15681
</div>
157-
{{ asset_script('theme::js/ocify-sidebar.js') }}
158-
159-
160-
161-
162-
163-
164-
165-
166-
167-
168-
{#<style>#}
169-
170-
171-
{# #wrapper {#}
172-
{# position: fixed;#}
173-
{# height: 100%;#}
174-
{# padding-left: 0;#}
175-
{# -webkit-transition: all 0.5s ease;#}
176-
{# -moz-transition: all 0.5s ease;#}
177-
{# -o-transition: all 0.5s ease;#}
178-
{# transition: all 0.5s ease;#}
179-
{# overflow: hidden;#}
180-
{# }#}
181-
182-
{# #wrapper.toggled {#}
183-
{# padding-left: 250px;#}
184-
{# overflow: hidden;#}
185-
{# }#}
186-
187-
{# #sidebar-wrapper {#}
188-
{# z-index: 1000;#}
189-
{# position: absolute;#}
190-
{# margin-top: 68px;#}
191-
192-
{# left: 250px;#}
193-
{# width: 0;#}
194-
{# height: 100%;#}
195-
{# margin-left: -250px;#}
196-
{# overflow-y: auto;#}
197-
{# background: #ddd;#}
198-
{# -webkit-transition: all 0.5s ease;#}
199-
{# -moz-transition: all 0.5s ease;#}
200-
{# -o-transition: all 0.5s ease;#}
201-
{# transition: all 0.5s ease;#}
202-
{# }#}
203-
{# #wrapper.toggled #sidebar-wrapper {#}
204-
{# width: 250px;#}
205-
{# }#}
206-
207-
{# #page-content-wrapper {#}
208-
{# position: absolute;#}
209-
{# padding: 15px;#}
210-
{# width: 100%;#}
211-
{# overflow-x: hidden;#}
212-
{# }#}
213-
{# .xyz{#}
214-
{# min-width: 360px;#}
215-
{# }#}
216-
{# #wrapper.toggled #page-content-wrapper {#}
217-
{# position: relative;#}
218-
{# margin-right: 0px;#}
219-
{# }#}
220-
{# .fixed-brand{#}
221-
{# width: auto;#}
222-
{# }#}
223-
{# /* Sidebar Styles */#}
224-
225-
{# .sidebar-nav {#}
226-
{# position: absolute;#}
227-
{# top: 0;#}
228-
{# width: 250px;#}
229-
{# margin: 0;#}
230-
{# padding: 0;#}
231-
{# list-style: none;#}
232-
{# margin-top: 2px;#}
233-
{# }#}
234-
235-
{# .sidebar-nav li {#}
236-
{# line-height: 40px;#}
237-
{# }#}
238-
239-
{# .sidebar-nav li a {#}
240-
{# display: block;#}
241-
{# padding-left: 4px;#}
242-
{# text-decoration: none;#}
243-
{# color: #999999 !important;#}
244-
{# }#}
245-
246-
{# .sidebar-nav li a:hover {#}
247-
{# text-decoration: none;#}
248-
{# color: #fff;#}
249-
{# background: rgba(255,255,255,0.2);#}
250-
{# border-left: red 2px solid;#}
251-
{# }#}
252-
253-
{# .sidebar-nav li a:active,#}
254-
{# .sidebar-nav li a:focus {#}
255-
{# text-decoration: none;#}
256-
{# }#}
257-
258-
{# .sidebar-nav > .sidebar-brand {#}
259-
{# height: 65px;#}
260-
{# font-size: 18px;#}
261-
{# line-height: 60px;#}
262-
{# }#}
263-
264-
{# .sidebar-nav > .sidebar-brand a {#}
265-
{# color: #999999;#}
266-
{# }#}
267-
268-
{# .sidebar-nav > .sidebar-brand a:hover {#}
269-
{# color: #fff;#}
270-
{# background: none;#}
271-
{# }#}
272-
{# .no-margin{#}
273-
{# margin:0;#}
274-
{# }#}
275-
276-
{# @media(min-width:768px) {#}
277-
{# #wrapper {#}
278-
{# padding-left: 250px;#}
279-
{# }#}
280-
{# .fixed-brand{#}
281-
{# width: 250px;#}
282-
{# }#}
283-
{# #wrapper.toggled {#}
284-
{# padding-left: 0;#}
285-
{# }#}
286-
287-
{# #sidebar-wrapper {#}
288-
{# width: 250px;#}
289-
{# }#}
290-
291-
{# #wrapper.toggled #sidebar-wrapper {#}
292-
{# width: 250px;#}
293-
{# }#}
294-
{# #wrapper.toggled-2 #sidebar-wrapper {#}
295-
{# width: 50px;#}
296-
{# }#}
297-
{# #wrapper.toggled-2 #sidebar-wrapper:hover {#}
298-
{# width: 250px;#}
299-
{# }#}
300-
301-
302-
{# #page-content-wrapper {#}
303-
{# padding: 20px;#}
304-
{# position: relative;#}
305-
{# -webkit-transition: all 0.5s ease;#}
306-
{# -moz-transition: all 0.5s ease;#}
307-
{# -o-transition: all 0.5s ease;#}
308-
{# transition: all 0.5s ease;#}
309-
{# }#}
310-
311-
{# #wrapper.toggled #page-content-wrapper {#}
312-
{# position: relative;#}
313-
{# margin-right: 0;#}
314-
{# padding-left: 250px;#}
315-
{# }#}
316-
{# #wrapper.toggled-2 #page-content-wrapper {#}
317-
{# position: relative;#}
318-
{# margin-right: 0;#}
319-
{# margin-left: -200px;#}
320-
{# -webkit-transition: all 0.5s ease;#}
321-
{# -moz-transition: all 0.5s ease;#}
322-
{# -o-transition: all 0.5s ease;#}
323-
{# transition: all 0.5s ease;#}
324-
{# width: auto;#}
325-
326-
{# }#}
327-
{# }#}
328-
329-
{#</style>#}
330-
331-
332-
{#<div id="wrapper">#}
333-
{# <div class="logo-bar">#}
334-
{# <div class="button-menu logo-bar-table">#}
335-
{# <div class="align-middle text-center logo-bar-cell menu-action">#}
336-
{# <div class="navbar-collapse" id="bs-example-navbar-collapse-1">#}
337-
{# <ul class="nav navbar-nav">#}
338-
{# <li class="active">#}
339-
{# #}{# <button id="menu-toggle-2" type="button" class="button-menu-mobile web-sidebar-btn">#}
340-
{# #}{# {{ img('theme::img/menu-icon.svg').data()|raw }}#}
341-
{# #}{# </button>#}
342-
{# #}{# <button type="button" class="button-menu-mobile mobile-sidebar-btn" id="menu-toggle">#}
343-
{# #}{# {{ img('theme::img/menu-icon.svg').data()|raw }}#}
344-
{# #}{# </button>#}
345-
346-
{# <div class="navbar-header fixed-brand">#}
347-
{# <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" id="menu-toggle">#}
348-
{# <span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>#}
349-
{# </button>#}
350-
{# </div>#}
351-
352-
{# <div class="navbar-collapse" id="bs-example-navbar-collapse-1">#}
353-
{# <ul class="nav navbar-nav">#}
354-
{# <li class="active" ><button class="navbar-toggle collapse in" data-toggle="collapse" id="menu-toggle-2"> <span class="glyphicon glyphicon-th-large" aria-hidden="true"></span></button></li>#}
355-
{# </ul>#}
356-
{# </div>#}
357-
{# </li>#}
358-
{# </ul>#}
359-
{# </div>#}
360-
{# </div>#}
361-
{# <div class="align-middle text-center logo-bar-cell logo">#}
362-
{# <a href="{{ url('admin') }}" class="logo variant-logo">#}
363-
{# {% if setting_value('visiosoft.theme.defaultadmin::panel_icon') %}#}
364-
{# <img src="{{ file(setting_value('visiosoft.theme.defaultadmin::panel_icon')).make.url }}"#}
365-
{# alt="site icon">#}
366-
{# {% else %}#}
367-
{# {{ img('theme::img/panel-icon.svg').data|raw }}#}
368-
{# {% endif %}#}
369-
{# </a>#}
370-
{# </div>#}
371-
{# </div>#}
372-
{# </div>#}
373-
{# <div id="sidebar-wrapper">#}
374-
{# <ul class="sidebar-nav nav-stacked" id="smenu">#}
375-
376-
{# <li class="active">#}
377-
{# <a href="#">#}
378-
{# <i class="fa fa-dashboard "></i>#}
379-
{# Dashboard#}
380-
{# </a>#}
381-
{# <ul class="nav-stacked" style="list-style-type:none;">#}
382-
{# <li><a href="#">link1</a></li>#}
383-
{# <li><a href="#">link2</a></li>#}
384-
{# </ul>#}
385-
{# </li>#}
386-
{# <li>#}
387-
{# <a href="#"><span class="fa-stack fa-lg "><i class="fa fa-flag fa-stack-1x "></i></span> Shortcut</a>#}
388-
{# <ul class="nav-stacked" style="list-style-type:none;">#}
389-
{# <li><a href="#"><span class="fa-stack fa-lg "><i class="fa fa-flag fa-stack-1x "></i></span>link1</a></li>#}
390-
{# <li><a href="#"><span class="fa-stack fa-lg "><i class="fa fa-flag fa-stack-1x "></i></span>link2</a></li>#}
391-
392-
{# </ul>#}
393-
{# </li>#}
394-
{# <li>#}
395-
{# <a href="#"><span class="fa-stack fa-lg "><i class="fa fa-cloud-download fa-stack-1x "></i></span>Overview</a>#}
396-
{# </li>#}
397-
{# <li>#}
398-
{# <a href="#"> <span class="fa-stack fa-lg "><i class="fa fa-cart-plus fa-stack-1x "></i></span>Events</a>#}
399-
{# </li>#}
400-
{# <li>#}
401-
{# <a href="#"><span class="fa-stack fa-lg "><i class="fa fa-youtube-play fa-stack-1x "></i></span>About</a>#}
402-
{# </li>#}
403-
{# <li>#}
404-
{# <a href="#"><span class="fa-stack fa-lg "><i class="fa fa-wrench fa-stack-1x "></i></span>Services</a>#}
405-
{# </li>#}
406-
{# <li>#}
407-
{# <a href="#"><span class="fa-stack fa-lg "><i class="fa fa-server fa-stack-1x "></i></span>Contact</a>#}
408-
{# </li>#}
409-
{# </ul>#}
410-
{# </div>#}
411-
{#</div>#}
412-
413-
{#<script>#}
414-
{# $("#menu-toggle").click(function(e) {#}
415-
{# e.preventDefault();#}
416-
{# $("#wrapper").toggleClass("toggled");#}
417-
{# });#}
418-
{# $("#menu-toggle-2").click(function(e) {#}
419-
{# e.preventDefault();#}
420-
{# $("#wrapper").toggleClass("toggled-2");#}
421-
{# $('#smenu ul').hide();#}
422-
{# });#}
423-
424-
{# function initMenu() {#}
425-
{# $('#smenu ul').hide();#}
426-
{# $('#smenu ul').children('.current').parent().show();#}
427-
{# //$('#smenu ul:first').show();#}
428-
{# $('#smenu li a').click(#}
429-
{# function() {#}
430-
{# var checkElement = $(this).next();#}
431-
{# if((checkElement.is('ul')) && (checkElement.is(':visible'))) {#}
432-
{# return false;#}
433-
{# }#}
434-
{# if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {#}
435-
{# $('#smenu ul:visible').slideUp('normal');#}
436-
{# checkElement.slideDown('normal');#}
437-
{# return false;#}
438-
{# }#}
439-
{# }#}
440-
{# );#}
441-
{# }#}
442-
{# $(document).ready(function() {initMenu();});#}
443-
{#</script>#}
82+
{{ asset_script('theme::js/ocify-sidebar.js') }}

0 commit comments

Comments
 (0)