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         <span class="fakelink" onclick="openCloseWidget('group-list-sidebar', 'group-list-sidebar-inflated');">
  20                 <h3 id="group-list">{{$title}}</h3>
  21         </span>
  22         <ul id="group-list-sidebar-ul" role="menu">
  23                 {{foreach $groups as $group}}
  24                 {{if $group.id <= $visible_groups}}
  25                 <li class="group-widget-entry group-{{$group.cid}}" id="group-widget-entry-{{$group.id}}" role="menuitem">
  26                         <span class="notify badge pull-right"></span>
  27                         <a href="{{$group.external_url}}" title="{{$group.link_desc}}" class="label sparkle" target="_blank" rel="noopener noreferrer">
  28                                 <img class="group-list-img" src="{{$group.micro}}" alt="{{$group.link_desc}}" />
  29                         </a>
  30                         <a class="group-widget-link {{if $group.selected}}group-selected{{/if}}" id="group-widget-link-{{$group.id}}" href="{{$group.url}}">{{$group.name}}</a>
  31                 </li>
  32                 {{/if}}
  33
  34                 {{if $group.id > $visible_groups}}
  35                 <li class="group-widget-entry group-{{$group.cid}}" id="group-widget-entry-extended-{{$group.id}}" role="menuitem" style="display: none;">
  36                         <span class="notify badge pull-right"></span>
  37                         <a href="{{$group.external_url}}" title="{{$group.link_desc}}" class="label sparkle" target="_blank" rel="noopener noreferrer">
  38                                 <img class="group-list-img" src="{{$group.micro}}" alt="{{$group.link_desc}}" />
  39                         </a>
  40                         <a class="group-widget-link {{if $group.selected}}group-selected{{/if}}" id="group-widget-link-{{$group.id}}" href="{{$group.url}}">{{$group.name}}</a>
  41                 </li>
  42                 {{/if}}
  43                 {{/foreach}}
  44
  45                 {{if $total > $visible_groups }}
  46                 <li onclick="showHideGroupList(); return false;" id="group-widget-collapse" class="group-widget-link fakelink tool">{{$showmore}}</li>
  47                 {{/if}}
  48         </ul>
  49 </div>
  50 </span>
  51 <script>
  52 initWidget('group-list-sidebar', 'group-list-sidebar-inflated');
  53 </script>