1
0
Fork 0
wmdeit_kaform/basic-template.html~

159 lines
3.7 KiB
HTML

<!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>