<span id="circle-sidebar-inflated" class="widget fakelink" onclick="openCloseWidget('circle-sidebar', 'circle-sidebar-inflated');"> <h3>{{$title}}</h3> </span> <div class="widget" id="circle-sidebar"> <div id="sidebar-circle-header" class="sidebar-widget-header"> <span class="fakelink" onclick="openCloseWidget('circle-sidebar', 'circle-sidebar-inflated');"> <h3>{{$title}}</h3> </span> {{if ! $new_circle}} <a class="circle-edit-tool pull-right widget-action faded-icon" id="sidebar-edit-circle" href="{{$circle_page}}" data-toggle="tooltip" title="{{$edit_circles_text}}"> <i class="fa fa-pencil" aria-hidden="true"></i> </a> {{else}} <a class="circle-edit-tool pull-right widget-action faded-icon" id="sidebar-new-circle" onclick="javascript:$('#circle-new-form').fadeIn('fast');" data-toggle="tooltip" title="{{$createtext}}"> <i class="fa fa-plus" aria-hidden="true"></i> </a> <form id="circle-new-form" action="circle/new" method="post" style="display:none;"> <div class="form-group"> <input type="hidden" name="form_security_token" value="{{$form_security_token}}"> <input name="circle_name" id="id_circle_name" class="form-control input-sm" placeholder="{{$create_circle}}"> </div> </form> {{/if}} </div> <div id="sidebar-circle-list" class="sidebar-widget-list"> {{* The list of available circles *}} <ul role="menu" id="sidebar-circle-ul"> {{foreach $circles as $circle}} <li role="menuitem" class="sidebar-circle-li circle-{{$circle.id}} {{if $circle.selected}}selected{{/if}}"> {{if ! $new_circle}}<span class="notify badge pull-right"></span>{{/if}} {{if $circle.cid}} <div class="checkbox pull-right circle-checkbox "> <input type="checkbox" id="sidebar-circle-checkbox-{{$circle.id}}" class="{{if $circle.selected}}ticked{{else}}unticked {{/if}} action" onclick="return contactCircleChangeMember(this, '{{$circle.id}}','{{$circle.cid}}');" {{if $circle.ismember}}checked="checked"{{/if}} aria-checked="{{if $circle.ismember}}true{{else}}false{{/if}}" /> <label for="sidebar-circle-checkbox-{{$circle.id}}"></label> <div class="clearfix"></div> </div> {{/if}} {{if $circle.edit}} {{* if the circle is editable show a little pencil for editing *}} <a id="edit-sidebar-circle-element-{{$circle.id}}" class="circle-edit-tool pull-right faded-icon" href="{{$circle.edit.href}}" data-toggle="tooltip" title="{{$edittext}}"> <i class="fa fa-pencil" aria-hidden="true"></i> </a> {{/if}} <a id="sidebar-circle-element-{{$circle.id}}" class="sidebar-circle-element" href="{{$circle.href}}">{{$circle.text}}</a> </li> {{/foreach}} {{if $uncircled}}<li class="{{if $uncircled_selected}}selected{{/if}} sidebar-circle-li" id="sidebar-uncircled"><a href="nocircle">{{$uncircled}}</a></li>{{/if}} </ul> </div> </div> <script> initWidget('circle-sidebar', 'circle-sidebar-inflated'); </script>