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

Translate skins and themes fully

Browse Source
v1.18.x
Peter Jaszkowiak 8 years ago
parent 5843e8dd77
commit f1cfed50a1
6 changed files with 102 additions and 72 deletions
Show Stats Download Patch File Download Diff File

9
public/language/en-GB/admin/appearance/skins.json
Unescape Escape View File

@ -0,0 +1,9 @@
{
"loading": "Loading Skins...",
"homepage": "Homepage",
"select-skin": "Select Skin",
"current-skin": "Current Skin",
"skin-updated": "Skin Updated",
"applied-success": "%1 skin was succesfully applied",
"revert-success": "Skin reverted to base colours"
}

9
public/language/en-GB/admin/appearance/themes.json
Unescape Escape View File

@ -1,6 +1,11 @@
{ {
"checking-for-installed": "Checking for installed themes...", "checking-for-installed": "Checking for installed themes...",
"homepage": "Homepage", "homepage": "Homepage",
"select-skin": "Select Skin", "select-theme": "Select Theme",
"select-theme": "Select Theme" "current-theme": "Current Theme",
"no-themes": "No installed themes found",
"revert-confirm": "Are you sure you wish to restore the default NodeBB theme?",
"theme-changed": "Theme Changed",
"revert-success": "You have successfully reverted your NodeBB back to it's default theme.",
"restart-to-activate": "Please restart your NodeBB to fully activate this theme"
} }

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

@ -1,7 +1,7 @@
"use strict"; "use strict";
/* global define, app, socket, templates */ /* global define, app, socket, templates */
define('admin/appearance/skins', function () { define('admin/appearance/skins', ['translator'], function (translator) {
var Skins = {}; var Skins = {};
Skins.init = function () { Skins.init = function () {
@ -40,8 +40,8 @@ define('admin/appearance/skins', function () {
app.alert({ app.alert({
alert_id: 'admin:theme', alert_id: 'admin:theme',
type: 'info', type: 'info',
title: 'Skin Updated', title: '[[admin/appearance/skins:skin-updated]]',
message: themeId ? (themeId + ' skin was successfully applied') : 'Skin reverted to base colours', message: themeId ? ('[[admin/appearance/skins:applied-success, ' + themeId + ']]') : '[[admin/appearance/skins:revert-success]]',
timeout: 5000 timeout: 5000
}); });
}); });
@ -67,40 +67,48 @@ define('admin/appearance/skins', function () {
}), }),
showRevert: true showRevert: true
}, function (html) { }, function (html) {
themeContainer.html(html); translator.translate(html, function (html) {
themeContainer.html(html);
if (config['theme:src']) { if (config['theme:src']) {
var skin = config['theme:src'] var skin = config['theme:src']
.match(/latest\/(\S+)\/bootstrap.min.css/)[1] .match(/latest\/(\S+)\/bootstrap.min.css/)[1]
.replace(/(^|\s)([a-z])/g , function (m,p1,p2) {return p1 + p2.toUpperCase();}); .replace(/(^|\s)([a-z])/g , function (m,p1,p2) {return p1 + p2.toUpperCase();});
highlightSelectedTheme(skin); highlightSelectedTheme(skin);
} }
});
}); });
}; };
function highlightSelectedTheme(themeId) { function highlightSelectedTheme(themeId) {
$('[data-theme]') translator.translate('[[admin/appearance/skins:select-skin]] || [[admin/appearance/skins:current-skin]]', function (text) {
.removeClass('selected') text = text.split(' || ');
.find('[data-action="use"]').each(function () { var select = text[0];
if ($(this).parents('[data-theme]').attr('data-theme')) { var current = text[1];
$(this)
.html('Select Skin') $('[data-theme]')
.removeClass('btn-success') .removeClass('selected')
.addClass('btn-primary'); .find('[data-action="use"]').each(function () {
} if ($(this).parents('[data-theme]').attr('data-theme')) {
}); $(this)
.html(select)
.removeClass('btn-success')
.addClass('btn-primary');
}
});
if (!themeId) { if (!themeId) {
return; return;
} }
$('[data-theme="' + themeId + '"]') $('[data-theme="' + themeId + '"]')
.addClass('selected') .addClass('selected')
.find('[data-action="use"]') .find('[data-action="use"]')
.html('Current Skin') .html(current)
.removeClass('btn-primary') .removeClass('btn-primary')
.addClass('btn-success'); .addClass('btn-success');
});
} }
return Skins; return Skins;

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

@ -1,7 +1,7 @@
"use strict"; "use strict";
/* global define, app, socket, bootbox, templates, config */ /* global define, app, socket, bootbox, templates, config */
define('admin/appearance/themes', function () { define('admin/appearance/themes', ['translator'], function (translator) {
var Themes = {}; var Themes = {};
Themes.init = function () { Themes.init = function () {
@ -28,8 +28,8 @@ define('admin/appearance/themes', function () {
app.alert({ app.alert({
alert_id: 'admin:theme', alert_id: 'admin:theme',
type: 'info', type: 'info',
title: 'Theme Changed', title: '[[admin/appearance/themes:theme-changed]]',
message: 'Please restart your NodeBB to fully activate this theme', message: '[[admin/appearance/themes:restart-to-activate]]',
timeout: 5000, timeout: 5000,
clickfn: function () { clickfn: function () {
socket.emit('admin.restart'); socket.emit('admin.restart');
@ -39,26 +39,28 @@ define('admin/appearance/themes', function () {
} }
}); });
$('#revert_theme').on('click', function () { translator.translate('[[admin/appearance/themes:revert-confirm]]', function (revert) {
bootbox.confirm('Are you sure you wish to restore the default NodeBB theme?', function (confirm) { $('#revert_theme').on('click', function () {
if (confirm) { bootbox.confirm(revert, function (confirm) {
socket.emit('admin.themes.set', { if (confirm) {
type: 'local', socket.emit('admin.themes.set', {
id: 'nodebb-theme-persona' type: 'local',
}, function (err) { id: 'nodebb-theme-persona'
if (err) { }, function (err) {
return app.alertError(err.message); if (err) {
} return app.alertError(err.message);
highlightSelectedTheme('nodebb-theme-persona'); }
app.alert({ highlightSelectedTheme('nodebb-theme-persona');
alert_id: 'admin:theme', app.alert({
type: 'success', alert_id: 'admin:theme',
title: 'Theme Changed', type: 'success',
message: 'You have successfully reverted your NodeBB back to it\'s default theme.', title: '[[admin/appearance/themes:theme-changed]]',
timeout: 3500 message: '[[admin/appearance/themes:revert-success]]',
timeout: 3500
});
}); });
}); }
} });
}); });
}); });
@ -70,17 +72,17 @@ define('admin/appearance/themes', function () {
var instListEl = $('#installed_themes'); var instListEl = $('#installed_themes');
if (!themes.length) { if (!themes.length) {
instListEl.append($('<li/ >').addClass('no-themes').html('No installed themes found')); translator.translate('[[admin/appearance/themes:no-themes]]', function (text) {
instListEl.append($('<li/ >').addClass('no-themes').html(text));
});
return; return;
} else { } else {
templates.parse('admin/partials/theme_list', { templates.parse('admin/partials/theme_list', {
themes: themes themes: themes
}, function (html) { }, function (html) {
require(['translator'], function (translator) { translator.translate(html, function (html) {
translator.translate(html, function (html) { instListEl.html(html);
instListEl.html(html); highlightSelectedTheme(config['theme:id']);
highlightSelectedTheme(config['theme:id']);
});
}); });
}); });
} }
@ -88,19 +90,25 @@ define('admin/appearance/themes', function () {
}; };
function highlightSelectedTheme(themeId) { function highlightSelectedTheme(themeId) {
$('[data-theme]') translator.translate('[[admin/appearance/themes:select-theme]] || [[admin/appearance/themes:current-theme]]', function (text) {
.removeClass('selected') text = text.split(' || ');
.find('[data-action="use"]') var select = text[0];
.html('Select Theme') var current = text[1];
.removeClass('btn-success')
.addClass('btn-primary');
$('[data-theme="' + themeId + '"]') $('[data-theme]')
.addClass('selected') .removeClass('selected')
.find('[data-action="use"]') .find('[data-action="use"]')
.html('Current Theme') .html(select)
.removeClass('btn-primary') .removeClass('btn-success')
.addClass('btn-success'); .addClass('btn-primary');
$('[data-theme="' + themeId + '"]')
.addClass('selected')
.find('[data-action="use"]')
.html(current)
.removeClass('btn-primary')
.addClass('btn-success');
});
} }
return Themes; return Themes;

2
src/views/admin/appearance/skins.tpl
Unescape Escape View File

@ -1,6 +1,6 @@
<div id="skins" class="row skins"> <div id="skins" class="row skins">
<div class="directory row" id="bootstrap_themes"> <div class="directory row" id="bootstrap_themes">
<i class="fa fa-refresh fa-spin"></i> Loading Skins <i class="fa fa-refresh fa-spin"></i> [[admin/appearance/skins:loading]]
</div> </div>
<div data-type="bootswatch" data-theme="" data-css=""> <div data-type="bootswatch" data-theme="" data-css="">

2
src/views/admin/partials/theme_list.tpl
Unescape Escape View File

@ -16,7 +16,7 @@
</div> </div>
<div class="mdl-card__actions mdl-card--border"> <div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" data-action="use"> <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" data-action="use">
<!-- IF themes.skin -->[[admin/appearance/themes:select-skin]]<!-- ELSE -->[[admin/appearance/themes:select-theme]]<!-- ENDIF themes.skin --> <!-- IF themes.skin -->[[admin/appearance/skins:select-skin]]<!-- ELSE -->[[admin/appearance/themes:select-theme]]<!-- ENDIF themes.skin -->
</a> </a>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save