]> git.mxchange.org Git - friendica.git/blob - view/theme/frio/templates/group_side.tpl
Make frio more consistent by replacing textual links with icons everywhere. (#5415)
[friendica.git] / view / theme / frio / templates / group_side.tpl
1 <div class="widget" id="group-sidebar">
2         <div id="sidebar-group-header">
3         <h3>{{$title}}</h3>
4         {{if ! $newgroup}}
5         <a class="group-edit-tool pull-right" href="{{$grouppage}}" data-toggle="tooltip" title="{{$editgroupstext}}">
6         <i class="faded-icon fa fa-pencil" aria-hidden="true"></i>
7         </a>
8         {{else}}
9         <a class="group-edit-tool pull-right" id="sidebar-new-group" onclick="javascript:$('#group-new-form').fadeIn('fast');" data-toggle="tooltip" title="{{$createtext}}">
10         <i class="faded-icon fa fa-plus" aria-hidden="true"></i>
11         </a>
12         <form id="group-new-form" action="group/new" method="post" style="display:none;">
13                 <div class="form-group">
14                         <input type="hidden" name="form_security_token" value="{{$form_security_token}}">
15                         <input name="groupname" id="id_groupname" class="form-control input-sm" placeholder="{{$creategroup}}">
16                 </div>
17         </form>
18         {{/if}}
19         </div>
20         <div id="sidebar-group-list">
21                 {{* The list of available groups *}}
22                 <ul role="menu" id="sidebar-group-ul">
23                         {{foreach $groups as $group}}
24                                 <li role="menuitem" class="sidebar-group-li group-{{$group.id}} {{if $group.selected}}selected{{/if}}">
25                                         {{if ! $newgroup}}<span class="notify badge pull-right"></span>{{/if}}
26                                         {{if $group.cid}}
27                                                 <div class="checkbox pull-right group-checkbox ">
28                                                         <input type="checkbox"
29                                                                 id="sidebar-group-checkbox-{{$group.id}}"
30                                                                 class="{{if $group.selected}}ticked{{else}}unticked {{/if}} action"
31                                                                 onclick="contactgroupChangeMember('{{$group.id}}','{{$group.cid}}');return true;"
32                                                                 {{if $group.ismember}}checked="checked"{{/if}}
33                                                                 aria-checked="{{if $group.ismember}}true{{else}}false{{/if}}"
34                                                         />
35                                                         <label for="sidebar-group-checkbox-{{$group.id}}"></label>
36                                                         <div class="clearfix"></div>
37                                                 </div>
38                                         {{/if}}
39                                         {{if $group.edit}}
40                                                 {{* if the group is editable show a little pencil for editing *}}
41                                                 <a id="edit-sidebar-group-element-{{$group.id}}" class="group-edit-tool pull-right" href="{{$group.edit.href}}" data-toggle="tooltip" title="{{$edittext}}">
42                                                         <i class="faded-icon fa fa-pencil" aria-hidden="true"></i>
43                                                 </a>
44                                         {{/if}}
45                                         <a id="sidebar-group-element-{{$group.id}}" class="sidebar-group-element" href="{{$group.href}}">{{$group.text}}</a>
46                                 </li>
47                         {{/foreach}}
48
49                         {{if $ungrouped}}<li class="{{if $ungrouped_selected}}selected{{/if}} sidebar-group-li" id="sidebar-ungrouped"><a href="nogroup">{{$ungrouped}}</a></li>{{/if}}
50                 </ul>
51         </div>
52
53
54 </div>