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

Enhance settings object plugin

Browse Source 
Use an array to declare the object properties so that the order is always the same.
Add a data-new attribute for individual properties. (You can still use a whole object in the data-new attribute of a parent array.)
Add data-prepend and data-append attributes to properties for inserting html before or after that property. (This may also be useful for the array plugin.)
This commit is contained in:
yariplus
2015-04-20 10:40:11 -04:00
parent 821c9f12d6
commit 9d3a9f4493
1 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
public/src/modules/settings/object.js
View File

@@ -15,8 +15,13 @@ define('settings/object', function () {
@param insertCb The callback to insert the elements. @param insertCb The callback to insert the elements.
*/ */
function addObjectPropertyElement(field, key, attributes, prop, value, separator, insertCb) { function addObjectPropertyElement(field, key, attributes, prop, value, separator, insertCb) {
var prepend = attributes['data-prepend'],
append = attributes['data-append'],
type, element;
delete attributes['data-prepend'];
delete attributes['data-append'];
attributes = helper.deepClone(attributes); attributes = helper.deepClone(attributes);
var type = attributes['data-type'] || attributes.type || 'text', type = attributes['data-type'] || attributes.type || 'text',
element = $(helper.createElementOfType(type, attributes.tagName, attributes)); element = $(helper.createElementOfType(type, attributes.tagName, attributes));
element.attr('data-parent', '_' + key); element.attr('data-parent', '_' + key);
element.attr('data-prop', prop); element.attr('data-prop', prop);
@@ -36,7 +41,13 @@ define('settings/object', function () {
if ($('[data-parent="_' + key + '"]', field).length) { if ($('[data-parent="_' + key + '"]', field).length) {
insertCb(separator); insertCb(separator);
} }
if (prepend) {
insertCb(prepend);
}
insertCb(element); insertCb(element);
if (append) {
insertCb(append);
}
} }
SettingsObject = { SettingsObject = {
@@ -49,10 +60,9 @@ define('settings/object', function () {
}, },
set: function (element, value) { set: function (element, value) {
var properties = element.data('attributes') || element.data('properties'), var properties = element.data('attributes') || element.data('properties'),
attributes = {},
key = element.data('key') || element.data('parent'), key = element.data('key') || element.data('parent'),
prop, separator = element.data('split') || ', ',
separator = element.data('split') || ', '; propertyIndex, propertyName, attributes;
separator = (function () { separator = (function () {
try { try {
return $(separator); return $(separator);
@@ -64,13 +74,17 @@ define('settings/object', function () {
if (typeof value !== 'object') { if (typeof value !== 'object') {
value = {}; value = {};
} }
if (typeof properties === 'object') { if (Array.isArray(properties)) {
for (prop in properties) { for (propertyIndex in properties) {
attributes = properties[prop]; attributes = properties[propertyIndex];
if (typeof attributes !== 'object') { if (typeof attributes !== 'object') {
attributes = {}; attributes = {};
} }
addObjectPropertyElement(element, key, attributes, prop, value[prop], separator.clone(), function (el) { propertyName = attributes['data-prop'] || attributes['data-property'] || propertyIndex;
if (value[propertyName] === void 0 && attributes['data-new'] !== void 0) {
value[propertyName] = attributes['data-new'];
}
addObjectPropertyElement(element, key, attributes, propertyName, value[propertyName], separator.clone(), function (el) {
element.append(el); element.append(el);
}); });
} }