Subversion-Projekte lars-tiefland.webanos.faltradxxs.de

<!-- $Id: aktion_slider_v3.tpl 3897 2022-11-25 10:46:28Z tiefland $ BEGIN -->
<script>
    $(document).ready(function(){
        $("#preview_btn").button();
        {if !$aktion["config"]["navigation"]}
        $("#navigation_setting").hide();
        $("#circle_navigation").hide();
        $("#box_navigation").hide();
        $("#arrow_direction").hide();
        $("#circle_direction").hide();
        $("#box_direction").hide();
        {/if}
        {if !$aktion["config"]["pfeile"]}
        $("#arrow_direction").hide();
        {/if}
        {if !$aktion["config"]["kreise"]}
        $("#circle_direction").hide();
        {/if}
        {if !$aktion["config"]["boxen"]}
        $("#box_direction").hide();
        {/if}

        $("#slider_navigation").delegate("#navigation_yes", "click", function(){
            $("#navigation_no").prop( "checked", false );
            $("#navigation_setting").show();
            $("#circle_navigation").show();
            $("#box_navigation").show();
        }).delegate("#navigation_no", "click", function(){
            $("#navigation_yes").prop( "checked", false );
            $("#navigation_setting").hide();
            $("#arrow_direction").hide();
            $("#circle_navigation").hide();
            $("#box_navigation").hide();
        });

        $("#navigation_setting").delegate("#arrow_yes", "click", function(){
            $("#arrow_no").prop( "checked", false );
            $("#arrow_direction").show();
        }).delegate("#arrow_no", "click", function(){
            $("#arrow_yes").prop( "checked", false );
            $("#arrow_direction").hide();
        });
        $("#circle_navigation").delegate("#circle_yes", "click", function(){
            $("#circle_no").prop( "checked", false );
            $("#circle_direction").show();
        }).delegate("#circle_no", "click", function(){
            $("#circle_yes").prop( "checked", false );
            $("#circle_direction").hide();
        });
        $("#box_navigation").delegate("#box_yes", "click", function(){
            $("#box_no").prop( "checked", false );
            $("#box_direction").show();
        }).delegate("#box_no", "click", function(){
            $("#box_yes").prop( "checked", false );
            $("#box_direction").hide();
        });


        $("#arrow_direction").delegate("#arrow_outside", "click", function(){
            $("#arrow_inside").prop( "checked", false );
        }).delegate("#arrow_inside", "click", function(){
            $("#arrow_outside").prop( "checked", false );
        }).delegate("#circle_up", "click", function(){
            $("#circle_down").prop( "checked", false );
        }).delegate("#circle_down", "click", function(){
            $("#circle_up").prop( "checked", false );
        });

        $("#box_direction").delegate("#box_left", "click", function(){
            $("#box_right").prop( "checked", false );
            $("#box_up").prop( "checked", false );
            $("#box_down").prop( "checked", false );
        }).delegate("#box_right", "click", function(){
            $("#box_left").prop( "checked", false );
            $("#box_up").prop( "checked", false );
            $("#box_down").prop( "checked", false );
        }).delegate("#box_up", "click", function(){
            $("#box_left").prop( "checked", false );
            $("#box_right").prop( "checked", false );
            $("#box_down").prop( "checked", false );
        }).delegate("#box_down", "click", function(){
            $("#box_left").prop( "checked", false );
            $("#box_right").prop( "checked", false );
            $("#box_up").prop( "checked", false );
        });
        $(".video").delegate(".video_no", "click", function(){
            $(this).prev().prop( "checked", false );
            if( !$(".video_yes",this).is(":checked") ){
                $(this).prop( "checked", true );

            }

        }).delegate(".video_yes", "click", function(){
            $(this).next().prop( "checked", false );
            if( !$(".video_no",this).is(":checked") ){
                $(this).prop( "checked", true );

            }
        });

        $(document).on( "click", "#files", function(){
            $("#cb_files").prop('checked', true);
        });

        $(document).delegate("#preview_btn", "click", function(){

            let data = [];
            let aktionsID = $("#aktionsID").val();

            data.push({ name: "aktionsID", value: aktionsID })

            $.ajax({
                type: "POST",
                url: "aktion_v3.php?mode=sliderVorschau",
                data: data
            }).done(function(html){
                $("#sliderVorschau3").html(html);
            });
        });
    })
</script>
{if $save_msg}
    <p>{$save_msg}</p>
{/if}
<tr id="slider_effect">
    <td class="links">
        <label><label for="effect_types">Slideeffekte:</label></label>
    </td>
    <td class="rechts">
        <select name="config[effekt]" id="effect_types" required>
            <option value="fade"{if $aktion["config"]["effekt"]=="fade"} selected="selected"{/if}>fade</option>
            <option value="horizontal"{if $aktion["config"]["effekt"]=="horizontal"} selected="selected"{/if}>horizontal</option>
            <option value="vertical"{if $aktion["config"]["effekt"]=="vertical"} selected="selected"{/if}>vertical</option>
        </select>
    </td>
</tr>
<tr id="box_minHeight">
    <td class="links"><label for="input_minHeight">Mind. Höhe:</label></td>
    <td class="rechts">
        <input type="text" id="input_minHeight" name="config[minHeight]" value="{if $aktion['config']['minHeight']}{$aktion['config']['minHeight']}{/if}" placeholder="400"/> px.
    </td>
</tr>
<tr id="slider_delay">
    <td class="links"><label for="input_delay">Verzögerung:</label></td>
    <td class="rechts">
        <input type="text" id="input_delay" name="config[verzoegerung]"  value="{if $aktion["config"]["verzoegerung"]}{$aktion["config"]["verzoegerung"]}{else}500{/if}" /> ms.
        <label for="input_delay"><br /> ( 0 = kein Autostart / > 0 = Autostart)</label>
    </td>
</tr>
<tr id="slider_pause">
    <td class="links"><label for="input_pause">Pause:</label></td>
    <td class="rechts">
        <input type="text" id="input_pause" name="config[pause]"  value="{if $aktion["config"]["pause"]}{$aktion["config"]["pause"]}{else}8000{/if}" /> ms.
    </td>
</tr>
<tr id="slider_easing">
    <td class="links">
        <label for="easing_types">Easing:</label>
    </td>
    <td class="rechts">
        <select name="config[easing]" id="easing_types">
            <option value="ease"{if $aktion["config"]["easing"]=="ease"} selected="selected"{/if}>ease</option>
            <option value="ease-in"{if $aktion["config"]["easing"]=="ease-in"} selected="selected"{/if}>ease-in</option>
            <option value="ease-out"{if $aktion["config"]["easing"]=="ease-out"} selected="selected"{/if}>ease-out</option>
            <option value="ease-in-out"{if $aktion["config"]["easing"]=="ease-in-out"} selected="selected"{/if}>ease-in-out</option>
        </select>
    </td>
</tr>
<tr id="slider_navigation">
    <td class="links">Navigation:</td>
    <td class="rechts">
        <input type="checkbox" id="navigation_yes" name="navigation_yes" {if $aktion["config"]["navigation"]}checked="checked"{/if}/>
        <label for="navigation_yes">Ja</label>
        <input type="checkbox" id="navigation_no" name="navigation_no" {if !$aktion["config"]["navigation"]}checked="checked"{/if}/>
        <label for="navigation_no">Nein</label>
    </td>
</tr>
<tr id="navigation_setting">
    <td id="arrow_navigation" class="links">Pfeile:</td>
    <td class="rechts">
        <input type="checkbox" id="arrow_yes" name="arrow_yes" {if $aktion["config"]["pfeile"]}checked="checked"{/if}/>
        <label for="arrow_yes">Ja</label>
        <input type="checkbox" id="arrow_no" name="arrow_no" {if !$aktion["config"]["pfeile"]}checked="checked"{/if}/>
        <label for="arrow_no">Nein</label>
        <div id="arrow_direction">
            <input type="checkbox" id="arrow_outside" name="arrow_outside" {if $aktion["config"]["pfeile_aussen"]}checked="checked"{/if}/>
            <label for="arrow_outside">Aussen</label>
            <input type="checkbox" id="arrow_inside" name="arrow_inside" {if $aktion["config"]["pfeile_innen"]}checked="checked"{/if}/>
            <label for="arrow_inside">Innen </label>
        </div>
    </td>
</tr>
<tr id="circle_navigation">
    <td class="links">Kreise:</td>
    <td class="rechts">
        <input type="checkbox" id="circle_yes" name="circle_yes" {if $aktion["config"]["kreise"]}checked="checked"{/if}/>
        <label for="circle_yes">Ja</label>
        <input type="checkbox" id="circle_no" name="circle_no" {if !$aktion["config"]["kreise"]}checked="checked"{/if}/>
        <label for="circle_no">Nein</label>
        <div id="circle_direction">
            <input type="checkbox" id="circle_up" name="circle_up" {if $aktion["config"]["kreise_oben"]}checked="checked"{/if}/>
            <label for="circle_up">Oben</label>
            <input type="checkbox" id="circle_down" name="circle_down" {if $aktion["config"]["kreise_unten"]}checked="checked"{/if}/>
            <label for="circle_down">Unten</label>
        </div>
    </td>
</tr>
<tr id="box_navigation">
    <td class="links">Vorschau:</td>
    <td class="rechts">
        <input type="checkbox" id="box_yes" name="box_yes" {if $aktion["config"]["boxen"]}checked="checked"{/if}/>
        <label for="box_yes">Ja</label>
        <input type="checkbox" id="box_no" name="box_no" {if !$aktion["config"]["boxen"]}checked="checked"{/if}/>
        <label for="box_no">Nein</label>
        <div id="box_direction">
            <input type="checkbox" id="box_left" name="box_left" {if $aktion["config"]["box_links"]}checked="checked"{/if}/>
            <label for="box_left">Links</label>
            <input type="checkbox" id="box_right" name="box_right" {if $aktion["config"]["box_rechts"]}checked="checked"{/if}/>
            <label for="box_right">Rechts</label>
            <br/>
            <input type="checkbox" id="box_up" name="box_up" {if $aktion["config"]["box_oben"]}checked="checked"{/if}/>
            <label for="box_up">Oben</label>
            <input type="checkbox" id="box_down" name="box_down" {if $aktion["config"]["box_unten"]}checked="checked"{/if}/>
            <label for="box_down">Unten</label>
        </div>
    </td>
</tr>
{if $bildvorhanden}
    <input type="hidden" name="action" value="sliderEinstellung" />
    <tr>
        <td class="headlineVertical">
            <input type="button" name="preview_btn" id="preview_btn" value="Slider Vorschau" style="vertical-algin:top;"/>
        </td>
        <td>
            <div id="sliderVorschau3" style="width:100%;display:block;"></div>
        </td>

    </tr>
{/if}
<!-- $Id: aktion_slider_v3.tpl 3897 2022-11-25 10:46:28Z tiefland $ END -->