|
|
- <!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="kube/dist/css/kube.min.css">
- <link rel="stylesheet" href="kube/dist/addons/kube-addons.min.css" />
-
- </head>
- <body>
- <h1>Antrag auf Kostenerstattung</h1>
- <p>Bitte beachte beim Ausfüllen die
- <a href="https://www.wikimedia.de/wiki/
- Gesch%C3%A4ftsordnung#Reisekostenordnung">
- Reisekostenordnung</a>.
- </p>
- <h2>Bitte fülle die allgemeinen Daten für die Erstattung aus.</h2>
-
- <form method="POST">
- <label>Dein Projekt / Zweck der Reise</label>
- <input type="text" name="projekt"/>
-
- </form>
-
- <h2>Bitte trage deine einzelnen Kostenpositionen ein.</h2>
-
-
-
- <span data-kube="datepicker" data-format="%F %d, %Y">July 10, 2018</span>
-
- <p>
- Bitte trage nur eine Ausgabe pro Zeile ein, lege den
- Originalbeleg dem Antrag bei und kennzeichne den Beleg
- mit der entsprechenden Zeilennummer. Aus der Beschreibung
- soll zu ersehen sein, ob es sich um Transport, Dienstleistung,
- Materialien, Verpflegung oder ähnliches handelt.
- </p>
- <input type="date"/>
-
-
-
- <br><br>
- <span data-kube="datepicker" data-format="%F %d, %Y">July 10, 2018</span>
- <br><br>
-
-
- <table class="is-bordered">
- <thead>
- <tr>
- <th>Pos.</th>
- <th>Beschreibung</th>
- <th>Belegdatum</th>
- <th>Betrag</th>
- <th>Beleg</th>
- </tr>
- </thead>
- <tbody>
- <tr id="row0">
- <td>1</td>
- <td>
- <textarea rows="2"> </textarea>
- <td style="overflow:visible;" >
- <input type="date"/>
- </td>
- <td style="overflow:visible;" >
- <input type="num"/>
- </td>
- <td style="overflow:visible;" >
-
- <div class="form-item">
- <div class="upload" data-kube="upload" data-type="file"
- data-target="#my-upload-target"
- data-url="/upload/" data-url-remove="/upload-remove/">
- </div>
- <div id="my-upload-target" class="upload-target">
- <div class="upload-item" data-id="3746">
- <span class="close"></span>
- <span>My file.txt <em>10 Kb</em></span>
- <input type="hidden" name="file-uploaded[]" value="3746">
- </div>
- </div>
- </div>
-
- </td>
- </tr>
- </tbody>
-
- </table>
-
- <h3 data-kube="editable" placeholder="Enter text here...">hello world</h3>
- <div class="alert">Heho!</div>
-
- <div data-kube="tube">
- Kube Data
- </div>
-
- <input type="text" data-kube="tube"/>
-
-
- <!-- Kube JS (optional if you are using Kube CSS only) -->
- <script src="kube/dist/js/kube.min.js"></script>
- <script src="kube/dist/addons/kube-addons.min.js"></script>
- <script>
- $K.add('module','tube', {
- init: function(app,context){
- this.app = app;
-
- // getting context and the module element
- this.context = context;
- this.$element = context.getElement();
-
-
- },
- start: function()
- {
-
- /* this.$element.on('keydown.kube.editable', this._hui.bind(this));
- this.$element.on('paste.kube.editable', this._hui.bind(this));
- this.$element.on('blur.kube.editable', this._hui.bind(this));
- */
- this.$element.on('click', this._hui.bind(this));
- this._build();
- },
- // public
- myMethod: function()
- {
-
- },
-
- _hui: function(e)
- {
- alert(e);
- },
-
- // private
- _build: function()
- {
-
- },
- onmessage: {
- alert: {
- closed: function(sender)
- {
- alert(sender);
- // caught
- }
- }
- }
- });
- $K.init();
-
- </script>
- </body>
- </html>
|