<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <!-- CSS -->
    <link rel="stylesheet" href="/~rorossetto/Php_RSS/fluxRSS/templates/CSS/myStyle.css" >
    <title>All Articles</title>
</head>
<body class="myBody margOp">
<a class="btn dnconnect" href="/~rorossetto/Php_RSS/fluxRSS/admin/deconnection">Déconnection</a>
<a class="btn" href="/~rorossetto/Php_RSS/fluxRSS/admin/listFlux">Vue flux</a>
<div class="margOp">
    <h1 class="d-flex justify-content-center entete">Vue des articles</h1>
</div>
<form class="margOp" method="POST" action="changeNbArticle">
    <input name="nbArticle" type="number" min="0">
    <button type="submit">Change number of articles</button>
</form>
{% for article in dVue.data %}
    <p class="caseInfo">
        {{article.dateStr()}}<br>
        <img class="imgArticle" src="{{ article.getMediaContent }}"/><br>
        <a class="modal-content enTitre" href="{{ article.getLink() }}"target="_blank">{{ article.getTitle() }}</a>
        {{ article.getDescription() }}
    </p>
{% endfor %}
<script>
    // Actualiser la page toutes les 5 secondes
    setTimeout(function(){
        location.reload();
    }, 50000);
</script>
</body>
</html>