Subversion-Projekte lars-tiefland.ci

<!-- $Id: getMedien.tpl 2201 2017-12-23 16:00:52Z 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={$smarty.get.l_type}';

        $('#add_image_dialog').load(url);

    }

    function paginate(e)

    {

        e.stopPropagation();

        e.preventDefault();

        url=$(this).attr("href");

        url=url+"&l_type={$smarty.get.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("/Online-Shop/add_image.php?l_id="+a_id+"&l_type=a&b_id="+b_id,function(html){

            $('#bildverwaltung').load( "/Online-Shop/bilder.php?l_id="+a_id+"&l_type=a");

        });

    }

    function add_d_image()

    {

        id=this.id;

        id=id.split("_");

        b_id=id[2];

        a_id=id[3];

        $.get("/Online-Shop/add_image.php?l_id="+a_id+"&l_type=d&b_id="+b_id,function(html){

            //alert(html);

            $('#bildverwaltung').load( "/Online-Shop/bilder.php?l_id="+a_id+"&l_type=d");

        });

    }

    function add_u_image()

    {

        id=this.id;

        id=id.split("_");

        b_id=id[2];

        a_id=id[3];

        $.get("/Online-Shop/add_image.php?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("/Online-Shop/add_image.php?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="reiter">

    <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 $smarty.get.l_type=="d"}add_d_image{elseif $smarty.get.l_type=="v"}add_v_image{elseif $smarty.get.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="{$smarty.get.l_type}" />

            <input type="hidden" name="l_id" value="{$smarty.get.l_id}" />

            <button class="search" id="searchBtn">&nbsp;</button>

        </form>

        <div id="searchResult"></div>

    </div>

</div>

<script>

    $(function(){

        $('#reiter').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 2201 2017-12-23 16:00:52Z lars $ END -->