Forum Activity for @soaringeagle

soaringeagle
@soaringeagle
01/10/15 12:50:00PM
3,304 posts

almost got the seemless ajax pagination right but help me spot the bug in my code


Design and Skin Customization

okkkkkk
may see a problem but nbeed your help in making it work in seemless

heres how its done in the gallery

the list calls made from the widget not a template
(cant see hoew that matters)

in the template the list callsto is

<a name="ratgal" id="ratgal"></a>
<div class="item photosearch">
  {jrSearch_module_form fields="gallery_title,gallery_image_title,gallery_caption,gallery_description,gallery_image_name"} 
</div>
<div class="item center" style="margin: 10px;padding-bottom: 10px;">
    <div id="ratedgalleries">
        {jrCore_include template="highest_rated_galleries.tpl"}
    </div>
</div>
wich just adds the search and id

the main works done in hoighesat_rated_galleries

{capture name="highest_rated_gallery_row" assign="highest_rated_gallery"}
{literal}
{jrCore_module_url module="jrGallery" assign="murl"}
{if isset($_items)}
    <div class="container">
        {foreach from=$_items item="item"}
        {if $item@iteration == 1 || $item@iteration == 5}
        <div class="row">
        {/if}
            <div class="col3{if $item@iteration is div by 4} last{/if}">
                <div class="img-profile"{if jrCore_is_mobile_device()} style="margin-bottom:50px;"{/if}>
                    <a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.gallery_image_name|urlencode}" title="{$item.gallery_caption|default:$item.gallery_image_name|jrCore_entity_string}">{jrCore_module_function function="jrImage_display" module="jrGallery" type="gallery_image" item_id=$item._item_id size="xlarge" crop="auto" class="iloutline img_scale" alt=$item.gallery_image_name title=$item.gallery_image_name style="max-width:292px;max-height:292px;"}</a><br>{if isset($item.gallery_image_title)}
                    {$item.gallery_image_title|truncate:30:"...":false}
                {else}
                    {$item.gallery_image_name|truncate:30:"...":true}
                {/if}<br>
                    <a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.gallery_title_url}" title="{$item.gallery_title}">{$item.gallery_title|truncate:25:"...":false}</a><br>
                    <a href="{$jamroom_url}/{$item.profile_url}" style="margin-bottom: 10px;">@{$item.profile_url}</a><br>
                    <div class="gallery_rating">
                        {jrCore_module_function function="jrRating_form" type="star" module="jrGallery" index="1" item_id=$item._item_id current=$item.gallery_rating_1_average_count|default:0 votes=$item.gallery_rating_1_count|default:0}
                    </div>
                </div>
            </div>
        {if $item@iteration == 4 || $item@iteration == 8}
        </div>
        {/if}
        {/foreach}
        {if $info.total_pages > 1}
        <div class="row">
            <div class="col12 last">
                <div class="block">
                    <table style="width:100%;">
                        <tr>

                            <td style="width:25%;">
                            {if isset($info.prev_page) && $info.prev_page > 0}
                                <input type="button" value="{jrCore_lang module="jrCore" id=26 default="<"}" class="form_button" onclick="jrLoad('#ratedgalleries','{$jamroom_url}/highest_rated_galleries/p={$info.prev_page}');$('html, body').animate({ scrollTop: $('#ratgal').offset().top -100 }, 'slow');return false;">
                            {/if}
                            </td>

                            <td style="width:50%;text-align:center;">
                            {if $info.total_pages <= 5}
                                {$info.page}  / {$info.total_pages}
                            {else}
                                <form name="form" method="post" action="_self">
                                    <select name="pagenum" class="form_select" style="width:60px;" onchange="var sel=this.form.pagenum.options[this.form.pagenum.selectedIndex].value;jrLoad('#ratedgalleries','{$jamroom_url}/highest_rated_galleries/p=' +sel);$('html, body').animate({ scrollTop: $('#ratgal').offset().top -100 }, 'slow');">
                                    {for $pages=1 to $info.total_pages}
                                    {if $info.page == $pages}
                                        <option value="{$info.this_page}" selected="selected"> {$info.this_page}</option>
                                    {else}
                                        <option value="{$pages}"> {$pages}</option>
                                    {/if}
                                    {/for}
                                    </select> / {$info.total_pages}
                                </form>
                            {/if}
                            </td>

                            <td style="width:25%;text-align:right;">
                            {if isset($info.next_page) && $info.next_page > 1}
                                <input type="button" value="{jrCore_lang module="jrCore" id=27 default=">"}" class="form_button" onclick="jrLoad('#ratedgalleries','{$jamroom_url}/highest_rated_galleries/p={$info.next_page}');$('html, body').animate({ scrollTop: $('#ratgal').offset().top -100 }, 'slow');return false;">
                            {/if}
                            </td>

                        </tr>
                    </table>
                </div>
            </div>
        </div>
        {/if}

    </div>
{/if}
{/literal}
{/capture}

{jrCore_list module="jrGallery" order_by="gallery_rating_overall_average_count numerical_desc" template=$highest_rated_gallery pagebreak="8" page=$_post.p}


that capture lireral could that be the cause


i know u had this on the eventual todo list i just nbeed it now so i figfured if i started to work it out might help u fill in the gaps and get it done
its real close and i think this is it jjst need to know how to peice it together so it works
soaringeagle
@soaringeagle
01/10/15 12:24:28PM
3,304 posts

almost got the seemless ajax pagination right but help me spot the bug in my code


Design and Skin Customization

corection pagebreak="5"

thats why it didnt work

corectuion 2
1 of the resons

still trying to figure out whyt its not pagebreaking

updated by @soaringeagle: 01/10/15 12:28:51PM
soaringeagle
@soaringeagle
01/10/15 12:21:38PM
3,304 posts

almost got the seemless ajax pagination right but help me spot the bug in my code


Design and Skin Customization

in your test try
{jrSeamless_list modules="jrVimeo,jrVideo,jrYouTube" order_by="_updated desc" template="my_featured_videos_row.tpl" pagebreak=5}
soaringeagle
@soaringeagle
01/10/15 12:17:20PM
3,304 posts

almost got the seemless ajax pagination right but help me spot the bug in my code


Design and Skin Customization

paginate works fine here
http://www.greentechnologyforums.com/photos


(not seemless although might make them seemless with flickr)
but im calling the list not a template from in sitebuilder


im going to experiement with a couple modifications of yours when i do the highest rated
soaringeagle
@soaringeagle
01/10/15 12:04:15PM
3,304 posts

almost got the seemless ajax pagination right but help me spot the bug in my code


Design and Skin Customization

if this can be working somehow in the next couple days i will bow down and declare you gods for the day
soaringeagle
@soaringeagle
01/10/15 11:46:54AM
3,304 posts

almost got the seemless ajax pagination right but help me spot the bug in my code


Design and Skin Customization

i knew youd get it
ok i will try this and then adapt it to my other 3 and ill get back to you
this isthe last thing i need to go live and when i thought i had it iannouncced we will be live in the next couple days so people are excited so i need to deliver and have it up asap
soaringeagle
@soaringeagle
01/10/15 11:10:24AM
3,304 posts

almost got the seemless ajax pagination right but help me spot the bug in my code


Design and Skin Customization

correction each 'item" is being seperatred into 3 items

current code
<div class="item photosearch">
	{jrSearch_module_form}
    
</div>
<a id="featvids" name="featvids"></a>
<div id="feat_vids">

    {if isset($_items)}

      
            {foreach from=$_items item="item"}
              
       		{if $_items.seamless_module_name="jrVimeo"}
{if isset($_items)}
    {jrCore_module_url module="jrVimeo" assign="vmurl"}
    
    <div class="item">

        <div class="container">
            <div class="row">
                <div class="col2">
                    <div class="block_image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$vmurl}/{$item._item_id}/{$item.vimeo_title_url}"><img src="{$item.vimeo_artwork_url}" class="iloutline img_scale"></a>
                    </div>
                </div>
                <div class="col6">
                    <div class="p5">
                        <h3><a href="{$jamroom_url}/{$item.profile_url}/{$vmurl}/{$item._item_id}/{$item.vimeo_title_url}">{$item.vimeo_title}</a></h3><br>
                        <span class="info">{jrCore_lang module="jrVimeo" id="35" default="Length"}:</span> <span class="info_c">{$item.vimeo_duration}</span>
                    </div>
                </div>
                <div class="col2">
                    <div class="p5">
                        {jrCore_module_function function="jrRating_form" type="star" module="jrVimeo" index="1" item_id=$item._item_id current=$item.vimeo_rating_1_average_count|default:0 votes=$item.vimeo_rating_1_count|default:0}
                    </div>
                </div>
                <div class="col2 last">
                    <div class="block_config">
                        {jrCore_item_list_buttons module="jrVimeo" item=$item}
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

    </div>
    

{/if}
{if $_items.seamless_module_name="jrVideo"}
{jrCore_module_url module="jrVideo" assign="dmurl"}

    

    <div class="item">

        <div class="container">
            <div class="row">
                <div class="col2">
                    <div class="block_image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/{$item._item_id}/{$item.video_title|jrCore_url_string}">{jrCore_module_function function="jrImage_display" module="jrVideo" type="video_image" item_id=$item._item_id size="large" crop="auto" class="iloutline img_scale" alt=$item.video_title width=false height=false}</a>
                    </div>
                </div>
                <div class="col5">
                    <div class="p5">
                        <h3><a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/{$item._item_id}/{$item.video_title|jrCore_url_string}">{$item.video_title}</a></h3><br>
                        <span class="info">{jrCore_lang module="jrVideo" id="31" default="album"}:</span> <span class="info_c"><a href="{$jamroom_url}/{$item.profile_url}/{$dmurl}/albums/{$item.video_album_url}">{$item.video_album}</a></span><br>
                        {if isset({$item.video_category}) && strlen({$item.video_category}) > 0}
                            <span class="info">{jrCore_lang module="jrVideo" id="12" default="category"}:</span> <span class="info_c">{$item.video_category}</span><br>
                        {/if}
                        {jrCore_module_function function="jrRating_form" type="star" module="jrVideo" index="1" item_id=$item._item_id current=$item.video_rating_1_average_count|default:0 votes=$item.video_rating_1_count|default:0}
                    </div>
                </div>
                <div class="col5 last">
                    <div class="block_config">
                        {jrCore_item_list_buttons module="jrVideo" field="video_file" item=$item}
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

        </div>

    </div>
    

{/if}
{if $_items.seamless_module_name="jrYoutube"}

{jrCore_module_url module="jrYouTube" assign="ymurl"}

    <div class="item">

        <div class="container">
            <div class="row">
                <div class="col2">
                    <div class="block_image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$ymurl}/{$item._item_id}/{$item.youtube_title_url}"><img src="{$item.youtube_artwork_url}" alt="{$item.youtube_title|jrCore_entity_string}" class="iloutline img_scale"></a>
                    </div>
                </div>
                <div class="col6">
                    <div class="p5">
                        <h3><a href="{$jamroom_url}/{$item.profile_url}/{$ymurl}/{$item._item_id}/{$item.youtube_title_url}">{$item.youtube_title}</a></h3><br>
                        <span class="info">{jrCore_lang module="jrYouTube" id="14" default="Category"}:</span> <span class="info_c">{$item.youtube_category}</span><br>
                        <span class="info">{jrCore_lang module="jrYouTube" id="35" default="Duration"}:</span> <span class="info_c">{$item.youtube_duration}</span>
                    </div>
                </div>
                <div class="col2">
                    <div class="p5">
                        {jrCore_module_function function="jrRating_form" type="star" module="jrYouTube" index="1" item_id=$item._item_id current=$item.youtube_rating_1_average_count|default:0 votes=$item.youtube_rating_1_count|default:0}
                    </div>
                </div>
                <div class="col2 last">
                    <div class="block_config">
                        {jrCore_item_list_buttons module="jrYouTube" item=$item}
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

    </div>


{/if}
{/if}
            {/foreach}
            {if $info.total_pages > 1}
                <div class="block">
                    <table style="width:100%;">
                        <tr>

                            <td style="width:25%;">
                                {if isset($info.prev_page) && $info.prev_page > 0}
                                    <input type="button" value="{jrCore_lang module="jrCore" id=26 default="&lt;"}" class="form_button" onclick="jrLoad('#feat_vids','{$jamroom_url}/index_vids_list/p={$info.prev_page}/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvids').offset().top -100 }, 'slow');return false;">
                                {/if}
                            </td>

                            <td style="width:50%;text-align:center;">
                                {if $info.total_pages <= 5}
                                    {$info.page} &nbsp;/ {$info.total_pages}
                                {else}
                                    <form name="form" method="post" action="_self">
                                        <select name="pagenum" class="form_select" style="width:60px;" onchange="var sel=this.form.pagenum.options[this.form.pagenum.selectedIndex].value;jrLoad('#feat_vids','{$jamroom_url}/index_vids_list/p=' +sel+'/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvid').offset().top -100 }, 'slow');">
                                            {for $pages=1 to $info.total_pages}
                                                {if $info.page == $pages}
                                                    <option value="{$info.this_page}" selected="selected"> {$info.this_page}</option>
                                                {else}
                                                    <option value="{$pages}"> {$pages}</option>
                                                {/if}
                                            {/for}
                                        </select>&nbsp;/&nbsp;{$info.total_pages}
                                    </form>
                                {/if}
                            </td>

                            <td style="width:25%;text-align:right;">
                                {if isset($info.next_page) && $info.next_page > 1}
                                    <input type="button" value="{jrCore_lang module="jrCore" id=27 default="&gt;"}" class="form_button" onclick="jrLoad('#feat_vids','{$jamroom_url}/index_vids_list/p={$info.next_page}/pb={$info.pagebreak}');$('html, body').animate({ scrollTop: $('#featvids').offset().top -100 }, 'slow');return false;">
                                {/if}
                            </td>

                        </tr>
                    </table>
                </div>
            {/if}
        </div>
    {/if}
</div>

why is each video creating 3 seperate items
1 with length 1 with category or album 1 with duration
soaringeagle
@soaringeagle
01/10/15 10:56:12AM
3,304 posts

almost got the seemless ajax pagination right but help me spot the bug in my code


Design and Skin Customization

ok i discovered the problem but not the solution yet all the odd outupt uis vids that were fewatured but arent in the database
soaringeagle
@soaringeagle
01/10/15 10:39:31AM
3,304 posts

almost got the seemless ajax pagination right but help me spot the bug in my code


Design and Skin Customization

got rid of it using just the row not index still have the odd output but im close and i should have a seemless ajax paginator later today i hope
soaringeagle
@soaringeagle
01/10/15 10:36:33AM
3,304 posts

widget paginate vs list paginate


Using Jamroom

its just that with multiple lists on a page the standard doesnt work without paginating them all
  240