openvk/Web/Presenters/templates/Audio/List.xml

{extends "../@layout.xml"}

{block title}{_audios}{/block}

{block header}
    <div n:if="$mode == 'list'">
        <div n:if="$isMy">{_my_audios_small}</div>
        <div n:if="!$isMy">
            <a href="{$owner->getURL()}">{$owner->getCanonicalName()}</a>
            »
            {_audios}
        </div>
    </div>

    <div n:if="$mode == 'new'">
        {_audios}
        »
        {_audio_new}
    </div>

    <div n:if="$mode == 'popular'">
        {_audios}
        »
        {_audio_popular}
    </div>

    <div n:if="$mode == 'playlists'">
        {_audios}
        »
        {_audio_popular}
    </div>
{/block}

{block content}
    {* ref: https://archive.li/P32em *}
    
    {include "bigplayer.xml"}

    <input n:if="$mode == 'list'" type="hidden" name="bigplayer_context" data-type="entity_audios" data-entity="{$ownerId}" data-page="{$page}">
    <input n:if="$mode == 'new'" type="hidden" name="bigplayer_context" data-type="new_audios" data-entity="0" data-page="1">
    <input n:if="$mode == 'popular'" type="hidden" name="bigplayer_context" data-type="popular_audios" data-entity="0" data-page="1">
    
    <div style="width: 100%;display: flex;margin-bottom: -10px;">
        <div style="width: 74%;" class="audiosContainer" n:if="$mode != 'playlists'">
            <div style="padding: 8px;">
                <div n:if="$audiosCount <= 0">
                    {include "../components/nothing.xml"}
                </div>
                <div n:if="$audiosCount > 0" class="infContainer">
                    <div class="infObj" n:foreach="$audios as $audio">
                        {include "player.xml", audio => $audio}
                    </div>
                </div>

                <div n:if="$mode != 'new' && $mode != 'popular'">
                    {include "../components/paginator.xml", conf => (object) [
                        "page"     => $page,
                        "count"    => $audiosCount,
                        "amount"   => sizeof($audios),
                        "perPage"  => $perPage ?? OPENVK_DEFAULT_PER_PAGE,
                        "atBottom" => true,
                    ]}
                </div>
            </div>
        </div>
        
        <div style="width: 74%;" n:if="$mode == 'playlists'">
            <div style="padding: 8px;">
                <div n:if="$playlistsCount <= 0">
                    {include "../components/error.xml", description => $ownerId > 0 ? ($ownerId == $thisUser->getId() ? tr("no_playlists_thisuser") : tr("no_playlists_user")) : tr("no_playlists_club")}
                </div>

                <div class="infContainer playlistContainer" style="display: flex;" n:if="$playlistsCount > 0">
                    <div class="infObj" n:foreach="$playlists as $playlist">
                        <a href="/playlist{$playlist->getPrettyId()}">
                            <div class="playlistCover">
                                <img src="{$playlist->getCoverURL()}">
                            </div>

                            <div class="playlistInfo">
                                <span>{$playlist->getName()}</span>
                            </div>
                        </a>
                    </div>
                </div>

                <div>
                    {include "../components/paginator.xml", conf => (object) [
                        "page"     => $page,
                        "count"    => $playlistsCount,
                        "amount"   => sizeof($playlists),
                        "perPage"  => $perPage ?? OPENVK_DEFAULT_PER_PAGE,
                        "atBottom" => true,
                    ]}
                </div>
            </div>
        </div>
        {include "tabs.xml"}
    </div>
{/block}