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

ACP header and all admin pages BS3'd

Browse Source
v1.18.x
psychobunny 12 years ago
parent 7636e09284
commit c9387313e2
11 changed files with 80 additions and 85 deletions
Show Stats Download Patch File Download Diff File

28
public/css/admin.less
Unescape Escape View File

@ -13,41 +13,29 @@
}
.admin-categories {
margin-top: 20px;
form {
margin: 0 0 0px;
}
input {
height: 20px;
padding: 5px;
margin-left: 10px;
input, select {
width: 150px;
border: 0;
border-radius: 5px;
margin-top: -8px;
}
.category_description {
width: 300px;
}
select {
border: 0;
margin-left: 10px;
padding: 5px;
margin-top: -8px;
}
button {
margin-top: -7px;
}
.icon{
width: 30px;
height: 30px;
text-align: center;
line-height: 35px;
line-height: 40px;
display: inline-block;
margin: 0 5px 0 5px;
i {
vertical-align: -20%;
}
}
}
@ -119,7 +107,7 @@
.icon-container {
.row {
margin: 0;
.span3 {
.col-md-3 {
width: 20px;
height: 20px;
margin: 1px;

4
public/css/nodebb.less
Unescape Escape View File

@ -7,4 +7,6 @@
@import "header";
@import "account";
@import "search";
@import "unread";
@import "unread";
@import "admin";
@import "users";

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

@ -18,7 +18,7 @@ var nodebb_admin = (function(nodebb_admin) {
'<div>' +
'<div class="pull-right">' +
'<button class="btn btn-primary" data-action="use">Use</button> ' +
'<button class="btn" data-action="preview">Preview</button>' +
'<button class="btn btn-default" data-action="preview">Preview</button>' +
'</div>' +
'<h4>' + theme.name + '</h4>' +
'<p>' + theme.description + '</p>' +
@ -29,11 +29,11 @@ var nodebb_admin = (function(nodebb_admin) {
themeContainer.innerHTML = '';
themeContainer.appendChild(themeFrag);
}
nodebb_admin.themes = themes;
return nodebb_admin;
}(nodebb_admin || {}));

11
public/templates/admin/categories.tpl
Unescape Escape View File

@ -18,23 +18,22 @@
<div class="icon">
<i data-name="icon" value="{categories.icon}" class="{categories.icon} icon-2x"></i>
</div>
<input placeholder="Category Name" data-name="name" value="{categories.name}" class="category_name input-medium"></input>
<select class="blockclass input-medium" data-name="blockclass" data-value="{categories.blockclass}">
<input placeholder="Category Name" data-name="name" value="{categories.name}" class="form-control category_name"></input>
<select class="form-control blockclass" data-name="blockclass" data-value="{categories.blockclass}">
<option value="category-purple">category-purple</option>
<option value="category-darkblue">category-darkblue</option>
<option value="category-blue">category-blue</option>
<option value="category-darkgreen">category-darkgreen</option>
<option value="category-orange">category-orange</option>
</select>
<input data-name="description" placeholder="Category Description" value="{categories.description}" class="category_description input-medium description"></input>
<button type="submit" class="btn" data-disabled="{categories.disabled}">Disable</button>
<input data-name="description" placeholder="Category Description" value="{categories.description}" class="form-control category_description description"></input>
<button type="submit" class="btn btn-default" data-disabled="{categories.disabled}">Disable</button>
</form>
</li>
<!-- END categories -->
<button class="btn btn-lg btn-primary" id="save">Save</button>
</ul>
<button class="btn btn-lg btn-primary" id="save">Save</button>
</div>
<div id="icons" style="display:none;"><div class="icon-container"><div class="row">

6
public/templates/admin/facebook.tpl
Unescape Escape View File

@ -2,15 +2,15 @@
<hr />
<form>
<div class="alert alert-notify">
<div class="alert alert-warning">
<p>
Create a <strong>Facebook Application</strong> via the
<a href="https://developers.facebook.com/">Facebook Developers Page</a> and
then paste your application details here.
</p>
<br />
<input type="text" data-field="social:facebook:app_id" title="Application ID" class="input-medium" placeholder="App ID"><br />
<input type="text" data-field="social:facebook:secret" title="Application Secret" class="input-large" placeholder="App Secret"><br />
<input type="text" data-field="social:facebook:app_id" title="Application ID" class="form-control input-lg" placeholder="App ID"><br />
<input type="text" data-field="social:facebook:secret" title="Application Secret" class="form-control input-md" placeholder="App Secret"><br />
</div>
</form>

6
public/templates/admin/gplus.tpl
Unescape Escape View File

@ -2,15 +2,15 @@
<hr />
<form>
<div class="alert alert-notify">
<div class="alert alert-warning">
<p>
Create a <strong>Google Application</strong> via the
<a href="https://code.google.com/apis/console/">API Console</a> and then paste
your application details here.
</p>
<br />
<input type="text" data-field="social:google:id" title="Client ID" class="input-xxlarge" placeholder="Client ID"><br />
<input type="text" data-field="social:google:secret" title="Client Secret" class="input-large" placeholder="Client Secret"><br />
<input type="text" data-field="social:google:id" title="Client ID" class="form-control input-lg" placeholder="Client ID"><br />
<input type="text" data-field="social:google:secret" title="Client Secret" class="form-control" placeholder="Client Secret"><br />
</div>
</form>

42
public/templates/admin/header.tpl
Unescape Escape View File

@ -29,36 +29,36 @@
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="{relative_path}/src/utils.js"></script>
<link rel="stylesheet" type="text/css" href="{relative_path}/css/style.css" />
<link rel="stylesheet" type="text/css" href="{relative_path}/css/nodebb.css" />
<link rel="stylesheet" type="text/css" href="{relative_path}/css/admin.css" />
</head>
<body class="admin">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="/admin/index">NodeBB ACP</a>
<button type="button" class="btn navbar-btn" data-toggle="collapse" data-target=".nav-collapse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="nav-collapse collapse">
<ul class="nav">
<li>
<a href="/" target="_blank"><i class="icon-book"></i> Forum</a>
</li>
<li>
<a href="/admin/index"><i class="icon-home"></i> Home</a>
</li>
<li>
<a href="/admin/settings"><i class="icon-cogs"></i> Settings</a>
</li>
</ul>
<ul class="nav pull-right" id="right-menu">
<li><a href="/users" id="user_label"></a></li>
</ul>
</div>
<a class="navbar-brand" href="/admin/index">NodeBB ACP</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>
<a href="/" target="_blank"><i class="icon-book"></i> Forum</a>
</li>
<li>
<a href="/admin/index"><i class="icon-home"></i> Home</a>
</li>
<li>
<a href="/admin/settings"><i class="icon-cogs"></i> Settings</a>
</li>
</ul>
<ul class="nav pull-right" id="right-menu">
<li><a href="/users" id="user_label"></a></li>
</ul>
</div>
</div>
</div>

14
public/templates/admin/motd.tpl
Unescape Escape View File

@ -1,7 +1,7 @@
<h1>MOTD</h1>
<div class="alert motd">
<hr />
<div class="alert alert-warning motd">
<p>
The <strong>Message of the Day</strong> (MOTD) is typically a message shown to users when they first log into a forum or chat room.
In NodeBB, the MOTD is present at the top of the forum homepage, and can be customized much like a header.
@ -9,9 +9,15 @@
<p>
You can enter either full HTML or Markdown text.
</p>
<textarea placeholder="Welcome to NodeBB!" data-field="motd" rows="10"></textarea>
<br />
<textarea class="form-control" placeholder="Welcome to NodeBB!" data-field="motd" rows="10"></textarea>
<br />
<form class="form-inline">
<label class="checkbox" for="show_motd"><input type="checkbox" id="show_motd" data-field="show_motd" /> Show the Message of the Day</label>
<div class="checkbox">
<label for="show_motd">
<input type="checkbox" id="show_motd" data-field="show_motd" /> Show the Message of the Day
</label>
</div>
</form>
</div>

36
public/templates/admin/settings.tpl
Unescape Escape View File

@ -2,61 +2,61 @@
<hr />
<h3>General Settings</h3>
<div class="alert">
<div class="alert alert-warning">
<form>
<label>Site Title</label>
<input type="text" placeholder="Your Community Name" data-field="title" />
<input class="form-control" type="text" placeholder="Your Community Name" data-field="title" /><br />
<label>Site Description</label>
<input type="text" class="input-xxlarge" placeholder="A short description about your community" data-field="description" />
<input type="text" class="form-control" placeholder="A short description about your community" data-field="description" /><br />
<label>Imgur Client ID</label>
<input type="text" class="input-xxlarge" placeholder="Imgur ClientID for image uploads" data-field="imgurClientID" />
<input type="text" class="form-control" placeholder="Imgur ClientID for image uploads" data-field="imgurClientID" />
</form>
</div>
<form>
<h3>Privilege Thresholds</h3>
<div class="alert alert-notify">
<div class="alert alert-warning">
<p>Use <strong>privilege thresholds</strong> to manage how much reputation a user must gain to receive moderator access.</p><br />
<strong>Manage Thread</strong><br /> <input type="text" class="" value="1000"><br />
<strong>Moderate Users</strong><br /> <input type="text" class="" value="10000"><br />
<strong>Create Pinned Topics</strong><br /> <input type="text" class="" value="100000"><br />
<strong>Manage Thread</strong><br /> <input type="text" class="form-control" value="1000"><br />
<strong>Moderate Users</strong><br /> <input type="text" class="form-control" value="10000"><br />
<strong>Create Pinned Topics</strong><br /> <input type="text" class="form-control" value="100000"><br />
</div>
</form>
<form>
<h3>Email Settings</h3>
<div class="alert alert-notify">
<div class="alert alert-warning">
<div>
<p>
<strong>Email Address</strong><br />
The following email address refers to the email that the recipient will see in the "From" and "Reply To" fields.
</p>
<input type="text" class="input-large" data-field="email:from" placeholder="info@example.org" />
<input type="text" class="form-control input-lg" data-field="email:from" placeholder="info@example.org" /><br />
</div>
<div>
<p>
<strong>SMTP Server Host</strong><br />
(Default: <em>127.0.0.1</em>)
</p>
<input type="text" class="input-medium" data-field="email:smtp:host" placeholder="127.0.0.1" />
<input type="text" class="form-control input-md" data-field="email:smtp:host" placeholder="127.0.0.1" /><br />
</div>
<div>
<p>
<strong>SMTP Server Port</strong>
</p>
<input type="text" class="input-mini" data-field="email:smtp:port" placeholder="25" />
<input type="text" class="form-control input-md" data-field="email:smtp:port" placeholder="25" /><br />
</div>
</div>
</form>
<form>
<h3>Post Settings</h3>
<div class="alert alert-notify">
<strong>Post Delay</strong><br /> <input type="text" class="" value="10000" data-field="postDelay"><br />
<strong>Minimum Title Length</strong><br /> <input type="text" class="" value="3" data-field="minimumTitleLength"><br />
<strong>Minimum Post Length</strong><br /> <input type="text" class="" value="8" data-field="minimumPostLength"><br />
<div class="alert alert-warning">
<strong>Post Delay</strong><br /> <input type="text" class="form-control" value="10000" data-field="postDelay"><br />
<strong>Minimum Title Length</strong><br /> <input type="text" class="form-control" value="3" data-field="minimumTitleLength"><br />
<strong>Minimum Post Length</strong><br /> <input type="text" class="form-control" value="8" data-field="minimumPostLength"><br />
</div>
</form>

6
public/templates/admin/twitter.tpl
Unescape Escape View File

@ -2,15 +2,15 @@
<hr />
<form>
<div class="alert alert-notify">
<div class="alert alert-warning">
<p>
Create a <strong>Twitter Application</strong> via the
<a href="https://dev.twitter.com/">Twitter Developers Page</a> and then
paste your application details here.
</p>
<br />
<input type="text" data-field="social:twitter:key" title="Consumer Key" class="input-large" placeholder="Consumer Key"><br />
<input type="text" data-field="social:twitter:secret" title="Consumer Secret" class="input-xlarge" placeholder="Consumer Secret">
<input type="text" data-field="social:twitter:key" title="Consumer Key" class="form-control input-lg" placeholder="Consumer Key"><br />
<input type="text" data-field="social:twitter:secret" title="Consumer Secret" class="form-control input-md" placeholder="Consumer Secret">
</div>
</form>

4
public/templates/admin/users.tpl
Unescape Escape View File

@ -7,9 +7,9 @@
<li class=''><a href='/admin/users/search'>Search</a></li>
</ul>
<br />
<div class="search {search_display} well">
<input id="search-user" type="text" placeholder="Enter a username to search"/><br />
<input class="form-control" id="search-user" type="text" placeholder="Enter a username to search"/><br />
<i class="icon-spinner icon-spin none"></i>
<span id="user-notfound-notify" class="label label-danger hide">User not found!</span><br/>
</div>

Write Preview
Loading…
Cancel
Save