Fix review points

[friendica.git] / view / theme / frio / templates / group_side.tpl

diff --git a/view/theme/frio/templates/group_side.tpl b/view/theme/frio/templates/group_side.tpl
index 8d94cd30202a3529580f879b6a2485db753836ae..0c5e76a05e6fa2d5755ed6a97586c86609ab6b84 100644 (file)
--- a/view/theme/frio/templates/group_side.tpl
+++ b/view/theme/frio/templates/group_side.tpl
@@ -1,21 +1,26 @@
+<span id="group-sidebar-inflated" class="widget fakelink" onclick="openCloseWidget('group-sidebar', 'group-sidebar-inflated');">
+        <h3>{{$title}}</h3>
+</span>
 <div class="widget" id="group-sidebar">
        <div id="sidebar-group-header">
-       <h3>{{$title}}</h3>
-       {{if ! $newgroup}}
-       <a class="group-edit-tool pull-right" href="{{$grouppage}}">
-       <i class="faded-icon fa fa-pencil" aria-hidden="true"></i><span class="sr-only">{{$editgroupstext}}</span>
-       </a>
-       {{else}}
-       <a class="group-edit-tool pull-right" id="sidebar-new-group" onclick="javascript:$('#group-new-form').fadeIn('fast');">
-       <i class="faded-icon fa fa-plus" aria-hidden="true"></i><span class="sr-only">{{$createtext}}</span>
-       </a>
-       <form id="group-new-form" action="group/new" method="post" style="display:none;">
-               <div class="form-group">
-                       <input type="hidden" name="form_security_token" value="{{$form_security_token}}">
-                       <input name="groupname" id="id_groupname" class="form-control input-sm" placeholder="{{$creategroup}}">
-               </div>
-       </form>
-       {{/if}}
+               <span class="fakelink" onclick="openCloseWidget('group-sidebar', 'group-sidebar-inflated');">
+                       <h3>{{$title}}</h3>
+               </span>
+               {{if ! $newgroup}}
+               <a class="group-edit-tool pull-right widget-action faded-icon" id="sidebar-edit-group" href="{{$grouppage}}" data-toggle="tooltip" title="{{$editgroupstext}}">
+                       <i class="fa fa-pencil" aria-hidden="true"></i>
+               </a>
+               {{else}}
+               <a class="group-edit-tool pull-right widget-action faded-icon" id="sidebar-new-group" onclick="javascript:$('#group-new-form').fadeIn('fast');" data-toggle="tooltip" title="{{$createtext}}">
+                       <i class="fa fa-plus" aria-hidden="true"></i>
+               </a>
+               <form id="group-new-form" action="group/new" method="post" style="display:none;">
+                       <div class="form-group">
+                               <input type="hidden" name="form_security_token" value="{{$form_security_token}}">
+                               <input name="groupname" id="id_groupname" class="form-control input-sm" placeholder="{{$creategroup}}">
+                       </div>
+               </form>
+               {{/if}}
        </div>
        <div id="sidebar-group-list">
                {{* The list of available groups *}}
@@ -28,7 +33,7 @@
                                                        <input type="checkbox"
                                                                id="sidebar-group-checkbox-{{$group.id}}"
                                                                class="{{if $group.selected}}ticked{{else}}unticked {{/if}} action"
-                                                               onclick="contactgroupChangeMember('{{$group.id}}','{{$group.cid}}');return true;"
+                                                               onclick="return contactgroupChangeMember(this, '{{$group.id}}','{{$group.cid}}');"
                                                                {{if $group.ismember}}checked="checked"{{/if}}
                                                                aria-checked="{{if $group.ismember}}true{{else}}false{{/if}}"
                                                        />
@@ -38,8 +43,8 @@
                                        {{/if}}
                                        {{if $group.edit}}
                                                {{* if the group is editable show a little pencil for editing *}}
-                                               <a id="edit-sidebar-group-element-{{$group.id}}" class="group-edit-tool pull-right" href="{{$group.edit.href}}" title="{{$edittext}}">
-                                                       <i class="faded-icon fa fa-pencil" aria-hidden="true"></i><span class="sr-only">{{$edittext}}</span>
+                                               <a id="edit-sidebar-group-element-{{$group.id}}" class="group-edit-tool pull-right faded-icon" href="{{$group.edit.href}}" data-toggle="tooltip" title="{{$edittext}}">
+                                                       <i class="fa fa-pencil" aria-hidden="true"></i>
                                                </a>
                                        {{/if}}
                                        <a id="sidebar-group-element-{{$group.id}}" class="sidebar-group-element" href="{{$group.href}}">{{$group.text}}</a>
@@ -49,6 +54,7 @@
                        {{if $ungrouped}}<li class="{{if $ungrouped_selected}}selected{{/if}} sidebar-group-li" id="sidebar-ungrouped"><a href="nogroup">{{$ungrouped}}</a></li>{{/if}}
                </ul>
        </div>
-
-
 </div>
+<script>
+initWidget('group-sidebar', 'group-sidebar-inflated');
+</script>