photo aside widget for profile page

This commit is contained in:
rabuzarus 2015-12-30 00:26:50 +01:00
parent 99861b9fa6
commit 20fbf670db
15 changed files with 263 additions and 72 deletions

View File

@ -79,6 +79,12 @@ function get_features() {
array('savedsearch', t('Saved Searches'), t('Save search terms for re-use'),false), array('savedsearch', t('Saved Searches'), t('Save search terms for re-use'),false),
), ),
// Profile sidebar widgets
'profile-widgets' => array(
t('Profile Sidebar Widgets'),
array('photos_widget', t('Show last Photos'), t('Show your last Photos on the Profile Page Sidebar'),false),
),
// Network tabs // Network tabs
'net_tabs' => array( 'net_tabs' => array(
t('Network Tabs'), t('Network Tabs'),

View File

@ -4,6 +4,148 @@
* @brief Functions related to photo handling. * @brief Functions related to photo handling.
*/ */
/**
* @brief Get the permissions for the photos page
*
* @param int $owner_uid Owner of the photos page
* @param bool $community_page If it's an forum account
*
* @return array
*......'can_post'
*......'visitor'
*......'contact'
* 'remote_contact'
* .....'contact_id'
* 'groups'
*/
function photos_permissions($owner_uid, $community_page = 0) {
$arr = array();
if((local_user()) && (local_user() == $owner_uid))
$arr['can_post'] = true;
else {
if($community_page && remote_user()) {
if(is_array($_SESSION['remote'])) {
foreach($_SESSION['remote'] as $v) {
if($v['uid'] == $owner_uid) {
$arr['contact_id'] = $v['cid'];
break;
}
}
}
if($arr['contact_id']) {
$r = q("SELECT `uid` FROM `contact` WHERE `blocked` = 0 AND `pending` = 0 AND `id` = %d AND `uid` = %d LIMIT 1",
intval($arr['contact_id']),
intval($owner_uid)
);
if(count($r)) {
$arr['can_post'] = true;
$arr['contact'] = $r[0];
$arr['remote_contact'] = true;
$arr['visitor'] = $cid;
}
}
}
}
// perhaps they're visiting - but not a community page, so they wouldn't have write access
if(remote_user() && (! $arr['visitor'])) {
$arr['contact_id'] = 0;
if(is_array($_SESSION['remote'])) {
foreach($_SESSION['remote'] as $v) {
if($v['uid'] == $owner_uid) {
$arr['contact_id'] = $v['cid'];
break;
}
}
}
if($arr['contact_id']) {
$arr['groups'] = init_groups_visitor($arr['contact_id']);
$r = q("SELECT * FROM `contact` WHERE `blocked` = 0 AND `pending` = 0 AND `id` = %d AND `uid` = %d LIMIT 1",
intval($arr['contact_id']),
intval($owner_uid)
);
if(count($r)) {
$arr['contact'] = $r[0];
$arr['remote_contact'] = true;
}
}
}
if(! $arr['remote_contact']) {
if(local_user()) {
$arr['contact_id'] = $_SESSION['cid'];
$arr['contact'] = $a->contact;
}
}
return $arr;
}
/**
* @brief Construnct a widget with last uploaded photos
*
* It displays the last 9 photos
*
* @param array $profile_data
*......'profile_uid'...=> The user.id of the profile (owner of the hotos)
*......'nickname'......=> Nick of the owner of the profile
*......'page-flags'....=> Account type of the profile
*
* @return string
*......formatted html
*
* @template widget_photos.tpl
*/
function widget_photos($profile_data) {
$community_page = (($profile_data['page-flags'] == PAGE_COMMUNITY) ? true : false);
$nickname = $profile_data['nickname'];
$owner_id = $profile_data['profile_uid'];
$phototypes = Photo::supportedTypes();
$photos_perms = photos_permissions($owner_id, $community_page);
$sql_extra = permissions_sql($owner_id, $photos_perms['remote_contact'], $photos_perms['groups']);
$r = q("SELECT `resource-id`, `id`, `filename`, `type`, max(`scale`) AS `scale` FROM `photo`
WHERE `uid` = %d AND `album` != '%s' AND `album` != '%s' AND `album` != '%s'
$sql_extra GROUP BY `resource-id` ORDER BY `created` DESC LIMIT 9",
intval($owner_id),
dbesc('Contact Photos'),
dbesc( t('Contact Photos')),
dbesc( t('Profile Photos'))
);
$photos = array();
if(count($r)) {
foreach($r as $rr) {
$ext = $phototypes[$rr['type']];
$photos[] = array(
'id' => $rr['id'],
'src' => z_root() . '/photos/' . $nickname . '/image/' . $rr['resource-id'],
'photo' => z_root() . '/photo/' . $rr['resource-id'] . '-' . ((($rr['scale']) == 6) ? 4 : $rr['scale']) . '.' . $ext,
'alt_text' => $rr['filename'],
);
}
$tpl = get_markup_template('widget_photos.tpl');
$o .= replace_macros($tpl, array(
'$title' => t('Photos'),
'$photos' => $photos,
'$photo_albums_page' => z_root() . '/photos/' . $nickname,
'$photo_albums_page_title' => t('Vist the Photo Albums'),
));
return $o;
}
}
function getGps($exifCoord, $hemi) { function getGps($exifCoord, $hemi) {
$degrees = count($exifCoord) > 0 ? gps2Num($exifCoord[0]) : 0; $degrees = count($exifCoord) > 0 ? gps2Num($exifCoord[0]) : 0;
$minutes = count($exifCoord) > 1 ? gps2Num($exifCoord[1]) : 0; $minutes = count($exifCoord) > 1 ? gps2Num($exifCoord[1]) : 0;

View File

@ -1023,63 +1023,13 @@ function photos_content(&$a) {
$community_page = (($a->data['user']['page-flags'] == PAGE_COMMUNITY) ? true : false); $community_page = (($a->data['user']['page-flags'] == PAGE_COMMUNITY) ? true : false);
if((local_user()) && (local_user() == $owner_uid)) // get the access rights for photos
$can_post = true; $photos_perms = photos_permissions($owner_uid, $community_page);
else {
if($community_page && remote_user()) {
if(is_array($_SESSION['remote'])) {
foreach($_SESSION['remote'] as $v) {
if($v['uid'] == $owner_uid) {
$contact_id = $v['cid'];
break;
}
}
}
if($contact_id) {
$r = q("SELECT `uid` FROM `contact` WHERE `blocked` = 0 AND `pending` = 0 AND `id` = %d AND `uid` = %d LIMIT 1", // convert keys of the $photo_persms array into variables
intval($contact_id), if(count($photos_perms)) {
intval($owner_uid) foreach ($photos_perms as $key => $value) {
); ${$key} = $value;
if(count($r)) {
$can_post = true;
$contact = $r[0];
$remote_contact = true;
$visitor = $cid;
}
}
}
}
// perhaps they're visiting - but not a community page, so they wouldn't have write access
if(remote_user() && (! $visitor)) {
$contact_id = 0;
if(is_array($_SESSION['remote'])) {
foreach($_SESSION['remote'] as $v) {
if($v['uid'] == $owner_uid) {
$contact_id = $v['cid'];
break;
}
}
}
if($contact_id) {
$groups = init_groups_visitor($contact_id);
$r = q("SELECT * FROM `contact` WHERE `blocked` = 0 AND `pending` = 0 AND `id` = %d AND `uid` = %d LIMIT 1",
intval($contact_id),
intval($owner_uid)
);
if(count($r)) {
$contact = $r[0];
$remote_contact = true;
}
}
}
if(! $remote_contact) {
if(local_user()) {
$contact_id = $_SESSION['cid'];
$contact = $a->contact;
} }
} }
@ -1088,7 +1038,7 @@ function photos_content(&$a) {
return; return;
} }
$sql_extra = permissions_sql($owner_uid,$remote_contact,$groups); $sql_extra = permissions_sql($owner_uid, $remote_contact, $groups);
$o = ""; $o = "";
@ -1842,7 +1792,7 @@ function photos_content(&$a) {
$a->set_pager_itemspage(20); $a->set_pager_itemspage(20);
} }
$r = q("SELECT `resource-id`, `id`, `filename`, type, `album`, max(`scale`) AS `scale` FROM `photo` $r = q("SELECT `resource-id`, `id`, `filename`, `type`, `album`, max(`scale`) AS `scale` FROM `photo`
WHERE `uid` = %d AND `album` != '%s' AND `album` != '%s' WHERE `uid` = %d AND `album` != '%s' AND `album` != '%s'
$sql_extra GROUP BY `resource-id` ORDER BY `created` DESC LIMIT %d , %d", $sql_extra GROUP BY `resource-id` ORDER BY `created` DESC LIMIT %d , %d",
intval($a->data['user']['uid']), intval($a->data['user']['uid']),

View File

@ -181,6 +181,10 @@ function profile_content(&$a, $update = 0) {
$commpage = (($a->profile['page-flags'] == PAGE_COMMUNITY) ? true : false); $commpage = (($a->profile['page-flags'] == PAGE_COMMUNITY) ? true : false);
$commvisitor = (($commpage && $remote_contact == true) ? true : false); $commvisitor = (($commpage && $remote_contact == true) ? true : false);
if(feature_enabled($a->profile['profile_uid'],'photos_widget')) {
require_once('include/photos.php');
$a->page['aside'] .= widget_photos($a->profile);
}
$a->page['aside'] .= posted_date_widget($a->get_baseurl(true) . '/profile/' . $a->profile['nickname'],$a->profile['profile_uid'],true); $a->page['aside'] .= posted_date_widget($a->get_baseurl(true) . '/profile/' . $a->profile['nickname'],$a->profile['profile_uid'],true);
$a->page['aside'] .= categories_widget($a->get_baseurl(true) . '/profile/' . $a->profile['nickname'],(x($category) ? xmlify($category) : '')); $a->page['aside'] .= categories_widget($a->get_baseurl(true) . '/profile/' . $a->profile['nickname'],(x($category) ? xmlify($category) : ''));

View File

@ -321,3 +321,18 @@ ul.credits li {
.p-addr { .p-addr {
clear: both; clear: both;
} }
.widget-photo {
float: left;
}
.widget-photo-link {
margin: 0 2px 2px 0;
}
img.widget-photo-img {
width: 48px;
height: 48px;
object-fit: cover;
padding-right: 2px;
}

View File

@ -0,0 +1,18 @@
<div id="sidebar_photos_widget" class="widget">
<h3><a href="{{$photo_albums}}" title="{{$photo_albums_page_title}}">{{$title}}</a></h3>
<div id="widget_photos_wrapper">
{{foreach $photos as $photo}}
<div class="widget_photo_container">
<div class="widget-photo" id="widget-photo-{{$photo.id}}" >
<a href="{{$photo.src}}" class="widget-photo-link" id="widget-photo-link-{{$photo.id}}" >
<img class="widget-photo-img" src="{{$photo.photo}}" alt="{{$photo.alt_text}}" title="{{$photo.alt_text}}" />
</a>
</div>
</div>
{{/foreach}}
</div>
<div class="clear"></div>
</div>

View File

@ -140,12 +140,12 @@ nav #banner #logo-text a:hover { text-decoration: none; }
.nav-commlink, .nav-login-link { .nav-commlink, .nav-login-link {
display: block; display: block;
height: 15px; height: 15px;
margin-top: 67px; margin-top: 67px;
margin-right: 2px; margin-right: 2px;
//padding: 6px 10px; /* padding: 6px 10px; */
padding: 6px 3px; padding: 6px 3px;
float: left; float: left;
bottom: 140px; bottom: 140px;
border: 1px solid #babdb6; border: 1px solid #babdb6;
@ -244,7 +244,7 @@ section {
display:block; display:block;
float:left; float:left;
padding: 0.4em; padding: 0.4em;
//margin-right: 1em; /*margin-right: 1em; */
margin-right: 3px ; margin-right: 3px ;
} }
.tab.active { .tab.active {
@ -2164,6 +2164,9 @@ aside input[type='text'] {
} }
.widget h3 a {
color: #000000;
}
/*.photos { /*.photos {
height: auto; height: auto;

View File

@ -2541,6 +2541,14 @@ a.mail-list-link {
margin: 10px 0 10px; margin: 10px 0 10px;
} }
.widget-photo {
float: left;
}
.widget-photo-link {
margin: 0 2px 2px 0;
}
#sidebar-group-list ul { #sidebar-group-list ul {
list-style-type: none; list-style-type: none;
} }
@ -2626,12 +2634,15 @@ aside input[type='text'] {
-webkit-border-radius:5px; -webkit-border-radius:5px;
border-radius:5px; border-radius:5px;
} }
.widget h3 a {
color: #505050;
}
.widget.settings-widget { .widget.settings-widget {
padding: 0; padding: 0;
} }
/*.photos { /*.photos {
height: auto; height: auto;
overflow: auto; overflow: auto;

View File

@ -2356,6 +2356,21 @@ a.mail-list-link {
margin: 10px 0 10px; margin: 10px 0 10px;
} }
.widget-photo {
float: left;
}
.widget-photo-link {
margin: 0 2px 2px 0;
}
img.widget-photo-img {
width: 48px;
height: 48px;
object-fit: cover;
padding-right: 2px;
}
#sidebar-group-list ul { #sidebar-group-list ul {
list-style-type: none; list-style-type: none;
} }
@ -2446,9 +2461,11 @@ aside input[type='text'] {
-moz-border-radius:5px; -moz-border-radius:5px;
-webkit-border-radius:5px; -webkit-border-radius:5px;
border-radius:5px; border-radius:5px;
} }
.widget h3 a {
color: #505050;
}
/*.photos { /*.photos {
height: auto; height: auto;

View File

@ -463,7 +463,7 @@ a:hover {
text-decoration: underline; text-decoration: underline;
} }
blockquote { blockquote {
background: #FFFFFF; background: #ffffff;
padding: 1em; padding: 1em;
margin-left: 1em; margin-left: 1em;
border-left: 1em solid #e6e6e6; border-left: 1em solid #e6e6e6;
@ -1007,6 +1007,9 @@ aside .posted-date-selector-months {
padding: 0; padding: 0;
margin: 2px; margin: 2px;
} }
.widget h3 a {
color: #2d2d2d;
}
.widget .action { .widget .action {
opacity: 0.1; opacity: 0.1;
-webkit-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;

View File

@ -463,7 +463,7 @@ a:hover {
text-decoration: underline; text-decoration: underline;
} }
blockquote { blockquote {
background: #FFFFFF; background: #ffffff;
padding: 1em; padding: 1em;
margin-left: 1em; margin-left: 1em;
border-left: 1em solid #e6e6e6; border-left: 1em solid #e6e6e6;
@ -1007,6 +1007,9 @@ aside .posted-date-selector-months {
padding: 0; padding: 0;
margin: 2px; margin: 2px;
} }
.widget h3 a {
color: #2d2d2d;
}
.widget .action { .widget .action {
opacity: 0.1; opacity: 0.1;
-webkit-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;

View File

@ -420,7 +420,7 @@
body { body {
font-family: Liberation Sans, helvetica, arial, clean, sans-serif; font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
font-size: 11px; font-size: 11px;
background-color: #F6ECF9; background-color: #f6ecf9;
color: #2d2d2d; color: #2d2d2d;
margin: 50px 0 0 0; margin: 50px 0 0 0;
display: table; display: table;
@ -463,7 +463,7 @@ a:hover {
text-decoration: underline; text-decoration: underline;
} }
blockquote { blockquote {
background: #FFFFFF; background: #ffffff;
padding: 1em; padding: 1em;
margin-left: 1em; margin-left: 1em;
border-left: 1em solid #e6e6e6; border-left: 1em solid #e6e6e6;
@ -1007,6 +1007,9 @@ aside .posted-date-selector-months {
padding: 0; padding: 0;
margin: 2px; margin: 2px;
} }
.widget h3 a {
color: #2d2d2d;
}
.widget .action { .widget .action {
opacity: 0.1; opacity: 0.1;
-webkit-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
@ -1753,7 +1756,7 @@ span[id^="showmore-wrap"] {
height: 20px; height: 20px;
width: 500px; width: 500px;
font-weight: bold; font-weight: bold;
border: 1px solid #F6ECF9; border: 1px solid #f6ecf9;
} }
#jot #jot-title:-webkit-input-placeholder { #jot #jot-title:-webkit-input-placeholder {
font-weight: normal; font-weight: normal;
@ -1780,7 +1783,7 @@ span[id^="showmore-wrap"] {
margin: 0; margin: 0;
height: 20px; height: 20px;
width: 200px; width: 200px;
border: 1px solid #F6ECF9; border: 1px solid #f6ecf9;
} }
#jot #jot-category:hover { #jot #jot-category:hover {
border: 1px solid #999999; border: 1px solid #999999;

View File

@ -454,6 +454,7 @@ aside {
margin-bottom: 2em; margin-bottom: 2em;
h3 { padding: 0; margin: 2px;} h3 { padding: 0; margin: 2px;}
h3 a { color: @BodyColor; }
.action { .opaque(0.1); } .action { .opaque(0.1); }
input.action { .opaque(0.5); } input.action { .opaque(0.5); }
&:hover .title .action { .opaque(1); } &:hover .title .action { .opaque(1); }

View File

@ -1019,6 +1019,15 @@ ul .sidebar-group-li .icon {
text-shadow: -1px 0px 0px #bdbdbd; text-shadow: -1px 0px 0px #bdbdbd;
} }
.widget h3 a {
color: #626262;
}
.widget h3 a:hover, .widget h3 a:focus {
color: #6da6c4;
text-decoration: none;
}
#connect-desc { #connect-desc {
margin-left: 10px; margin-left: 10px;
} }

View File

@ -1141,6 +1141,12 @@ aside h4, right_aside h4 {
padding: 0px; padding: 0px;
margin: 2px; margin: 2px;
} }
.widget h3 a {
color: #737373;
}
.widget h3 a:hover {
color: black;
}
.widget .action { .widget .action {
opacity: 0.1; opacity: 0.1;
-webkit-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;