diary
9 months ago
7 changed files with 1193 additions and 8814 deletions
File diff suppressed because it is too large
@ -1,99 +1,100 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Génération CSV</title> |
|||
<!-- Include jQuery --> |
|||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> |
|||
<!-- Include jQuery UI --> |
|||
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> |
|||
<!-- Include custom CSS --> |
|||
<link rel="stylesheet" href="styles.css"> |
|||
<title>Génération CSV</title> |
|||
<!-- Include jQuery --> |
|||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> |
|||
<!-- Include jQuery UI --> |
|||
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> |
|||
<!-- Include custom CSS --> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="container"> |
|||
<div class="px-4 py-5 my-5 text-center"> |
|||
<h1 class="display-5 fw-bold text-body-emphasis">Génération CSV</h1> |
|||
<p class="lead mb-4">Génération de fichier CSV depuis une URL pointant vers un fichier de bodacc</p> |
|||
</div> |
|||
<div class="container-fluid"> |
|||
<div class="row"> |
|||
<div class="col-12"> |
|||
<form method="post" action="/" id="form-download"> |
|||
<div class="form-group mb-3"> |
|||
<img src="/img/help.jpg" alt="help" class="img-fluid img-thumbnail" /> |
|||
</div> |
|||
<hr /> |
|||
<div class="form-group mt-3"> |
|||
<label for="name" class="form-label">URL</label> |
|||
<textarea class="form-control" id="form__url" name="url" rows="5">{{form.url.value}}</textarea> |
|||
<div class="form-text"> |
|||
Insérer dans le champs ci-dessus l'url du fichier CSV bodacc à télécharger |
|||
<div id="index"> |
|||
<div class="container"> |
|||
|
|||
<div class="px-4 py-5 my-5 text-center"> |
|||
<h1 class="display-5 fw-bold text-body-emphasis">Génération CSV</h1> |
|||
<p class="lead mb-4">Génération de fichier CSV depuis une URL pointant vers un fichier de bodacc</p> |
|||
</div> |
|||
|
|||
<div class="container-fluid"> |
|||
<div class="row"> |
|||
<div class="col-12"> |
|||
<form method="post" action="/" id="form-download"> |
|||
<div class="form-group mb-3"> |
|||
<img src="/img/help.jpg" alt="help" class="img-fluid img-thumbnail" /> |
|||
</div> |
|||
<hr /> |
|||
<div class="form-group mt-3"> |
|||
<label for="name" class="form-label">URL</label> |
|||
<textarea class="form-control" id="form__url" name="url" rows="5">{{form.url.value}}</textarea> |
|||
<div class="form-text"> |
|||
Inserer dans le champs ci-dessus l'url du fichier CSV bodacc à télécharger |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row my-5"> |
|||
<div class="col-12 col-md-6"> |
|||
<div class="form-group form__column column-choices"> |
|||
<label for="name" class="column-choices__title">Colonnes disponibles</label> |
|||
<ul id="form__choices" class="column-choices__list"> |
|||
{{#each form.columns.options}} |
|||
<li class="form__choice column-choice" data-value="{{this}}"> |
|||
<label class="column-choice__inner"> |
|||
<input type="checkbox" name="columns[]" value="{{this}}" class="column-choice__input" /> |
|||
<span class="column-choice__text">{{this}}</span> |
|||
</label> |
|||
</li> |
|||
{{/each}} |
|||
</ul> |
|||
<div class="row my-5"> |
|||
<div class="col-12 col-md-6"> |
|||
<div class="form-group form__column column-choices"> |
|||
<label for="name" class="column-choices__title">Colonnes disponibles</label> |
|||
<ul id="form__choices" class="column-choices__list"> |
|||
{{#each form.columns.options}} |
|||
<li class="form__choice column-choice" data-value="{{this}}"> |
|||
<label class="column-choice__inner"> |
|||
<input type="checkbox" name="columns[]" value="{{this}}" class="column-choice__input" /> |
|||
<span class="column-choice__text">{{this}}</span> |
|||
</label> |
|||
</li> |
|||
{{/each}} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="col-12 col-md-6"> |
|||
<div class="form-group form__column column-choices"> |
|||
<label for="name" class="column-choices__title column-choices__title--green">Colonnes |
|||
exportées</label> |
|||
<ul id="form__selected" class="column-choices__list"> |
|||
{{#each form.columns.selected}} |
|||
<li class="form__choice column-choice" data-value="{{this}}"> |
|||
<label class="column-choice__inner"> |
|||
<input type="checkbox" name="columns[]" value="{{this}}" class="column-choice__input" |
|||
checked="checked" /> |
|||
<span class="column-choice__text">{{this}}</span> |
|||
</label> |
|||
</li> |
|||
{{/each}} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-12 col-md-6"> |
|||
<div class="form-group form__column column-choices"> |
|||
<label for="name" class="column-choices__title column-choices__title--green">Colonnes |
|||
exportées</label> |
|||
<ul id="form__selected" class="column-choices__list"> |
|||
{{#each form.columns.selected}} |
|||
<li class="form__choice column-choice" data-value="{{this}}"> |
|||
<label class="column-choice__inner"> |
|||
<input type="checkbox" name="columns[]" value="{{this}}" class="column-choice__input" |
|||
checked="checked" /> |
|||
<span class="column-choice__text">{{this}}</span> |
|||
</label> |
|||
</li> |
|||
{{/each}} |
|||
</ul> |
|||
<hr /> |
|||
<div class="d-flex justify-content-center"> |
|||
<div class="spinner-border text-primary d-none" role="status" id="form__spinner" style=""> |
|||
<span class="visually-hidden">Loading...</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<hr /> |
|||
<div class="d-flex justify-content-center"> |
|||
<div class="spinner-border text-primary d-none" role="status" id="form__spinner" style=""> |
|||
<span class="visually-hidden">Loading...</span> |
|||
<div class="d-none my-3" id="form__result"> |
|||
<strong>Lien vers le fichier généré : </strong> |
|||
<a href="" target="_blank" download></a> |
|||
</div> |
|||
<div class="d-grid gap-2 col-12 col-md-4 mx-auto my-3"> |
|||
<button class="btn btn-primary" id="form__submit" type="submit">Télécharger</button> |
|||
</div> |
|||
</div> |
|||
<div class="d-none my-3" id="form__result"> |
|||
<strong>Lien vers le fichier généré : </strong> |
|||
<a href="" target="_blank" download></a> |
|||
</div> |
|||
<div class="d-grid gap-2 col-12 col-md-4 mx-auto my-3"> |
|||
<button class="btn btn-primary" id="form__submit" type="submit">Télécharger</button> |
|||
</div> |
|||
</form> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- /.container-fluid --> |
|||
</div> |
|||
</div> |
|||
<!-- Script pour le fonctionnement de drag and drop et AJAX --> |
|||
<script> |
|||
$(document).ready(function () { |
|||
<!-- Script pour le fonctionnement de drag and drop et AJAX --> |
|||
<script> |
|||
$(document).ready(function () { |
|||
$("#form__selected").sortable({ |
|||
revert: false, |
|||
revert: false, |
|||
helper: "clone" |
|||
}); |
|||
}); |
|||
</script> |
|||
</script> |
|||
</body> |
|||
</html> |
Loading…
Reference in new issue