WebSVN – lars-tiefland.webanos.faltradxxs.de – /trunk/resources/views/bilder.tpl

<!-- $Id: bilder.tpl 4097 2023-03-23 13:41:48Z erling $ BEGIN -->
<style>
    .tb_bv_button
    {
        height: 22px;
        width: 30px;
    }
</style>
<script>
    $(function(){
        {if $action->id}
        // toggle image
        $('.toggle_img').on("click",function() {
            let aktiv = 1;
            let id = $(this).data("imgid");

            // deaktivieren
            if( $(this).hasClass("fa-toggle-on") ) {
                $('tr[data-tr_id='+id+']').addClass("inactive");
                $(this).removeClass('fa-toggle-on');
                $(this).addClass("fa-toggle-off");
                aktiv = 0;
            }else {
                // aktivieren
                $('tr[data-tr_id='+id+']').removeClass("inactive");
                $(this).removeClass('fa-toggle-off');
                $(this).addClass("fa-toggle-on");
            }

            let url="aktion_v3.php?aktionen_id={$aktion.ID}&mode=edit_aktionen_item&id="+id+"&aktiv="+aktiv;
            $.get(url,function(html){
                //alert(html);
            });

        });
        {/if}

        $('.pic_up').css("cursor","pointer").click(move_pic);
        $('.pic_down').css("cursor","pointer").click(move_pic);
        $('.edit_desc').uibutton({
            icons:{
                primary:"ui-icon-pencil"
            }
        }).css("cursor","pointer").click(edit_medium_desc);
        $('.edit_param').uibutton({
            icons:{
                primary:"ui-icon-pencil"
            }
        }).css("cursor","pointer").click(edit_medium_param);
        $('#edit_desc_dlg').dialog({
            autoOpen:false,
            modal:true,
            resizable:false,
            buttons:{
                "speichern": function()
                {
                    let url="/toolbox/editMedimDesc.php";
                    $.get(url,$('#edit_desc_form').serialize(),function(html){
                        $('#desc_'+$('#hidden_id').val()).html(html);
                    })
                    $(this).dialog("close");
                },
                "abbrechen": function()
                {
                    $(this).dialog("close");
                }
            }
        });
        $('#edit_param_dlg').dialog({
            autoOpen:false,
            modal:true,
            resizable:false,
            buttons:{
                "speichern": function()
                {
                    let url="/toolbox/editMediumParam.php";
                    $.get(url,$('#edit_param_form').serialize(),function(html){
                        $('#param_'+$('#hidden_param_id').val()).html(html);
                    })
                    $(this).dialog("close");
                },
                "abbrechen": function()
                {
                    $(this).dialog("close");
                }
            }
        });
    })
</script>
{if $lType!="k"}
    <script>
        $(function(){
            $('.del_image').css("cursor","pointer").click(del_image);
            $('.aehnlich').change(change_aehnlich);
            $('.edit_type').uibutton({
                icons:{
                    primary:"ui-icon-pencil"
                }
            }).css("cursor","pointer").click(edit_medium_type);
            $('#editTypeDlg').dialog({
                autoOpen:false,
                modal:true,
                resizable:false,
                buttons:{
                    "speichern": function()
                    {
                        let url="/toolbox/editMedimType.php";
                        $.get(url,$('#edit_type_form').serialize(),function(html){
                            $('#type_'+$('#hidden_id_type').val()).html(html);
                        })
                        $(this).dialog("close");
                    },
                    "abbrechen": function()
                    {
                        $(this).dialog("close");
                    }
                }
            });
        });
            function change_aehnlich()
            {
                let aId=$(this).attr("id").split("_");
                let l_id=aId[1];
                let m_id=aId[2];
                let l_type=aId[3];
                let val=$(this).val();
                let url="change_aehnlich.php?l_id="+l_id+"&m_id="+m_id+"&val="+val+"&l_type="+l_type
                let meld;
                $.get(url,function(html)
                {
                    if(html==1)
                    {
                        meld="Änderung erfolgreich gespeichert!";
                    }
                    else
                    {
                        meld="Es ist leider ein Fehler aufgetreten!<br>"+html;
                    }
                    $('#change_aehnlich_meld').html(meld);
                    $('#change_aehnlich_msg').dialog({
                        modal:true,
                        resizable:false,
                        buttons:{
                            "ok":function()
                            {
                                $(this).dialog("close");
                            }
                        }
                    })
                })
            }
            function edit_medium_type(e)
            {
                e.preventDefault();
                let mId=this.id;
                mId=mId.split("__");
                mId=mId[1];
                $('#hidden_id_type').val(mId);
                let type=$('#type_'+mId).html()
                $('#input_type').val(type);
                $('#editTypeDlg').dialog("open");
            }
    </script>
    <table width="100%">
        <tr class="links">
            <td>Dateiname</td>
            <td>Vorschau</td>
            <td>ähnlich?</td>
            <td>Beschreibung</td>
            <td>Parameter</td>
            <td>Größe</td>
            <td>Type</td>
            {if !$bilder[0].mutter || !in_array( "medien" , $gesperrte_felder )}
                <td>Aktionen</td>
            {/if}
        </tr>
        {foreach $bilder as $bild}
            <tr>
                <td id="bild_name_{$bild->medium->id}">{$bild->medium->name}</td>
                <td>
                    {if $bild->medium->medium_type_id==1||$bild->medium->medium_type_id==5||$bild->medium->medium_type_id==6||$bild->medium->medium_type_id==7}
                        <a href="https://{$site}/images/upload/{$bild->medium->folder}/{$bild->medium->name}" target="_blank"><img src="https://{$site}/images/upload/{$bild->medium->folder}/mini/{$bild->medium->name}" alt="" /></a>
                    {elseif $bild->medium->medium_type_id==3}
                        <a href="{$bild->medium->name}" target="_blank">
                            <img src="{$bild->medium->url_mini}" width="153" alt="" />
                        </a>
                    {else}
                        {if $bild->medium->medium_type_id==2}
                            <a href="{$bild->medium->url}" target="_blank">
                        {/if}
                        Dies ist kein Bild!<br/>Daher gibt es keine Vorschau!
                        {if $bild->medium->medium_type_id==2}
                            </a>
                        {/if}
                    {/if}
                </td>
                <td>
                    {if !$bild->medium->mutter || !in_array( "medien" , $gesperrte_felder )}
                        <select id="aehnlich_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}" class="aehnlich">
                            {html_options selected=$bild->medium->aehnlich options=$aehnlich}
                        </select>
                    {else}
                        {$aehnlich[$bild->medium->aehnlich]}
                    {/if}
                </td>
                <td style="width:200px;">
                    <div>
                        {if !$bild->medium->mutter || !in_array( "medien" , $gesperrte_felder )}
                            <div style="float:left;">
                                <a class="edit_desc tb_bv_button" id="edit_desc__{$bild->medium->id}" title="Beschreibung editieren"></a>
                            </div>
                        {/if}
                        <div style="float:left;" id="desc_{$bild->medium->id}">{$bild->medium->description|default:"&nbsp;"}</div>
                    </div>
                </td>
                <td style="width:200px;">
                    <div>
                        {if (!$bild->medium->mutter || !in_array( "medien" , $gesperrte_felder ))&&$bild->medium->medium_type_id==10}
                            <div style="float:left;">
                                <a class="edit_param tb_bv_button" id="edit_param__{$bild->medium->id}" title="Parameter editieren"></a>
                            </div>
                        {/if}
                        <div style="float:left;" id="param_{$bild->medium->id}">{$bild->medium->parameter|default:"&nbsp;"}</div>
                    </div>
                </td>
                <td>
                    {$bild->medium->size|fsize_format:"":2:",":"."}
                    {if $bild->medium->medium_type_id==1||$bild->medium->medium_type_id==5||$bild->medium->medium_type_id==6||$bild->medium->medium_type_id==3}
                        ({$bild->medium->img_size[0]} x {$bild->medium->img_size[1]} Pixel)
                    {/if}
                </td>
                <td>
                    <div>
                        {if !$bild->medium->mutter || !in_array( "medien" , $gesperrte_felder )}
                            <div style="float:left">
                                <a class="edit_type tb_bv_button" id="edit_type__{$bild->medium->id}" title="Typ editieren"></a>
                            </div>
                        {/if}
                        <div style="float:left" id="type_{$bild->medium->id}">{$bild->medium->medium_type_id_name}</div>
                    </div>
                </td>
                {if !($bild->medium->mutter) || !in_array( "medien" , $gesperrte_felder )}
                    <td>
                        <table>
                            <tr>
                                <td width="16">
                                    {if !$bild@first}
                                        <a class="pic_up" title="nach oben" id="up_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"><img src="/images/Icons/up.png" alt=""/></a>
                                    {/if}
                                </td>
                                <td width="16">
                                    {if !$bild@last}
                                        <a class="pic_down" title="nach unten" id="down_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"><img src="/images/Icons/down.png" alt=""/></a>
                                    {/if}
                                </td>

                                <td width="16">
                                    <a title="löschen" class="del_image" id="del_image_{$bild->medium->id}_{$smarty.get.l_id}"><img src="/images/Icons/trashcan.png" alt=""/></a>
                                </td>

                            </tr>
                        </table>
                    </td>
                {/if}
            </tr>
        {/foreach}
        <input type="hidden" id="l_type" value="{$lType}" />
        <input type="hidden" id="l_id" value="{$smarty.get.l_id}" />
    </table>

    <div id="change_aehnlich_msg" title="Ergebnis">
        <div id="change_aehnlich_meld"></div>
    </div>

    <div title="Type des Mediums anpassen" id="editTypeDlg">
        <form id="edit_type_form">
            <input type="hidden" name="id" value="" id="hidden_id_type" />
            Typ:
            {html_options options=$typen name="typ"}
        </form>
    </div>
{else}
    <script>
        $(function(){
            $('.add_mobile_image').uibutton({
                icons:{
                    primary:"ui-icon-link"
                }
            }).click(add_k_mobile_images);
            $('.upload_mobile_image').uibutton({
                icons:{
                    primary:"ui-icon-image"
                }
            }).click(upload_k_mobile_images);
            $('.del_image').css("cursor","pointer").click(del_image3);
            $('.del_mobile_image').css("cursor","pointer").click(del_mobile_image);
            $('#aktionUploadMsg').dialog({
                autoOpen:false,
                modal:true,
                resizable:false,
                buttons:{
                    "OK":function(){
                        $(this).dialog("close");
                    }
                }
            })
            $('#upload_mobile_dlg').dialog({
                autoOpen:false,
                modal:true,
                resizable:false,
                width:800,
                buttons:[
                    {
                        text:"Hochladen",
                        icon:"ui-icon-check",
                        click:function(){
                            let formData = new FormData($("#upload_mobile")[0]);
                            $.ajax({
                                url: "/Online-Shop/aktionUploadMobile.php",
                                type: 'POST',
                                data: formData,
                                processData: false,
                                contentType: false,
                                success: function (response) {
                                    let ret=$.parseJSON(response);
                                    let err=ret.err;
                                    let msg=ret.msg;
                                    if(err!=1)
                                    {
                                        let b2_id=$('#b_id').val();
                                        $.post("/Online-Shop/add_image.php?m=1&b2_id="+b2_id+"&l_type=k&l_id={$smarty.get.l_id}&b_id="+ret.b_id,function(){
                                            getBilder();
                                            $('#upload_mobile_dlg').dialog("close");
                                        })
                                    }
                                    else
                                    {
                                        msg='<div style="color:red;font-weight:bold">'+msg+'</div>';
                                    }
                                    $('#upload_mobile_dlg').dialog("close");
                                    $('#aktionUploadMsg').html(msg).dialog("open");
                                },
                                error: function (xhr, status, error) {
                                    //....
                                }
                            });
                        }
                    }]
            })
        })
    </script>
    <table style="width: 100%">
        <tr class="links">
            <td>Dateiname</td>
            <td>Vorschau</td>
            <td>Link</td>
            <td>Größe</td>
            <td>Aktionen</td>
            {if $action->category !="Display"}
            <td>mobiles BIld</td>
            {/if}
        </tr>
        {foreach $bilder as $bild}
            <tr data-tr_id="{$bild->medium->id}"  {if $bild->medium->aktiv!=1} class="inactive" {/if}>
                <td id="bild_name_{$bild->medium->id}">{$bild->medium->name}</td>
                <td>
                    <a href="/images/upload/{$bild->medium->folder}/{$bild->medium->name}" target="_blank"><img src="/images/upload/{$bild->medium->folder}/orig/{$bild->medium->name}" width="153" alt="" /></a>
                </td>
                <td style="width:200px;">
                    <div>
                        <div style="float:left;">
                            <a class="edit_desc tb_bv_button" id="edit_desc__{$bild->medium->id}" title="Beschreibung editieren"></a>
                        </div>
                        <div style="float:left;" id="desc_{$bild->medium->id}">{$bild->medium->description|default:"&nbsp;"}</div>
                    </div>
                </td>
                <td>
                    {$bild->medium->size|fsize_format:"":2:",":"."}
                    {if $bild->medium->medium_type_id==1||$bild->medium->medium_type_id==5||$bild->medium->medium_type_id==6||$bild->medium->medium_type_id==3}
                        ({$bild->medium->img_size[0]} x {$bild->medium->img_size[1]} Pixel)
                    {/if}
                </td>
                <td>
                    <table>
                        <tr>
                            <td width="16">
                                {if !$bild@first}
                                    <a class="pic_up" title="nach oben" id="up_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"><img src="/images/Icons/up.png" alt=""/></a>
                                {/if}
                            </td>
                            <td width="16">
                                {if !$bild@last}
                                    <a class="pic_down" title="nach unten" id="down_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"><img src="/images/Icons/down.png" alt=""/></a>
                                {/if}
                            </td>
                            <td width="16">
                                <a title="löschen" class="del_image" id="del_image_{$bild->medium->id}_{$smarty.get.l_id}"><img src="/images/Icons/trashcan.png" alt=""/></a>
                            </td>
                            {if $action->id}
                            <td>
                                {if $bild->medium->aktiv==1}
                                    <i data-imgid="{$bild->medium->id}" title="deaktivieren" class="fa fa-toggle-on toggle_img" aria-hidden="true"></i>
                                {else}
                                    <i data-imgid="{$bild->medium->id}" title="aktivieren" class="fa fa-toggle-off toggle_img" aria-hidden="true"></i>
                                {/if}
                            </td>
                            {/if}
                        </tr>
                    </table>
                </td>
                {if $action->category !="Display"}
                <td>
                    <a title="mobiles Bild zuordnen" class="add_mobile_image tb_bv_button" id="add_mobile_image_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"></a>
                    <a title="mobiles Bild hochladen" class="upload_mobile_image tb_bv_button" id="upload_mobile_image_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"></a>
                    {if $bild->medium->mobil_id}
                        <br />
                        mobiles BIld: <br /> <img src="{$bild->medium->mobil_img}" width="153" alt="" />
                        <a title="Zuordnung entfernen" class="del_mobile_image" id="del_mobile_image_{$bild->medium->id}_{$bild->medium->mobil_id}"><img src="/images/Icons/trashcan.png" alt=""/></a>
                    {/if}
                </td>
                {/if}
            </tr>
        {/foreach}
    </table>
    <div id="upload_mobile_dlg" title="mobiles Bild hochladen">
        <form id="upload_mobile" method="post">
            Bild: <input type="file" name="bild" />
            <input type="hidden" name="l_id" value="{$smarty.get.l_id}" />
            <input type="hidden" name="l_type" value="k" />
            <input type="hidden" name="b_id" id="b_id" />
        </form>
    </div>
    <div id="aktionUploadMsg" title="Ergebnis"></div>
{/if}
<div title="{if $lType!="k"}Beschreibung{else}Verlinkung{/if} des Mediums anpassen" id="edit_desc_dlg">
    <form id="edit_desc_form">
        <input type="hidden" name="id" value="" id="hidden_id" />
        <label for="input_desc">{if $lType!="k"}Beschreibung{else}Link{/if}:</label>
        <input type="text" name="beschreibung" value="" id="input_desc" />
    </form>
</div>
<div title="Aufrufparameter des Mediums anpassen" id="edit_param_dlg">
    <form id="edit_param_form">
        <input type="hidden" name="medien_id" value="" id="hidden_param_id" />
        <input type="hidden" name="artikel_id" value="{$smarty.get.l_id}">
        <input type="hidden" name="l_type" value="{$lType}">
        <label for="input_param">Aufrufparameter:</label>
        <input type="text" name="parameter" value="" id="input_paramter" />
    </form>
</div>

<style>
    .fa-toggle-on,
    .fa-toggle-off {
        cursor:pointer;
    }
    .inactive td {
        opacity:.3;
    }
</style>
<!-- $Id: bilder.tpl 4097 2023-03-23 13:41:48Z erling $ END -->
Subversion-Projekte lars-tiefland.webanos.faltradxxs.de

(root)/trunk/resources/views/bilder.tpl – Revision 25
