test route
This commit is contained in:
parent
0ce0fe7109
commit
a0fe25b2a7
@ -2,5 +2,6 @@
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="" vcs="Git" />
|
||||
<mapping directory="$PROJECT_DIR$" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
@ -39,10 +39,6 @@
|
||||
</div>
|
||||
|
||||
<script>
|
||||
riot.compile().then(() => {
|
||||
riot.mount('playlist-form');
|
||||
})
|
||||
|
||||
export default {
|
||||
async onBeforeMount(props) {
|
||||
let data = await props.items;
|
||||
|
@ -1,63 +0,0 @@
|
||||
<playlist-form>
|
||||
<form onsubmit={handleSubmit}>
|
||||
<label for="playlist-name">Nom de la playlist</label>
|
||||
<input type="text" id="playlist-name" name="playlist-name"/>
|
||||
|
||||
<button>Créer la playlist</button>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
this.handleSubmit = async (event) => {
|
||||
event.preventDefault();
|
||||
|
||||
const formData = new FormData(event.target);
|
||||
const playlistName = formData.get('playlist-name');
|
||||
|
||||
try {
|
||||
const response = await fetch('https://dwarves.iut-fbleau.fr/~fauvet/api/playlists', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({name: playlistName})
|
||||
});
|
||||
|
||||
if(!response.ok) {
|
||||
throw new Error('Erreur lors de la création de la playlist');
|
||||
}
|
||||
|
||||
event.target.reset();
|
||||
alert('Playlist créée avec succès !');
|
||||
} catch(error) {
|
||||
console.error('Erreur : ', error);
|
||||
alert('Une erreur est survenue lors de la création de la playlist');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 300px;
|
||||
margin: 20px auto;
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
label, input {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 10px;
|
||||
background-color: #6EE7B7;
|
||||
border: none;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #059669;
|
||||
}
|
||||
</style>
|
||||
</playlist-form>
|
Loading…
Reference in New Issue
Block a user