view/theme/quattro/templates/widget/group_list.tpl

   1 <script>
   2
   3 function showHideGroupList() {
   4         if( $("li[id^='group-widget-entry-extended-']").is(':visible')) {
   5                 $("li[id^='group-widget-entry-extended-']").hide();
   6                 $("li#group-widget-collapse").html('{{$showmore}}');
   7
   8         }
   9         else {
  10                 $("li[id^='group-widget-entry-extended-']").show();
  11                 $("li#group-widget-collapse").html('{{$showless}}');
  12         }
  13 }
  14 </script>
  15
  16 <div id="group-list-sidebar" class="widget">
  17         <h3 id="group-list">{{$title}}</h3>
  18
  19         <ul id="group-list-sidebar-ul" role="menu">
  20                 {{foreach $groups as $group}}
  21                 {{if $group.id <= $visible_groups}}
  22                 <li class="group-widget-entry group-{{$group.cid}} tool {{if $group.selected}}selected{{/if}}" id="group-widget-entry-{{$group.id}}" role="menuitem">
  23                         <span class="notify badge pull-right"></span>
  24                         <a href="{{$group.external_url}}" title="{{$group.link_desc}}" class="label sparkle" target="_blank" rel="noopener noreferrer">
  25                                 <img class="group-list-img" src="{{$group.micro}}" alt="{{$group.link_desc}}" />
  26                         </a>
  27                         <a class="group-widget-link" id="group-widget-link-{{$group.id}}" href="{{$group.url}}">{{$group.name}}</a>
  28                 </li>
  29                 {{/if}}
  30
  31                 {{if $group.id > $visible_groups}}
  32                 <li class="group-widget-entry group-{{$group.cid}} tool {{if $group.selected}}selected{{/if}}" id="group-widget-entry-extended-{{$group.id}}" role="menuitem" style="display: none;">
  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" id="group-widget-link-{{$group.id}}" href="{{$group.url}}">{{$group.name}}</a>
  38                 </li>
  39                 {{/if}}
  40                 {{/foreach}}
  41
  42                 {{if $total > $visible_groups }}
  43                 <li onclick="showHideGroupList(); return false;" id="group-widget-collapse" class="group-widget-link fakelink tool">{{$showmore}}</li>
  44                 {{/if}}
  45         </ul>
  46 </div>