2023-02-13 17:42:41 +01:00

91 lines
3.6 KiB
HTML

<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<script src=".\js\loople.js"></script>
<script>
$(function () {
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
<body class="bg-dark">
<div class="main-content" id="panel">
<!--Header-->
<div id="header"></div>
<!--CONTENT-->
<div class="card mb-4 ecsu-bg-dark-light-out">
<div class="card-body">
<form>
<div class="row">
<div class="col-8 ">
<h6 class="mb-0 text-white">Home</h6>
</div>
<div class="col-4"><button class="btn btn-sm ecsu-btn-dark" id="download">Sync</button></div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label class="form-control-label text-white" for="input-last-name">Select Sectorfilefolder</label>
<input type="file" id="sctfolder" class="form-control" webkitdirectory directory />
</div>
</div>
<div>
<h6 class="text-white">Sectorfile AIRAC: 2209</h6>
</div>
<div>
<h6 class="text-uppercase text-xs font-weight-bolder text-white">Logins</h6>
<div class="progress-wrapper mb-4">
<div class="progress-info">
<div class="progress-percentage">
<span class="text-sm font-weight-bold">60%</span>
</div>
</div>
<div class="progress">
<div class="progress-bar escu-bg-gradient-primary " role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 60%;" id="progessb" id="dirBox"></div>
</div>
</div><button class="btn ecsu-btn-dark mb-4">Button</button>
</form>
</div>
</div>
<!--CONTENT PRIMARY DROPDOWN BUTTON
<div class="container-fluid pt-3 ">
<div class="col-12 col-xl-4 mb-4">
<div class="dropdown mb-4">
<button class="btn bg-gradient-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
Primary
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</div>
</div>
-->
<!--Footer-->
<div id="footer"></div>
</div>
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/core/popper.min.js"></script>
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/core/bootstrap.min.js"></script>
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/plugins/chartjs.min.js"></script>
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/plugins/Chart.extension.js"></script>
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/soft-ui-dashboard.min.js?v=1.0.2"></script>
<script src="./js/loopple.js"></script>
<script>
$(function () {
$("#header").load(".\html\header.html");
$("#footer").load(".\html\footer.html");
});
function kackc(){
var dragonHealth = document.getElementById("progressb").value;
dragonHealth.value = 25;
}
</script>
</body>