template rework: use viewcontact_template.tpl for contact dealing pages

This commit is contained in:
rabuzarus 2015-10-18 17:12:48 +02:00
parent 4c1c614fa6
commit f9c0c1d696
21 changed files with 185 additions and 33 deletions

View File

@ -799,6 +799,7 @@ function contacts_content(&$a) {
'$cmd' => $a->cmd, '$cmd' => $a->cmd,
'$contacts' => $contacts, '$contacts' => $contacts,
'$contact_drop_confirm' => t('Do you really want to delete this contact?'), '$contact_drop_confirm' => t('Do you really want to delete this contact?'),
'multiselect' => 1,
'$batch_actions' => array( '$batch_actions' => array(
'contacts_batch_update' => t('Update'), 'contacts_batch_update' => t('Update'),
'contacts_batch_block' => t('Block')."/".t("Unblock"), 'contacts_batch_block' => t('Block')."/".t("Unblock"),

View File

@ -141,8 +141,8 @@ function dirfind_content(&$a, $prefix = "") {
$entry = array( $entry = array(
'url' => zrl($jj->url), 'url' => zrl($jj->url),
'name' => htmlentities($jj->name), 'name' => htmlentities($jj->name),
'photo' => proxy_url($jj->photo, false, PROXY_SIZE_THUMB), 'thumb' => proxy_url($jj->photo, false, PROXY_SIZE_THUMB),
'tags' => $jj->tags, 'img_hover' => $jj->tags,
'conntxt' => $conntxt, 'conntxt' => $conntxt,
'connlnk' => $connlnk, 'connlnk' => $connlnk,
'photo_menu' => $photo_menu, 'photo_menu' => $photo_menu,
@ -151,11 +151,11 @@ function dirfind_content(&$a, $prefix = "") {
$entries[] = $entry; $entries[] = $entry;
} }
$tpl = get_markup_template('match.tpl'); $tpl = get_markup_template('viewcontact_template.tpl');
$o .= replace_macros($tpl,array( $o .= replace_macros($tpl,array(
'title' => sprintf( t('People Search - %s'), $search), 'title' => sprintf( t('People Search - %s'), $search),
'$entries' => $entries, '$contacts' => $entries,
'$paginate' => paginate($a), '$paginate' => paginate($a),
)); ));

View File

@ -56,32 +56,40 @@ function match_content(&$a) {
if(count($j->results)) { if(count($j->results)) {
$id = 0;
foreach($j->results as $jj) { foreach($j->results as $jj) {
$match_nurl = normalise_link($jj->url); $match_nurl = normalise_link($jj->url);
$match = q("SELECT `nurl` FROM `contact` WHERE `uid` = '%d' AND nurl='%s' LIMIT 1", $match = q("SELECT `nurl` FROM `contact` WHERE `uid` = '%d' AND nurl='%s' LIMIT 1",
intval(local_user()), intval(local_user()),
dbesc($match_nurl)); dbesc($match_nurl));
if (!count($match)) { if (!count($match)) {
$jj->photo = str_replace("http:///photo/", get_server()."/photo/", $jj->photo); $jj->photo = str_replace("http:///photo/", get_server()."/photo/", $jj->photo);
$connlnk = $a->get_baseurl() . '/follow/?url=' . $jj->url; $connlnk = $a->get_baseurl() . '/follow/?url=' . $jj->url;
$photo_menu = array(array(t("View Profile"), zrl($jj->url)));
$photo_menu[] = array(t("Connect/Follow"), $connlnk);
$entry = array( $entry = array(
'url' => zrl($jj->url), 'url' => zrl($jj->url),
'name' => $jj->name, 'name' => $jj->name,
'photo' => proxy_url($jj->photo, false, PROXY_SIZE_THUMB), 'thumb' => proxy_url($jj->photo, false, PROXY_SIZE_THUMB),
'inttxt' => ' ' . t('is interested in:'), 'inttxt' => ' ' . t('is interested in:'),
'conntxt' => t('Connect'), 'conntxt' => t('Connect'),
'connlnk' => $connlnk, 'connlnk' => $connlnk,
'tags' => $jj->tags 'img_hover' => $jj->tags,
'photo_menu' => $photo_menu,
'id' => ++$id,
); );
}
$entries[] = $entry; $entries[] = $entry;
} }
}
$tpl = get_markup_template('match.tpl'); $tpl = get_markup_template('viewcontact_template.tpl');
$o .= replace_macros($tpl,array( $o .= replace_macros($tpl,array(
'$title' => t('Profile Match'), '$title' => t('Profile Match'),
'entries' => $entries, '$contacts' => $entries,
'$paginate' => paginate($a), '$paginate' => paginate($a),
)); ));

View File

@ -72,31 +72,41 @@ function suggest_content(&$a) {
return $o; return $o;
} }
require_once 'include/contact_selectors.php';
foreach($r as $rr) { foreach($r as $rr) {
$connlnk = $a->get_baseurl() . '/follow/?url=' . (($rr['connect']) ? $rr['connect'] : $rr['url']); $connlnk = $a->get_baseurl() . '/follow/?url=' . (($rr['connect']) ? $rr['connect'] : $rr['url']);
$ignlnk = $a->get_baseurl() . '/suggest?ignore=' . $rr['id'];
$photo_menu = array(array(t("View Profile"), zrl($jj->url)));
$photo_menu[] = array(t("Connect/Follow"), $connlnk);
$photo_menu[] = array(t('Ignore/Hide'), $ignlnk);
$entry = array( $entry = array(
'url' => zrl($rr['url']), 'url' => zrl($rr['url']),
'url_clean' => $rr['url'], 'itemurl' => $rr['url'],
'img_hover' => $rr['url'],
'name' => $rr['name'], 'name' => $rr['name'],
'photo' => proxy_url($rr['photo'], false, PROXY_SIZE_THUMB), 'thumb' => proxy_url($rr['photo'], false, PROXY_SIZE_THUMB),
'ignlnk' => $a->get_baseurl() . '/suggest?ignore=' . $rr['id'], 'ignlnk' => $ignlnk,
'ignid' => $rr['id'], 'ignid' => $rr['id'],
'conntxt' => t('Connect'), 'conntxt' => t('Connect'),
'connlnk' => $connlnk, 'connlnk' => $connlnk,
'ignore' => t('Ignore/Hide') 'photo_menu' => $photo_menu,
'ignore' => t('Ignore/Hide'),
'network' => network_to_name($rr['network'], $rr['url']),
'id' => ++$id,
); );
$entries[] = $entry; $entries[] = $entry;
} }
$tpl = get_markup_template('suggest_friends.tpl'); $tpl = get_markup_template('viewcontact_template.tpl');
$o .= replace_macros($tpl,array( $o .= replace_macros($tpl,array(
'$title' => t('Friend Suggestions'), '$title' => t('Friend Suggestions'),
'$entries' => $entries, '$contacts' => $entries,
)); ));
// $o .= paginate($a);
return $o; return $o;
} }

View File

@ -7,9 +7,10 @@
<a href="{{$contact.url}}" title="{{$contact.img_hover}}" /><img src="{{$contact.thumb}}" {{$contact.sparkle}} alt="{{$contact.name}}" /></a> <a href="{{$contact.url}}" title="{{$contact.img_hover}}" /><img src="{{$contact.thumb}}" {{$contact.sparkle}} alt="{{$contact.name}}" /></a>
{{if !$no_contacts_checkbox}} {{if $multiselect}}
<input type="checkbox" class="contact-select" name="contact_batch[]" value="{{$contact.id}}"> <input type="checkbox" class="contact-select" name="contact_batch[]" value="{{$contact.id}}">
{{/if}} {{/if}}
{{if $contact.photo_menu}} {{if $contact.photo_menu}}
<span onclick="openClose('contact-photo-menu-{{$contact.id}}');" class="fakelink contact-photo-menu-button" id="contact-photo-menu-button-{{$contact.id}}">menu</span> <span onclick="openClose('contact-photo-menu-{{$contact.id}}');" class="fakelink contact-photo-menu-button" id="contact-photo-menu-button-{{$contact.id}}">menu</span>
<div class="contact-photo-menu" id="contact-photo-menu-{{$contact.id}}"> <div class="contact-photo-menu" id="contact-photo-menu-{{$contact.id}}">

View File

@ -1,5 +1,5 @@
<h1>{{$header}}{{if $total}} ({{$total}}){{/if}}</h1> <h2>{{$header}}{{if $total}} ({{$total}}){{/if}}</h2>
{{if $finding}}<h4>{{$finding}}</h4>{{/if}} {{if $finding}}<h4>{{$finding}}</h4>{{/if}}

View File

@ -891,6 +891,10 @@ input#dfrn-url {
.contact-entry-photo img { .contact-entry-photo img {
border: none; border: none;
} }
.contact-entry-photo a img {
width: 80px;
height: 80px;
}
.contact-entry-photo-end { .contact-entry-photo-end {
clear: both; clear: both;
} }

View File

@ -1124,6 +1124,8 @@ input#dfrn-url {
.contact-entry-photo img { .contact-entry-photo img {
border: none; border: none;
width: 80px;
height: 80px;
} }
.contact-entry-photo-end { .contact-entry-photo-end {
clear: both; clear: both;

View File

@ -30,7 +30,7 @@
</div> </div>
<div class="contact-entry-photo-end" ></div> <div class="contact-entry-photo-end" ></div>
<div class="contact-entry-name" id="contact-entry-name-{{$contact.id}}" >{{$contact.name}}</div><br /> <div class="contact-entry-name" id="contact-entry-name-{{$contact.id}}" >{{$contact.name}}</div><br />
{{if $contact.alt_text}}<div class="contact-entry-details" id="contact-entry-rel-{{$contact.id}}" >{{$contact.alt_text}}</div>{{/if}} {{if $contact.alt_text}}<div class="contact-entry-details" id="contact-entry-rel-{{$contact.id}}" >{{$contact.alt_text}}</div>{{/if}}
<div class="contact-entry-network" id="contact-entry-network-{{$contact.id}}" >{{$contact.network}}</div> <div class="contact-entry-network" id="contact-entry-network-{{$contact.id}}" >{{$contact.network}}</div>
<div class="contact-entry-end" ></div> <div class="contact-entry-end" ></div>

View File

@ -0,0 +1,12 @@
{{include file="section_title.tpl"}}
<div id="contacts-display-wrapper">
{{foreach $contacts as $contact}}
{{include file="contact_template.tpl"}}
{{/foreach}}
</div>
<div id="view-contact-end"></div>
{{$paginate}}

View File

@ -1093,15 +1093,19 @@ input#dfrn-url {
.contact-entry-photo img { .contact-entry-photo img {
border: none; border: none;
} }
.contact-entry-photo a img {
width: 80px;
height: 80px;
}
.contact-entry-photo-end { .contact-entry-photo-end {
clear: both; clear: both;
} }
.contact-entry-name { .contact-entry-name {
float: left; /*float: left;*/
margin-left: 0px; margin-left: 0px;
margin-right: 10px; margin-right: 10px;
padding-bottom: 5px; padding-bottom: 5px;
width: 120px; /*width: 120px;*/
font-weight: 600; font-weight: 600;
overflow: hidden; overflow: hidden;
} }

View File

@ -26,8 +26,8 @@
</div> </div>
<div class="contact-entry-photo-end" ></div> <div class="contact-entry-photo-end" ></div>
<div class="contact-entry-name" id="contact-entry-name-{{$contact.id}}" >{{$contact.name}}</div><br /> <div class="contact-entry-name" id="contact-entry-name-{{$contact.id}}" >{{$contact.name}}</div>
{{if $contact.alt_text}}<div class="contact-entry-details" id="contact-entry-rel-{{$contact.id}}" >{{$contact.alt_text}}</div>{{/if}} {{if $contact.alt_text}}<div class="contact-entry-details" id="contact-entry-rel-{{$contact.id}}" >{{$contact.alt_text}}</div>{{/if}}
<div class="contact-entry-network" id="contact-entry-network-{{$contact.id}}" >{{$contact.network}}</div> <div class="contact-entry-network" id="contact-entry-network-{{$contact.id}}" >{{$contact.network}}</div>
<div class="contact-entry-end" ></div> <div class="contact-entry-end" ></div>

View File

@ -1543,6 +1543,31 @@ span[id^="showmore-wrap"] {
left: 0px; left: 0px;
top: 63px; top: 63px;
} }
.contact-wrapper .drop {
background-image: url('../../../images/icons/22/delete.png');
display: block;
width: 22px;
height: 22px;
position: relative;
top: 10px;
left: -10px;
z-index: 99;
}
.contact-wrapper .drophide {
background-image: url('../../../images/icons/22/delete.png');
display: block;
width: 22px;
height: 22px;
opacity: 0.3;
position: relative;
top: 10px;
left: -10px;
z-index: 99;
}
.contact-wrapper .contact-entry-connect {
padding-top: 5px;
font-weight: bold;
}
.directory-item { .directory-item {
float: left; float: left;
width: 200px; width: 200px;

View File

@ -1543,6 +1543,31 @@ span[id^="showmore-wrap"] {
left: 0px; left: 0px;
top: 63px; top: 63px;
} }
.contact-wrapper .drop {
background-image: url('../../../images/icons/22/delete.png');
display: block;
width: 22px;
height: 22px;
position: relative;
top: 10px;
left: -10px;
z-index: 99;
}
.contact-wrapper .drophide {
background-image: url('../../../images/icons/22/delete.png');
display: block;
width: 22px;
height: 22px;
opacity: 0.3;
position: relative;
top: 10px;
left: -10px;
z-index: 99;
}
.contact-wrapper .contact-entry-connect {
padding-top: 5px;
font-weight: bold;
}
.directory-item { .directory-item {
float: left; float: left;
width: 200px; width: 200px;

View File

@ -1543,6 +1543,31 @@ span[id^="showmore-wrap"] {
left: 0px; left: 0px;
top: 63px; top: 63px;
} }
.contact-wrapper .drop {
background-image: url('../../../images/icons/22/delete.png');
display: block;
width: 22px;
height: 22px;
position: relative;
top: 10px;
left: -10px;
z-index: 99;
}
.contact-wrapper .drophide {
background-image: url('../../../images/icons/22/delete.png');
display: block;
width: 22px;
height: 22px;
opacity: 0.3;
position: relative;
top: 10px;
left: -10px;
z-index: 99;
}
.contact-wrapper .contact-entry-connect {
padding-top: 5px;
font-weight: bold;
}
.directory-item { .directory-item {
float: left; float: left;
width: 200px; width: 200px;

View File

@ -877,6 +877,27 @@ span[id^="showmore-wrap"] {
left: 0px; left: 0px;
top: 63px; top: 63px;
} }
.drop {
background-image: url('../../../images/icons/22/delete.png');
display: block; width: 22px; height: 22px;
position: relative;
top: 10px;
left: -10px;
z-index: 99;
}
.drophide {
background-image: url('../../../images/icons/22/delete.png');
display: block; width: 22px; height: 22px;
opacity: 0.3;
position: relative;
top: 10px;
left: -10px;
z-index: 99;
}
.contact-entry-connect {
padding-top: 5px;
font-weight: bold;
}
} }
.directory-item { .directory-item {
float: left; float: left;

View File

@ -1,5 +1,6 @@
<div class="contact-wrapper" id="contact-entry-wrapper-{{$id}}" > <div class="contact-wrapper" id="contact-entry-wrapper-{{$id}}" >
{{if $contact.ignlnk}}<a href="{{$contact.ignlnk}}" title="{{$contact.ignore}}" class="icon drophide profile-match-ignore" onmouseout="imgdull(this);" onmouseover="imgbright(this);" onclick="return confirmDelete();" ></a>{{/if}}
<div class="contact-photo-wrapper" > <div class="contact-photo-wrapper" >
<div class="contact-photo mframe" id="contact-entry-photo-{{$contact.id}}" <div class="contact-photo mframe" id="contact-entry-photo-{{$contact.id}}"
onmouseover="if (typeof t{{$contact.id}} != 'undefined') clearTimeout(t{{$contact.id}}); openMenu('contact-photo-menu-button-{{$contact.id}}')" onmouseover="if (typeof t{{$contact.id}} != 'undefined') clearTimeout(t{{$contact.id}}); openMenu('contact-photo-menu-button-{{$contact.id}}')"
@ -7,7 +8,7 @@
<a href="{{$contact.url}}" title="{{$contact.img_hover}}" /><img src="{{$contact.thumb}}" {{$contact.sparkle}} alt="{{$contact.name}}" /></a> <a href="{{$contact.url}}" title="{{$contact.img_hover}}" /><img src="{{$contact.thumb}}" {{$contact.sparkle}} alt="{{$contact.name}}" /></a>
{{if !$no_contacts_checkbox}} {{if $multiselect}}
<input type="checkbox" class="contact-select" name="contact_batch[]" value="{{$contact.id}}"> <input type="checkbox" class="contact-select" name="contact_batch[]" value="{{$contact.id}}">
{{/if}} {{/if}}
{{if $contact.photo_menu}} {{if $contact.photo_menu}}
@ -30,6 +31,10 @@
<div class="contact-details" id="contact-entry-url-{{$contact.id}}" >{{$contact.itemurl}}</div> <div class="contact-details" id="contact-entry-url-{{$contact.id}}" >{{$contact.itemurl}}</div>
<div class="contact-details" id="contact-entry-network-{{$contact.id}}" >{{$contact.network}}</div> <div class="contact-details" id="contact-entry-network-{{$contact.id}}" >{{$contact.network}}</div>
{{if $contact.connlnk}}
<div class="contact-entry-connect"><a href="{{$contact.connlnk}}" title="{{$contact.conntxt}}">{{$contact.conntxt}}</a></div>
{{/if}}
</div> </div>

View File

@ -291,7 +291,7 @@ section {
margin: 10px 0 0 230px; margin: 10px 0 0 230px;
} }
.login-form, .login-form {
margin-top: 10px; margin-top: 10px;
} }
@ -2784,7 +2784,7 @@ margin-left: 0px;
font-weight: bold; font-weight: bold;
} }
.contact-entry-name { .contact-entry-name, .contact-entry-connect {
width: 100px; width: 100px;
overflow: hidden; overflow: hidden;
font: #999; font: #999;
@ -2805,6 +2805,11 @@ margin-left: 0px;
-webkit-box-shadow: 0 0 8px #BDBDBD;*/ -webkit-box-shadow: 0 0 8px #BDBDBD;*/
} }
.contact-entry-photo a img {
width: 80px;
height: 80px;
}
.contact-entry-edit-links .icon { .contact-entry-edit-links .icon {
border: 1px solid #babdb6; border: 1px solid #babdb6;
border-radius: 3px; border-radius: 3px;

View File

@ -2282,6 +2282,10 @@ aside #id_password {
float: left; float: left;
margin: 0px 10px 10px 0px; margin: 0px 10px 10px 0px;
} }
.contact-entry-photo a img {
width: 80px;
height: 80px;
}
/* profile match wrapper */ /* profile match wrapper */
.profile-match-wrapper { .profile-match-wrapper {
float: left; float: left;

View File

@ -7,7 +7,7 @@
<a href="{{$contact.url}}" title="{{$contact.img_hover}}" /><img src="{{$contact.thumb}}" {{$contact.sparkle}} alt="{{$contact.name}}" /></a> <a href="{{$contact.url}}" title="{{$contact.img_hover}}" /><img src="{{$contact.thumb}}" {{$contact.sparkle}} alt="{{$contact.name}}" /></a>
{{if !$no_contacts_checkbox}} {{if $multiselect}}
<input type="checkbox" class="contact-select" name="contact_batch[]" value="{{$contact.id}}"> <input type="checkbox" class="contact-select" name="contact_batch[]" value="{{$contact.id}}">
{{/if}} {{/if}}
{{if $contact.photo_menu}} {{if $contact.photo_menu}}