Subversion-Projekte lars-tiefland.webhosting

Revision

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

<!-- $URL: http://repos.lars-tiefland.de:8080/svn/webhosting/trunk/templates/order.tpl $ last modified in Revision $Rev: 69 $ by $Author: lars $ at $Date: 2007-07-14 17:24:18 +0200 (Sa, 14. Jul 2007) $ -->
{literal}
        <SCRIPT type="text/javascript">
                function checkStep()
                {
                        var $tabs = $('#tabs').tabs();
                        var selected = $tabs.tabs('option', 'selected');
                        var bvalid=true;
                        switch(selected)
                        {
                                case 0:
                                        bvalid=bvalid && checkStep1();
                                        if(!bvalid)
                                        {
                                                //$tabs.tabs("option","disabled",[1,2,3,4,5]);
                                                $tabs.tabs("disable",1);
                                        }
                                        else
                                        {
                                                $("#email1").focus();
                                                $(".name").html($('#name').val());
                                                $(".firstname").html($('#firstname').val());
                                                $(".email").html($('#email').val());
                                                $(".domain").html($('#domain').val());
                                        }
                                break;
                                case 1:
                                        bvalid=bvalid && checkStep2();
                                        if(!bvalid)
                                        {
                                                $tabs.tabs("disable",2);
                                        }
                                        else
                                        {
                                                $('#email1_out').html($('#email1').val());
                                                alert($('#email2').val());
                                                $('#email2_out').html($('#email2').val());
                                                alert($('#email1_out').html());
                                                $('#email3_out').html($('#email3').val());
                                                $('#email4_out').html($('#email4').val());
                                                $('#email5_out').html($('#email5').val());
                                                $('#email6_out').html($('#email6').val());
                                                $('#email7_out').html($('#email7').val());
                                                $('#email8_out').html($('#email8').val());
                                                $('#email9_out').html($('#email9').val());
                                                $('#email10_out').html($('#email10').val());
                                        }
                                break;
                                case 2:
                                        bvalid=bvalid && checkStep3();
                                        if(!bvalid)
                                        {
                                                $tabs.tabs("disable",3);
                                        }
                                        else
                                        {
                                                $('#traffic_out').html($('#traffic').val());
                                        }
                                break;
                                case 4:
                                        bvalid=bvalid && checkStep4();
                                        if(!bvalid)
                                        {
                                                $tabs.tabs("disable",5);
                                        }
                                break;
                        }
                        return bvalid;
                }
                function checkStep1()
                {
                        var name=$('#name').val();
                        var vname=$('#firstname').val();
                        var email=$('#email').val();
                        var email_conf=$('#email_conf').val();
                        var domain=$('#domain').val();
                        if (name=="")
                        {
                                window.alert("Bitte Nachnamen eingeben!");
                                $('#name').focus();
                                return false;
                        }       
                        if (vname=="")
                        {
                                window.alert("Bitte Vornamen eingeben!");
                                $('#firstname').focus();
                                return false;
                        }
                        if (email=="")
                        {
                                window.alert("Bitte E-Mail Adresse eingeben!");
                                $('#email').focus();
                                return false;
                        }
                        if (email!=email_conf)
                        {
                                window.alert("Die E-Mail Adressen stimmen nicht überein!");
                                $('#email').focus();
                                return false;
                        }
                        if (domain=="")
                        {
                                window.alert("Bitte eine Domain eingeben!");
                                $('#domain').focus();
                                return false;
                        }
                        return true;
                }
                function checkStep2()
                {
                        var email1=document.order.email1.value;
                        var alias=document.order.email_type[0].checked;
                        var pop3=document.order.email_type[1].checked;
                        var targets=document.order.targets.value;
                        if (email1=="")
                        {
                                window.alert("Bitte mindestens eine E-Mail Adresse eingeben!");
                                document.order.email1.focus();
                                return false;
                        }
                        if (!alias && !pop3)
                        {
                                window.alert("Bitte den Typ der E-Mail Adressen angeben!");
                                return false;
                        }
                        if (alias && targets=="")
                        {
                                window.alert("Bitte mindestens eine E-Mail Adresse als Ziel angeben!");
                                document.order.targets.focus();
                                return false;
                        }
                        if (pop3 && targets !="")
                        {
                                window.alert("Bitte wähle entweder \"Weiterleitung\" aus oder lösche die Zieladressen, da sie bei \"POP3/IMAP\" nicht benötigt werden!");
                                document.order.targets.focus();
                                return false;
                        }
                        return true;
                }
                function checkStep3()
                {
                        var traffic=$('#traffic').val();
                        if (traffic==0)
                        {
                                window.alert("Bitte einen Traffic größer als 0 eingeben, sonst macht das ganze keinen Sinn!");
                                $('#traffic').focus();
                                return false;
                        }
                        return true;
                }
                function checkStep4()
                {
                        var svn=$('.svn').fieldValue();
                        var copper=$('.copper').fieldValue();
                        var forum=$('.forum').fieldValue();
                        if (forum==1 || forum==2 || copper==1)
                        {
                                var admin_name=document.order.admin_name.value;
                                var admin_pw=document.order.admin_pw.value;
                                var admin_pw_conf=document.order.admin_pw_conf.value;
                                if (admin_name=="")
                                {
                                        window.alert("Bitte einen Admin Namen festlegen!");
                                        document.order.admin_name.focus();
                                        return false;
                                }
                                if (admin_name.length<5)
                                {
                                        window.alert("Der Admin Name muß mindestens 5 Zeichen lang sein!");
                                        document.order.admin_name.focus();
                                        return false;
                                }
                                if (admin_pw=="")
                                {
                                        window.alert("Bitte ein Admin Passwort festlegen!");
                                        document.order.admin_pw.focus();
                                        return false;
                                }
                                if (admin_pw.length<5)
                                {
                                        window.alert("Das Admin Passwort muß mindestens 5 Zeichen lang sein!");
                                        document.order.admin_pw.focus();
                                        return false;
                                }
                                if (admin_pw!=admin_pw_conf)
                                {
                                        window.alert("Die Admin Passwörter stimmen nicht überein!");
                                        document.order.admin_pw.focus();
                                        return false;
                                }
                        }
                        if (svn==1)
                        {
                                var repo_name=document.order.repo.value;
                                var svn_user=document.order.svn_user.value;
                                if (repo_name=="")
                                {
                                        window.alert("Bitte einen Repository Namen festlegen!");
                                        document.order.repo.focus();
                                        return false;
                                }
                                if (repo_name.length<3)
                                {
                                        window.alert("Der Name für das Repository muß mindestens 3 Zeichen lang sein!");
                                        document.order.repo.focus();
                                        return false;
                                }
                                if (svn_user=="")
                                {
                                        window.alert("Ohne User-/Passwortkombination könntest Du nicht in das Repository schreiben!");
                                        document.order.svn_user.focus();
                                        return false;
                                }
                        }
                        return true;
                }
                function toggle_webmail()
                {
                        email_type=$(".email_type").fieldValue();
                        if(email_type==1)
                        {
                                $("#webmail").show();
                                $("#weiterleitung").hide();
                        }
                        else
                        {
                                $("#webmail").hide();
                                $("#weiterleitung").show();
                        }
                }
                function toggle_sw()
                {
                        forum=$(".forum").fieldValue();
                        copper=$(".copper").fieldValue();
                        svn=$(".svn").fieldValue();
                        if(forum > 0 || copper == 1 || svn == 1)
                        {
                                $("#no_sw").hide();
                        }
                        else
                        {
                                $("#no_sw").show();
                        }
                        if(forum > 0 ||copper == 1)
                        {
                                $("#admin_name").show();
                                $("#admin_pw").show();
                                $("#admin_pw_conf").show();
                        }
                        else
                        {
                                $("#admin_name").hide();
                                $("#admin_pw").hide();
                                $("#admin_pw_conf").hide();
                        }
                        if(svn == 1)
                        {
                                $("#svn_repo").show();
                                $("#svn_users").show();
                        }
                        else
                        {
                                $("#svn_repo").hide();
                                $("#svn_users").hide();
                        }
                }
                $(function() {
                        tabs=$("#tabs").tabs({
                                select: function(event, ui) {
                                        var isValid = checkStep(); // form validation returning true or false
                                        return isValid;
                                },
                                disabled: [1,2,3,4,5]
                                //$("#step-2").click(checkStep1);
                        });
                        $("#b2").click(function() {tabs.tabs("enable",1);tabs.tabs("select",1);});
                        $("#b3").click(function() {tabs.tabs("enable",2);tabs.tabs("select",2);});
                        $("#b4").click(function() {tabs.tabs("enable",3);tabs.tabs("select",3);});
                        $("#b5").click(function() {tabs.tabs("enable",4);tabs.tabs("select",4);});
                        $("#b6").click(function() {tabs.tabs("enable",5);tabs.tabs("select",5);});
                        $(".email_type").change(toggle_webmail);
                        $(".forum").change(toggle_sw);
                        $(".copper").change(toggle_sw);
                        $(".svn").change(toggle_sw);
//                      $("#domain").change(checkStep1);
                        toggle_sw();
                        toggle_webmail();
                        $("#webmail").hide();
                        $("#weiterleitung").hide();
                });
        </script>
{/literal}
<div class="error">{$meld}</div><div class="error_upd">{$db_meld}</div>
<form name="order" action="{$SCRIPTNAME}" method="post">
        <DIV id="tabs" style="width:620px !important">
                <UL>
                        <LI><A href="#step1">allgemeine Daten</A></LI>
                        <LI><A href="#step2">E-Mails</A></LI>
                        <LI><A href="#step3">Traffic</A></LI>
                        <LI><A href="#step4">Software</A></LI>
                        <LI><A href="#step5">Zugänge</A></LI>
                        <LI><A href="#step6">Bestellung aufgeben</A></LI>
                </UL>
                <div id="step1">
                        <table class="bodyline">
                                <tr>
                                        <th>Eigenschaft</th>
                                        <th>Wert</th>
                                </tr>
                                <tr>
                                        <td>Nachname</td>
                                        <td><input type="text" name="name" value="{$name}" id="name"></td>
                                </tr>
                                <tr>
                                        <td>Vorname</td>
                                        <td><input type="text" name="firstname" value="{$vname}" id="firstname"></td>
                                </tr>
                                <tr>
                                        <td>E-Mail Adresse (für Kontakt)</td>
                                        <td><input type="text" name="email" value="{$email}" id="email"></td>
                                </tr>
                                <tr>
                                        <td>E-Mail Adresse bestätigen</td>
                                        <td><input type="text" name="email_conf" value="{$email}" id="email_conf"></td>
                                </tr>
                                <tr>
                                        <td>Domain <b>(OHNE www!)</b></td>
                                        <td><input type="text" name="domain" value="{$domain}" id="domain"></td>
                                </tr>
                                <tr>
                                        <td class="catBottom" colspan="2"><input type="button" value="Schritt 2" id="b2"></td>
                                </tr>
                        </table>
                </div>
                <div id="step2">
                        <table class="bodyline">
                                <tr>
                                        <th>Eigenschaft</th>
                                        <th>Wert</th>
                                </tr>
                                <tr>
                                        <td>E-Mail Adressen (1 pro Zeile)</td>
                                        <td>
                                                <table border=0>
                                                        <tr>
                                                                <td><input type="text" name="email1" value="{$email1}" size="30" id="email1"></td>
                                                                <td>@<span class="domain">{$domain}</span></td>
                                                        </tr>
                                                        <tr>
                                                                <td><input type="text" name="email2" value="{$email2}" size="30" id="email2"></td>
                                                                <td>@<span class="domain">{$domain}</span></td>
                                                        </tr>
                                                        <tr>
                                                                <td><input type="text" name="email3" value="{$email3}" size="30" id="email3"></td>
                                                                <td>@<span class="domain">{$domain}</span></td>
                                                        </tr>
                                                        <tr>
                                                                <td><input type="text" name="email4" value="{$email4}" size="30" id="email4"></td>
                                                                <td>@<span class="domain">{$domain}</span></td>
                                                        </tr>
                                                        <tr>
                                                                <td><input type="text" name="email5" value="{$email5}" size="30" id="email5"></td>
                                                                <td>@<span class="domain">{$domain}</span></td>
                                                        </tr>
                                                        <tr>
                                                                <td><input type="text" name="email6" value="{$email6}" size="30" id="email6"></td>
                                                                <td>@<span class="domain">{$domain}</span></td>
                                                        </tr>
                                                        <tr>
                                                                <td><input type="text" name="email7" value="{$email7}" size="30" id="email7"></td>
                                                                <td>@<span class="domain">{$domain}</span></td>
                                                        </tr>
                                                        <tr>
                                                                <td><input type="text" name="email8" value="{$email8}" size="30" id="email8"></td>
                                                                <td>@<span class="domain">{$domain}</span></td>
                                                        </tr>
                                                        <tr>
                                                                <td><input type="text" name="email9" value="{$email9}" size="30" id="email9"></td>
                                                                <td>@<span class="domain">{$domain}</span></td>
                                                        </tr>
                                                        <tr>
                                                                <td><input type="text" name="email10" value="{$email10}" size="30" id="email10"></td>
                                                                <td>@<span class="domain">{$domain}</span></td>
                                                        </tr>
                                                </table>
                                        </td>
                                </tr>
                                <tr>
                                        <td>Typ der gewünschten E-Mail Adressen</td>
                                        <td>{html_radios values=$val1 output=$out1 name="email_type" checked=$email_type class="email_type"}</td>
                                </tr>
                                <tr id="webmail">
                                        <td>Webmail Interface</td>
                                        <td>{html_radios values=$webm_val output=$webm_out name="webmail" checked=$webmail}</td>
                                </tr>
                                <tr id="weiterleitung">
                                        <td>Ziel Adressen (bei Weiterleitung;1 pro Zeile)</td>
                                        <td><textarea cols="60" rows="10" name="targets">{$targets}</textarea></td>
                                </tr>
                                <tr>
                                        <td class="catBottom" colspan="2"><input type="button" value="Schritt 3" id="b3"></td>
                                </tr>
                        </table>
                </div>
                <div id="step3">
                        <table>
                                <tr>
                                        <th>Eigenschaft</th>
                                        <th>Wert</th>
                                        <th>Einheit</th>
                                </tr>
                                <tr>
                                        <td>Traffic / Monat (dient nur zur Info; geschätzter Wert genügt)</td>
                                        <td><input type="text" name="traffic" value="{$traffic|default:10}" maxlength="3" size="3" id="traffic"></td>
                                        <td>GB</td>
                                </tr>
                                <tr>
                                        <td colspan=3 class="catBottom"><input type="button" value="Schritt 4" id="b4"></td>
                                </tr>
                        </table>
                </div>
                <div id="step4">
                        <table>
                                <tr>
                                        <th>Eigenschaft</th>
                                        <th>Wert</th>
                                </tr>
                                <tr>
                                        <td>Betriebssystem</td>
                                        <td>{html_radios values=$os_val output=$os_out name="os" checked=$os}</td>
                                </tr>
                                <tr>
                                        <td>Forum?</td>
                                        <td>{html_radios values=$f_val output=$f_out name="forum" checked=$forum class="forum"}</td>
                                </tr>
                                <tr>
                                        <td>Coppermine Fotogalerie?</td>
                                        <td>{html_radios values=$y_n_val output=$y_n_out name="copper" checked=$copper class="copper"}</td>
                                </tr>
                                <tr>
                                        <td>Subversion Repository?</td>
                                        <td>{html_radios values=$y_n_val output=$y_n_out name="svn" checked=$svn class="svn"}</td>
                                </tr>
                                <tr>
                                        <td class="catBottom" colspan="2"><input type="button" value="Schritt 5" id="b5"></td>
                                </tr>
                        </table>
                </div>
                <div id="step5">
                        <table class="bodyline">
                                <tr>
                                        <th>Eigenschaft</th>
                                        <th>Wert</th>
                                        <th>Bemerkungen</th>
                                </tr>
                                <tr id="admin_name">
                                        <td>Forum/Coppermin Admin Name</td>
                                        <td><input type="text" name="admin_name" value="{$admin_name}" maxlength=32 size=36></td>
                                        <td>min. 5; max. 20 Zeichen</td>
                                </tr>
                                <tr id="admin_pw">
                                        <td>Admin Passwort</td>
                                        <td><input type="password" name="admin_pw" value="{$admin_pw}" maxlength=32 size=36></td>
                                        <td>min. 5; max. 32 Zeichen</td>
                                </tr>
                                <tr id="admin_pw_conf">
                                        <td>Admin Passwort bestätigen</td>
                                        <td><input type="password" name="admin_pw_conf" value="" maxlength=32 size=36></td>
                                        <td>min. 5; max. 32 Zeichen</td>
                                </tr>
                                <tr id="svn_repo">
                                        <td>Suversion Repository Name</td>
                                        <td><input type="text" name="repo" value="{$repo}" maxlength=11 size=11></td>
                                        <td>min. 3; max. 11 Zeichen</td>
                                </tr>
                                <tr id="svn_users">
                                        <td>Subversion Benutzer-/Passwort Kombitnationen (1 pro Zeile)</td>
                                        <td><textarea name="svn_user" rows=10 cols=50>{$svn_user}</textarea></td>
                                        <td>Format: &lt;Username&gt; = &lt;Passwort&gt;</td>
                                </tr>
                                <tr id="no_sw">
                                        <td colspan=3><div class="error">Du hast keine Software ausgewählt. Daher gibt es nichts zu konfigurieren.</div></td>
                                </tr>
                                <tr>
                                        <td class="catBottom" colspan="3"><input type="button" value="Schritt 6" id="b6"></td>
                                </tr>
                        </table>
                </div>
                <div id="step6">
                        <table class="bodyline">
                                <tr>
                                        <th>Eigenschaft</th>
                                        <th>Wert</th>
                                </tr>
                                <tr>
                                        <td>Nachname</td>
                                        <td><span class="name"></span></td>
                                </tr>
                                <tr>
                                        <td>Vorname</td>
                                        <td><span class="firstname"></span></td>
                                </tr>
                                <tr>
                                        <td>E-Mail Adresse (für Kontakt)</td>
                                        <td><span class="email"></span></td>
                                </tr>
                                <tr>
                                        <td>Domain <b>(OHNE www!)</b></td>
                                        <td><span class="domain"></span></td>
                                </tr>
                                <tr>
                                        <td valign="top">Anzahl E-Mail Adressen</td>
                                        <td>{$emails|count_paragraphs}</td>
                                </tr>
                                <tr>
                                        <td valign="top">E-Mail Adressen (1 pro Zeile)</td>
                                        <td>
                                                <span id="email1_out"></span>@<span class="domain"</span><br>
                                                <span id="email2_out"></span>@<span class="domain"</span><br>
                                                <span id="email3_out"></span>@<span class="domain"</span><br>
                                                <span id="email4_out"></span>@<span class="domain"</span><br>
                                                <span id="email5_out"></span>@<span class="domain"</span><br>
                                                <span id="email6_out"></span>@<span class="domain"</span><br>
                                                <span id="email7_out"></span>@<span class="domain"</span><br>
                                                <span id="email8_out"></span>@<span class="domain"</span><br>
                                                <span id="email9_out"></span>@<span class="domain"</span><br>
                                                <span id="email10_out"></span>@<span class="domain"</span><br>
                                        </td>
                                </tr>
                                <tr>
                                        <td>Typ der gewünschten E-Mail Adressen</td>
                                        <td>{if $email_type}POP3/IMAP{else}Weiterleitung{/if}</td>
                                </tr>
                                <tr>
                                        <td valign="top">Ziel Adressen (bei Weiterleitung;1 pro Zeile)</td>
                                        <td>{if $email_type==0}{$targets|nl2br}{else}Nicht nötig{/if}</td>
                                </tr>
                                <tr>
                                        <td>Traffic / Monat (dient nur zur Info; geschätzter Wert genügt)</td>
                                        <td><span id="traffic_out"></span> GB</td>
                                </tr>
                                <tr>
                                        <td>gewünschtes Betriebssystem</td>
                                        <td>{if $os==1}Gentoo{elseif $os==2}Debian{else}keines{/if}
                                </tr>
                                <tr>
                                        <td>Webmail Interface</td>
                                        <td>{if $webmail==1}V-Webmail{elseif $webmail==2}Squirrelmail{else}keines{/if}
                                </tr>
                                <tr>
                                        <td>Forum?</td>
                                        <td>{if $forum==1}phpBB{elseif $forum==2}SMF{else}{/if}</td>
                                </tr>
                                <tr>
                                        <td>Coppermine Fotogalerie?</td>
                                        <td>{if $copper}Ja{else}Nein{/if}</td>
                                </tr>
                                <tr>
                                        <td>Subversion Repository?</td>
                                        <td>{if $svn}Ja{else}Nein{/if}</td>
                                </tr>
                                {if $forum || $copper || $svn}
                                {if $forum || $copper}
                                <tr>
                                        <td>Forum/Coppermin Admin Name</td>
                                        <td>{$admin_name}</td>
                                </tr>
                                <tr>
                                        <td>Admin Passwort</td>
                                        <td>{$admin_pw}</td>
                                </tr>
                                {/if}
                                {if $svn}
                                <tr>
                                        <td>Suversion Repository Name</td>
                                        <td>{$repo}</td>
                                </tr>
                                <tr>
                                        <td valign="top">Subversion Benutzer-/Passwort Kombitnationen (1 pro Zeile)</td>
                                        <td>{$svn_user|nl2br}</td>
                                </tr>
                                {/if}
                                {else}
                                        <tr>
                                                <td colspan=3><div class="error">Du hast keine Software ausgewählt. Daher gibt es nichts zu konfigurieren.</div></td>
                                        </tr>
                                {/if}
                                <tr>
                                        <td class="catBottom" colspan="2"><input type="submit" value="Bestellen"></td>
                                </tr>
                        </table>
                </div>
        </div>
</form>