91 lines
4.2 KiB
PHP
91 lines
4.2 KiB
PHP
<?php
|
|
include "templates/Header.html";
|
|
?>
|
|
|
|
<script type="text/javascript" src="js/script.js"></script>
|
|
|
|
<!-- Spracheinstellung für Bootstrap Table -->
|
|
<input type="hidden" id="locale" value="de-DE">
|
|
<!-- Globale Variablen -->
|
|
<input type="hidden" id="ID" value="" />
|
|
<input type="hidden" id="authType" value="Subject" />
|
|
|
|
<?php include "templates/Menu.html"; ?>
|
|
|
|
<div class="container-fluid mt-3">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-10">
|
|
|
|
<!-- Fehlermeldung -->
|
|
<div class="alert d-none" id="errorStatistics" role="alert"></div>
|
|
|
|
<!-- Formular -->
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<h5 class="mb-0">Normdaten Statistik</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<form id="statisticsForm">
|
|
<div class="row mb-3">
|
|
<label for="startPeriod" class="col-sm-2 col-form-label">Starttermin</label>
|
|
<div class="col-sm-3">
|
|
<input type="date" class="form-control" id="startPeriod">
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<label for="endPeriod" class="col-sm-2 col-form-label">Endtermin</label>
|
|
<div class="col-sm-3">
|
|
<input type="date" class="form-control" id="endPeriod">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3 offset-sm-2">
|
|
<button type="button" class="btn btn-primary" onclick="generateStatistics()">
|
|
<i class="bi bi-bar-chart-fill me-1"></i>Statistik erstellen
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Ergebnisbereich: Tabellengerüst fest im DOM, nur tbody/tfoot werden befüllt -->
|
|
<div id="records_content" style="display:none">
|
|
<div class="card border-0 shadow-sm">
|
|
<div class="card-header border-0 py-2 px-3" style="background-color:#1a3a5c">
|
|
<span class="text-white fw-semibold">Statistik Normdatenbearbeitung</span>
|
|
<span id="statisticsZeitraum" class="text-white opacity-75 small ms-3"></span>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<table class="table table-hover table-striped mb-0">
|
|
<thead>
|
|
<tr style="border-top:2px solid #fff">
|
|
<th class="text-white text-center py-2" style="width:60px;background-color:#1a3a5c">#</th>
|
|
<th class="text-white py-2" style="background-color:#1a3a5c">Normdatei</th>
|
|
<th class="text-white text-end pe-4 py-2" style="width:180px;background-color:#1a3a5c">Aufnahmen</th>
|
|
<th class="text-white text-end pe-4 py-2" style="width:180px;background-color:#1a3a5c">Korrekturen</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="statisticsBody"></tbody>
|
|
<tfoot id="statisticsFoot"></tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3 mb-2 text-end">
|
|
<button class="btn btn-sm px-3"
|
|
style="background-color:#1a3a5c;color:#fff;border:none"
|
|
onmouseover="this.style.backgroundColor='#15304d'"
|
|
onmouseout="this.style.backgroundColor='#1a3a5c'"
|
|
onclick="RecordContentHide()">
|
|
<i class="bi bi-x-circle me-1"></i>Schließen
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|