ejs added to the api

BurhanRaja · Aug 11, 2022 · 11fa773 · 11fa773
1 parent 4eee105
commit 11fa773
Show file tree

Hide file tree

Showing 7 changed files with 115 additions and 42 deletions.
diff --git a/.env.example b/.env.example
@@ -1,4 +1,4 @@
-APP_BASE_URL='http://localhost:3000'
+APP_BASE_URL='http://localhost:5000'
 MONGODB_URI=
 SMTP_HOST=
 SMTP_POST=

diff --git a/index.js b/index.js
@@ -21,20 +21,14 @@ app.use(express.json())
 app.use(cors())
 
 // routes
+app.get('/', (req, res) => {
+    res.render('home')
+})
 app.use('/api/files', require("./routes/files"))
 app.use('/files', require("./routes/show"))
 app.use('/file/download', require('./routes/download'))
 
 
-// Docs
-const swaggerUi = require('swagger-ui-express');
-const swaggerJsdoc = require("swagger-jsdoc");
-const options = require('./docs')
-
-const specs = swaggerJsdoc(options);
-app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(specs))
-
-
 app.listen(port, () => {
     console.log(`Example app listening on port ${port}`)
 })
diff --git a/routes/files.js b/routes/files.js
@@ -7,37 +7,6 @@ const sendEmail = require('../services/emailService')
 require('dotenv').config()
 
 
-/**
- * @swagger
- * /api/files:
- *   post:
- *     summary: Create a JSONPlaceholder user.
- *     requestBody:
- *       required: true
- *       content:
- *         multipart/form-data:
- *           schema:
- *             type: string
- *             format: base64
- *             properties:
- *               name:
- *                 type: string
- *                 example: myfile
- *     responses:
- *       201:
- *         description: Created
- *         content:
- *           application/json:
- *             schema:
- *               type: object
- *               properties:
- *                 filePath:
- *                   type: string
- *                   description: The user's name.
- *                   example: Leanne Graham
-*/
-
-
 const storage = multer.diskStorage({
     destination: (req, file, cb) => {
         cb(null, 'uploads/')
@@ -73,7 +42,10 @@ router.post('/', (req, res) => {
 
         const response = await fileUpload.save()
 
-        return res.send({ filePath: `${process.env.APP_BASE_URL}/files/${response.uuid}` })
+        return res.render('pathsToDownload', { 
+            filePath: `${process.env.APP_BASE_URL}/files/${response.uuid}`,
+            uuid: response.uuid,
+        })
     })
 })
 

diff --git a/uploads/1659506843003-278568111.jpg b/uploads/1659506843003-278568111.jpg
diff --git a/uploads/1659517983803-227460010.jpg b/uploads/1659517983803-227460010.jpg
diff --git a/views/home.ejs b/views/home.ejs
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Home</title>
+</head>
+
+<body>
+    <section class="downloadSection">
+
+                <div class="upload">
+                    <form method="post" action="/api/files" enctype="multipart/form-data">
+                        <label for="myfile">myfile</label>
+                        <input type="file" id="myfile" name="myfile" multiple>
+                        <button>Upload</button>
+                    </form>
+                </div>
+
+
+
+    </section>
+</body>
+
+</html>
diff --git a/views/pathsToDownload.ejs b/views/pathsToDownload.ejs
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Home</title>
+</head>
+
+<body>
+    <section class="downloadSection">
+
+        <section class="downloadSection">
+
+            <% if (locals.error) { %>
+                <h4>
+                    <%= locals.error %>
+                </h4>
+
+                <% } else { %>
+
+                    <div class="send-download">
+
+                        <div class="downloadLink">
+                            <a href="<%= filePath %>">
+                                <%= filePath %>
+                            </a>
+                        </div>
+                        <p>OR</p>
+                        <div class="send-email">
+                            <!-- <form>
+                                <input type="text" value="<%= uuid %>" name="uuid" id="uuid">
+
+                                <label for="emailFrom">Sender</label>
+                                <input type="email" name="emailFrom" id="emailFrom">
+
+                                <label for="emailTo">Receiver</label>
+                                <input type="email" name="emailTo" id="emailTo">
+
+                                <button onclick={handleSubmit} type="submit" id="send-btn">Submit</button>
+                            </form> -->
+
+                        </div>
+                    </div>
+
+                    <% } %>
+        </section>
+
+    </section>
+
+    <script>
+
+        const inputSenderEl = document.getElementById('emailFrom')
+        const inputReceiverEl = document.getElementById('emailTo')
+        const inputUuidEl = document.getElementById('uuid')
+
+        let data = {
+                uuid: inputUuidEl.value,
+                emailFrom: inputSenderEl.value,
+                emailTo: inputReceiverEl.value
+            }
+        data = JSON.stringify(data)
+        
+        const handleSubmit = async () => {
+            const response = await fetch('http://localhost/api/files/send', {
+                method:'POST',
+                headers:{
+                    'Content-type':"application/json",
+                },
+                body: data
+            })
+            
+        }
+        
+        console.log(data)
+    </script>
+</body>
+
+</html>