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 type="text/javascript" src="js/vendor/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/vendor/jquery-ui-1.11.4.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 type="text/javascript" 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">
<!--<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>-->
<script src="//maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"></script>
<!-- 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();
$('[data-toggle="checkbox"]').radiocheck();
$('[data-toggle="switch"]').bootstrapSwitch();
$("select").select2({dropdownCssClass: "dropdown-inverse"});
setScenarios(); // only needed if scenarios already exist at program start
setLabelBtnScenarioDeletion();
});
</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="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="#">Autorensystem</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>-->
<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'>
<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 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>
</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" title="Zeige/Verstecke Struktur">
<a href="#" class="fui-arrow-left" style="padding: 0 9px; "></a>
</li>
</ul>
<ul class="navbar" id="navbar-right-little">
<li id="navadd" title="Lerneinheit hinzufügen">
<li id="navtab" title="Zeige/Verstecke Eigenschaften">
<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>
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<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" 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"></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">
<label for="inputUnitDescription" class="label-tabs label">Beschreibung</label>
<textarea id="inputUnitDescription" class="form-control" name="unitDescription" rows="5"></textarea>
</div>
</form>
</div>
<div id="tab2" class="tabContents">
<form id="formContextInformation">
<label class="label-tabs label" for="selectNumberContextInfos">Erfüllt</label><br>
<select id="selectNumberContextInfos" class="form-control select select-primary select-block mbl" style="min-width: 90px;">
<option value="0">Alle</option>
<option value="1">Eine</option>
<!--<a href="#" class="contextInfo-add" title="Kontextinformation hinzufügen"><span class="fui-plus-circle"></span></a>-->
<label class="label-tabs label" for="selectMultiContextInfos">dieser Kontextinformationen</label>
<select id="selectMultiContextInfos" class="form-control multiselect multiselect-info" multiple="multiple" style="min-width: 235px">
<!--<option value="0" selected>Test</option>
<option value="1" selected>Hallo</option>-->
<hr class="hr-tabs">
</div>
<div>
<div id="btnAddContextInfos" class="btn btn-info" onclick="showDetailContextInfo()"><b class="fui-plus-circle"> </b>Hinzufügen</div>
<div id="detailContextInfo" style="display: none">
<!--<hr class="hr-tabs">-->
<div>
<div id="btnBackToMainContextInfo" class="btn btn-info btn-xs" onclick="showMainContextInfo()" title="Zurück zur Übersicht">
<b class="fui-arrow-left"> </b><b class="fui-home"></b>
</div>
</div>
<label class="label-tabs label" for="selectContextInfos">Die Kontextinformation</label>
<select id="selectContextInfos" class="form-control select select-primary select-block mbl" style="min-width: 235px;">
</select>
</div>
<div>
<!--<label class="label-tabs label" for="selectOperator">Operator</label>-->
<select id="selectOperator" class="form-control select select-primary select-block mbl" style="min-width: 235px;">
</select>
</div>
<div id="divContextValue">
<!--<label class="label-tabs label" for="inputContextValue">Wert</label>-->
<input id="inputContextValue" class="form-control" name="inputContextValue" disabled onkeyup="getInputContextValue(this)">
<select id="selectPossibleValues" class="form-control select select-primary select-block mbl" style="min-width: 235px; display: none">
<div id="divContextParameter">
<div id="divParameterSelection1">
<label class="label-tabs label" for="selectParameter">Parameter</label>
<select id="selectParameter" class="form-control select select-primary select-block mbl" style="min-width: 235px;">
<div id="divParameterInput1" class="divParameterInputs">
<label class="label-tabs label" for="inputContextParameter1"></label>
<input id="inputContextParameter1" class="form-control" type="number" onkeyup="getParameterInput(this, 1)">
</div>
<div id="divParameterInput2" class="divParameterInputs">
<label class="label-tabs label" for="inputContextParameter2"></label>
<input id="inputContextParameter2" class="form-control" type="number" onkeyup="getParameterInput(this, 2)">
</div>
<div id="divMaps">
<div class="maps-row">
<input id="pac-input" class="controls" type="text" placeholder="Suchen">
<div id="maps" style="height: 250px;"></div>
</div>
</div>
<label class="label-tabs label" for="inputParameterString"></label>
<input id="inputParameterString" class="form-control" type="text">
</div>
<div id="divParameterSelection2">
<label class="label-tabs label" for="selectParameter2">Parameter2</label>
<select id="selectParameter2" class="form-control select select-primary select-block mbl" style="min-width: 235px;">
<!--<div id="divSwitchParameter" class="bootstrap-switch-square">
<input id="switchParameter" type="checkbox" checked data-toggle="switch" name="custom-square-switch-icons"
data-on-text="Gilt" data-off-text="Gilt nicht"/>
</div>-->
<div id="btnConfirmContextInfo" class="btn btn-info">
<b class="fui-check-circle"> </b>Bestätigen
</div>
<div style="padding-bottom: 20px">
<label class="label-tabs label">Gewählt</label>
<select id="selectMultiMetaData" class="form-control multiselect multiselect-info" multiple="multiple" style="min-width: 235px">
</select>
</div>
<div>
<label class="label-tabs label">Auswahl Metadaten</label>
<select id="selectMetaData" class="form-control select select-primary select-block mbl" style="min-width: 235px;">
<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>
</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" for="selectSzenarioDeletion">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" for="selectSzenarioDeletion2">Zu löschende Szenarios</label><br>
<select id="selectSzenarioDeletion2" multiple="multiple" class="form-control multiselect multiselect-info mbl" data-toggle="select">
</select>
</div>
</form>
486
487
488
489
490
491
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
<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>
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
</div>-->
<div id="modal-delete-units" 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>
Lerneinheiten löschen
</div>
<div class="modal-body">
<div>
<div>
<label>Wähle die Lerneineheiten aus, welche gelöscht werden sollen!</label>
</div>
<div>
<label class="label-modal label" for="selectScenarioDeleteUnit">Auswahl des Szenarios</label><br>
<select id="selectScenarioDeleteUnit" class="form-control select select-primary mbl" data-toggle="select">
</select>
</div>
<div>
<label class="label-modal label" for="selectMultiDeleteUnits">Lösche Lerneinheiten</label><br>
<select id="selectMultiDeleteUnits" class="form-control multiselect multiselect-info" multiple="multiple">
</select>
</div>
</div>
</div>
<div class="modal-footer">
<button id="btnDeleteUnits" class="btn btn-danger" onclick="showDeleteUnitsConfirm()" 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 units -->
<div id="modal-delete-units-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 Lerneinheiten wirklich löschen?</p>
</div>
<div class="modal-footer">
<button class="btn btn-danger" onclick="deleteUnits()" data-dismiss="modal" style="margin-right: 10px">JA</button>
<button type="button" class="btn btn-primary" onclick="deleteUnitsNot()" data-dismiss="modal">NEIN</button>
</div>
</div>
</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">
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
<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>
</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="email">
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
<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>
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
<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 id="divSwitchParameter" class="bootstrap-switch-square">
<input id="switchParameter" type="checkbox" checked data-toggle="switch" name="custom-square-switch-icons"
data-on-text="Gilt" data-off-text="Nicht" />
</div>-->
<!--</div>-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
</div>
</div>
</div>
</div>
<!--<div id="modal-maps" 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>
Karte
</div>
<div class="modal-body">
<div id="divMaps">
<div class="maps-row">
<input id="pac-input" class="controls" type="text" placeholder="Search Box">
<div id="maps" style="height: 500px;"></div>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" id="btnConfirmMapCoordinates" data-dismiss="modal" style="margin-right: 10px">Bestätigen</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>