123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <head>
- {{ template "head_tmpl" }}
- </head>
- </head>
- <body>
- <!-- APP WRAPPER -->
- <div class="app">
- <!-- START APP CONTAINER -->
- <div class="app-container">
- <!-- START SIDEBAR -->
- <div class="app-sidebar app-navigation app-navigation-fixed scroll app-navigation-style-default dir-left">
- {{ template "navbar" }}
- </div>
- <!-- END SIDEBAR -->
- <!-- START APP CONTENT -->
- <div class="app-content">
- <!-- START APP HEADER -->
- <div class="app-header app-header-design-default">
- <ul class="app-header-buttons">
- <li class="visible-mobile"><a href="#" class="btn btn-link btn-icon" data-sidebar-toggle=".app-sidebar.dir-left"><span class="icon-menu"></span></a></li>
- <li class="hidden-mobile"><a href="#" class="btn btn-link btn-icon" data-sidebar-minimize=".app-sidebar.dir-left"><span class="icon-menu"></span></a></li>
- </ul>
- <!-- END APP HEADER -->
- <!-- START PAGE HEADING -->
- <div class="app-heading app-heading-bordered app-heading-page">
- <div class="title">
- <h2>Распределение нагрузки преподавателей</h2>
- <p>Здесь можно создать новый учебный план</p>
- </div>
- </div>
- <!-- END PAGE HEADING -->
- <!-- START PAGE CONTAINER -->
- <div class="container" id="app">
- <div class="block">
- <div class="col-md-4 col-ms-4 grid-element filter-business">
- <div class="tile-basic">
- <a href="#" class="preview" data-preview-size="modal-lg">
- <div class="tile-content tile-content-condensed-bottom text-center">
- <button type="button" class="btn btn-success btn-lg">Добавить</button>
- </a>
- </div>
- </div>
- </div>
- <div class="col-md-4 col-ms-4 grid-element filter-business">
- <div class="tile-basic">
- <a href="#" class="preview" data-preview-size="modal-lg">
- <div class="tile-content tile-content-condensed-bottom text-center">
- <button type="button" class="btn btn-warning btn-lg">Редактировать</button>
- </a>
- </div>
- </div>
- </div>
- <div class="block-content">
- <table class="table table-striped table-bordered">
- <h1>Группы</h1>
- <p>Здесь вы можете добавить, удалить или редактировать группы.</p>
- <thead>
- <tr>
- <th>Группа</th>
- <th>Специальность</th>
- <th>Куратор</th>
- <th>Год приёма</th>
- </tr>
- </thead>
- <tbody>
- <tr v-for="c in groups">
- <td>${c.Groupnumber}</td>
- <td>${c.IDSpecialty}</td>
- <td>${c.IDTeacher}</td>
- <td>${c.Year}</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <!-- END PAGE CONTAINER -->
- </div>
- <!-- END APP CONTENT -->
- </div>
- <!-- END APP CONTAINER -->
- </div>
- <!-- модальные окна -->
- <div class="modal fade" id="preview" tabindex="-1" role="dialog">
- <div class="modal-dialog">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="icon-cross"></span></button>
- <div class="modal-content">
- <div class="block">
- <H1>Предметы</H1>
- <div v-if="requestType === 'PATCH'" class="col-md-12">
- <label>Id</label>
- <div class="input-group">
- <input type="text" class="form-control ID" placeholder="1" :value="selectedRow.ID" disabled="">
- </div>
- </div>
- <div class="form-group">
- <label class="col-md-3 control-label">Номер группы</label>
- <div class="col-md-9">
- <input type="text" class="form-control" data-validation="Number" data-validation-allowing="range[100;1000]" placeholder="362" :value="selectedRow.Number">
- </div>
- </div>
- <div class="form-group">
- <label class="col-md-3 control-label">Специальность</label>
- <div class="col-md-9">
- <select :selected="selectedRow.IDSpecialty">
- <option v-for="s in specilties">${s.Code + " " + s.Name}</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <label class="col-md-3 control-label">Куратор</label>
- <div class="col-md-9">
- <select :selected="selectedRow.IDTeacher">
- <option v-for="t in teachers" v-bind:value="t.Surname">${t.Surname}</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <label class="col-md-3 control-label">Форма обучения</label>
- <div class="app-radio inline">
- <label><input type="radio" name="app-radio-2" value="1" checked :checked="selectedRow.IsBudget==0"> Бюджет</label>
- <label><input type="radio" name="app-radio-2" value="0" :checked="selectedRow.IsBudget==1"> Внебюджет</label>
- </div>
- </div>
- <div class="form-group">
- <label class="col-md-3 control-label">Год приема</label>
- <div class="col-md-9">
- <input type="text" class="form-control" placeholder="2020" data-validation="Number" data-validation-allowing="range[1900;2100]">
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-link" data-dismiss="modal">Закрыть</button>
- <button type="submit" class="btn btn-default" onclick="addSubject()">Добавить</button>
- </div>
- </div>
- </div>
- </div>
- <!-- модальные окна -->
- <script src="https://unpkg.com/vue"></script>
- <script type="text/javascript" src="../static/js/api/vueGroup.js"></script>
- <!-- IMPORTANT SCRIPTS -->
- <script type="text/javascript" src="../static/js/vendor/jquery/jquery.min.js"></script>
- <script type="text/javascript" src="../static/js/vendor/jquery/jquery-migrate.min.js"></script>
- <script type="text/javascript" src="../static/js/vendor/jquery/jquery-ui.min.js"></script>
- <script type="text/javascript" src="../static/js/vendor/bootstrap/bootstrap.min.js"></script>
- <script type="text/javascript" src="../static/js/vendor/moment/moment.min.js"></script>
- <script type="text/javascript" src="../static/js/vendor/customscrollbar/jquery.mCustomScrollbar.min.js"></script>
- <!-- END IMPORTANT SCRIPTS -->
- <script type="text/javascript" src="../static/js/vendor/bootstrap-select/bootstrap-select.js"></script>
- <script type="text/javascript" src="../static/js/vendor/select2/select2.full.min.js"></script>
- <!-- APP SCRIPTS -->
- <script type="text/javascript" src="../static/js/app.js"></script>
- <script type="text/javascript" src="../static/js/app_plugins.js"></script>
- <script type="text/javascript" src="../static/js/app_demo.js"></script>
- <script type="text/javascript" src="../static/js/vendor/form-validator/jquery.form-validator.min.js"></script>
- <!-- END APP SCRIPTS -->
- <script type="text/javascript">
- $.validate({
- modules : 'date,file,location',
- onValidate: function(){
-
- delayBeforeFire(function(){
- app.spy();
- },100);
-
- }
- });
- </script>
- </body>
- </html>
|