Главная Обзор Помощь
Регистрация Вход
lee
/
leemorgan-dev
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

Create fontend for updating a gallery.

Lee Morgan 5 лет назад
Родитель
9c60841bbd
Сommit
b3a79e5f56
3 измененных файлов с 73 добавлено и 0 удалено
Единый вид Показать статистику Diff
  1. 17 0
      controllers/gallery.js
  2. 2 0
      routes.js
  3. 54 0
      views/gallery/editGallery.html

+ 17 - 0
controllers/gallery.js
Просмотреть файл 

@@ -79,5 +79,22 @@ module.exports = {
 
             .catch((err)=>{
 
             .catch((err)=>{
 
                 return res.json("ERROR: could not fetch gallery");
 
                 return res.json("ERROR: could not fetch gallery");
 
             });
 
             });
 
+    },
 
+
 
+    /*
 
+    POST: updates a gallery
 
+    req.body = {
 
+        title: String
 
+        tags: String
 
+        location: String
 
+    }
 
+    req.files = {
 
+        images: [Image]
 
+    }
 
+    req.params.id = String (id of gallery)
 
+    */
 
+    updateGallery: function(req, res){
 
+        console.log(req.body);
 
+        console.log(req.files.images);
 
     }
 
     }
 
 }
 
 }

+ 2 - 0
routes.js
Просмотреть файл 

@@ -51,6 +51,8 @@ module.exports = function(app){
 
     app.get("/gallery/new", (req, res)=>{res.sendFile(`${views}/gallery/new.html`)});
 
     app.get("/gallery/new", (req, res)=>{res.sendFile(`${views}/gallery/new.html`)});
 
     app.post("/gallery/new", gallery.create);
 
     app.post("/gallery/new", gallery.create);
 
     app.get("/gallery/retrieve", gallery.getGalleries);
 
     app.get("/gallery/retrieve", gallery.getGalleries);
 
+    app.get("/gallery/edit/:id", (req, res)=>{res.sendFile(`${views}/gallery/editGallery.html`)});
 
+    app.post("/gallery/update/:id", gallery.updateGallery);
 
     app.get("/gallery/json/:id", gallery.getGallery);
 
     app.get("/gallery/json/:id", gallery.getGallery);
 
     app.get("/gallery/:id", (req, res)=>{res.sendFile(`${views}/gallery/index.html`)});
 
     app.get("/gallery/:id", (req, res)=>{res.sendFile(`${views}/gallery/index.html`)});

+ 54 - 0
views/gallery/editGallery.html
Просмотреть файл 

@@ -0,0 +1,54 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+    <head>
 
+        <meta charset="utf-8">
 
+        <title>Lee Morgan</title>
 
+        <style>
 
+            form{
 
+                display: flex;
 
+                flex-direction: column;
 
+            }
 
+        </style>
 
+    </head>
 
+    <body>
 
+        <form
 
+            id="form"
 
+            method="post"
 
+            enctype="multipart/form-data"
 
+        >
 
+            <label>Title
 
+                <input id="titleInput" name="title" type="text" required>
 
+            </label>
 
+
 
+            <label>Tags
 
+                <input id="tagInput" name="tags" type="text" required>
 
+            </label>
 
+
 
+            <label>Location
 
+                <input id="locationInput" name="location" type="tags" required>
 
+            </label>
 
+            
+            <label>New Images
 
+                <input name="images" type="file" multiple>
 
+            </label>
 
+
 
+            <input type="submit" value="Submit">
 
+        </form>
 
+
 
+        <script>
 
+            let id = window.location.href.split("/");
 
+            id = id[id.length-1];
 
+
 
+            fetch(`/gallery/json/${id}`)
 
+                .then(response => response.json())
 
+                .then((gallery)=>{
 
+                    document.getElementById("titleInput").value = gallery.title;
 
+                    document.getElementById("tagInput").value = gallery.tags.toString();
 
+                    document.getElementById("locationInput").value = gallery.location.coordinates.toString().replaceAll(",", ", ");
 
+                })
 
+                .catch((err)=>{console.log(err)});
 
+
 
+            let form = document.getElementById("form");
 
+        </script>
 
+    </body>
 
+</html>