|
|
<!DOCTYPE html> |
|
|
<html lang="fr"> |
|
|
|
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>3GPP Specification Visualizor</title> |
|
|
<link rel="stylesheet" href="static/style.css"> |
|
|
</head> |
|
|
|
|
|
<body> |
|
|
<div class="header"> |
|
|
<h1>Visualiseur de Spécifications 3GPP</h1> |
|
|
<div class="tabs"> |
|
|
<button class="tablinks active" onclick="openTab(event, 'tab1')" data-loading="Veuillez charger un fichier de spécification 3GPP">Fichier JSON</button> |
|
|
<button class="tablinks" onclick="openTab(event, 'tab2')" data-loading="Veuillez chercher une spécification 3GPP">Spécification</button> |
|
|
</div> |
|
|
<div id="tab1" class="tabcontent"> |
|
|
<div class="file-input-container"> <input type="file" id="fileInput" accept=".json"> |
|
|
<div id="fileInfo"></div> |
|
|
</div> |
|
|
<div id="document-container"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div id="tab2" class="tabcontent"> |
|
|
<div class="file-input-container"> |
|
|
<label for="specInput">Spécification N°</label> |
|
|
<input type="text" id="specInput" style="width: 45px;"> |
|
|
<label for="versionInput">Version <input type="checkbox" id="versCheck"></label> |
|
|
<input type="text" id="versionInput" style="width: 45px;" disabled> |
|
|
<button onclick="handleSpecSearch()">Afficher</button> |
|
|
</div> |
|
|
<div id="document-container"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<script src="static/script.js"></script> |
|
|
</body> |
|
|
|
|
|
</html> |
