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

ACP header and all admin pages BS3'd

Browse Source
This commit is contained in:
psychobunny
2013-08-28 03:04:57 +08:00
parent 7636e09284
commit c9387313e2
11 changed files with 80 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
public/css/admin.less
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;

2
public/css/nodebb.less
View File

@@ -8,3 +8,5 @@
@import "account";
@import "search";
@import "unread";
@import "admin";
@import "users";

2
public/src/forum/admin/themes.js
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>' +

11
public/templates/admin/categories.tpl
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 -->
</ul>
<button class="btn btn-lg btn-primary" id="save">Save</button>
</ul>
</div>
<div id="icons" style="display:none;"><div class="icon-container"><div class="row">

6
public/templates/admin/facebook.tpl
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
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>

14
public/templates/admin/header.tpl
View File

@@ -29,22 +29,23 @@
<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="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">
<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>
@@ -61,7 +62,6 @@
</div>
</div>
</div>
</div>
<div id="alert_window"></div>

14
public/templates/admin/motd.tpl
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>

32
public/templates/admin/settings.tpl
View File

@@ -2,60 +2,60 @@
<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
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
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>