mirror of
https://github.com/NodeBB/NodeBB.git
synced 2025-11-09 15:35:47 +01:00
closes #3715
This commit is contained in:
@@ -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}">
|
||||||
|
|||||||
Reference in New Issue
Block a user