From 72dd22d6f16b4c4cb617c2e7135e9422ea3bb62b Mon Sep 17 00:00:00 2001 From: rWatcher Date: Mon, 11 Jun 2012 20:56:19 -0400 Subject: [PATCH] Display Most Viewed / Recent Uploads / Recent Albums on user profiles. --- .../controllers/latestupdates.php | 143 +++++++- .../css/latestupdates_jcarousel.css | 95 +++++ .../helpers/latestupdates_event.php | 29 ++ .../helpers/latestupdates_theme.php | 27 ++ .../latestupdates/images/imageNavLeft.gif | Bin 0 -> 538 bytes .../images/imageNavLeftHover.gif | Bin 0 -> 615 bytes .../latestupdates/images/imageNavRight.gif | Bin 0 -> 535 bytes .../images/imageNavRightHover.gif | Bin 0 -> 613 bytes .../latestupdates/js/jcarousellite_1.0.1.js | 341 ++++++++++++++++++ ...testupdates_user_profile_carousel.html.php | 37 ++ .../latestupdates_user_profile_info.html.php | 14 + 11 files changed, 679 insertions(+), 7 deletions(-) create mode 100644 3.0/modules/latestupdates/css/latestupdates_jcarousel.css create mode 100644 3.0/modules/latestupdates/helpers/latestupdates_event.php create mode 100644 3.0/modules/latestupdates/helpers/latestupdates_theme.php create mode 100644 3.0/modules/latestupdates/images/imageNavLeft.gif create mode 100644 3.0/modules/latestupdates/images/imageNavLeftHover.gif create mode 100644 3.0/modules/latestupdates/images/imageNavRight.gif create mode 100644 3.0/modules/latestupdates/images/imageNavRightHover.gif create mode 100644 3.0/modules/latestupdates/js/jcarousellite_1.0.1.js create mode 100644 3.0/modules/latestupdates/views/latestupdates_user_profile_carousel.html.php create mode 100644 3.0/modules/latestupdates/views/latestupdates_user_profile_info.html.php diff --git a/3.0/modules/latestupdates/controllers/latestupdates.php b/3.0/modules/latestupdates/controllers/latestupdates.php index 7371d300..f26af105 100644 --- a/3.0/modules/latestupdates/controllers/latestupdates.php +++ b/3.0/modules/latestupdates/controllers/latestupdates.php @@ -18,6 +18,136 @@ * Foundation, Inc., 51 Franklin Street - Fifth Floor, Boston, MA 02110-1301, USA. */ class latestupdates_Controller extends Controller { + public function user_profiles($str_display_type, $user_id) { + // Make sure user_id is valid. + $current_user = ORM::factory("user", $user_id); + if (!$current_user->loaded()) { + throw new Kohana_404_Exception(); + } + + // Grab the first 10 items for the specified display time. + // Default to "popular" if display type is invalid. + $template = new View("latestupdates_user_profile_carousel.html"); + if ($str_display_type == "recent") { + $template->items = ORM::factory("item") + ->viewable() + ->where("type", "!=", "album") + ->where("owner_id", "=", $user_id) + ->order_by("created", "DESC") + ->find_all(10); + $template->str_view_more_title = t("View all recent uploads"); + } elseif ($str_display_type == "albums") { + $template->items = ORM::factory("item") + ->viewable() + ->where("type", "=", "album") + ->where("owner_id", "=", $user_id) + ->order_by("created", "DESC") + ->find_all(10); + $template->str_view_more_title = t("View all recent albums"); + } else { + $template->items = ORM::factory("item") + ->viewable() + ->where("type", "!=", "album") + ->where("owner_id", "=", $user_id) + ->order_by("view_count", "DESC") + ->find_all(10); + $template->str_view_more_title = t("View more popular uploads"); + } + $template->str_view_more_url = url::site("latestupdates/users/{$str_display_type}/{$user_id}"); + + // Display the page. + print $template; + return ; + } + + public function users($str_display_type, $user_id) { + // Generate a dynamic page with items uploaded by a specific user ($user_id). + + // Figure out how many items to display on each page. + $page_size = module::get_var("gallery", "page_size", 9); + + // Figure out which page # the visitor is on and + // don't allow the visitor to go below page 1. + $page = Input::instance()->get("page", 1); + if ($page < 1) { + url::redirect("latestupdates/users/{$str_display_type}/{$user_id}"); + } + + // First item to display. + $offset = ($page - 1) * $page_size; + + // Determine the total number of items, + // for page numbering purposes. + $count = 0; + if ($str_display_type == "albums") { + $count = ORM::factory("item") + ->viewable() + ->where("type", "=", "album") + ->where("owner_id", "=", $user_id) + ->count_all(); + } else { + $count = ORM::factory("item") + ->viewable() + ->where("type", "!=", "album") + ->where("owner_id", "=", $user_id) + ->count_all(); + } + + // Figure out what the highest page number is. + $max_pages = ceil($count / $page_size); + + // Don't let the visitor go past the last page. + if ($max_pages && $page > $max_pages) { + url::redirect("latestupdates/users/{$str_display_type}/{$user_id}?page=$max_pages"); + } + + // Figure out which items to display on this page. + $children = ""; + if ($str_display_type == "recent") { + $children = ORM::factory("item") + ->viewable() + ->where("type", "!=", "album") + ->where("owner_id", "=", $user_id) + ->order_by("created", "DESC") + ->find_all($page_size, $offset); + } elseif ($str_display_type == "albums") { + $children = ORM::factory("item") + ->viewable() + ->where("type", "=", "album") + ->where("owner_id", "=", $user_id) + ->order_by("created", "DESC") + ->find_all($page_size, $offset); + } else { + $children = ORM::factory("item") + ->viewable() + ->where("type", "!=", "album") + ->where("owner_id", "=", $user_id) + ->order_by("view_count", "DESC") + ->find_all($page_size, $offset); + } + + // Set up the previous and next page buttons. + if ($page > 1) { + $previous_page = $page - 1; + $view->previous_page_link = url::site("latestupdates/users/{$str_display_type}/{$user_id}?page={$previous_page}"); + } + if ($page < $max_pages) { + $next_page = $page + 1; + $view->next_page_link = url::site("latestupdates/users/{$str_display_type}/{$user_id}?page={$next_page}"); + } + + // Set up and display the actual page. + $template = new Theme_View("page.html", "collection", "LatestUpdates"); + $template->page_title = t("Gallery :: Latest Updates"); + $template->set_global("page", $page); + $template->set_global("page_size", $page_size); + $template->set_global("max_pages", $max_pages); + $template->set_global("children", $children); + $template->set_global("children_count", $count); + $template->content = new View("dynamic.html"); + $template->content->title = t("Latest Updates"); + print $template; + } public function albums($id) { // Figure out how many items to display on each page. @@ -82,12 +212,12 @@ class latestupdates_Controller extends Controller { } public function updates() { - // Figure out how many items to display on each page. - $page_size = module::get_var("gallery", "page_size", 9); + // Figure out how many items to display on each page. + $page_size = module::get_var("gallery", "page_size", 9); - // Figure out which page # the visitor is on and - // don't allow the visitor to go below page 1. - $page = Input::instance()->get("page", 1); + // Figure out which page # the visitor is on and + // don't allow the visitor to go below page 1. + $page = Input::instance()->get("page", 1); if ($page < 1) { url::redirect("latestupdates/updates"); } @@ -140,5 +270,4 @@ class latestupdates_Controller extends Controller { $template->content->title = t("Latest Updates"); print $template; } - -} \ No newline at end of file +} diff --git a/3.0/modules/latestupdates/css/latestupdates_jcarousel.css b/3.0/modules/latestupdates/css/latestupdates_jcarousel.css new file mode 100644 index 00000000..f123143d --- /dev/null +++ b/3.0/modules/latestupdates/css/latestupdates_jcarousel.css @@ -0,0 +1,95 @@ +#jCarouselLite .carousel { + padding: 10px 0 0 0; + margin: 0 0 20px 10px; + position: relative; +} + +#jCarouselLite .digg { + position: absolute; + left: 610px; + top: 110px; +} + +#jCarouselLite .main { + margin-left: 0px; +} + +#jCarouselLite .demo em { + color: #FF3300; + font-weight: bold; + font-size: 60%; + font-style: normal; +} + +#jCarouselLite .carousel a.prev, #jCarouselLite .carousel a.next { + display: block; + float: left; + width: 30px; + height: 90px; + text-decoration: none; + background: url("../images/imageNavLeft.gif") left 60px no-repeat; +} + +#jCarouselLite .carousel a.next { + background: url("../images/imageNavRight.gif") right 60px no-repeat; +} + +#jCarouselLite .carousel a.next:hover { + background-image: url("../images/imageNavRightHover.gif"); +} + +#jCarouselLite .carousel a.prev:hover { + background-image: url("../images/imageNavLeftHover.gif"); +} + +#jCarouselLite .carousel a:hover, #jCarouselLite .carousel a:active { + border: none; + outline: none; +} + +#jCarouselLite .carousel .jCarouselLite { + border: 1px solid black; + float: left; + background-color: #dfdfdf; + + /* Needed for rendering without flicker */ + position: relative; + visibility: hidden; + left: -5000px; +} + +#jCarouselLite .carousel ul { + margin: 0; +} + +#jCarouselLite .carousel li img, +#jCarouselLite .carousel li p { + background-color: #fff; + margin: 10px; +} + +#jCarouselLite .widget img { + cursor: pointer; +} + +#jCarouselLite .mid { + margin-left: 80px; + width: 400px; + height: 300px; +} + +#jCarouselLite .vertical { + margin-left: 90px; +} + +#jCarouselLite .vertical .jCarouselLite { /* so that in IE 6, the carousel div doesnt expand to fill the space */ + width: 90px; +} + +#jCarouselLite .imageSlider li img, +#jCarouselLite .imageSlider li p, +#jCarouselLite .imageSliderExt li img , +#jCarouselLite .imageSliderExt li p { + width: 400px; + height: 300px; +} diff --git a/3.0/modules/latestupdates/helpers/latestupdates_event.php b/3.0/modules/latestupdates/helpers/latestupdates_event.php new file mode 100644 index 00000000..ef426e99 --- /dev/null +++ b/3.0/modules/latestupdates/helpers/latestupdates_event.php @@ -0,0 +1,29 @@ +user_id = $data->user->id; + $data->content[] = (object) array("title" => t("Latest Updates"), "view" => $v); + } +} diff --git a/3.0/modules/latestupdates/helpers/latestupdates_theme.php b/3.0/modules/latestupdates/helpers/latestupdates_theme.php new file mode 100644 index 00000000..1de3116f --- /dev/null +++ b/3.0/modules/latestupdates/helpers/latestupdates_theme.php @@ -0,0 +1,27 @@ +script("jcarousellite_1.0.1.js") . + $theme->css("latestupdates_jcarousel.css"); + } +} diff --git a/3.0/modules/latestupdates/images/imageNavLeft.gif b/3.0/modules/latestupdates/images/imageNavLeft.gif new file mode 100644 index 0000000000000000000000000000000000000000..9c0e5af39378e924aaa9b7f621c5b0fed3049725 GIT binary patch literal 538 zcmV+#0_FWjNk%w1VHW@w0M!5h^!4@4)Yh=HwSt(QC{9@F>+8|d(!$Bh)!N&<#>v{< z-mI;y5IRLsZ+O|++2!Ts&CSi$*4FIp?cw3!+}zx$sj2+^{m|Ij`T6xW2!?`~3Xz@$tyd&~Av2^78WA-{9io)^!E4Ose2_Pd`u2&Mx^C)zp z!V*nJE}LZ%kmng~(cbVlyx@4Sf1OTl&+q#+1|DBO89j!FhXDF)THsq&foxnm(kf2L=T?GqJG(sHr}(xF#VFFFd{n4YsMi#J&L{AUn!C zD-6P#%h3TY6foA-3BkhG+$IYS2sYy5F14ED=n2#c(aRSD&OYtRBFHKT#l?y~`8)v& zy9yxCL9n2~0|p6>sNgEbgcLX;N}NbBK!p*YeiWckgONu=3Kj@>B&36f2pTx3T*;CH z1s5(L2pSUOfdK~+XnfeYlSYO&4HX1HuoET5NeBi&NB|&#!Uh2gMnqTx22X(r211B% cvA~6h5C$fAsYw< z^@z;(-0AVP)aTRV?X<_!yx#Mv#@F@u`E-qwj>qbtvb%e<*z4@-z3Aoa@#FLT zr_t--wwzRG^C%-Z1M^!E4O`HW^zJ1u593N8m$*btP;VFkmA^Jb4QvE-djO2DcM7GHR?a&X~rJCpfY1Ph3Oa%c9hzcjP!k_2bYLL@LWTx7qDq}gwZRAg1TGX| zz#)SGTwrAhK;a=qhe!?vcx}P9t=kr3JyhT!=SLU^CrBu$B%yC#7%B$5kZVBeoCFRU zSRmm>1z-pi$O4GL!*G-YA_PQ`f#Su7&mI6&Ake|`7gr*95O@$FMhX`ON=FF-06V(4 BBqIO- literal 0 HcmV?d00001 diff --git a/3.0/modules/latestupdates/images/imageNavRight.gif b/3.0/modules/latestupdates/images/imageNavRight.gif new file mode 100644 index 0000000000000000000000000000000000000000..ad4bb0076dab554adca45f7f349539a03ea2b9da GIT binary patch literal 535 zcmV+y0_gomNk%w1VHW@w0M!5hCrw!D>+8|d(q({%!pY3l+S|Ow$k!H&DPe|$IsE!+}`x{_0iee*xumm?d@-fkKy6r+}zyp@$sptsr>!@ z_4f9Hn4bCh`ReTL;^gGW$;t2U@8{>|-{0T%`1rTDxWdB1tg*7Qv$MXxzx(|B?eOs8 zCx5J@bmM~+1u{!?)m!q+Th~!_V?W4FV$D^3vMe*4^Lf?d}FL zKJf7HA^8LV00000EC2ui02crk000L6z@KoKk(6c|k3F3&2Y(K8CGx!>@2fYDh0L@b?t&+mf-BVIorJ%xsch=l?V0Y4QkIgyeG5R#UW zG$9uRsd)YHqN3KrB53k(G@;NdaX&EhA~3CYO5!0J0D#VrNGJlGu(^al&L0R=Yy z0DTNN0I;A96&g~>xIp8ELx%(&N_6-_gNjW*0${+AsAGZ!DHsV6G2#IT7${S!gnydL4_J6a^|e@A%uoB6b|Y{kx|lt01_1>RKO4-#R3%%)O@)U;DUe?CS0O0 ZaYDd_E>mR&Xg~r30}Ld%*clQ806VQz7mEM@ literal 0 HcmV?d00001 diff --git a/3.0/modules/latestupdates/images/imageNavRightHover.gif b/3.0/modules/latestupdates/images/imageNavRightHover.gif new file mode 100644 index 0000000000000000000000000000000000000000..a5abcc996f779f62a009284e1b9cb1810bd7d948 GIT binary patch literal 613 zcmV-r0-F6tNk%w1VHp4!0M!5hZI-Xl+1thD`jpD-`uqFD)ZEA4?b7D+rq}oD@9>w< z^@z;(-0AVP)aSIv)4bmEt-#Fn`1y{<>U^=&(&X--vb!fuSnKTU)8FQJz3Aoa@xjc} z7vD|2bin`L@f10R-zv7_C;9sN8yvWPk z?e~4a?CFV$D^3vMe*4^Lf?d}FL zKJf7HA^8LV00000EC2ui02u%o000L6z@KpVOK2E}WRjstyogYt@$f(>7FY%1acD+` zuO8!ZMF==EjsUS3JQ%$vF??VnIE1{Oz(Ke=6dF(obqfc3hy)P_E&~)jLkSFQEj5;x zn3o3`DilvI8V?HsI;Ezks0JksBQJys3O%y3w6(Gl69z`26gj@XAsfHLz8EDcBa;$1 z%*{AHA|^b}&M6Z-2MQfD+}$)j;36nI-rOoO1qTZ!Jnim0;PDm}?>r|l4(bIv{QW!e z07J0oR{#VAbtiTNSjZ4yylDIaoG_S81;dLDeF#*zP{jualT!HW2XNlV9TPrm2<4(c zJ$TT@y*wcUMF2trB-q%=(}#(I0z8A-Nb#Wpju#^yxM*;rX;T(Xqc&|o0ziQaMHqC* zV8E7F11mm2@DPc@0Io37s$B~MY*8L^euSZ*qJ)A<5%T7p(PBW1q5-hZNkE~&gc5FA z@O>a5ED8ub1V>3Q!hnhiGGc%L@c{se3I#k!{!%0dh5`;CKyct70FKc@f&c(JnLH_? literal 0 HcmV?d00001 diff --git a/3.0/modules/latestupdates/js/jcarousellite_1.0.1.js b/3.0/modules/latestupdates/js/jcarousellite_1.0.1.js new file mode 100644 index 00000000..07b82a6d --- /dev/null +++ b/3.0/modules/latestupdates/js/jcarousellite_1.0.1.js @@ -0,0 +1,341 @@ +/** + * jCarouselLite - jQuery plugin to navigate images/any content in a carousel style widget. + * @requires jQuery v1.2 or above + * + * http://gmarwaha.com/jquery/jcarousellite/ + * + * Copyright (c) 2007 Ganeshji Marwaha (gmarwaha.com) + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + * + * Version: 1.0.1 + * Note: Requires jquery 1.2 or above from version 1.0.1 + */ + +/** + * Creates a carousel-style navigation widget for images/any-content from a simple HTML markup. + * + * The HTML markup that is used to build the carousel can be as simple as... + * + *
+ *
    + *
  • 1
    • + *
  • 2
    • + *
  • 3
    • + *
+ *
+ * + * As you can see, this snippet is nothing but a simple div containing an unordered list of images. + * You don't need any special "class" attribute, or a special "css" file for this plugin. + * I am using a class attribute just for the sake of explanation here. + * + * To navigate the elements of the carousel, you need some kind of navigation buttons. + * For example, you will need a "previous" button to go backward, and a "next" button to go forward. + * This need not be part of the carousel "div" itself. It can be any element in your page. + * Lets assume that the following elements in your document can be used as next, and prev buttons... + * + * + * + * + * Now, all you need to do is call the carousel component on the div element that represents it, and pass in the + * navigation buttons as options. + * + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev" + * }); + * + * That's it, you would have now converted your raw div, into a magnificient carousel. + * + * There are quite a few other options that you can use to customize it though. + * Each will be explained with an example below. + * + * @param an options object - You can specify all the options shown below as an options object param. + * + * @option btnPrev, btnNext : string - no defaults + * @example + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev" + * }); + * @desc Creates a basic carousel. Clicking "btnPrev" navigates backwards and "btnNext" navigates forward. + * + * @option btnGo - array - no defaults + * @example + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev", + * btnGo: [".0", ".1", ".2"] + * }); + * @desc If you don't want next and previous buttons for navigation, instead you prefer custom navigation based on + * the item number within the carousel, you can use this option. Just supply an array of selectors for each element + * in the carousel. The index of the array represents the index of the element. What i mean is, if the + * first element in the array is ".0", it means that when the element represented by ".0" is clicked, the carousel + * will slide to the first element and so on and so forth. This feature is very powerful. For example, i made a tabbed + * interface out of it by making my navigation elements styled like tabs in css. As the carousel is capable of holding + * any content, not just images, you can have a very simple tabbed navigation in minutes without using any other plugin. + * The best part is that, the tab will "slide" based on the provided effect. :-) + * + * @option mouseWheel : boolean - default is false + * @example + * $(".carousel").jCarouselLite({ + * mouseWheel: true + * }); + * @desc The carousel can also be navigated using the mouse wheel interface of a scroll mouse instead of using buttons. + * To get this feature working, you have to do 2 things. First, you have to include the mouse-wheel plugin from brandon. + * Second, you will have to set the option "mouseWheel" to true. That's it, now you will be able to navigate your carousel + * using the mouse wheel. Using buttons and mouseWheel or not mutually exclusive. You can still have buttons for navigation + * as well. They complement each other. To use both together, just supply the options required for both as shown below. + * @example + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev", + * mouseWheel: true + * }); + * + * @option auto : number - default is null, meaning autoscroll is disabled by default + * @example + * $(".carousel").jCarouselLite({ + * auto: 800, + * speed: 500 + * }); + * @desc You can make your carousel auto-navigate itself by specfying a millisecond value in this option. + * The value you specify is the amount of time between 2 slides. The default is null, and that disables auto scrolling. + * Specify this value and magically your carousel will start auto scrolling. + * + * @option speed : number - 200 is default + * @example + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev", + * speed: 800 + * }); + * @desc Specifying a speed will slow-down or speed-up the sliding speed of your carousel. Try it out with + * different speeds like 800, 600, 1500 etc. Providing 0, will remove the slide effect. + * + * @option easing : string - no easing effects by default. + * @example + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev", + * easing: "bounceout" + * }); + * @desc You can specify any easing effect. Note: You need easing plugin for that. Once specified, + * the carousel will slide based on the provided easing effect. + * + * @option vertical : boolean - default is false + * @example + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev", + * vertical: true + * }); + * @desc Determines the direction of the carousel. true, means the carousel will display vertically. The next and + * prev buttons will slide the items vertically as well. The default is false, which means that the carousel will + * display horizontally. The next and prev items will slide the items from left-right in this case. + * + * @option circular : boolean - default is true + * @example + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev", + * circular: false + * }); + * @desc Setting it to true enables circular navigation. This means, if you click "next" after you reach the last + * element, you will automatically slide to the first element and vice versa. If you set circular to false, then + * if you click on the "next" button after you reach the last element, you will stay in the last element itself + * and similarly for "previous" button and first element. + * + * @option visible : number - default is 3 + * @example + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev", + * visible: 4 + * }); + * @desc This specifies the number of items visible at all times within the carousel. The default is 3. + * You are even free to experiment with real numbers. Eg: "3.5" will have 3 items fully visible and the + * last item half visible. This gives you the effect of showing the user that there are more images to the right. + * + * @option start : number - default is 0 + * @example + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev", + * start: 2 + * }); + * @desc You can specify from which item the carousel should start. Remember, the first item in the carousel + * has a start of 0, and so on. + * + * @option scrool : number - default is 1 + * @example + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev", + * scroll: 2 + * }); + * @desc The number of items that should scroll/slide when you click the next/prev navigation buttons. By + * default, only one item is scrolled, but you may set it to any number. Eg: setting it to "2" will scroll + * 2 items when you click the next or previous buttons. + * + * @option beforeStart, afterEnd : function - callbacks + * @example + * $(".carousel").jCarouselLite({ + * btnNext: ".next", + * btnPrev: ".prev", + * beforeStart: function(a) { + * alert("Before animation starts:" + a); + * }, + * afterEnd: function(a) { + * alert("After animation ends:" + a); + * } + * }); + * @desc If you wanted to do some logic in your page before the slide starts and after the slide ends, you can + * register these 2 callbacks. The functions will be passed an argument that represents an array of elements that + * are visible at the time of callback. + * + * + * @cat Plugins/Image Gallery + * @author Ganeshji Marwaha/ganeshread@gmail.com + */ + +(function($) { // Compliant with jquery.noConflict() +$.fn.jCarouselLite = function(o) { + o = $.extend({ + btnPrev: null, + btnNext: null, + btnGo: null, + mouseWheel: false, + auto: null, + + speed: 200, + easing: null, + + vertical: false, + circular: true, + visible: 3, + start: 0, + scroll: 1, + + beforeStart: null, + afterEnd: null + }, o || {}); + + return this.each(function() { // Returns the element collection. Chainable. + + var running = false, animCss=o.vertical?"top":"left", sizeCss=o.vertical?"height":"width"; + var div = $(this), ul = $("ul", div), tLi = $("li", ul), tl = tLi.size(), v = o.visible; + + if(o.circular) { + ul.prepend(tLi.slice(tl-v-1+1).clone()) + .append(tLi.slice(0,v).clone()); + o.start += v; + } + + var li = $("li", ul), itemLength = li.size(), curr = o.start; + div.css("visibility", "visible"); + + li.css({overflow: "hidden", float: o.vertical ? "none" : "left"}); + ul.css({margin: "0", padding: "0", position: "relative", "list-style-type": "none", "z-index": "1"}); + div.css({overflow: "hidden", position: "relative", "z-index": "2", left: "0px"}); + + var liSize = o.vertical ? height(li) : width(li); // Full li size(incl margin)-Used for animation + var ulSize = liSize * itemLength; // size of full ul(total length, not just for the visible items) + var divSize = liSize * v; // size of entire div(total length for just the visible items) + + li.css({width: li.width(), height: li.height()}); + ul.css(sizeCss, ulSize+"px").css(animCss, -(curr*liSize)); + + div.css(sizeCss, divSize+"px"); // Width of the DIV. length of visible images + + if(o.btnPrev) + $(o.btnPrev).click(function() { + return go(curr-o.scroll); + }); + + if(o.btnNext) + $(o.btnNext).click(function() { + return go(curr+o.scroll); + }); + + if(o.btnGo) + $.each(o.btnGo, function(i, val) { + $(val).click(function() { + return go(o.circular ? o.visible+i : i); + }); + }); + + if(o.mouseWheel && div.mousewheel) + div.mousewheel(function(e, d) { + return d>0 ? go(curr-o.scroll) : go(curr+o.scroll); + }); + + if(o.auto) + setInterval(function() { + go(curr+o.scroll); + }, o.auto+o.speed); + + function vis() { + return li.slice(curr).slice(0,v); + }; + + function go(to) { + if(!running) { + + if(o.beforeStart) + o.beforeStart.call(this, vis()); + + if(o.circular) { // If circular we are in first or last, then goto the other end + if(to<=o.start-v-1) { // If first, then goto last + ul.css(animCss, -((itemLength-(v*2))*liSize)+"px"); + // If "scroll" > 1, then the "to" might not be equal to the condition; it can be lesser depending on the number of elements. + curr = to==o.start-v-1 ? itemLength-(v*2)-1 : itemLength-(v*2)-o.scroll; + } else if(to>=itemLength-v+1) { // If last, then goto first + ul.css(animCss, -( (v) * liSize ) + "px" ); + // If "scroll" > 1, then the "to" might not be equal to the condition; it can be greater depending on the number of elements. + curr = to==itemLength-v+1 ? v+1 : v+o.scroll; + } else curr = to; + } else { // If non-circular and to points to first or last, we just return. + if(to<0 || to>itemLength-v) return; + else curr = to; + } // If neither overrides it, the curr will still be "to" and we can proceed. + + running = true; + + ul.animate( + animCss == "left" ? { left: -(curr*liSize) } : { top: -(curr*liSize) } , o.speed, o.easing, + function() { + if(o.afterEnd) + o.afterEnd.call(this, vis()); + running = false; + } + ); + // Disable buttons when the carousel reaches the last/first, and enable when not + if(!o.circular) { + $(o.btnPrev + "," + o.btnNext).removeClass("disabled"); + $( (curr-o.scroll<0 && o.btnPrev) + || + (curr+o.scroll > itemLength-v && o.btnNext) + || + [] + ).addClass("disabled"); + } + + } + return false; + }; + }); +}; + +function css(el, prop) { + return parseInt($.css(el[0], prop)) || 0; +}; +function width(el) { + return el[0].offsetWidth + css(el, 'marginLeft') + css(el, 'marginRight'); +}; +function height(el) { + return el[0].offsetHeight + css(el, 'marginTop') + css(el, 'marginBottom'); +}; + +})(jQuery); \ No newline at end of file diff --git a/3.0/modules/latestupdates/views/latestupdates_user_profile_carousel.html.php b/3.0/modules/latestupdates/views/latestupdates_user_profile_carousel.html.php new file mode 100644 index 00000000..50c11928 --- /dev/null +++ b/3.0/modules/latestupdates/views/latestupdates_user_profile_carousel.html.php @@ -0,0 +1,37 @@ + + +
+ + + +
+
+ diff --git a/3.0/modules/latestupdates/views/latestupdates_user_profile_info.html.php b/3.0/modules/latestupdates/views/latestupdates_user_profile_info.html.php new file mode 100644 index 00000000..175d1376 --- /dev/null +++ b/3.0/modules/latestupdates/views/latestupdates_user_profile_info.html.php @@ -0,0 +1,14 @@ + + +
+