Subversion-Projekte lars-tiefland.ci

Revision

Revision 866 | Zur aktuellen Revision | Blame | Vergleich mit vorheriger | Letzte Änderung | Log anzeigen | RSS feed

<link rel="stylesheet" type="text/css" href="css/jquery-ui.custom.css">
<script src="/js/jquery-form-wizard.js"></script>
<script src="/js/jquery-form.js"></script>
<script src="/js/jquery.validate.min.js"></script>
<script type="text/javascript" language="javascript" src="/js/localization/validate/messages_de.js"></script>
<script>
    function checkLength(o,n,min,max,o_name) 
    {
        if ( o.val().length > max || o.val().length < min ) 
        {
            o.addClass('ui-state-error');
            text="L&auml;nge des Feldes '" + n + "' muss zwischen "+min+" und "+max+" liegen.";
            switch(o_name)
            {
                case "s_name":
                    updateIniSectionTips(text);
                    break;
                case "v_name":
                    updateIniValueTips(text);
                    break;
                default:
                    updateTips(text);
                    break;
            }
            return false;
        }
        else
        {
            return true;
        }
    }
    $(function() 
    {
        var s_name = $("#s_name"),
        s_v_name = $('#s_v_name');
        var section_name=s_name.val(),
        v_name = $("#v_name"),
        g_name = $('#g_name'),
        ini_value_tips = $(".validateIniValueTips");
        ini_section_tips = $(".validateIniSectionTips");
        tips = $(".validateTips");
        $("#ini-section-form").dialog({
            autoOpen: false,
            height: "auto",
            width: 400,
            modal: true,
            buttons: {
                'neue Sektion erstellen': function() {
                    var bValid = true;
                    s_name.removeClass('ui-state-error');
                    v_name.removeClass('ui-state-error');
                    bValid = bValid && checkLength(s_name,"Sektionsname",1,255,'s_name');
                    bValid = bValid && checkLength(s_v_name,"Schlüsselname",1,255,'s_name');
                    if (bValid) {
                        attribs="";
                        section_name=s_name.val();
                        //$tabs.tabs("add", "#"+section_name, section_name );
                        kType=$('#s_v_typ').val();
                        if(kType=="integer")
                        {
                            v_min=$('#s_v_min_value').val();
                            v_max=$('#s_v_max_value').val();
                            attribs="&attribs[min]="+v_min+"&attribs[max]="+v_max;
                        }
                        if(kType=="list")
                        {
                            values=$('#s_v_values').val();
                            attribs="&attribs[values]="+values;
                            values=$('#s_v_options').val();
                            attribs="&attribs[options]="+values;
                        }
                        attribs+="&attribs[type]="+kType;
                        url="/toolbox/add_section.php?file={$cfg_file}&root={$root}&rubrik="+section_name+"&key="+s_v_name.val()+attribs;
                        $.get(url,function(html)
                        {
                            $('#ini-section-form').dialog('close');
                            location.reload();
                        })
                    }
                },
                'Abbruch': function() {
                    $(this).dialog('close');
                }
            },
            close: function() {
                s_name.val('').removeClass('ui-state-error');
            }
        });               
        $("#ini-value-form").dialog({
            autoOpen: false,
            height: "auto",
            width: 400,
            modal: true,
            buttons: {
                'neuen Wert erstellen': function() {
                    var bValid = true;
                    var kType=$('#typ').val();
                    v_name.removeClass('ui-state-error');
                    bValid = bValid && checkLength(v_name,"Schlüsselname",1,255,'v_name');
                    if (bValid) {
                        sect_name=$('#sect_name').val();
                        if(kType=="email")
                        {
                            typeStr='<input name="ini['+sect_name+']['+v_name.val()+']" value="" type="email" size="40"><input type="hidden" name="ini['+sect_name+']['+v_name.val()+'][@][type]" value="email">';
                        }
                        else if(kType=="bool")
                        {
                            typeStr='<input name="ini['+sect_name+']['+v_name.val()+'][#]" value="0" type="hidden"><input name="ini['+sect_name+']['+v_name.val()+'][#]" value="1" type="checkbox"><input type="hidden" name="ini['+sect_name+']['+v_name.val()+'][@][type]" value="bool">';
                        }
                        else if(kType=="list")
                        {
                            typeStr='<input type="hidden" name="ini['+sect_name+']['+v_name.val()+'][@][type]" value="list"><input type="hidden" name="ini['+sect_name+']['+v_name.val()+'][@][values]" value="'+$('#values').val()+'"><input type="hidden" name="ini['+sect_name+']['+v_name.val()+'][@][optoins]" value="'+$('#options').val()+'">';
                        }
                        else if(kType=="integer")
                        {
                            v_min=$('#min_value').val();
                            v_max=$('#max_value').val();
                            opt='min="'+v_min+'" max="'+v_max+'"';
                            attribs='<input type="hidden" name="ini['+sect_name+']['+v_name.val()+'][@][min]" value="'+v_min+'"><input type="hidden" name="ini['+sect_name+']['+v_name.val()+'][@][max]" value="'+v_max+'"><input type="hidden" name="ini['+sect_name+']['+v_name.val()+'][@][type]" value="integer">';
                            typeStr='<input name="ini['+sect_name+']['+v_name.val()+'][#]" value="" type="number" size="40" '+opt+'>'+attribs;
                        }
                        else
                        {
                            typeStr='<input name="ini['+sect_name+']['+v_name.val()+'][#]" value="" type="text" size="40"><input type="hidden" name="ini['+sect_name+']['+v_name.val()+'][@][type]" value="'+kType+'">';
                        }
                        html='<div id="row_'+sect_name+'__'+v_name.val()+'"><div style="float:left;" class="links">'+v_name.val()+'</div><div style="float:left;" class="rechts">'+typeStr+'</div><div style="clear:both;float:none;margin-bottom:10px;"></div></div>';
                        $('#'+sect_name).append(html);
                        //$('.del_key').click(del_ini_key).css("cursor","pointer");
                        $(this).dialog('close');
                    }
                },
                'Abbruch': function() {
                    $(this).dialog('close');
                }
            },
            close: function() {
                v_name.val('').removeClass('ui-state-error');
            }
        });               
        $('#tabs').tabs();
        $('label').css('cursor','pointer');
        $("#delete-ini-section-confirm-new").dialog(
        {
            resizable: false,
            height:"auto",
            width:400,
            autoOpen:false,
            modal: true,
            buttons: 
            {
                'Rubrik loeschen': function() {
                    s_id=$('#d_section').val();
                    $.get("/toolbox/del_section.php?file={$cfg_file}&rubrik="+s_id+"&root={$root}",function(html){
                        //alert(html);
                        location.reload();
                    });
                    $(this).dialog('close');
                },
                'Abbruch': function() {
                    $(this).dialog('close');
                }
            }
        });
        
        $('#createNewDocDialogMsg').dialog({
            autoOpen: false,
            height: "auto",
            width: 400,
            modal: true,
            buttons: {
                "OK": function() {
                    $(this).dialog("close");
                }
            }
        });
        $('#create_new_file').button({
            icons:{
                primary: 'ui-icon-document'
            }
        }).click(createNewDoc);
        $("#delete-ini-key-confirm").dialog({
            resizable: false,
            height:"auto",
            width:400,
            autoOpen:false,
            modal: true,
            buttons: {
                'Schluessel loeschen': function() {
                    k_id=$('#d_key').val();
                    $('#row_'+k_id).remove();

                    $(this).dialog('close');
                },
                'Abbruch': function() {
                    $(this).dialog('close');
                }
            }
        });
        
        $('#createNewDocDialogWizard').dialog({
            resizable: false,
            modal:true,
            autoOpen:false,
            width: 800
        });
        $('#back').click(function(){
            $('#demoForm').formwizard("reset");
        })
        $('#demoForm').formwizard({
            validationEnabled: true,
            formPluginEnabled: true,
            textSubmit: "Erstellen",
            textNext: "weiter",
            textBack: "zurueck",
            formOptions :
            {
                resetForm:true,
                success: function(data)
                {
                    if(data)
                    {
                        erg=data.split("|");
                        msg=erg[1];
                        openFile=erg[0];
                        if(openFile!="1")
                        {
                            $('#createNewDocDialogMsg').html(msg).dialog("open");
                        }
                        else
                        {
                            window.location.href="{$SCRIPT_NAME}?file="+msg;
                        }
                    }
                }
            }
        }).bind("before_step_shown",function(event,data){
            //alert(data.currentStep);
            if(data.currentStep=="second")
            {
                $('#createNewDocDialogStep2').load("/toolbox/getShops.php",$('#demoForm').serialize());
            }
            if(data.currentStep=="third")
            {
                $('#createNewDocDialogStep3').load("/toolbox/getTemplate.php",$('#demoForm').serialize());
            }
        });
        $( document ).tooltip({
            items:'span',
            position: {
                my: "center bottom-20",
                at: "center top",
                using: function( position, feedback ) {
                    $( this ).css( position );
                    $( "<div>" )
                        .addClass( "arrow" )
                        .addClass( feedback.vertical )
                        .addClass( feedback.horizontal )
                        .appendTo( this );
                }
            }
        });
    });
    function createNewDoc(e)
    {
        e.preventDefault();
        $('#demoForm').formwizard("reset");
        $('#createNewDocDialogStep1').load("/toolbox/getWebs.php",function(){
            $('#createNewDocDialogWizard').dialog("open");            
        })        
    }
</script>
  <style>
  .ui-tooltip, .arrow:after {
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    background: black;
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
                        #demoWrapper {
                                padding : 1em;
                                width : 500px;
                                border-style: solid;
                        }

                        #fieldWrapper {
                        }

                        #demoNavigation {
                                margin-top : 0.5em;
                                margin-right : 1em;
                                text-align: right;
                        }
                        
                        #data {
                                font-size : 0.7em;
                        }

                        input {
                                margin-right: 0.1em;
                                margin-bottom: 0.5em;
                        }

                        .input_field_25em {
                                width: 2.5em;
                        }

                        .input_field_3em {
                                width: 3em;
                        }

                        .input_field_35em {
                                width: 3.5em;
                        }

                        .input_field_12em {
                                width: 12em;
                        }

                        label {
                                margin-bottom: 0.2em;
                                font-weight: bold;
                                font-size: 0.8em;
                        }

                        label.error {
                                color: red;
                                font-size: 0.8em;
                                margin-left : 0.5em;
                        }

                        .step span {
                                float: right;
                                font-weight: bold;
                                padding-right: 0.8em;
                        }

                        .navigation_button {
                                width : 70px;
                margin-bottom:10px;
                        }
                        
                        #data {
                                        overflow : auto;
                        }
                        
                        #step_visualization {

                                margin : 2em;
                        }
                        
                        #visualization_first{
                                background-color : #ffffdd;
                        }

                        #visualization_finland{
                                background-color : #ffff99;
                        }
                        
                        #visualization_confirmation{
                                background-color : #ffff44;
                        }
                                                
                        .visualization {
                                border-style : solid;
                                font-size: 0.8em;
                          font-weight: bold;
                                padding-left: 1em;
                                padding-right: 1em;
                        }
            .indent
            {
                padding:10px;
            }
            
</style>
{include file="common/list_configs.tpl"}
{if $cfg_file}
<h1>Datei {$cfg_file} &auml;ndern</h1>
<!-- Dateiinhalt -->
<form method="post">
    <table width="100%" id="sections" cellspacing="0" cellpadding="0">
        <tr>
            <th class="links">Eigenschaft</th>
            <th class="rechts">Wert</th>
        </tr>
        <tr>
            <td colspan="2" align="center" class="links">&nbsp;
{if $isTemplate===true}
            <span class="add ui-icon ui-icon-plus" id="add" style="cursor:pointer" title="Rubrik hinzuf&uuml;gen"></span>
    {/if}
            </td>
        </tr>
    </table>
    <div id="tabs">
        <ul>
        {foreach $templateConfig as $section => $value}
            <li id="reiter_{$section}">
                <a href="#{$section}">{$section}</a>
                {if array_key_exists($section,$config) && $section!="none"}
                {if $smarty.server.PHP_AUTH_USER=="admin" || $site=="weban.de"}
                <span class="delete_section ui-icon ui-icon-trash" id="delete__{$section}" style="float:right;cursor:pointer" title="Rubrik l&ouml;schen"></span>
                {/if}
                {/if}
                {if $isTemplate===false && !array_key_exists($section,$config)}
                {if $smarty.server.PHP_AUTH_USER=="admin" || $site=="weban.de"}
                <span class="activate_section ui-icon ui-icon-plus" id="activate__{$section}" style="float:right;cursor:pointer" title="Rubrik aktivieren"></span>
                {/if}
                {/if}
                {if $isTemplate===true}
                <span class="add_ini_value ui-icon ui-icon-plus" id="add--{$section}" style="float:right;cursor:pointer" title="Wert hinzuf&uuml;gen"></span>
                {/if}
                {if $templateAttribs.$section["@"].comment}
                <span class="ui-icon ui-icon-info" style="float:right;cursor:help" title="{$templateAttribs.$section["@"].comment}"></span>
                {/if}
                {if is_array($templateAttribs.$section) && $isTemplate}
                    {foreach $templateAttribs.$section["@"] as $attribName => $attribValue}
                    <input type="hidden" name="ini[{$section}][@][{$attribName}]" value="{$attribValue}">
                    {/foreach}
                {/if}
            </li>
        {/foreach}
        </ul>
        {foreach $templateConfig as $section => $key}
        <div id="{$section}">
            {foreach $key as $k=> $value}
            {if is_array($value)}
            {if isset($value[0])}
                {foreach $value as $key2=>$value2}
                <div style="float:left;margin-top:10px;" class="links">
                    <div style="width:80%;float:left;">{$value2.name|default:$k}</div>
                    <div style="width:20%;float:left;">
                        {if is_array($templateAttribs.$section.$k) && $templateAttribs.$section.$k["@"].comment}
                        <span class="ui-icon ui-icon-info" style="float:right;cursor:help" title="{$templateAttribs.$section.$k["@"].comment}"></span>
                        {/if}
                    </div>
                </div>
                <div style="float:left;margin-top:10px;width:79%" class="rechts">
                {foreach $value2 as $name=>$twert}
                <div style="float:left;padding-right:10px;width:300px;">
                {if is_array($templateAttribs.$section.$k.$key2.name) && $templateAttribs.$section.$k.$key2.name["@"].comment}
                <span class="ui-icon ui-icon-info" style="float:left;cursor:help" title="{$templateAttribs.$section.$k.$key2.name["@"].comment}"></span>
                {/if}
                <label for="{$section}_{$k}_{$key2}_{$name}">{$name}</label>
                <br>
                {include file="common/input.tpl" htmlName="ini[{$section}][{$k}][{$key2}][{$name}]" htmlId="{$section}_{$k}_{$key2}_{$name}" typeField=$templateAttribs.$section.$k.$key2.$name  wert="{$config.$section.$k.$key2.$name}"}
                </div>
                {/foreach}
                </div>
                {/foreach}
            {elseif $templateAttribs.$section["@"].type=="list"}
                <div style="float:left;margin-top:10px;" class="links">
                    <div style="width:80%;float:left;">{$k}</div>
                    <div style="width:20%;float:left;">
                        {if is_array($templateAttribs.$section.$k) && $templateAttribs.$section.$k["@"].comment}
                        <span class="ui-icon ui-icon-info" style="float:right;cursor:help" title="{$templateAttribs.$section.$k["@"].comment}"></span>
                        {/if}
                    </div>
                </div>
                <div style="float:left;margin-top:10px;width:79%" class="rechts">
                {foreach $value as $key2=>$value2}
                <div style="float:left;padding-right:10px;width:300px;">
                {if is_array($templateAttribs.$section.$k.$key2) && $templateAttribs.$section.$k.$key2["@"].comment}
                <span class="ui-icon ui-icon-info" style="float:left;cursor:help" title="{$templateAttribs.$section.$k.$key2["@"].comment}"></span>
                {/if}
                <label for="{$section}_{$k}_{$key2}">{$key2}</label>
                <br>
                {include file="common/input.tpl" htmlName="ini[{$section}][{$k}][{$key2}]" htmlId="{$section}_{$k}_{$key2}" typeField=$templateAttribs.$section.$k.$key2  wert="{$config.$section.$k.$key2}" disabled=""}
                </div>
                {/foreach}
                </div>
            {else}
            <div style="float:left;margin-top:10px;" class="links">
                <div style="width:80%;float:left;">
                    <label for="{$section}_{$k}_value">{$k}</label>
                </div>
                <div style="width:20%;float:left;">
                    {if is_array($templateAttribs.$section.$k) && $templateAttribs.$section.$k["@"].comment}
                    <span class="ui-icon ui-icon-info" style="float:right;cursor:help" title="{$templateAttribs.$section.$k["@"].comment}"></span>
                    {/if}
                </div>
            </div>
            <div style="float:left;margin-top:10px;" class="rechts">
                {include file="common/input.tpl" htmlName="ini[{$section}][{$k}][value]" htmlId="{$section}_{$k}_value" typeField=$templateAttribs.$section.$k wert=$config.$section.$k.value attribField="ini[{$section}][{$k}]"}
            </div>
            {/if}
            <div class="break"></div>
            {else}
            <div id="row__{$section}__{$k}">
            <div style="float:left;margin-top:10px;" class="links">
                {assign var="disabled" value=""}
                {if !(is_array($config.$section) && array_key_exists($k,$config.$section))}
                {assign var="disabled" value="disabled='disabled'"}
                {/if}
                <div style="width:80%;float:left;">
                    <label id="label_{$section}_{$k}" for="{$section}_{$k}">
                {if $disabled}<strike>{/if}{$k}{if $disabled}</strike>{/if}</label>
                {if $smarty.server.PHP_AUTH_USER=="admin" || $site=="weban.de"}
                <span class="add_ini_value ui-icon ui-icon-plus" id="add--{$section}__{$k}" style="float:right;cursor:pointer;display:{if $disabled}inline{else}none{/if};" title="Wert hinzuf&uuml;gen"></span><span class="del_ini_value ui-icon ui-icon-trash" id="del--{$section}__{$k}" style="float:right;cursor:pointer;display:{if !$disabled}inline{else}none{/if};" title="Wert l&ouml;schen"></span>
                {/if}
                </div>
                <div style="width:20%;float:left;">
                    {if is_array($templateAttribs.$section.$k) && $templateAttribs.$section.$k["@"].comment}
                    <span class="ui-icon ui-icon-info" style="float:right;cursor:help" title="{$templateAttribs.$section.$k["@"].comment}"></span>
                    {/if}
                </div>
            </div>
            <div style="float:left;margin-top:10px;width:70%;" class="rechts">
                {include file="common/input.tpl" htmlName="ini[{$section}][{$k}]" htmlId="{$section}_{$k}" typeField=$templateAttribs.$section.$k wert=$config.$section.$k}
            </div>
            </div>
            <div class="break"></div>
            {/if}
        {/foreach}
        </div>
        {/foreach}
    </div>
    <table width="100%" cellpadding="3" cellspacing="0">
        <tr>
            <td colspan="2" class="links" align="center">
                <input type="hidden" name="file" value="{$cfg_file}">
                <input type="hidden" name="mode" value="save">
                <input type="hidden" name="root" value="{$root}">
                <input type="submit" value="Daten &auml;ndern" id="changeFile">
            </td>
        </tr>
    </table>
</form>
{if $isTemplate===false}
<script>
    $(function()
    {
        $('.activate_section').click(activate_section);
        $('.delete_section').click(delSection);
        {foreach $templateConfig as $section => $key}
        {if !array_key_exists($section,$config)}
        $('#tabs').tabs('disable',{$key@index});
        {/if}
        {/foreach}
        $('.add_ini_value').click(add_ini_value);
        $('.del_ini_value').click(del_ini_value);
    });
    function delSection()
    {
        s_id=this.id;
        s_id=s_id.split("__");
        s_id=s_id[1];
        $('#d_section').val(s_id);
        $('#d_section_out').html(s_id);
        $('#delete-ini-section-confirm-new').dialog('open');
        return false;
    }
    function activate_section()
    {
        s_id=this.id;
        s_id=s_id.split("__");
        $.get("/toolbox/activate_section.php?file={$cfg_file}&rubrik="+s_id[1]+"&root={$root}",function(html){
            location.reload();
        });
    }
    function add_ini_value(e)
    {
        e.preventDefault();
        e_id_full=this.id;
        e_id=e_id_full.split("--");
        e_id=e_id[1];
        e_id_2=e_id.split("__");
        e_key=e_id_2[1];
        e_sect=e_id_2[0];
        e_id=e_sect+"_"+e_key;
        e_id_2=e_sect+"__"+e_key;
        $('#'+e_id).removeAttr("disabled");
        $('#label_'+e_id).html(e_key);
        $('#add--'+e_id_2).hide();
        $('#del--'+e_id_2).show();
        $('#hidden-'+e_id).removeAttr("disabled");
    }
    function del_ini_value(e)
    {
        e.preventDefault();
        e_id_full=this.id;
        e_id=e_id_full.split("--");
        e_id=e_id[1];
        e_id_2=e_id.split("__");
        e_key=e_id_2[1];
        e_sect=e_id_2[0];
        e_id=e_sect+"_"+e_key;
        e_id_2=e_sect+"__"+e_key;
        $('#'+e_id).attr("disabled","disabled");
        $('#label_'+e_id).html("<strike>"+e_key+"</strike>");
        $('#del--'+e_id_2).hide();
        $('#add--'+e_id_2).show();
        $('#hidden-'+e_id).attr("disabled","disabled");
    }
</script>
{else}
<script>
    $(function(){
        $('.del_ini_value').click(del_ini_value);
        $('.delete_section').click(delSection);
        $('.add').click(add_ini_section);
        $('#number').hide();
        $('#list').hide();
        $('#s_number').hide();
        $('#s_list').hide();
        $('#typ').change(function(){
            kType=$(this).val();
            $('#number').hide();
            $('#list').hide();
            if(kType=="integer")
            {
                $('#number').show();
            }
            if(kType=="list")
            {
                $('#list').show();
            }
        });
        $('#s_v_typ').change(function(){
            kType=$(this).val();
            $('#s_number').hide();
            $('#s_list').hide();
            if(kType=="integer")
            {
                $('#s_number').show();
            }
            if(kType=="list")
            {
                $('#s_list').show();
            }
        });
        function updateTips(t) {
            tips
            .text(t)
            .addClass('ui-state-highlight');
            setTimeout(function() {
                ini_section_tips.removeClass('ui-state-highlight', 1500);
            }, 500);
        }
        function updateIniSectionTips(t) {
            ini_section_tips
            .text(t)
            .addClass('ui-state-highlight');
            setTimeout(function() {
                ini_section_tips.removeClass('ui-state-highlight', 1500);
            }, 500);
        }
        $('.add_ini_value').click(add_ini_value);
    });
    function add_ini_section()
    {
        $('#ini-section-form').dialog('open');    
        return false;
    }
    function add_ini_value()
    {
        s_id=this.id.substr(5);
        $('#sect_name').val(s_id);
        $('#ini-value-form').dialog('open');
        return false;
    }
    function delSection()
    {
        s_id=this.id;
        s_id=s_id.split("__");
        s_id=s_id[1];
        $('#d_section').val(s_id);
        $('#d_section_out').html(s_id);
        $('#delete-ini-section-confirm-new').dialog('open');
        return false;
    }
    function del_ini_value(e)
    {
        e.preventDefault();
        e_id_full=this.id;
        e_id=e_id_full.split("--");
        e_id=e_id[1];
        e_id_2=e_id.split("__");
        e_key=e_id_2[1];
        e_sect=e_id_2[0];
        e_id=e_sect+"_"+e_key;
        e_id_2=e_sect+"__"+e_key;
        $('#d_section').val(e_sect);
        $('#d_key_out').html(e_key);
        $('#d_key').val(e_key);
        $('#d_section_out_2').html(e_sect);
        $("#delete-ini-key-confirm").dialog("open");
    }
</script>
{/if}
{/if}

<div id="ini-section-form" title="Eine neue Rubrik erstellen">
    <p class="validateIniSectionTips">Alle Felder sind Pflicht.</p>
    <form>
        <fieldset>
            <label for="s_name">Rubrikname</label>
            <input type="text" name="s_name" id="s_name" class="text ui-widget-content ui-corner-all"><br>
            <label for="v_name">Schl&uuml;sselame</label>
            <input type="text" name="s_v_name" id="s_v_name" class="text ui-widget-content ui-corner-all">
            <br>
            <label for="s_v_typ">Eingabetyp:</label>
            <select id="s_v_typ">
            {html_options options=$types selected="string"}
            </select>
            <br>
            <div id="s_conf">
                <div id="s_number">
                    <fieldset>
                        <legend>Konfiguration dieses Typs</legend>
                        <label for="s_v_min_value">minimaler Wert</label>
                        <input type="text" value="-1" id="s_v_min_value">
                        <label for="s_v_max_value">maximaler Wert</label>
                        <input type="text" value="" id="s_v_max_value">
                    </fieldset>
                </div>
                <div id="s_list">
                    <label for="s_v_values">Listenwerte:</label>
                    <input type="text" id="s_v_values" value="">
                    <br>
                    <label for="s_v_options">Ausgabewerte:</label>
                    <input type="text" id="s_v_options" value="">
                </div>
            </div>
        </fieldset>
    </form>
</div>

<div id="ini-value-form" title="Einen neuen Schl&uuml;ssel erstellen">
    <p class="validateIniValueTips">Alle Felder sind Pflicht.</p>
    <form>
        <fieldset>
            <label for="name">Name</label>
            <input type="text" name="v_name" id="v_name" class="text ui-widget-content ui-corner-all">
            <input type="hidden" name="sect_name" id="sect_name" value="" class="text ui-widget-content ui-corner-all">
            <br>
            <label for="typ">Eingabetyp:</label>
            <select id="typ">
            {html_options options=$types seleted="string"}
            </select>
            <br>
            <div id="conf">
                <div id="number">
                    <fieldset>
                        <legend>Konfiguration dieses Typs</legend>
                        <label for="min_value">minimaler Wert</label>
                        <input type="text" value="-1" id="min_value">
                        <label for="max_value">maximaler Wert</label>
                        <input type="text" value="" id="max_value">
                    </fieldset>
                </div>
                <div id="list">
                    <label for="values">Listenwerte:</label>
                    <input type="text" id="values" value="">
                    <br>
                    <label for="options">Ausgabewerte:</label>
                    <input type="text" id="options" value="">
                </div>
            </div>
        </fieldset>
    </form>
</div>

<div id="delete-ini-section-confirm-new" title="Rubrik l&ouml;schen?">
    <p>
        <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Die Rubrik '<span id="d_section_out"></span>' wird permanent gel&ouml;scht. Sind sie sicher?
    </p>
    <input type="hidden" id="d_section" value="">
</div>

<div id="delete-ini-key-confirm" title="Schl&uuml;ssel l&ouml;schen?">
    <p>
        <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Der Schl&uuml;ssel '<span id="d_key_out"></span>' in der Rubrik '<span id="d_section_out_2"></span>' wird permanent gel&ouml;scht. Sind sie sicher?
    </p>
    <input type="hidden" id="d_key" value="">
</div>

<div id="createNewDocDialogMsg" title="neue Konfigurationsdatei anlegen - Ergebnis">
</div>

<div id="createNewDocDialogWizard" title="neue Konfigurationsdatei anlegen">
        <form id="demoForm" method="post" action="/toolbox/createConfig.php" class="bbq">
                <div id="fieldWrapper">
                <div id="step_visualization"></div>
                <div class="step" id="first">
                        <span class="font_normal_07em_black">neue Konfigurationsdatei anlegen - Schritt 1 - Web ausw&auml;hlen</span><br />
                <div id="createNewDocDialogStep1" class="indent"></div>
                </div>
                <div id="second" class="step">
                        <span class="font_normal_07em_black">neue Konfigurationsdatei anlegen - Schritt 2 - Shop ausw&auml;hlen</span><br />
                <div id="createNewDocDialogStep2" class="indent"></div>
                </div>
                <div id="third" class="step">
                        <span class="font_normal_07em_black">neue Konfigurationsdatei anlegen - Schritt 3 - Template ausw&auml;hlen</span><br />
                <div id="createNewDocDialogStep3" class="indent"></div>
                </div>
                <div id="confirmation" class="step">
                        <span class="font_normal_07em_black">neue Konfigurationsdatei anlegen - Schritt 4 - Auswahl der Shop-Umgebung</span><br />
                        <span class="font_normal_07em_black">Mit dem Klck auf "Erstellen" wird die Konfigurationsdatei erstellt.</span><br /><br>
                <div id="createNewDocDialogStep4" class="indent">
                {html_radios output="online,local,dev,neu"|explode_str:',' values="online,local,dev,neu"|explode_str:',' name="env" separator="<br><br>" required}
                <input type="checkbox" name="open" value="1" id="openFile">
                </div>
                </div>
                </div>
                <div id="demoNavigation">                                                       
                        <input class="navigation_button" id="back" value="Back" type="reset" />
                        <input class="navigation_button" id="next" value="Next" type="submit" />
                </div>
        </form>
</div>