Subversion-Projekte lars-tiefland.webhosting

Revision

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

Revision Autor Zeilennr. Zeile
84 lars 1
<!-- $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) $ -->
2
{literal}
3
	<SCRIPT type="text/javascript">
92 lars 4
		function checkStep()
84 lars 5
		{
87 lars 6
			var $tabs = $('#tabs').tabs();
7
			var selected = $tabs.tabs('option', 'selected');
92 lars 8
			var bvalid=true;
87 lars 9
			switch(selected)
84 lars 10
			{
87 lars 11
				case 0:
92 lars 12
					bvalid=bvalid && checkStep1();
13
					if(!bvalid)
87 lars 14
					{
93 lars 15
						//$tabs.tabs("option","disabled",[1,2,3,4,5]);
16
						$tabs.tabs("disable",1);
87 lars 17
					}
95 lars 18
					else
19
					{
20
						$("#email1").focus();
21
						$(".name").html($('#name').val());
22
						$(".firstname").html($('#firstname').val());
23
						$(".email").html($('#email').val());
24
						$(".domain").html($('#domain').val());
25
					}
87 lars 26
				break;
27
				case 1:
92 lars 28
					bvalid=bvalid && checkStep2();
93 lars 29
					if(!bvalid)
30
					{
31
						$tabs.tabs("disable",2);
32
					}
95 lars 33
					else
34
					{
35
						$('#email1_out').html($('#email1').val());
36
						alert($('#email2').val());
37
						$('#email2_out').html($('#email2').val());
38
						alert($('#email1_out').html());
39
						$('#email3_out').html($('#email3').val());
40
						$('#email4_out').html($('#email4').val());
41
						$('#email5_out').html($('#email5').val());
42
						$('#email6_out').html($('#email6').val());
43
						$('#email7_out').html($('#email7').val());
44
						$('#email8_out').html($('#email8').val());
45
						$('#email9_out').html($('#email9').val());
46
						$('#email10_out').html($('#email10').val());
47
					}
87 lars 48
				break;
49
				case 2:
93 lars 50
					bvalid=bvalid && checkStep3();
51
					if(!bvalid)
87 lars 52
					{
93 lars 53
						$tabs.tabs("disable",3);
87 lars 54
					}
95 lars 55
					else
56
					{
57
						$('#traffic_out').html($('#traffic').val());
58
					}
87 lars 59
				break;
92 lars 60
				case 4:
61
					bvalid=bvalid && checkStep4();
93 lars 62
					if(!bvalid)
63
					{
64
						$tabs.tabs("disable",5);
65
					}
92 lars 66
				break;
84 lars 67
			}
92 lars 68
			return bvalid;
84 lars 69
		}
92 lars 70
		function checkStep1()
71
		{
95 lars 72
			var name=$('#name').val();
73
			var vname=$('#firstname').val();
74
			var email=$('#email').val();
75
			var email_conf=$('#email_conf').val();
76
			var domain=$('#domain').val();
92 lars 77
			if (name=="")
78
			{
79
				window.alert("Bitte Nachnamen eingeben!");
95 lars 80
				$('#name').focus();
92 lars 81
				return false;
82
			}
83
			if (vname=="")
84
			{
85
				window.alert("Bitte Vornamen eingeben!");
95 lars 86
				$('#firstname').focus();
92 lars 87
				return false;
88
			}
89
			if (email=="")
90
			{
91
				window.alert("Bitte E-Mail Adresse eingeben!");
95 lars 92
				$('#email').focus();
92 lars 93
				return false;
94
			}
95
			if (email!=email_conf)
96
			{
97
				window.alert("Die E-Mail Adressen stimmen nicht überein!");
95 lars 98
				$('#email').focus();
92 lars 99
				return false;
100
			}
101
			if (domain=="")
102
			{
103
				window.alert("Bitte eine Domain eingeben!");
95 lars 104
				$('#domain').focus();
92 lars 105
				return false;
106
			}
107
			return true;
108
		}
109
		function checkStep2()
110
		{
111
			var email1=document.order.email1.value;
112
			var alias=document.order.email_type[0].checked;
113
			var pop3=document.order.email_type[1].checked;
114
			var targets=document.order.targets.value;
115
			if (email1=="")
116
			{
117
				window.alert("Bitte mindestens eine E-Mail Adresse eingeben!");
118
				document.order.email1.focus();
119
				return false;
120
			}
121
			if (!alias && !pop3)
122
			{
123
				window.alert("Bitte den Typ der E-Mail Adressen angeben!");
124
				return false;
125
			}
126
			if (alias && targets=="")
127
			{
128
				window.alert("Bitte mindestens eine E-Mail Adresse als Ziel angeben!");
129
				document.order.targets.focus();
130
				return false;
131
			}
132
			if (pop3 && targets !="")
133
			{
134
				window.alert("Bitte wähle entweder \"Weiterleitung\" aus oder lösche die Zieladressen, da sie bei \"POP3/IMAP\" nicht benötigt werden!");
135
				document.order.targets.focus();
136
				return false;
137
			}
138
			return true;
139
		}
140
		function checkStep3()
141
		{
95 lars 142
			var traffic=$('#traffic').val();
92 lars 143
			if (traffic==0)
144
			{
145
				window.alert("Bitte einen Traffic größer als 0 eingeben, sonst macht das ganze keinen Sinn!");
95 lars 146
				$('#traffic').focus();
92 lars 147
				return false;
148
			}
149
			return true;
150
		}
151
		function checkStep4()
152
		{
93 lars 153
			var svn=$('.svn').fieldValue();
154
			var copper=$('.copper').fieldValue();
155
			var forum=$('.forum').fieldValue();
92 lars 156
			if (forum==1 || forum==2 || copper==1)
157
			{
158
				var admin_name=document.order.admin_name.value;
159
				var admin_pw=document.order.admin_pw.value;
160
				var admin_pw_conf=document.order.admin_pw_conf.value;
161
				if (admin_name=="")
162
				{
163
					window.alert("Bitte einen Admin Namen festlegen!");
164
					document.order.admin_name.focus();
165
					return false;
166
				}
167
				if (admin_name.length<5)
168
				{
169
					window.alert("Der Admin Name muß mindestens 5 Zeichen lang sein!");
170
					document.order.admin_name.focus();
171
					return false;
172
				}
173
				if (admin_pw=="")
174
				{
175
					window.alert("Bitte ein Admin Passwort festlegen!");
176
					document.order.admin_pw.focus();
177
					return false;
178
				}
179
				if (admin_pw.length<5)
180
				{
181
					window.alert("Das Admin Passwort muß mindestens 5 Zeichen lang sein!");
182
					document.order.admin_pw.focus();
183
					return false;
184
				}
185
				if (admin_pw!=admin_pw_conf)
186
				{
187
					window.alert("Die Admin Passwörter stimmen nicht überein!");
188
					document.order.admin_pw.focus();
189
					return false;
190
				}
191
			}
192
			if (svn==1)
193
			{
194
				var repo_name=document.order.repo.value;
195
				var svn_user=document.order.svn_user.value;
196
				if (repo_name=="")
197
				{
198
					window.alert("Bitte einen Repository Namen festlegen!");
199
					document.order.repo.focus();
200
					return false;
201
				}
202
				if (repo_name.length<3)
203
				{
204
					window.alert("Der Name für das Repository muß mindestens 3 Zeichen lang sein!");
205
					document.order.repo.focus();
206
					return false;
207
				}
208
				if (svn_user=="")
209
				{
210
					window.alert("Ohne User-/Passwortkombination könntest Du nicht in das Repository schreiben!");
211
					document.order.svn_user.focus();
212
					return false;
213
				}
214
			}
215
			return true;
216
		}
91 lars 217
		function toggle_webmail()
218
		{
219
			email_type=$(".email_type").fieldValue();
220
			if(email_type==1)
221
			{
93 lars 222
				$("#webmail").show();
223
				$("#weiterleitung").hide();
91 lars 224
			}
225
			else
226
			{
93 lars 227
				$("#webmail").hide();
228
				$("#weiterleitung").show();
91 lars 229
			}
230
		}
231
		function toggle_sw()
232
		{
233
			forum=$(".forum").fieldValue();
234
			copper=$(".copper").fieldValue();
235
			svn=$(".svn").fieldValue();
236
			if(forum > 0 || copper == 1 || svn == 1)
237
			{
238
				$("#no_sw").hide();
239
			}
240
			else
241
			{
242
				$("#no_sw").show();
243
			}
244
			if(forum > 0 ||copper == 1)
245
			{
246
				$("#admin_name").show();
247
				$("#admin_pw").show();
248
				$("#admin_pw_conf").show();
249
			}
250
			else
251
			{
252
				$("#admin_name").hide();
253
				$("#admin_pw").hide();
254
				$("#admin_pw_conf").hide();
255
			}
256
			if(svn == 1)
257
			{
258
				$("#svn_repo").show();
259
				$("#svn_users").show();
260
			}
261
			else
262
			{
263
				$("#svn_repo").hide();
264
				$("#svn_users").hide();
265
			}
266
		}
84 lars 267
		$(function() {
88 lars 268
			tabs=$("#tabs").tabs({
87 lars 269
				select: function(event, ui) {
92 lars 270
				        var isValid = checkStep(); // form validation returning true or false
88 lars 271
					return isValid;
92 lars 272
				},
273
				disabled: [1,2,3,4,5]
274
				//$("#step-2").click(checkStep1);
88 lars 275
			});
92 lars 276
			$("#b2").click(function() {tabs.tabs("enable",1);tabs.tabs("select",1);});
277
			$("#b3").click(function() {tabs.tabs("enable",2);tabs.tabs("select",2);});
278
			$("#b4").click(function() {tabs.tabs("enable",3);tabs.tabs("select",3);});
279
			$("#b5").click(function() {tabs.tabs("enable",4);tabs.tabs("select",4);});
280
			$("#b6").click(function() {tabs.tabs("enable",5);tabs.tabs("select",5);});
91 lars 281
			$(".email_type").change(toggle_webmail);
282
			$(".forum").change(toggle_sw);
283
			$(".copper").change(toggle_sw);
284
			$(".svn").change(toggle_sw);
92 lars 285
//			$("#domain").change(checkStep1);
286
			toggle_sw();
287
			toggle_webmail();
94 lars 288
			$("#webmail").hide();
289
			$("#weiterleitung").hide();
84 lars 290
		});
291
	</script>
292
{/literal}
293
<div class="error">{$meld}</div><div class="error_upd">{$db_meld}</div>
90 lars 294
<form name="order" action="{$SCRIPTNAME}" method="post">
95 lars 295
	<DIV id="tabs" style="width:620px !important">
90 lars 296
		<UL>
297
			<LI><A href="#step1">allgemeine Daten</A></LI>
298
			<LI><A href="#step2">E-Mails</A></LI>
299
			<LI><A href="#step3">Traffic</A></LI>
300
			<LI><A href="#step4">Software</A></LI>
301
			<LI><A href="#step5">Zugänge</A></LI>
302
			<LI><A href="#step6">Bestellung aufgeben</A></LI>
303
		</UL>
304
	        <div id="step1">
305
	        	<table class="bodyline">
306
               			<tr>
307
					<th>Eigenschaft</th>
308
					<th>Wert</th>
89 lars 309
				</tr>
310
				<tr>
90 lars 311
	                		<td>Nachname</td>
95 lars 312
	                		<td><input type="text" name="name" value="{$name}" id="name"></td>
89 lars 313
				</tr>
314
				<tr>
315
					<td>Vorname</td>
95 lars 316
					<td><input type="text" name="firstname" value="{$vname}" id="firstname"></td>
89 lars 317
				</tr>
318
				<tr>
319
					<td>E-Mail Adresse (für Kontakt)</td>
95 lars 320
					<td><input type="text" name="email" value="{$email}" id="email"></td>
89 lars 321
				</tr>
322
				<tr>
323
					<td>E-Mail Adresse bestätigen</td>
95 lars 324
					<td><input type="text" name="email_conf" value="{$email}" id="email_conf"></td>
89 lars 325
				</tr>
326
				<tr>
327
					<td>Domain <b>(OHNE www!)</b></td>
92 lars 328
					<td><input type="text" name="domain" value="{$domain}" id="domain"></td>
89 lars 329
				</tr>
330
				<tr>
331
					<td class="catBottom" colspan="2"><input type="button" value="Schritt 2" id="b2"></td>
332
				</tr>
333
			</table>
334
		</div>
90 lars 335
		<div id="step2">
336
			<table class="bodyline">
337
				<tr>
338
					<th>Eigenschaft</th>
339
					<th>Wert</th>
340
				</tr>
341
				<tr>
342
					<td>E-Mail Adressen (1 pro Zeile)</td>
343
					<td>
344
						<table border=0>
345
							<tr>
95 lars 346
								<td><input type="text" name="email1" value="{$email1}" size="30" id="email1"></td>
91 lars 347
								<td>@<span class="domain">{$domain}</span></td>
90 lars 348
							</tr>
349
							<tr>
95 lars 350
								<td><input type="text" name="email2" value="{$email2}" size="30" id="email2"></td>
91 lars 351
								<td>@<span class="domain">{$domain}</span></td>
90 lars 352
							</tr>
353
							<tr>
95 lars 354
								<td><input type="text" name="email3" value="{$email3}" size="30" id="email3"></td>
91 lars 355
								<td>@<span class="domain">{$domain}</span></td>
90 lars 356
							</tr>
357
							<tr>
95 lars 358
								<td><input type="text" name="email4" value="{$email4}" size="30" id="email4"></td>
91 lars 359
								<td>@<span class="domain">{$domain}</span></td>
90 lars 360
							</tr>
361
							<tr>
95 lars 362
								<td><input type="text" name="email5" value="{$email5}" size="30" id="email5"></td>
91 lars 363
								<td>@<span class="domain">{$domain}</span></td>
90 lars 364
							</tr>
365
							<tr>
95 lars 366
								<td><input type="text" name="email6" value="{$email6}" size="30" id="email6"></td>
91 lars 367
								<td>@<span class="domain">{$domain}</span></td>
90 lars 368
							</tr>
369
							<tr>
95 lars 370
								<td><input type="text" name="email7" value="{$email7}" size="30" id="email7"></td>
91 lars 371
								<td>@<span class="domain">{$domain}</span></td>
90 lars 372
							</tr>
373
							<tr>
95 lars 374
								<td><input type="text" name="email8" value="{$email8}" size="30" id="email8"></td>
91 lars 375
								<td>@<span class="domain">{$domain}</span></td>
90 lars 376
							</tr>
377
							<tr>
95 lars 378
								<td><input type="text" name="email9" value="{$email9}" size="30" id="email9"></td>
91 lars 379
								<td>@<span class="domain">{$domain}</span></td>
90 lars 380
							</tr>
381
							<tr>
95 lars 382
								<td><input type="text" name="email10" value="{$email10}" size="30" id="email10"></td>
91 lars 383
								<td>@<span class="domain">{$domain}</span></td>
90 lars 384
							</tr>
385
						</table>
386
					</td>
387
				</tr>
388
				<tr>
389
					<td>Typ der gewünschten E-Mail Adressen</td>
91 lars 390
					<td>{html_radios values=$val1 output=$out1 name="email_type" checked=$email_type class="email_type"}</td>
90 lars 391
				</tr>
93 lars 392
				<tr id="webmail">
393
					<td>Webmail Interface</td>
394
					<td>{html_radios values=$webm_val output=$webm_out name="webmail" checked=$webmail}</td>
395
				</tr>
396
				<tr id="weiterleitung">
90 lars 397
					<td>Ziel Adressen (bei Weiterleitung;1 pro Zeile)</td>
93 lars 398
					<td><textarea cols="60" rows="10" name="targets">{$targets}</textarea></td>
90 lars 399
				</tr>
400
				<tr>
401
					<td class="catBottom" colspan="2"><input type="button" value="Schritt 3" id="b3"></td>
402
				</tr>
403
			</table>
404
		</div>
405
		<div id="step3">
406
			<table>
407
				<tr>
408
					<th>Eigenschaft</th>
409
					<th>Wert</th>
410
					<th>Einheit</th>
411
				</tr>
412
				<tr>
413
					<td>Traffic / Monat (dient nur zur Info; geschätzter Wert genügt)</td>
95 lars 414
					<td><input type="text" name="traffic" value="{$traffic|default:10}" maxlength="3" size="3" id="traffic"></td>
90 lars 415
					<td>GB</td>
416
				</tr>
417
				<tr>
418
					<td colspan=3 class="catBottom"><input type="button" value="Schritt 4" id="b4"></td>
419
				</tr>
420
			</table>
421
		</div>
422
		<div id="step4">
423
			<table>
424
				<tr>
425
					<th>Eigenschaft</th>
426
					<th>Wert</th>
427
				</tr>
428
				<tr>
429
					<td>Betriebssystem</td>
430
					<td>{html_radios values=$os_val output=$os_out name="os" checked=$os}</td>
431
				</tr>
432
				<tr>
433
					<td>Forum?</td>
91 lars 434
					<td>{html_radios values=$f_val output=$f_out name="forum" checked=$forum class="forum"}</td>
90 lars 435
				</tr>
436
				<tr>
437
					<td>Coppermine Fotogalerie?</td>
91 lars 438
					<td>{html_radios values=$y_n_val output=$y_n_out name="copper" checked=$copper class="copper"}</td>
90 lars 439
				</tr>
440
				<tr>
441
					<td>Subversion Repository?</td>
91 lars 442
					<td>{html_radios values=$y_n_val output=$y_n_out name="svn" checked=$svn class="svn"}</td>
90 lars 443
				</tr>
444
				<tr>
445
					<td class="catBottom" colspan="2"><input type="button" value="Schritt 5" id="b5"></td>
446
				</tr>
447
			</table>
448
		</div>
449
		<div id="step5">
450
			<table class="bodyline">
451
				<tr>
452
					<th>Eigenschaft</th>
453
					<th>Wert</th>
454
					<th>Bemerkungen</th>
455
				</tr>
91 lars 456
				<tr id="admin_name">
90 lars 457
					<td>Forum/Coppermin Admin Name</td>
458
					<td><input type="text" name="admin_name" value="{$admin_name}" maxlength=32 size=36></td>
459
					<td>min. 5; max. 20 Zeichen</td>
460
				</tr>
91 lars 461
				<tr id="admin_pw">
90 lars 462
					<td>Admin Passwort</td>
463
					<td><input type="password" name="admin_pw" value="{$admin_pw}" maxlength=32 size=36></td>
464
					<td>min. 5; max. 32 Zeichen</td>
465
				</tr>
91 lars 466
				<tr id="admin_pw_conf">
90 lars 467
					<td>Admin Passwort bestätigen</td>
468
					<td><input type="password" name="admin_pw_conf" value="" maxlength=32 size=36></td>
469
					<td>min. 5; max. 32 Zeichen</td>
470
				</tr>
91 lars 471
				<tr id="svn_repo">
90 lars 472
					<td>Suversion Repository Name</td>
473
					<td><input type="text" name="repo" value="{$repo}" maxlength=11 size=11></td>
474
					<td>min. 3; max. 11 Zeichen</td>
475
				</tr>
91 lars 476
				<tr id="svn_users">
90 lars 477
					<td>Subversion Benutzer-/Passwort Kombitnationen (1 pro Zeile)</td>
478
					<td><textarea name="svn_user" rows=10 cols=50>{$svn_user}</textarea></td>
479
					<td>Format: &lt;Username&gt; = &lt;Passwort&gt;</td>
480
				</tr>
91 lars 481
				<tr id="no_sw">
482
					<td colspan=3><div class="error">Du hast keine Software ausgewählt. Daher gibt es nichts zu konfigurieren.</div></td>
483
				</tr>
90 lars 484
				<tr>
485
					<td class="catBottom" colspan="3"><input type="button" value="Schritt 6" id="b6"></td>
486
				</tr>
487
			</table>
488
		</div>
489
		<div id="step6">
490
			<table class="bodyline">
491
				<tr>
492
					<th>Eigenschaft</th>
493
					<th>Wert</th>
494
				</tr>
495
				<tr>
496
					<td>Nachname</td>
95 lars 497
					<td><span class="name"></span></td>
90 lars 498
				</tr>
499
				<tr>
500
					<td>Vorname</td>
95 lars 501
					<td><span class="firstname"></span></td>
90 lars 502
				</tr>
503
				<tr>
504
					<td>E-Mail Adresse (für Kontakt)</td>
95 lars 505
					<td><span class="email"></span></td>
90 lars 506
				</tr>
507
				<tr>
508
					<td>Domain <b>(OHNE www!)</b></td>
95 lars 509
					<td><span class="domain"></span></td>
90 lars 510
				</tr>
511
				<tr>
512
					<td valign="top">Anzahl E-Mail Adressen</td>
513
					<td>{$emails|count_paragraphs}</td>
514
				</tr>
515
				<tr>
516
					<td valign="top">E-Mail Adressen (1 pro Zeile)</td>
95 lars 517
					<td>
518
						<span id="email1_out"></span>@<span class="domain"</span><br>
519
						<span id="email2_out"></span>@<span class="domain"</span><br>
520
						<span id="email3_out"></span>@<span class="domain"</span><br>
521
						<span id="email4_out"></span>@<span class="domain"</span><br>
522
						<span id="email5_out"></span>@<span class="domain"</span><br>
523
						<span id="email6_out"></span>@<span class="domain"</span><br>
524
						<span id="email7_out"></span>@<span class="domain"</span><br>
525
						<span id="email8_out"></span>@<span class="domain"</span><br>
526
						<span id="email9_out"></span>@<span class="domain"</span><br>
527
						<span id="email10_out"></span>@<span class="domain"</span><br>
528
					</td>
90 lars 529
				</tr>
530
				<tr>
531
					<td>Typ der gewünschten E-Mail Adressen</td>
532
					<td>{if $email_type}POP3/IMAP{else}Weiterleitung{/if}</td>
533
				</tr>
534
				<tr>
535
					<td valign="top">Ziel Adressen (bei Weiterleitung;1 pro Zeile)</td>
536
					<td>{if $email_type==0}{$targets|nl2br}{else}Nicht nötig{/if}</td>
537
				</tr>
538
				<tr>
539
					<td>Traffic / Monat (dient nur zur Info; geschätzter Wert genügt)</td>
95 lars 540
					<td><span id="traffic_out"></span> GB</td>
90 lars 541
				</tr>
542
				<tr>
543
					<td>gewünschtes Betriebssystem</td>
544
					<td>{if $os==1}Gentoo{elseif $os==2}Debian{else}keines{/if}
545
				</tr>
546
				<tr>
547
					<td>Webmail Interface</td>
548
					<td>{if $webmail==1}V-Webmail{elseif $webmail==2}Squirrelmail{else}keines{/if}
549
				</tr>
550
				<tr>
551
					<td>Forum?</td>
552
					<td>{if $forum==1}phpBB{elseif $forum==2}SMF{else}{/if}</td>
553
				</tr>
554
				<tr>
555
					<td>Coppermine Fotogalerie?</td>
556
					<td>{if $copper}Ja{else}Nein{/if}</td>
557
				</tr>
558
				<tr>
559
					<td>Subversion Repository?</td>
560
					<td>{if $svn}Ja{else}Nein{/if}</td>
561
				</tr>
562
				{if $forum || $copper || $svn}
563
				{if $forum || $copper}
564
				<tr>
565
					<td>Forum/Coppermin Admin Name</td>
566
					<td>{$admin_name}</td>
567
				</tr>
568
				<tr>
569
					<td>Admin Passwort</td>
570
					<td>{$admin_pw}</td>
571
				</tr>
572
				{/if}
573
				{if $svn}
574
				<tr>
575
					<td>Suversion Repository Name</td>
576
					<td>{$repo}</td>
577
				</tr>
578
				<tr>
579
					<td valign="top">Subversion Benutzer-/Passwort Kombitnationen (1 pro Zeile)</td>
580
					<td>{$svn_user|nl2br}</td>
581
				</tr>
582
				{/if}
583
				{else}
84 lars 584
					<tr>
90 lars 585
						<td colspan=3><div class="error">Du hast keine Software ausgewählt. Daher gibt es nichts zu konfigurieren.</div></td>
84 lars 586
					</tr>
90 lars 587
				{/if}
588
				<tr>
589
					<td class="catBottom" colspan="2"><input type="submit" value="Bestellen"></td>
590
				</tr>
591
			</table>
592
		</div>
593
	</div>
84 lars 594
</form>