Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-01-01 21:30:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: #8989, convert widget nav to dropdown

Browse Source
This commit is contained in:
Barış Soner Uşaklı
2020-11-29 22:23:50 -05:00
parent 5080f35752
commit 4c650aeead
2 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/src/admin/extend/widgets.js
View File

@@ -10,14 +10,13 @@ define('admin/extend/widgets', [
var Widgets = {};
Widgets.init = function () {
$('#widgets .nav-pills a').on('click', function (ev) {
$('#widgets .nav-pills .dropdown-menu a').on('click', function (ev) {
var $this = $(this);
$('#widgets .nav-pills li').removeClass('active');
$this.parent().addClass('active');
$('#widgets .tab-pane').removeClass('active');
$('#widgets .tab-pane[data-template="' + $this.attr('data-template') + '"]').addClass('active');
var templateName = $this.attr('data-template');
$('#widgets .tab-pane[data-template="' + templateName + '"]').addClass('active');
$('#widgets .selected-template').text(templateName);
$('#widgets .nav-pills .dropdown').trigger('click');
ev.preventDefault();
return false;
});

14
src/views/admin/extend/widgets.tpl
View File

@@ -1,9 +1,17 @@
<div id="widgets" class="row">
<div class="col-md-8" id="active-widgets">
<ul class="nav nav-pills">
{{{ each templates }}}
<li class="<!-- IF @first -->active<!-- ENDIF @first -->"><a href="#" data-template="{../template}" data-toggle="pill">{../template}</a></li>
{{{ end }}}
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
<span class="selected-template">{templates.0.template}</span> <span class="caret"></span>
</a>
<ul class="dropdown-menu">
{{{ each templates }}}
<li><a href="#" data-template="{../template}" data-toggle="pill">{../template}</a></li>
{{{ end }}}
</ul>
</li>
</ul>
<div class="row">