First Upload of DEV_6

app.js

@@ -21,6 +21,8 @@ var userManagerRouter = require('./routes/usermanager');
 var linkRouter = require('./routes/link');
 var fileRouter = require("./routes/filemanager")
 var downloadRouter = require("./routes/download")
+var cvRouter = require("./routes/cv")
+
 
 
 var app = express();
@@ -49,6 +51,7 @@ app.use('/usermanager', userManagerRouter)
 app.use('/link', linkRouter)
 app.use("/filemanager", fileRouter)
 app.use("/download", downloadRouter)
+app.use("/cv", cvRouter)
 
 
 // catch 404 and forward to error handler

package.json

@@ -1,6 +1,6 @@
 {
   "name": "neutral",
-  "version": "DEV_5",
+  "version": "DEV_6",
   "private": true,
   "nodemonConfig": {
     "ext": "js, html",

public/javascripts/dashboard.js

@@ -1,5 +1,3 @@
-
-
 const account = document.getElementById("account")
 const menu = document.getElementById("accmenu")
 const sidebar = document.getElementById("sidebar")
@@ -145,6 +143,7 @@ const b4 = document.getElementById("s-moni")
 const b5 = document.getElementById("s-device")
 const b6 = document.getElementById("s-cv")
 const b7 = document.getElementById("s-link")
+const b8 = document.getElementById("s-admin")
 const settings = document.getElementById("settingsBtn")
 
 b1.addEventListener("click", () => {
@@ -183,6 +182,11 @@ b7.addEventListener("click", () => {
 
 })
 
+b8.addEventListener("click", () => {
+  getPage("panel.html")
+
+})
+
 settings.addEventListener("click", () => {
   getPage("settings.html")
 

public/stylesheets/style.css

@@ -299,7 +299,11 @@ body {
     display: flex;
     justify-content: start;
     flex-direction: column;
- 
+    gap: 1vw;
+  }
+
+  .sidebar:hover .middle{
+    gap: 0;
   }
 
   .sidebar:hover .middle {
@@ -358,6 +362,8 @@ body {
     -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
     -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
     user-select: none; /* Propriété standard */
+    margin-left: 2%;
+    text-align: center;
   }
 
   .username {
@@ -398,9 +404,9 @@ body {
   .sidebar-item {
 
     transition: all 0.2s ease 0s;
-    padding: 5%;
+    padding: 10%;
-    margin-top: 5%;
+    width: 100%;
-    margin-bottom: 5%;
+
   }
 
   .sidebar-item:hover {
@@ -408,7 +414,7 @@ body {
     background-color: white;
     color: black;
     cursor: pointer;
-   
+    
     
   }
 

public/templates/cv.html

@@ -0,0 +1,410 @@
+<div class="home">
+    <h1>Mon CV</h1>
+    
+</br>
+<div class="homepanel">
+    <div class="row w-100">
+        <div class="hbox col-lg">
+            <h1><i class="fas fa-puzzle-piece"></i> Sections</h1>
+            <div class="cv-sections">
+
+            <div class="row w-100">
+            <select id="cv-section-selector" class="cv-selector">
+                <option>Qui suis-je ?</option>
+                <option>Contact</option>
+                <option>Formations</option>
+                <option>Diplomes & Certifications</option>
+                <option>Passions et activités</option>
+                <option>Ma recherche de stage</option>
+            </select>
+            </div>
+            <div class="row w-100">
+            <textarea id="cv-section-textarea" class="cv-textarea">
+
+            </textarea>
+            </div>
+
+            <div class="row w-100">
+                <button id="cv-section-save" class="cv-save col-lg-2"><i class="fa fa-save"></i> Sauvegarder</button>
+            </div>
+            <div class="row w-100">
+                
+                <p id="cv-section-info" class="cv-info" style="color:rgb(255, 48, 48)"></p>
+            </div>
+            
+            </div>
+        </div>
+        <div class="hbox col-lg">
+          
+              
+            <h1><i class="fa fa-gear"></i> Projets</h1>
+            <div class="cv-sections">
+
+                <div class="row w-100">
+                <select class="col-lg-10 cv-selector">
+                    <option>NONE</option>
+                    <option>NONE</option>
+                    <option>NONE</option>
+                    <option>NONE</option>
+                    <option>NONE</option>
+                </select>
+                <button class="col-lg-1 cv-plus"><i class="fa fa-plus"></i></button>
+                </div>
+                
+                <div class="row w-100">
+                <textarea class="cv-textarea">
+    
+                </textarea>
+                </div>
+    
+                <div class="row w-100">
+                    <button class="cv-save col-lg-2"><i class="fa fa-save"></i> Sauvegarder</button>
+                    <button class="cv-del col-lg-2"><i class="fa fa-trash"></i> Effacer</button>
+                </div>
+                
+                <div class="row cv-upload-section">
+                    <p class="col-lg">Uploader une image : <span>NAMTEST.png</span> </p>
+                    <button class=" col-lg-2 cv-upload"><i class="fa fa-upload"></i> Upload</button>
+                    
+                </div>
+                
+            </div>
+            
+        </div>
+        
+         
+    </div>
+    <div class="row w-100">
+        <div class="hbox col-lg">
+          
+              
+            <h1><i class="fa fa-signal"></i> Statistiques</h1>
+            <p>Coming soon ...</p>
+            
+         </div>
+    </div>
+   
+
+</div>
+
+</div>
+
+
+<script>
+    if(typeof checkDelare == "undefined") {
+        const checkDelare = true;
+
+        const sectionTextArea = document.getElementById("cv-section-textarea")
+        const sectionSelector = document.getElementById("cv-section-selector")
+        const sectionSave = document.getElementById("cv-section-save")
+        const sectionInfo = document.getElementById("cv-section-info")
+
+        var sectionSelectedMD = null;
+        loadText(sectionTextArea, "WHOAMI")
+
+        sectionSelector.addEventListener("change", () => {
+            const opt = sectionSelector.value
+
+            if(opt == "Qui suis-je ?") {
+                loadText(sectionTextArea, "WHOAMI")
+                
+            } else if(opt == "Contact") {
+                loadText(sectionTextArea, "CONTACT")
+         
+            } else if(opt == "Formations") {
+                loadText(sectionTextArea, "FORMATION")
+               
+            } else if(opt == "Diplomes & Certifications") {
+                loadText(sectionTextArea, "DIPLOME")
+             
+            } else if(opt == "LOBBIES") {
+                loadText(sectionTextArea, "Passions et activités")
+               
+            } else if(opt == "Ma recherche de stage") {
+                loadText(sectionTextArea, "FIND")
+              
+            }
+
+        })
+
+        sectionSave.addEventListener("click", () => {
+
+            sectionInfo.innerHTML = ""
+
+       
+
+            fetch('/cv', {
+                method: 'POST',
+                redirect: 'follow',
+                headers: {
+                    'Accept': 'application/json',
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({"request":"set", "value": sectionTextArea.value, "type": sectionSelectedMD})
+                })
+                .then(response => response.json())
+                .then(response => res(response))
+
+                function res(response) {
+                    if(response.result == "failed") {
+                        content.innerHTML = ' <h1 style="color:red;"><i style="color:yellow; font-size: 2vw;" class="fa fa-warning"></i>  Erreur de chargement des données - Erreur : ' + response.content  + '</h1>'
+                        console.log("FAILED")
+                    
+                    } else if(response.result == "success") {
+
+                        if(response.content == "ERROR_NOT_PERMITTED") {
+                            sectionInfo.innerHTML = "Erreur, le fichier n'a pas été sauvegardé correctement !"
+
+                        } else {
+                            sectionInfo.innerHTML = "<span style='color:rgb(130, 255, 163); '>Le fichier a été sauvegardé avec succès !</span>"
+
+                        }
+                        
+                    }
+
+                }
+
+        })
+
+
+        loadText(sectionTextArea, "WHOAMI")
+        
+        function loadText(textArea, requestElement) {
+
+            sectionSelectedMD = requestElement
+
+            fetch('/cv', {
+                method: 'POST',
+                redirect: 'follow',
+                headers: {
+                    'Accept': 'application/json',
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({"request":"get", "value": requestElement})
+                })
+                .then(response => response.json())
+                .then(response => res(response))
+
+                function res(response) {
+                    if(response.result == "failed") {
+                        content.innerHTML = ' <h1 style="color:red;"><i style="color:yellow; font-size: 2vw;" class="fa fa-warning"></i>  Erreur de chargement des données - Erreur : ' + response.content  + '</h1>'
+                        console.log("FAILED")
+                    
+                    } else if(response.result == "success") {
+
+                        textArea.value = response.content
+                        
+                    }
+
+                }
+            
+
+
+        }
+
+
+    }
+</script>
+
+
+<!-- Style-->
+<style>
+
+.cv-info {
+
+    margin-top: 5%;
+}
+
+.cv-upload-section {
+
+    align-items: center;
+    margin-top: 3%;
+
+}
+
+.cv-selector {
+
+    border-radius: 1vw;
+    border-color: rgb(0, 174, 255);
+    border-width: 1%;
+    border-style: solid;
+    color: white;
+    background-color: transparent;
+    transition: all 0.2s ease 0s;
+    font-size: 0.7vw;
+    padding: 0.5vw;
+    margin-bottom: 3%;
+    
+
+
+
+}
+
+.cv-selector:hover {
+    box-shadow: 1px 1px 10px rgb(0, 174, 255);
+    background-color: rgb(0, 174, 255);
+    color: black;
+}
+
+.cv-selector:active {
+    box-shadow: none;
+
+}
+
+.cv-selector option {
+
+    background-color: rgb(80, 80, 80);
+    color: white;
+}
+
+.cv-upload {
+
+border-radius: 1vw;
+border-color: rgb(0, 174, 255);
+border-width: 1%;
+border-style: solid;
+color: white;
+background-color: transparent;
+transition: all 0.2s ease 0s;
+font-size: 0.7vw;
+padding: 0.5vw;
+
+}
+
+.cv-upload:hover {
+box-shadow: 1px 1px 10px rgb(0, 174, 255);
+background-color: rgb(0, 174, 255);
+color: black;
+}
+
+.cv-upload:active {
+box-shadow: none;
+
+}
+
+.cv-save{
+
+    border-radius: 1vw;
+    border-color: rgb(0, 174, 255);
+    border-width: 1%;
+    border-style: solid;
+    color: white;
+    background-color: transparent;
+    transition: all 0.2s ease 0s;
+    font-size: 0.7vw;
+    padding: 0.5vw;
+    margin-top: 3%;
+    margin-right: 3%;
+
+
+
+}
+
+.cv-save:hover {
+    box-shadow: 1px 1px 10px rgb(0, 174, 255);
+    background-color: rgb(0, 174, 255);
+    color: black;
+}
+
+.cv-save:active {
+    box-shadow: none;
+
+}
+
+.cv-plus {
+
+border-radius: 1vw;
+border-color: rgb(0, 174, 255);
+border-width: 1%;
+border-style: solid;
+color: white;
+background-color: transparent;
+transition: all 0.2s ease 0s;
+font-size: 0.7vw;
+padding: 0.5vw;
+margin-bottom: 3%;
+margin-left: 2%;
+
+}
+
+.cv-plus:hover {
+box-shadow: 1px 1px 10px rgb(0, 174, 255);
+background-color: rgb(0, 174, 255);
+color: black;
+}
+
+.cv-plus:active {
+box-shadow: none;
+
+}
+
+
+.cv-del {
+
+    border-radius: 1vw;
+    border-color: rgb(255, 48, 48);
+    border-width: 1%;
+    border-style: solid;
+    color: white;
+    background-color: transparent;
+    transition: all 0.2s ease 0s;
+    font-size: 0.7vw;
+    padding: 0.5vw;
+    margin-top: 3%;
+    margin-right: 3%;
+
+
+
+}
+
+.cv-del:hover {
+    box-shadow: 1px 1px 10px rgb(255, 48, 48);
+    background-color: rgb(255, 48, 48);
+    color: black;
+}
+
+.cv-del:active {
+    box-shadow: none;
+
+}
+
+.cv-textarea {
+
+    border-radius: 1vw;
+    padding: 3%;
+    color: black;
+    height: 15vw;
+    
+}
+
+
+.cv-sections {
+
+    padding: 2% !important;
+}
+
+
+.hbox h1 {
+
+    font-size: large;
+
+}
+
+table  {
+    color: white;
+    
+}
+
+
+
+.hbox {
+    
+    margin: 1%;
+    padding: 1%;
+    background-color: rgb(80, 80, 80);
+    border-radius: 1vw;
+    box-shadow: 5px 5px 5px rgba(80, 80, 80, 0.477) ;
+
+  }
+
+</style>

public/templates/files.html

@@ -202,6 +202,7 @@
                     } else {
 
                         getDirectory(currentDir.value)
+                        fiInfo.innerHTML = "<span style='color: rgb(130, 255, 163);'>Le fichier <strong>" + file.name +  "</strong> a été upload !</span>"
                     }
 
                     }

public/templates/panel.html

@@ -0,0 +1,57 @@
+<div class="home">
+    <h1>Administration</h1>
+</br>
+<div class="homepanel">
+    <div class="row w-100">
+        <div class="hbox col-lg">
+          
+              
+            <h1><i class="fa fa-gear"></i> Administration</h1>
+           
+            
+         </div>
+         
+    </div>
+   
+
+</div>
+
+</div>
+
+
+<!-- Style-->
+<style>
+
+.home {
+
+    
+    
+
+}
+
+
+
+.hbox h1 {
+
+    font-size: large;
+
+}
+
+table  {
+    color: white;
+    
+}
+
+
+
+.hbox {
+    
+    margin: 1%;
+    padding: 1%;
+    background-color: rgb(80, 80, 80);
+    border-radius: 1vw;
+    box-shadow: 5px 5px 5px rgba(80, 80, 80, 0.477) ;
+
+  }
+
+</style>

routes/cv.js

@@ -0,0 +1,356 @@
+var express = require('express');
+var router = express.Router();
+var ntr = require("../neutral-functions.js")
+var fs = require("fs")
+var path = require("path")
+var mime = require('mime-types');
+const { compileString } = require('sass');
+const { response } = require('../app.js');
+
+/* GET home page. */
+router.get('/', function(req, res, next) {
+
+  
+    var check = ntr.checkToken(req, res) 
+  
+    if(check.name != false) {
+  
+      res.redirect(302, "/")
+     
+    } else {
+  
+      res.render('login', {error: ""});
+    }
+  
+});
+
+router.post("/", function(req, res, next) {
+
+    var check = ntr.checkToken(req, res) 
+    
+    if(check.name == false) {
+  
+      res.send({"result":"failed", "content":"ERROR_TOKEN_NOT_VALID"})
+      
+      
+    } else {
+
+        if(check.permLevel >= 2) {
+
+            const bod = req.body
+
+            if(bod.request == "get") {
+
+                const markdownFolder = "/home/gitlab-ci/cv/dashboard-raphael/markdown"
+
+                if(bod.value == "WHOAMI") {
+
+                    var fileData = null;
+
+                    if(fs.existsSync(markdownFolder)) {
+                        fileData = fs.readFileSync(markdownFolder + "whoami.md")
+
+                    } else {
+                        fileData = fs.readFileSync("../MD_TEST/whoami.md")
+
+                    }
+
+                
+                    
+                    res.send({"result":"success", "content":fileData.toString()})
+                } else if(bod.value == "CONTACT") {
+
+                    var fileData = null;
+
+                    if(fs.existsSync(markdownFolder)) {
+                        fileData = fs.readFileSync(markdownFolder + "info.md")
+
+                    } else {
+                        fileData = fs.readFileSync("../MD_TEST/info.md")
+
+                    }
+
+                
+                    
+                    res.send({"result":"success", "content":fileData.toString()})
+                } else if(bod.value == "FORMATION") {
+
+                    var fileData = null;
+
+                    if(fs.existsSync(markdownFolder)) {
+                        fileData = fs.readFileSync(markdownFolder + "formation.md")
+
+                    } else {
+                        fileData = fs.readFileSync("../MD_TEST/formation.md")
+
+                    }
+
+                
+                    
+                    res.send({"result":"success", "content":fileData.toString()})
+                } else if(bod.value == "DIPLOME") {
+
+                    var fileData = null;
+
+                    if(fs.existsSync(markdownFolder)) {
+                        fileData = fs.readFileSync("/home/gitlab-ci/cv/markdown/certif.md")
+
+                    } else {
+                        fileData = fs.readFileSync("../MD_TEST/certif.md")
+
+                    }
+
+                
+                    
+                    res.send({"result":"success", "content":fileData.toString()})
+                } else if(bod.value == "LOBBIES") {
+
+                    var fileData = null;
+
+                    if(fs.existsSync(markdownFolder)) {
+                        fileData = fs.readFileSync("/home/gitlab-ci/cv/markdown/passions.md")
+
+                    } else {
+                        fileData = fs.readFileSync("../MD_TEST/passions.md")
+
+                    }
+
+                
+                    
+                    res.send({"result":"success", "content":fileData.toString()})
+                } else if(bod.value == "FIND") {
+
+                    var fileData = null;
+
+                    if(fs.existsSync(markdownFolder)) {
+                        fileData = fs.readFileSync("/home/gitlab-ci/cv/markdown/find.md")
+
+                    } else {
+                        fileData = fs.readFileSync("../MD_TEST/find.md")
+
+                    }
+
+                
+                    
+                    res.send({"result":"success", "content":fileData.toString()})
+                } else {
+
+                    res.send({"result":"failed", "content":"ERROR_NOT_VALID_REQUEST"})
+                }
+              
+               
+
+            } else if(bod.request == "set") {
+
+                const markdownFolder = "/home/gitlab-ci/cv/dashboard-raphael/markdown"
+
+                if(bod.type == "WHOAMI") {
+
+                    
+
+                    if(fs.existsSync(markdownFolder)) {
+                        fs.writeFile(markdownFolder + "whoami.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    } else {
+                        fs.writeFile("../MD_TEST/whoami.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    }
+
+                } else if(bod.type == "CONTACT") {
+
+               
+
+                    if(fs.existsSync(markdownFolder)) {
+                        fs.writeFile(markdownFolder + "info.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    } else {
+                        fs.writeFile("../MD_TEST/info.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    }
+
+                
+                    
+                    res.send({"result":"success", "content":fileData.toString()})
+                } else if(bod.type == "FORMATION") {
+
+                  
+
+                    if(fs.existsSync(markdownFolder)) {
+                        fs.writeFile(markdownFolder + "formation.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    } else {
+                        fs.writeFile("../MD_TEST/formation.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    }
+
+                
+                    
+                 
+                } else if(bod.type == "DIPLOME") {
+                 
+
+                    if(fs.existsSync(markdownFolder)) {
+                        fs.writeFile(markdownFolder + "certif.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    } else {
+                        fs.writeFile("../MD_TEST/certif.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    }
+
+                
+                    
+                   
+                } else if(bod.type == "LOBBIES") {
+
+                   
+                    if(fs.existsSync(markdownFolder)) {
+                        fs.writeFile(markdownFolder + "passions.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    } else {
+                        fs.writeFile("../MD_TEST/passions.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    }
+                
+                    
+                   
+                } else if(bod.type == "FIND") {
+
+                    if(fs.existsSync(markdownFolder)) {
+                        fs.writeFile(markdownFolder + "find.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    } else {
+                        fs.writeFile("../MD_TEST/find.md", bod.value, (err) => {
+                            if(err) {
+                                res.send({"result":"success", "content":"ERROR_NOT_PERMITTED"})
+
+                            } else {
+
+                                res.send({"result":"success", "content":"NO_PROBLEM"})
+                            }
+
+                        })
+
+                    }
+
+                
+                    
+                   
+                } else {
+
+                    res.send({"result":"failed", "content":"ERROR_NOT_VALID_REQUEST"})
+                }
+               
+
+            }
+
+
+        } else {
+
+            res.send({"result":"failed", "content":"ERROR_USER_PERMISSION_TOO_LOW"})
+        }
+
+
+    }
+
+})
+
+module.exports = router;

routes/upload.js

@@ -7,6 +7,7 @@ var uuid = require("uuid")
 var ntr = require("../neutral-functions.js");
 const Jimp = require("jimp");
 const { compileString } = require('sass');
+const { exec } = require('child_process');
 
 /* GET home page. */
 router.get('/', function(req, res, next) {
@@ -92,7 +93,7 @@ router.post("/", function(req, res, next) {
                                 
                                 
                                 
-                                  
+                            
                             } else if(req.files.apic.mimetype == "image/png") {
                                     Jimp.read(uploadDir + uploadPath, function (err, image) {
                                         image.resize(200,200, function(err){

users/0cee5da6-6812-49d8-97f5-2df5c1d78191.json

@@ -9,5 +9,5 @@
     "livableToken": true,
     "createdAt": 1679260759114
   },
-  "lastconnexion": 1679595671060
+  "lastconnexion": 1679946924306
 }

views/index.ejs

@@ -38,6 +38,10 @@
                 <i class="fa-solid fa-link"></i>
                 <p class="sidebar-text">Générateur de lien</p>
               </div>
+              <div class="sidebar-item" id="s-admin">
+                <i class="fa-solid fa-gear"></i>
+                <p class="sidebar-text">Administration</p>
+              </div>
 
               
             </div>