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
Some checks failed
WEVAL NonReg / nonreg (push) Has been cancelled
This commit is contained in:
85
generated/wevia-gen-gen-20260424-173725-0.html
Normal file
85
generated/wevia-gen-gen-20260424-173725-0.html
Normal 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>
|
||||
Reference in New Issue
Block a user