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.

286 lines
7.5 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
  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">
  15. <img alt="wikimedia logo" src="wmde.png"/>
  16. </div>
  17. <div class="main-content">
  18. <h1>Auslagenersatz</h1>
  19. <p>Du möchtest dir Kosten erstatten lassen, welche im Rahmen deines
  20. Projektes entstanden sind?<BR>
  21. Bitte fülle dieses Formular aus ...
  22. </p>
  23. <form data-kube="kaform" name="theform" id="theform" action="submit.php" method="POST">
  24. <div class="is-row">
  25. <div class="is-col is-70">
  26. <fieldset>
  27. <legend>1. Erfasse deine Stammdaten</legend>
  28. <div class="is-row">
  29. <div class="is-col">
  30. <input required type="input"
  31. size="32" id="nickname" name="nickname"
  32. placeholder="Nickname*" />
  33. </div>
  34. <div class="is-col">
  35. <input required type="input"
  36. size="32" id="projectid" name="project"
  37. placeholder="Projekt-ID*" />
  38. </div>
  39. </div>
  40. <br>
  41. <div class="is-row">
  42. <div class="is-col">
  43. <input required type="input" size="32"
  44. ` id="realname" name="realname" placeholder="Dein Realname (Vorname Nachname)*" />
  45. </div>
  46. <div class="is-col">
  47. <input required type="input" size="32"
  48. ` id="wmdecontact" name="wmdecontact" placeholder="Deine Ansprechperson bei Wikimedia*" />
  49. </div>
  50. </div>
  51. <br>
  52. <div class="is-row">
  53. <div class="is-col">
  54. <input required type="tel" size="32"
  55. id="phone" name="phone"
  56. placeholder="Deine Telefonnummer" />
  57. </div>
  58. <div class="is-col">
  59. </div>
  60. </div>
  61. <br>
  62. <div class="is-row">
  63. <div class="is-col">
  64. <input required type="email" size="32" id="email"
  65. name="email" placeholder="Deine E-Mail-Adresse*" />
  66. </div>
  67. <div class="is-col">
  68. </div>
  69. </div>
  70. <br>
  71. <div class="is-row">
  72. <div class="is-col">
  73. <nav class="tabs" data-kube="tabs" data-equal="false">
  74. <a href="#bank-eu" class="is-active">Banküberweisung</a>
  75. <a href="#bank-noneu">Banküberweisung(Non-EU)</a>
  76. <a href="#bank-paypal">PayPal</a>
  77. <a href="#bank-bar">Barauszahlung</a>
  78. </nav>
  79. <section id="bank-eu">
  80. <div class="is-row">
  81. <div class="is-col">
  82. <input type="input" size="32" name="Owner" placeholder="Kontoinhaberin" />
  83. </div>
  84. <div class="is-col">
  85. </div>
  86. </div>
  87. <br>
  88. <div class="is-row">
  89. <div class="is-col">
  90. <input type="input" size="32" id="iban" name="iban" placeholder="IBAN*" />
  91. </div>
  92. <div class="is-col">
  93. <input type="input" size="32" id="bic" name="bic" placeholder="BIC*" />
  94. </div>
  95. </div>
  96. <br>
  97. <!-- <input type="input" size="32" id="purpose" name="purpose" placeholder="Verwendungszweck" /> -->
  98. <textarea id="comments" name="comments"
  99. style="resize:both;" cols="32" rows="4" placeholder="Weitere Anmerkungen
  100. z.B. intermdiäre Bank,
  101. Grund für abweichende Kontoinhaberin"></textarea>
  102. </section>
  103. <section id="bank-noneu">
  104. <div class="is-row">
  105. <div class="is-col">
  106. <input type="input" size="32" name="Owner" placeholder="Kontoinhaberin" />
  107. </div>
  108. <div class="is-col">
  109. </div>
  110. </div>
  111. <br>
  112. <div class="is-row">
  113. <div class="is-col">
  114. <input type="input" size="32" id="n_iban" name="n_iban" placeholder="Kontonummer*" />
  115. </div>
  116. <div class="is-col">
  117. <input type="input" size="32" id="n_bic" name="n_bic" placeholder="BIC/SWIFT*" />
  118. </div>
  119. </div>
  120. <br>
  121. <input class="EU nonEU" type="input" size="32" id="n_bank" name="n_bankname" placeholder="Name der Bank*" />
  122. <br>
  123. <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>
  124. <br>
  125. <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)
  126. "></textarea>
  127. <br>
  128. <!-- <input type="input" size="32" id="n_purpose" name="n_purpose" placeholder="Verwendungszweck" /> -->
  129. <textarea id="n_comments" name="n_comments"
  130. style="resize:both;" cols="32" rows="4" placeholder="Weitere Anmerkungen
  131. z.B. intermdiäre Bank,
  132. Grund für abweichende Kontoinhaberin"></textarea>
  133. </section>
  134. <section id="bank-paypal">
  135. <input name="paypal" type="input" size="32"
  136. id="paypal" placeholder="Dein PayPal Account (paypal@example.com)" />
  137. </section>
  138. <section id="bank-bar">
  139. </section>
  140. </div> <!-- i-col -->
  141. </div> <!-- is-row -->
  142. </fieldset>
  143. </div>
  144. <div class="is-col ">
  145. <?php include "h1.php"; ?>
  146. </div>
  147. </div> <!-- is row -->
  148. <br>
  149. <div class="is-row">
  150. <div class="is-col is-70">
  151. <fieldset id="fieldset2">
  152. <legend>2. Erfasse deine Ausgaben</legend>
  153. <div class="is-row">
  154. <div class="is-col is-70">
  155. <div class="is-row">
  156. <div class="is-col is-60">
  157. <input id="a_date" type="date" name="type" placeholder="Datum*"/>
  158. <!-- <input id="a_type" type="text" name="type" placeholder="Auslagenart*"/> -->
  159. </div>
  160. <div class="is-col is-40">
  161. </div>
  162. </div>
  163. <br>
  164. <input id="a_description" type="text" name="description" placeholder="Beschreibung*"/>
  165. <br>
  166. <div class="is-row">
  167. <div class="is-col">
  168. <input id="a_amount" type="text" name="amount" placeholder="Betrag*"/>
  169. </div>
  170. <div class="is-col">
  171. <select id="a_currency" name="currency" >
  172. <option value="EUR">EUR</option>
  173. <option value="USD">USD</option>
  174. <option value="CHF">CHF</option>
  175. <option value="BTC">BTC</option>
  176. </select>
  177. <!-- <input id="a_currency" type="text" name="curreny" placeholder="Waehrung*"/> -->
  178. </div>
  179. <div class="is-col">
  180. <button type="button" onclick="addTableRow();"
  181. class="button is-green">Ausgabe hinzuf&uuml;gen</button>
  182. </div>
  183. </div>
  184. </div>
  185. <div class="is-col is-30">
  186. <div id="uploadfield" class="form-item">
  187. </div>
  188. </div>
  189. </div>
  190. <br>
  191. <table id="tabtab" class="is-bordered is-striped">
  192. <thead>
  193. <tr>
  194. <!-- <th>Auslagenart</th>-->
  195. <th>Datum</th>
  196. <th>Beschreibung</th>
  197. <th>Betrag</th>
  198. <th>W&auml;hrung</th>
  199. <th>L&ouml;schen</th>
  200. </tr>
  201. </thead>
  202. <tbody id="tabbody">
  203. </tbody>
  204. </table>
  205. </fieldset>
  206. </div>
  207. <div class="is-col">
  208. hilfe 2
  209. </div>
  210. </div>
  211. <button onclick="addTableRow();"
  212. class="button is-green">Antrag elektronisch versenden</button>
  213. <button type="button" onclick="downloadDocument();"
  214. class="button is-orange">Herunterladen</button>
  215. </div>
  216. </div>
  217. <input type="hidden" id="banktype" name="banktype"/>
  218. <!-- <input type="submit" style="display:none" name="submitButton" /> -->
  219. </form>
  220. <!-- Kube JS (optional if you are using Kube CSS only) -->
  221. <script src="js/kube.min.js"></script>
  222. <script src="addons/upload/kube.upload.min.js"></script>
  223. <script src="addons/kube-addons.min.js"></script>
  224. <script src="kaform.js"></script>
  225. <script src="iban.js/iban.js"></script>
  226. </div>
  227. </div>
  228. </body>
  229. </html>