Newer
Older
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Authorensystem</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- general style sheets -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/statemaschine.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<!-- general javascript scripts -->
<script src="//code.jquery.com/jquery-2.0.3.js"></script>
<script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
<!--<script src="js/vendor/jquery-1.10.2-min.js"></script>-->
<!--<script src="js/vendor/jquery-ui-1.9.2.min.js"></script>-->
<script type="text/javascript" src="js/vendor/jquery.ui.touch-punch-0.2.2.min.js"></script>
<script type="text/javascript" src="js/vendor/jquery.jsPlumb-1.7.4-min.js"></script>
<!-- general functionalities -->
<script type="text/javascript" src="js/functionalities.js"></script>
<script type="text/javascript" src="js/xmlParser.js"></script>
<!-- jsplumb statemaschine functionalities -->
<script type="text/javascript" src="js/statemaschine.js"></script>
<!-- Menu bar -->
<link rel="stylesheet" href="css/menu.css">
<script src="js/menu.js"></script>
<!-- tab bar -->
<script type="text/javascript" src="js/tabs.js"></script>
<!-- modal window -->
<link rel="stylesheet" href="css/pgwmodal.css">
<script type="text/javascript" src="js/pgwmodal.js"></script>
<script type="text/javascript" src="js/modalWindows.js"></script>
<!-- slider design -->
<link rel="stylesheet" href="css/jquery-ui-slider-pips.css">
<!-- flat ui -->
<link rel="stylesheet" href="css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="css/flat-ui.css">
<script type="text/javascript" src="js/flat-ui.js"></script>
<script type="text/javascript" src="js/vendor/flatui/html5shiv.js"></script>
<script type="text/javascript" src="js/vendor/flatui/respond.min.js"></script>
<script type="text/javascript" src="js/vendor/flatui/video.js"></script>
<!-- slider with pips -->
<!--<link rel="stylesheet" href="css/jquery-ui-slider-pips.css">-->
<script type="text/javascript" src="js/vendor/jquery-ui-slider-pips.js"></script>
<link rel="stylesheet" href="css/tabs.css">
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!-- functions -->
<script>
// add jQuery UI Sliders with flat design
$(function() {
var $verticalSlider = $('.slider');
if ($verticalSlider.length) {
$verticalSlider.slider({
min: 0,
max: 8,
value: 4,
orientation: 'vertical',
step: 1,
range: 'min'
});//.addSliderSegments($verticalSlider.slider('option').max, 'vertical');
}
});
$(function() {
$('[data-toggle="tooltip"]').tooltip();
//$("a.my-tool-tip").tooltip();
$('[data-toggle="checkbox"]').radiocheck();
$("select").select2({dropdownCssClass: "dropdown-inverse"});
setScenarios();
setLabelBtnScenarioDeletion();
});
$(function() {
$("body").on("hidden.bs.modal", ".modal", function(e) {
$(this).removeData("bs.modal");
//$(this).data("bs.modal", null);
});
$("body").on("hidden.bs.modal", ".modal", function() {
//alert("ja");
$(this).find("form")[0].reset();
});
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
});
</script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container" style="margin-left: 0px;">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
</button>
<a class="navbar-brand" href="#">Authorensystem</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<!--<li class="active"><a href="#">Home</a></li>-->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="fui-credit-card"></b> Szenario <b class="caret"></b></a>
<ul class="dropdown-menu">
<li onclick="showNewSzenario()"><a href="#">Erstellen <b class="fui-plus" style="float: right"></b></a></li>
<li onclick="showDeleteSzenario()"><a href="#">Löschen <b class="fui-trash" style="float: right"></b></a></li>
<li onclick="showLoadSzenario()"><a href="#">Laden <b class="fui-upload" style="float: right"></b></a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="fui-new"></b> Lerneinheit <b class="caret"></b></a>
<ul class="dropdown-menu">
<li id="createLearnUnit"><a href="#">Erstellen <b class="fui-plus" style="float: right"></b></a></li>
<li onclick="showDeleteUnits()"><a href="#">Löschen <b class="fui-trash" style="float: right"></b></a></li>
</ul>
</li>
<li><a href="#test"><b class="fui-exit"></b> Testen</a></li>
<li id="navHeadStatistic"><a href="#statistic"><img src="img/Icons/iconmonstr-bar-chart-icon-32.png"> Statistiken</a></li>
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<li onclick="showContact()"><a href="#"><b class="fui-document"></b> Kontakt</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="fui-user"></b> Julius<b class="caret"></b></a>
<ul class="dropdown-menu">
<li onclick="showProfil()"><a>Profil <b class="fui-gear" style="float: right"></b></a></li>
<li onclick="showLogin()"><a href="#">Logout <b class="fui-lock" style="float: right"></b></a></li>
</ul>
</li>
<li class="active" onclick="showHelp()" style="cursor: pointer"><a><b class="fui-question-circle"></b> Hilfe</a></li>
</ul>
</div>
</div>
</div>
<div class="body">
<!-- <div class="sidebar">Sidebar -->
<div id='cssmenu' class="menu">
<ul id="menuScenarios">
<li class='active has-sub'>
<a href='#'> <span>Szenario 1</span></a>
<ul>
<li class='has-sub'><a href='#'><span>Lerneinheit 1</span></a>
<ul>
<li class='last'><a href='#'><span>Alternative 1</span></a></li>
<li class='last'><a href='#'><span>Alternative 2</span></a></li>
<li class='last'><a href='#'><span>Alternative 3</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Lerneinheit 2</span></a>
<ul>
<li class='last'><a href='#'><span>Alternative 1</span></a></li>
<li class='last'><a href='#'><span>Alternative 2</span></a></li>
<li class='last'><a href='#'><span>Alternative 3</span></a></li>
</ul>
</li>
<li class='last'><a href='#'><span>Lerninhalt 3</span></a></li>
</ul>
</li>
<li class='active has-sub'>
<a href='#'> <span>Szenario 2</span></a>
<ul>
<li class='last'><a href='#'><span>Lerneinheit 1</span></a></li>
<li class='last'><a href='#'><span>Lerneinheit 2</span></a></li>
<li class='last'><a href='#'><span>Lerninhalt 3</span></a></li>
</ul>
</li>
<li class='active has-sub'>
<a href='#'> <span>Szenario 3</span></a>
<ul>
<li class='last'><a href='#'><span>Lerneinheit 1</span></a></li>
<li class='last'><a href='#'><span>Lerneinheit 2</span></a></li>
<li class='last'><a href='#'><span>Lerninhalt 3</span></a></li>
</ul>
</li>
</ul>
</div>
<!--</div> -->
<div class="main">
<div class="page-hdr">
<ul class="navbar" id="navbar-left-little">
<!--<li id="navmenu" title="Show/Hide Menu" style="cursor: pointer"><span style="margin:auto">☰</span></li>-->
<li id="navmenu">
<a href="#" class="fui-arrow-left" style="padding: 0 9px; "></a>
</li>
</ul>
<ul class="navbar" id="navbar-right-little">
<!--<span style="margin:auto">+</span>-->
<span class="fui-plus"></span>
</li>
<li id="navtab">
<a href="#" class="fui-arrow-right" style="padding: 0 9px; "></a>
</li>
</ul>
<span style="text-align: center">
<label id="lname">
<script type="text/javascript">document.write(ssname)</script>
</label>
</span>
</div>
<div id="container" class="content">
<ul id="navbar-middle-little">
<li class="slider" style="height: 200px;">
</li>
</ul>
<!--<div class="statemaschine" id="statemaschine">
<div class="w" id="opened" style="top: 100px; left: 100px">
<div class="title">BEGIN</div>
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
<div class="ep"></div>
<div class="info" id="i1"></div>
</div>
<div class="w" id="phone1">PHONE INTERVIEW 1
<div class="ep"></div>
</div>
<div class="w" id="phone2">PHONE INTERVIEW 2
<div class="ep"></div>
</div>
<div class="w" id="infers">IN PERSON
<div class="ep"></div>
</div>
<div class="w" id="rejected">REJECTED
<div class="ep"></div>
</div>
</div>-->
<div class="content" id="stm">
</div>
</div>
</div>
<!-- Property area -->
<div class="properties">
<!-- tabs header-->
<div class="tab-Container">
<ul>
<!--<li><a id="firstTab" href="#tab1"><img src="img/Icons/location-context-building.png" width="20" height="20"></a> </li>
<li><a href="#tab2"><img src="img/Icons/location-context-speed.png" width="20" height="20"></a> </li>
<li><a href="#tab3"><img src="img/Icons/personal-context-mood.png" width="20" height="20"></a> </li>
<li><a href="#tab4"><img src="img/Icons/personal-context-share.png" width="20" height="20"></a> </li>
<li><a href="#tab5"><img src="img/Icons/physical-context-noise.png" width="20" height="20"></a> </li>
<li><a href="#tab6"><img src="img/Icons/physical-context-water.png" width="20" height="20"></a> </li>
<li><a href="#tab7"><img src="img/Icons/scenario-context-input-big.png" width="20" height="20"></a> </li>
<li><a href="#tab5"><img src="img/Icons/situational-context-collaboration-big.png" width="20" height="20"></a> </li>
<li><a href="#tab6"><img src="img/Icons/situational-context-communication-big.png" width="20" height="20"></a> </li>
<li><a href="#tab7"><img src="img/Icons/technical-context-device-big.png" width="20" height="20"></a></li>
<li><a href="#tab7"><img src="img/Icons/technical-context-printer-big.png" width="20" height="20"></a></li>-->
<li><a id="firstTab" href="#tab1" title="Eigenschaften" class="fui-gear"></a> </li>
<li><a href="#tab2" title="Kontextinformationen">K</a></li>
<li><a href="#tab3" title="Metadaten">M</a></li>
<li><a href="#help" class="fui-question-circle" title="Hilfe" style="padding: 0 9px"></a></li>
</ul>
</div>
<!-- content of the tabs -->
<div class="tabDetails">
<div id="tab1" class="tabContents">
<form id="formProperties">
<div>
<label for="inputUnitName" class="label-tabs label">Name</label>
<input id="inputUnitName" class="form-control" name="unitName" value="" type="text">
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
<label for="inputUnitDescription" class="label-tabs label">Beschreibung</label>
<textarea id="inputUnitDescription" class="form-control" rows="5"></textarea>
</div>
</form>
</div>
<div id="tab2" class="tabContents">
<form>
<div id="contextSelection">
<label class="label-tabs label">Kontextinformation</label>
<a href="#" class="parameter-add" title="Parameter hinzufügen"><span class="fui-tag"></span></a>
<select id="selectContextInfos" class="form-control select select-primary select-block mbl" style="min-width: 180px;">
<optgroup label="Umwelt">
<option value="ph" disabled selected></option>
<option value="Laerm">Lärm</option>
<option value="Wasser">Wasser</option>
</optgroup>
<optgroup label="Ortung">
<option value="Gebaeude">Gebäude</option>
<option value="Geschwindigkeit">Geschwindigkeit</option>
</optgroup>
<optgroup label="Lernender">
<option value="Stimmung">Stimmung</option>
<option value="Teilen">Teilen</option>
</optgroup>
<optgroup label="Infrastruktur">
<option value="Geraet">Gerät</option>
<option value="Drucker">Drucker</option>
</optgroup>
<optgroup label="Situation">
<option value="Zusammenarbeit">Zusammenarbeit</option>
<option value="Kommunikation">Kommunikation</option>
</optgroup>
<optgroup label="Lernszenario">
<option value="Eingabe">Eingabe</option>
</optgroup>
</select>
<!--<div style="margin: -15px 0 0 15px">
<label class="label-tabs label">Parameter</label>
<select class="form-control select select-primary select-block mbl" style="min-width: 120px;">
<option value="0">Parameter 1</option>
<option value="1">Parameter 2</option>
<option value="2">Parameter 3</option>
<option value="3">Parameter 4</option>
</select>
<a href="#" class="parameter-close"><span class="fui-cross-circle"></span> </a>
<select class="form-control select select-primary select-block mbl" style="min-width: 120px;">
<option value="0">Parameter 1</option>
<option value="1">Parameter 2</option>
<option value="2">Parameter 3</option>
<option value="3">Parameter 4</option>
</select>
<a href="#" class="parameter-close"><span class="fui-cross-circle"></span> </a>
</div>-->
<label class="label-tabs label">Operator</label>
<select id="selectOperator" class="form-control select select-primary select-block mbl" style="min-width: 180px;">
<option value="0">Ist</option>
<option value="1">Ist nicht</option>
<option value="2">Enthält</option>
<option value="3">Enthält nicht</option>
</select>
<label class="label-tabs label">Wert</label>
<input class="form-control" name="inputContextValue">
<form>
<div>
<label class="label-tabs label">Auswahl Metadaten</label>
<select id="selectMetaData" class="form-control select select-primary select-block mbl" style="min-width: 180px;">
<option disabled selected>METADATEN</option>
<option value="0">Bild</option>
<option value="1">Film</option>
<option value="2">Text</option>
<option value="3">Navigation</option>
<option value="4">Test</option>
<option value="5">Audio</option>
</select>
</div>
</form>
</div>
</div>
</div>
</div>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<div id="modal-login" class="modal fade" tabindex="-1">
<div class="modal-dialog" style="width: 400px">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
Login
</div>
<div class="modal-body">
<div style="text-align: center;">
<label>Bitte loggen Sie sich ein!</label>
</div>
<form action="index.html">
<p><input class="form-control" name="username" placeholder="Username" type="text" maxlength="30" style="line-height: 22px"></p>
<p><input class="form-control" name="passwort" placeholder="Passwort" type="password" maxlength="30" style="line-height: 22px"></p>
</form>
<div>
<label id="hrefRegist" onclick="showRegistration()" style="cursor:pointer; color: #16a085; margin-right: 10px">Registrieren</label>
<label id="hrefPWForgot" onclick="showPWForgot()" style="cursor:pointer; color: #16a085">Passwort vergessen</label>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" style="margin-right: 10px">Login</button>
<button class="btn btn-primary" type="button" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<div id="modal-new-szenario" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
Neues Szenario erstellen
</div>
<div class="modal-body">
<form name="formSzenarioName">
<div>
<label class="label-tabs label">Name</label>
<input autofocus class="form-control" id="sname" name="szenarioName" onkeyup="logKey(this)" title="Szenario-Name (4-40 Zeichen)" placeholder="Gibt den Name ein" type="text" size="40" maxlength="30">
</div>
<br>
<div>
<select class="form-control select select-primary mbl" data-toggle="select">
<option value="0">Constraints</option>
<option value="1">Kontextinformationen</option>
</select>
</div>
<div>
<select multiple="multiple" class="form-control multiselect multiselect-info mbl" data-toggle="select">
<option value="0" selected>1</option>
<option value="1" selected>2</option>
<option value="2" selected>3</option>
<option value="3" selected>4</option>
<option value="4" selected>5</option>
</select>
</div>
</form>
</div>
<div class="modal-footer">
<button id="btnSE" class="btn btn-primary" data-dismiss="modal" onclick="saveCloseSzenario()" style="margin-right: 10px">Erstellen</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<div id="modal-delete-szenario" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
Szenarien löschen
</div>
<div class="modal-body">
<form>
<div>
<label>Wähle die Szenarien aus, welche gelöscht werden sollen!</label>
</div>
<div>
<label class="label label-modal">Szenarienübersicht</label>
<br>
<select id="selectSzenarioDeletion" multiple="multiple" class="form-control multiselect multiselect-info mbl" data-toggle="select">
</select>
</div>
<div id="choiceDeletionScenarios">
<label class="label label-modal">Zu löschende Szenarios</label><br>
<select id="selectSzenarioDeletion2" multiple="multiple" class="form-control multiselect multiselect-info mbl" data-toggle="select">
</select>
</div>
</form>
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
<button id="btnDeleteSzenario" class="btn btn-danger" onclick="deleteScenariosConfirm()" data-dismiss="modal" style="margin-right: 10px"></button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<!-- confirm delete scenario -->
<div id="modal-delete-szenario-confirm" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
Bestätigung
</div>
<div class="modal-body">
<p>Wollen Sie die Szenarien wirklich löschen?</p>
</div>
<div class="modal-footer">
<button class="btn btn-danger" onclick="deleteScenarios()" data-dismiss="modal" style="margin-right: 10px">JA</button>
<button type="button" class="btn btn-primary" onclick="deleteScenariosNot()" data-dismiss="modal">NEIN</button>
</div>
</div>
</div>
</div>
<!-- load scenario --->
<div id="modal-load-szenario" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
Szenario laden
</div>
<div class="modal-body">
<div>
<label>Wähle ein Szanrio aus, welches geladen werden soll!</label>
</div>
<div>
<select id="listLoadScenarios" class="form-control select select-inverse mbl" data-toggle="select">
</select>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" onclick="loadScenario()" data-dismiss="modal" style="margin-right: 10px">Laden</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<div class="modal-delete-units" style="display: none">
<p>
<label>Wähle die Lerneineheiten aus, welche gelöscht werden sollen!</label>
</p>
<label><b>Auswahl des Szenarios</b></label>
<br>
<select class="form-control select select-primary mbl" data-toggle="select">
<option value="0">Szenario 1</option>
<option value="1">Szenario 2</option>
<option value="1">Szenario 3</option>
</select>
<br>
<label><b>Entfernen der zu löschenden Lerneinheiten</b></label><br>
<select id="selectUnitDeletion" multiple="multiple" class="form-control multiselect multiselect-info mbl" data-toggle="select">
<option value="0" selected>Lerneinheit 1</option>
</select>
<br>
<button id="btnDeleteUnits" class="btn btn-primary" style="margin-right: 10px">Löschen</button>
<button class="btn btn-primary" onclick="$.pgwModal('close')">Abbrechen</button>
</div>
<div id="modal-user" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
Profil
</div>
<div class="modal-body">
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
<form>
<div>
<label class="label-modal label">Name</label>
<input autofocus id="inputUsername" name="username" value="Julius" class="form-control" type="text" size="40" maxlength="30">
</div>
<div>
<label class="label-modal label">Beschreibung</label>
<textarea class="form-control" rows="4"></textarea>
</div>
<div>
<label class="label-modal label">Aktuelles Passwort</label><br>
<input class="form-control" id="pwOld" name="passwort" placeholder="Passwort" type="password" maxlength="30">
</div>
<div>
<a onclick="showPW()">
<label id="hrefPW">Passwort ändern</label>
</a>
</div>
<div>
<p class="invis" id="pwNewProfil">
<input class="form-control" name="passwort" placeholder="Neues Passwort" type="password" size="40" maxlength="30">
</p>
</div>
<div>
<p class="invis" id="pwNewRepProfil">
<input class="form-control" name="passwort" placeholder="Neues Passwort bestätigen" type="password" size="40" maxlength="30" style="margin-bottom: 30px;">
</p>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-primary" style="margin-right: 10px">Sichern</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<div id="modal-contact" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
Kontakt
</div>
<div class="modal-body">
<div>
<label style="margin-bottom: 0px"><b>Name</b></label>
<input class="form-control" name="userName" placeholder="Gib deinen Namen ein" type="text">
<span class="input-group-btn">
<button type="submit" class="btn" data-toggle="tooltip" data-placement="bottom" title="Name zwischen 4-40 Zeichen">
<span class="fui-question-circle"></span>
</button>
</span>
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
</div>
</div>
<div>
<label style="margin-bottom: 0px"><b>E-Mail Adresse *</b></label>
<div class="form-group has-feedback">
<input class="form-control" name="userMail" placeholder="Gib deine E-Mail Adresse ein" type="text">
<a data-toggle="tooltip" data-placement="right" title="Name zwischen 4-40 Zeichen">
<span class="form-control-feedback fui-question-circle"></span>
</a>
</div>
</div>
<div>
<label><b>Anmerkung *</b></label>
<div class="form-group has-feedback">
<textarea class="form-control" name="userText" rows="4" cols="38" style="resize: both; max-width: 100%;"></textarea>
<span class="form-control-feedback fui-question-circle"></span>
</div>
<div>
<label>* notwendig</label>
</div>
</div>
<button class="btn btn-primary" type="reset" onclick="getContentContact(this.form)" data-dismiss="modal" style="margin-right: 10px">Senden</button>
<!--<button class="btn btn-primary" onclick="$.pgwModal('close')">Abbrechen</button>-->
</form>
</div>
<div class="modal-footer">
<!--<button class="btn btn-primary" style="margin-right: 10px">Senden</button>-->
<button type="button" class="btn btn-primary" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
<div id="modal-help" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
Hilfe
</div>
<div class="modal-body">
<p>Hier finden Sie Hilfe!</p>
<!--<div class="cbox">-->
<form role="form">
<div class="form-group">
<label class="checkbox" for="checkbox1">
<input type="checkbox" data-toggle="checkbox" value="" id="checkbox1" required>
Unchecked
</label>
<label class="checkbox" for="checkbox2">
<input type="checkbox" data-toggle="checkbox" checked="checked" value="" id="checkbox2" checked="">
Checked
</label>
<label class="checkbox" for="checkbox3">
<input type="checkbox" data-toggle="checkbox" value="" id="checkbox3" disabled="">
Disabled unchecked
</label>
<label class="checkbox" for="checkbox4">
<input type="checkbox" data-toggle="checkbox" checked="checked" value="" id="checkbox4" disabled="" checked="">
Disabled checked
</label>
</div>
<button type="submit" class="btn btn-sm btn-primary">Submit</button>
</form>
<!--</div>-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
</div>
</div>
</div>
</div>
</body>
</html>