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

Merge branch 'master' of https://github.com/designcreateplay/NodeBB

Browse Source
v1.18.x
Baris Soner Usakli 11 years ago
parent 97e0e48b07 c9bb65133a
commit 700876fe58
4 changed files with 61 additions and 20 deletions
Show Stats Download Patch File Download Diff File

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

@ -1,4 +1,4 @@
define(function() { define(['forum/admin/settings'], function(Settings) {
var Themes = {}; var Themes = {};
Themes.init = function() { Themes.init = function() {
@ -96,6 +96,8 @@ define(function() {
instListEl.innerHTML = ''; instListEl.innerHTML = '';
instListEl.appendChild(themeFrag); instListEl.appendChild(themeFrag);
}); });
Settings.prepare();
} }
Themes.render = function(bootswatch) { Themes.render = function(bootswatch) {

67
public/templates/admin/themes.tpl
Unescape Escape View File

@ -1,27 +1,56 @@
<h1><i class="fa fa-th"></i> Themes</h1> <h1><i class="fa fa-th"></i> Themes</h1>
<hr /> <hr />
<h3>Custom Themes</h3> <div class="themes">
<p> <ul class="nav nav-tabs">
The following themes are currently installed in this NodeBB instance. <li class="active"><a href="#" data-target="#themes" data-toggle="tab">Themes</a></li>
</p> <li><a href="#" data-target="#customise" data-toggle="tab">Customise</a></li>
<ul class="themes" id="installed_themes"> </ul>
<li><i class="fa fa-refresh fa-spin"></i> Checking for installed themes...</li>
</ul>
<h3>Bootswatch Themes</h3> <div class="tab-content">
<p> <div class="tab-pane active" id="themes">
NodeBB Themes are powered by Bootswatch, a repository containing themes built <h3>Installed Themes</h3>
with Bootstrap as a base theme. <p>
</p> The following themes are currently installed in this NodeBB instance.
<ul class="themes" id="bootstrap_themes"> </p>
<li><i class="fa fa-refresh fa-spin"></i> Loading Themes</li> <ul class="directory" id="installed_themes">
</ul> <li><i class="fa fa-refresh fa-spin"></i> Checking for installed themes...</li>
</ul>
<h3>Revert to Default</h3> <h3>Bootswatch Themes</h3>
<p class="alert"> <p>
<button class="btn btn-warning" id="revert_theme">Revert</button> This will remove any custom theme applied to your NodeBB, and restore the base theme. NodeBB Themes are powered by Bootswatch, a repository containing themes built
</p> with Bootstrap as a base theme.
</p>
<ul class="directory" id="bootstrap_themes">
<li><i class="fa fa-refresh fa-spin"></i> Loading Themes</li>
</ul>
<h3>Revert to Default</h3>
<p class="alert">
<button class="btn btn-warning" id="revert_theme">Revert</button> This will remove any custom theme applied to your NodeBB, and restore the base theme.
</p>
</div>
<div class="tab-pane" id="customise">
<h3>Custom CSS</h3>
<p>
You may also opt to enter your own CSS declarations here, which will be applied after all other styles.
</p>
<textarea class="well" data-field="customCSS" placeholder="Enter your custom CSS here..."></textarea>
<form class="form">
<div class="form-group">
<label for="useCustomCSS">
Use Custom CSS?
<input id="useCustomCSS" type="checkbox" data-field="useCustomCSS" />
</label>
</div>
</form>
<button class="btn btn-lg btn-primary" id="save">Save</button>
</div>
</div>
</div>
<script> <script>
var bootswatchListener = function(data) { var bootswatchListener = function(data) {

3
public/templates/header.tpl
Unescape Escape View File

@ -34,6 +34,9 @@
<!-- TODO : this has to be refactored, maybe configured from ACP? -baris --> <!-- TODO : this has to be refactored, maybe configured from ACP? -baris -->
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<!-- IF useCustomCSS -->
<style type="text/css">{customCSS}</style>
<!-- ENDIF useCustomCSS -->
</head> </head>
<body> <body>

7
src/webserver.js
Unescape Escape View File

@ -146,6 +146,13 @@ module.exports.server = server;
uid = options.req.user.uid; uid = options.req.user.uid;
} }
// Custom CSS
templateValues.useCustomCSS = false;
if (meta.config.useCustomCSS === '1') {
templateValues.useCustomCSS = true;
templateValues.customCSS = meta.config.customCSS;
}
user.isAdministrator(uid, function(err, isAdmin) { user.isAdministrator(uid, function(err, isAdmin) {
templateValues.adminDisplay = isAdmin ? 'show' : 'hide'; templateValues.adminDisplay = isAdmin ? 'show' : 'hide';

Write Preview
Loading…
Cancel
Save