Maxime/Clyde
1
0
Fork 0
forked from PGL/Clyde
Code Pull Requests Activity

Example of toaster

Browse Source
This commit is contained in:
Debucquoy Anthony
2024-02-28 17:57:13 +01:00
parent 56df39b584
commit 7c9fe9235c
4 changed files with 35 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/App.vue
View File

@ -1,10 +1,15 @@
<script setup>
import 'https://kit.fontawesome.com/fb3bbd0a95.js'
import Toastify from 'toastify-js'
import { toast } from 'vue3-toastify';
import { ref } from 'vue'
const test = ref();
fetch("http://localhost:8080/ping").then((e) => { return e.json() }).then(e => console.log(e) );
async function draw(e) {
test.value = (await fetch("http://localhost:8080/ping"));
test.value = await test.value.json();
toast(test.value['txt']);
}
</script>
<template>
@ -22,7 +27,7 @@
<ul class="horizontal" style="box-shadow: 0px 3px 3px rgb(0, 0, 0);">
<li title="Home">
<a href="#home">
<img src="./assets/Clyde.png" style="width: 40px; height: auto; margin-top:4px">
<img @click="draw" src="./assets/Clyde.png" style="width: 40px; height: auto; margin-top:4px">
</a>
</li>
<li title="Home">