Subversion-Projekte lars-tiefland.ci

Revision

Revision 2357 | Blame | Vergleich mit vorheriger | Letzte Änderung | Log anzeigen | RSS feed

<link rel="stylesheet" type="text/css" href="css/jquery-ui.custom.css">
<script src="/backend/js/jquery-form-wizard.js"></script>
<script src="/backend/js/jquery-form.js"></script>
<script src="/backend/js/jquery.validate.min.js"></script>
<script type="text/javascript" language="javascript" src="/backend/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ä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() {
                                        $('#').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();

                                        $('#delete-ini-key-confirm').dialog('close');
                                },
                                'Abbruch': function() {
                                        $('#delete-ini-key-confirm').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="list_configs.tpl"}
{if $cfg_file}
<h1>Datei {$cfg_file} ä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ü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.session.user_data.uname=="admin" || $site=="weban.de"}
                                <span class="delete_section ui-icon ui-icon-trash" id="delete__{$section}" style="float:right;cursor:pointer" title="Rubrik löschen"></span>
                                {/if}
                                {/if}
                                {if $isTemplate===false && !array_key_exists($section,$config)}
                                {if $smarty.session.user_data.uname=="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ü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="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="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="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.session.user_data.uname=="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ü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ö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="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 ä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ü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ü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ö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öscht. Sind sie sicher?
        </p>
        <input type="hidden" id="d_section" value="">
</div>

<div id="delete-ini-key-confirm" title="Schlüssel löschen?">
        <p>
                <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Der Schlüssel '<span id="d_key_out"></span>' in der Rubrik '<span id="d_section_out_2"></span>' wird permanent gelö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ä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ä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ä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>