You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
3.1 KiB
107 lines
3.1 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Hello, world!</title>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<meta name="description" content="" />
|
|
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
|
|
<link rel="icon" href="img/favicon.png">
|
|
<link href="vendor/fontawesome-free-6.1.2-web/css/all.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="fadein"></div>
|
|
<style>
|
|
/* For best practice, move CSS below to an external CSS file. */
|
|
@keyframes fadeinall {
|
|
0% {
|
|
opacity: 1; }
|
|
97% {
|
|
opacity: 0; }
|
|
98% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0); }
|
|
99% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-100%);
|
|
transform: translateY(-100%); }
|
|
100% {
|
|
opacity: 0;
|
|
z-index: -1; } }
|
|
#fadein {
|
|
opacity: 1;
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
transform: translateY(0);
|
|
background-color: #fff;
|
|
z-index: 999;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation: fadeinall 1s normal both;
|
|
animation: fadeinall 1s normal both;
|
|
-webkit-animation-delay: 0.3s;
|
|
animation-delay: 0.3s; }
|
|
</style>
|
|
|
|
<script src="vendor/jquery/jquery-3.6.0.min.js" crossorigin="anonymous"></script>
|
|
<script src="vendor/bootstrap/js/bootstrap.min.js" crossorigin="anonymous"></script>
|
|
<script src="vendor/datatable/datatables.min.js" crossorigin="anonymous"></script>
|
|
<script type="text/javascript">
|
|
window.onload = function(){
|
|
setTimeout(function(){
|
|
document.getElementById("fadein").remove();
|
|
},1000);
|
|
};
|
|
</script>
|
|
<div class="container">
|
|
<nav class="navbar navbar-light bg-light">
|
|
<a class="navbar-brand" href="#">
|
|
<img src="src/img/logo-full.png" width="100" height="100" class="d-inline-block align-top" alt="">
|
|
Exports AidImpact
|
|
</a>
|
|
</nav>
|
|
<table id="table" class="table">
|
|
<thead>
|
|
<tr>
|
|
<td>Date import</td>
|
|
<td>Nom du fichier</td>
|
|
<td>Nb lignes importées</td>
|
|
<td>Fichier comptable</td>
|
|
<td>Fichier AidImpact</td>
|
|
<td>Suppression</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<button type="button" class="btn btn-warning" aria-label="Left Align">
|
|
<span>Importer un fichier comptable</span>
|
|
|
|
</button>
|
|
</div>
|
|
|
|
</body>
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
for (let pas = 0; pas < 30; pas++) {
|
|
$( "#table" ).append(
|
|
"<tr><td>28/08/2022 13:02:30</td><td>GLA112-Z03 Z09 Z14A Z06 Z06A - originecompta.csv</td><td>100</td><td><button type='button' class='btn btn-primary' aria-label='Left Align'> <i class='fa-solid fa-download'></i></td><td><button type='button' class='btn btn-success' aria-label='Left Align'> <i class='fa-solid fa-download'></i></td><td><button type='button' class='btn btn-danger' aria-label='Left Align'> <i class='fa-solid fa-trash'></i></td></tr>");
|
|
}
|
|
$('#table').DataTable(
|
|
{
|
|
language: {
|
|
url: 'datatables.french.json'
|
|
}
|
|
}
|
|
|
|
);
|
|
});
|
|
|
|
</script>
|
|
</html>
|