diff options
author | cash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2010-12-17 02:24:39 +0000 |
---|---|---|
committer | cash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2010-12-17 02:24:39 +0000 |
commit | ac4a1fc0f000f2018ff3bd10883f71d48aed6f62 (patch) | |
tree | 1a227c0621bde75d8b48a9bf7b9c44035d4fa938 /mod/riverdashboard/views/default | |
parent | ce9103a0bcb606cc6b8b177c2244efdc17c9b547 (diff) | |
download | elgg-ac4a1fc0f000f2018ff3bd10883f71d48aed6f62.tar.gz elgg-ac4a1fc0f000f2018ff3bd10883f71d48aed6f62.tar.bz2 |
updated riverdashboard plugin to use new river display code - javascript code currently broken for comments and likes
git-svn-id: http://code.elgg.org/elgg/trunk@7652 36083f99-b078-4883-b0ff-0f9b5a30f544
Diffstat (limited to 'mod/riverdashboard/views/default')
5 files changed, 183 insertions, 14 deletions
diff --git a/mod/riverdashboard/views/default/riverdashboard/css.php b/mod/riverdashboard/views/default/riverdashboard/css.php index f4870d116..29d0d6bb8 100644 --- a/mod/riverdashboard/views/default/riverdashboard/css.php +++ b/mod/riverdashboard/views/default/riverdashboard/css.php @@ -29,14 +29,14 @@ } /* RIVER ENTRY */ -.river-item { +.elgg-river-item { border-bottom:1px solid #cccccc; padding:7px 0 7px 0; } -.river-item p { +.elgg-river-item p { margin:0; } -.river-item .entity-subtext { +.elgg-river-item .entity-subtext { display: block; line-height: 1.4em; } @@ -120,26 +120,26 @@ margin-left: 7px; } /* hidden list of users that liked item */ -.river-item .elgg-likes-user { +.elgg-likes-user { border-bottom:1px solid white; padding:3px; } -.river-item .elgg-likes-user .entity-listing-icon { +.elgg-likes-user .entity-listing-icon { margin:3px 0 4px 2px; } -.river-item .elgg-likes-user .entity-listing-info { +.elgg-likes-user .entity-listing-info { width:635px; } #profile-content .river-item .elgg-likes-user .entity-listing-info { /* when likes is displayed on profile page activity stream */ width:600px; } -.river-item .elgg-likes-user .entity-metadata { +.elgg-likes-user .entity-metadata { margin-top:3px; } -.river-item p.elgg-likes-owner { +p.elgg-likes-owner { padding-top:0; } -.river-item a.river-more-comments { +a.river-more-comments { display:block; float:right; padding:1px 7px 1px 7px; @@ -154,14 +154,14 @@ -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; } -.river-item a.river-more-comments.off { +a.river-more-comments.off { background-color: white; } -.river-item .river-comment-owner-icon { +.river-comment-owner-icon { float:left; margin:3px 8px 4px 2px; } -.river-item .river-comment-contents { +.river-comment-contents { margin-left:34px; } a.river-more-comments { diff --git a/mod/riverdashboard/views/default/riverdashboard/js.php b/mod/riverdashboard/views/default/riverdashboard/js.php index 09b1113d8..9286d33fe 100644 --- a/mod/riverdashboard/views/default/riverdashboard/js.php +++ b/mod/riverdashboard/views/default/riverdashboard/js.php @@ -1,7 +1,7 @@ <script type="text/javascript"> $(document).ready(function() { $('.river-comment-form-button').click(function() { - elgg_slide_toggle(this, '.river-item', '.river-comment_form'); + elgg_slide_toggle(this, '.elgg-module', '.river-comment-form'); }); $('.likes_user_list_button').click(function() { diff --git a/mod/riverdashboard/views/default/riverdashboard/river/body.php b/mod/riverdashboard/views/default/riverdashboard/river/body.php new file mode 100644 index 000000000..ab1227609 --- /dev/null +++ b/mod/riverdashboard/views/default/riverdashboard/river/body.php @@ -0,0 +1,38 @@ +<?php +/** + * Body of river item + * + * @uses $vars[item] + */ + +$item = $vars[item]; +$subject = $item->getSubjectEntity(); +$object = $item->getObjectEntity(); + +// river item header +$params = array( + 'href' => $subject->getURL(), + 'text' => $subject->name, +); +$subject_link = elgg_view('output/url', $params); +$timestamp = elgg_get_friendly_time($item->getPostedTime()); +$header = "$subject_link <span class=\"elgg-river-timestamp\">$timestamp</span>"; + +// body +$body = elgg_view($item->getView(), array('item' => $item)); +if ($object->getType() == 'object' && $vars['item']->annotation_id == 0) { + $body .= '<div></div>'; + $body .= "<a class='river-comment-form-button link'>Comment</a>"; + $body .= elgg_view('forms/likes/link', array('entity' => $object)); +} + +// footer +$footer = elgg_view('riverdashboard/river/footer', $vars); + +$params = array( + 'header' => $header, + 'body' => $body, + 'footer' => $footer, + 'show_inner' => false, +); +echo elgg_view('layout/objects/module', $params); diff --git a/mod/riverdashboard/views/default/riverdashboard/river/footer.php b/mod/riverdashboard/views/default/riverdashboard/river/footer.php new file mode 100644 index 000000000..82aae00c2 --- /dev/null +++ b/mod/riverdashboard/views/default/riverdashboard/river/footer.php @@ -0,0 +1,131 @@ +<?php +/** + * River item footer + */ + + +$object = get_entity($vars['item']->object_guid); +$object_url = $object->getURL(); +$likes_count = elgg_count_likes($object); + +//user +//if displaying on the profile get the object owner, else the subject_guid +if (elgg_get_context() == 'profile' && $object->getSubtype() == 'thewire') { + $user = get_entity($object->owner_guid); +} else { + $user = get_entity($vars['item']->subject_guid); +} + +// get last three comments display +// want the 3 most recent comments (order by time_created desc = 3 2 1 limit 3) +// but will display them with the newest at the bottom (1 2 3) +if ($comments = get_annotations($vars['item']->object_guid, "", "", 'generic_comment', "", "", 3, 0, "desc")) { + $comments = array_reverse($comments); +} + +// for displaying "+N more" +// -3 from the count because the 3 displayed don't count in the "more" +$comment_count = count_annotations($vars['item']->object_guid, $vars['item']->type, $vars['item']->subtype, 'generic_comment'); +if ($comment_count < 3) { + $more_comments_count = 0; +} else { + $more_comments_count = $comment_count - 3; +} + +// body contents, generated by the river view in each plugin +echo $vars['body']; + +// display latest 3 comments if there are any +if ($comments){ + $counter = 0; + + echo "<div class='river-comments-tabs clearfix'>"; + echo "<a class='river-more-comments show_comments_button link'>" . elgg_echo('comments') . '</a>'; + + if ($likes_count != 0) { + echo elgg_view('forms/likes/display', array('entity' => $object)); + } + + echo "</div>"; // close river-comments-tabs + + echo "<div class='river-comments'>"; + + if ($likes_count != 0) { + //show the users who liked the object + // this is loaded via ajax to avoid pounding the server with avatar requests. + echo "<div class='likes-list hidden'></div>"; + } + + echo "<div class=\"comments_container\">"; + // display appropriate comment link + if ($more_comments_count > 0) { + echo "<a class=\"river-more-comments show_more_button link\">" . + elgg_echo('riverdashboard:n_more_comments', array($more_comments_count)) . '</a>'; + + echo "<a style=\"display: none\" class=\"river-more-comments show_less_button link\">" . elgg_echo('riverdashboard:show_less') . '</a>'; + } + echo "<div class=\"comments_list\">"; + foreach ($comments as $comment) { + //get the comment owner + $comment_owner = get_user($comment->owner_guid); + //get the comment owner's profile url + $comment_owner_url = $comment_owner->getURL(); + // color-code each of the 3 comments + // @todo this isn't used in CSS... + if( ($counter == 2 && $comment_count >= 4) || ($counter == 1 && $comment_count == 2) || ($counter == 0 && $comment_count == 1) || ($counter == 2 && $comment_count == 3) ) { + $alt = 'latest'; + } else if( ($counter == 1 && $comment_count >= 4) || ($counter == 0 && $comment_count == 2) || ($counter == 1 && $comment_count == 3) ) { + $alt = 'penultimate'; + } + //display comment + echo "<div class='river-comment $alt clearfix'>"; + echo "<span class='river-comment-owner-icon'>"; + echo elgg_view("profile/icon", array('entity' => $comment_owner, 'size' => 'tiny')); + echo "</span>"; + + //truncate comment to 150 characters and strip tags + $contents = elgg_get_excerpt($comment->value, 150); + + echo "<div class='river-comment-contents'>"; + echo "<a href=\"{$comment_owner_url}\">" . $comment_owner->name . '</a> <span class="elgg_excerpt">' . parse_urls($contents) . '</span>'; + echo "<span class='entity-subtext'>" . elgg_view_friendly_time($comment->time_created) . "</span>"; + echo "</div></div>"; + $counter++; + } + + // close comments_list, comments_container and river-comments + echo '</div></div>' . elgg_make_river_comment($object) . '</div>'; +} else { + // tab bar nav - for users that liked object + if ($vars['item']->type != 'user' && $likes_count != 0) { + echo "<div class='river-comments-tabs clearfix'>"; + } + + if ($likes_count != 0) { + echo elgg_view('forms/likes/display', array('entity' => $object)); + } + + if ($vars['item']->type != 'user' && $likes_count != 0) { + echo "</div>"; // close river-comments-tabs + } + + if ($vars['item']->type != 'user') { + echo "<div class='river-comments'>"; + } + if ($likes_count != 0) { + //show the users who liked the object + echo "<div class='likes-list hidden'>"; + echo list_annotations($object->getGUID(), 'likes', 99); + echo "</div>"; + } + + // if there are no comments to display + // and this is not a user - include the inline comment form + if ($vars['item']->type != 'user') { + echo elgg_make_river_comment($object); + } + if ($vars['item']->type != 'user') { + echo "</div>"; + } +} +?> diff --git a/mod/riverdashboard/views/default/riverdashboard/rivercomment.php b/mod/riverdashboard/views/default/riverdashboard/rivercomment.php index d6037557d..e1c6ab07f 100644 --- a/mod/riverdashboard/views/default/riverdashboard/rivercomment.php +++ b/mod/riverdashboard/views/default/riverdashboard/rivercomment.php @@ -5,7 +5,7 @@ */ if (isset($vars['entity']) && isloggedin()) { - $form_body = "<div class='river-comment_form hidden'>"; + $form_body = "<div class='river-comment-form hidden'>"; $form_body .= elgg_view('input/text',array( 'internalname' => 'generic_comment', 'value' => 'Add a comment...', |