Skip to content
Snippets Groups Projects
index.html 43.2 KiB
Newer Older
julius90's avatar
julius90 committed
<!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>
julius90's avatar
julius90 committed
        <script type="text/javascript" src="js/vendor/jquery.ui.touch-punch-0.2.2.min.js"></script>
julius90's avatar
julius90 committed
        <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>
julius90's avatar
julius90 committed
        <script type="text/javascript" src="js/xmlParser.js"></script>
julius90's avatar
julius90 committed

        <!-- 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>
julius90's avatar
julius90 committed

julius90's avatar
julius90 committed
        <!-- tab bar -->
        <script type="text/javascript" src="js/tabs.js"></script>

julius90's avatar
julius90 committed
        <!-- modal window -->
        <link rel="stylesheet" href="css/pgwmodal.css">
        <!--<script type="text/javascript" src="js/pgwmodal.js"></script>-->
julius90's avatar
julius90 committed
        <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">
julius90's avatar
julius90 committed
        <link rel="stylesheet" href="css/navigation.css">
julius90's avatar
julius90 committed

        <!-- google maps api -->
        <!--<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>
julius90's avatar
julius90 committed

        <!-- 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();
julius90's avatar
julius90 committed
                $("select").select2({dropdownCssClass: "dropdown-inverse"});

                setScenarios();     // only needed if scenarios already exist at program start
julius90's avatar
julius90 committed
                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">
julius90's avatar
julius90 committed
            <div class="container" style="margin-left: 0;">
julius90's avatar
julius90 committed
                <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>
julius90's avatar
julius90 committed
                </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>
julius90's avatar
julius90 committed
                                <li onclick="showLoadSzenario()"><a href="#">Laden <b class="fui-upload" style="float: right"></b></a></li>
julius90's avatar
julius90 committed
                            </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>
julius90's avatar
julius90 committed
                        <!--<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>-->
julius90's avatar
julius90 committed
                        <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'>
julius90's avatar
julius90 committed
                            <a href='#'> <span>Szenario 1</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>
julius90's avatar
julius90 committed
                                <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>
julius90's avatar
julius90 committed
                    </ul>
                </div>
            <!--</div> -->
            <div class="main">
                <div class="page-hdr">

                    <ul class="navbar" id="navbar-left-little">
julius90's avatar
julius90 committed
                        <!--<li id="navmenu" title="Show/Hide Menu" style="cursor: pointer"><span style="margin:auto">&#9776</span></li>-->
                        <li id="navmenu" title="Zeige/Verstecke Struktur">
julius90's avatar
julius90 committed
                            <a href="#" class="fui-arrow-left" style="padding: 0 9px; "></a>
julius90's avatar
julius90 committed
                        </li>
                    </ul>
                    <ul class="navbar" id="navbar-right-little">
                        <li id="navadd" title="Lerneinheit hinzufügen">
julius90's avatar
julius90 committed
                            <span class="fui-plus"></span>
                        </li>
                        <li id="navtab" title="Zeige/Verstecke Eigenschaften">
julius90's avatar
julius90 committed
                            <a href="#" class="fui-arrow-right" style="padding: 0 9px; "></a>
                        </li>
julius90's avatar
julius90 committed
                    </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">
julius90's avatar
julius90 committed
                        <div class="w" id="opened" style="top: 100px; left: 100px">
                            <div class="title">BEGIN</div>
julius90's avatar
julius90 committed
                            <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>
julius90's avatar
julius90 committed
                        <li><a id="firstTab" href="#tab1" title="Eigenschaften" class="fui-gear"></a> </li>
julius90's avatar
julius90 committed
                        <li><a href="#tab2" title="Kontextinformationen">K</a></li>
                        <li><a href="#tab3" title="Metadaten">M</a></li>
julius90's avatar
julius90 committed
                        <li><a href="#help" class="fui-question-circle" title="Hilfe"></a></li>
julius90's avatar
julius90 committed
                    </ul>
                </div>

                <!-- content of the tabs -->
                <div class="tabDetails">
                    <div id="tab1" class="tabContents">
julius90's avatar
julius90 committed
                        <form id="formProperties">
                            <div>
                                <label for="inputUnitName" class="label-tabs label">Name</label>
julius90's avatar
julius90 committed
                                <input id="inputUnitName" class="form-control" name="unitName" value="" type="text">
julius90's avatar
julius90 committed
                            </div>
                            <div>
julius90's avatar
julius90 committed
                                <label for="inputUnitDescription" class="label-tabs label">Beschreibung</label>
                                <textarea id="inputUnitDescription" class="form-control" name="unitDescription" rows="5"></textarea>
julius90's avatar
julius90 committed
                            </div>
                        </form>
                    </div>
                    <div id="tab2" class="tabContents">
                        <form id="formContextInformation">
                            <div id="mainContextInfo">
                                    <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>
julius90's avatar
julius90 committed
                                    </select>
                                    <!--<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>-->
julius90's avatar
julius90 committed
                                    </select>
                                    <hr class="hr-tabs">
                                </div>
                                <div>
                                    <div id="btnAddContextInfos" class="btn btn-info" onclick="showDetailContextInfo()"><b class="fui-plus-circle"> </b>Hinzufügen</div>
julius90's avatar
julius90 committed
                            </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>
                                <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;">
                                    <!--<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">
julius90's avatar
julius90 committed
                                <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;">
julius90's avatar
julius90 committed
                                        </select>
                                    </div>
                                    <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>
julius90's avatar
julius90 committed
                                    <div id="divParameterString">
                                        <label class="label-tabs label" for="inputParameterString"></label>
julius90's avatar
julius90 committed
                                        <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;">
julius90's avatar
julius90 committed
                                        </select>
                                    </div>
                                    <!--<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>
julius90's avatar
julius90 committed
                            </div>
                        </form>
julius90's avatar
julius90 committed
                    </div>
                    <div id="tab3" class="tabContents">
julius90's avatar
julius90 committed
                        <form>
                            <div>
julius90's avatar
julius90 committed
                                <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">
julius90's avatar
julius90 committed
                                    </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;">
julius90's avatar
julius90 committed
                                        <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>
julius90's avatar
julius90 committed
                            </div>
julius90's avatar
julius90 committed
                        </form>
julius90's avatar
julius90 committed
                    </div>
                </div>

            </div>
        </div>



        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>

julius90's avatar
julius90 committed
        <!-- login -->
julius90's avatar
julius90 committed
        <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">
julius90's avatar
julius90 committed
                        <div style="text-align: center;">
                            <label>Bitte loggen Sie sich ein!</label>
                        </div>
julius90's avatar
julius90 committed
                        <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>

julius90's avatar
julius90 committed
        <!-- new scenario -->
julius90's avatar
julius90 committed
        <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">
julius90's avatar
julius90 committed
                        <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>
julius90's avatar
julius90 committed
                        </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>

julius90's avatar
julius90 committed
        <!-- delete scenario -->
julius90's avatar
julius90 committed
        <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">
julius90's avatar
julius90 committed
                        <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>
julius90's avatar
julius90 committed
                                <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>
julius90's avatar
julius90 committed
                                <select id="selectSzenarioDeletion2" multiple="multiple" class="form-control multiselect multiselect-info mbl" data-toggle="select">
                                </select>
                            </div>
                        </form>
julius90's avatar
julius90 committed
                    </div>
                    <div class="modal-footer">
julius90's avatar
julius90 committed
                        <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>
julius90's avatar
julius90 committed
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Abbrechen</button>
                    </div>
                </div>
            </div>
        </div>

julius90's avatar
julius90 committed
        <!-- delete units -->
        <!--<div class="modal-delete-units" style="display: none">
julius90's avatar
julius90 committed
            <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-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>
julius90's avatar
julius90 committed
        </div>

julius90's avatar
julius90 committed
        <!-- user profile -->
julius90's avatar
julius90 committed
        <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">
julius90's avatar
julius90 committed
                        <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>
julius90's avatar
julius90 committed
                        </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>

julius90's avatar
julius90 committed
        <!-- contact -->
julius90's avatar
julius90 committed
        <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">
julius90's avatar
julius90 committed
                        <form>
julius90's avatar
julius90 committed
                            <div>
                                <label style="margin-bottom: 0px"><b>Name</b></label>
julius90's avatar
julius90 committed
                                <div class="input-group">
julius90's avatar
julius90 committed
                                    <input class="form-control" name="userName" placeholder="Gib deinen Namen ein" type="text">
julius90's avatar
julius90 committed
                                    <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>
julius90's avatar
julius90 committed
                                </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">
julius90's avatar
julius90 committed
                                    <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>

julius90's avatar
julius90 committed
        <!-- help -->
julius90's avatar
julius90 committed
        <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>-->
julius90's avatar
julius90 committed
                        <!--</div>-->
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" 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>
julius90's avatar
julius90 committed

    </body>

</html>