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

client-side saving of widgets

Browse Source
This commit is contained in:
psychobunny
2014-02-19 13:22:02 -05:00
parent 447cff1995
commit 9f8f78f6d4
2 changed files with 40 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
public/src/forum/admin/themes.js
View File

@@ -154,6 +154,34 @@ define(['forum/admin/settings'], function(Settings) {
$(this).parents('.panel').children('.panel-body').toggleClass('hidden');
});
$('#widgets .btn[data-template]').on('click', function() {
var btn = $(this),
template = btn.attr('data-template'),
location = btn.attr('data-location'),
area = btn.parents('.area').children('.widget-area'),
widgets = [];
area.find('.panel[data-widget]').each(function() {
var widget = {};
widget[this.getAttribute('data-widget')] = $(this).find('form').serializeArray();
widgets.push(widget);
});
socket.emit('admin.themes.widgets.set', {
template: template,
location: location,
widgets: widgets
}, function(err) {
app.alert({
alert_id: 'admin:widgets',
type: err ? 'danger' : 'success',
title: err ? 'Error' : 'Widgets Updated',
message: err ? err : 'Successfully updated widgets',
timeout: 2500
});
});
});
};
return Themes;

16
public/templates/admin/themes.tpl
View File

@@ -57,20 +57,24 @@
<div class="col-xs-6">
<h4>Available Widgets</h4>
<div class="well">
<div class="panel panel-default pointer">
<div data-widget="html" class="panel panel-default pointer">
<div class="panel-heading">
<strong>HTML</strong> <small>Any text, html, or embedded script.</small>
</div>
<div class="panel-body hidden">
<textarea class="form-control" rows="6" placeholder="Enter HTML"></textarea>
<form>
<textarea class="form-control" rows="6" name="html" placeholder="Enter HTML"></textarea>
</form>
</div>
</div>
<div class="panel panel-default pointer">
<div data-widget="markdown" class="panel panel-default pointer">
<div class="panel-heading">
<strong>Markdown</strong> <small>Markdown formatted text</small>
</div>
<div class="panel-body hidden">
<textarea class="form-control" rows="6" placeholder="Enter Markdown"></textarea>
<form>
<textarea class="form-control" rows="6" name="markdown" placeholder="Enter Markdown"></textarea>
</form>
</div>
</div>
<!-- BEGIN widgets -->
@@ -81,10 +85,12 @@
<div class="col-xs-6">
<!-- BEGIN areas -->
<h4>{areas.name}</h4>
<div class="area">
<h4>{areas.name} <small>{areas.template} / {areas.location}</small> <button data-template="{areas.template}" data-location="{areas.location}" class="btn btn-success btn-xs pull-right">Save</button></h4>
<div class="well widget-area">
</div>
</div>
<!-- END areas -->
</div>
</div>