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 // If any inputs have changed, prepare it for saving
$('form.category input, form.category select').on('change', function(ev) { $('form.category input, form.category select').on('change', function(ev) {
modified(ev.target); modified(ev.target);
@@ -158,7 +143,6 @@ define('admin/manage/category', [
}); });
}); });
setupEditTargets();
Category.setupPrivilegeTable(); Category.setupPrivilegeTable();
}; };

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

@@ -5,16 +5,14 @@
<div class="panel-heading"><i class="fa fa-folder"></i> Category Settings</div> <div class="panel-heading"><i class="fa fa-folder"></i> Category Settings</div>
<div class="panel-body category-settings-form"> <div class="panel-body category-settings-form">
<fieldset> <fieldset>
<div class="col-xs-12"> <label for="cid-{category.cid}-name">Category Name</label>
<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" placeholder="Category Name" data-name="name" value="{category.name}" /><br />
<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> <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 input-sm description hide"></input> <input id="cid-{category.cid}-description" data-name="description" placeholder="Category Description" value="{category.description}" class="form-control category_description description"></input><br />
</div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<div class="col-xs-12">
<div class="form-group"> <div class="form-group">
<label for="cid-{category.cid}-parentCid">Parent Category</label> <label for="cid-{category.cid}-parentCid">Parent Category</label>
<br/> <br/>
@@ -22,11 +20,11 @@
<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-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> <button type="button" class="btn btn-warning" data-action="removeParent" data-parentCid="{category.parent.cid}"><i class="fa fa-times"></i></button>
</div> </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> <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>
</div> </div>
</fieldset> </fieldset>
<fieldset>
<fieldset class="row">
<div class="col-sm-4 col-xs-12"> <div class="col-sm-4 col-xs-12">
<div class="form-group"> <div class="form-group">
<label for="cid-{category.cid}-bgColor">Background Colour</label> <label for="cid-{category.cid}-bgColor">Background Colour</label>
@@ -48,7 +46,7 @@
<option value="contain">contain</option> <option value="contain">contain</option>
</select> </select>
</div> </div>
</div> </div><br />
<div class="col-sm-4 col-xs-12"> <div class="col-sm-4 col-xs-12">
<div class="form-group"> <div class="form-group">
<label for="cid-{category.cid}-class">Custom Class</label> <label for="cid-{category.cid}-class">Custom Class</label>