hyperzlib
/
nodebb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactored admin/themes.js

Browse Source
v1.18.x
psychobunny 11 years ago
parent f98e3aaf64
commit b468404506
5 changed files with 192 additions and 146 deletions
Show Stats Download Patch File Download Diff File

16
public/src/forum/admin/appearance/customise.js
Unescape Escape View File

@ -0,0 +1,16 @@
"use strict";
/* global define, app, socket */
define('forum/admin/appearance/customise', ['forum/admin/settings'], function(Settings) {
var Customise = {};
Customise.init = function() {
var customCSSEl = $('textarea[data-field]')[0];
tabIndent.config.tab = ' ';
tabIndent.render(customCSSEl);
Settings.prepare();
};
return Customise;
});

73
public/src/forum/admin/appearance/skins.js
Unescape Escape View File

@ -0,0 +1,73 @@
"use strict";
/* global define, app, socket */
define('forum/admin/appearance/skins', function() {
var Skins = {};
Skins.init = function() {
var scriptEl = $('<script />');
scriptEl.attr('src', '//bootswatch.aws.af.cm/3/?callback=bootswatchListener');
$('body').append(scriptEl);
$('#bootstrap_themes').on('click', function(e){
var target = $(e.target),
action = target.attr('data-action');
if (action && action === 'use') {
var parentEl = target.parents('li'),
themeType = parentEl.attr('data-type'),
cssSrc = parentEl.attr('data-css'),
themeId = parentEl.attr('data-theme');
socket.emit('admin.themes.set', {
type: themeType,
id: themeId,
src: cssSrc
}, function(err) {
if (err) {
return app.alertError(err.message);
}
highlightSelectedTheme(themeId);
app.alert({
alert_id: 'admin:theme',
type: 'info',
title: 'Theme Changed',
message: 'Please restart your NodeBB to fully activate this theme',
timeout: 5000,
clickfn: function() {
socket.emit('admin.restart');
}
});
});
}
});
};
Skins.render = function(bootswatch) {
var themeContainer = $('#bootstrap_themes');
templates.parse('partials/admin/theme_list', {
themes: bootswatch.themes.map(function(theme) {
return {
type: 'bootswatch',
id: theme.name,
name: theme.name,
description: theme.description,
screenshot_url: theme.thumbnail,
url: theme.preview,
css: theme.cssCdn
};
})
}, function(html) {
themeContainer.html(html);
});
};
function highlightSelectedTheme(themeId) {
$('.themes li[data-theme]').removeClass('btn-warning');
$('.themes li[data-theme="' + themeId + '"]').addClass('btn-warning');
}
return Skins;
});

93
public/src/forum/admin/appearance/themes.js
Unescape Escape View File

@ -0,0 +1,93 @@
"use strict";
/* global define, app, socket */
define('forum/admin/appearance/themes', function() {
var Themes = {};
Themes.init = function() {
$('#installed_themes').on('click', function(e){
var target = $(e.target),
action = target.attr('data-action');
if (action && action === 'use') {
var parentEl = target.parents('li'),
themeType = parentEl.attr('data-type'),
cssSrc = parentEl.attr('data-css'),
themeId = parentEl.attr('data-theme');
socket.emit('admin.themes.set', {
type: themeType,
id: themeId,
src: cssSrc
}, function(err) {
if (err) {
return app.alertError(err.message);
}
highlightSelectedTheme(themeId);
app.alert({
alert_id: 'admin:theme',
type: 'info',
title: 'Theme Changed',
message: 'Please restart your NodeBB to fully activate this theme',
timeout: 5000,
clickfn: function() {
socket.emit('admin.restart');
}
});
});
}
});
$('#revert_theme').on('click', function() {
bootbox.confirm('Are you sure you wish to remove the custom theme and restore the NodeBB default theme?', function(confirm) {
if (confirm) {
socket.emit('admin.themes.set', {
type: 'local',
id: 'nodebb-theme-vanilla'
}, function(err) {
if (err) {
return app.alertError(err.message);
}
highlightSelectedTheme('nodebb-theme-vanilla');
app.alert({
alert_id: 'admin:theme',
type: 'success',
title: 'Theme Changed',
message: 'You have successfully reverted your NodeBB back to it\'s default theme.',
timeout: 3500
});
});
}
});
});
// Installed Themes
socket.emit('admin.themes.getInstalled', function(err, themes) {
if(err) {
return app.alertError(err.message);
}
var instListEl = $('#installed_themes');
if (!themes.length) {
instListEl.append($('<li/ >').addClass('no-themes').html('No installed themes found'));
return;
} else {
templates.parse('partials/admin/theme_list', {
themes: themes
}, function(html) {
instListEl.html(html);
highlightSelectedTheme(config['theme:id']);
});
}
});
};
function highlightSelectedTheme(themeId) {
$('.themes li[data-theme]').removeClass('btn-warning');
$('.themes li[data-theme="' + themeId + '"]').addClass('btn-warning');
}
return Themes;
});

150
public/src/forum/admin/themes.js → public/src/forum/admin/appearance/widgets.js
Unescape Escape View File

@ -1,146 +1,14 @@
"use strict"; "use strict";
/*global define, socket, app, bootbox, tabIndent, config, RELATIVE_PATH, templates */ /* global define, app, socket */
define('forum/admin/themes', ['forum/admin/settings'], function(Settings) { define('forum/admin/appearance/widgets', function() {
var Themes = {}; var Widgets = {};
function highlightSelectedTheme(themeId) { Widgets.init = function() {
$('.themes li[data-theme]').removeClass('btn-warning'); prepareWidgets();
$('.themes li[data-theme="' + themeId + '"]').addClass('btn-warning');
}
Themes.init = function() {
var scriptEl = $('<script />');
scriptEl.attr('src', '//bootswatch.aws.af.cm/3/?callback=bootswatchListener');
$('body').append(scriptEl);
$('#widgets .nav-pills a').on('click', function(ev) {
var $this = $(this);
$('#widgets .nav-pills li').removeClass('active');
$this.parent().addClass('active');
$('#widgets .tab-pane').removeClass('active');
$('#widgets .tab-pane[data-template="' + $this.attr('data-template') + '"]').addClass('active');
ev.preventDefault();
return false;
});
var bootstrapThemeContainer = $('#bootstrap_themes'),
installedThemeContainer = $('#installed_themes');
function themeEvent(e) {
var target = $(e.target),
action = target.attr('data-action');
if (action && action === 'use') {
var parentEl = target.parents('li'),
themeType = parentEl.attr('data-type'),
cssSrc = parentEl.attr('data-css'),
themeId = parentEl.attr('data-theme');
socket.emit('admin.themes.set', {
type: themeType,
id: themeId,
src: cssSrc
}, function(err) {
if (err) {
return app.alertError(err.message);
}
highlightSelectedTheme(themeId);
app.alert({
alert_id: 'admin:theme',
type: 'info',
title: 'Theme Changed',
message: 'Please restart your NodeBB to fully activate this theme',
timeout: 5000,
clickfn: function() {
socket.emit('admin.restart');
}
});
});
}
}
bootstrapThemeContainer.on('click', themeEvent);
installedThemeContainer.on('click', themeEvent);
$('#revert_theme').on('click', function() {
bootbox.confirm('Are you sure you wish to remove the custom theme and restore the NodeBB default theme?', function(confirm) {
if (confirm) {
socket.emit('admin.themes.set', {
type: 'local',
id: 'nodebb-theme-vanilla'
}, function(err) {
if (err) {
return app.alertError(err.message);
}
highlightSelectedTheme('nodebb-theme-vanilla');
app.alert({
alert_id: 'admin:theme',
type: 'success',
title: 'Theme Changed',
message: 'You have successfully reverted your NodeBB back to it\'s default theme.',
timeout: 3500
});
});
}
});
});
// Installed Themes
socket.emit('admin.themes.getInstalled', function(err, themes) {
if(err) {
return app.alertError(err.message);
}
var instListEl = $('#installed_themes');
if (!themes.length) {
instListEl.append($('<li/ >').addClass('no-themes').html('No installed themes found'));
return;
} else {
templates.parse('partials/admin/theme_list', {
themes: themes
}, function(html) {
instListEl.html(html);
highlightSelectedTheme(config['theme:id']);
});
}
});
// Proper tabbing for "Custom CSS" field
var customCSSEl = $('textarea[data-field]')[0];
tabIndent.config.tab = ' ';
tabIndent.render(customCSSEl);
Themes.prepareWidgets();
Settings.prepare();
}; };
Themes.render = function(bootswatch) { function prepareWidgets() {
var themeContainer = $('#bootstrap_themes');
templates.parse('partials/admin/theme_list', {
themes: bootswatch.themes.map(function(theme) {
return {
type: 'bootswatch',
id: theme.name,
name: theme.name,
description: theme.description,
screenshot_url: theme.thumbnail,
url: theme.preview,
css: theme.cssCdn
};
})
}, function(html) {
themeContainer.html(html);
});
};
Themes.prepareWidgets = function() {
$('[data-location="drafts"]').insertAfter($('[data-location="drafts"]').closest('.tab-content')); $('[data-location="drafts"]').insertAfter($('[data-location="drafts"]').closest('.tab-content'));
$('#widgets .available-widgets .panel').draggable({ $('#widgets .available-widgets .panel').draggable({
@ -312,7 +180,7 @@ define('forum/admin/themes', ['forum/admin/settings'], function(Settings) {
.replace(/class="[a-zA-Z0-9-\s]+"/, 'class="' + container[0].className.replace(' pointer ui-draggable', '') + '"') .replace(/class="[a-zA-Z0-9-\s]+"/, 'class="' + container[0].className.replace(' pointer ui-draggable', '') + '"')
); );
}); });
}; }
return Themes; return Widgets;
}); });

6
src/views/admin/appearance/footer.tpl
Unescape Escape View File

@ -3,12 +3,8 @@
<script> <script>
var bootswatchListener = function(data) { var bootswatchListener = function(data) {
require(['forum/admin/themes'], function(t) { require(['forum/admin/appearance/skins'], function(t) {
t.render(data); t.render(data);
}); });
}; };
require(['forum/admin/themes'], function(t) {
t.init();
});
</script> </script>
Write Preview
Loading…
Cancel
Save