From 42f752513952d165bd98bc093f999400804f9133 Mon Sep 17 00:00:00 2001
From: Gabriel <devzando8182@gmail.com>
Date: Sun, 11 Dec 2022 03:25:28 -0300
Subject: [PATCH 1/4] add feature create, index, gettask, update, destroy and
 finishtask

---
 src/controllers/taskController.js | 84 ++++++++++++++++++++++++++++++-
 src/db/connection.js              |  7 +++
 src/models/.gitkeep               |  0
 src/models/task.js                | 17 +++++++
 src/router.js                     |  7 ++-
 src/server.js                     |  2 +
 6 files changed, 115 insertions(+), 2 deletions(-)
 create mode 100644 src/db/connection.js
 delete mode 100644 src/models/.gitkeep
 create mode 100644 src/models/task.js

diff --git a/src/controllers/taskController.js b/src/controllers/taskController.js
index 438dea0..dbed74b 100644
--- a/src/controllers/taskController.js
+++ b/src/controllers/taskController.js
@@ -1,5 +1,87 @@
+const taskModel = require('../models/task');
+
 module.exports = {
     async createTask(req, res){
-        return res.render("main");
+        const { name, category, dateTimeInitial, dateTimeFinal } = req.body;
+
+        try {
+            const task = await taskModel.create({name, category, dateTimeInitial, dateTimeFinal});
+            return res.status(200).json(task);
+            // return res.status(200).render("main");
+        } catch (error) {
+            console.log(error);
+            return res.status(404).json({msg: "Error create task"});
+        }
+    },
+    
+    async index(req, res){
+        try {
+            const tasks = await taskModel.find();
+            return res.status(200).json(tasks);
+            // return res.status(200).render("main");
+        } catch (error) {
+            console.log(error);
+            return res.status(404).json({msg: "Error show tasks"});
+        }
+    },
+    
+    async getTask(req, res){
+        const taskId = req.params.taskId;
+        try {
+            const task = await taskModel.findById({_id: taskId});
+            return res.status(200).json(task);
+            // return res.status(200).render("main");
+        } catch (error) {
+            console.log(error);
+            return res.status(404).json({msg: "error show task"});
+        }
+    }, 
+    
+    async update(req, res){
+        const taskId = req.params.taskId;
+        const { name, category, dateTimeInitial, dateTimeFinal, finished } = req.body;
+        
+        try {
+            const task = await taskModel.updateOne({
+                name: name || undefined,
+                category: category || undefined,
+                dateTimeInitial: dateTimeInitial || undefined,
+                dateTimeFinal: dateTimeFinal || undefined,
+                finished: finished || undefined
+            }).where({_id: taskId});
+            return res.status(200).json(task);
+            // return res.status(200).render("main");
+        } catch (error) {
+            console.log(error);
+            return res.status(404).json({msg: "Update error"});
+        }
+        
+    },
+    
+    async destroy(req, res){
+        const taskId = req.params.taskId;
+        
+        try {
+            const task = await taskModel.deleteOne({_id: taskId});
+            return res.status(200).json(task);
+            // return res.status(200).render("main");
+        } catch (error) {
+            console.log(error);
+            return res.status(404).json({msg: "Delete error"});
+        }
+    }, 
+
+    async finishTask(req, res){
+        const taskId = req.params.taskId;
+        const {finished} = req.body;
+        
+        try {
+            const task = await taskModel.updateOne({finished: !finished}).where({_id: taskId});
+            return res.status(200).json(task);
+            // return res.status(200).render("main");
+        } catch (error) {
+            console.log(error);
+            return res.status(404).json({msg: "error when finishing task"});
+        }
     }
 }
\ No newline at end of file
diff --git a/src/db/connection.js b/src/db/connection.js
new file mode 100644
index 0000000..7bac8e1
--- /dev/null
+++ b/src/db/connection.js
@@ -0,0 +1,7 @@
+const mongoose = require('mongoose');
+
+async function connetiodb(){
+    await mongoose.connect('mongodb+srv://gabriel:gbr81828182@cluster0.spv2phu.mongodb.net/test');
+}
+
+module.exports = connetiodb;
\ No newline at end of file
diff --git a/src/models/.gitkeep b/src/models/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/src/models/task.js b/src/models/task.js
new file mode 100644
index 0000000..01ea9e9
--- /dev/null
+++ b/src/models/task.js
@@ -0,0 +1,17 @@
+const mongoose = require('mongoose');
+
+const Schema = mongoose.Schema;
+const ObjectId = Schema.ObjectId;
+
+const taskSchema = new Schema({
+  id: ObjectId,
+  name: String,
+  category: String,
+  dateTimeInitial: String,
+  dateTimeFinal: String,
+  finished: {type: Boolean, default: false}
+});
+
+const taskModel = mongoose.model('tasks', taskSchema);
+
+module.exports = taskModel;
\ No newline at end of file
diff --git a/src/router.js b/src/router.js
index 127f78e..7e3db5d 100644
--- a/src/router.js
+++ b/src/router.js
@@ -2,6 +2,11 @@ const router = require("express").Router();
 
 const taskController = require('./controllers/taskController');
 
-router.get('/', taskController.createTask);
+router.post('/createtask', taskController.createTask);
+router.get('/alltask', taskController.index);
+router.get('/gettask/:taskId', taskController.getTask);
+router.post('/updatetask/:taskId', taskController.update);
+router.get('/deletetask/:taskId', taskController.destroy);
+router.post('/finishtask/:taskId', taskController.finishTask);
 
 module.exports = router;
\ No newline at end of file
diff --git a/src/server.js b/src/server.js
index 2648e0e..c3b08f4 100644
--- a/src/server.js
+++ b/src/server.js
@@ -1,7 +1,9 @@
 const express = require("express");
 const routes = require('./router');
+const connetiodb = require('./db/connection');
 
 const app = express();
+connetiodb();
 
 app.use(express.json());
 app.use(express.urlencoded({extended: false}));

From 2205ea37ebe413caf0587f25eb80daf11c4ef7d6 Mon Sep 17 00:00:00 2001
From: Tomas Braz <tomasbraz43@hotmail.com>
Date: Mon, 12 Dec 2022 20:23:50 -0300
Subject: [PATCH 2/4] =?UTF-8?q?Adicionado=20altera=C3=A7=C3=B5es=20das=20m?=
 =?UTF-8?q?eninas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/style.css | 104 +++++++++++++++++++++++++++++++++++--------
 views/home/home.ejs  |  44 +++++++++---------
 2 files changed, 108 insertions(+), 40 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 86e0dcf..07f8a98 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -3,16 +3,16 @@
     padding: 0;
     font-family: 'K2D', sans-serif;
 }
-
+ 
 body {
     background-color: #1E1E1E;
     font-family: Arial, Helvetica, sans-serif;
 }
-
+ 
 main {
     margin-left: 5vw;
 }
-
+ 
 #bgModal {
     visibility: hidden;
     position: fixed;
@@ -23,7 +23,11 @@ main {
     z-index: 2;
     display: block;
 }
-
+ 
+#mainModal {
+    width: 250px;
+}
+ 
 #modalCriarAtividade {
     visibility: hidden;
     width: 70%;
@@ -32,7 +36,71 @@ main {
     border-radius: 10px;
     margin: 17vh auto 0 auto;
 }
-
+ 
+#titulo {
+    margin-top: 3px;
+}
+ 
+#categoria {
+    background-color: #B3ADC0;
+    border-radius: 10px;
+    border: 0;
+    padding-left: 7px;
+    margin-bottom: 30px;
+    padding-bottom: 60px;
+}
+ 
+#descrição {
+    background-color: #B3ADC0;
+    border-radius: 10px;
+    border: 0;
+    padding-left: 7px;
+    padding-top: 120px;
+}
+ 
+#data {
+    background-color: #B3ADC0;
+    border-radius: 10px;
+    border: 0;
+    padding-left: 7px;
+}
+ 
+#data2 {
+    background-color: #B3ADC0;
+    border-radius: 10px;
+    border: 0;
+    padding-left: 7px;
+}
+ 
+#time{
+    background-color: #B3ADC0;
+    border-radius: 10px;
+    border: 0;
+    padding-left: 7px;
+}
+ 
+#time2 {
+    background-color: #B3ADC0;
+    border-radius: 10px;
+    border: 0;
+    padding-left: 7px;
+}
+ 
+.data1, .datafim, .inicio, .fim {
+    margin-top: 25px;
+    font-size: 20px;
+}
+ 
+.finalizar, .cancelar, .lixeira{
+    margin-top: 20px;
+    margin-left: 10px;
+    background-color: #9891A7;
+    border-radius: 10px;
+    border: 0;
+    width: 65px;
+    height: 40px;
+}
+ 
 #modalVisualizarAtividade {
     visibility: hidden;
     width: 70%;
@@ -41,7 +109,7 @@ main {
     border-radius: 10px;
     margin: 17vh auto 0 auto;
 }
-
+ 
 #headerModal {
     height: 20%;
     display: flex;
@@ -52,19 +120,19 @@ main {
     font-size: 90%;
     color: #00000080;
 }
-
+ 
 #bodyModal {
     display: flex;
     align-items: center;
     justify-content: space-around;
 }
-
+ 
 #bodyModal input {
     width: 100%;
     height: 50%;
     font-size: 130%;
 }
-
+ 
 #headerModal input {
     width: 50%;
     height: 50%;
@@ -74,12 +142,12 @@ main {
     cursor: pointer;
     margin-left: 1vw;
 }
-
+ 
 #headerModal input:focus {
     box-shadow: 0 0 0 0;
     outline: 0;
 }
-
+ 
 #navBar {
     display: flex;
     align-items: center;
@@ -87,12 +155,12 @@ main {
     background-color: #3C3845;
     margin-bottom: 5vh;
 }
-
+ 
 #logo {
     width: 250px;
     height: 65px;
 }
-
+ 
 #openModal {
     width: 250px;
     height: 40px;
@@ -103,16 +171,16 @@ main {
     cursor: pointer;
     margin-left: 5vw;
 }
-
+ 
 #listaDeAtividades::-webkit-scrollbar{
     width: 10px;
 }
-
+ 
 #listaDeAtividades::-webkit-scrollbar-thumb{
     background-color: #706c7a71;
     border-radius: 10px;
 }
-
+ 
 #listaDeAtividades {
     display: flex;
     flex-direction: column;
@@ -122,7 +190,7 @@ main {
     overflow-y: scroll;
     margin: 5vh 0 0 21vw;
 }
-
+ 
 #atividade {
     list-style: none;
     width: 40vw;
@@ -136,7 +204,7 @@ main {
     display: flex;
     align-items: center;
 }
-
+ 
 .circle {
     width: 12px;
     height: 12px;
diff --git a/views/home/home.ejs b/views/home/home.ejs
index e472f48..428d807 100644
--- a/views/home/home.ejs
+++ b/views/home/home.ejs
@@ -1,60 +1,60 @@
 <!-- MODAIS -->
 <div id="bgModal">
-    <div id="modalCriarAtividade">
+    <form id="modalCriarAtividade">
         <div id="headerModal">
             <h1>Título: </h1>
             <input type="text" name="titulo" id="titulo" placeholder="Ex.: Atividade 1">
         </div>
         <div id="bodyModal">
             <div id="mainModal">
-                <h2>Categoria: </h2>
+                <h2 class="categoria">Categoria: </h2>
                 <input type="text" name="categoria" id="categoria">
-                
-                <h2>Descrição </h2>
+               
+                <h2 class="descrição">Descrição </h2>
                 <input type="text" name="descrição" id="descrição">
             </div>
             <div id="mainModal">
-                <h2>Data de início: </h2>
+                <h2 class="data1">Data de início: </h2>
                 <input type="date" name="data" id="data">
-
-                <h2>Data de fim: </h2>
+ 
+                <h2 class="datafim">Data de fim: </h2>
                 <input type="date" name="data2" id="data2">
-
+ 
                 <div>
-                    <h2>Início:</h2>
+                    <h2 class="inicio">Início:</h2>
                     <input type="time" name="time" id="time">
-                    
-                    <h2>Fim:</h2>
+                   
+                    <h2 class="fim">Fim:</h2>
                     <input type="time" name="time2" id="time2">
                 </div>
-
+ 
                 <div>
-                    <button>Finalizar</button>
-                    <button onclick="closeModal()">Cancelar</button>
-                    <button>lixeira</button>
+                    <input type="submit" name="finalizar-criação" class="finalizar">Finalizar</input>
+                    <input type="reset" name="cancelar-criação" class="cancelar" onclick="closeModal()">Cancelar</input>
+                    <button class="lixeira">Lixeira</button>
                 </div>
             </div>
         </div>
-    </div>
+    </form>
 </div>
-
+ 
 <div id="bgModal">
     <div id="modalVisualizarAtividade">
         <span onclick="closeModal()">&times;</span>
-        <p>apoi tome3</p> 
+        <p>apoi tome3</p>
     </div>
 </div>
-
+ 
 <div id="bgModal">
     <div id="modalEditarAtividade">
         <span onclick="closeModal()">&times;</span>
-        <p>apoi tome4</p> 
+        <p>apoi tome4</p>
     </div>
 </div>
-
+ 
 <main>
     <button id="openModal" onclick="openModal()">+ Adicionar atividade</button>
-
+ 
     <ul id="listaDeAtividades">
         <li id="atividade" onclick="openModalActivity()"><div class="circle"></div>PAIA</li>
         <li id="atividade" onclick="openModalActivity()"><div class="circle"></div>PAIA</li>

From 28886433d0fb73f864618e4c69b928b579f84a4d Mon Sep 17 00:00:00 2001
From: Tomas Braz <tomasbraz43@hotmail.com>
Date: Tue, 13 Dec 2022 05:13:23 -0300
Subject: [PATCH 3/4] =?UTF-8?q?Grafico=20n=C3=A3o=20esta=20funcionando?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json            |   1 +
 public/css/style.css    |  65 ++++++++++++------------------------
 public/imgs/Lixeira.png | Bin 0 -> 815 bytes
 views/home/home.ejs     |  72 ++++++++++++++++++++++++++++++++--------
 views/main.ejs          |  25 ++++++++++++++
 5 files changed, 105 insertions(+), 58 deletions(-)
 create mode 100644 public/imgs/Lixeira.png

diff --git a/package.json b/package.json
index ad4df15..2a73c6c 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
   },
   "homepage": "https://github.com/Tomas025/PJTProcessoSoftware#readme",
   "dependencies": {
+    "chart.js": "^4.0.1",
     "dotenv": "^16.0.3",
     "ejs": "^3.1.8",
     "express": "^4.18.2",
diff --git a/public/css/style.css b/public/css/style.css
index 07f8a98..5c0fb81 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -25,7 +25,7 @@ main {
 }
  
 #mainModal {
-    width: 250px;
+    width: 25vw;
 }
  
 #modalCriarAtividade {
@@ -37,49 +37,15 @@ main {
     margin: 17vh auto 0 auto;
 }
  
-#titulo {
-    margin-top: 3px;
-}
- 
 #categoria {
     background-color: #B3ADC0;
     border-radius: 10px;
     border: 0;
     padding-left: 7px;
     margin-bottom: 30px;
-    padding-bottom: 60px;
-}
- 
-#descrição {
-    background-color: #B3ADC0;
-    border-radius: 10px;
-    border: 0;
-    padding-left: 7px;
-    padding-top: 120px;
 }
  
-#data {
-    background-color: #B3ADC0;
-    border-radius: 10px;
-    border: 0;
-    padding-left: 7px;
-}
- 
-#data2 {
-    background-color: #B3ADC0;
-    border-radius: 10px;
-    border: 0;
-    padding-left: 7px;
-}
- 
-#time{
-    background-color: #B3ADC0;
-    border-radius: 10px;
-    border: 0;
-    padding-left: 7px;
-}
- 
-#time2 {
+#descrição, #data, #data2, #hora, #hora2 {
     background-color: #B3ADC0;
     border-radius: 10px;
     border: 0;
@@ -90,15 +56,26 @@ main {
     margin-top: 25px;
     font-size: 20px;
 }
+
+.inicio, .fim {
+    width: 10vw;
+    height: 30px;
+}
  
-.finalizar, .cancelar, .lixeira{
-    margin-top: 20px;
-    margin-left: 10px;
+.finalizar, .cancelar{
+    width: 7vw !important;
+    height: 40px !important;
+    margin: 20px 10px 0 0;
     background-color: #9891A7;
     border-radius: 10px;
-    border: 0;
-    width: 65px;
-    height: 40px;
+    border: none;
+}
+.lixeira {
+    width: 4vw !important;
+    height: 40px !important;
+    background-color: #9891A7;
+    border-radius: 10px;
+    border: none;
 }
  
 #modalVisualizarAtividade {
@@ -129,7 +106,6 @@ main {
  
 #bodyModal input {
     width: 100%;
-    height: 50%;
     font-size: 130%;
 }
  
@@ -139,8 +115,9 @@ main {
     background-color: transparent;
     border: none;
     font-size: 130%;
-    cursor: pointer;
+    cursor: text;
     margin-left: 1vw;
+    margin-top: 3px;
 }
  
 #headerModal input:focus {
diff --git a/public/imgs/Lixeira.png b/public/imgs/Lixeira.png
new file mode 100644
index 0000000000000000000000000000000000000000..85c2f2a728e5f48c3ede54feed8a820109f3fca7
GIT binary patch
literal 815
zcmV+~1JL}5P)<h;3K|Lk000e1NJLTq000*N0012b1^@s6L9zG700009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0>nu~K~#7Fy;jX`
z(?AejyH4AL2wD>VL?NlE!hr)PI3lG;yayaPazLUts5rD7c>)f+1`<34LTUskO$j7%
zek2kUCr<dbjF<J=DI%r)r1eZ@X1|%8U9Y3DQ{Xtx-fT8|0yVQBWUtj~Jzq3mJB4@$
z#P6W?F+L`QT;l^V_d1=<`y>uy5qS^<uBK^hKA#`7+wGUC-!#o#`1dik7I7G;@L`ez
z6;-*!<U2_*@ZTo?4*anWpeSFnENjlr2?jFkvU31d6r3o9LSYL%yvzOr(4s1a%XOVU
zuz7Eg=`E6E*csru?m9nV7_S65@C{=PNgQ?tjK|~a5E@#YlF7ULfs7?N*tYF`Z1~{@
zpx7^=jUV#){A1Y;Qk&FIf*i&pk|m{>ZH!7foxUO)(LxjBrmpK%**=|4ZSsGYD{t_}
z%F2qRR5BtNImd`wC3{~<>dM9H6x<<yWch%{ACt)>lGOM8u)?-No+0utGWj7H)eRkz
ze?zG}yf#J(d4c3WkmHp2WVDpv3Hfc=jv~UiK(U|PGlpSw1$j1`ZIb_nLjF5Q*H>8-
zmx)a6`6idmX7f+aYqi=Kg75HEIT#fWNsX)sN7f?pu9DQn;QKcd<WiMRrBYc7ZK$|U
zGOLiJr8y!T$xMvT!XQ;s<8nA0I+D$kE0qc{N&OMp@Upq2_G09yuEk||%s8+y9+9oH
zC^pGHkmi?3t;fi*oCXDnzNb<te&>vsa^!%Ye32-muGo3PuQ75Mk4TCZ)a&&g2#WX!
zKavUX`vESgQXi1a;pgr+G#FClKFOj?q!0)U27{jb8~akG`TbbsXh&FinJovK$XhXT
zY+i%Z99s_C#3Sw-(H6Wgd?QB4d>_Z^HT!qm!rTCFdo46Xu2Oseo}w)WY&p!)_h<Nn
t^dga*BbUn+6FwS$1wU<`=N+?)!Y}^xGb@uf%9#KF002ovPDHLkV1ngKZ7=`;

literal 0
HcmV?d00001

diff --git a/views/home/home.ejs b/views/home/home.ejs
index 428d807..f585424 100644
--- a/views/home/home.ejs
+++ b/views/home/home.ejs
@@ -1,6 +1,6 @@
 <!-- MODAIS -->
 <div id="bgModal">
-    <form id="modalCriarAtividade">
+    <form id="modalCriarAtividade" action="javascript: criar();">
         <div id="headerModal">
             <h1>Título: </h1>
             <input type="text" name="titulo" id="titulo" placeholder="Ex.: Atividade 1">
@@ -11,7 +11,7 @@
                 <input type="text" name="categoria" id="categoria">
                
                 <h2 class="descrição">Descrição </h2>
-                <input type="text" name="descrição" id="descrição">
+                <textarea form="modalCriarAtividade" id="descrição" name="descrição" rows="5" cols="43"></textarea>
             </div>
             <div id="mainModal">
                 <h2 class="data1">Data de início: </h2>
@@ -20,31 +20,73 @@
                 <h2 class="datafim">Data de fim: </h2>
                 <input type="date" name="data2" id="data2">
  
-                <div>
-                    <h2 class="inicio">Início:</h2>
-                    <input type="time" name="time" id="time">
-                   
-                    <h2 class="fim">Fim:</h2>
-                    <input type="time" name="time2" id="time2">
+                <div style="display: flex;">
+                    <div style="margin: 0 5vw 20px 0;">                        
+                        <h2 class="inicio">Início:</h2>
+                        <input type="time" name="hora" id="hora">
+                    </div>
+                    <div>
+                        <h2 class="fim">Fim:</h2>
+                        <input type="time" name="hora2" id="hora2">
+                    </div>
                 </div>
- 
-                <div>
-                    <input type="submit" name="finalizar-criação" class="finalizar">Finalizar</input>
-                    <input type="reset" name="cancelar-criação" class="cancelar" onclick="closeModal()">Cancelar</input>
-                    <button class="lixeira">Lixeira</button>
+
+                <div style="display: flex; justify-content: space-around;">
+                    <input type="submit" value="Finalizar" name="finalizar-criação" class="finalizar" />
+                    <input type="reset" value="Cancelar" name="cancelar-criação" class="cancelar" onclick="closeModal()" />
                 </div>
             </div>
         </div>
     </form>
 </div>
+
+<div id="bgModal">
+    <form id="modalEditarAtividade" action="javascript: editar();">
+        <div id="headerModal">
+            <h1>Título: </h1>
+            <input type="text" name="titulo" id="titulo" placeholder="Ex.: Atividade 1">
+        </div>
+        <div id="bodyModal">
+            <div id="mainModal">
+                <h2 class="categoria">Categoria: </h2>
+                <input type="text" name="categoria" id="categoria">
+               
+                <h2 class="descrição">Descrição </h2>
+                <textarea form="modalCriarAtividade" id="descrição" name="descrição" rows="5" cols="43"></textarea>
+            </div>
+            <div id="mainModal">
+                <h2 class="data1">Data de início: </h2>
+                <input type="date" name="data" id="data">
  
+                <h2 class="datafim">Data de fim: </h2>
+                <input type="date" name="data2" id="data2">
+ 
+                <div style="display: flex;">
+                    <div style="margin: 0 5vw 20px 0;">                        
+                        <h2 class="inicio">Início: </h2>
+                        <input type="time" name="hora" id="hora">
+                    </div>
+                    <div>
+                        <h2 class="fim">Fim: </h2>
+                        <input type="time" name="hora2" id="hora2">
+                    </div>
+                </div>
+ 
+                <input type="submit" value="Finalizar" name="finalizar-criação" class="finalizar" />
+                <input type="reset" value="Cancelar" name="cancelar-criação" class="cancelar" onclick="closeModal()" />
+                <button class="lixeira" onclick="closeModal()"><i class="bi bi-trash3"></i></button>
+            </div>
+        </div>
+    </form>
+</div>
+
 <div id="bgModal">
     <div id="modalVisualizarAtividade">
         <span onclick="closeModal()">&times;</span>
         <p>apoi tome3</p>
     </div>
 </div>
- 
+
 <div id="bgModal">
     <div id="modalEditarAtividade">
         <span onclick="closeModal()">&times;</span>
@@ -78,4 +120,6 @@
         <li id="atividade" onclick="openModalActivity()"><div class="circle"></div>PAIA</li>
         <li id="atividade" onclick="openModalActivity()"><div class="circle"></div>PAIA</li>
     </ul>
+
+    <canvas class="line-chart"></canvas>
 </main>
\ No newline at end of file
diff --git a/views/main.ejs b/views/main.ejs
index 82460a7..2ae5008 100644
--- a/views/main.ejs
+++ b/views/main.ejs
@@ -7,6 +7,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=K2D:wght@300;400;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
     <link rel="stylesheet" href="/css/style.css">
     <title>Processo de software</title>
 </head>
@@ -18,14 +19,38 @@
 </body>
 
 <script>
+    var ctx = document.getElementsByClassName("line-chart");
+    var chartGraph = new Chart(ctx, {
+        type: 'line',
+        data: {
+            labels: ['Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado', 'Domingo'],
+            datasets: [{
+                label: 'Atividades',
+                data: [12, 19, 3, 5, 2, 3, 1],
+                borderWhidth: 6,
+                borderColor: '#FF0000',
+                backgroundColor: 'transparent',
+            }]
+        },
+        options: {
+            scales: {
+                y: {
+                    beginAtZero: true
+                }
+            }
+        }
+    });
+
     function openModal() {
         document.getElementById('bgModal').style.visibility = 'visible';
         document.getElementById('modalCriarAtividade').style.visibility = 'visible';
     }
+
     function openModalActivity() {
         document.getElementById('bgModal').style.visibility = 'visible';
         document.getElementById('modalVisualizarAtividade').style.visibility = 'visible';
     }
+
     function closeModal() {
         document.getElementById('bgModal').style.visibility = 'hidden';
         document.getElementById('modalCriarAtividade').style.visibility = 'hidden';

From 4a496352b159e94ee059b12d1989d657647b8171 Mon Sep 17 00:00:00 2001
From: Tomas Braz <tomasbraz43@hotmail.com>
Date: Tue, 13 Dec 2022 05:36:14 -0300
Subject: [PATCH 4/4] Tentando adicionar modal de edit

---
 views/home/home.ejs | 4 ++--
 views/main.ejs      | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/views/home/home.ejs b/views/home/home.ejs
index f585424..798badf 100644
--- a/views/home/home.ejs
+++ b/views/home/home.ejs
@@ -1,6 +1,6 @@
 <!-- MODAIS -->
 <div id="bgModal">
-    <form id="modalCriarAtividade" action="javascript: criar();">
+    <form id="modalCriarAtividade" action="/createtask" method="post">
         <div id="headerModal">
             <h1>Título: </h1>
             <input type="text" name="titulo" id="titulo" placeholder="Ex.: Atividade 1">
@@ -98,7 +98,7 @@
     <button id="openModal" onclick="openModal()">+ Adicionar atividade</button>
  
     <ul id="listaDeAtividades">
-        <li id="atividade" onclick="openModalActivity()"><div class="circle"></div>PAIA</li>
+        <li id="atividade" onclick="openModalActivity()"><div><div class="circle"></div>PAIA<span style="justify-self: flex-end;" onclick="openModalEdit()">&hellip;</span></li>
         <li id="atividade" onclick="openModalActivity()"><div class="circle"></div>PAIA</li>
         <li id="atividade" onclick="openModalActivity()"><div class="circle"></div>PAIA</li>
         <li id="atividade" onclick="openModalActivity()"><div class="circle"></div>PAIA</li>
diff --git a/views/main.ejs b/views/main.ejs
index 2ae5008..b8087df 100644
--- a/views/main.ejs
+++ b/views/main.ejs
@@ -50,6 +50,11 @@
         document.getElementById('bgModal').style.visibility = 'visible';
         document.getElementById('modalVisualizarAtividade').style.visibility = 'visible';
     }
+    
+    function openModalEdit() {
+        document.getElementById('bgModal').style.visibility = 'visible';
+        document.getElementById('modalEditarAtividade').style.visibility = 'visible';
+    }
 
     function closeModal() {
         document.getElementById('bgModal').style.visibility = 'hidden';