You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

163 lines
6.3 KiB

4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
  1. <!doctype html>
  2. <html >
  3. <head>
  4. <title>Kostenerstattungsforumlar</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- Kube CSS -->
  8. <link rel="stylesheet" href="css/kube.min.css">
  9. <link rel="stylesheet" href="addons/kube-addons.min.css" />
  10. <link rel="stylesheet" href="master.css" />
  11. </head>
  12. <body>
  13. <div class="page is-container">
  14. <div class="main-sidebar">Sidebar</div>
  15. <div class="main-content">
  16. <h1>Antrag auf Kostenerstattung</h1>
  17. <p>Bitte beachte beim Ausfüllen die
  18. <a target="_blank" href="https://www.wikimedia.de/wiki/
  19. Gesch%C3%A4ftsordnung#Reisekostenordnung">
  20. Reisekostenordnung
  21. </a>.
  22. </p>
  23. <h3>Bitte fülle die allgemeinen Daten für die Erstattung aus.</h3>
  24. <form action="submit.php" method="POST">
  25. <fieldset>
  26. <legend>Dein Projekt / Zweck der Reise</legend>
  27. <input required type="input"
  28. size="32" id="projekt" name="project"
  29. placeholder="Projekt xy" />
  30. </fieldset>
  31. <fieldset>
  32. <legend>Deine Ansprechperson bei Wikimedia</legend>
  33. <input required type="input" size="32" id="wmdecontact"
  34. name="wmdecontact" placeholder="John Doe" />
  35. </fieldset>
  36. <fieldset>
  37. <legend>Deine Kontaktdaten</legend>
  38. <label for="realname" >Dein Realname</label>
  39. <input required type="input" size="32"
  40. name="realname" placeholder="Corinna Commonsuser" />
  41. <label for="email">E-Mail-Adresse</label>
  42. <input required type="email" size="32" id="email"
  43. name="email" placeholder="name@example.org" />
  44. <label for="phone" >Telefonnummer</label>
  45. <input required type="tel" size="32" "phone" name="phone"
  46. placeholder="0123-456789" />
  47. </fieldset>
  48. <legend lang="en" >Payout method</legend>
  49. <fieldset id="bankdetails">
  50. <legend>Auszahlungsweg</legend>
  51. <input class="screen" type="radio" id="eu"
  52. name="bank" value="EU" checked>
  53. <label class="screen radio" for="eu">EU-Banküberweisung</label>
  54. <br>
  55. <input class="screen" type="radio"
  56. id="noneu" name="bank" value="Non-EU">
  57. <label class="screen radio" for="noneu">
  58. Non-EU-Banküberweisung</label>
  59. <br>
  60. <input class="screen" type="radio" id="paypal"
  61. name="bank" value="PayPal">
  62. <label class="screen radio" for="paypal">PayPal</label>
  63. <br>
  64. <input class="screen" type="radio" id="bar"
  65. name="bank" value="Bar">
  66. <label class="screen radio" for="bar" lang="de">
  67. Bargeld</label>
  68. <br><br>
  69. <label class="EU nonEU" for="owner" lang="de">Kontoinhaber</label>
  70. <label class="EU nonEU" for="owner" lang="en">
  71. Bank account owner</label>
  72. <input class="EU nonEU" type="input" size="32" id="ownerDe" name="Owner" placeholder="wenn abweichend vom Realnamen" lang="de" /><input class="EU nonEU" type="input" size="32" id="ownerEn" name="Owner" placeholder="if different from full legal name" lang="en" />
  73. <label class="EU nonEU" for="iban" lang="de">IBAN</label><label class="EU nonEU" for="iban" lang="en">Bank account number</label><input class="EU nonEU" type="input" size="32" id="iban" name="IBAN" placeholder="DE0123…" />
  74. <label class="EU nonEU" for="bic">BIC / SWIFT</label><input class="EU nonEU" type="input" size="32" id="bic" name="BIC" placeholder="LBMU…" />
  75. <label class="EU nonEU" for="bank" lang="de">Name der Bank</label><label class="EU nonEU" for="bank" lang="en">Name of bank</label><input class="EU nonEU" type="input" size="32" id="bank" name="Bankname" placeholder="Banky McBankface" />
  76. <label class="nonEU" for="bankaddress" lang="en">Bank address</label><textarea lang="en" class="nonEU" id="bankaddress" style="resize:both;" cols="32" rows="4" placeholder="Street and house number
  77. Postal code and city
  78. Country"></textarea>
  79. <label class="nonEU" for="address" lang="en">Your address</label><textarea lang="en" class="nonEU" id="address" style="resize:both;" cols="32" rows="4" placeholder="Street and house number
  80. Postal code and city
  81. Country"></textarea>
  82. <label class="EU nonEU" for="comments" lang="en">Further comments</label><textarea lang="en" class="EU nonEU" id="comments" style="resize:both;" cols="32" rows="4" placeholder="e.g. intermediary bank,
  83. reasons for differing account owner"></textarea>
  84. <label class="nonEU" for="bankaddress" lang="de">Bankanschrift</label><textarea lang="de" class="nonEU" id="bankaddress" style="resize:both;" cols="32" rows="4" placeholder="Straße und Hausnummer
  85. Postleitzahl und Ort
  86. Land"></textarea>
  87. <label class="nonEU" for="address" lang="de">Deine Anschrift</label><textarea lang="de" class="nonEU" id="address" style="resize:both;" cols="32" rows="4" placeholder="Straße und Hausnummer
  88. Postleitzahl und Ort
  89. Land"></textarea>
  90. <label class="EU nonEU" for="comments" lang="de">Weitere Anmerkungen</label><textarea lang="de" class="EU nonEU" id="comments" style="resize:both;" cols="32" rows="4" placeholder="z.B. intermdiäre Bank,
  91. Grund für abweichende Kontoinhaberin"></textarea>
  92. <label class="paypal" for="accountnumber">
  93. PayPal account</label>
  94. <input class="paypal" type="input" size="32"
  95. id="paypal" placeholder="paypal@example.com" />
  96. </fieldset>
  97. <label>Dein Projekt / Zweck der Reise</label>
  98. <input type="text" name="projekt"/>
  99. <h2>Bitte trage deine einzelnen Kostenpositionen ein.</h2>
  100. <p>
  101. Bitte trage nur eine Ausgabe pro Zeile ein, lege den
  102. Originalbeleg dem Antrag bei und kennzeichne den Beleg
  103. mit der entsprechenden Zeilennummer. Aus der Beschreibung
  104. soll zu ersehen sein, ob es sich um Transport, Dienstleistung,
  105. Materialien, Verpflegung oder ähnliches handelt.
  106. </p>
  107. <table id="tabtab" class="is-bordered">
  108. <thead>
  109. <tr>
  110. <th>Pos.</th>
  111. <th>Beschreibung</th>
  112. <th>Belegdatum</th>
  113. <th>Betrag</th>
  114. <th>Beleg</th>
  115. </tr>
  116. </thead>
  117. <tbody id="tabbody">
  118. </tbody>
  119. </table>
  120. <input type="submit"/>
  121. </form>
  122. <button onclick="addTableRow();"
  123. class="button">Position hinzuf&uuml;gen</button>
  124. <button onclick="submitTable();"
  125. class="button">Absenden</button>
  126. <!-- Kube JS (optional if you are using Kube CSS only) -->
  127. <script src="js/kube.min.js"></script>
  128. <script src="addons/upload/kube.upload.min.js"></script>
  129. <script src="addons/kube-addons.min.js"></script>
  130. <script src="kaform.js"></script>
  131. </div>
  132. </div>
  133. </body>
  134. </html>