fauvet/SAE_RIOT_2024
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test route

Browse Source
This commit is contained in:
Matthis FAUVET 2024-06-29 02:41:21 +02:00
parent a0fe25b2a7
commit 5a4a957542
3 changed files with 26 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app.riot Normal file
View File

@ -0,0 +1,8 @@
<app>
<h1>Bonjour les nullos</h1>
<script>
</script>
</app>

38
index.html
View File

@ -7,31 +7,29 @@
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
</head> </head>
<body class="bg-neutral-50"> <body class="bg-neutral-50">
<onzer></onzer> <onzer></onzer>
<app></app>
<script src="https://unpkg.com/animore/animore.js"></script> <script src="https://unpkg.com/animore/animore.js"></script>
<script src="https://unpkg.com/riot@9/riot+compiler.min.js"></script> <script src="https://unpkg.com/riot@9/riot+compiler.min.js"></script>
<script type="riot" src="./onzer.riot"></script> <script type="riot" src="./onzer.riot"></script>
<script type="javascript" src="./onzer.riot"></script> <script type="riot" src="./app.riot"></script>
<script type="text/javascript"> <script type="text/javascript">
function fetch_data() { function fetch_data() {
return fetch("https://dwarves.iut-fbleau.fr/~fauvet/api/albums").then(response => { return fetch("https://dwarves.iut-fbleau.fr/~fauvet/api/albums").then(response => {
return response.json(); return response.json();
})
}
riot.compile().then(() => {
riot.mount('app', { items: fetch_data() });
}) })
} </script>
riot.compile().then(() => { </body>
riot.mount('onzer', { items: fetch_data() });
})
</script>
<script src="./navigation.riot" type="riot"></script>
<script src="./playlist-form.riot" type="riot"></script>
</body>
</html> </html>

48
onzer.riot
View File

@ -163,59 +163,11 @@
background-color: #D1FAE5; background-color: #D1FAE5;
cursor: not-allowed; cursor: not-allowed;
} }
.add-button {
background-color: #34D399;
border: none;
border-radius: 4px;
padding: 8px 16px;
margin-top: 8px;
cursor: pointer;
color: white;
}
.no-results { .no-results {
text-align: center; text-align: center;
margin-top: 16px; margin-top: 16px;
font-size: 18px; font-size: 18px;
color: #6B7280; color: #6B7280;
} }
/* Modal */
.modal {
/*display: none; /* Par défaut, le modal est caché */
position: fixed;
z-index: 10;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4); /* Fond semi-transparent pour le modal */
}
.modal-content {
background-color: #fefefe;
margin: 10% auto; /* Centre le modal à l'écran */
padding: 20px;
border: 1px solid #888;
width: 80%;
max-width: 600px;
border-radius: 8px;
position: relative;
}
.close {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
font-weight: bold;
cursor: pointer;
color: #888;
}
.close:hover,
.close:focus {
color: #000;
}
</style> </style>
</onzer> </onzer>