view/templates/widget/group_list.tpl

   1 <script>
   2 function showHideGroupList() {
   3         if( $("li[id^='group-widget-entry-extended-']").is(':visible')) {
   4                 $("li[id^='group-widget-entry-extended-']").hide();
   5                 $("li#group-widget-collapse").html('{{$showmore}}');
   6
   7         }
   8         else {
   9                 $("li[id^='group-widget-entry-extended-']").show();
  10                 $("li#group-widget-collapse").html('{{$showless}}');
  11         }
  12 }
  13 </script>
  14 <span id="group-list-sidebar-frame">
  15 <span id="group-list-sidebar-inflated" class="widget fakelink" onclick="openCloseWidget('group-list-sidebar', 'group-list-sidebar-inflated');">
  16         <h3>{{$title}}</h3>
  17 </span>
  18 <div id="group-list-sidebar" class="widget">
  19 <div id="sidebar-group-header" class="sidebar-widget-header">
  20         <span class="fakelink" onclick="openCloseWidget('group-list-sidebar', 'group-list-sidebar-inflated');">
  21                 <h3>{{$title}}</h3>
  22         </span>
  23         <a class="group-new-tool pull-right widget-action faded-icon" id="sidebar-new-group" href="{{$new_group_page}}" data-toggle="tooltip" title="{{$create_new_group}}">
  24                         <i class="fa fa-plus" aria-hidden="true"></i>
  25                 </a>
  26         </div>
  27         <div id="sidebar-group-list" class="sidebar-widget-list">
  28                 {{* The list of available groups *}}
  29         <ul id="group-list-sidebar-ul" role="menu">
  30                 {{foreach $groups as $group}}
  31                 {{if $group.id <= $visible_groups}}
  32                 <li class="group-widget-entry group-{{$group.cid}}" id="group-widget-entry-{{$group.id}}" role="menuitem">
  33                         <span class="notify badge pull-right"></span>
  34                         <a href="{{$group.external_url}}" title="{{$group.link_desc}}" class="label sparkle" target="_blank" rel="noopener noreferrer">
  35                                 <img class="group-list-img" src="{{$group.micro}}" alt="{{$group.link_desc}}" />
  36                         </a>
  37                         <a class="group-widget-link {{if $group.selected}}group-selected{{/if}}" id="group-widget-link-{{$group.id}}" href="{{$group.url}}">{{$group.name}}</a>
  38                 </li>
  39                 {{/if}}
  40
  41                 {{if $group.id > $visible_groups}}
  42                 <li class="group-widget-entry group-{{$group.cid}}" id="group-widget-entry-extended-{{$group.id}}" role="menuitem" style="display: none;">
  43                         <span class="notify badge pull-right"></span>
  44                         <a href="{{$group.external_url}}" title="{{$group.link_desc}}" class="label sparkle" target="_blank" rel="noopener noreferrer">
  45                                 <img class="group-list-img" src="{{$group.micro}}" alt="{{$group.link_desc}}" />
  46                         </a>
  47                         <a class="group-widget-link {{if $group.selected}}group-selected{{/if}}" id="group-widget-link-{{$group.id}}" href="{{$group.url}}">{{$group.name}}</a>
  48                 </li>
  49                 {{/if}}
  50                 {{/foreach}}
  51
  52                 {{if $total > $visible_groups }}
  53                 <li onclick="showHideGroupList(); return false;" id="group-widget-collapse" class="group-widget-link fakelink tool">{{$showmore}}</li>
  54                 {{/if}}
  55         </ul>
  56 </div>
  57 </div>
  58 </span>
  59 <script>
  60 initWidget('group-list-sidebar', 'group-list-sidebar-inflated');
  61 </script>