jakob/friendica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

quattro post preview, style contacts pages, style for "shiny" class, fix contacts list in profile aside.

Browse source 
remove html from viewcontacts.php and contacts.php
use contact_template.tpl to print contacts also in viewcontacts
This commit is contained in:
Fabio Comuni 2012-02-23 11:22:32 +01:00
parent d9e9fd0359
commit cbc60d525e
15 changed files with 273 additions and 134 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
mod/contacts.php
View file

@ -451,29 +451,17 @@ function contacts_content(&$a) {
$a->set_pager_total($r[0]['total']); $a->set_pager_total($r[0]['total']);
$tpl = get_markup_template("contacts-top.tpl");
$o .= replace_macros($tpl,array(
'$header' => t('Contacts') . (($nets) ? ' - ' . network_to_name($nets) : ''),
'$tabs' => $t,
'$total' => $r[0]['total'],
'$search' => $search_hdr,
'$desc' => t('Search your contacts'),
'$finding' => (strlen($search) ? '<h4>' . t('Finding: ') . "'" . $search . "'" . '</h4>' : ""),
'$submit' => t('Find'),
'$cmd' => $a->cmd
));
$r = q("SELECT * FROM `contact` WHERE `uid` = %d AND `pending` = 0 $sql_extra $sql_extra2 ORDER BY `name` ASC LIMIT %d , %d ", $r = q("SELECT * FROM `contact` WHERE `uid` = %d AND `pending` = 0 $sql_extra $sql_extra2 ORDER BY `name` ASC LIMIT %d , %d ",
intval($_SESSION['uid']), intval($_SESSION['uid']),
intval($a->pager['start']), intval($a->pager['start']),
intval($a->pager['itemspage']) intval($a->pager['itemspage'])
); );
if(count($r)) { $contacts = array();
$tpl = get_markup_template("contact_template.tpl"); if(count($r)) {
foreach($r as $rr) { foreach($r as $rr) {
if($rr['self']) if($rr['self'])
@ -505,24 +493,40 @@ function contacts_content(&$a) {
} }
$o .= replace_macros($tpl, array( $contacts[] = array(
'$img_hover' => sprintf( t('Visit %s\'s profile [%s]'),$rr['name'],$rr['url']), 'img_hover' => sprintf( t('Visit %s\'s profile [%s]'),$rr['name'],$rr['url']),
'$edit_hover' => t('Edit contact'), 'edit_hover' => t('Edit contact'),
'$contact_photo_menu' => contact_photo_menu($rr), 'photo_menu' => contact_photo_menu($rr),
'$id' => $rr['id'], 'id' => $rr['id'],
'$alt_text' => $alt_text, 'alt_text' => $alt_text,
'$dir_icon' => $dir_icon, 'dir_icon' => $dir_icon,
'$thumb' => $rr['thumb'], 'thumb' => $rr['thumb'],
'$name' => $rr['name'], 'name' => $rr['name'],
'$username' => $rr['name'], 'username' => $rr['name'],
'$sparkle' => $sparkle, 'sparkle' => $sparkle,
'$url' => $url 'url' => $url,
)); 'item' => $rr,
);
} }
$o .= '<div id="contact-edit-end"></div>';
} }
$o .= paginate($a);
$tpl = get_markup_template("contacts-template.tpl");
$o .= replace_macros($tpl,array(
'$header' => t('Contacts') . (($nets) ? ' - ' . network_to_name($nets) : ''),
'$tabs' => $t,
'$total' => $r[0]['total'],
'$search' => $search_hdr,
'$desc' => t('Search your contacts'),
'$finding' => (strlen($search) ? t('Finding: ') . "'" . $search . "'" : ""),
'$submit' => t('Find'),
'$cmd' => $a->cmd,
'$contacts' => $contacts,
'$paginate' => paginate($a),
));
return $o; return $o;
} }

32
mod/viewcontacts.php
View file

@ -1,4 +1,5 @@
<?php <?php
require_once('include/contact_selectors.php');
function viewcontacts_init(&$a) { function viewcontacts_init(&$a) {
@ -22,8 +23,6 @@ function viewcontacts_content(&$a) {
return; return;
} }
$o .= '<h3>' . t('View Contacts') . '</h3>';
$r = q("SELECT COUNT(*) as `total` FROM `contact` WHERE `uid` = %d AND `blocked` = 0 AND `pending` = 0 AND `hidden` = 0 ", $r = q("SELECT COUNT(*) as `total` FROM `contact` WHERE `uid` = %d AND `blocked` = 0 AND `pending` = 0 AND `hidden` = 0 ",
intval($a->profile['uid']) intval($a->profile['uid'])
@ -41,7 +40,7 @@ function viewcontacts_content(&$a) {
return $o; return $o;
} }
$tpl = get_markup_template("viewcontact_template.tpl"); $contacts = array();
foreach($r as $rr) { foreach($r as $rr) {
if($rr['self']) if($rr['self'])
@ -56,19 +55,26 @@ function viewcontacts_content(&$a) {
if($is_owner && ($rr['network'] === NETWORK_DFRN) && ($rr['rel'])) if($is_owner && ($rr['network'] === NETWORK_DFRN) && ($rr['rel']))
$url = 'redir/' . $rr['id']; $url = 'redir/' . $rr['id'];
$o .= replace_macros($tpl, array( $contacts[] = array(
'$id' => $rr['id'], 'id' => $rr['id'],
'$alt_text' => sprintf( t('Visit %s\'s profile [%s]'), $rr['name'], $rr['url']), 'img_hover' => sprintf( t('Visit %s\'s profile [%s]'), $rr['name'], $rr['url']),
'$thumb' => $rr['thumb'], 'thumb' => $rr['thumb'],
'$name' => substr($rr['name'],0,20), 'name' => substr($rr['name'],0,20),
'$username' => $rr['name'], 'username' => $rr['name'],
'$url' => $url 'url' => $url,
)); 'sparkle' => '',
'item' => $rr,
);
} }
$o .= '<div id="view-contact-end"></div>';
$o .= paginate($a); $tpl = get_markup_template("viewcontact_template.tpl");
$o .= replace_macros($tpl, array(
'$title' => t('View Contacts'),
'$contacts' => $contacts,
'$paginate' => paginate($a),
));
return $o; return $o;
} }

32
view/contact_template.tpl
View file

@ -1,23 +1,25 @@
<div class="contact-entry-wrapper" id="contact-entry-wrapper-$id" > <div class="contact-wrapper" id="contact-entry-wrapper-$id" >
<div class="contact-entry-photo-wrapper" > <div class="contact-photo-wrapper" >
<div class="contact-entry-photo mframe" id="contact-entry-photo-$id" <div class="contact-photo mframe" id="contact-entry-photo-$contact.id"
onmouseover="if (typeof t$id != 'undefined') clearTimeout(t$id); openMenu('contact-photo-menu-button-$id')" onmouseout="t$id=setTimeout('closeMenu(\'contact-photo-menu-button-$id\'); closeMenu(\'contact-photo-menu-$id\');',200)" > onmouseover="if (typeof t$contact.id != 'undefined') clearTimeout(t$contact.id); openMenu('contact-photo-menu-button-$contact.id')"
onmouseout="t$contact.id=setTimeout('closeMenu(\'contact-photo-menu-button-$contact.id\'); closeMenu(\'contact-photo-menu-$contact.id\');',200)" >
<a href="$url" title="$img_hover" /><img src="$thumb" $sparkle alt="$name" /></a> <a href="$contact.url" title="$contact.img_hover" /><img src="$contact.thumb" $contact.sparkle alt="$contact.name" /></a>
<span onclick="openClose('contact-photo-menu-$id');" class="fakelink contact-photo-menu-button" id="contact-photo-menu-button-$id">menu</span>
<div class="contact-photo-menu" id="contact-photo-menu-$id">
<ul>
$contact_photo_menu
</ul>
</div>
{{ if $contact.photo_menu }}
<a href="#" rel="#contact-photo-menu-$contact.id" class="contact-photo-menu-button icon s16 menu" id="contact-photo-menu-button-$contact.id">menu</a>
<ul class="contact-photo-menu menu-popup" id="contact-photo-menu-$contact.id">
$contact.photo_menu
</ul>
{{ endif }}
</div> </div>
</div> </div>
<div class="contact-entry-photo-end" ></div> <div class="contact-name" id="contact-entry-name-$contact.id" >$contact.name</div>
<div class="contact-entry-name" id="contact-entry-name-$id" >$name</div> <div class="contact-details" id="contact-entry-url-$contact.id" >$contact.item.url</div>
<div class="contact-details" id="contact-entry-network-$contact.id" >$contact.item.network|network_to_name</div>
<div class="contact-entry-end" ></div>
</div> </div>

10
view/contacts-top.tpl → view/contacts-template.tpl
View file

@ -1,6 +1,6 @@
<h1>$header{{ if $total }} ($total){{ endif }}</h1> <h1>$header{{ if $total }} ($total){{ endif }}</h1>
$finding {{ if $finding }}<h4>$finding</h4>{{ endif }}
<div id="contacts-search-wrapper"> <div id="contacts-search-wrapper">
<form id="contacts-search-form" action="$cmd" method="get" > <form id="contacts-search-form" action="$cmd" method="get" >
@ -14,5 +14,13 @@ $finding
$tabs $tabs
{{ for $contacts as $contact }}
{{ inc contact_template.tpl }}{{ endinc }}
{{ endfor }}
<div id="contact-edit-end"></div>
$paginate

5
view/jot.tpl
View file

@ -1,4 +1,4 @@
<form action="$action" method="post"> <form id="profile-jot-form" action="$action" method="post">
<div id="jot"> <div id="jot">
<div id="profile-jot-desc" class="jothidden" >&nbsp;</div> <div id="profile-jot-desc" class="jothidden" >&nbsp;</div>
<input name="title" id="jot-title" type="text" placeholder="$placeholdertitle" value="$title" class="jothidden" style="display:none"> <input name="title" id="jot-title" type="text" placeholder="$placeholdertitle" value="$title" class="jothidden" style="display:none">
@ -22,6 +22,7 @@
<li><a id="profile-audio" onclick="jotAudioURL();return false;" title="$audio">$shortaudio</a></li> <li><a id="profile-audio" onclick="jotAudioURL();return false;" title="$audio">$shortaudio</a></li>
<li><a id="profile-location" onclick="jotGetLocation();return false;" title="$setloc">$shortsetloc</a></li> <li><a id="profile-location" onclick="jotGetLocation();return false;" title="$setloc">$shortsetloc</a></li>
<li><a id="profile-nolocation" onclick="jotClearLocation();return false;" title="$noloc">$shortnoloc</a></li> <li><a id="profile-nolocation" onclick="jotClearLocation();return false;" title="$noloc">$shortnoloc</a></li>
<li><a id="jot-preview-link" onclick="preview_post(); return false;" title="$preview">$preview</a></li>
$jotplugins $jotplugins
<li class="perms"><a id="jot-perms-icon" href="#profile-jot-acl-wrapper" class="icon s22 $lockstate $bang" title="$permset" ></a></li> <li class="perms"><a id="jot-perms-icon" href="#profile-jot-acl-wrapper" class="icon s22 $lockstate $bang" title="$permset" ></a></li>
@ -29,6 +30,8 @@
<li id="profile-rotator" class="loading" style="display: none"><img src="images/rotator.gif" alt="$wait" title="$wait" /></li> <li id="profile-rotator" class="loading" style="display: none"><img src="images/rotator.gif" alt="$wait" title="$wait" /></li>
</ul> </ul>
</div> </div>
<div id="jot-preview-content" style="display:none;"></div>
<div style="display: none;"> <div style="display: none;">
<div id="profile-jot-acl-wrapper" style="width:auto;height:auto;overflow:auto;"> <div id="profile-jot-acl-wrapper" style="width:auto;height:auto;overflow:auto;">

25
view/theme/dispy/contact_template.tpl Executable file
View file

@ -0,0 +1,25 @@
<div class="contact-entry-wrapper" id="contact-entry-wrapper-$contact.id" >
<div class="contact-entry-photo-wrapper" >
<div class="contact-entry-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')"
onmouseout="t$contact.id=setTimeout('closeMenu(\'contact-photo-menu-button-$contact.id\'); closeMenu(\'contact-photo-menu-$contact.id\');',200)" >
<a href="$contact.url" title="$contact.img_hover" /><img src="$contact.thumb" $contact.sparkle alt="$contact.name" /></a>
{{ 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>
<div class="contact-photo-menu" id="contact-photo-menu-$contact.id">
<ul>
$contact.photo_menu
</ul>
</div>
{{ endif }}
</div>
</div>
<div class="contact-entry-photo-end" ></div>
<div class="contact-entry-name" id="contact-entry-name-$contact.id" >$contact.name</div>
<div class="contact-entry-end" ></div>
</div>

25
view/theme/duepuntozero/contact_template.tpl Executable file
View file

@ -0,0 +1,25 @@
<div class="contact-entry-wrapper" id="contact-entry-wrapper-$contact.id" >
<div class="contact-entry-photo-wrapper" >
<div class="contact-entry-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')"
onmouseout="t$contact.id=setTimeout('closeMenu(\'contact-photo-menu-button-$contact.id\'); closeMenu(\'contact-photo-menu-$contact.id\');',200)" >
<a href="$contact.url" title="$contact.img_hover" /><img src="$contact.thumb" $contact.sparkle alt="$contact.name" /></a>
{{ 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>
<div class="contact-photo-menu" id="contact-photo-menu-$contact.id">
<ul>
$contact.photo_menu
</ul>
</div>
{{ endif }}
</div>
</div>
<div class="contact-entry-photo-end" ></div>
<div class="contact-entry-name" id="contact-entry-name-$contact.id" >$contact.name</div>
<div class="contact-entry-end" ></div>
</div>

25
view/theme/loozah/contact_template.tpl Executable file
View file

@ -0,0 +1,25 @@
<div class="contact-entry-wrapper" id="contact-entry-wrapper-$contact.id" >
<div class="contact-entry-photo-wrapper" >
<div class="contact-entry-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')"
onmouseout="t$contact.id=setTimeout('closeMenu(\'contact-photo-menu-button-$contact.id\'); closeMenu(\'contact-photo-menu-$contact.id\');',200)" >
<a href="$contact.url" title="$contact.img_hover" /><img src="$contact.thumb" $contact.sparkle alt="$contact.name" /></a>
{{ 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>
<div class="contact-photo-menu" id="contact-photo-menu-$contact.id">
<ul>
$contact.photo_menu
</ul>
</div>
{{ endif }}
</div>
</div>
<div class="contact-entry-photo-end" ></div>
<div class="contact-entry-name" id="contact-entry-name-$contact.id" >$contact.name</div>
<div class="contact-entry-end" ></div>
</div>

4
view/theme/quattro/colors.less
View file

@ -1,6 +1,7 @@
// Quattro Theme LESS file // Quattro Theme LESS file
// "Echo" palette from Inkscape // "Echo" palette from Inkscape
@Yellow1 : #fce94f;
@Blue1:rgb(25,174,255); @Blue1:rgb(25,174,255);
@Blue2:rgb(0,132,200); @Blue2:rgb(0,132,200);
@Blue3:rgb(0,92,148); @Blue3:rgb(0,92,148);
@ -71,6 +72,7 @@
@NoticeBackgroundColor: #511919; @NoticeBackgroundColor: #511919;
@ThreadBackgroundColor: #f6f7f8; @ThreadBackgroundColor: #f6f7f8;
@ShinyBorderColor: @Yellow1;
@CommentBoxEmptyColor: @Grey3; @CommentBoxEmptyColor: @Grey3;
@CommentBoxEmptyBorderColor: @Grey3; @CommentBoxEmptyBorderColor: @Grey3;
@ -91,4 +93,4 @@
@JotPermissionUnlockBackgroundColor: @Grey2; @JotPermissionUnlockBackgroundColor: @Grey2;
@JotPermissionLockBackgroundColor: @Grey4; @JotPermissionLockBackgroundColor: @Grey4;
@JotLoadingBackgroundColor: @Grey1; @JotLoadingBackgroundColor: @Grey1;
@JotPreviewBackgroundColor: @Yellow1;

21
view/theme/quattro/contact_template.tpl
View file

@ -1,21 +0,0 @@
<div class="contact-wrapper" id="contact-entry-wrapper-$id" >
<div class="contact-photo-wrapper" >
<div class="contact-photo mframe" id="contact-entry-photo-$id"
onmouseover="if (typeof t$id != 'undefined') clearTimeout(t$id); openMenu('contact-photo-menu-button-$id')" onmouseout="t$id=setTimeout('closeMenu(\'contact-photo-menu-button-$id\'); closeMenu(\'contact-photo-menu-$id\');',200)" >
<a href="$url" title="$img_hover" /><img src="$thumb" $sparkle alt="$name" /></a>
<a href="#" rel="#contact-photo-menu-$id" class="contact-photo-menu-button icon s16 menu" id="contact-photo-menu-button-$id">menu</a>
<ul class="contact-photo-menu menu-popup" id="contact-photo-menu-$id">
$contact_photo_menu
</ul>
</div>
</div>
<div class="contact-name" id="contact-entry-name-$id" >$name</div>
</div>

35
view/theme/quattro/quattro.less
View file

@ -309,12 +309,13 @@ aside {
.allcontact-link { float: right; margin: 5px 0px; } .allcontact-link { float: right; margin: 5px 0px; }
.contact-block-content { .contact-block-content {
clear: both; clear: both;
overflow: auto; height: auto; overflow: idden; height: auto;
} }
/*.contact-block-div { width:60px; height: 60px; }*/
.contact-block-link { .contact-block-link {
float: left; float: left;
margin: 0px 2px 2px 0px; margin: 0px 2px 2px 0px;
img { widht: 48px; height: 58px; } img { widht: 48px; height: 48px; }
} }
} }
/* mail view */ /* mail view */
@ -373,6 +374,7 @@ aside {
top: -50px; top: -50px;
} }
} }
/*
#group-members { #group-members {
margin-top: 20px; margin-top: 20px;
padding: 10px; padding: 10px;
@ -395,9 +397,10 @@ aside {
} }
.contact-block-div { .contact-block-div {
float: left; float: left;
width: 52px; width: 60px;
height: 52px; height: 60px;
} }*/
/* widget */ /* widget */
.widget { .widget {
margin-bottom: 2em; margin-bottom: 2em;
@ -551,6 +554,8 @@ section {
} }
.shiny { border-right:10px solid @ShinyBorderColor; }
#jot-preview-content .tread-wrapper { background-color: @JotPreviewBackgroundColor; }
.wall-item-tags { padding-top: 5px; } .wall-item-tags { padding-top: 5px; }
@ -589,7 +594,7 @@ section {
right: 5px; right: 5px;
} }
/* contacts menu */
.contact-photo-wrapper { position: relative; } .contact-photo-wrapper { position: relative; }
.contact-photo { .contact-photo {
width: 48px; height: 48px; width: 48px; height: 48px;
@ -606,9 +611,14 @@ section {
.contact-wrapper { .contact-wrapper {
float: left; float: left;
width: 90px; width: 300px;
height: 90px; height: 90px;
margin-bottom: 15px; padding-right: 10px;
margin: 0 10px 10px 0px;
.contact-photo-wrapper {
float: left;
margin-right: 10px;
}
.contact-photo { .contact-photo {
width: 80px; height: 80px; width: 80px; height: 80px;
img { width: 80px; height: 80px; } img { width: 80px; height: 80px; }
@ -627,8 +637,13 @@ section {
img { width: 175px; height: 175px; } img { width: 175px; height: 175px; }
} }
} }
.contact-name { text-align: center; font-weight: bold; } .contact-name { font-weight: bold; padding-top: 15px; }
.contact-details { color: @Grey3;} .contact-details {
color: @Grey3; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* editor */ /* editor */
.jothidden { display: none; } .jothidden { display: none; }
#jot { #jot {

60
view/theme/quattro/style.css
View file

@ -602,6 +602,8 @@ aside #profiles-menu {
#contact-block { #contact-block {
overflow: auto; overflow: auto;
height: auto; height: auto;
/*.contact-block-div { width:60px; height: 60px; }*/
} }
#contact-block .contact-block-h4 { #contact-block .contact-block-h4 {
float: left; float: left;
@ -613,7 +615,7 @@ aside #profiles-menu {
} }
#contact-block .contact-block-content { #contact-block .contact-block-content {
clear: both; clear: both;
overflow: auto; overflow: idden;
height: auto; height: auto;
} }
#contact-block .contact-block-link { #contact-block .contact-block-link {
@ -622,7 +624,7 @@ aside #profiles-menu {
} }
#contact-block .contact-block-link img { #contact-block .contact-block-link img {
widht: 48px; widht: 48px;
height: 58px; height: 48px;
} }
/* mail view */ /* mail view */
.mail-conv-sender, .mail-conv-detail { .mail-conv-sender, .mail-conv-detail {
@ -675,31 +677,32 @@ aside #profiles-menu {
position: relative; position: relative;
top: -50px; top: -50px;
} }
/*
#group-members { #group-members {
margin-top: 20px; margin-top: 20px;
padding: 10px; padding: 10px;
height: 250px; height: 250px;
overflow: auto; overflow: auto;
border: 1px solid #ddd; border: 1px solid #ddd;
} }
#group-members-end { #group-members-end {
clear: both; clear: both;
} }
#group-all-contacts { #group-all-contacts {
padding: 10px; padding: 10px;
height: 450px; height: 450px;
overflow: auto; overflow: auto;
border: 1px solid #ddd; border: 1px solid #ddd;
} }
#group-all-contacts-end { #group-all-contacts-end {
clear: both; clear: both;
margin-bottom: 10px; margin-bottom: 10px;
} }
.contact-block-div { .contact-block-div {
float: left; float: left;
width: 52px; width: 60px;
height: 52px; height: 60px;
} }*/
/* widget */ /* widget */
.widget { .widget {
margin-bottom: 2em; margin-bottom: 2em;
@ -946,6 +949,12 @@ section {
padding: 0; padding: 0;
margin: 10px 0; margin: 10px 0;
} }
.shiny {
border-right: 10px solid #fce94f;
}
#jot-preview-content .tread-wrapper {
background-color: #fce94f;
}
.wall-item-tags { .wall-item-tags {
padding-top: 5px; padding-top: 5px;
} }
@ -985,7 +994,6 @@ section {
bottom: 5px; bottom: 5px;
right: 5px; right: 5px;
} }
/* contacts menu */
.contact-photo-wrapper { .contact-photo-wrapper {
position: relative; position: relative;
} }
@ -1007,9 +1015,14 @@ section {
} }
.contact-wrapper { .contact-wrapper {
float: left; float: left;
width: 90px; width: 300px;
height: 90px; height: 90px;
margin-bottom: 15px; padding-right: 10px;
margin: 0 10px 10px 0px;
}
.contact-wrapper .contact-photo-wrapper {
float: left;
margin-right: 10px;
} }
.contact-wrapper .contact-photo { .contact-wrapper .contact-photo {
width: 80px; width: 80px;
@ -1037,11 +1050,14 @@ section {
height: 175px; height: 175px;
} }
.contact-name { .contact-name {
text-align: center;
font-weight: bold; font-weight: bold;
padding-top: 15px;
} }
.contact-details { .contact-details {
color: #999999; color: #999999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
/* editor */ /* editor */
.jothidden { .jothidden {

25
view/theme/testbubble/contact_template.tpl Executable file
View file

@ -0,0 +1,25 @@
<div class="contact-entry-wrapper" id="contact-entry-wrapper-$contact.id" >
<div class="contact-entry-photo-wrapper" >
<div class="contact-entry-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')"
onmouseout="t$contact.id=setTimeout('closeMenu(\'contact-photo-menu-button-$contact.id\'); closeMenu(\'contact-photo-menu-$contact.id\');',200)" >
<a href="$contact.url" title="$contact.img_hover" /><img src="$contact.thumb" $contact.sparkle alt="$contact.name" /></a>
{{ 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>
<div class="contact-photo-menu" id="contact-photo-menu-$contact.id">
<ul>
$contact.photo_menu
</ul>
</div>
{{ endif }}
</div>
</div>
<div class="contact-entry-photo-end" ></div>
<div class="contact-entry-name" id="contact-entry-name-$contact.id" >$contact.name</div>
<div class="contact-entry-end" ></div>
</div>

30
view/theme/vier/contact_template.tpl Normal file → Executable file
View file

@ -1,21 +1,25 @@
<div class="contact-wrapper" id="contact-entry-wrapper-$id" > <div class="contact-entry-wrapper" id="contact-entry-wrapper-$contact.id" >
<div class="contact-photo-wrapper" > <div class="contact-entry-photo-wrapper" >
<div class="contact-photo mframe" id="contact-entry-photo-$id" <div class="contact-entry-photo mframe" id="contact-entry-photo-$contact.id"
onmouseover="if (typeof t$id != 'undefined') clearTimeout(t$id); openMenu('contact-photo-menu-button-$id')" onmouseout="t$id=setTimeout('closeMenu(\'contact-photo-menu-button-$id\'); closeMenu(\'contact-photo-menu-$id\');',200)" > onmouseover="if (typeof t$contact.id != 'undefined') clearTimeout(t$contact.id); openMenu('contact-photo-menu-button-$contact.id')"
onmouseout="t$contact.id=setTimeout('closeMenu(\'contact-photo-menu-button-$contact.id\'); closeMenu(\'contact-photo-menu-$contact.id\');',200)" >
<a href="$url" title="$img_hover" /><img src="$thumb" $sparkle alt="$name" /></a> <a href="$contact.url" title="$contact.img_hover" /><img src="$contact.thumb" $contact.sparkle alt="$contact.name" /></a>
<a href="#" rel="#contact-photo-menu-$id" class="contact-photo-menu-button icon s16 menu" id="contact-photo-menu-button-$id">menu</a>
<ul class="contact-photo-menu menu-popup" id="contact-photo-menu-$id">
$contact_photo_menu
</ul>
{{ 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>
<div class="contact-photo-menu" id="contact-photo-menu-$contact.id">
<ul>
$contact.photo_menu
</ul>
</div>
{{ endif }}
</div> </div>
</div> </div>
<div class="contact-name" id="contact-entry-name-$id" >$name</div> <div class="contact-entry-photo-end" ></div>
<div class="contact-entry-name" id="contact-entry-name-$contact.id" >$contact.name</div>
<div class="contact-entry-end" ></div>
</div> </div>

16
view/viewcontact_template.tpl
View file

@ -1,9 +1,9 @@
<h3>$title</h3>
<div class="contact-wrapper" id="view-contact-wrapper-$id" > {{ for $contacts as $contact }}
<div class="contact-photo-wrapper" > {{ inc contact_template.tpl }}{{ endinc }}
<div class="mframe contact-photo" id="view-contact-photo-$id" > {{ endfor }}
<a href="$url" title="$alt_text" /><img src="$thumb" alt="$name" /></a>
</div> <div id="view-contact-end"></div>
</div>
<div class="contact-name" id="view-contact-name-$id" >$name</div> $paginate
</div>