CRUD Api tags, CRUD component frontend

api/index.js

@@ -61,6 +61,55 @@ app.get('/tags/edition', (req, res) => {
         res.json(result);
     });
 });
+// Insert a tag
+app.post('/tags', (req, res) => {
+    let id_tag = req.body.id_tag;
+    if (!id_tag) {
+        res.status(http_status_codes_1.default.BAD_REQUEST).send({ error: "Missing arguments" });
+        return;
+    }
+    const query = "INSERT INTO tag (id_tag) VALUES (?)";
+    exports.db.query(query, [id_tag], (err, result) => {
+        if (err) {
+            res.status(http_status_codes_1.default.INTERNAL_SERVER_ERROR).send({ error: "Something wrong append" });
+            return;
+        }
+        res.status(http_status_codes_1.default.OK).send();
+    });
+});
+// Update tag
+app.put('/tags', (req, res) => {
+    let id_tag = req.body.id_tag;
+    let new_id = req.body.new_id;
+    if (!id_tag) {
+        res.status(http_status_codes_1.default.BAD_REQUEST).send({ error: "Missing arguments" });
+        return;
+    }
+    const query = "UPDATE tag SET id_tag = ? WHERE id_tag = ?";
+    exports.db.query(query, [new_id, id_tag], (err, result) => {
+        if (err) {
+            res.status(http_status_codes_1.default.INTERNAL_SERVER_ERROR).send({ error: "Something wrong append" });
+            return;
+        }
+        res.status(http_status_codes_1.default.OK).send();
+    });
+});
+// Insert a tag
+app.delete('/tags', (req, res) => {
+    let id_tag = req.body.id_tag;
+    if (!id_tag) {
+        res.status(http_status_codes_1.default.BAD_REQUEST).send({ error: "Missing arguments" });
+        return;
+    }
+    const query = "DELETE FROM tag WHERE id_tag = ?";
+    exports.db.query(query, [id_tag], (err, result) => {
+        if (err) {
+            res.status(http_status_codes_1.default.INTERNAL_SERVER_ERROR).send({ error: "Something wrong append" });
+            return;
+        }
+        res.status(http_status_codes_1.default.OK).send();
+    });
+});
 /*
 * ------------------------------- TEAMS --------------------------------------
 */

api/index.ts

@@ -72,6 +72,67 @@ app.get('/tags/edition', (req: Request, res: Response) => {
     })
 });
 
+// Insert a tag
+app.post('/tags', (req: Request, res: Response) => {
+    let id_tag = req.body.id_tag;
+
+    if (!id_tag) {
+        res.status(StatusCode.BAD_REQUEST).send({error: "Missing arguments"});
+        return
+    }
+
+    const query = "INSERT INTO tag (id_tag) VALUES (?)";
+
+    db.query(query, [id_tag], (err, result) => {
+        if (err) {
+            res.status(StatusCode.INTERNAL_SERVER_ERROR).send({error: "Something wrong append"});
+            return
+        }
+        res.status(StatusCode.OK).send();
+    })
+});
+
+// Update tag
+app.put('/tags', (req: Request, res: Response) => {
+    let id_tag = req.body.id_tag;
+    let new_id = req.body.new_id;
+
+    if (!id_tag) {
+        res.status(StatusCode.BAD_REQUEST).send({error: "Missing arguments"});
+        return
+    }
+
+    const query = "UPDATE tag SET id_tag = ? WHERE id_tag = ?";
+
+    db.query(query, [new_id, id_tag], (err, result) => {
+        if (err) {
+            res.status(StatusCode.INTERNAL_SERVER_ERROR).send({error: "Something wrong append"});
+            return
+        }
+        res.status(StatusCode.OK).send();
+    })
+
+});
+
+// Insert a tag
+app.delete('/tags', (req: Request, res: Response) => {
+    let id_tag = req.body.id_tag;
+
+    if (!id_tag) {
+        res.status(StatusCode.BAD_REQUEST).send({error: "Missing arguments"});
+        return
+    }
+
+    const query = "DELETE FROM tag WHERE id_tag = ?";
+
+    db.query(query, [id_tag], (err, result) => {
+        if (err) {
+            res.status(StatusCode.INTERNAL_SERVER_ERROR).send({error: "Something wrong append"});
+            return
+        }
+        res.status(StatusCode.OK).send();
+    })
+});
 
 /*
 * ------------------------------- TEAMS --------------------------------------

frontend/src/App.svelte

@@ -4,6 +4,7 @@
     import Teams from "./lib/Teams.svelte";
     import Entry from "./lib/Entry.svelte";
     import Team from "./lib/Team.svelte";
+    import Tags from "./lib/Tags.svelte";
 </script>
 
 <Router>
@@ -13,6 +14,7 @@
         <Link class="link" to="teams">Équipes</Link>
         <Link class="link" to="team">Gestion des équipes</Link>
         <Link class="link" to="entry">Résultats</Link>
+        <Link class="link" to="tags">Tag RFID</Link>
     </header>
 
     <main>
@@ -47,6 +49,10 @@
         <Route path="entry">
             <Entry />
         </Route>
+
+        <Route path="tags">
+            <Tags />
+        </Route>
     </main>
 </Router>
 

frontend/src/lib/Tags.svelte

+<script>
+    let TAG_URL = "http://localhost:8000/tags";
+    let tags = [];
+    let id_tag;
+    let id_tag_to_update = "";
+    let update = false;
+    let delete_tag = false;
+
+    function getTags() {
+        fetch(TAG_URL)
+            .then((response) => response.json())
+            .then((tags_data) => {
+                tags = tags_data;
+            });
+    }
+
+    function createTag() {
+        let body_data = {
+            id_tag: id_tag
+        };
+
+        fetch(TAG_URL, {
+            method: "POST",
+            body: JSON.stringify(body_data),
+            headers: {
+                "Content-type": "application/json; charset=UTF-8",
+            },
+        }).then(function (response) {
+                if (!response.ok) return Promise.reject(response.status);
+                getTags();
+                id_tag = "";
+            }).catch(function (error) {
+                console.log("Error: " + error);
+            });
+    }
+
+    function selectTag(tag_selected, del) {
+        id_tag_to_update = tag_selected;
+        id_tag = id_tag_to_update
+        update = true
+        delete_tag = del
+    }
+
+    function updateTag() {
+        update = false
+
+        let body_data = {
+            id_tag: id_tag_to_update,
+            new_id: id_tag
+        };
+
+        fetch(TAG_URL, {
+            method: "PUT",
+            body: JSON.stringify(body_data),
+            headers: {
+                "Content-type": "application/json; charset=UTF-8",
+            },
+        }).then(function (response) {
+                if (!response.ok) return Promise.reject(response.status);
+                getTags();
+                id_tag = "";
+            }).catch(function (error) {
+                console.log("Error: " + error);
+            });
+    }
+
+    function deleteTag() {
+        let body_data = {
+            id_tag: id_tag
+        };
+
+        fetch(TAG_URL, {
+            method: "DELETE",
+            body: JSON.stringify(body_data),
+            headers: {
+                "Content-type": "application/json; charset=UTF-8",
+            },
+        }).then(function (response) {
+                if (!response.ok) return Promise.reject(response.status);
+                getTags();
+                id_tag = "";
+                delete_tag = false
+                update = false
+            }).catch(function (error) {
+                console.log("Error: " + error);
+            });
+    }
+
+    getTags();
+</script>
+
+<div class="container">
+    <form action="#">
+        <div class="form-group">
+            <label for="tag">Id du nouveau tag</label>
+            <input type="text" id="tag" bind:value={id_tag} />
+        </div>
+            {#if !delete_tag}
+                {#if !update}
+                    <button on:click|preventDefault={createTag}>Créer le tag</button>
+                {:else}
+                    <button on:click|preventDefault={updateTag}>Mettre à jour</button>
+                {/if}
+            {:else}
+                <button on:click|preventDefault={deleteTag}>Supprimer le tag</button>
+            {/if}
+        
+    </form>
+    <table>
+        <tr>
+            <th>Id tag</th>
+            <th>Action</th>
+        </tr>
+        {#each tags as tag, i}
+            <tr>
+                <td>{tag.id_tag}</td>
+                <td>
+                    <button on:click={()=>selectTag(tag.id_tag, false)}>Edit</button>
+                    <button class="warning" on:click={()=>selectTag(tag.id_tag, true)}>Delete</button>
+                </td>
+            </tr>
+        {/each}
+    </table>
+</div>
+
+<style>
+</style>

frontend/src/lib/Team.svelte

@@ -59,7 +59,6 @@
             .then(function (response) {
                 if (!response.ok) return Promise.reject(response.status);
                 getTeams();
-                return response.json();
             })
             .then(function (data) {
                 console.log("okey" + data);