move community_pages to right_aside, fixes in css

This commit is contained in:
tommy tomson 2012-03-25 08:47:17 +02:00
parent ea29a26059
commit 329a26d62e
10 changed files with 135 additions and 29 deletions

View File

@ -1,5 +1,5 @@
{{ if $lastusers_title }} {{ if $lastusers_title }}
<h3 style="margin-top:0px;">Help or #NewHere ?</h3> <h3 style="margin-top:0px;">Help or @NewHere ?</h3>
<a href="https://helpers.pyxis.uberspace.de/profile/helpers" style="margin-left: 10px; " title="Friendica Support" target="blank">Friendica Support</a><br> <a href="https://helpers.pyxis.uberspace.de/profile/helpers" style="margin-left: 10px; " title="Friendica Support" target="blank">Friendica Support</a><br>
<a href="https://letstalk.pyxis.uberspace.de/profile/letstalk" style="margin-left: 10px; " title="Let's talk" target="blank">Let's talk</a><br> <a href="https://letstalk.pyxis.uberspace.de/profile/letstalk" style="margin-left: 10px; " title="Let's talk" target="blank">Let's talk</a><br>
<a href="http://kakste.com/profile/newhere" title="#NewHere" style="margin-left: 10px; " target="blank">NewHere</a> <a href="http://kakste.com/profile/newhere" title="#NewHere" style="margin-left: 10px; " target="blank">NewHere</a>
@ -46,9 +46,13 @@
</div> </div>
{{ endif }} {{ endif }}
{{ if $lastusers_title }}
<div>$page</div>
{{ endif }}
{{ if $lastusers_title }} {{ if $lastusers_title }}
<h3>PostIt to Friendica</h3> <h3>PostIt to Friendica</h3>
<div style="padding-left: 8px;"><span >Post to Friendica from anywhere by bookmarking this <a href="$fostitJS" title="PostIt">Link</a>.</span></div> <div style="padding-left: 8px;"><span ><a href="$fostitJS" title="PostIt">Post to Friendica</a> from anywhere by bookmarking the Link.</span></div>
{{ endif }} {{ endif }}
{{ if $like_title }} {{ if $like_title }}

View File

@ -395,7 +395,7 @@
/* global */ /* global */
body { body {
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px; font-size: 12.5px;
background-color: #ffffff; background-color: #ffffff;
color: #2d2d2d; color: #2d2d2d;
margin: 50px auto auto; margin: 50px auto auto;
@ -888,6 +888,8 @@ ul.menu-popup .empty {
position: absolute; position: absolute;
padding-top: 4px; padding-top: 4px;
padding-left: 5px; padding-left: 5px;
word-wrap: break-word;
width: 130px;
} }
#ps-username:hover{ #ps-username:hover{
text-decoration: none; text-decoration: none;
@ -945,7 +947,7 @@ aside {
float: left; float: left;
/* background: #F1F1F1; */ /* background: #F1F1F1; */
} }
aside #page-sidebar{display: none;}
aside .vcard .fn { aside .vcard .fn {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
@ -1187,7 +1189,8 @@ right_aside #likes { margin: 0px; padding: 0px; list-style: none; }
right_aside .items-wrapper{ overflow: auto; width: 100%; } right_aside .items-wrapper{ overflow: auto; width: 100%; }
right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; } right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; }
right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; } right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; }
#page-sidebar-right_aside{margin-top: 30px;}
#page-sidebar-right_aside ul {margin-top: 0px;}
/* wall item */ /* wall item */
.tread-wrapper { .tread-wrapper {
border-bottom: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2;
@ -1216,6 +1219,7 @@ right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow:
.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
display: table-row; display: table-row;
} }
.wall-item-bottom { .wall-item-bottom {
font-size: 13px; font-size: 13px;
} }
@ -1260,10 +1264,10 @@ right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow:
} }
.wall-item-container .wall-item-content { .wall-item-container .wall-item-content {
font-size: 13px; font-size: 12.5px;
max-width: 420px; max-width: 420px;
word-wrap: break-word; word-wrap: break-word;
line-height: 1.4; line-height: 1.2;
} }
.wall-item-container .wall-item-content img { .wall-item-container .wall-item-content img {

View File

@ -395,7 +395,7 @@
/* global */ /* global */
body { body {
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px; font-size: 12.5px;
background-color: #ffffff; background-color: #ffffff;
color: #2d2d2d; color: #2d2d2d;
margin: 50px auto auto; margin: 50px auto auto;
@ -888,6 +888,8 @@ ul.menu-popup .empty {
position: absolute; position: absolute;
padding-top: 4px; padding-top: 4px;
padding-left: 5px; padding-left: 5px;
word-wrap: break-word;
width: 130px;
} }
#ps-username:hover{ #ps-username:hover{
text-decoration: none; text-decoration: none;
@ -1117,7 +1119,7 @@ list-style-type: disc;
section { section {
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
width: auto; width: 611px;
padding: 0px 0px 0px 12px; padding: 0px 0px 0px 12px;
} }
@ -1177,6 +1179,7 @@ right_aside {
/* background: #F1F1F1; */ /* background: #F1F1F1; */
} }
right_aside a{color: #1872A2;}
right_aside h3 {border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 5px; margin-bottom: 0px; right_aside h3 {border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 5px; margin-bottom: 0px;
margin-top:30px;} margin-top:30px;}
right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; } right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; }
@ -1186,7 +1189,8 @@ right_aside #likes { margin: 0px; padding: 0px; list-style: none; }
right_aside .items-wrapper{ overflow: auto; width: 100%; } right_aside .items-wrapper{ overflow: auto; width: 100%; }
right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; } right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; }
right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; } right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; }
#page-sidebar-right_aside{margin-top: 30px;}
#page-sidebar-right_aside ul {margin-top: 0px;}
/* wall item */ /* wall item */
.tread-wrapper { .tread-wrapper {
border-bottom: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2;
@ -1215,6 +1219,7 @@ right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow:
.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
display: table-row; display: table-row;
} }
.wall-item-bottom { .wall-item-bottom {
font-size: 13px; font-size: 13px;
} }
@ -1259,10 +1264,10 @@ right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow:
} }
.wall-item-container .wall-item-content { .wall-item-container .wall-item-content {
font-size: 13px; font-size: 12.5px;
max-width: 420px; max-width: 420px;
word-wrap: break-word; word-wrap: break-word;
line-height: 1.4; line-height: 1.2;
} }
.wall-item-container .wall-item-content img { .wall-item-container .wall-item-content img {

View File

@ -395,7 +395,7 @@
/* global */ /* global */
body { body {
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px; font-size: 12.5px;
background-color: #ffffff; background-color: #ffffff;
color: #2d2d2d; color: #2d2d2d;
margin: 50px auto auto; margin: 50px auto auto;
@ -887,6 +887,8 @@ ul.menu-popup .empty {
position: absolute; position: absolute;
padding-top: 4px; padding-top: 4px;
padding-left: 5px; padding-left: 5px;
word-wrap: break-word;
width: 130px;
} }
#ps-username:hover{ #ps-username:hover{
text-decoration: none; text-decoration: none;
@ -1235,10 +1237,10 @@ body .pageheader{
} }
.wall-item-container .wall-item-content { .wall-item-container .wall-item-content {
font-size: 13px; font-size: 12.5px;
max-width: 720px; max-width: 720px;
word-wrap: break-word; word-wrap: break-word;
line-height: 1.4; line-height: 1.2;
} }
.wall-item-container .wall-item-content img { .wall-item-container .wall-item-content img {

View File

@ -139,6 +139,41 @@ function diabook_community_info(){
$aside['$fostitJS'] = $fostitJS; $aside['$fostitJS'] = $fostitJS;
//Community Page
$page = '<div id="page-sidebar-right_aside" class="widget">
<div class="title tool">
<h3>'.t("Community Pages").'</h3></div>
<div id="sidebar-page-list"><ul>';
$pagelist = array();
$contacts = q("SELECT `id`, `url`, `name`, `micro`FROM `contact`
WHERE `network`= 'dfrn' AND `forum` = 1 AND `uid` = %d",
intval($a->user['uid'])
);
$pageD = array();
// Look if the profile is a community page
foreach($contacts as $contact) {
$pageD[] = array("url"=>$contact["url"], "name"=>$contact["name"], "id"=>$contact["id"], "micro"=>$contact['micro']);
};
$contacts = $pageD;
foreach($contacts as $contact) {
$page .= '<li style="list-style-type: none;" class="tool"><img height="20" width="20" style="float: left; margin-right: 3px;" src="' . $contact['micro'] .'" alt="' . $contact['url'] . '" /> <a href="'.$a->get_baseurl().'/redir/'.$contact["id"].'" style="margin-top: 2px;" title="' . $contact['url'] . '" class="label" target="external-link">'.
$contact["name"]."</a></li>";
}
$page .= '</ul></div></div>';
if (sizeof($contacts) > 0)
$aside['$page'] = $page;
//END Community Page
$url = $a->get_baseurl($ssl_state); $url = $a->get_baseurl($ssl_state);
$aside['$url'] = $url; $aside['$url'] = $url;

View File

@ -1,5 +1,5 @@
{{ if $lastusers_title }} {{ if $lastusers_title }}
<h3 style="margin-top:0px;">Help or #NewHere ?</h3> <h3 style="margin-top:0px;">Help or @NewHere ?</h3>
<a href="https://helpers.pyxis.uberspace.de/profile/helpers" style="margin-left: 10px; " title="Friendica Support" target="blank">Friendica Support</a><br> <a href="https://helpers.pyxis.uberspace.de/profile/helpers" style="margin-left: 10px; " title="Friendica Support" target="blank">Friendica Support</a><br>
<a href="https://letstalk.pyxis.uberspace.de/profile/letstalk" style="margin-left: 10px; " title="Let's talk" target="blank">Let's talk</a><br> <a href="https://letstalk.pyxis.uberspace.de/profile/letstalk" style="margin-left: 10px; " title="Let's talk" target="blank">Let's talk</a><br>
<a href="http://kakste.com/profile/newhere" title="#NewHere" style="margin-left: 10px; " target="blank">NewHere</a> <a href="http://kakste.com/profile/newhere" title="#NewHere" style="margin-left: 10px; " target="blank">NewHere</a>
@ -46,9 +46,13 @@
</div> </div>
{{ endif }} {{ endif }}
{{ if $lastusers_title }}
<div>$page</div>
{{ endif }}
{{ if $lastusers_title }} {{ if $lastusers_title }}
<h3>PostIt to Friendica</h3> <h3>PostIt to Friendica</h3>
<div style="padding-left: 8px;"><span >Post to Friendica from anywhere by bookmarking this <a href="$fostitJS" title="PostIt">Link</a>.</span></div> <div style="padding-left: 8px;"><span ><a href="$fostitJS" title="PostIt">Post to Friendica</a> from anywhere by bookmarking this Link.</span></div>
{{ endif }} {{ endif }}
{{ if $like_title }} {{ if $like_title }}

View File

@ -395,7 +395,7 @@
/* global */ /* global */
body { body {
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px; font-size: 12.5px;
background-color: #ffffff; background-color: #ffffff;
color: #2d2d2d; color: #2d2d2d;
margin: 50px auto auto; margin: 50px auto auto;
@ -877,6 +877,8 @@ ul.menu-popup .empty {
padding-top: 4px; padding-top: 4px;
padding-left: 5px; padding-left: 5px;
color: #2D2D2D; color: #2D2D2D;
word-wrap: break-word;
width: 130px;
} }
#ps-username:hover{ #ps-username:hover{
text-decoration: none; text-decoration: none;
@ -934,6 +936,7 @@ aside {
float: left; float: left;
/* background: #F1F1F1; */ /* background: #F1F1F1; */
} }
aside #page-sidebar{display: none;}
aside .vcard .fn { aside .vcard .fn {
font-size: 18px; font-size: 18px;
@ -1164,7 +1167,8 @@ right_aside #likes { margin: 0px; padding: 0px; list-style: none; }
right_aside .items-wrapper{ overflow: auto; width: 100%; } right_aside .items-wrapper{ overflow: auto; width: 100%; }
right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; } right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; }
right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; } right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; }
#page-sidebar-right_aside{margin-top: 30px;}
#page-sidebar-right_aside ul {margin-top: 0px;}
/* wall item */ /* wall item */
.tread-wrapper { .tread-wrapper {
border-bottom: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2;
@ -1189,6 +1193,7 @@ right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow:
.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
display: table-row; display: table-row;
} }
.wall-item-bottom { .wall-item-bottom {
font-size: 13px; font-size: 13px;
} }
@ -1233,10 +1238,10 @@ right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow:
} }
.wall-item-container .wall-item-content { .wall-item-container .wall-item-content {
font-size: 13px; font-size: 12.5px;
max-width: 420px; max-width: 420px;
word-wrap: break-word; word-wrap: break-word;
line-height: 1.4; line-height: 1.2;
} }
.wall-item-container .wall-item-content img { .wall-item-container .wall-item-content img {

View File

@ -395,7 +395,7 @@
/* global */ /* global */
body { body {
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px; font-size: 12.5px;
background-color: #ffffff; background-color: #ffffff;
color: #2d2d2d; color: #2d2d2d;
margin: 50px auto auto; margin: 50px auto auto;
@ -877,6 +877,8 @@ ul.menu-popup .empty {
padding-top: 4px; padding-top: 4px;
padding-left: 5px; padding-left: 5px;
color: #2D2D2D; color: #2D2D2D;
word-wrap: break-word;
width: 130px;
} }
#ps-username:hover{ #ps-username:hover{
text-decoration: none; text-decoration: none;
@ -1096,7 +1098,7 @@ aside #side-peoplefind-url {
section { section {
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
width: auto; width: 610px;
padding: 0px 0px 0px 12px; padding: 0px 0px 0px 12px;
} }
@ -1164,6 +1166,8 @@ right_aside #likes { margin: 0px; padding: 0px; list-style: none; }
right_aside .items-wrapper{ overflow: auto; width: 100%; } right_aside .items-wrapper{ overflow: auto; width: 100%; }
right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; } right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; }
right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; } right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; }
#page-sidebar-right_aside{margin-top: 30px;}
#page-sidebar-right_aside ul {margin-top: 0px;}
/* wall item */ /* wall item */
.tread-wrapper { .tread-wrapper {
border-bottom: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2;
@ -1188,6 +1192,7 @@ right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow:
.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
display: table-row; display: table-row;
} }
.wall-item-bottom { .wall-item-bottom {
font-size: 13px; font-size: 13px;
} }
@ -1232,10 +1237,10 @@ right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow:
} }
.wall-item-container .wall-item-content { .wall-item-container .wall-item-content {
font-size: 13px; font-size: 12.5px;
max-width: 420px; max-width: 420px;
word-wrap: break-word; word-wrap: break-word;
line-height: 1.4; line-height: 1.2;
} }
.wall-item-container .wall-item-content img { .wall-item-container .wall-item-content img {

View File

@ -394,7 +394,7 @@
/* global */ /* global */
body { body {
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px; font-size: 12.5px;
background-color: #ffffff; background-color: #ffffff;
color: #2d2d2d; color: #2d2d2d;
margin: 50px auto auto; margin: 50px auto auto;
@ -876,6 +876,8 @@ ul.menu-popup .empty {
padding-top: 4px; padding-top: 4px;
padding-left: 5px; padding-left: 5px;
color: #2D2D2D; color: #2D2D2D;
word-wrap: break-word;
width: 130px;
} }
#ps-username:hover{ #ps-username:hover{
text-decoration: none; text-decoration: none;
@ -1212,10 +1214,10 @@ body .pageheader{
} }
.wall-item-container .wall-item-content { .wall-item-container .wall-item-content {
font-size: 13px; font-size: 12.5px;
max-width: 720px; max-width: 720px;
word-wrap: break-word; word-wrap: break-word;
line-height: 1.4; line-height: 1.2;
} }
.wall-item-container .wall-item-content img { .wall-item-container .wall-item-content img {

View File

@ -18,6 +18,9 @@ $cssFile = null;
/** /**
* prints last community activity * prints last community activity
*/ */
function diabook_community_info(){ function diabook_community_info(){
$a = get_app(); $a = get_app();
//right_aside at networkpages //right_aside at networkpages
@ -139,12 +142,49 @@ function diabook_community_info(){
$aside['$fostitJS'] = $fostitJS; $aside['$fostitJS'] = $fostitJS;
//Community Page
$page = '<div id="page-sidebar-right_aside" class="widget">
<div class="title tool">
<h3>'.t("Community Pages").'</h3></div>
<div id="sidebar-page-list"><ul>';
$pagelist = array();
$contacts = q("SELECT `id`, `url`, `name`, `micro`FROM `contact`
WHERE `network`= 'dfrn' AND `forum` = 1 AND `uid` = %d",
intval($a->user['uid'])
);
$pageD = array();
// Look if the profile is a community page
foreach($contacts as $contact) {
$pageD[] = array("url"=>$contact["url"], "name"=>$contact["name"], "id"=>$contact["id"], "micro"=>$contact['micro']);
};
$contacts = $pageD;
foreach($contacts as $contact) {
$page .= '<li style="list-style-type: none;" class="tool"><img height="20" width="20" style="float: left; margin-right: 3px;" src="' . $contact['micro'] .'" alt="' . $contact['url'] . '" /> <a href="'.$a->get_baseurl().'/redir/'.$contact["id"].'" style="margin-top: 2px;" title="' . $contact['url'] . '" class="label" target="external-link">'.
$contact["name"]."</a></li>";
}
$page .= '</ul></div></div>';
if (sizeof($contacts) > 0)
$aside['$page'] = $page;
//END Community Page
$url = $a->get_baseurl($ssl_state); $url = $a->get_baseurl($ssl_state);
$aside['$url'] = $url; $aside['$url'] = $url;
$tpl = file_get_contents(dirname(__file__).'/communityhome.tpl'); $tpl = file_get_contents(dirname(__file__).'/communityhome.tpl');
$a->page['right_aside'] = replace_macros($tpl, $aside); $a->page['right_aside'] = replace_macros($tpl, $aside);
} }
@ -167,7 +207,7 @@ if ($a->argv[0] === "network"){
$ps['usermenu']['events'] = Array('events/', t('Events'), "", t('Your events')); $ps['usermenu']['events'] = Array('events/', t('Events'), "", t('Your events'));
$ps['usermenu']['notes'] = Array('notes/', t('Personal notes'), "", t('Your personal photos')); $ps['usermenu']['notes'] = Array('notes/', t('Personal notes'), "", t('Your personal photos'));
$ps['usermenu']['community'] = Array('community/', t('Community'), "", ""); $ps['usermenu']['community'] = Array('community/', t('Community'), "", "");
$ps['usermenu']['pgroups'] = Array('http://dir.friendika.com/directory/forum', t('Public Groups'), "", ""); $ps['usermenu']['pgroups'] = Array('http://dir.friendica.com/directory/forum', t('Public Groups'), "", "");
$tpl = get_markup_template('profile_side.tpl'); $tpl = get_markup_template('profile_side.tpl');