<script>
-
function showHideForumlist() {
- if( $('#forum-widget-entry-extended').is(':visible')) {
- $('#forum-widget-entry-extended').hide();
- $('#forum-widget-collapse').html(window.showMore);
+ if( $("li[id^='forum-widget-entry-extended-']").is(':visible')) {
+ $("li[id^='forum-widget-entry-extended-']").hide();
+ $("li#forum-widget-collapse").html(window.showMore);
}
else {
- $('#forum-widget-entry-extended').show();
- $('#forum-widget-collapse').html(window.showFewer);
- }
+ $("li[id^='forum-widget-entry-extended-']").show();
+ $("li#forum-widget-collapse").html(window.showFewer);
}
+}
</script>
-
+<span id="forumlist-sidebar-frame">
+<span id="forumlist-sidebar-inflated" class="widget fakelink" onclick="openCloseWidget('forumlist-sidebar', 'forumlist-sidebar-inflated');">
+ <h3>{{$title}}</h3>
+</span>
<div id="forumlist-sidebar" class="widget">
- <h3 id="forumlist">{{$title}}</h3>
-
- {{foreach $forums as $forum}}
+ <span class="fakelink" onclick="openCloseWidget('forumlist-sidebar', 'forumlist-sidebar-inflated');">
+ <h3 id="forumlist">{{$title}}</h3>
+ </span>
+ <ul id="forumlist-sidbar-ul" role="menu">
+ {{foreach $forums as $forum}}
{{if $forum.id <= $visible_forums}}
- <div class="forum-widget-entry" id="forum-widget-entry-{{$forum.id}}" role="menuitem">
+ <li class="forum-widget-entry forum-{{$forum.cid}}" id="forum-widget-entry-{{$forum.id}}" role="menuitem">
+ <span class="notify badge pull-right"></span>
<a href="{{$forum.external_url}}" title="{{$forum.link_desc}}" class="label sparkle" target="_blank">
<img class="forumlist-img" src="{{$forum.micro}}" alt="{{$forum.link_desc}}" />
</a>
- <a class="forum-widget-link" id="forum-widget-link-{{$forum.id}}" href="{{$forum.url}}" >{{$forum.name}}</a>
- </div>
+ <a class="forum-widget-link {{if $forum.selected}}forum-selected{{/if}}" id="forum-widget-link-{{$forum.id}}" href="{{$forum.url}}" >{{$forum.name}}</a>
+ </li>
{{/if}}
{{if $forum.id > $visible_forums}}
- <div class="forum-widget-entry" id="forum-widget-entry-extended-{{$forum.id}}" role="menuitem" style="display: none;">
+ <li class="forum-widget-entry forum-{{$forum.cid}}" id="forum-widget-entry-extended-{{$forum.id}}" role="menuitem" style="display: none;">
+ <span class="notify badge pull-right"></span>
<a href="{{$forum.external_url}}" title="{{$forum.link_desc}}" class="label sparkle" target="_blank">
<img class="forumlist-img" src="{{$forum.micro}}" alt="{{$forum.link_desc}}" />
</a>
- <a class="forum-widget-link" id="forum-widget-link-{{$forum.id}}" href="{{$forum.url}}" >{{$forum.name}}</a>
- </div>
+ <a class="forum-widget-link {{if $forum.selected}}forum-selected{{/if}}" id="forum-widget-link-{{$forum.id}}" href="{{$forum.url}}" >{{$forum.name}}</a>
+ </li>
{{/if}}
- {{/foreach}}
-
- {{if $total > $visible_forums }}
- <div id="forum-widget-showmore" class="forum-widget-entry" role="menuitem">
- <a onclick="showHideForumlist(); return false;" id="forum-widget-collapse" class="forum-widget-link">{{$showmore}}</a>
- </div>
- {{/if}}
+ {{/foreach}}
+ {{if $total > $visible_forums }}
+ <li onclick="showHideForumlist(); return false;" id="forum-widget-collapse" class="forum-widget-link fakelink tool">{{$showmore}}</li>
+ {{/if}}
+ </ul>
</div>
+</span>
+<script>
+initWidget('forumlist-sidebar', 'forumlist-sidebar-inflated');
+</script>