X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftemplates%2Fgroup_side.tpl;h=2aca4cdf455c26272df8fc23b4e59c4069710269;hb=75d857c595bf222925653453102ca9b49fe536f9;hp=b304be3b994b37888b8fb9fd01f68332cb5b7ae1;hpb=191595766d399cfd012a10ef6f14f97c8ab87d1d;p=friendica.git

diff --git a/view/templates/group_side.tpl b/view/templates/group_side.tpl
index b304be3b99..2aca4cdf45 100644
--- a/view/templates/group_side.tpl
+++ b/view/templates/group_side.tpl
@@ -1,34 +1,48 @@
-
+<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">
-<h3>{{$title}}</h3>
+	<span class="fakelink" onclick="openCloseWidget('group-sidebar', 'group-sidebar-inflated');">
+		<h3>{{$title}}</h3>
+	</span>
 
-<div id="sidebar-group-list">
-	<ul id="sidebar-group-ul">
-		{{foreach $groups as $group}}
-			<li class="sidebar-group-li">
-				{{if $group.cid}}
-					<input type="checkbox" 
-						class="{{if $group.selected}}ticked{{else}}unticked {{/if}} action" 
-						onclick="contactgroupChangeMember('{{$group.id}}','{{$group.cid}}');return true;"
-						{{if $group.ismember}}checked="checked"{{/if}}
-					/>
-				{{/if}}			
-				{{if $group.edit}}
-					<a class="groupsideedit" href="{{$group.edit.href}}" title="{{$edittext}}"><span id="edit-sidebar-group-element-{{$group.id}}" class="group-edit-icon iconspacer small-pencil"></span></a>
-				{{/if}}
-				<a id="sidebar-group-element-{{$group.id}}" class="sidebar-group-element {{if $group.selected}}group-selected{{/if}}" href="{{$group.href}}">{{$group.text}}</a>
-			</li>
-		{{/foreach}}
-	</ul>
+	<div id="sidebar-group-list">
+		<ul role="menu" id="sidebar-group-ul">
+			{{foreach $groups as $group}}
+				<li role="menuitem" class="sidebar-group-li group-{{$group.id}}">
+					{{if ! $newgroup}}<span class="notify badge pull-right"></span>{{/if}}
+					{{if $group.cid}}
+						<input type="checkbox"
+							class="{{if $group.selected}}ticked{{else}}unticked {{/if}} action"
+							onclick="return contactgroupChangeMember(this, '{{$group.id}}','{{$group.cid}}');"
+							{{if $group.ismember}}checked="checked"{{/if}}
+						/>
+					{{/if}}
+					{{if $group.edit}}
+						<a class="groupsideedit" href="{{$group.edit.href}}" title="{{$edittext}}">
+							<span id="edit-sidebar-group-element-{{$group.id}}" class="group-edit-icon iconspacer small-pencil"><span class="sr-only">{{$edittext}}</span></span>
+						</a>
+					{{/if}}
+					<a id="sidebar-group-element-{{$group.id}}" class="sidebar-group-element {{if $group.selected}}group-selected{{/if}}" href="{{$group.href}}">{{$group.text}}</a>
+				</li>
+			{{/foreach}}
+		</ul>
 	</div>
-  <div id="sidebar-new-group">
-  <a href="group/new">{{$createtext}}</a>
-  </div>
-  {{if $ungrouped}}
-  <div id="sidebar-ungrouped">
-  <a href="nogroup">{{$ungrouped}}</a>
-  </div>
-  {{/if}}
-</div>
 
+	{{if $newgroup}}
+	<div id="sidebar-new-group">
+		<a onclick="javascript:$('#group-new-form').fadeIn('fast');return false;">{{$createtext}}</a>
+		<form id="group-new-form" action="group/new" method="post" style="display:none;">
+			<input type="hidden" name="form_security_token" value="{{$form_security_token}}">
+			<input name="groupname" id="id_groupname" placeholder="{{$creategroup}}">
+		</form>
+	</div>
+	{{else}}
+	<div id="sidebar-edit-groups"><a href="{{$grouppage}}">{{$editgroupstext}}</a></div>
+	{{/if}}
 
+	{{if $ungrouped}}<div id="sidebar-ungrouped"><a class="{{if $ungrouped_selected}}group-selected{{/if}}" href="nogroup">{{$ungrouped}}</a></div>{{/if}}
+</div>
+<script>
+initWidget('group-sidebar', 'group-sidebar-inflated');
+</script>