whip mod manage into shape

2 files changed, 71 insertions, 48 deletions

diff --git a/view/tpl/channel.tpl b/view/tpl/channel.tpl
index 23f1e0dd4..d306f0aa0 100755
--- a/view/tpl/channel.tpl
+++ b/view/tpl/channel.tpl
@@ -1,12 +1,49 @@
-<div class='channel-selection {{if $selected == $channel.channel_id}}selected-channel{{/if}}'>
-{{if $channel.default_links}}
-{{if $channel.default}}
-<div class="channel-selection-default default"><i class="icon-check"></i> {{$msg_default}}</div>
-{{else}}
-<div class="channel-selection-default"><a href="manage/{{$channel.channel_id}}/default"><i class="icon-check-empty" title="{{$msg_make_default}}"></i></a></div>
-{{/if}}
-{{/if}}
-<a href="{{$channel.link}}" class="channel-selection-photo-link" title="{{$channel.channel_name}}"><img class="channel-photo" src="{{$channel.xchan_photo_m}}" alt="{{$channel.channel_name}}" /></a>
-<div class="channels-notifications-wrapper">{{if $channel.delegate}}{{else}}<a href='manage/{{$channel.channel_id}}/message' style="{{if $channel.mail != 0}}color:#c60032;{{/if}}" title='{{$channel.mail|string_format:$mail_format}}'><i class="icon-envelope"></i> {{$channel.mail}}</a>&nbsp;<a href='manage/{{$channel.channel_id}}/connections/ifpending' style="{{if $channel.intros != 0}}color:#c60032;{{/if}}" title='{{$channel.intros|string_format:$intros_format}}'><i class="icon-user"></i> {{$channel.intros}}</a>{{/if}}</div>
-<a href="{{$channel.link}}" class="channel-selection-name-link" title="{{$channel.channel_name}}"><div class="channel-name">{{$channel.channel_name}}</div></a>
+<div class="section-subtitle-wrapper">
+	<div class="pull-right">
+		{{if $channel.default_links}}
+		{{if $channel.default}}
+		<div>
+			<i class="icon-check"></i>&nbsp;{{$msg_default}}
+		</div>
+		{{else}}
+		<a href="manage/{{$channel.channel_id}}/default" class="make-default-link">
+			<i class="icon-check-empty"></i>&nbsp;{{$msg_make_default}}
+		</a>
+		{{/if}}
+		{{/if}}
+		{{if $channel.delegate}}
+			{{$delegated_desc}}
+		{{/if}}
+	</div>
+	<h3>
+		{{if $selected == $channel.channel_id}}
+		<i class="selected-channel icon-circle" title="{{$msg_selected}}"></i>
+		{{/if}}
+		{{if $channel.delegate}}
+		<i class="icon-circle-arrow-right" title="{{$delegated_desc}}"></i>
+		{{/if}}
+		{{if $selected != $channel.channel_id}}<a href="{{$channel.link}}" title="{{$channel.channel_name}}">{{/if}}
+			{{$channel.channel_name}}
+		{{if $selected != $channel.channel_id}}</a>{{/if}}
+	</h3>
+	<div class="clear"></div>
+</div>
+<div class="section-content-wrapper">
+	<div class="channel-photo-wrapper">
+		{{if $selected != $channel.channel_id}}<a href="{{$channel.link}}" class="channel-selection-photo-link" title="{{$channel.channel_name}}">{{/if}}
+			<img class="channel-photo" src="{{$channel.xchan_photo_m}}" alt="{{$channel.channel_name}}" />
+		{{if $selected != $channel.channel_id}}</a>{{/if}}
+	</div>
+	<div class="channel-notifications-wrapper">
+		{{if !$channel.delegate}}
+		<div class="channel-notification">
+			<i class="icon-envelope{{if $channel.mail != 0}} new-notification{{/if}}"></i>
+			{{if $channel.mail != 0}}<a href="manage/{{$channel.channel_id}}/mail/combined">{{/if}}{{$channel.mail|string_format:$mail_format}}{{if $channel.mail != 0}}</a>{{/if}}
+		</div>
+		<div class="channel-notification">
+			<i class="icon-user{{if $channel.intros != 0}} new-notification{{/if}}"></i>
+			{{if $channel.intros != 0}}<a href='manage/{{$channel.channel_id}}/connections/ifpending'>{{/if}}{{$channel.intros|string_format:$intros_format}}{{if $channel.intros != 0}}</a>{{/if}}
+		</div>
+		{{/if}}
+	</div>
 </div>
diff --git a/view/tpl/channels.tpl b/view/tpl/channels.tpl
index 44daa0a3e..be9017bff 100755
--- a/view/tpl/channels.tpl
+++ b/view/tpl/channels.tpl
@@ -1,38 +1,24 @@
-<div class="generic-content-wrapper-styled">
-<h3>{{$header}}</h3>
-
-{{if $links}}
-{{foreach $links as $l}}
-<a class="channels-links" href="{{$l.0}}" title="{{$l.1}}">{{$l.2}}</a>
-{{/foreach}}
-{{/if}} 
-<div class="channels-break"></div>
-
-{{if $channel_usage_message}}
-<div id="channel-usage-message" class="usage-message">
-{{$channel_usage_message}}
-</div>
-{{/if}}
-<div id="channels-desc" class="descriptive-text">{{$desc}}</div>
-
-<div id="all-channels">
-{{foreach $all_channels as $chn}}
-{{include file="channel.tpl" channel=$chn}}
-{{/foreach}} 
-</div>
-
-<div class="channels-end all"></div>
-
-{{if $delegates}}
-<hr />
-<h3>{{$delegate_header}}</h3>
-<div id="delegated-channels">
-{{foreach $delegates as $chn}}
-{{include file="channel.tpl" channel=$chn}}
-{{/foreach}} 
-</div>
-
-<div class="channels-end all"></div>
-{{/if}}
-
+<div class="generic-content-wrapper">
+	<div class="section-title-wrapper">
+		<a class="btn btn-success btn-xs pull-right" href="{{$create.0}}" title="{{$create.1}}">{{$create.2}}</a>
+		<h2>{{$header}}</h2>
+	</div>
+	<div class="section-content-wrapper-np">
+		{{if $channel_usage_message}}
+		<div id="channel-usage-message" class="section-content-warning-wrapper">
+			{{$channel_usage_message}}
+		</div>
+		{{/if}}
+		<div id="channels-desc" class="section-content-info-wrapper">
+			{{$desc}}
+		</div>
+		{{foreach $all_channels as $chn}}
+			{{include file="channel.tpl" channel=$chn}}
+		{{/foreach}}
+		{{if $delegates}}
+			{{foreach $delegates as $chn}}
+				{{include file="channel.tpl" channel=$chn}}
+			{{/foreach}}
+		{{/if}}
+	</div>
 </div>