<?php
+/**
+ * @file mod/group.php
+ * @brief The group module (create and rename contact groups, add and
+ * remove contacts to the contact groups
+ */
+
function validate_members(&$item) {
$item = intval($item);
}
function group_init(App $a) {
- if(local_user()) {
- require_once('include/group.php');
- $a->page['aside'] = group_side('contacts','group','extended',(($a->argc > 1) ? intval($a->argv[1]) : 0));
+ if (local_user()) {
+ require_once 'include/group.php';
+ $a->page['aside'] = group_side('contacts', 'group', 'extended', (($a->argc > 1) ? intval($a->argv[1]) : 0));
}
}
-
-
function group_post(App $a) {
if (! local_user()) {
- notice( t('Permission denied.') . EOL);
+ notice(t('Permission denied.') . EOL);
return;
}
- if(($a->argc == 2) && ($a->argv[1] === 'new')) {
+ if (($a->argc == 2) && ($a->argv[1] === 'new')) {
check_form_security_token_redirectOnErr('/group/new', 'group_edit');
$name = notags(trim($_POST['groupname']));
- $r = group_add(local_user(),$name);
+ $r = group_add(local_user(), $name);
if ($r) {
- info( t('Group created.') . EOL );
- $r = group_byname(local_user(),$name);
+ info(t('Group created.') . EOL);
+ $r = group_byname(local_user(), $name);
if ($r) {
goaway(App::get_baseurl() . '/group/' . $r);
}
} else {
- notice( t('Could not create group.') . EOL );
+ notice(t('Could not create group.') . EOL);
}
goaway(App::get_baseurl() . '/group');
return; // NOTREACHED
intval(local_user())
);
if (! dbm::is_result($r)) {
- notice( t('Group not found.') . EOL );
+ notice(t('Group not found.') . EOL);
goaway(App::get_baseurl() . '/contacts');
return; // NOTREACHED
}
);
if ($r) {
- info( t('Group name changed.') . EOL );
+ info(t('Group name changed.') . EOL);
}
}
$change = false;
if (! local_user()) {
- notice( t('Permission denied') . EOL);
+ notice(t('Permission denied') . EOL);
return;
}
// Switch to text mode interface if we have more than 'n' contacts or group members
- $switchtotext = get_pconfig(local_user(),'system','groupedit_image_limit');
- if($switchtotext === false)
- $switchtotext = get_config('system','groupedit_image_limit');
- if($switchtotext === false)
+ $switchtotext = get_pconfig(local_user(), 'system', 'groupedit_image_limit');
+ if ($switchtotext === false) {
+ $switchtotext = get_config('system', 'groupedit_image_limit');
+ }
+ if ($switchtotext === false) {
$switchtotext = 400;
+ }
$tpl = get_markup_template('group_edit.tpl');
);
if (($a->argc == 2) && ($a->argv[1] === 'new')) {
-
return replace_macros($tpl, $context + array(
'$title' => t('Create a group of contacts/friends.'),
- '$gname' => array('groupname',t('Group Name: '), '', ''),
+ '$gname' => array('groupname', t('Group Name: '), '', ''),
'$gid' => 'new',
'$form_security_token' => get_form_security_token("group_edit"),
));
$result = null;
if (dbm::is_result($r)) {
- $result = group_rmv(local_user(),$r[0]['name']);
+ $result = group_rmv(local_user(), $r[0]['name']);
}
if ($result) {
- info( t('Group removed.') . EOL);
+ info(t('Group removed.') . EOL);
} else {
- notice( t('Unable to remove group.') . EOL);
+ notice(t('Unable to remove group.') . EOL);
}
}
goaway(App::get_baseurl() . '/group');
intval($a->argv[2]),
intval(local_user())
);
- if (dbm::is_result($r))
+ if (dbm::is_result($r)) {
$change = intval($a->argv[2]);
+ }
}
if (($a->argc > 1) && (intval($a->argv[1]))) {
+ require_once 'include/acl_selectors.php';
+ require_once 'mod/contacts.php';
- require_once('include/acl_selectors.php');
$r = q("SELECT * FROM `group` WHERE `id` = %d AND `uid` = %d AND `deleted` = 0 LIMIT 1",
intval($a->argv[1]),
intval(local_user())
);
+
if (! dbm::is_result($r)) {
- notice( t('Group not found.') . EOL );
+ notice(t('Group not found.') . EOL);
goaway(App::get_baseurl() . '/contacts');
}
+
$group = $r[0];
$members = group_get_members($group['id']);
$preselected = array();
- if(count($members)) {
- foreach($members as $member)
+ $entry = array();
+ $id = 0;
+
+ if (count($members)) {
+ foreach ($members as $member) {
$preselected[] = $member['id'];
+ }
}
- if($change) {
- if(in_array($change,$preselected)) {
- group_rmv_member(local_user(),$group['name'],$change);
- }
- else {
- group_add_member(local_user(),$group['name'],$change);
+ if ($change) {
+ if (in_array($change, $preselected)) {
+ group_rmv_member(local_user(), $group['name'], $change);
+ } else {
+ group_add_member(local_user(), $group['name'], $change);
}
$members = group_get_members($group['id']);
$preselected = array();
- if(count($members)) {
- foreach($members as $member)
+ if (count($members)) {
+ foreach ($members as $member) {
$preselected[] = $member['id'];
+ }
}
}
-
$drop_tpl = get_markup_template('group_drop.tpl');
$drop_txt = replace_macros($drop_tpl, array(
'$id' => $group['id'],
- '$delete' => t('Delete'),
+ '$delete' => t('Delete Group'),
'$form_security_token' => get_form_security_token("group_drop"),
));
$context = $context + array(
'$title' => t('Group Editor'),
- '$gname' => array('groupname',t('Group Name: '),$group['name'], ''),
+ '$gname' => array('groupname', t('Group Name: '), $group['name'], ''),
'$gid' => $group['id'],
'$drop' => $drop_txt,
'$form_security_token' => get_form_security_token('group_edit'),
+ '$edit_name' => t('Edit Group Name')
);
}
- if(! isset($group))
+ if (! isset($group)) {
return;
+ }
$groupeditor = array(
'label_members' => t('Members'),
);
$sec_token = addslashes(get_form_security_token('group_member_change'));
- $textmode = (($switchtotext && (count($members) > $switchtotext)) ? true : false);
- foreach($members as $member) {
- if($member['url']) {
- $member['click'] = 'groupChangeMember(' . $group['id'] . ',' . $member['id'] . ',\'' . $sec_token . '\'); return true;';
- //$groupeditor['members'][] = micropro($member,true,'mpgroup', $textmode);
- $groupeditor['members'][] = array (
- 'url' => $member['url'],
- 'photo' => proxy_url($member['thumb'], false, PROXY_SIZE_THUMB),
- 'name' => $member['name'],
- 'title' => $member['name'] . ' [' . $contact['addr'] . ']',
-
+
+ // Format the data of the group members
+ foreach ($members as $member) {
+ if ($member['url']) {
+ $entry = _contact_detail_for_template($member);
+ $entry['label'] = 'members';
+ $entry['photo_menu'] = '';
+ $entry['change_member'] = array(
+ 'title' => t("Remove Contact"),
+ 'gid' => $group['id'],
+ 'cid' => $member['id'],
+ 'sec_token' => $sec_token
);
+
+ $groupeditor['members'][] = $entry;
+ } else {
+ group_rmv_member(local_user(), $group['name'], $member['id']);
}
- else
- group_rmv_member(local_user(),$group['name'],$member['id']);
}
$r = q("SELECT * FROM `contact` WHERE `uid` = %d AND NOT `blocked` AND NOT `pending` AND NOT `self` ORDER BY `name` ASC",
);
if (dbm::is_result($r)) {
- $textmode = (($switchtotext && (count($r) > $switchtotext)) ? true : false);
- foreach($r as $member) {
- if(! in_array($member['id'],$preselected)) {
- $member['click'] = 'groupChangeMember(' . $group['id'] . ',' . $member['id'] . ',\'' . $sec_token . '\'); return true;';
- $groupeditor['contacts'][] = micropro($member,true,'mpall', $textmode);
+ // Format the data of the contacts who aren't in the contact group
+ foreach ($r as $member) {
+ if (! in_array($member['id'], $preselected)) {
+ $entry = _contact_detail_for_template($member);
+ $entry['label'] = 'contacts';
+ $entry['photo_menu'] = '';
+ $entry['change_member'] = array(
+ 'title' => t("Add Contact"),
+ 'gid' => $group['id'],
+ 'cid' => $member['id'],
+ 'sec_token' => $sec_token
+ );
+
+ $groupeditor['contacts'][] = $entry;
}
}
}
$context['$groupeditor'] = $groupeditor;
$context['$desc'] = t('Click on a contact to add or remove.');
- if($change) {
+ // If there are to many contacts we could provide an alternative view mode
+ $total = count($groupeditor['members']) + count($groupeditor['contacts']);
+ $context['$shortmode'] = (($switchtotext && ($total > $switchtotext)) ? true : false);
+
+ if ($change) {
$tpl = get_markup_template('groupeditor.tpl');
echo replace_macros($tpl, $context);
killme();
id="group-delete-icon-{{$id}}"
class="icon drophide group-delete-icon"
onmouseover="imgbright(this);"
- onmouseout="imgdull(this);" ></a>
+ onmouseout="imgdull(this);"
+ title="{{$delete}}">
+ </a>
</div>
<div class="group-delete-end"></div>
+{{* Template for the contact group list *}}
+
+{{* 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>
+{{* 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}}
+ {{* If there are too many contacts we use another view mode *}}
+ {{if $shortmode}}
+ <div class="contact-block-textdiv mpall">
+ <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}}">
+ {{$m.name}}
+ </a>
+ </div>
+ {{else}}
+ {{* The normal view mode *}}
+ <div class="contact-block-div mpall">
+ <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;">
+ <img class="contact-block-img mpall " src="{{$m.thumb}}" title="{{$m.name}} [{{$m.itemurl}}]" alt="{{$m.name}}">
+ </a>
+ </div>
+ {{/if}}
+ {{/foreach}}
+ </div>
+ <div id="group-all-contacts-end"></div>
</div>
+
padding: 8px 16px;
color: inherit;
}
+a.btn:hover {
+ color: #333;
+}
.btn-default {
background: #ededed;
padding-left: 0;
padding-right: 0;
}
+.btn-clear,
+.btn-clear:active {
+ border: 0;
+ background: transparent;
+ box-shadow: none;
+}
.btn-eventnav, btn-eventnav:hover {
font-size: 16px;
background: none;
border-radius: 4px;
position: relative;
}
+.panel.panel-inline {
+ margin-left: -15px;
+ margin-right: -15px;
+ margin-top: 15px;
+ padding: 15px;
+}
.panel .panel-body {
padding: 15px;
font-size: 14px;
font-size: 12px;
}
.media-list > li:hover,
-.media-list > li.selected {
+.media-list > li.selected,
+.media-list > li.active {
border-left: 3px solid $link_color;
background-color: rgba(247, 247, 247, $contentbg_transp);
}
.allfriends-content-wrapper, .match-content-wrapper, .dirfind-content-wrapper,
.directory-content-wrapper, .manage-content-wrapper, .notes-content-wrapper,
.message-content-wrapper, .apps-content-wrapper, .photos-content-wrapper,
-.admin-content-wrapper, .group-content-wrapper, .viewcontacts-content-wrapper,
-.dfrn_request-content-wrapper, .friendica-content-wrapper, .credits-content-wrapper,
-.nogroup-content-wrapper, .profperm-content-wrapper {
+.admin-content-wrapper, .viewcontacts-content-wrapper, .dfrn_request-content-wrapper,
+.friendica-content-wrapper, .credits-content-wrapper, .nogroup-content-wrapper,
+.profperm-content-wrapper {
min-height: calc(100vh - 150px);
padding: 15px;
padding-bottom: 20px;
position: relative;*/
/*border-left: 3px solid white;*/
}
+.contact-wrapper .contact-photo-wrapper button {
+ padding: 0;
+}
.contact-wrapper.media {
overflow: visible;
word-wrap: break-word;
.contact-wrapper .contact-photo-overlay-content.xl {
font-size: 48px;
}
+.contact-wrapper .contact-photo-menu {
+ top: auto;
+}
.contact-entry-desc {
color: #555;
padding-top: 10px;
}
+/* group edit page */
+.group-actions {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ font-size: 30px;
+}
+.group-actions button,
+.group-actions a {
+ font-size: 18px;
+}
+#group-edit-wrapper {
+ display: none;
+}
+#group-update-wrapper .contact-photo-overlay {
+ display: none;
+}
+#group-update-wrapper .viewcontact_wrapper .contact-group-actions {
+ height: 100%;
+ margin-top: -10px;
+ display: flex;
+}
+#group-update-wrapper .viewcontact_wrapper .contact-action-link {
+ opacity: 0.8;
+ font-size: 20px;
+ line-height: 50px;
+}
+#group-update-wrapper .viewcontact_wrapper .contact-action-link:hover {
+ opacity: 1;
+}
+#group-update-wrapper .shortmode {
+ height: 53px;
+ overflow: hidden;
+}
+#group-update-wrapper .shortmode .contact-photo {
+ height: 32px;
+ width: 32px;
+}
+#group-update-wrapper .shortmode .media {
+ overflow: hidden;
+}
+#group-update-wrapper .shortmode .contact-entry-desc {
+ font-size: 12px !important;
+}
+#group-update-wrapper .shortmode .contact-entry-desc h4.media-heading {
+ margin: 0;
+}
+#group-update-wrapper .shortmode .contact-entry-desc h4.media-heading a {
+ font-size: 13px !important;
+ white-space: nowrap;
+}
+#group-update-wrapper .shortmode .contact-entry-desc .contact-entry-rel,
+#group-update-wrapper .shortmode .contact-entry-desc .contact-entry-network {
+ display: none;
+}
+
/* private mail */
.message-content-wrapper > li {
/* we need this overwriting because we have no template file
--- /dev/null
+
+/**
+ * @file view/theme/frio/js/mod_group.js
+ * @brief The javascript for the group module
+ */
+
+
+$(document).ready(function(){
+ // Add an event listeners on buttons for switching the contact list view
+ $("body").on("click", ".group-list-switcher", function(){
+ switchGroupViewMode(this);
+ });
+});
+
+/**
+ * @brief Change the group membership of the contacts and fetch the new grup list
+ * as html
+ *
+ * @param {int} gid The group ID
+ * @param {int} cid The contact ID
+ * @param {string} sec_token The security token
+ *
+ * @returns {undefined}
+ */
+function groupChangeMember(gid, cid, sec_token) {
+ $(".tooltip").tooltip("hide");
+ $("body").css("cursor", "wait");
+ $.get('group/' + gid + '/' + cid + "?t=" + sec_token, function(data) {
+ // Insert the new group member list
+ $("#group-update-wrapper").html(data);
+
+ // Apply the actual gropu list view mode to the new
+ // group list html
+ var activeMode = $(".group-list-switcher.active");
+ switchGroupViewMode(activeMode[0]);
+
+ $("body").css("cursor", "auto");
+ });
+}
+
+/**
+ * @brief Change the group list view mode
+ *
+ * @param {object} elm The button element of the view mode switcher
+ * @returns {undefined}
+ */
+function switchGroupViewMode(elm) {
+ // Remove the active class from group list switcher buttons
+ $(".group-list-switcher").removeClass("active");
+ // And add it to the active button element
+ $(elm).addClass("active");
+
+ // Add or remove the css classes for the group list with regard to the active view mode
+ if (elm.id === "group-list-small") {
+ $("#contact-group-list > li").addClass("shortmode col-lg-6 col-md-6 col-sm-6 col-xs-12");
+ } else {
+ $("#contact-group-list > li").removeClass("shortmode col-lg-6 col-md-6 col-sm-6 col-xs-12");
+ }
+}
+
+/**
+ * @brief Filter the group member list for contacts
+ *
+ * @returns {undefined}
+ */
+function filterList() {
+ // Declare variables
+ var input, filter, ul, li, a, i;
+ input = document.getElementById("contacts-search");
+ filter = input.value.toUpperCase();
+ li = document.querySelectorAll("#contact-group-list>li");
+
+ // Loop through all list items, and hide those who don't match the search query
+ for (i = 0; i < li.length; i++) {
+ // Get the heading element
+ var mh = li[i].getElementsByClassName("media-heading")[0];
+ // The first child of the heading element should contain
+ // the text which we want to filter
+ a = mh.firstChild;
+ if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
+ li[i].style.display = "";
+ } else {
+ li[i].style.display = "none";
+ }
+ }
+}
-<div class="contact-wrapper media" id="contact-entry-wrapper-{{$contact.id}}" >
+<div class="contact-wrapper media" id="contact-entry-wrapper-{{$contact.id}}">
{{* This is a wrapper for the contact picture and the dropdown menu with contact relating actions *}}
- <div class="contact-photo-wrapper dropdown pull-left" >
- <div class="contact-entry-photo mframe" id="contact-entry-photo-{{$contact.id}}" >
+ <div class="contact-photo-wrapper dropdown media-left">
+ <div class="contact-entry-photo mframe" id="contact-entry-photo-{{$contact.id}}">
- <button type="button" class="btn btn-link dropdown-toggle" id="contact-photo-menu-{{$contact.id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
+ <button type="button" class="btn btn-link dropdown-toggle" id="contact-photo-menu-{{$contact.id}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="contact-photo-image-wrapper hidden-xs">
<img class="contact-photo media-object xl" src="{{$contact.thumb}}" {{$contact.sparkle}} alt="{{$contact.name}}" />
{{if $contact.photo_menu.hide }}<a class="contact-action-link btn-link" href="{{$contact.photo_menu.hide.1}}" data-toggle="tooltip" title="{{$contact.photo_menu.hide.0}}"><i class="fa fa-times" aria-hidden="true"></i></a>{{/if}}
</div>
+ {{* The button to add or remove contacts from a contact group - group edit page *}}
+ {{if $contact.change_member}}
+ <div class="contact-group-actions pull-right nav-pills preferences">
+ <button type="button" class="contact-action-link btn-link" onclick="groupChangeMember({{$contact.change_member.gid}},{{$contact.change_member.cid}},'{{$contact.change_member.sec_token}}'); return true;" data-toggle="tooltip" title="{{$contact.change_member.title}}">
+ {{if $contact.label == "members"}}
+ <i class="fa fa-times-circle" aria-hidden="true"></i>
+ {{elseif $contact.label == "contacts"}}
+ <i class="fa fa-plus-circle" aria-hidden="true"></i>
+ {{/if}}
+ </button>
+ </div>
+ {{/if}}
+
{{* The contact description (e.g. Name, Network, kind of connection and so on *}}
<div class="contact-entry-desc">
- <div class="contact-entry-name" id="contact-entry-name-{{$contact.id}}" >
+ <div class="contact-entry-name" id="contact-entry-name-{{$contact.id}}">
<h4 class="media-heading"><a href="{{$contact.url}}">{{$contact.name}}</a>
{{if $contact.account_type}} <small class="contact-entry-details" id="contact-entry-accounttype-{{$contact.id}}">({{$contact.account_type}})</small>{{/if}}
{{if $contact.account_type == 'Forum'}}<i class="fa fa-comments-o" aria-hidden="true"></i>{{/if}}
{{* @todo this needs some changing in core because $contact.account_type contains a translated string which may notbe the same in every language *}}
</h4>
</div>
- {{if $contact.alt_text}}<div class="contact-entry-details" id="contact-entry-rel-{{$contact.id}}" >{{$contact.alt_text}}</div>{{/if}}
- {{if $contact.itemurl}}<div class="contact-entry-details" id="contact-entry-url-{{$contact.id}}" >{{$contact.itemurl}}</div>{{/if}}
+ {{if $contact.alt_text}}<div class="contact-entry-details contact-entry-rel" id="contact-entry-rel-{{$contact.id}}" >{{$contact.alt_text}}</div>{{/if}}
+ {{if $contact.itemurl}}<div class="contact-entry-details contact-entry-url" id="contact-entry-url-{{$contact.id}}" >{{$contact.itemurl}}</div>{{/if}}
{{if $contact.tags}}<div class="contact-entry-details" id="contact-entry-tags-{{$contact.id}}" >{{$contact.tags}}</div>{{/if}}
- {{if $contact.details}}<div class="contact-entry-details" id="contact-entry-details-{{$contact.id}}" >{{$contact.details}}</div>{{/if}}
- {{if $contact.network}}<div class="contact-entry-details" id="contact-entry-network-{{$contact.id}}" >{{$contact.network}}</div>{{/if}}
+ {{if $contact.details}}<div class="contact-entry-details contact-entry-tags" id="contact-entry-details-{{$contact.id}}" >{{$contact.details}}</div>{{/if}}
+ {{if $contact.network}}<div class="contact-entry-details contact-entry-network" id="contact-entry-network-{{$contact.id}}" >{{$contact.network}}</div>{{/if}}
</div>
{{* The checkbox to perform batch actions to these contacts (for batch actions have a look at contacts-template.tpl) *}}
{{* the following part is a nearly a copy of the part above but it is modified for working with js.
We use this part to filter the contacts with jquery.textcomplete *}}
<div class="javascript-template" rel="contact-template" style="display: none">
- <div class="contact-wrapper media" id="contact-entry-wrapper-{$id}" >
+ <div class="contact-wrapper media" id="contact-entry-wrapper-{$id}">
{{* This is a wrapper for the contact picture and the dropdown menu with contact relating actions *}}
- <div class="contact-photo-wrapper dropdown pull-left" >
- <div class="contact-entry-photo mframe" id="contact-entry-photo-{$id}" >
+ <div class="contact-photo-wrapper dropdown media-left">
+ <div class="contact-entry-photo mframe" id="contact-entry-photo-{$id}">
- <button type="button" class="btn btn-link dropdown-toggle" id="contact-photo-menu-{$id}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
+ <button type="button" class="btn btn-link dropdown-toggle" id="contact-photo-menu-{$id}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="contact-photo-image-wrapper hidden-xs">
<img class="contact-photo media-object xl" src="{$thumb}" {11} alt="{$name}" />
{{* The contact description (e.g. Name, Network, kind of connection and so on *}}
<div class="contact-entry-desc">
- <div class="contact-entry-name" id="contact-entry-name-{$id}" >
+ <div class="contact-entry-name" id="contact-entry-name-{$id}">
<h4 class="media-heading"><a href="{$url}">{$name}</a>
{if $account_type} <small class="contact-entry-details" id="contact-entry-accounttype-{$id}">({$account_type})</small>{/if}
{if $account_type == 'Forum'}<i class="fa fa-comments-o" aria-hidden="true"></i>{/if}
--- /dev/null
+
+{{* Link for deleting contact groups *}}
+<a href="group/drop/{{$id}}?t={{$form_security_token}}" onclick="return confirmDelete();" id="group-delete-icon-{{$id}}" class="btn btn-clear" title="{{$delete}}" data-toggle="tooltip">
+ <i class="fa fa-trash" aria-hidden="true"></i>
+</a>
--- /dev/null
+
+{{* This template is for the "group" module. It provides the user the possibility to
+ modify a specific contact group (remove contact group, edit contact group name,
+ add or remove contacts to the contact group.
+*}}
+
+<script type="text/javascript" src="view/theme/frio/js/mod_group.js"></script>
+
+<div class="generic-page-wrapper">
+
+ {{* The buttons for editing the contact group (edit name / remove contact group) *}}
+ <div class="group-actions pull-right">
+ <button type="button" id="group-rename" class="btn btn-clear" onclick="openClose('group-edit-wrapper'); return false;" title="{{$edit_name}}" data-toggle="tooltip">
+ <i class="fa fa-pencil" aria-hidden="true"></i>
+ </button>
+ {{if $drop}}{{$drop}}{{/if}}
+ </div>
+
+ {{include file="section_title.tpl"}}
+
+ {{* Edit the name of the group *}}
+ <div id="group-edit-wrapper" class="panel panel-inline">
+ <form action="group/{{$gid}}" id="group-edit-form" method="post">
+ <input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
+
+ {{include file="field_input.tpl" field=$gname}}
+ <div id="group-edit-submit-wrapper" class="form-group pull-right">
+ <button class="btn btn-primary btn-small" type="submit" name="submit" value="{{$submit|escape:'html'}}">
+ {{$submit|escape:'html'}}
+ </button>
+ </div>
+ <div id="group-edit-select-end" class="clear"></div>
+ </form>
+ </div>
+
+ {{* The search input field to search for contacts *}}
+ <div id="contacts-search-wrapper">
+ <div id="contacts-search-form" class="navbar-form" role="search">
+ <div class="row">
+ <div class="col-md-2"></div>
+ <div class="col-md-8 ">
+ <div class="form-group form-group-search">
+ <input type="text"
+ name="filter"
+ id="contacts-search"
+ class="search-input form-control form-search"
+ onkeyup="filterList(); return false;"
+ onfocus="this.select(); return false;"
+ />
+ </div>
+ </div>
+ <div class="col-md-2"></div>
+ </div>
+ </div>
+ </div>
+
+ <hr>
+ <div id="contacts-search-end"></div>
+
+ {{if $groupeditor}}
+ {{* The buttons to switch between the different view modes *}}
+ <div id="group-list-view-switcher" class="btn-group btn-group-sm pull-right">
+ <botton type="button" id="group-list-big" class="active group-list-switcher btn btn-default">
+ <i class="fa fa-align-justify" aria-hidden="true"></i>
+ </botton>
+ <button type="button" id="group-list-small" class="btn btn-default group-list-switcher">
+ <i class="fa fa-th-large" aria-hidden="true"></i>
+ </button>
+ </div>
+ <div class="clear"></div>
+
+ {{* The contact group list *}}
+ <div id="group-update-wrapper">
+ {{include file="groupeditor.tpl"}}
+ </div>
+ {{/if}}
+</div>
--- /dev/null
+
+{{* Template for the contact group list *}}
+<div id="group" class="contact_list">
+
+ <ul id="contact-group-list" class="viewcontact_wrapper media-list">
+
+ {{* The contacts who are already members of the contact group *}}
+ {{foreach $groupeditor.members as $contact}}
+ <li class="members active">{{include file="contact_template.tpl"}}</li>
+ {{/foreach}}
+
+ {{* The contacts who are not members of the contact group *}}
+ {{foreach $groupeditor.contacts as $contact}}
+ <li class="contacts">{{include file="contact_template.tpl"}}</li>
+ {{/foreach}}
+
+ </ul>
+ <div class="clear"></div>
+</div>
projects / friendica.git / commitdiff