test route
This commit is contained in:
parent
0ce0fe7109
commit
a0fe25b2a7
@ -2,5 +2,6 @@
|
|||||||
<project version="4">
|
<project version="4">
|
||||||
<component name="VcsDirectoryMappings">
|
<component name="VcsDirectoryMappings">
|
||||||
<mapping directory="" vcs="Git" />
|
<mapping directory="" vcs="Git" />
|
||||||
|
<mapping directory="$PROJECT_DIR$" vcs="Git" />
|
||||||
</component>
|
</component>
|
||||||
</project>
|
</project>
|
@ -39,10 +39,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
riot.compile().then(() => {
|
|
||||||
riot.mount('playlist-form');
|
|
||||||
})
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
async onBeforeMount(props) {
|
async onBeforeMount(props) {
|
||||||
let data = await props.items;
|
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