Redesign body of the pages. Now they have a distiguished panel heading and panel body. Also added background colour to currently selected section.

4 files changed, 135 insertions, 131 deletions

diff --git a/modules/extra/webcpanel/templates/default/nickserv/access.html b/modules/extra/webcpanel/templates/default/nickserv/access.html
index 89a867627..c5397a4a0 100644
--- a/modules/extra/webcpanel/templates/default/nickserv/access.html
+++ b/modules/extra/webcpanel/templates/default/nickserv/access.html
@@ -1,12 +1,13 @@
 {INCLUDE header.html}
-		{FOR M IN MESSAGES}
-		<div class="alert alert-info">
-			{M}<br>
-		</div>
-		{END FOR}
+		<div class="panel-heading">Nick access list</div>
+		<div class="panel-body">
+			{FOR M IN MESSAGES}
+			<div class="alert alert-info">
+				{M}<br>
+			</div>
+			{END FOR}
 
-		{IF EXISTS ACCESS}
-			<h2>Nick access list</h2>
+			{IF EXISTS ACCESS}
 			<table id="tableNSAccess" class="table table-hover">
 				<tbody>
 					{FOR A IN ACCESS}
@@ -17,24 +18,25 @@
 					{END FOR}
 				</tbody>
 			</table>
-		{ELSE}
-			<b>Your access list is empty.</b>
-		{END IF}
+			{ELSE}
+			<em>Your access list is empty.</em>
+			{END IF}
 
-		<hr>
+			<hr>
 
-		<h4>Add an access entry</h4>
-		<form class="form-horizontal" method="post" action="/nickserv/access">
-			<div class="form-group">
-				<label class="control-label col-lg-2" for="message">Hostmask:</label>
-				<div class="col-lg-5">
-					<input class="form-control" type="text" name="message" id="message" placeholder="Your message here">
+			<h4>Add an access entry</h4>
+			<form class="form-horizontal" method="post" action="/nickserv/access">
+				<div class="form-group">
+					<label class="control-label col-lg-2" for="message">Hostmask:</label>
+					<div class="col-lg-5">
+						<input class="form-control" type="text" name="message" id="message" placeholder="Your message here">
+					</div>
 				</div>
-			</div>
-			<div class="form-group">
-				<div class="col-lg-offset-2 col-lg-5">
-					<button type="submit" class="btn btn-primary">Add</button>
+				<div class="form-group">
+					<div class="col-lg-offset-2 col-lg-5">
+						<button type="submit" class="btn btn-primary">Add</button>
+					</div>
 				</div>
-			</div>
-		</form>
+			</form>
+		</div>
 {INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/nickserv/alist.html b/modules/extra/webcpanel/templates/default/nickserv/alist.html
index 224f09894..f3b2e0124 100644
--- a/modules/extra/webcpanel/templates/default/nickserv/alist.html
+++ b/modules/extra/webcpanel/templates/default/nickserv/alist.html
@@ -1,21 +1,23 @@
 {INCLUDE header.html}
-		<h2>Channel access list</h2>
-		<table id="tableInfoNorm" class="table table-hover">
-			<thead>
-				<tr>
-					<th>Number</th>
-					<th>Channel</th>
-					<th>Access</th>
-				</tr>
-			</thead>
-			<tbody>
-				{FOR N,C,A IN NUMBERS,CHANNELS,ACCESSES}
+		<div class="panel-heading">Channel access list</div>
+		<div class="panel-body">
+			<table id="tableInfoNorm" class="table table-hover">
+				<thead>
 					<tr>
-						<td>{N}</td>
-						<td>{C}</td>
-						<td>{A}</td>
+						<th>Number</th>
+						<th>Channel</th>
+						<th>Access</th>
 					</tr>
-				{END FOR}
-			</tbody>
-		</table>
+				</thead>
+				<tbody>
+					{FOR N,C,A IN NUMBERS,CHANNELS,ACCESSES}
+						<tr>
+							<td>{N}</td>
+							<td>{C}</td>
+							<td>{A}</td>
+						</tr>
+					{END FOR}
+				</tbody>
+			</table>
+		</div>
 {INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/nickserv/cert.html b/modules/extra/webcpanel/templates/default/nickserv/cert.html
index 636626e2a..88c564d43 100644
--- a/modules/extra/webcpanel/templates/default/nickserv/cert.html
+++ b/modules/extra/webcpanel/templates/default/nickserv/cert.html
@@ -1,36 +1,38 @@
 {INCLUDE header.html}
-		{FOR M IN MESSAGES}
-		<div class="alert alert-info">
-			{M}<br>
-		</div>
-		{END FOR}
-
-		<b>Your certificate finrgerprints</b>
-		<table id="tableNSAccess" class="table table-hover">
-			<tbody>
-			{FOR CERT IN CERTS}
-				<tr>
-					<td>{CERT}</td>
-					<td><a href="/nickserv/cert?mask={CERT}&del=1" class="btn btn-sm btn-danger">Delete</a></td>
-				</tr>
+		<div class="panel-heading">Your certificate finrgerprints</div>
+		<div class="panel-body">
+			{FOR M IN MESSAGES}
+			<div class="alert alert-info">
+				{M}<br>
+			</div>
 			{END FOR}
-			</tbody>
-		</table>
 
-		<hr>
+			<table id="tableNSAccess" class="table table-hover">
+				<tbody>
+					{FOR CERT IN CERTS}
+					<tr>
+						<td>{CERT}</td>
+						<td><a href="/nickserv/cert?mask={CERT}&del=1" class="btn btn-sm btn-danger">Delete</a></td>
+					</tr>
+					{END FOR}
+				</tbody>
+			</table>
+
+			<hr>
 
-		<h4>Add an certificate fingerprint</h4>
-		<form class="form-horizontal" method="post" action="/nickserv/cert">
-			<div class="form-group">
-				<label class="control-label col-lg-2" for="certfp">Certificate:</label>
-				<div class="col-lg-5">
-					<input class="form-control" type="text" name="certfp" id="certfp" placeholder="Your certificate">
+			<h4>Add an certificate fingerprint</h4>
+			<form class="form-horizontal" method="post" action="/nickserv/cert">
+				<div class="form-group">
+					<label class="control-label col-lg-2" for="certfp">Certificate:</label>
+					<div class="col-lg-5">
+						<input class="form-control" type="text" name="certfp" id="certfp" placeholder="Your certificate">
+					</div>
 				</div>
-			</div>
-			<div class="form-group">
-				<div class="col-lg-offset-2 col-lg-5">
-					<button type="submit" class="btn btn-primary">Add</button>
+				<div class="form-group">
+					<div class="col-lg-offset-2 col-lg-5">
+						<button type="submit" class="btn btn-primary">Add</button>
+					</div>
 				</div>
-			</div>
-		</form>
+			</form>
+		</div>
 {INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/nickserv/info.html b/modules/extra/webcpanel/templates/default/nickserv/info.html
index 22addbf4f..667c8b370 100644
--- a/modules/extra/webcpanel/templates/default/nickserv/info.html
+++ b/modules/extra/webcpanel/templates/default/nickserv/info.html
@@ -1,74 +1,72 @@
 {INCLUDE header.html}
-		{IF EXISTS ERRORS}
+		<div class="panel-heading">Your account information</div>
+		<div class="panel-body">
 			{FOR M IN ERRORS}
 			<div class="alert alert-danger">
 				{M}<br>
 			</div>
 			{END FOR}
-		{END IF}
 
-		{IF EXISTS MESSAGES}
-		<div class="alert alert-info">
 			{FOR M IN MESSAGES}
+			<div class="alert alert-info">
 				{M}<br>
+			</div>
 			{END FOR}
-		</div>
-		{END IF}
 
-		<h2>Your account information:</h2>
-		<form method="post" action="/nickserv/info">
-			<table id="tableInfo" class="table table-hover">
-				<tbody>
-					<tr>
-						<td>Account:</td>
-						<td>{DISPLAY}</td>
-					</tr>
-					{IF EXISTS EMAIL}
-					<tr>
-						<td>E-mail:</td>
-						<td>{EMAIL}</td>
-					</tr>
-					{END IF}
-					<tr>
-						<td>Time registered:</td>
-						<td>{TIME_REGISTERED}</td>
-					</tr>
-					{IF EXISTS VHOST}
-					<tr>
-						<td>Vhost:</td>
-						<td>{VHOST}</td>
-					</tr>
-					{END IF}
-					<tr>
-						<td>Greet:</td>
-						<td><input name="greet" value="{GREET}" class="form-control input-sm"></td>
-					</tr>
-					<tr>
-						<td>Auto op:</td>
-						<td><input type="checkbox" name="autoop" value="on" {IF EXISTS AUTOOP}checked{END IF}></td>
-					</tr>
-					<tr>
-						<td>Private:</td>
-						<td><input type="checkbox" name="private" value="on" {IF EXISTS PRIVATE}checked{END IF}></td>
-					</tr>
-					<tr>
-						<td>Secure:</td>
-						<td><input type="checkbox" name="secure" value="on" {IF EXISTS SECURE}checked{END IF}></td>
-					</tr>
-					<tr>
-						<td>Kill:</td>
-						<td>
-							<select name="kill" class="form-control input-sm">
-								<option value="on" {IF EXISTS KILL_ON}selected{END IF}>On</option>
-								<option value="quick" {IF EXISTS KILL_QUICK}selected{END IF}>Quick</option>
-								<option value="off" {IF EXISTS KILL_OFF}selected{END IF}>Off</option>
-							</select>
-						</td>
-					</tr>
-				</tbody>
-			</table>
-			<div class="text-center">
-				<button type="submit" class="btn btn-lg btn-primary">Save</button>
-			</div>
-		</form>
+			<form method="post" action="/nickserv/info">
+				<table id="tableInfo" class="table table-hover">
+					<tbody>
+						<tr>
+							<td>Account:</td>
+							<td>{DISPLAY}</td>
+						</tr>
+						{IF EXISTS EMAIL}
+						<tr>
+							<td>E-mail:</td>
+							<td>{EMAIL}</td>
+						</tr>
+						{END IF}
+						<tr>
+							<td>Time registered:</td>
+							<td>{TIME_REGISTERED}</td>
+						</tr>
+						{IF EXISTS VHOST}
+						<tr>
+							<td>Vhost:</td>
+							<td>{VHOST}</td>
+						</tr>
+						{END IF}
+						<tr>
+							<td>Greet:</td>
+							<td><input name="greet" value="{GREET}" class="form-control input-sm"></td>
+						</tr>
+						<tr>
+							<td>Auto op:</td>
+							<td><input type="checkbox" name="autoop" value="on" {IF EXISTS AUTOOP}checked{END IF}></td>
+						</tr>
+						<tr>
+							<td>Private:</td>
+							<td><input type="checkbox" name="private" value="on" {IF EXISTS PRIVATE}checked{END IF}></td>
+						</tr>
+						<tr>
+							<td>Secure:</td>
+							<td><input type="checkbox" name="secure" value="on" {IF EXISTS SECURE}checked{END IF}></td>
+						</tr>
+						<tr>
+							<td>Kill:</td>
+							<td>
+								<select name="kill" class="form-control input-sm">
+									<option value="on" {IF EXISTS KILL_ON}selected{END IF}>On</option>
+									<option value="quick" {IF EXISTS KILL_QUICK}selected{END IF}>Quick</option>
+									<option value="off" {IF EXISTS KILL_OFF}selected{END IF}>Off</option>
+								</select>
+							</td>
+						</tr>
+					</tbody>
+				</table>
+				<div class="text-center">
+					<button type="submit" class="btn btn-lg btn-primary">Save</button>
+				</div>
+			</form>
+		</div>
 {INCLUDE footer.html}