felix-vi/SAE_riot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

credit encore 4

Browse Source
This commit is contained in:
Patrick
2025-04-02 22:08:48 +02:00
parent 39e6049fc7
commit 9bce4cd2ea
1 changed files with 33 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
components/release-details.riot
View File

@@ -27,11 +27,12 @@
{state.release.profile} {state.release.profile}
</div> </div>
<!-- Liste des extra-artists avec liens --> <!-- Liste des extra-artists avec liens -->
<div if="{this.props.Type === 'release'}"> <div class="credits" if="{this.props.Type === 'release'}">
<b>Crédits :</b> <b>Crédits :</b>
<ul> <ul>
<li each="{artist in state.extraArtists}"> <li each="{artist in state.extraArtists}">
<a href={"#/release-details/artist/" + artist.id } target="_blank">{artist.name} - {artist.role}</a> <a href={"#/release-details/artist/" + artist.id } target="_blank">{artist.name} - {artist.role}</a>
{console.log(artist)}
</li> </li>
</ul> </ul>
</div> </div>
@@ -55,8 +56,6 @@
// Récupérer les extra-artists depuis leur URL // Récupérer les extra-artists depuis leur URL
const response = await fetch(this.state.release.resource_url); const response = await fetch(this.state.release.resource_url);
this.state.resource = response.json(); this.state.resource = response.json();
console.log(this.state.resource)
} }
else if (this.props.Type === "master"){ else if (this.props.Type === "master"){
this.state.release = await window.getMasterDetails(id) this.state.release = await window.getMasterDetails(id)
@@ -158,5 +157,36 @@
margin-right: 0.5rem; margin-right: 0.5rem;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
} }
.credits {
margin-top: 1.5rem;
padding-top: 1rem;
border-top: 1px solid #ddd;
}
.credits b {
font-size: 1.2rem;
color: #1976d2;
}
.credits ul {
list-style: none;
padding: 0;
margin: 0.5rem 0 0;
}
.credits li {
font-size: 0.95rem;
margin-bottom: 0.4rem;
}
.credits a {
color: #1976d2;
text-decoration: none;
font-weight: bold;
}
.credits a:hover {
text-decoration: underline;
}
</style> </style>
</release-details> </release-details>