Forum Activity for @dazed

Dazed
@dazed
16 Jan 2022 09:31:35AM
1,009 posts

Adding a Slider with Left and Right Arrows


Design and Skin Customization

douglas:
Your code is a little confusing.

Uh that is JR code lol. That is just a copy and paste. It confused me also so that is what prompted the post. I will create a ticket for it.
Dazed
@dazed
15 Jan 2022 03:16:13PM
1,009 posts

Adding a Slider with Left and Right Arrows


Design and Skin Customization

Thanks for the help all. I have this working but I think there is some cleanup that can be done. I removed the call to the New Artist from Media Pro which worked. But at the top I should only need one foreach loop. How should that look so that there is only one loop? Between the "row" and the "rank" I could not get it to resolve.

ex: https://mixposure.com/index1


{* ROW TEMPLATE *}
{capture name="row_template" assign="new_song_template"}
{literal}


{if isset($_items)}
<div class="container">
    {foreach from=$_items item="row"}
    {if $row@first || ($row@iteration % 8) == 1}
    <div class="row">
    {/if}
        <div class="col2{if $row@last || ($row@iteration % 8) == 0} last{/if}">
            <div class="center" style="padding:10px;">
			
			//old code was here
			
				
				
            </div>
        </div>
    {if $row@last || ($row@iteration % 8) == 0}
    </div>
    {/if}
    {/foreach}
</div>





{if isset($_items)}
    {jrCore_module_url module="jrAudio" assign="murl"}
    {$rank = 0}
    {foreach from=$_items item="item"}
        {$rank = $rank+1}
        {if $rank%8 == 1}
            <div class="row">
        {/if}

        {if strlen($item.audio_title) > 0}
            <div class="index_item">
                <div class="wrap">
                    <div class="image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.audio_title_url}"> 
                            {jrCore_module_function
                            function="jrImage_display"
                            module="jrAudio"
                            type="audio_image"
                            item_id=$item._item_id
                            size="medium"
                            crop="auto"
                            class="iloutline img_shadow img_scale"
                            alt=$item.audio_title
							style="max-width:190px;"
                            width=false
                            height=false
                            }</a>
                    </div>
                    <span class="item_title">{$item.audio_title|truncate:20}</span>
                    <span>{jrCore_lang skin="MixAP" id="34" default="By"} {$item.profile_name}</span>
                    <span>Album: {$item.audio_album|truncate:20}</span>
                    <span>Genre: {$item.audio_genre}</span>
                    <ul class="index_buttons">
                        <li>{if $item.audio_active == 'on' && $item.audio_file_extension == 'mp3'}
                                {jrCore_media_player type="jrAudio_button" module="jrAudio" field="audio_file" item=$item}
                            {/if}
							
                        </li>
                        <li>
                            {jrCore_module_function function="jrFoxyCart_add_to_cart" module="jrAudio" field="audio_file" item=$item}
                        </li>
                        <li>
						{jrLike_button item=$item module="jrAudio" action="like" item_id=$item._item_id}</li>
                    </ul>
                </div>
            </div>
        {else}
            <div class="index_item">
                <div class="wrap">
                    <div class="image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.soundcloud_title_url}">
                            <img class="img_scale" src="{$item.soundcloud_artwork_url}">
                        </a>
                    </div>
                    <span class="item_title">{$item.soundcloud_title|truncate:20}</span>
                    <span>{jrCore_lang skin="MixAP" id="34" default="by"} {$item.profile_name}</span>
                    <span>{$item.soundcloud_artist|truncate:20}</span>
                    <span>{$item.soundcloud_genre}</span>
                    <ul class="index_buttons">
                        <li>
                            {jrSoundCloud_player params=$item}
                        </li>

                        <li>{jrLike_button item=$item module="jrSoundCloud" action="like" item_id=$item._item_id}</li>
                    </ul>
                </div>
            </div>
        {/if}

        {if $rank%8 == 0 || $rank == $info.total_items}
            </div>
        {/if}

    {/foreach}
{else}
    <div class="no-items">
        <h1>{jrCore_lang skin="MixAP" id="62" default="No items found"}</h1>
        {jrCore_module_url module="jrCore" assign="core_url"}
        {if $_conf.MixAP_require_price == 'on'}
            {jrCore_lang skin="MixAP" id="63" default="This list currently requires items to have a price set."}
        {/if}
        <button class="form_button" style="display: block; margin: 2em auto;" onclick="jrCore_window_location('{$jamroom_url}/{$core_url}/skin_admin/global/skin={$_conf.jrCore_active_skin}/section=List+1')">{jrCore_lang skin="MixAP" id="64" default="Edit Configuration"}</button>
    </div>
{/if}







{if $info.total_pages > 1}
<div style="float:left; padding-top:9px;padding-bottom:9px;">
    {if $info.prev_page > 0}
    <span class="button-arrow-previous" onclick="jrLoad('#newest_artists','{$info.page_base_url}/p={$info.prev_page}');$('html, body').animate({ scrollTop: $('#newsongs').offset().top -100 }, 'slow');return false;">&nbsp;</span>
    {else}
    <span class="button-arrow-previous-off">&nbsp;</span>
    {/if}
    {if $info.next_page > 1}
    <span class="button-arrow-next" onclick="jrLoad('#newest_artists','{$info.page_base_url}/p={$info.next_page}');$('html, body').animate({ scrollTop: $('#newsongs').offset().top -100 }, 'slow');return false;">&nbsp;</span>
    {else}
    <span class="button-arrow-next-off">&nbsp;</span>
    {/if}
</div>
{/if}


<div class="clear"> </div>
{/if}
{/literal}
{/capture}


{if isset($_conf.MixAP_require_images) && $_conf.MixAP_require_images == 'on'}
    {jrCore_list module="jrAudio" order_by="_created desc" limit="64" group_by="_profile_id UNIQUE" template=$new_song_template require_image="profile_image" pagebreak="8" page=$_post.p}
{else}
    {jrCore_list module="jrAudio" order_by="_created desc" limit="64" group_by="_profile_id UNIQUE" template=$new_song_template require_image="profile_image" pagebreak="8" page=$_post.p}
{/if}

Dazed
@dazed
02 Jan 2022 07:51:53PM
1,009 posts

Adding a Slider with Left and Right Arrows


Design and Skin Customization

Hey Michael:

Here is one of the examples...

https://splidejs.com/ - look at the multiple slider a few rows down.

Currently this is what is displayed. I just want the ability for the same code to be used and then the user can arrow right to see the next 8.
mix.png mix.png - 175KB
Dazed
@dazed
02 Jan 2022 12:06:26PM
1,009 posts

Adding a Slider with Left and Right Arrows


Design and Skin Customization

Before I do something custom I wanted to see if there is an easy way in JR to do sliders with arrows?

I am displaying the most recent uploads in a row and it is limited to 8. I would like to put it into a slider and have left and right arrows so users can scroll easily and see the top 25 for example.

I am using audio pro.

Thanks!
updated by @dazed: 17 Apr 2022 02:15:16PM
Dazed
@dazed
27 Mar 2021 07:37:29PM
1,009 posts

Randomize this call a bit...


Using Jamroom

Thanks Michael. I played with it some more and now it is changing. Thanks for the help. I did not try your order by clause yet but I will keep an eye on it and see how it works. Right now I am just happy it is updating.
Dazed
@dazed
27 Mar 2021 03:40:00PM
1,009 posts

Randomize this call a bit...


Using Jamroom

Hey Michael. Thanks for the help. I removed the call on the else statement > refreshed cache and it still populated.
I also added order_by="random" and still no change. I also went to dev mode and no change.
Dazed
@dazed
27 Mar 2021 08:48:23AM
1,009 posts

Randomize this call a bit...


Using Jamroom

I have the below call which returns featured artists. What I would like to change is that when the page displays, it does not seem to ever change. I also want to randomize the songs. If I bring the page up on a different browser, I may see different artists but again, if I come back eight hours later and refresh the page, I get the same info. When I added order_by="random" on index_item_2.tpl, it caused an issue and asked me to check the config values. I also added the cached_seconds value to override system cache.

Any suggestions on how to achieve this?



                    {if strlen($_conf.MixAP_list_2_ids) > 0}
                        {jrCore_list module="jrProfile" cache_seconds="120" search1="profile_quota_id in 8,9,16,21,22,23,29"  limit="7" template="index_item_2.tpl"}
                    {else}
                        {jrCore_list module="jrProfile" cache_seconds="120" order_by="profile_jrAudio_item_count numerical_desc" limit="7" template="index_item_2.tpl"}
                    {/if}


index_item_2.tpl

{if isset($_items)}
    {jrCore_module_url module="jrAudio" assign="murl"}

    <div class="row">
    {foreach from=$_items item="item"}
        {if $item.list_rank == 1}
            <div class="col6">
                <div style="padding: 5px;">
                    <div class="featured_item">
                        <div class="cover_image">
                            {if $item.profile_header_image_size > 0}
                                <a href="{$jamroom_url}/{$item.profile_url}"  title="{jrCore_lang skin="MixAP" id="34" default="Click to view"}">
                                    {if jrCore_is_mobile_device()}
                                        {$crop = "2:1"}
                                    {else}
                                        {$crop = "4:1"}
                                    {/if}
                                    {jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_header_image" item_id=$item._profile_id size="1280" class="img_scale" crop=$crop alt=$item.profile_name _v=$item.profile_header_image_time}
                                </a>
                            {else}
                                <a href="{$jamroom_url}/{$item.profile_url}"  title="{jrCore_lang skin="MixAP" id="34" default="Click to view"}">
                                    {if jrCore_is_mobile_device()}
                                        {jrCore_image image="profile_header_image.jpg" width="1140" class="img_scale" height="auto"}
                                    {else}
                                        {jrCore_image image="profile_header_image_large.jpg" width="1140" class="img_scale" height="auto"}
                                    {/if}

                                </a>
                            {/if}


                            <div class="profile_info">
                                <div class="wrap">
                                    <div class="table">
                                        <div class="table-row">
                                            <div class="table-cell profile-image">
                                                <div class="profile_image">
                                                    {jrCore_module_function
                                                    function="jrImage_display"
                                                    module="jrProfile"
                                                    type="profile_image"
                                                    item_id=$item._profile_id
                                                    size="xxlarge"
                                                    crop="auto"
                                                    class="img_scale img_shadow"
                                                    alt=$item.profile_name
                                                    width=false
                                                    height=false}
                                                </div>
                                            </div>
                                            <div class="table-cell">
                                                <div class="profile_name">
                                                    {$item.profile_name|truncate:55}<br>
                                                    <span><a href="{$jamroom_url}/{$item.profile_url}">@{$item.profile_url}</a> </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="wrap">
                            {if $_conf.MixAP_require_price_2 == 'on'}
                                {$s1 = "audio_file_item_price > 0"}
                            {/if}
                            {if jrCore_module_is_active('jrCombinedAudio') && $_conf.MixAP_list_2_soundcloud == 'on'}
                                {jrCombinedAudio_get_active_modules assign="mods"}
                                {if strlen($mods) > 0}
                                    {jrSeamless_list modules=$mods  profile_id=$item._profile_id order_by="_created numerical_desc" limit="5" template="index_item_audio_large.tpl"}
                                {elseif jrUser_is_admin()}
                                    No active audio modules found!
                                {/if}
                            {else}
                                {jrCore_list module="jrAudio" profile_id=$item._profile_id search=$s1 order_by="audio_display_order desc" limit="5" template="index_item_audio_large.tpl"}
                            {/if}
                        </div>

                    </div>
                </div>
            </div>
        {else}
            <div class="col3">
                <div style="padding: 5px;">
                    <div class="featured_item">
                        <div class="cover_image">
                            {if $item.profile_header_image_size > 0}
                                <a href="{$jamroom_url}/{$item.profile_url}"  title="{jrCore_lang skin="MixAP" id="34" default="Click to view"}">
                                    {jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_header_image" item_id=$item._profile_id size="1280" class="img_scale" crop="2:1" alt=$item.profile_name _v=$item.profile_header_image_time}
                                </a>
                            {else}
                                <a href="{$jamroom_url}/{$item.profile_url}"  title="{jrCore_lang skin="MixAP" id="34" default="Click to view"}">
                                    {jrCore_image image="profile_header_image.jpg" width="1140" class="img_scale" height="auto" crop="3:1"}
                                </a>
                            {/if}


                            <div class="profile_info">
                                <div class="wrap">
                                    <div class="table">
                                        <div class="table-row">
                                            <div class="table-cell profile-image">
                                                <div class="profile_image">
                                                    {jrCore_module_function
                                                    function="jrImage_display"
                                                    module="jrProfile"
                                                    type="profile_image"
                                                    item_id=$item._profile_id
                                                    size="xxlarge"
                                                    crop="auto"
                                                    class="img_scale img_shadow"
                                                    alt=$item.profile_name
                                                    width=false
                                                    height=false}
                                                </div>
                                            </div>
                                            <div class="table-cell">
                                                <div class="profile_name">
                                                    {$item.profile_name|truncate:55}<br>
                                                    <span><a href="{$jamroom_url}/{$item.profile_url}">@{$item.profile_url}</a> </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div>


                        <div class="wrap">
                            {if $_conf.MixAP_require_price_2 == 'on'}
                                {$s2 = "audio_file_item_price > 0"}
                            {/if}
                            {if jrCore_module_is_active('jrCombinedAudio') && $_conf.MixAP_list_2_soundcloud == 'on'}
                                {jrCombinedAudio_get_active_modules assign="mods"}
                                {if strlen($mods) > 0}
                                    {jrSeamless_list modules=$mods  profile_id=$item._profile_id order_by="*_display_order desc" limit="5" template="index_item_audio.tpl"}
                                {elseif jrUser_is_admin()}
                                    No active audio modules found!
                                {/if}
                            {else}
                                {jrCore_list module="jrAudio" profile_id=$item._profile_id search=$s1 order_by="audio_display_order desc" limit="5" template="index_item_audio.tpl"}
                            {/if}
                        </div>

                    </div>
                </div>
            </div>
        {/if}


        {if $item.list_rank == 3}
            </div><div class="row">
        {/if}
    {/foreach}
    </div>
{else}
    <div class="no-items">
        <h1>{jrCore_lang skin="MixAP" id="62" default="No items found"}</h1>
        {jrCore_module_url module="jrCore" assign="core_url"}
        <button class="form_button" style="display: block; margin: 2em auto;" onclick="jrCore_window_location('{$jamroom_url}/{$core_url}/skin_admin/global/skin={$_conf.jrCore_active_skin}/section=List+2')">{jrCore_lang skin="MixAP" id="64" default="Edit Configuration"}</button>
    </div>
{/if}



updated by @dazed: 25 Jun 2021 08:30:31PM
Dazed
@dazed
06 Mar 2021 06:49:33PM
1,009 posts

JR4 still the best. Why you abondoned this?!


Using Jamroom

I wish you guys would rebrand the same framework (keeping JR of course) and compete against WordPress, Joomla, Shopify etc. The number of sites I could have built for different businesses using Jamroom is alarming.

I built a martial arts demo for a place in about 30 minutes that was mind blowing using JR. Think about that for a second. Every student had his own page they could upload photos and videos to and share their profile with friends who may also want to be students. They could set up subscriptions and get auto payments. Mass emails to students. Easy cms to make changes. They were so clueless on this stuff I walked away.

I have had many other people to ask me to build them sites that have selling capabilities like hair salons, dog breeders, jewelers but I do not have the time. JR is superbly written and has so many rich features that people want.
Dazed
@dazed
28 Nov 2020 01:04:05PM
1,009 posts

Continuous Player When Navigating Away From Page


Suggestions

When a user is playing a video on youtube and navigates away, there is a mini-player that pops and the video keeps playing. To me this is an annoyance but others apparently like it. I have had a few peopla ask for something similar so they can continue playing songs from an artist while navigating the site.

Requirements would probably be something like:

As a user, I would like to be able to have a song I am playing, continue playing if I navigate away from the page I am currently on.

If I navigate away, continue playing the song in a popup player (or maybe add it to the header/footer somewhere)

If the song completes, continue playing songs by that artist as a playlist

If the user plays a new song on a page, close the popup player and continue to play the song from the player on the page

updated by @dazed: 26 Feb 2021 10:32:57PM
Dazed
@dazed
27 Apr 2020 10:59:22AM
1,009 posts

Any Changes To Site Comments?


Using Jamroom

opening ticket - debug error is back hehe
1