X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftemplates%2Fwidget_forumlist.tpl;h=6d0af8ce24c4728e6c93609439068cd505b4cd0c;hb=7f4d399fc8ca0abd4ab99f1ee9dfecd5fa175fde;hp=44dcd8f1e884255b002bb1891248bf97da0b086f;hpb=5f810452e4086e0d9e6c87720786902ce44a704f;p=friendica.git

diff --git a/view/templates/widget_forumlist.tpl b/view/templates/widget_forumlist.tpl
index 44dcd8f1e8..6d0af8ce24 100644
--- a/view/templates/widget_forumlist.tpl
+++ b/view/templates/widget_forumlist.tpl
@@ -1,45 +1,53 @@
 <script>
-
 function showHideForumlist() {
-	if( $("div[id^='forum-widget-entry-extended-']").is(':visible')) {
-		$("div[id^='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('{{$showmore}}');
 
 	}
 	else {
-		$("div[id^='forum-widget-entry-extended-']").show();
-		$('#forum-widget-collapse').html(window.showFewer);
-	}
+		$("li[id^='forum-widget-entry-extended-']").show();
+		$("li#forum-widget-collapse").html('{{$showless}}');
 	}
+}
 </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">
-			<a href="{{$forum.external_url}}" title="{{$forum.link_desc}}" class="label sparkle" target="_blank">
+		<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" rel="noopener noreferrer">
 				<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;">
-			<a href="{{$forum.external_url}}" title="{{$forum.link_desc}}" class="label sparkle" target="_blank">
+		<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" rel="noopener noreferrer">
 				<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>