<!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>Autorensystem</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/statemachine.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.2.js"/>-->
<script type="text/javascript" src="js/vendor/jsPlumb-1.7.10.js"></script>
<script type="text/javascript" src="js/authoring/formatSelections.js"></script>
<script type="text/javascript" src="js/authoring/dictionaries.js"></script>
<!-- models -->
<script type="text/javascript" src="js/authoring/models/xmlParser.js"></script>
<script type="text/javascript" src="js/authoring/models/authorSystemContentModel.js"></script>
<script type="text/javascript" src="js/authoring/models/contextInfoModel.js"></script>
<script type="text/javascript" src="js/authoring/models/parameterModel.js"></script>
<script type="text/javascript" src="js/authoring/models/contextInfoListModel.js"></script>
<script type="text/javascript" src="js/authoring/models/scenarioModel.js"></script>
<script type="text/javascript" src="js/authoring/models/unitModel.js"></script>
<script type="text/javascript" src="js/authoring/models/connectionModel.js"></script>
<script type="text/javascript" src="js/authoring/models/aBoxJSONLDModel.js"></script>
<!-- controllers -->
<script type="text/javascript" src="js/authoring/controllers/authorSystemController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/canvasController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/contextInfoController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/menuController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/navBarController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/sliderController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/unitController.js"></script>
<!-- tab controllers -->
<script type="text/javascript" src="js/authoring/controllers/tabs/contextTabController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/tabs/generalTabController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/tabs/locationInfoMapViewController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/tabs/propertiesTabController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/tabs/relationTabController.js"></script>
<!-- modal window controllers -->
<script type="text/javascript" src="js/authoring/controllers/modalWindows/contactModalWindowController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/modalWindows/deleteConnectionModalWindowController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/modalWindows/deleteScenarioModalWindowController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/modalWindows/deleteUnitModalWindowController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/modalWindows/generalModalWindowsController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/modalWindows/helpModalWindowController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/modalWindows/loadScenarioModalWindowController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/modalWindows/loginModalWindowController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/modalWindows/newScenarioModalWindowController.js"></script>
<script type="text/javascript" src="js/authoring/controllers/modalWindows/profileModalWindowController.js"></script>
<!-- single entry point -->
<script type="text/javascript" src="js/main.js"></script>
<!-- Menu bar -->
<link rel="stylesheet" href="css/menu.css">
<!-- modal window -->
<link rel="stylesheet" href="css/pgwmodal.css">
<!-- 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/vendor/flat-ui.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">
<link rel="stylesheet" href="css/navigation.css">
<!-- google maps api -->
<!--<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>-->
<script src="https://maps.googleapis.com/maps/api/js?v=3.22&signed_in=false&libraries=places"></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: 0;">
<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 id="showNewScenario"><a href="#">Erstellen <b class="fui-plus" style="float: right"></b></a></li>
<li id="deleteScenario"><a href="#">Löschen <b class="fui-trash" style="float: right"></b></a></li>
<li id="loadScenario"><a href="#">Laden <b class="fui-upload" style="float: right"></b></a></li>
<li id="saveScenario"><a download="szenario.json">Speichern <b class="fui-exit" style="float: right"></b></a></li>
</ul>
</li>
<li class="dropdown">
<a id="navbarLearningUnit" 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 id="deleteLearnUnit"><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 id="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> Benutzer<b class="caret"></b></a>
<ul class="dropdown-menu">
<li id="showProfile"><a href="#">Profil <b class="fui-gear" style="float: right"></b></a></li>
<li id="showLogin"><a href="#">Logout <b class="fui-lock" style="float: right"></b></a></li>
</ul>
</li>
<li class="active" id="showHelp" style="cursor: pointer"><a><b class="fui-question-circle"></b> Hilfe</a></li>
</ul>
</div>
</div>
</div>
<div class="body">
<div id='cssmenu' class="menu">
<ul id="menuScenarios">
</ul>
</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">
<span class="fui-plus"></span>
</li>
<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"></label>
</span>
</div>
<div id="container" class="content">
<ul id="navbar-middle-little">
<li class="slider" style="height: 200px;">
</li>
</ul>
<!--<div class="content" id="stm">-->
<div 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>
</ul>
</div>
<!-- content of the tabs -->
<div class="tabDetails">
<div id="tab1" class="tabContents">
<div id="formProperties">
<div>
<label for="inputUnitName" class="label-tabs label">Name</label>
<input id="inputUnitName" class="form-control" name="unitName" value="" type="text">
</div>
<div>
<label for="inputUnitDescription" class="label-tabs label">Beschreibung</label>
<textarea id="inputUnitDescription" class="form-control" name="unitDescription" rows="5"></textarea>
</div>
<div>
<div id="tabBtnDeleteUnit" class="btn btn-danger">
<b class="fui-trash"> </b>Lerneinheit löschen
</div>
</div>
</div>
</div>
<div id="tab2" class="tabContents">
<form id="formContextInformation">
<div id="mainContextInfo">
<div id="mainContextInfoSAT">
<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>
</select>
</div>
<div id="mainContextInfoSelection">
<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">
</select>
<hr class="hr-tabs">
</div>
<div>
<div id="btnAddContextInfos" class="btn btn-info"><b class="fui-plus-circle"> </b>Hinzufügen</div>
</div>
</div>
<div id="detailContextInfo" style="display: none">
<div>
<div id="btnBackToMainContextInfo" class="btn btn-info btn-xs" title="Zurück zur Übersicht">
<b class="fui-arrow-left"> </b><b class="fui-home"></b>
</div>
<div id="btnConfirmContextInfoSmall" class="btn btn-info btn-xs" title="Eingaben bestätigen">
<b class="fui-check-circle"></b>
</div>
</div>
<div id="contextSelection">
<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">
</select>
</div>
<div id="divContextParameter">
</div>
<div id="divMapsTemplate" style="display:none">
<div id="divMaps" style="display:block">
<div class="maps-row">
<input id="pac-input" class="controls" type="text" placeholder="Suchen">
<div id="maps" style="height: 250px;"></div>
</div>
</div>
</div>
<div>
<div id="btnConfirmContextInfo" class="btn btn-info">
<b class="fui-check-circle"> </b>
Bestätigen
</div>
</div>
</div>
</form>
</div>
<div id="tab3" class="tabContents">
<form>
<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>
</form>
</div>
</div>
<!-- content of label relations -->
<div id="tabUnitLabel" class="tabRelation">
<div id="divSelectRelations">
<div id="tabRelationHead">
<a title="Relation der Lerneinheiten">Relation</a>
</div>
<div id="tabRelationBody">
<p id="preLabelRelations" class="label-tabs label">Ist eine</p>
<select id="selectRelations" class="form-control select select-primary select-block mbl">
<option value="pre">Voraussetzung (PRE)</option>
<option value="alt">Alternative (ALT)</option>
<option value="bas">Grundlage (BAS)</option>
<option value="ref">Referenz (REF)</option>
<option value="ext">Erweiterung (EXT)</option>
<option value="hlp">Hilfe (HLP)</option>
</select>
<p id="postLabelRelations" class="label-tabs label">Für</p>
<div>
<div id="tabBtnDeleteConnection" class="btn btn-danger">
<b class="fui-trash" ></b>Verbindung löschen
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>-->
<!-- login -->
<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">
<div class="form-group has-feedback"><input class="form-control" name="username" placeholder="Username" type="text" maxlength="30" style="line-height: 22px">
<span class="form-control-feedback fui-user"></span>
</div>
<div class="form-group has-feedback"><input class="form-control" name="passwort" placeholder="Passwort" type="password" maxlength="30" style="line-height: 22px">
<span class="form-control-feedback fui-lock"></span>
</div>
</form>
<div>
<label id="hrefRegist" style="cursor:pointer; color: #16a085; margin-right: 10px">Registrieren</label>
<label id="hrefPWForgot" 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-default" type="button" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<!-- new scenario -->
<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" title="Szenario-Name (4-40 Zeichen)" placeholder="Gibt den Name ein" type="text" size="40" maxlength="30">
</div>
</form>
</div>
<div class="modal-footer">
<button id="btnSE" class="btn btn-primary" data-dismiss="modal" style="margin-right: 10px">Erstellen</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<!-- delete scenario -->
<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 Szenarien</label><br>
<select id="selectSzenarioDeletion2" multiple="multiple" class="form-control multiselect multiselect-info mbl" data-toggle="select">
</select>
</div>
</form>
</div>
<div class="modal-footer">
<button id="btnDeleteSzenario" class="btn btn-danger" data-dismiss="modal" style="margin-right: 10px"></button>
<button type="button" class="btn btn-default" 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 id="deleteScenarios" class="btn btn-danger" data-dismiss="modal" style="margin-right: 10px">JA</button>
<button id="deleteScenariosNot" type="button" class="btn btn-default" 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 Szenario aus, welches geladen werden soll!</label>
</div>
<div>
<select id="listLoadScenarios" class="form-control select select-primary 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 id="btnLoadScenario" class="btn btn-primary" style="margin-right: 10px">Laden</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<!-- delete units -->
<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 Lerneinheiten 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-danger" multiple="multiple">
</select>
</div>
</div>
</div>
<div class="modal-footer">
<button id="btnDeleteUnits" class="btn btn-danger" data-dismiss="modal" style="margin-right: 10px"></button>
<button type="button" class="btn btn-default" 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 id="btnDeleteUnits2" class="btn btn-danger" data-dismiss="modal" style="margin-right: 10px">JA</button>
<button id="btnDeleteUnitsNot" type="button" class="btn btn-default" data-dismiss="modal">NEIN</button>
</div>
</div>
</div>
</div>
<!-- user profile -->
<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">
<form>
<div>
<label class="label-modal label" for="inputUsername">Name</label>
<input autofocus id="inputUsername" name="username" placeholder="Benutzername" value="Benutzer" 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" for="pwOld">Aktuelles Passwort</label><br>
<input class="form-control" id="pwOld" name="passwort" placeholder="Passwort" type="password" maxlength="30">
</div>
<div>
<a id="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-default" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<!-- contact -->
<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">
<form id="modalContactForm">
<div>
<label class="label-modal label">Name</label>
<div class="input-group">
<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 class="label-modal label">E-Mail Adresse *</label>
<div class="form-group has-feedback">
<input class="form-control" name="userMail" placeholder="Gib deine E-Mail Adresse ein" type="email">
<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 class="label-modal label">Anmerkung *</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 id="getContentContact" class="btn btn-primary" type="reset" data-dismiss="modal" style="margin-right: 10px">Senden</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<!-- help -->
<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>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button>
</div>
</div>
</div>
</div>
<!-- maps -->
<!--<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>
</div>-->
<!-- confirm delete unit in tab -->
<div id="modal-delete-unit-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 id="tabTextUnitDeletion">Wollen Sie die Lerneinheit wirklich löschen?</p>
</div>
<div class="modal-footer">
<button id="btnDeleteUnit" class="btn btn-danger" data-dismiss="modal" style="margin-right: 10px">JA</button>
<button type="button" class="btn btn-default" data-dismiss="modal">NEIN</button>
</div>
</div>
</div>
</div>
<!-- confirm delete unit in tab -->
<div id="modal-delete-connection-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 Verbindung wirklich löschen?</p>
</div>
<div class="modal-footer">
<button id="btnDeleteConnection" class="btn btn-danger" data-dismiss="modal" style="margin-right: 10px">JA</button>
<button type="button" class="btn btn-default" data-dismiss="modal">NEIN</button>
</div>
</div>
</div>
</div>
</body>
</html>