4 <title>Kalender</title>
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <script type="text/javascript" src="js/main.js" async="async"></script>
8 <script type="text/javascript" src="js/MVSync/MVSync.js" async="async"></script>
9 <link rel="stylesheet" href="css/bootstrap.css" />
10 <body class="container">
12 <div class="form-group" data-template="jobSelection">
13 <label for="jobList">Berufsgruppe</label>
14 <select class="form-control" id="jobList" data-bind="onchange:loadClasses" data-map="list:jobItem">
15 <option disabled="disabled">Bitte wählen sie eine Berufsgruppe aus...</option>
16 <option data-template="jobItem" data-bind="value:beruf_id" data-content="beruf_name"></option>
20 <div class="form-group" data-template="classSelection">
21 <label for="classList">Klasse</label>
22 <select class="form-control" id="classList" data-bind="onchange:loadCalendar" data-map="list:classItem">
23 <option disabled="disabled">Bitte wählen sie eine Klasse aus...</option>
24 <option data-template="classItem" data-bind="value:klasse_id" data-content="klasse_name"></option>
28 <div class="form-group" data-template="calendar">
41 <tbody data-map="events:calendar_row">
42 <tr data-template="calendar_row">
43 <td data-content="tafel_datum"></td>
44 <td data-content="tafel_wochentag"></td>
45 <td data-content="tafel_von"></td>
46 <td data-content="tafel_bis"></td>
47 <td data-content="tafel_lehrer"></td>
48 <td data-content="tafel_fach"></td>
49 <td data-content="tafel_raum"></td>
57 <div data-map="jobs:jobSelection"></div>
58 <div data-map="classes:classSelection"></div>
59 <div data-map="calendar:calendar"></div>