Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-11 16:35:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

got rid of that fancy edit for cat name/desc + improved layout for settings

Browse Source
This commit is contained in:
psychobunny
2015-08-20 13:40:22 -04:00
parent ffd38b8cc3
commit bd494207eb
2 changed files with 15 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/src/admin/manage/category.js
View File

@@ -63,21 +63,6 @@ define('admin/manage/category', [
});
}
function setupEditTargets() {
$('[data-edit-target]').on('click', function() {
var $this = $(this),
target = $($this.attr('data-edit-target'));
$this.addClass('hide');
target.removeClass('hide').on('blur', function() {
$this.removeClass('hide').children('span').text(this.value).html();
$(this).addClass('hide');
}).val($this.children('span').html().text());
target.focus();
});
}
// If any inputs have changed, prepare it for saving
$('form.category input, form.category select').on('change', function(ev) {
modified(ev.target);
@@ -158,7 +143,6 @@ define('admin/manage/category', [
});
});
setupEditTargets();
Category.setupPrivilegeTable();
};

32
src/views/admin/manage/category.tpl
View File

@@ -5,28 +5,26 @@
<div class="panel-heading"><i class="fa fa-folder"></i> Category Settings</div>
<div class="panel-body category-settings-form">
<fieldset>
<div class="col-xs-12">
<h3 data-edit-target="#cid-{category.cid}-name"><span>{category.name}</span> <small><i class="fa fa-edit"></i></small></h3>
<input id="cid-{category.cid}-name" type="text" class="form-control hide" placeholder="Category Name" data-name="name" value="{category.name}" />
<h4 data-edit-target="#cid-{category.cid}-description"><span>{category.description}</span> <small><i class="fa fa-edit"></i></small></h4>
<input id="cid-{category.cid}-description" data-name="description" placeholder="Category Description" value="{category.description}" class="form-control category_description input-sm description hide"></input>
</div>
<label for="cid-{category.cid}-name">Category Name</label>
<input id="cid-{category.cid}-name" type="text" class="form-control" placeholder="Category Name" data-name="name" value="{category.name}" /><br />
<label for="cid-{category.cid}-description">Category Description</label>
<input id="cid-{category.cid}-description" data-name="description" placeholder="Category Description" value="{category.description}" class="form-control category_description description"></input><br />
</fieldset>
<fieldset>
<div class="col-xs-12">
<div class="form-group">
<label for="cid-{category.cid}-parentCid">Parent Category</label>
<br/>
<div class="btn-group <!-- IF !category.parent.name -->hide<!-- ENDIF !category.parent.name-->">
<button type="button" class="btn btn-default" data-action="changeParent" data-parentCid="{category.parent.cid}"><i class="fa {category.parent.icon}"></i> {category.parent.name}</button>
<button type="button" class="btn btn-warning" data-action="removeParent" data-parentCid="{category.parent.cid}"><i class="fa fa-times"></i></button>
</div>
<button type="button" class="btn btn-default form-control <!-- IF category.parent.name -->hide<!-- ENDIF category.parent.name-->" data-action="setParent"><i class="fa fa-sitemap"></i> (None)</button>
<div class="form-group">
<label for="cid-{category.cid}-parentCid">Parent Category</label>
<br/>
<div class="btn-group <!-- IF !category.parent.name -->hide<!-- ENDIF !category.parent.name-->">
<button type="button" class="btn btn-default" data-action="changeParent" data-parentCid="{category.parent.cid}"><i class="fa {category.parent.icon}"></i> {category.parent.name}</button>
<button type="button" class="btn btn-warning" data-action="removeParent" data-parentCid="{category.parent.cid}"><i class="fa fa-times"></i></button>
</div>
<button type="button" class="btn btn-default <!-- IF category.parent.name -->hide<!-- ENDIF category.parent.name-->" data-action="setParent"><i class="fa fa-sitemap"></i> (None)</button><br />
</div>
</fieldset>
<fieldset>
<fieldset class="row">
<div class="col-sm-4 col-xs-12">
<div class="form-group">
<label for="cid-{category.cid}-bgColor">Background Colour</label>
@@ -48,7 +46,7 @@
<option value="contain">contain</option>
</select>
</div>
</div>
</div><br />
<div class="col-sm-4 col-xs-12">
<div class="form-group">
<label for="cid-{category.cid}-class">Custom Class</label>