v1.18.x
barisusakli 10 years ago
parent fcf411a72b
commit 4d87890942

@ -2,7 +2,7 @@
#navigation { #navigation {
#main-nav { #active-navigation {
.active { .active {
background-color: #eee; background-color: #eee;
} }

@ -10,19 +10,19 @@ define('admin/general/navigation', ['translator', 'iconSelect'], function(transl
$('#enabled').html(translator.unescape($('#enabled').html())); $('#enabled').html(translator.unescape($('#enabled').html()));
$('#main-nav').html(translator.unescape($('#main-nav').html())); $('#active-navigation').html(translator.unescape($('#active-navigation').html()));
translator.translate(translator.unescape($('#available').html()), function(html) { translator.translate(translator.unescape($('#available').html()), function(html) {
$('#available').html(html) $('#available').html(html)
.find('li .drag-item').draggable({ .find('li .drag-item').draggable({
connectToSortable: '#main-nav', connectToSortable: '#active-navigation',
helper: 'clone', helper: 'clone',
distance: 10, distance: 10,
stop: drop stop: drop
}); });
}); });
$('#main-nav').sortable().droppable({ $('#active-navigation').sortable().droppable({
accept: $('#available li .drag-item') accept: $('#available li .drag-item')
}); });
@ -31,12 +31,12 @@ define('admin/general/navigation', ['translator', 'iconSelect'], function(transl
iconSelect.init(iconEl, function(el) { iconSelect.init(iconEl, function(el) {
var newIconClass = el.attr('value'); var newIconClass = el.attr('value');
var index = iconEl.parents('[data-index]').attr('data-index'); var index = iconEl.parents('[data-index]').attr('data-index');
$('#main-nav [data-index="' + index + '"] i').attr('class', 'fa fa-fw ' + newIconClass); $('#active-navigation [data-index="' + index + '"] i').attr('class', 'fa fa-fw ' + newIconClass);
iconEl.siblings('[name="iconClass"]').val(newIconClass); iconEl.siblings('[name="iconClass"]').val(newIconClass);
}); });
}); });
$('#main-nav').on('click', 'li', onSelect); $('#active-navigation').on('click', 'li', onSelect);
$('#enabled') $('#enabled')
.on('click', '.delete', remove) .on('click', '.delete', remove)
@ -47,7 +47,7 @@ define('admin/general/navigation', ['translator', 'iconSelect'], function(transl
function onSelect() { function onSelect() {
var clickedIndex = $(this).attr('data-index'); var clickedIndex = $(this).attr('data-index');
$('#main-nav li').removeClass('active'); $('#active-navigation li').removeClass('active');
$(this).addClass('active'); $(this).addClass('active');
var detailsForm = $('#enabled').children('[data-index="' + clickedIndex + '"]'); var detailsForm = $('#enabled').children('[data-index="' + clickedIndex + '"]');
@ -61,7 +61,7 @@ define('admin/general/navigation', ['translator', 'iconSelect'], function(transl
function drop(ev, ui) { function drop(ev, ui) {
var id = ui.helper.attr('data-id'), var id = ui.helper.attr('data-id'),
el = $('#main-nav [data-id="' + id + '"]'), el = $('#active-navigation [data-id="' + id + '"]'),
data = id === 'custom' ? {iconClass: 'fa-navicon'} : available[id]; data = id === 'custom' ? {iconClass: 'fa-navicon'} : available[id];
data.enabled = false; data.enabled = false;
@ -83,7 +83,7 @@ define('admin/general/navigation', ['translator', 'iconSelect'], function(transl
var nav = []; var nav = [];
var indices = []; var indices = [];
$('#main-nav li').each(function() { $('#active-navigation li').each(function() {
indices.push($(this).attr('data-index')); indices.push($(this).attr('data-index'));
}); });
@ -123,7 +123,7 @@ define('admin/general/navigation', ['translator', 'iconSelect'], function(transl
function remove() { function remove() {
var index = $(this).parents('[data-index]').attr('data-index'); var index = $(this).parents('[data-index]').attr('data-index');
$('#main-nav [data-index="' + index + '"]').remove(); $('#active-navigation [data-index="' + index + '"]').remove();
$('#enabled [data-index="' + index + '"]').remove(); $('#enabled [data-index="' + index + '"]').remove();
return false; return false;
} }

@ -5,7 +5,7 @@
<div class="panel-body"> <div class="panel-body">
<div class="clearfix"> <div class="clearfix">
<ul id="main-nav" class="nav navbar-nav"> <ul id="active-navigation" class="nav navbar-nav">
<!-- BEGIN navigation --> <!-- BEGIN navigation -->
<li data-index="{navigation.index}" class="{navigation.class} <!-- IF navigation.selected --> active <!-- ENDIF navigation.selected -->"> <li data-index="{navigation.index}" class="{navigation.class} <!-- IF navigation.selected --> active <!-- ENDIF navigation.selected -->">
<a href="#" title="{navigation.route}" id="{navigation.id}"> <a href="#" title="{navigation.route}" id="{navigation.id}">

Loading…
Cancel
Save