Merge pull request #2120 from rabuzarus/2911_network_header

2911 network header
This commit is contained in:
Michael Vogel 2015-11-30 08:30:34 +01:00
commit 4efb6c6f79
18 changed files with 239 additions and 15 deletions

View file

@ -154,14 +154,6 @@ function network_init(&$a) {
$a->page['aside'] .= saved_searches($search); $a->page['aside'] .= saved_searches($search);
$a->page['aside'] .= fileas_widget($a->get_baseurl(true) . '/network',(x($_GET, 'file') ? $_GET['file'] : '')); $a->page['aside'] .= fileas_widget($a->get_baseurl(true) . '/network',(x($_GET, 'file') ? $_GET['file'] : ''));
if(x($_GET['cid']) && intval($_GET['cid']) != 0) {
$r = q("SELECT `url` FROM `contact` WHERE `id` = %d",
intval($_GET['cid']));
if ($r) {
$a->page['aside'] = "";
profile_load($a, "", 0, get_contact_details_by_url($r[0]["url"]));
}
}
} }
function saved_searches($search) { function saved_searches($search) {
@ -585,7 +577,7 @@ function network_content(&$a, $update = 0) {
} }
elseif($cid) { elseif($cid) {
$r = q("SELECT `id`,`name`,`network`,`writable`,`nurl` FROM `contact` WHERE `id` = %d $r = q("SELECT `id`,`name`,`network`,`writable`,`nurl`, `forum`, `prv`, `addr`, `thumb`, `location` FROM `contact` WHERE `id` = %d
AND `blocked` = 0 AND `pending` = 0 LIMIT 1", AND `blocked` = 0 AND `pending` = 0 LIMIT 1",
intval($cid) intval($cid)
); );
@ -596,8 +588,18 @@ function network_content(&$a, $update = 0) {
ON $sql_table.$sql_parent = `temp1`.`parent` "; ON $sql_table.$sql_parent = `temp1`.`parent` ";
$sql_extra = ""; $sql_extra = "";
$o = replace_macros(get_markup_template("section_title.tpl"),array( $entries[0] = array(
'$title' => sprintf( t('Contact: %s'), htmlentities($r[0]['name'])) 'id' => 'network',
'name' => htmlentities($r[0]['name']),
'itemurl' => (($r[0]['addr']) ? ($r[0]['addr']) : ($r[0]['nurl'])),
'thumb' => proxy_url($r[0]['thumb'], false, PROXY_SIZE_THUMB),
'account_type' => (($r[0]['forum']) || ($r[0]['prv']) ? t('Forum') : ''),
'details' => $r[0]['location'],
);
$o = replace_macros(get_markup_template("viewcontact_template.tpl"),array(
'contacts' => $entries,
'id' => 'network',
)) . $o; )) . $o;
if($r[0]['network'] === NETWORK_OSTATUS && $r[0]['writable'] && (! get_pconfig(local_user(),'system','nowarn_insecure'))) { if($r[0]['network'] === NETWORK_OSTATUS && $r[0]['writable'] && (! get_pconfig(local_user(),'system','nowarn_insecure'))) {

View file

@ -1,9 +1,11 @@
{{include file="section_title.tpl"}} {{include file="section_title.tpl"}}
<div id="viewcontact_wrapper-{{$id}}">
{{foreach $contacts as $contact}} {{foreach $contacts as $contact}}
{{include file="contact_template.tpl"}} {{include file="contact_template.tpl"}}
{{/foreach}} {{/foreach}}
</div>
<div id="view-contact-end"></div> <div id="view-contact-end"></div>

View file

@ -20,6 +20,9 @@ div.wall-item-content-wrapper.shiny { background-image: url('ingdarkzero/shiny.
nav #banner #logo-text a { color: #ffffff; } nav #banner #logo-text a { color: #ffffff; }
/* Contact-Header for the Network Stream */
#viewcontact_wrapper-network {background-image: url('imgdarkzero/head.jpg');}
.wall-item-content-wrapper { .wall-item-content-wrapper {
border: 1px solid #444444; border: 1px solid #444444;
background: #444444; background: #444444;

View file

@ -25,8 +25,10 @@ section { background: #EEFFFF; }
a, a:visited { color: #0000FF; text-decoration: none; } a, a:visited { color: #0000FF; text-decoration: none; }
a:hover {text-decoration: underline; } a:hover {text-decoration: underline; }
/* Contact-Header for the Network Stream */
#viewcontact_wrapper-network { background: #FFDDFF; }
aside( background-image: url('imgeasterbunny/border.jpg'); } aside { background-image: url('imgeasterbunny/border.jpg'); }
.tabs { background-image: url('imgeasterbunny/head.jpg'); } .tabs { background-image: url('imgeasterbunny/head.jpg'); }
div.wall-item-content-wrapper.shiny { background-image: url('imgeasterbunny/shiny.png'); } div.wall-item-content-wrapper.shiny { background-image: url('imgeasterbunny/shiny.png'); }

View file

@ -21,6 +21,7 @@ body { background-image: url('imggreenzero/head.jpg'); }
aside { background-image: url('imggreenzero/border.jpg'); } aside { background-image: url('imggreenzero/border.jpg'); }
section { background-image: url('imggreenzero/border.jpg'); } section { background-image: url('imggreenzero/border.jpg'); }
.tabs { background-image: url('imggreenzero/head.jpg'); } .tabs { background-image: url('imggreenzero/head.jpg'); }
#viewcontact_wrapper-network { background: #DBEAD7; }
div.wall-item-content-wrapper.shiny { background-image: url('imggreenzero/shiny.png'); } div.wall-item-content-wrapper.shiny { background-image: url('imggreenzero/shiny.png'); }
.fakelink, .fakelink:visited, .fakelink:hover, .fakelink:link { .fakelink, .fakelink:visited, .fakelink:hover, .fakelink:link {

View file

@ -3,8 +3,9 @@ a:hover {text-decoration: underline; }
body { background-image: url('imgpurplezero/head.jpg'); } body { background-image: url('imgpurplezero/head.jpg'); }
aside( background-image: url('imgpurplezero/border.jpg'); } aside { background-image: url('imgpurplezero/border.jpg'); }
section { background-image: url('imgpurplezero/border.jpg'); } section { background-image: url('imgpurplezero/border.jpg'); }
#viewcontact_wrapper-network { background: #ECCAEB; }
.tabs { background-image: url('imgpurplezero/head.jpg'); } .tabs { background-image: url('imgpurplezero/head.jpg'); }
div.wall-item-content-wrapper.shiny { background-image: url('imgpurplezero/shiny.png'); } div.wall-item-content-wrapper.shiny { background-image: url('imgpurplezero/shiny.png'); }

View file

@ -278,6 +278,31 @@ div.wall-item-content-wrapper.shiny {
margin: 15px 0 15px 150px; margin: 15px 0 15px 150px;
} }
/* Contact-Header for the Network Stream */
#viewcontact_wrapper-network {
width: 100%;
min-height: 100px;
background-color: #DBE6F1;
border-bottom: 1px solid #babdb6;
}
#contact-entry-wrapper-network {
float: none;
width: auto;
height: auto;
padding: 10px;
margin: 0px
}
#contact-entry-accounttype-network {
font-size: 20px;
}
#contact-entry-name-network {
font-size: 24.5px;
}
/*#contact-entry-name-network>.contact-entry-details, #contact-entry-url-network,
#contact-entry-details-network, contact-entry-network-network {
color: #000;
}*/
/* from default */ /* from default */
#jot-perms-icon, #jot-perms-icon,
#profile-location, #profile-location,

View file

@ -421,6 +421,27 @@ section {
clear: both; clear: both;
} }
/* Contact-Header for the Network Stream */
#viewcontact_wrapper-network {
width: 100%;
min-height: 100px;
background-color: #FAFAFA;
border: 1px solid #DDDDDD;
border-radius: 5px;
}
#contact-entry-wrapper-network {
float: none;
width: auto;
height: auto;
padding: 10px;
margin: 0;
}
#contact-entry-accounttype-network {
font-size: 0.9em;
}
#contact-entry-name-network {
font-size: 1.5em;
}
/* footer */ /* footer */
footer { footer {

View file

@ -384,6 +384,27 @@ section {
padding-top: 3em; padding-top: 3em;
} }
/* Contact-Header for the Network Stream */
#viewcontact_wrapper-network {
width: 100%;
min-height: 100px;
background-color: #FAFAFA;
border: 1px solid #DDDDDD;
border-radius: 5px;
}
#contact-entry-wrapper-network {
float: none;
width: auto;
height: auto;
padding: 10px;
margin: 0;
}
#contact-entry-accounttype-network {
font-size: 0.9em;
}
#contact-entry-name-network {
font-size: 1.5em;
}
/* footer */ /* footer */
footer { footer {

View file

@ -791,6 +791,29 @@ ul.menu-popup .toolbar a:hover {
color: #9eabb0; color: #9eabb0;
display: block; display: block;
} }
/* Contact-Header for the Network Stream */
#viewcontact_wrapper-network {
width: 100%;
min-height: 100px;
background-color: #eff0f1;
border-bottom: 1px solid #cccccc;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network {
float: none;
width: auto;
height: auto;
padding: 10px;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-accounttype-network {
font-size: 22px;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-name-network {
font-size: 24.5px;
font-weight: normal;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network .contact-details {
font-size: 12px;
}
/* aside 230px*/ /* aside 230px*/
aside { aside {
display: table-cell; display: table-cell;

View file

@ -791,6 +791,29 @@ ul.menu-popup .toolbar a:hover {
color: #9eabb0; color: #9eabb0;
display: block; display: block;
} }
/* Contact-Header for the Network Stream */
#viewcontact_wrapper-network {
width: 100%;
min-height: 100px;
background-color: #eff0f1;
border-bottom: 1px solid #cccccc;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network {
float: none;
width: auto;
height: auto;
padding: 10px;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-accounttype-network {
font-size: 22px;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-name-network {
font-size: 24.5px;
font-weight: normal;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network .contact-details {
font-size: 12px;
}
/* aside 230px*/ /* aside 230px*/
aside { aside {
display: table-cell; display: table-cell;

View file

@ -791,6 +791,29 @@ ul.menu-popup .toolbar a:hover {
color: #9eabb0; color: #9eabb0;
display: block; display: block;
} }
/* Contact-Header for the Network Stream */
#viewcontact_wrapper-network {
width: 100%;
min-height: 100px;
background-color: #eff0f1;
border-bottom: 1px solid #cccccc;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network {
float: none;
width: auto;
height: auto;
padding: 10px;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-accounttype-network {
font-size: 22px;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network #contact-entry-name-network {
font-size: 24.5px;
font-weight: normal;
}
#viewcontact_wrapper-network #contact-entry-wrapper-network .contact-details {
font-size: 12px;
}
/* aside 230px*/ /* aside 230px*/
aside { aside {
display: table-cell; display: table-cell;

View file

@ -301,7 +301,22 @@ ul.menu-popup {
.notif-when { font-size: 10px; color: @MenuItemDetail; display: block; } .notif-when { font-size: 10px; color: @MenuItemDetail; display: block; }
} }
/* Contact-Header for the Network Stream */
#viewcontact_wrapper-network {
width: 100%;
min-height: 100px;
background-color: #eff0f1;
border-bottom: 1px solid #cccccc;
#contact-entry-wrapper-network {
float: none;
width: auto;
height: auto;
padding: 10px;
#contact-entry-accounttype-network { font-size: 22px; }
#contact-entry-name-network { font-size: 24.5px; font-weight: normal; }
.contact-details { font-size: 12px; }
}
}
/* aside 230px*/ /* aside 230px*/

View file

@ -149,6 +149,30 @@ section {
padding-bottom: 2em; padding-bottom: 2em;
} }
/* Contact-Header for the Network Stream */
#viewcontact_wrapper-network {
width: 100%;
min-height: 110px;
background-color: #FAFAFA;
box-shadow: 0 0 8px #BDBDBD;
border-bottom: 1px solid #dedede;
border: 1px solid #7C7D7B;
border-radius: 5px;
}
#contact-entry-wrapper-network {
float: none;
width: auto;
height: auto;
padding: 10px;
margin: 0;
}
#contact-entry-accounttype-network {
font-size: 20px;
}
#contact-entry-name-network {
font-size: 24.5px;
}
.lframe { .lframe {
border: 1px solid #7C7D7B; border: 1px solid #7C7D7B;
box-shadow: 3px 3px 6px #959494; box-shadow: 3px 3px 6px #959494;

View file

@ -122,3 +122,7 @@ div.pager, ul.tabs {
.mail-list-wrapper { .mail-list-wrapper {
border-radius: 5px; border-radius: 5px;
} }
#viewcontact_wrapper-network {
border-radius: 5px;
}

View file

@ -57,5 +57,9 @@ input#side-peoplefind-submit, input#side-follow-submit {
} }
li :hover { li :hover {
color: #767676 !important; color: #767676 !important;
}
#viewcontact_wrapper-network {
background-color: #343434;
} }

View file

@ -16,3 +16,8 @@ aside {
right_aside { right_aside {
border-left: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2;
} }
#viewcontact_wrapper-network {
background-color: #FFF;
border-bottom: 1px solid #D2D2D2;
}

View file

@ -1202,6 +1202,31 @@ section.minimal {
height: 100%; height: 100%;
} }
/* Contact-Header for the Network Stream */
#viewcontact_wrapper-network {
width: 100%;
min-height: 100px;
background-color: #FAFAFA;
box-shadow: 1px 2px 0px 0px #D8D8D8;
border-bottom: 1px solid #D2D2D2;
}
#contact-entry-wrapper-network {
float: none;
width: auto;
height: auto;
padding: 10px;
margin: 0;
}
#contact-entry-accounttype-network {
font-size: 20px;
}
#contact-entry-name-network {
font-size: 24.5px;
}
.contact-entry-photo img {
border-radius: 4px;
}
/* wall item */ /* wall item */
.tread-wrapper { .tread-wrapper {
/* border-bottom: 1px solid #BDCDD4; */ /* border-bottom: 1px solid #BDCDD4; */