[frio] Improve Group Editing (#5349)

[friendica.git] / view / templates / groupeditor.tpl

diff --git a/view/templates/groupeditor.tpl b/view/templates/groupeditor.tpl
index 86458ded2e0d81c0151cd3b5b27ee7a3481250b4..0168a7a2d73105e0ca989f3753e86d3b54dcf6cb 100644 (file)
--- a/view/templates/groupeditor.tpl
+++ b/view/templates/groupeditor.tpl
@@ -1,21 +1,62 @@
 
+{{* Template for the contact group list *}}
+
+{{if $editable == 1}}
+{{* The contacts who are already members of the contact group *}}
 <div id="group">
-<h3>{{$groupeditor.label_members}}</h3>
-<div id="group-members" class="contact_list">
-{{if $groupeditor.members }}
-       {{foreach $groupeditor.members as $c}} {{$c}} {{/foreach}}
-{{else}}
-{{$groupeditor.group_is_empty}}
-{{/if}}
-</div>
-<div id="group-members-end"></div>
-<hr id="group-separator" />
+       <h3>{{$groupeditor.label_members}}</h3>
+       <div id="group-members" class="contact_list">
+
+               {{if $groupeditor.members }}
+
+               {{foreach $groupeditor.members as $c}}
+                       {{* If there are too many contacts we use another view mode *}}
+                       {{if $shortmode}}
+                       <div class="contact-block-textdiv mpgroup">
+                               <a class="contact-block-link mpgroup  fakelink" target="redir" onclick="groupChangeMember({{$c.change_member.gid}},{{$c.change_member.cid}},'{{$c.change_member.sec_token}}'); return true;" title="{{$c.name}} [{{$c.itemurl}}]" alt="{{$c.name}}">
+                                       {{$c.name}}"
+                               </a>
+                       </div>
+                       {{else}}
+                       {{* The normal view mode *}}
+                       <div class="contact-block-div mpgroup">
+                               <a class="contact-block-link mpgroup  fakelink" target="redir" onclick="groupChangeMember({{$c.change_member.gid}},{{$c.change_member.cid}},'{{$c.change_member.sec_token}}'); return true;">
+                                       <img class="contact-block-img mpgroup " src="{{$c.thumb}}" title="{{$c.name}} [{{$c.itemurl}}]" alt="{{$c.name}}">
+                               </a>
+                       </div>
+                       {{/if}}
+               {{/foreach}}
+
+               {{else}}
+               {{$groupeditor.group_is_empty}}
+               {{/if}}
+       </div>
+
+       <div id="group-members-end"></div>
+               <hr id="group-separator" />
 </div>
+{{/if}}
 
+{{* The contacts who are not members of the contact group *}}
 <div id="contacts">
-<h3>{{$groupeditor.label_contacts}}</h3>
-<div id="group-all-contacts" class="contact_list">
-{{foreach $groupeditor.contacts as $m}} {{$m}} {{/foreach}}
-</div>
-<div id="group-all-contacts-end"></div>
+       <h3>{{$groupeditor.label_contacts}}</h3>
+       <div id="group-all-contacts" class="contact_list">
+               {{foreach $groupeditor.contacts as $m}}
+                       <div class="contact-block-textdiv mpall">
+                               {{if $editable == 1}}
+                               <a class="contact-block-link mpall  fakelink" target="redir" onclick="groupChangeMember({{$m.change_member.gid}},{{$m.change_member.cid}},'{{$m.change_member.sec_token}}'); return true;" title="{{$m.name}} [{{$m.itemurl}}]" alt="{{$m.name}}">
+                               {{else}}
+                               <a class="contact-block-link mpall" href="{{$m.url}}" title="{{$m.name}} [{{$m.itemurl}}]" alt="{{$m.name}}">
+                               {{/if}}
+                                       {{* If there are too many contacts we use another view mode *}}
+                                       {{if $shortmode}}
+                                               {{$m.name}}
+                                       {{else}}
+                                               <img class="contact-block-img mpall " src="{{$m.thumb}}" title="{{$m.name}} [{{$m.itemurl}}]" alt="{{$m.name}}">
+                                       {{/if}}
+                               </a>
+                       </div>
+               {{/foreach}}
+       </div>
+       <div id="group-all-contacts-end"></div>
 </div>