auto(wevia-generate) doctrine193 job=gen-20260424-173725 | prompt=PATH /var/www/html/generated/web-ia-status-v2.html page HTML 8 provider cards vert bouton send
Some checks failed
WEVAL NonReg / nonreg (push) Has been cancelled

This commit is contained in:
Opus
2026-04-24 17:37:26 +02:00
parent 94f51b6939
commit 61f93dcc0f

View File

@@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Statut Web IA</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css">
<style>
body {
background-color: #0a0e1a;
color: #00e5a0;
font-family: 'JetBrains Mono', monospace;
}
.provider-card {
background-color: #333;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.provider-card:hover {
background-color: #555;
}
.send-button {
background-color: #f4c430;
color: #000;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
.send-button:hover {
background-color: #ffd700;
}
</style>
</head>
<body>
<div class="container mx-auto p-4 md:p-6 lg:p-12">
<h1 class="text-3xl font-bold text-teal-400">Statut Web IA</h1>
<div class="flex flex-wrap justify-center mt-6">
<?php
// Liste des fournisseurs
$providers = array(
array('name' => 'Fournisseur 1', 'status' => 'En ligne', 'color' => '#00e5a0'),
array('name' => 'Fournisseur 2', 'status' => 'Hors ligne', 'color' => '#ff0000'),
array('name' => 'Fournisseur 3', 'status' => 'En maintenance', 'color' => '#ffff00'),
array('name' => 'Fournisseur 4', 'status' => 'En dépannage', 'color' => '#008000'),
array('name' => 'Fournisseur 5', 'status' => 'En développement', 'color' => '#0000ff'),
array('name' => 'Fournisseur 6', 'status' => 'En test', 'color' => '#ff00ff'),
array('name' => 'Fournisseur 7', 'status' => 'En production', 'color' => '#00ffff'),
array('name' => 'Fournisseur 8', 'status' => 'En pause', 'color' => '#ff9900'),
array('name' => 'Fournisseur 9', 'status' => 'En pause', 'color' => '#ff9900'),
array('name' => 'Fournisseur 10', 'status' => 'En pause', 'color' => '#ff9900')
);
?>
<?php foreach ($providers as $provider) { ?>
<div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 p-4 mb-4">
<div class="provider-card">
<h2 class="text-lg font-bold text-white"><?= $provider['name'] ?></h2>
<p class="text-sm text-white"><?= $provider['status'] ?></p>
<div class="flex justify-end">
<button class="send-button" onclick="sendData('<?= $provider['name'] ?>')">Envoyer</button>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<script>
function sendData(providerName) {
// Envoi de données via AJAX
fetch('/send-data', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ providerName: providerName })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
}
</script>
</body>
</html>