wmdeit_kaform/ka.php

324 lines
8.6 KiB
PHP
Raw Normal View History

2020-02-20 13:45:47 +00:00
<!doctype html>
<html >
<head>
<title>Kostenerstattungsforumlar</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
2020-02-20 13:45:47 +00:00
<!-- Kube CSS -->
<link rel="stylesheet" href="css/kube.min.css">
<link rel="stylesheet" href="addons/kube-addons.min.css" />
2020-02-20 13:45:47 +00:00
<link rel="stylesheet" href="master.css" />
2020-02-20 13:45:47 +00:00
</head>
<body>
<div class="page is-container">
2020-02-24 21:14:15 +00:00
<div class="main-sidebar">
<img alt="wikimedia logo" src="Wikimedia_Deutschland-Logo.svg"/>
2020-02-24 21:14:15 +00:00
</div>
<div class="main-content">
2020-02-20 13:45:47 +00:00
2020-04-16 05:50:36 +00:00
<h1>Antrag auf Kostenerstattung</h1>
2020-02-24 11:29:33 +00:00
<p>Du möchtest dir Kosten erstatten lassen, welche im Rahmen deines
Projektes entstanden sind?<BR>
2020-04-16 06:09:45 +00:00
Bitte fülle dieses Formular aus.
Pflichtfelder sind mit einem * gekennzeichnet.
</p>
2020-02-24 15:54:42 +00:00
<form data-kube="kaform" name="theform" id="theform" action="submit.php" method="POST">
2020-02-20 13:45:47 +00:00
2020-02-24 11:29:33 +00:00
<div class="is-row">
<div class="is-col is-70">
<fieldset>
2020-02-24 18:11:13 +00:00
<legend>1. Erfasse deine Stammdaten</legend>
2020-02-24 11:29:33 +00:00
<div class="is-row">
<div class="is-col">
<input required type="input"
size="32" id="projectid" name="project"
placeholder="Projekt/Zweck der Reise*" />
</div>
</div>
<!-- <div class="is-row">
2020-02-24 11:29:33 +00:00
<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"
2020-02-24 11:29:33 +00:00
placeholder="Projekt-ID*" />
</div>
</div>
--> <br>
2020-02-24 11:29:33 +00:00
<div class="is-row">
<div class="is-col">
<input required type="input" size="32"
2020-02-28 15:04:43 +00:00
` id="realname" name="realname" placeholder="Dein Realname (Vorname Nachname)*" />
2020-02-24 11:29:33 +00:00
</div>
<div class="is-col">
<input type="input" size="32"
` id="wmdecontact" name="wmdecontact" placeholder="Deine Ansprechperson bei Wikimedia" />
2020-02-24 11:29:33 +00:00
</div>
</div>
<br>
2020-02-28 15:04:43 +00:00
<div class="is-row">
<div class="is-col">
2020-03-09 15:30:26 +00:00
<input type="tel" size="32"
2020-02-28 15:04:43 +00:00
id="phone" name="phone"
placeholder="Deine Telefonnummer" />
</div>
<div class="is-col">
</div>
</div>
<br>
2020-02-24 11:29:33 +00:00
<div class="is-row">
<div class="is-col">
<input required type="email" size="32" id="email"
2020-02-28 15:04:43 +00:00
name="email" placeholder="Deine E-Mail-Adresse*" />
2020-02-24 11:29:33 +00:00
</div>
<div class="is-col">
</div>
</div>
<br>
2020-02-20 13:45:47 +00:00
2020-02-24 11:29:33 +00:00
<div class="is-row">
<div class="is-col">
2020-02-24 15:54:42 +00:00
<nav class="tabs" data-kube="tabs" data-equal="false">
2020-02-28 15:04:43 +00:00
<a href="#bank-eu" class="is-active">Banküberweisung</a>
2020-03-06 09:17:08 +00:00
<a href="#bank-noneu">Banküberweisung (Non-EU)</a>
<!-- <a href="#bank-paypal">PayPal</a>
2020-02-28 15:04:43 +00:00
<a href="#bank-bar">Barauszahlung</a>
2020-03-06 09:17:08 +00:00
--> </nav>
2020-02-24 15:54:42 +00:00
2020-02-28 15:04:43 +00:00
<section id="bank-eu">
2020-02-24 15:54:42 +00:00
<div class="is-row">
<div class="is-col">
2020-03-06 09:17:08 +00:00
<input type="input" size="32" name="Owner" placeholder="Kontoinhabende Person" />
2020-02-24 15:54:42 +00:00
</div>
<div class="is-col">
</div>
</div>
<br>
<div class="is-row">
<div class="is-col">
2020-02-28 15:04:43 +00:00
<input type="input" size="32" id="iban" name="iban" placeholder="IBAN*" />
2020-02-24 15:54:42 +00:00
</div>
<div class="is-col">
2020-04-16 06:09:45 +00:00
<input type="input" size="32" id="bic" name="bic" placeholder="BIC (wenn ausländische Bank)" />
2020-02-24 15:54:42 +00:00
</div>
</div>
<br>
<!-- <input type="input" size="32" id="purpose" name="purpose" placeholder="Verwendungszweck" /> -->
<textarea id="comments" name="comments"
style="resize:both;" cols="32" rows="4" placeholder="Weitere Anmerkungen
2020-03-06 09:17:08 +00:00
z.B. intermediäre Bank,
Grund für abweichende Kontoinhbende Person"></textarea>
2020-02-24 15:54:42 +00:00
</section>
2020-02-28 15:04:43 +00:00
<section id="bank-noneu">
2020-02-24 15:54:42 +00:00
<div class="is-row">
<div class="is-col">
2020-03-06 09:17:08 +00:00
<input type="input" size="32" name="Owner" placeholder="Kontoinhabende Person" />
2020-02-24 15:54:42 +00:00
</div>
<div class="is-col">
</div>
</div>
<br>
<div class="is-row">
<div class="is-col">
2020-02-28 15:04:43 +00:00
<input type="input" size="32" id="n_iban" name="n_iban" placeholder="Kontonummer*" />
2020-02-24 15:54:42 +00:00
</div>
<div class="is-col">
2020-02-28 15:04:43 +00:00
<input type="input" size="32" id="n_bic" name="n_bic" placeholder="BIC/SWIFT*" />
2020-02-24 15:54:42 +00:00
</div>
</div>
<br>
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*" />
2020-02-24 15:54:42 +00:00
<br>
2020-03-06 09:17:08 +00:00
<textarea class="nonEU" name="n_bankaddress" id="n_bankaddress" style="resize:both;" cols="32" rows="4" placeholder="Adresse der Bank (Stra&szlig;e und Hausnummer/Postleitzahl/Land)"></textarea>
2020-02-24 11:29:33 +00:00
<br>
2020-03-06 09:17:08 +00:00
<textarea name="n_address" lang="de" class="nonEU" id="n_address" style="resize:both;" cols="32" rows="4" placeholder="Deine Anschrift (Srta&szlig;e und Hausnummer/Postleitzahl/Land)
2020-02-24 15:54:42 +00:00
"></textarea>
2020-02-24 11:29:33 +00:00
<br>
<!-- <input type="input" size="32" id="n_purpose" name="n_purpose" placeholder="Verwendungszweck" /> -->
<textarea id="n_comments" name="n_comments"
style="resize:both;" cols="32" rows="4" placeholder="Weitere Anmerkungen
2020-03-06 09:17:08 +00:00
z.B. intermediäre Bank,
2020-04-16 06:10:56 +00:00
Grund für abweichende kontoinhabende Person"></textarea>
2020-02-24 11:29:33 +00:00
2020-02-24 15:54:42 +00:00
</section>
2020-03-06 09:17:08 +00:00
<!-- <section id="bank-paypal">
2020-02-28 15:04:43 +00:00
<input name="paypal" type="input" size="32"
2020-02-24 15:54:42 +00:00
id="paypal" placeholder="Dein PayPal Account (paypal@example.com)" />
2020-02-24 11:29:33 +00:00
2020-03-06 09:17:08 +00:00
</section> -->
<!-- <section id="bank-bar">
</section> -->
2020-02-24 11:29:33 +00:00
2020-02-24 15:54:42 +00:00
</div> <!-- i-col -->
2020-02-24 11:29:33 +00:00
</div> <!-- is-row -->
</fieldset>
2020-02-24 18:11:13 +00:00
2020-02-24 11:29:33 +00:00
</div>
<div class="is-col ">
2020-02-25 11:29:39 +00:00
<?php include "h1.php"; ?>
2020-02-24 11:29:33 +00:00
</div>
</div> <!-- is row -->
2020-02-24 18:11:13 +00:00
2020-02-24 18:44:22 +00:00
<br>
2020-02-24 18:11:13 +00:00
<div class="is-row">
<div class="is-col is-70">
<fieldset id="fieldset2">
2020-02-24 18:11:13 +00:00
<legend>2. Erfasse deine Ausgaben</legend>
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">
2020-03-06 12:32:24 +00:00
<input id="a_date" type="date" name="a_date" placeholder="Datum*"/>
<!-- <input id="a_type" type="text" name="type" placeholder="Auslagenart*"/> -->
2020-02-24 18:11:13 +00:00
</div>
<div class="is-col is-40">
</div>
</div>
<br>
<input id="a_description" type="text" name="description" placeholder="Beschreibung*"/>
2020-02-24 18:11:13 +00:00
<br>
<div class="is-row">
<div class="is-col">
<input id="a_amount" type="text" name="amount" placeholder="Betrag*"/>
2020-02-24 18:11:13 +00:00
</div>
<div class="is-col">
2020-09-22 14:01:41 +00:00
<select id="a_currency" name="currency" >
<option value="EUR">EUR</option>
<option value="USD">USD</option>
<option value="CHF">CHF</option>
<option value="XBT">XBT</option>
</select>
<!-- <input id="a_currency" type="text" name="curreny" placeholder="Waehrung*"/> -->
2020-02-24 18:11:13 +00:00
</div>
<div class="is-col">
2020-02-24 21:14:15 +00:00
<button type="button" onclick="addTableRow();"
class="button is-green">Ausgabe hinzuf&uuml;gen</button>
2020-02-24 18:11:13 +00:00
</div>
</div>
</div>
<div class="is-col is-30">
<div id="uploadfield" class="form-item">
2020-02-24 18:11:13 +00:00
</div>
</div>
</div>
2020-02-24 18:44:22 +00:00
<br>
<table id="tabtab" class="is-bordered is-striped">
2020-02-24 18:44:22 +00:00
<thead>
<tr>
<!-- <th>Auslagenart</th>-->
<th>Pos.</th>
2020-02-24 18:44:22 +00:00
<th>Datum</th>
<th>Beschreibung</th>
<th>Betrag</th>
2020-04-16 20:26:25 +00:00
<th>Belege</th>
2020-02-24 18:44:22 +00:00
<th>L&ouml;schen</th>
</tr>
</thead>
<tbody id="tabbody">
</tbody>
</table>
2020-03-06 16:46:15 +00:00
</fieldset>
<br>
<fieldset>
<legend>3. Vorschuss und Sonstiges</legend>
<div class="is-row">
<div class="is-col valign="center"">
Ich habe bereits einen Vorschuss erhalten in
H&ouml;he von:
</div>
<div class="is-col">
<input input name="advance" id="advance" type="text" placeholder="0,00 EUR"/>
2020-03-06 16:46:15 +00:00
</div>
</div>
<br>
<div class="is-row">
<div class="is-col valign="center"">
Ich versichere, dass ich alle Angaben
nach bestem Wissen und Gewissen gemacht habe:
</div>
<div class="is-col">
<input id="agree" type="checkbox" />
</div>
</div>
2020-02-24 18:11:13 +00:00
</fieldset>
</div>
<div class="is-col">
2020-03-06 12:42:42 +00:00
<?php include "h2.php"; ?>
2020-02-24 18:11:13 +00:00
</div>
</div>
2020-04-16 20:26:25 +00:00
<button type="button" onclick="downloadDocument(true);"
2020-04-16 06:01:24 +00:00
class="button is-green">Antrag elektronisch direkt an WMDE schicken</button>
2020-03-09 15:18:28 +00:00
<button type="button" onclick="downloadDocument(false);"
2020-04-16 06:01:24 +00:00
class="button is-orange">Antrag herunterladen und später einreichen</button>
2020-02-24 18:44:22 +00:00
2020-02-24 11:29:33 +00:00
</div>
</div>
2020-02-28 15:04:43 +00:00
<input type="hidden" id="banktype" name="banktype"/>
2020-03-09 15:18:28 +00:00
<input type="hidden" id="sendmail" name="sendmail"/>
2020-02-24 15:54:42 +00:00
<!-- <input type="submit" style="display:none" name="submitButton" /> -->
2020-02-20 13:45:47 +00:00
</form>
2020-02-24 18:44:22 +00:00
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>
2020-02-28 15:04:43 +00:00
<script src="iban.js/iban.js"></script>
2020-02-20 13:45:47 +00:00
</div>
</div>
</body>
</html>