wmdeit_kaform/ka.php

<!doctype html>
<html >
<head>
	<title>Kostenerstattungsforumlar</title>
	<meta charset="utf-8">
	
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Kube CSS -->
	<link rel="stylesheet" href="css/kube.min.css">
	<link rel="stylesheet" href="addons/kube-addons.min.css" />

	<link rel="stylesheet" href="master.css" />

</head>
<body>
	<div class="page is-container">
	<div class="main-sidebar">
		<img alt="wikimedia logo" src="wmde.png"/>
	</div>      
	<div class="main-content">
    
		<h1>Auslagenersatz</h1>
		<p>Du möchtest dir Kosten erstatten lassen, welche im Rahmen deines
		Projektes entstanden sind?<BR>
		Bitte fülle dieses Formular aus ...
		</p>

		<form data-kube="kaform" name="theform" id="theform" action="submit.php" method="POST">

		<div class="is-row">
		<div class="is-col is-70">
			<fieldset>
				<legend>1. Erfasse deine Stammdaten</legend>
				<div class="is-row">
					<div class="is-col"> 
						<input required type="input"
						size="32" id="nickname" name="nickname"
						placeholder="Nickname*" />
					</div>
					<div class="is-col"> 
						<input required type="input"
						   size="32" id="projectid" name="project"
						   placeholder="Projekt-ID*" />
					</div>
				</div>
				<br>
				<div class="is-row">
					<div class="is-col"> 
						<input required type="input" size="32"
				`		id="realname"	name="realname" placeholder="Dein Realname (Vorname Nachname)*" />
					</div>
					<div class="is-col"> 
						<input required type="input" size="32"
				`		id="wmdecontact"	name="wmdecontact" placeholder="Deine Ansprechperson bei Wikimedia*" />
					</div>
				</div>
				<br>


				<div class="is-row">
					<div class="is-col"> 
							<input required type="tel" size="32" 
							id="phone" name="phone"
							placeholder="Deine Telefonnummer" />
					</div>
					<div class="is-col"> 
					</div>
				</div>
				<br>


				<div class="is-row">
					<div class="is-col"> 
						<input required type="email" size="32" id="email"
							name="email" placeholder="Deine E-Mail-Adresse*" />
					</div>
					<div class="is-col"> 
					</div>
				</div>
				<br>

				<div class="is-row">
					<div class="is-col"> 

					<nav class="tabs" data-kube="tabs" data-equal="false">
					<a href="#bank-eu" class="is-active">Banküberweisung</a>
					<a href="#bank-noneu">Banküberweisung(Non-EU)</a>
					<a href="#bank-paypal">PayPal</a>
					<a href="#bank-bar">Barauszahlung</a>
					</nav>

					<section id="bank-eu">
						<div class="is-row">
						<div class="is-col">
						<input type="input" size="32" name="Owner" placeholder="Kontoinhaber" />
						</div>
						<div class="is-col">
						</div>
						</div>
						<br>

						<div class="is-row">
						<div class="is-col">
			<input type="input" size="32" id="iban" name="iban" placeholder="IBAN*" />


						</div>
						<div class="is-col">
			<input type="input" size="32" id="bic" name="bic" placeholder="BIC*" />
						</div>
						</div>
						<br>
			<input type="input" size="32" id="purpose" name="purpose" placeholder="Verwendungszweck" />

					</section>


					<section id="bank-noneu">
						<div class="is-row">
						<div class="is-col">
						<input type="input" size="32" name="Owner" placeholder="Kontoinhaber" />
						</div>
						<div class="is-col">
						</div>
						</div>
						<br>

						<div class="is-row">
						<div class="is-col">
			<input type="input" size="32" id="n_iban" name="n_iban" placeholder="Kontonummer*" />


						</div>
						<div class="is-col">
			<input type="input" size="32" id="n_bic" name="n_bic" placeholder="BIC/SWIFT*" />
						</div>
						</div>
						<br>
			<input class="EU nonEU" type="input" size="32" id="n_bank" name="n_bankname" placeholder="Name der Bank*" />
						<br>

			<textarea  class="nonEU" name="n_bankaddress" id="n_bankaddress" style="resize:both;" cols="32" rows="4" placeholder="Adresse der Bank (Strasse und Hausnummer/Postleitzahl/Land)"></textarea>
			<br>
			<textarea name="n_address" lang="de" class="nonEU" id="n_address" style="resize:both;" cols="32" rows="4" placeholder="Deine Anschrift (Srtasse und Hausnummer/Postleitzahl/Land)
"></textarea>
			<br>


			<input type="input" size="32" id="n_purpose" name="n_purpose" placeholder="Verwendungszweck" />


					</section>
					<section id="bank-paypal">
						<input name="paypal" type="input" size="32"
						       id="paypal" placeholder="Dein PayPal Account (paypal@example.com)" />
	

					</section>
					<section id="bank-bar">
					</section>


					</div> <!-- i-col -->
				</div> <!-- is-row -->

			</fieldset>

		</div>
		<div class="is-col ">
			<?php include "h1.php"; ?>
		</div>
		</div> <!-- is row -->

		<br>

		<div class="is-row">
		<div class="is-col is-70">
			<fieldset id="fieldset2">
				<legend>2. Erfasse deine Ausgaben</legend>


				<div class="is-row">
					<div class="is-col is-70">
						<div class="is-row">
							<div class="is-col is-60">
								<input id="a_type" type="text" name="type" placeholder="Auslagenart*"/> 
							</div>
							<div class="is-col is-40">
								<input id="a_date" type="date" name="type" placeholder="Datum*"/> 
							</div>
						</div>
						<br>
						<input id="a_description" type="text" name="description" placeholder="Beschreibung*"/> 
						<br>

						<div class="is-row">
							<div class="is-col">
								<input id="a_amount" type="text" name="amount" placeholder="Betrag*"/> 
							</div>
							<div class="is-col">
								<input id="a_currency" type="text" name="curreny" placeholder="Waehrung*"/> 
							</div>
							<div class="is-col">
								<button type="button" onclick="addTableRow();" 
									class="button is-green">Ausgabe hinzuf&uuml;gen</button>
							</div>
						</div>							

					</div>
					<div  class="is-col is-30">
						<div id="uploadfield" class="form-item">
						</div>
					</div>
				</div>	
				<br>
				<table id="tabtab" class="is-bordered is-striped">
				<thead>
				<tr>
					<th>Auslagenart</th>
					<th>Datum</th>
					<th>Beschreibung</th>
					<th>Betrag</th>
					<th>W&auml;hrung</th>
					<th>L&ouml;schen</th>
				</tr>
				</thead>
				<tbody id="tabbody">
				</tbody>
	    
				</table>
			</fieldset>
		</div>
		<div class="is-col">
			hilfe 2
		</div>
			
		</div>
		<button onclick="addTableRow();"
			class="button is-green">Antrag elektronisch versenden</button>

		<button type="button" onclick="downloadDocument();"
			class="button is-orange">Herunterladen</button>
	
		</div>
	</div>
	<input type="hidden" id="banktype" name="banktype"/>  
  
	<!--		<input type="submit" style="display:none" name="submitButton" />  -->
	</form>
	

	<!-- Kube JS (optional if you are using Kube CSS only) -->
	<script src="js/kube.min.js"></script>
	<script src="addons/upload/kube.upload.min.js"></script>
	<script src="addons/kube-addons.min.js"></script>
	<script src="kaform.js"></script>
	<script src="iban.js/iban.js"></script>

      </div>
    </div>    
  </body>
</html>
Inital commit 2020-02-20 13:45:47 +00:00			`<!doctype html>`
			`<html >`
Some reformatting and removal of english text 2020-02-21 10:00:29 +00:00			`<head>`
			`<title>Kostenerstattungsforumlar</title>`
			`<meta charset="utf-8">`

			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Inital commit 2020-02-20 13:45:47 +00:00
Some reformatting and removal of english text 2020-02-21 10:00:29 +00:00			`<!-- Kube CSS -->`
			`<link rel="stylesheet" href="css/kube.min.css">`
			`<link rel="stylesheet" href="addons/kube-addons.min.css" />`
Inital commit 2020-02-20 13:45:47 +00:00
Some reformatting and removal of english text 2020-02-21 10:00:29 +00:00			`<link rel="stylesheet" href="master.css" />`
Inital commit 2020-02-20 13:45:47 +00:00
Some reformatting and removal of english text 2020-02-21 10:00:29 +00:00			`</head>`
			`<body>`
			`<div class="page is-container">`
buttons are not submitting anymore 2020-02-24 21:14:15 +00:00			`<div class="main-sidebar">`
			`<img alt="wikimedia logo" src="wmde.png"/>`
			`</div>`
Submit button and add row button in blue 2020-02-21 14:12:57 +00:00			`<div class="main-content">`
Inital commit 2020-02-20 13:45:47 +00:00
Work on the tif design 2020-02-24 11:29:33 +00:00			`<h1>Auslagenersatz</h1>`
			`<p>Du möchtest dir Kosten erstatten lassen, welche im Rahmen deines`
			`Projektes entstanden sind?<BR>`
			`Bitte fülle dieses Formular aus ...`
Some reformatting and removal of english text 2020-02-21 10:00:29 +00:00			`</p>`

First part of new input form works 2020-02-24 15:54:42 +00:00			`<form data-kube="kaform" name="theform" id="theform" action="submit.php" method="POST">`
Inital commit 2020-02-20 13:45:47 +00:00
Work on the tif design 2020-02-24 11:29:33 +00:00			`<div class="is-row">`
			`<div class="is-col is-70">`
			`<fieldset>`
Form to add position added 2020-02-24 18:11:13 +00:00			`<legend>1. Erfasse deine Stammdaten</legend>`
Work on the tif design 2020-02-24 11:29:33 +00:00			`<div class="is-row">`
			`<div class="is-col">`
			`<input required type="input"`
			`size="32" id="nickname" name="nickname"`
			`placeholder="Nickname*" />`
			`</div>`
			`<div class="is-col">`
			`<input required type="input"`
Checks fields when download button is pressed and submits the form 2020-02-25 08:53:52 +00:00			`size="32" id="projectid" name="project"`
Work on the tif design 2020-02-24 11:29:33 +00:00			`placeholder="Projekt-ID*" />`
			`</div>`
			`</div>`
			`<br>`
			`<div class="is-row">`
			`<div class="is-col">`
			`<input required type="input" size="32"`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			` id="realname" name="realname" placeholder="Dein Realname (Vorname Nachname)*" />
Work on the tif design 2020-02-24 11:29:33 +00:00			`</div>`
			`<div class="is-col">`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<input required type="input" size="32"`
			` id="wmdecontact" name="wmdecontact" placeholder="Deine Ansprechperson bei Wikimedia*" />
Work on the tif design 2020-02-24 11:29:33 +00:00			`</div>`
			`</div>`
			`<br>`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00

			`<div class="is-row">`
			`<div class="is-col">`
			`<input required type="tel" size="32"`
			`id="phone" name="phone"`
			`placeholder="Deine Telefonnummer" />`
			`</div>`
			`<div class="is-col">`
			`</div>`
			`</div>`
			`<br>`


Work on the tif design 2020-02-24 11:29:33 +00:00			`<div class="is-row">`
			`<div class="is-col">`
			`<input required type="email" size="32" id="email"`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`name="email" placeholder="Deine E-Mail-Adresse*" />`
Work on the tif design 2020-02-24 11:29:33 +00:00			`</div>`
			`<div class="is-col">`
			`</div>`
			`</div>`
			`<br>`
Inital commit 2020-02-20 13:45:47 +00:00
Work on the tif design 2020-02-24 11:29:33 +00:00			`<div class="is-row">`
			`<div class="is-col">`

First part of new input form works 2020-02-24 15:54:42 +00:00			`<nav class="tabs" data-kube="tabs" data-equal="false">`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<a href="#bank-eu" class="is-active">Banküberweisung</a>`
			`<a href="#bank-noneu">Banküberweisung(Non-EU)</a>`
			`<a href="#bank-paypal">PayPal</a>`
			`<a href="#bank-bar">Barauszahlung</a>`
First part of new input form works 2020-02-24 15:54:42 +00:00			`</nav>`

Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<section id="bank-eu">`
First part of new input form works 2020-02-24 15:54:42 +00:00			`<div class="is-row">`
			`<div class="is-col">`
			`<input type="input" size="32" name="Owner" placeholder="Kontoinhaber" />`
			`</div>`
			`<div class="is-col">`
			`</div>`
			`</div>`
			`<br>`

			`<div class="is-row">`
			`<div class="is-col">`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<input type="input" size="32" id="iban" name="iban" placeholder="IBAN*" />`
First part of new input form works 2020-02-24 15:54:42 +00:00

			`</div>`
			`<div class="is-col">`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<input type="input" size="32" id="bic" name="bic" placeholder="BIC*" />`
First part of new input form works 2020-02-24 15:54:42 +00:00			`</div>`
			`</div>`
			`<br>`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<input type="input" size="32" id="purpose" name="purpose" placeholder="Verwendungszweck" />`
First part of new input form works 2020-02-24 15:54:42 +00:00
			`</section>`


Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<section id="bank-noneu">`
First part of new input form works 2020-02-24 15:54:42 +00:00			`<div class="is-row">`
			`<div class="is-col">`
			`<input type="input" size="32" name="Owner" placeholder="Kontoinhaber" />`
			`</div>`
			`<div class="is-col">`
			`</div>`
			`</div>`
			`<br>`

			`<div class="is-row">`
			`<div class="is-col">`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<input type="input" size="32" id="n_iban" name="n_iban" placeholder="Kontonummer*" />`
First part of new input form works 2020-02-24 15:54:42 +00:00

			`</div>`
			`<div class="is-col">`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<input type="input" size="32" id="n_bic" name="n_bic" placeholder="BIC/SWIFT*" />`
First part of new input form works 2020-02-24 15:54:42 +00:00			`</div>`
			`</div>`
			`<br>`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<input class="EU nonEU" type="input" size="32" id="n_bank" name="n_bankname" placeholder="Name der Bank*" />`
First part of new input form works 2020-02-24 15:54:42 +00:00			`<br>`

Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<textarea class="nonEU" name="n_bankaddress" id="n_bankaddress" style="resize:both;" cols="32" rows="4" placeholder="Adresse der Bank (Strasse und Hausnummer/Postleitzahl/Land)"></textarea>`
Work on the tif design 2020-02-24 11:29:33 +00:00			`<br>`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<textarea name="n_address" lang="de" class="nonEU" id="n_address" style="resize:both;" cols="32" rows="4" placeholder="Deine Anschrift (Srtasse und Hausnummer/Postleitzahl/Land)`
First part of new input form works 2020-02-24 15:54:42 +00:00			`"></textarea>`
Work on the tif design 2020-02-24 11:29:33 +00:00			`<br>`



Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<input type="input" size="32" id="n_purpose" name="n_purpose" placeholder="Verwendungszweck" />`
Work on the tif design 2020-02-24 11:29:33 +00:00

First part of new input form works 2020-02-24 15:54:42 +00:00			`</section>`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<section id="bank-paypal">`
			`<input name="paypal" type="input" size="32"`
First part of new input form works 2020-02-24 15:54:42 +00:00			`id="paypal" placeholder="Dein PayPal Account (paypal@example.com)" />`

Work on the tif design 2020-02-24 11:29:33 +00:00
First part of new input form works 2020-02-24 15:54:42 +00:00			`</section>`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<section id="bank-bar">`
First part of new input form works 2020-02-24 15:54:42 +00:00			`</section>`
Work on the tif design 2020-02-24 11:29:33 +00:00


First part of new input form works 2020-02-24 15:54:42 +00:00			`</div> <!-- i-col -->`
Work on the tif design 2020-02-24 11:29:33 +00:00			`</div> <!-- is-row -->`

			`</fieldset>`
Form to add position added 2020-02-24 18:11:13 +00:00
Work on the tif design 2020-02-24 11:29:33 +00:00			`</div>`
			`<div class="is-col ">`
Helptext in h1.php 2020-02-25 11:29:39 +00:00			`<?php include "h1.php"; ?>`
Work on the tif design 2020-02-24 11:29:33 +00:00			`</div>`
			`</div> <!-- is row -->`
Form to add position added 2020-02-24 18:11:13 +00:00
Submit and Download button added 2020-02-24 18:44:22 +00:00			`<br>`
Form to add position added 2020-02-24 18:11:13 +00:00
			`<div class="is-row">`
			`<div class="is-col is-70">`
Adding and deleting table rows works now. Also there is error checing for entered values. 2020-02-25 08:07:29 +00:00			`<fieldset id="fieldset2">`
Form to add position added 2020-02-24 18:11:13 +00:00			`<legend>2. Erfasse deine Ausgaben</legend>`
Adding and deleting table rows works now. Also there is error checing for entered values. 2020-02-25 08:07:29 +00:00

Form to add position added 2020-02-24 18:11:13 +00:00			`<div class="is-row">`
			`<div class="is-col is-70">`
			`<div class="is-row">`
			`<div class="is-col is-60">`
adding elements to the table works. but deletion is still a p[roblem 2020-02-25 00:23:43 +00:00			`<input id="a_type" type="text" name="type" placeholder="Auslagenart*"/>`
Form to add position added 2020-02-24 18:11:13 +00:00			`</div>`
			`<div class="is-col is-40">`
adding elements to the table works. but deletion is still a p[roblem 2020-02-25 00:23:43 +00:00			`<input id="a_date" type="date" name="type" placeholder="Datum*"/>`
Form to add position added 2020-02-24 18:11:13 +00:00			`</div>`
			`</div>`
			`<br>`
adding elements to the table works. but deletion is still a p[roblem 2020-02-25 00:23:43 +00:00			`<input id="a_description" type="text" name="description" placeholder="Beschreibung*"/>`
Form to add position added 2020-02-24 18:11:13 +00:00			`<br>`

			`<div class="is-row">`
			`<div class="is-col">`
adding elements to the table works. but deletion is still a p[roblem 2020-02-25 00:23:43 +00:00			`<input id="a_amount" type="text" name="amount" placeholder="Betrag*"/>`
Form to add position added 2020-02-24 18:11:13 +00:00			`</div>`
			`<div class="is-col">`
adding elements to the table works. but deletion is still a p[roblem 2020-02-25 00:23:43 +00:00			`<input id="a_currency" type="text" name="curreny" placeholder="Waehrung*"/>`
Form to add position added 2020-02-24 18:11:13 +00:00			`</div>`
			`<div class="is-col">`
buttons are not submitting anymore 2020-02-24 21:14:15 +00:00			`<button type="button" onclick="addTableRow();"`
			`class="button is-green">Ausgabe hinzufügen</button>`
Form to add position added 2020-02-24 18:11:13 +00:00			`</div>`
			`</div>`

			`</div>`
adding elements to the table works. but deletion is still a p[roblem 2020-02-25 00:23:43 +00:00			`<div class="is-col is-30">`
			`<div id="uploadfield" class="form-item">`
Form to add position added 2020-02-24 18:11:13 +00:00			`</div>`
			`</div>`
			`</div>`
Submit and Download button added 2020-02-24 18:44:22 +00:00			`<br>`
adding elements to the table works. but deletion is still a p[roblem 2020-02-25 00:23:43 +00:00			`<table id="tabtab" class="is-bordered is-striped">`
Submit and Download button added 2020-02-24 18:44:22 +00:00			`<thead>`
			`<tr>`
			`<th>Auslagenart</th>`
			`<th>Datum</th>`
			`<th>Beschreibung</th>`
			`<th>Betrag</th>`
			`<th>Währung</th>`
			`<th>Löschen</th>`
			`</tr>`
			`</thead>`
			`<tbody id="tabbody">`
			`</tbody>`

			`</table>`
Form to add position added 2020-02-24 18:11:13 +00:00			`</fieldset>`
			`</div>`
			`<div class="is-col">`
			`hilfe 2`
			`</div>`

			`</div>`
Submit and Download button added 2020-02-24 18:44:22 +00:00			`<button onclick="addTableRow();"`
			`class="button is-green">Antrag elektronisch versenden</button>`
Checks fields when download button is pressed and submits the form 2020-02-25 08:53:52 +00:00
			`<button type="button" onclick="downloadDocument();"`
Submit and Download button added 2020-02-24 18:44:22 +00:00			`class="button is-orange">Herunterladen</button>`

Work on the tif design 2020-02-24 11:29:33 +00:00			`</div>`
			`</div>`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<input type="hidden" id="banktype" name="banktype"/>`
First part of new input form works 2020-02-24 15:54:42 +00:00
Checks fields when download button is pressed and submits the form 2020-02-25 08:53:52 +00:00			`<!-- <input type="submit" style="display:none" name="submitButton" /> -->`
Inital commit 2020-02-20 13:45:47 +00:00			`</form>`
Submit button and add row button in blue 2020-02-21 14:12:57 +00:00
Submit and Download button added 2020-02-24 18:44:22 +00:00
Inital commit 2020-02-20 13:45:47 +00:00

			`<!-- Kube JS (optional if you are using Kube CSS only) -->`
			`<script src="js/kube.min.js"></script>`
			`<script src="addons/upload/kube.upload.min.js"></script>`
			`<script src="addons/kube-addons.min.js"></script>`
			`<script src="kaform.js"></script>`
Added stuff to avaluate bank details 2020-02-28 15:04:43 +00:00			`<script src="iban.js/iban.js"></script>`

Inital commit 2020-02-20 13:45:47 +00:00			`</div>`
			`</div>`
			`</body>`
			`</html>`