feat: make category tools in acp a dropdown

add view category, view privileges into dropdown
v1.18.x
Barış Soner Uşaklı 5 years ago
parent 37e56d94ce
commit 24535a62e7

@ -27,6 +27,8 @@
"enable": "Enable", "enable": "Enable",
"disable": "Disable", "disable": "Disable",
"edit": "Edit", "edit": "Edit",
"analytics": "Analytics",
"view-category": "View category",
"select-category": "Select Category", "select-category": "Select Category",
"set-parent-category": "Set Parent Category", "set-parent-category": "Set Parent Category",

@ -33,7 +33,6 @@ div.categories {
} }
li { li {
min-height: @acp-line-height;
margin: @acp-base-line 0; margin: @acp-base-line 0;
&.placeholder { &.placeholder {

@ -22,9 +22,9 @@ define('admin/manage/categories', [
$('button[data-action="create"]').on('click', Categories.throwCreateModal); $('button[data-action="create"]').on('click', Categories.throwCreateModal);
// Enable/Disable toggle events // Enable/Disable toggle events
$('.categories').on('click', 'button[data-action="toggle"]', function () { $('.categories').on('click', '.category-tools [data-action="toggle"]', function () {
var $this = $(this); var $this = $(this);
var cid = $this.attr('data-cid'); var cid = $this.attr('data-disable-cid');
var parentEl = $this.parents('li[data-cid="' + cid + '"]'); var parentEl = $this.parents('li[data-cid="' + cid + '"]');
var disabled = parentEl.hasClass('disabled'); var disabled = parentEl.hasClass('disabled');
var childrenEls = parentEl.find('li[data-cid]'); var childrenEls = parentEl.find('li[data-cid]');
@ -34,14 +34,10 @@ define('admin/manage/categories', [
parentEl.toggleClass('disabled', !disabled); parentEl.toggleClass('disabled', !disabled);
childrenEls.toggleClass('disabled', !disabled); childrenEls.toggleClass('disabled', !disabled);
$this.translateText(!disabled ? '[[admin/manage/categories:enable]]' : '[[admin/manage/categories:disable]]'); $this.translateText(!disabled ? '[[admin/manage/categories:enable]]' : '[[admin/manage/categories:disable]]');
$this.toggleClass('btn-primary', !disabled).toggleClass('btn-danger', disabled); childrenEls.find('li a[data-action="toggle"]').translateText(!disabled ? '[[admin/manage/categories:enable]]' : '[[admin/manage/categories:disable]]');
childrenEls.find('button[data-action="toggle"]').translateText(!disabled ? '[[admin/manage/categories:enable]]' : '[[admin/manage/categories:disable]]');
childrenEls.find('button[data-action="toggle"]').toggleClass('btn-primary', !disabled).toggleClass('btn-danger', disabled);
Categories.toggle([cid].concat(childrenCids), !disabled); Categories.toggle([cid].concat(childrenCids), !disabled);
return false;
}); });
$('.categories').on('click', '.toggle', function () { $('.categories').on('click', '.toggle', function () {

@ -180,6 +180,9 @@
<a href="{config.relative_path}/admin/manage/privileges/{category.cid}" class="btn btn-info btn-block"> <a href="{config.relative_path}/admin/manage/privileges/{category.cid}" class="btn btn-info btn-block">
<i class="fa fa-gear"></i> [[admin/manage/privileges:edit-privileges]] <i class="fa fa-gear"></i> [[admin/manage/privileges:edit-privileges]]
</a> </a>
<a href="{config.relative_path}/category/{category.cid}" class="btn btn-info btn-block">
<i class="fa fa-eye"></i> [[admin/manage/category:view-category]]
</a>
<button class="btn btn-info btn-block copy-settings"> <button class="btn btn-info btn-block copy-settings">
<i class="fa fa-files-o"></i> [[admin/manage/categories:copy-settings]] <i class="fa fa-files-o"></i> [[admin/manage/categories:copy-settings]]
</button> </button>

@ -23,20 +23,25 @@
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="clearfix pull-right text-right"> <div class="clearfix pull-right text-right">
<div class="btn-group"> <div class="btn-group category-tools">
<button data-cid="{categories.cid}" data-action="toggle" data-disabled="{categories.disabled}" class="btn btn-sm <!-- IF categories.disabled -->btn-primary<!-- ELSE -->btn-danger<!-- ENDIF categories.disabled -->"> <button class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown" type="button"><i class="fa fa-fw fa-ellipsis-h"></i></button>
<!-- IF categories.disabled --> <ul class="dropdown-menu dropdown-menu-right">
[[admin/manage/categories:enable]] <li><a href="./categories/{categories.cid}">[[admin/manage/categories:edit]]</a></li>
<!-- ELSE --> <li><a href="./categories/{categories.cid}/analytics">[[admin/manage/categories:analytics]]</a></li>
[[admin/manage/categories:disable]] <li><a href="{config.relative_path}/admin/manage/privileges/{categories.cid}">[[admin/manage/categories:privileges]]</a></li>
<!-- ENDIF categories.disabled -->
</button> <li><a href="{config.relative_path}/category/{categories.cid}">[[admin/manage/categories:view-category]]</a></li>
<a href="./categories/{categories.cid}/analytics" class="btn btn-default btn-sm">
<i class="fa fa-line-chart"></i> <li>
</a> <a href="#" data-disable-cid="{categories.cid}" data-action="toggle" data-disabled="{categories.disabled}">
<a href="./categories/{categories.cid}" class="btn btn-default btn-sm"> {{{if categories.disabled}}}
[[admin/manage/categories:edit]] [[admin/manage/categories:enable]]
</a> {{{else}}}
[[admin/manage/categories:disable]]
{{{end}}}
</a>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save