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

5 files changed, 190 insertions, 173 deletions

diff --git a/modules/extra/webcpanel/templates/default/chanserv/access.html b/modules/extra/webcpanel/templates/default/chanserv/access.html
index e9c42c61b..5b02c068a 100644
--- a/modules/extra/webcpanel/templates/default/chanserv/access.html
+++ b/modules/extra/webcpanel/templates/default/chanserv/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">Access List</div>
+		<div class="panel-body">
+			{FOR M IN MESSAGES}
+			<div class="alert alert-info">
+				{M}<br>
+			</div>
+			{END FOR}
 
-		<h2>Access List</h2>
-		{IF EXISTS ACCESSES}
+			{IF EXISTS ACCESSES}
 			<table id="tableNSAccess" class="table table-hover">
 				<thead>
 					<tr>
@@ -29,41 +30,41 @@
 				{END FOR}
 				</tbody>
 			</table>
-		{ELSE}
+			{ELSE}
 			<em>Access list is empty.</em>
-		{END IF}
+			{END IF}
 
-		<hr>
+			<hr>
 
-		<h4>Add an access entry</h4>
-		<form class="form-horizontal" method="post" action="/chanserv/access?channel={ESCAPED_CHANNEL}">
-			<div class="form-group">
-				<label class="control-label col-lg-2" for="mask">Mask:</label>
-				<div class="col-lg-6">
-					<input class="form-control" type="text" name="mask" id="mask" placeholder="Valid HostMask">
+			<h4>Add an access entry</h4>
+			<form class="form-horizontal" method="post" action="/chanserv/access?channel={ESCAPED_CHANNEL}">
+				<div class="form-group">
+					<label class="control-label col-lg-2" for="mask">Mask:</label>
+					<div class="col-lg-6">
+						<input class="form-control" type="text" name="mask" id="mask" placeholder="Valid HostMask">
+					</div>
 				</div>
-			</div>
-			<div class="form-group">
-				<label class="control-label col-lg-2" for="access">Access:</label>
-				<div class="col-lg-6">
-					<input class="form-control" type="text" name="access" id="access" placeholder="Access level">
+				<div class="form-group">
+					<label class="control-label col-lg-2" for="access">Access:</label>
+					<div class="col-lg-6">
+						<input class="form-control" type="text" name="access" id="access" placeholder="Access level">
+					</div>
 				</div>
-			</div>
-			<div class="form-group">
-				<label class="control-label col-lg-2" for="reason">Provider:</label>
-				<div class="col-lg-6">
-					<select name="provider" class="form-control">
-						{FOR PROVIDER IN PROVIDERS}
-							<option value="{PROVIDER}">{PROVIDER}</option>
-						{END FOR}
-					</select>
+				<div class="form-group">
+					<label class="control-label col-lg-2" for="reason">Provider:</label>
+					<div class="col-lg-6">
+						<select name="provider" class="form-control">
+							{FOR PROVIDER IN PROVIDERS}
+								<option value="{PROVIDER}">{PROVIDER}</option>
+							{END FOR}
+						</select>
+					</div>
 				</div>
-			</div>
-			<div class="form-group">
-				<div class="col-lg-offset-2 col-lg-6">
-					<button type="submit" class="btn btn-primary">Send</button>
+				<div class="form-group">
+					<div class="col-lg-offset-2 col-lg-6">
+						<button type="submit" class="btn btn-primary">Send</button>
+					</div>
 				</div>
-			</div>
-		</form>
-
+			</form>
+		</div>
 {INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/chanserv/akick.html b/modules/extra/webcpanel/templates/default/chanserv/akick.html
index 819a69096..3b6a2f190 100644
--- a/modules/extra/webcpanel/templates/default/chanserv/akick.html
+++ b/modules/extra/webcpanel/templates/default/chanserv/akick.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">Akick List</div>
+		<div class="panel-body">
+			{FOR M IN MESSAGES}
+			<div class="alert alert-info">
+				{M}<br>
+			</div>
+			{END FOR}
 
-		<h2>Akick List</h2>
-		{IF EXISTS MASKS}
+			{IF EXISTS MASKS}
 			<table id="tableNSAccess" class="table table-hover">
 				<thead>
 					<tr>
@@ -27,32 +28,31 @@
 				{END FOR}
 				</tbody>
 			</table>
-		{ELSE}
+			{ELSE}
 			<em>Akick list is empty.</em>
-		{END IF}
+			{END IF}
 
-		<hr>
+			<hr>
 
-		<h4>Add an akick entry</h4>
-		<form class="form-horizontal" method="post" action="/chanserv/akick?channel={ESCAPED_CHANNEL}">
-			<div class="form-group">
-				<label class="control-label col-lg-2" for="mask">Mask:</label>
-				<div class="col-lg-6">
-					<input class="form-control" type="text" name="mask" id="mask" placeholder="Valid HostMask">
+			<h4>Add an akick entry</h4>
+			<form class="form-horizontal" method="post" action="/chanserv/akick?channel={ESCAPED_CHANNEL}">
+				<div class="form-group">
+					<label class="control-label col-lg-2" for="mask">Mask:</label>
+					<div class="col-lg-6">
+						<input class="form-control" type="text" name="mask" id="mask" placeholder="Valid HostMask">
+					</div>
 				</div>
-			</div>
-			<div class="form-group">
-				<label class="control-label col-lg-2" for="reason">Reason:</label>
-				<div class="col-lg-6">
-					<input class="form-control" type="text" name="reason" id="reason" placeholder="Reason for AKICK">
+				<div class="form-group">
+					<label class="control-label col-lg-2" for="reason">Reason:</label>
+					<div class="col-lg-6">
+						<input class="form-control" type="text" name="reason" id="reason" placeholder="Reason for AKICK">
+					</div>
 				</div>
-			</div>
-			<div class="form-group">
-				<div class="col-lg-offset-2 col-lg-6">
-					<button type="submit" class="btn btn-primary">Send</button>
+				<div class="form-group">
+					<div class="col-lg-offset-2 col-lg-6">
+						<button type="submit" class="btn btn-primary">Send</button>
+					</div>
 				</div>
-			</div>
-		</form>
-
-
+			</form>
+		</div>
 {INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/chanserv/drop.html b/modules/extra/webcpanel/templates/default/chanserv/drop.html
index 7852bfde6..81db73167 100644
--- a/modules/extra/webcpanel/templates/default/chanserv/drop.html
+++ b/modules/extra/webcpanel/templates/default/chanserv/drop.html
@@ -1,34 +1,36 @@
 {INCLUDE header.html}
-		{FOR M IN MESSAGES}
-		<div class="alert alert-info">
-			{M}<br>
-		</div>
-		{END FOR}
+		<div class="panel-heading">Channels you can drop</div>
+		<div class="panel-body">
+			{FOR M IN MESSAGES}
+			<div class="alert alert-info">
+				{M}<br>
+			</div>
+			{END FOR}
 
-		<h2>Channels you can drop</h2>
-		<div class="scroll">
-		{FOR CH,ECH IN CHANNEL_NAMES,ESCAPED_CHANNEL_NAMES}
-			<a href="/chanserv/drop?channel={ECH}">{CH}</a></br>
-		{END FOR}
-		</div>
-		{IF EXISTS CHANNEL_DROP}
-			<div class="alert alert-danger" style="margin-top: 15px; margin-bottom: 0; padding-bottom: 0;">
-				<h4>Drop Channel <strong>{CHANNEL_DROP}</strong>?</h4>
-				<form class="form-horizontal" method="post" action="/operserv/akill">
-					<input type="hidden" value="{CHANNEL_DROP}" name="channel">
-					<input type="hidden" value="yes" name="drop">
-					<div class="form-group">
-						<label class="control-label col-lg-3" for="confChan">Confirm channel name:</label>
-						<div class="col-lg-4">
-							<input class="form-control" type="text" name="confChan" id="confChan" placeholder="This cannot be undone!">
+			<div class="scroll">
+			{FOR CH,ECH IN CHANNEL_NAMES,ESCAPED_CHANNEL_NAMES}
+				<a href="/chanserv/drop?channel={ECH}">{CH}</a></br>
+			{END FOR}
+			</div>
+			{IF EXISTS CHANNEL_DROP}
+				<div class="alert alert-danger" style="margin-top: 15px; margin-bottom: 0; padding-bottom: 0;">
+					<h4>Drop Channel <strong>{CHANNEL_DROP}</strong>?</h4>
+					<form class="form-horizontal" method="post" action="/operserv/akill">
+						<input type="hidden" value="{CHANNEL_DROP}" name="channel">
+						<input type="hidden" value="yes" name="drop">
+						<div class="form-group">
+							<label class="control-label col-lg-3" for="confChan">Confirm channel name:</label>
+							<div class="col-lg-4">
+								<input class="form-control" type="text" name="confChan" id="confChan" placeholder="This cannot be undone!">
+							</div>
 						</div>
-					</div>
-					<div class="form-group">
-						<div class="col-lg-offset-3 col-lg-4">
-							<button type="submit" class="btn btn-danger">Drop</button>
+						<div class="form-group">
+							<div class="col-lg-offset-3 col-lg-4">
+								<button type="submit" class="btn btn-danger">Drop</button>
+							</div>
 						</div>
-					</div>
-				</form>
-			</div>
-		{END IF}
+					</form>
+				</div>
+			{END IF}
+		</div>
 {INCLUDE footer.html}
\ No newline at end of file
diff --git a/modules/extra/webcpanel/templates/default/chanserv/main.html b/modules/extra/webcpanel/templates/default/chanserv/main.html
index 43eb902fb..8b88970e8 100644
--- a/modules/extra/webcpanel/templates/default/chanserv/main.html
+++ b/modules/extra/webcpanel/templates/default/chanserv/main.html
@@ -1,8 +1,17 @@
 {INCLUDE header.html}
-			<h2>Channels you have access in</h2>
-			<div class="cinfo">
-			{FOR CH,ECH IN CHANNEL_NAMES,ESCAPED_CHANNEL_NAMES}
-				<a href="/chanserv/set?channel={ECH}">{CH}</a></br>
-			{END FOR}
+		<div class="panel-heading">Channels you have access in</div>
+		<div class="panel-body">
+			{IF EXISTS CHANNEL_NAMES}
+			<div>
+				<h3 style="margin: -12px 0 20px 0;"><small>Choose a channel to access it's Settings, Access or Akick pages.</small></h3>
+				<ul id="channelList">
+				{FOR CH,ECH IN CHANNEL_NAMES,ESCAPED_CHANNEL_NAMES}
+					<li><a href="/chanserv/set?channel={ECH}">{CH}</a></li>
+				{END FOR}
+				</ul>
 			</div>
+			{ELSE}
+			<em>You don't have access in any channel</em><br>
+			{END IF}
+		</div>
 {INCLUDE footer.html}
diff --git a/modules/extra/webcpanel/templates/default/chanserv/set.html b/modules/extra/webcpanel/templates/default/chanserv/set.html
index dff390e09..0c2596dc6 100644
--- a/modules/extra/webcpanel/templates/default/chanserv/set.html
+++ b/modules/extra/webcpanel/templates/default/chanserv/set.html
@@ -1,76 +1,81 @@
 {INCLUDE header.html}
-		{FOR M IN MESSAGES}
-		<div class="alert alert-info">
-			{M}<br>
-		</div>
-		{END FOR}
+		<div class="panel-heading">Channel Information</div>
+		<div class="panel-body">
+			{FOR M IN MESSAGES}
+			<div class="alert alert-info">
+				{M}<br>
+			</div>
+			{END FOR}
 
-		<h2>Channel Information</h2>
-		<form method="post" action="/chanserv/set?channel={CHANNEL_ESCAPED}">
-			<table id="tableInfo" class="table table-hover">
-				<tr>
-					<td>Channel Name</td>
-					<td>{CHANNEL}</td>
-				</tr>
-				{IF EXISTS FOUNDER}
-				<tr>
-					<td>Founder</td>
-					<td>{FOUNDER}</td>
-				</tr>
-				{END IF}
-				{IF EXISTS SUCCESSOR}
-				<tr>
-					<td>Succsesor</td>
-					<td>{SUCCESSOR}</td>
-				</tr>
-				{END IF}
-				<tr>
-					<td>Time registered</td>
-					<td>{TIME_REGISTERED}</td>
-				</tr>
-				<tr>
-					<td>Last used</td>
-					<td>{LAST_USED}</td>
-				</tr>
-				{IF EXISTS LAST_TOPIC}
-				<tr>
-					<td>Last topic</td>
-					<td>{LAST_TOPIC}</td>
-				</tr>
-				<tr>
-					<td>Set by</td>
-					<td>{LAST_TOPIC_SETTER}</td>
-				</tr>
-				{END IF}
-				<tr>
-					<td>Keep topic</td>
-					<td><input type="checkbox" name="keeptopic" value="on" {IF EXISTS KEEPTOPIC}checked{END IF}></td>
-				</tr>
-				<tr>
-					<td>Peace</td>
-					<td><input type="checkbox" name="peace" value="on" {IF EXISTS PEACE}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>Restricted</td>
-					<td><input type="checkbox" name="restricted" value="on" {IF EXISTS RESTRICTED}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>Secure Ops</td>
-					<td><input type="checkbox" name="secureops" value="on" {IF EXISTS SECUREOPS}checked{END IF}></td>
-				</tr>
-				<tr>
-					<td>Topic Lock</td>
-					<td><input type="checkbox" name="topiclock" value="on" {IF EXISTS TOPICLOCK}checked{END IF}></td>
-				</tr>
-		</table>
-	<input type="submit" value="Save">
-	</form>
+			<form method="post" action="/chanserv/set?channel={CHANNEL_ESCAPED}">
+				<table id="tableInfo" class="table table-hover">
+					<tr>
+						<td>Channel Name</td>
+						<td>{CHANNEL}</td>
+					</tr>
+					{IF EXISTS FOUNDER}
+					<tr>
+						<td>Founder</td>
+						<td>{FOUNDER}</td>
+					</tr>
+					{END IF}
+					{IF EXISTS SUCCESSOR}
+					<tr>
+						<td>Succsesor</td>
+						<td>{SUCCESSOR}</td>
+					</tr>
+					{END IF}
+					<tr>
+						<td>Time registered</td>
+						<td>{TIME_REGISTERED}</td>
+					</tr>
+					<tr>
+						<td>Last used</td>
+						<td>{LAST_USED}</td>
+					</tr>
+					{IF EXISTS LAST_TOPIC}
+					<tr>
+						<td>Last topic</td>
+						<td>{LAST_TOPIC}</td>
+					</tr>
+					<tr>
+						<td>Set by</td>
+						<td>{LAST_TOPIC_SETTER}</td>
+					</tr>
+					{END IF}
+					<tr>
+						<td>Keep topic</td>
+						<td><input type="checkbox" name="keeptopic" value="on" {IF EXISTS KEEPTOPIC}checked{END IF}></td>
+					</tr>
+					<tr>
+						<td>Peace</td>
+						<td><input type="checkbox" name="peace" value="on" {IF EXISTS PEACE}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>Restricted</td>
+						<td><input type="checkbox" name="restricted" value="on" {IF EXISTS RESTRICTED}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>Secure Ops</td>
+						<td><input type="checkbox" name="secureops" value="on" {IF EXISTS SECUREOPS}checked{END IF}></td>
+					</tr>
+					<tr>
+						<td>Topic Lock</td>
+						<td><input type="checkbox" name="topiclock" value="on" {IF EXISTS TOPICLOCK}checked{END IF}></td>
+					</tr>
+					<tr>
+						<td></td>
+						<td><button type="submit" class="btn btn-primary">Save</button></td>
+					</tr>
+				</table>
+			</form>
+		</div>
 {INCLUDE footer.html}