Subversion-Projekte lars-tiefland.ci

<!-- $Id: getMedien.tpl 2235 2017-12-23 23:04:17Z lars $ BEGIN --> 
<script>
    $(document).ready(function(){
        $('.add_image').button({
            icons:{
                primary:"ui-icon-plus"
            }
        }).click(add_image);
        $('.add_d_image').button({
            icons:{
                primary:"ui-icon-plus"
            }
        }).click(add_d_image);
        $('.add_u_image').button({
            icons:{
                primary:"ui-icon-plus"
            }
        }).click(add_u_image);
        $('.add_v_image').button({
            icons:{
                primary:"ui-icon-plus"
            }
        }).click(add_v_image);



        $('.bilder_verz').click(change_folder).css("cursor","pointer");
        $('a.pagination').click(paginate).css("cursor","pointer");
    });
    function change_folder(e)
    {
        e.preventDefault();
        f_name=this.id;
        url = '/backend/medien/get/?folder='+f_name+'&l_id='+{$a_id}+'&l_type={$l_type}';
        $('#add_image_dialog').load(url);
    }
    function paginate(e)
    {
        e.stopPropagation();
        e.preventDefault();
        url=$(this).attr("href");
        url=url+"&l_type={$l_type}&l_id={$a_id}&folder={$folder}";
        //alert(url);
        $('#add_image_dialog').load(url);
    }
    function add_image()
    {
        id=this.id;
        id=id.split("_");
        b_id=id[2];
        a_id=id[3];
        $.get("/backend/medien/add/?l_id="+a_id+"&l_type=a&b_id="+b_id,function(html){
            $('#bildverwaltung').load( "/backend/artikel/medien/"+a_id);
        });
    }
    function add_d_image()
    {
        id=this.id;
        id=id.split("_");
        b_id=id[2];
        a_id=id[3];
        $.get("/backend/medien/add/?l_id="+a_id+"&l_type=d&b_id="+b_id,function(html){
            //alert(html);
            $('#dBildverwaltung').load( "/backend/kategorie/medien/"+a_id);
        });
    }
    function add_u_image()
    {
        id=this.id;
        id=id.split("_");
        b_id=id[2];
        a_id=id[3];
        $.get("/backend/medien/add/?l_id="+a_id+"&l_type=u&b_id="+b_id,function(html){
            $('#bildverwaltung').load( "/Online-Shop/bilder.php?l_id="+a_id+"&l_type=u");
        });
    }
    function add_v_image()
    {
        id=this.id;
        id=id.split("_");
        b_id=id[2];
        a_id=id[3];
        $.get("/backend/medien/add/?l_id="+a_id+"&l_type=d&b_id="+b_id,function(html){
            $('#bildverwaltung').load( "/Online-Shop/bilder.php?l_id="+a_id+"&l_type=v");
        });
    }
</script>
<div class="pos">
    <span class="aktuell">Position:</span>
    {if $folder}
        <a class="bilder_verz" href="#" id="">TOP</a>
    {else}
        <span class="aktuell">TOP</span>
    {/if}
    {foreach $pos as $dir}
        {if $dir@first} > {/if}
        {if !$dir@last}
            <a class="bilder_verz" href="#" id="{$dir.fullName}">{$dir.name}</a> >
        {else}
            <span class="aktuell">
                {$dir.name}
            </span>
        {/if}
    {/foreach}
</div>
{foreach $folders as $f_id => $f_name}
    {if $f_name@first}
        <div class="break">&nbsp;</div>
    {/if}
    <img src="/images/Online-Shop/directory/ordner.gif" /><a href="#" id="{$f_name|urlencode}" class="bilder_verz">{$f_name}</a>
    {if !$f_name@last}
        <br/>
    {else}
        <div class="break">&nbsp;</div>
    {/if}
{/foreach}
<div id="mReiter">
    <ul>
        <li>
            <a href="#browse">Browse</a>
        </li>
        <li>
            <a href="#search">Suche</a>
        </li>
    </ul>
    <div id="browse">
        <table width="100%">
            <tr class="links">
                <td>Dateiname</td>
                <td>Vorschau</td>
                <td>zuordnen</td>
            </tr>
            {foreach $images as $bild}
            <tr class="{cycle values="rechts,links"}">
                <td>{$bild.name}</td>
                <td>
                    {if $bild.typ==1||$bild.typ==5||$bild.typ==6||$bild.typ==7}
                    <a href="{$bild.bild_url}" target="_blank">
                        <img src="{$bild.bild_url_mini}" alt="{$bild.name}"/>
                    </a>
                    {else}
                    Dies ist kein Bild!<br/>Daher gibt es keine Vorschau!
                    {/if}
                </td>
                <td>
                    <button id="add_image_{$bild.id}_{$a_id}" class="{if $l_type=="d"}add_d_image{elseif $l_type=="v"}add_v_image{elseif $l_type=="u"}add_u_image{else}add_image{/if}"></button>
                </td>
            </tr>
            {/foreach}
        </table>
    </div>
    <div id="search">
        <form id="searchForm">
            <input type="text" name="search" id="search" placeholder="Suche" value="" />
            <input type="hidden" name="folder" value="{$folder}" />
            <input type="hidden" name="l_type" value="{$l_type}" />
            <input type="hidden" name="l_id" value="{$a_id}" />
            <button class="search" id="searchBtn">&nbsp;</button>
        </form>
        <div id="searchResult"></div>
    </div>
</div>

<script>
    $(function(){
        $('#mReiter').tabs();
        $('#searchBtn').button({
            icons:{
                primary:"ui-icon-search"
            }
        }).click(searchMedia);
    })

    function searchMedia(e)
    {
        e.preventDefault();
        daten=$('#searchForm').serialize();
        url="/medien/get/?"+daten;
        $('#searchResult').load(url)
    }
</script>
<!-- $Id: getMedien.tpl 2235 2017-12-23 23:04:17Z lars $ END -->