Version 0.3.0 - Add of Services

bin/server.js

@@ -4,6 +4,7 @@ const path = require("path")
 const { __glob } = require("./global-variables")
 const auth = require("./auth")
 const files = require("./files")
+const service = require("./services")
 const plog = new LogType("Web")
 const cook = require("cookie")
 const http = require("http")
@@ -44,6 +45,8 @@ module.exports.serverIO = function(server) {
              * POST REQUEST
              */
 
+            if(user.checkPermission("FILES_EXPLORER")) {
+
             PostRequest("FX_GET", (root) => {
 
                 PostAnswer("FX_GET", files.getFiles(root))
@@ -90,6 +93,30 @@ module.exports.serverIO = function(server) {
 
             })
 
+            } 
+
+            if(user.checkPermission("SERVICES")) {
+
+                PostRequest("SV_GET_SERVICE_STATUS", async (sv) => {
+                    PostAnswer("SV_GET_SERVICE_STATUS", {answer: await service.getServiceStatus(sv), name: sv})
+                })  
+
+                PostRequest("SV_START_SERVICE", async (sv) => {
+                    PostAnswer("SV_START_SERVICE", {answer: await service.startService(sv), name: sv})
+                })
+
+                PostRequest("SV_STOP_SERVICE", async (sv) => {
+                    PostAnswer("SV_STOP_SERVICE", {answer: await service.stopService(sv), name: sv})
+                })
+
+                PostRequest("SV_RESTART_SERVICE", async (sv) => {
+                    PostAnswer("SV_RESTART_SERVICE", {answer: await service.restartService(sv), name: sv})
+                })
+
+
+
+            }
+
             socket.on("disconnect", () => {
 
                 plog.log("Déconnexion au panel par '" + user.username + "' avec le socket : " + socket.id)

bin/services.js

@@ -0,0 +1,136 @@
+const { LogType } = require("loguix")
+const fs = require("fs")
+const path = require("path")
+const { __glob } = require("./global-variables")
+const clog = new LogType("Services")
+
+const http = require('http');
+const https = require('https');
+
+module.exports.getServiceStatus = function(service) {
+    const protocol = service.startsWith('https') ? https : http;
+    const url = new URL(service);
+    const options = {
+        method: 'HEAD',
+        host: url.hostname,
+        port: url.port,
+        path: url.pathname,
+    };
+
+    return new Promise((resolve, reject) => {
+        const req = protocol.request(options, (res) => {
+            if(res.statusCode !== 502) {
+                resolve("ONLINE");
+            } else {
+
+                resolve("OFFLINE");
+            }
+        
+        });
+
+        req.on('error', (err) => {
+            resolve("OFFLINE");
+        });
+
+        req.end();
+    });
+}
+
+module.exports.stopService = function(service) {
+    
+    
+    return new Promise((resolve, reject) => {
+       
+        const child_process = require('child_process');
+        if(service == "https://subsonics.raphix.fr") {
+            let req = child_process.exec("ssh raphix@alpha.raphix.fr sudo -S -u gitlab-ci pm2 stop 'Subsonics'")
+            resolve("OK")
+        } else if(service == "https://git.raphix.fr" ) {
+            let req = child_process.exec("ssh raphix@omega.raphix.fr sudo -S systemctl stop gitea")
+            resolve("OK")
+        } else if(service == "https://jenkins.raphix.fr") {
+            let req = child_process.exec("ssh raphix@omega.raphix.fr sudo -S systemctl stop jenkins ")
+            resolve("OK")
+
+        } else if(service == 'https://raphix.fr') {
+            let req = child_process.exec("ssh raphix@alpha.raphix.fr sudo -S -u gitlab-ci pm2 stop 'Website - Raphix'")
+            resolve("OK")
+        } else if(service == "https://cv.raphix.fr") {
+            let req = child_process.exec("ssh raphix@alpha.raphix.fr sudo -S -u gitlab-ci pm2 stop 'CV - Raphael'")
+            resolve("OK")
+        } else if(service == "http://omega.raphix.fr:2333") {
+            let req = child_process.exec(" ssh raphix@omega.raphix.fr sudo -S systemctl stop lavalink ")
+            resolve("OK")
+        } else {
+            resolve(false)
+        }
+
+    });
+    
+}
+
+module.exports.startService = function(service) {
+    
+    
+    return new Promise((resolve, reject) => {
+       
+        const child_process = require('child_process');
+        if(service == "https://subsonics.raphix.fr") {
+            let req = child_process.exec("ssh raphix@alpha.raphix.fr sudo -S -u gitlab-ci pm2 start /home/gitlab-ci/subsonic.config.js")
+            resolve("OK")
+        } else if(service == "https://git.raphix.fr" ) {
+            let req = child_process.exec("ssh raphix@omega.raphix.fr sudo -S systemctl start gitea")
+            resolve("OK")
+        } else if(service == "https://jenkins.raphix.fr") {
+            let req = child_process.exec("ssh raphix@omega.raphix.fr sudo -S systemctl start jenkins ")
+            resolve("OK")
+
+        } else if(service == 'https://raphix.fr') {
+            let req = child_process.exec("ssh raphix@alpha.raphix.fr sudo -S -u gitlab-ci pm2 start /home/gitlab-ci/website.config.js")
+            resolve("OK")
+        } else if(service == "https://cv.raphix.fr") {
+            let req = child_process.exec("ssh raphix@alpha.raphix.fr sudo -S -u gitlab-ci pm2 start /home/gitlab-ci/cv.config.js")
+            resolve("OK")
+        } else if(service == "http://omega.raphix.fr:2333") {
+            let req = child_process.exec(" ssh raphix@omega.raphix.fr sudo -S systemctl start lavalink ")
+            resolve("OK")
+        } else {
+            resolve(false)
+        }
+
+    });
+    
+}
+
+module.exports.restartService = function(service) {
+    
+    
+    return new Promise((resolve, reject) => {
+       
+        const child_process = require('child_process');
+        if(service == "https://subsonics.raphix.fr") {
+            let req = child_process.exec("ssh raphix@alpha.raphix.fr sudo -S -u gitlab-ci pm2 restart 'Subsonics'")
+            resolve("OK")
+        } else if(service == "https://git.raphix.fr" ) {
+            let req = child_process.exec("ssh raphix@omega.raphix.fr sudo -S systemctl restart gitea")
+            resolve("OK")
+        } else if(service == "https://jenkins.raphix.fr") {
+            let req = child_process.exec("ssh raphix@omega.raphix.fr sudo -S systemctl restart jenkins ")
+            resolve("OK")
+
+        } else if(service == 'https://raphix.fr') {
+            let req = child_process.exec("ssh raphix@alpha.raphix.fr sudo -S -u gitlab-ci pm2 restart 'Website - Raphix'")
+            resolve("OK")
+        } else if(service == "https://cv.raphix.fr") {
+            let req = child_process.exec("ssh raphix@alpha.raphix.fr sudo -S -u gitlab-ci pm2 restart 'CV - Raphael'")
+            resolve("OK")
+        } else if(service == "http://omega.raphix.fr:2333") {
+            let req = child_process.exec(" ssh raphix@omega.raphix.fr sudo -S systemctl restart lavalink ")
+            resolve("OK")
+        } else {
+            resolve(false)
+        }
+
+    });
+    
+}

bin/users.js

@@ -204,7 +204,6 @@ module.exports.User =  class {
         this.#sync()
         if(this.permission.includes(name)) {
             return true
-
         } else {
 
             return false

public/images/services/gitea.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="main_outline" x="0px" y="0px" viewBox="0 0 640 640" style="enable-background:new 0 0 640 640;" xml:space="preserve"><g><path id="teabag" style="fill:#ffffff00" d="M395.9,484.2l-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5,21.2-17.9,33.8-11.8   c17.2,8.3,27.1,13,27.1,13l-0.1-109.2l16.7-0.1l0.1,117.1c0,0,57.4,24.2,83.1,40.1c3.7,2.3,10.2,6.8,12.9,14.4   c2.1,6.1,2,13.1-1,19.3l-61,126.9C423.6,484.9,408.4,490.3,395.9,484.2z"/><g><g><path style="fill: white;" d="M622.7,149.8c-4.1-4.1-9.6-4-9.6-4s-117.2,6.6-177.9,8c-13.3,0.3-26.5,0.6-39.6,0.7c0,39.1,0,78.2,0,117.2     c-5.5-2.6-11.1-5.3-16.6-7.9c0-36.4-0.1-109.2-0.1-109.2c-29,0.4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5     c-9.8-0.6-22.5-2.1-39,1.5c-8.7,1.8-33.5,7.4-53.8,26.9C-4.9,212.4,6.6,276.2,8,285.8c1.7,11.7,6.9,44.2,31.7,72.5     c45.8,56.1,144.4,54.8,144.4,54.8s12.1,28.9,30.6,55.5c25,33.1,50.7,58.9,75.7,62c63,0,188.9-0.1,188.9-0.1s12,0.1,28.3-10.3     c14-8.5,26.5-23.4,26.5-23.4s12.9-13.8,30.9-45.3c5.5-9.7,10.1-19.1,14.1-28c0,0,55.2-117.1,55.2-231.1     C633.2,157.9,624.7,151.8,622.7,149.8z M125.6,353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6,321.8,60,295.4     c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5,38.5-30c13.8-3.7,31-3.1,31-3.1s7.1,59.4,15.7,94.2c7.2,29.2,24.8,77.7,24.8,77.7     S142.5,359.9,125.6,353.9z M425.9,461.5c0,0-6.1,14.5-19.6,15.4c-5.8,0.4-10.3-1.2-10.3-1.2s-0.3-0.1-5.3-2.1l-112.9-55     c0,0-10.9-5.7-12.8-15.6c-2.2-8.1,2.7-18.1,2.7-18.1L322,273c0,0,4.8-9.7,12.2-13c0.6-0.3,2.3-1,4.5-1.5c8.1-2.1,18,2.8,18,2.8     l110.7,53.7c0,0,12.6,5.7,15.3,16.2c1.9,7.4-0.5,14-1.8,17.2C474.6,363.8,425.9,461.5,425.9,461.5z"/><path style="fill:white;" d="M326.8,380.1c-8.2,0.1-15.4,5.8-17.3,13.8c-1.9,8,2,16.3,9.1,20c7.7,4,17.5,1.8,22.7-5.4     c5.1-7.1,4.3-16.9-1.8-23.1l24-49.1c1.5,0.1,3.7,0.2,6.2-0.5c4.1-0.9,7.1-3.6,7.1-3.6c4.2,1.8,8.6,3.8,13.2,6.1     c4.8,2.4,9.3,4.9,13.4,7.3c0.9,0.5,1.8,1.1,2.8,1.9c1.6,1.3,3.4,3.1,4.7,5.5c1.9,5.5-1.9,14.9-1.9,14.9     c-2.3,7.6-18.4,40.6-18.4,40.6c-8.1-0.2-15.3,5-17.7,12.5c-2.6,8.1,1.1,17.3,8.9,21.3c7.8,4,17.4,1.7,22.5-5.3     c5-6.8,4.6-16.3-1.1-22.6c1.9-3.7,3.7-7.4,5.6-11.3c5-10.4,13.5-30.4,13.5-30.4c0.9-1.7,5.7-10.3,2.7-21.3     c-2.5-11.4-12.6-16.7-12.6-16.7c-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3c4.7-9.7,9.4-19.3,14.1-29     c-4.1-2-8.1-4-12.2-6.1c-4.8,9.8-9.7,19.7-14.5,29.5c-6.7-0.1-12.9,3.5-16.1,9.4c-3.4,6.3-2.7,14.1,1.9,19.8     C343.2,346.5,335,363.3,326.8,380.1z"/></g></g></g></svg>

public/images/services/jenkins.svg

@@ -0,0 +1 @@
+<svg viewBox="-80.5 0 417 417" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M250.741085,169.277519 C250.741085,238.734884 195.671318,295.094574 127.702326,295.094574 C59.7333333,295.094574 4.66356589,238.734884 4.66356589,169.277519 C4.66356589,99.820155 59.7333333,43.4604651 127.702326,43.4604651 C195.671318,43.4604651 250.741085,99.820155 250.741085,169.277519" fill="#D33833"> </path> <path d="M9.72403101,200.434109 C9.72403101,200.434109 0.79379845,69.2589147 121.748837,65.4883721 L113.314729,51.3984496 L47.7271318,73.4263566 L28.9736434,94.9581395 L12.6015504,126.313178 L3.2744186,162.827907 L6.05271318,187.237209" fill="#EF3D3A"> </path> <path d="M43.4604651,83.448062 C21.9286822,105.575194 8.53333333,136.037209 8.53333333,169.773643 L8.53333333,169.773643 C8.53333333,203.510078 21.9286822,233.972093 43.4604651,256.099225 L43.4604651,256.099225 C65.0914729,278.226357 94.7596899,291.820155 127.702326,291.820155 L127.702326,291.820155 C160.644961,291.820155 190.313178,278.226357 211.944186,256.099225 L211.944186,256.099225 C233.475969,233.972093 246.871318,203.510078 246.871318,169.773643 L246.871318,169.773643 C246.871318,136.037209 233.475969,105.575194 211.944186,83.448062 L211.944186,83.448062 C190.313178,61.420155 160.644961,47.7271318 127.702326,47.7271318 L127.702326,47.7271318 C94.8589147,47.7271318 65.0914729,61.3209302 43.4604651,83.448062 L43.4604651,83.448062 L43.4604651,83.448062 Z M38.0031008,261.35814 C15.0821705,237.941085 0.893023256,205.494574 0.893023256,169.773643 L0.893023256,169.773643 C0.893023256,134.052713 15.0821705,101.606202 38.0031008,78.0899225 L38.0031008,78.0899225 C60.924031,54.6728682 92.675969,40.0868217 127.702326,40.0868217 L127.702326,40.0868217 C162.728682,40.0868217 194.48062,54.6728682 217.40155,78.0899225 L217.40155,78.0899225 C240.322481,101.506977 254.511628,133.953488 254.511628,169.773643 L254.511628,169.773643 C254.511628,205.494574 240.322481,237.941085 217.40155,261.35814 L217.40155,261.35814 C194.48062,284.874419 162.728682,299.36124 127.702326,299.36124 L127.702326,299.36124 C92.675969,299.36124 60.924031,284.874419 38.0031008,261.35814 L38.0031008,261.35814 L38.0031008,261.35814 Z" fill="#231F20"> </path> <path d="M179.497674,169.972093 L160.744186,172.750388 L135.44186,175.627907 L119.069767,176.024806 L103.094574,175.528682 L90.8899225,171.75814 L80.0744186,160.049612 L71.6403101,136.136434 L69.7550388,130.976744 L58.5426357,127.206202 L51.9937984,116.390698 L47.3302326,100.911628 L52.4899225,87.3178295 L64.6945736,83.0511628 L74.5178295,87.7147287 L79.1813953,98.0341085 L84.8372093,97.1410853 L86.7224806,94.7596899 L84.8372093,83.944186 L84.3410853,70.3503876 L87.1193798,51.5968992 L87.020155,40.8806202 L95.5534884,27.1875969 L110.536434,16.372093 L136.731783,5.15968992 L165.804651,9.42635659 L191.106977,27.6837209 L202.815504,46.4372093 L210.356589,60.0310078 L212.24186,93.7674419 L206.586047,122.84031 L196.266667,148.63876 L186.542636,162.431008" fill="#F0D6B7"> </path> <path d="M163.621705,251.03876 L96.6449612,253.817054 L96.6449612,265.029457 L102.300775,304.421705 L99.5224806,307.696124 L52.6883721,291.72093 L49.4139535,286.065116 L44.7503876,233.07907 L33.7364341,201.327132 L31.3550388,193.786047 L68.8620155,167.987597 L80.5705426,163.324031 L90.8899225,176.024806 L99.820155,183.962791 L110.139535,187.237209 L114.803101,188.626357 L120.458915,213.035659 L124.725581,218.195349 L135.541085,214.424806 L128,229.010853 L168.682171,248.260465 L163.621705,251.03876" fill="#335061"> </path> <path d="M52.4899225,87.5162791 L64.6945736,83.2496124 L74.5178295,87.9131783 L79.1813953,98.2325581 L84.8372093,97.3395349 L86.2263566,91.6837209 L83.448062,80.8682171 L86.2263566,55.0697674 L83.8449612,40.979845 L92.2790698,31.1565891 L110.536434,16.6697674 L105.376744,9.6248062 L79.5782946,22.3255814 L68.7627907,30.7596899 L62.7100775,43.8573643 L53.3829457,56.5581395 L50.6046512,71.5410853 L52.4899225,87.5162791" fill="#6D6B6D"> </path> <path d="M71.7395349,43.4604651 C71.7395349,43.4604651 78.7844961,26.096124 106.865116,17.6620155 C134.945736,9.22790698 108.254264,11.6093023 108.254264,11.6093023 L77.7922481,23.3178295 L66.0837209,35.0263566 L60.924031,44.3534884 L71.7395349,43.4604651" fill="#DCD9D8"> </path> <path d="M57.6496124,84.2418605 C57.6496124,84.2418605 47.8263566,51.3984496 85.3333333,46.7348837 L83.944186,41.0790698 L58.1457364,47.1317829 L50.6046512,71.5410853 L52.4899225,87.5162791 L57.6496124,84.2418605" fill="#DCD9D8"> </path> <path d="M72.6325581,127.80155 L78.7844961,121.848062 C78.7844961,121.848062 81.5627907,122.145736 82.0589147,125.420155 C82.5550388,128.694574 83.944186,158.263566 104.086822,174.139535 C105.972093,175.627907 89.103876,171.75814 89.103876,171.75814 L74.1209302Line truncated

public/images/services/lavalink.svg

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 100 100"
+   width="100%"
+   height="100%"
+   version="1.1"
+   id="svg13"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs7">
+    <linearGradient
+       id="grad"
+       x1="0"
+       y1="0"
+       x2="100"
+       y2="100"
+       spreadMethod="pad"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         stop-color="#ff8c00"
+         id="stop2"
+         style="stop-color:#fa9800;stop-opacity:1;" />
+      <stop
+         offset="100"
+         stop-color="#ff0000"
+         id="stop4"
+         style="stop-color:#ff005e;stop-opacity:1;" />
+    </linearGradient>
+  </defs>
+  <rect
+     width="100%"
+     height="100%"
+     fill="url(#grad)"
+     id="rect9"
+     x="0"
+     y="0"
+     style="fill:url(#grad)" />
+  <path
+     style="vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:1.27808;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000"
+     d="m 57,25 h 13 l -7,27 h 12 l -2,8.5 H 48 Z"
+     id="path724-5" />
+  <path
+     style="opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke-width:1.33907;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1"
+     d="m 37.5,25 h 14 l -10,40 H 72 L 70,75 H 25 Z"
+     id="path724" />
+</svg>

public/javascripts/basics.js

@@ -93,7 +93,7 @@ class ViewWindow {
                     <div id='${properties.title}_header' class='view-window-header'>
                     <span style='width: 40px'></span>
                     <p>${properties.title}</p>
-                    <button id='${properties.title}_close' class='btn min red'><span><i class='fa fa-xmark'></i></span></button>
+                    <span id='${properties.title}_close' class='view-close'><i class='fa fa-xmark'></i></span>
                     </div>
                     <div id='${properties.title}_content' class='view-window-content'>
                     </div>
@@ -182,10 +182,10 @@ class ViewWindow {
 
     createPopup(properties) {
 
-        this.ViewPopupHTML = `<div id='${properties.title}_popup' class='view-popup'>
+        this.ViewPopupHTML = `<div id="${properties.title}_popup" class='view-popup'>
             <div class='view-popup-bar'>
                 <p>${properties.title}</p>
-                <span id='${properties.title}_popupClose' class='btn-cover'><i  class='fa fa-xmark'></i></span>
+                <span id="${properties.title}_popupClose" class='btn-cover'><i  class='fa fa-xmark'></i></span>
             </div>
             ${properties.content}
         </div>`
@@ -243,17 +243,13 @@ class ViewWindow {
 function createView(viewType) {
     if(viewType == 'files_explorer') {
 
-        generateFileExplorer()
+        generateFileExplorerView()
 
 
     }
     if(viewType == 'service') {
 
-        const View = new ViewWindow({
+       generateServiceView()
-            title: "Gestionnaire des services",
-            width: "1000px",
-            height: "600px"
-        })
     }
    
 }

public/javascripts/filexplorer.js

@@ -3,7 +3,7 @@ document.addEventListener("contextmenu", (e) => {
     e.preventDefault()
 })
 
-function generateFileExplorer() {
+function generateFileExplorerView() {
 
     const View = new ViewWindow({
         title: `<i class="fa fa-folder"></i> Gestionnaire de fichiers`,
@@ -68,7 +68,7 @@ function generateFileExplorer() {
     newFolder.addEventListener("click", () => {
 
         View.createPopup({
-            title: `<i class="fa fa-folder"></i> Nouveau dossier`,
+            title: `<i class='fa fa-folder'></i> Nouveau dossier`,
             content: `
                 <input type='text' class='field' id='${View.getViewTitle()}_foldername'>
                 <div id='${View.getViewTitle()}_folderInfo'></div>
@@ -126,7 +126,7 @@ function generateFileExplorer() {
     newFile.addEventListener("click", () => {
 
         View.createPopup({
-            title: `<i class="fa-solid fa-file-arrow-up"></i> Nouveau fichier`,
+            title: `<i class='fa-solid fa-file-arrow-up'></i> Nouveau fichier`,
             content: `
                 <input type='text' class='field' id='${View.getViewTitle()}_filename'>
                 <div id='${View.getViewTitle()}_fileInfo'></div>
@@ -181,7 +181,7 @@ function generateFileExplorer() {
             fileInfo.clear()
             View.destroyPopup(`<i class="fa-solid fa-file-arrow-up"></i> Nouveau fichier`)
             View.createPopup({
-                title: `<i class="fa-solid fa-file-arrow-up"></i> Upload`,
+                title: `<i class='fa-solid fa-file-arrow-up'></i> Upload`,
                 content: `
                     <input type='file' class='field' id='${View.getViewTitle()}_fileuploadInput'>
                     <div id='${View.getViewTitle()}_fileuploadInfo'></div>
@@ -374,7 +374,7 @@ function generateFileExplorer() {
                                     loadFiles(result)
                                 }) 
                                 View.createPopup({
-                                    title: `<i class="fa fa-warning"></i> Erreur`,
+                                    title: `<i class='fa fa-warning'></i> Erreur`,
                                     content: `<p class='yellow'>Vous n'avez pas les permissions pour supprimer ce fichier.</p>`
                                 })
                             } else {
@@ -383,7 +383,7 @@ function generateFileExplorer() {
                                     loadFiles(result)
                                 }) 
                                 View.createPopup({
-                                    title: `<i class="fa fa-warning"></i> Erreur`,
+                                    title: `<i class='fa fa-warning'></i> Erreur`,
                                     content: `<p class='yellow'>Une erreur est survenue.</p>`
                                 })
                              
@@ -394,7 +394,7 @@ function generateFileExplorer() {
 
                         dropMenu.hide()
                         View.createPopup({
-                            title: `<i class="fa fa-file-signature"></i> Renommer`,
+                            title: `<i class='fa fa-file-signature'></i> Renommer`,
                             content: `
                                 <input type='text' class='field' id='${View.getViewTitle()}_rename'>
                                 <div id='${View.getViewTitle()}_renameInfo'></div>
@@ -416,7 +416,7 @@ function generateFileExplorer() {
                                 return
                             }
             
-                            const regex = new RegExp(/^[a-zA-Z0-9-_]+$/)
+                            const regex = new RegExp(/^[a-zA-Z0-9-_.]+$/)
             
                             if(!regex.test(rename.value) | rename.value.replace(/\s/g, '').length < 1) {
                                 renameInfo.err("Le nom du fichier / dossier est invalide.")
@@ -451,12 +451,12 @@ function generateFileExplorer() {
                         reqFiles.then((result) => {
                             if(result == "NOT_PERMITTED") {
                                 View.createPopup({
-                                    title: `<i class="fa fa-warning"></i> Erreur`,
+                                    title: `<i class='fa fa-warning'></i> Erreur`,
                                     content: `<p class='yellow'>Vous n'avez pas les permissions pour partager ce fichier.</p>`
                                 })
                             } else {
                                 View.createPopup({
-                                    title: `<i class="fa fa-share"></i> Partager`,
+                                    title: `<i class='fa fa-share'></i> Partager`,
                                     content: `
                                         <input style='width: 300px' type='text' class='field' id='${View.getViewTitle()}_sharelink'>
                                         <div id='${View.getViewTitle()}_shareInfo'></div>
@@ -495,7 +495,7 @@ function generateFileExplorer() {
                         reqFiles.then((result) => {
                             if(result == "NOT_PERMITTED") {
                                 View.createPopup({
-                                    title: `<i class="fa fa-warning"></i> Erreur`,
+                                    title: `<i class='fa fa-warning'></i> Erreur`,
                                     content: `<p class='yellow'>Vous n'avez pas les permissions pour télécharger ce fichier.</p>`
                                 })
                             } else {
@@ -527,7 +527,7 @@ function generateFileExplorer() {
                     reqFiles.then((result) => {
                         if(result == "NOT_PERMITTED") {
                             View.createPopup({
-                                title: `<i class="fa fa-warning"></i> Erreur`,
+                                title: `<i class='fa fa-warning'></i> Erreur`,
                                 content: `<p class='yellow'>Vous n'avez pas les permissions pour éditer ce fichier.</p>`
                             })
                         } else {
@@ -564,13 +564,13 @@ function generateFileExplorer() {
                                             loadFiles(result)
                                         })
                                     } else if(result == "NOT_PERMITTED") {
-                                        View.createPopup({
+                                        editor.createPopup({
-                                            title: `<i class="fa fa-warning"></i> Erreur`,
+                                            title: `<i class='fa fa-warning'></i> Erreur`,
                                             content: `<p class='yellow'>Vous n'avez pas les permissions pour éditer ce fichier.</p>`
                                         })
                                     } else {
-                                        View.createPopup({
+                                        editor.createPopup({
-                                            title: `<i class="fa fa-warning"></i> Erreur`,
+                                            title: `<i class='fa fa-warning'></i> Erreur`,
                                             content: `<p class='yellow'>Une erreur est survenue.</p>`
                                         })
                                     }

public/javascripts/service.js

@@ -0,0 +1,240 @@
+async function generateServiceView() {
+
+    class Service {
+        name = null
+        description = null
+        icon = null
+        url = null
+        canAccess = false
+        isOnline  = false
+        constructor(properties) {
+            this.name = properties.name
+            this.description = properties.description
+            this.icon = properties.icon
+            this.url = properties.url
+            this.canAccess = properties.canAccess
+        }
+    
+        generateHTML() {
+            return `
+            <div class="sv">
+                <div class='sv-info'>
+                    <img class="sv-icon" src="${this.icon}" alt="${this.name}">
+                    <div>
+                        <h1>${this.name}</h1>
+                        <p>${this.description}</p>
+                        <p>Etat : <span id='${this.name}_status' class="sv-status"></span></p>
+                    </div>
+                </div>
+                
+                <div class="sv-actions">
+                    ${this.canAccess ? `<a href="${this.url}" target="_blank"><button class="btn green"><span>Accéder au service</span></button></a>` : ""}
+                    <button id='${this.name}_svpower' class='btn yellow'n><span>Options d'alimentation<span></button>
+                </div>
+            </div>
+            `
+    
+            
+        }
+    
+        loadScript() {
+    
+            return new Promise((resolve, reject) => {
+                const statusSpan = getID(`${this.name}_status`)
+                const request = post(`SV_GET_SERVICE_STATUS`, this.url) 
+            
+
+                request.then((answer) => {
+                    if(answer.name == this.url) {
+                        if(answer.answer == "ONLINE") {
+                            statusSpan.innerHTML = '<span style="font-size: 12px;"><i class="fa-solid fa-circle green"></i> En ligne</span>'
+                            this.isOnline  = true
+                        } else {
+                            statusSpan.innerHTML = '<span style="font-size: 12px;"><i class="fa-solid fa-circle red"></i> Hors ligne</span>'
+                  
+                        }
+                        resolve("LOADED")
+                    }
+                
+                })
+    
+                const powerButton = getID(`${this.name}_svpower`)
+    
+                // Make a popup of View to select if you want to start, stop or restart the service by doing a request
+    
+                powerButton.addEventListener("click", () => {
+                    View.createPopup({
+                        title: `<i class='fa-solid fa-power-off'></i> Gestion de l'alimentation du service`,
+                        content: `
+                        
+                        <p class='sv-power-select'>${this.name}</p>
+                        <p id='sv-power-info'></p>
+                        <div class="sv-power">
+                            <button id="${this.name}_start" class="btn green"><span>Démarrer</span></button>
+                            <button id="${this.name}_restart" class="btn yellow"><span>Redémarrer</span></button>
+                            <button id="${this.name}_stop" class="btn red"><span> Arrêter</span></button>
+                        </div>
+                        `
+                    })
+    
+                    const startButton = getID(`${this.name}_start`)
+                    const stopButton = getID(`${this.name}_stop`)
+                    const restartButton = getID(`${this.name}_restart`)
+                    const info = new InfoPop("sv-power-info")
+                    
+                    
+
+                    if(this.isOnline) {
+                        startButton.style.display = "none"
+                        info.info("Verifiez que le service n'est pas utilisé par quelqu'un d'autre avant de le redémarrer ou de l'arrêter")
+                    } else {
+                        stopButton.style.display = "none"
+                        restartButton.style.display = "none"
+                        info.info("Si le service ne démarre pas, vérifiez l'intégrité du service")
+                    }
+    
+                    startButton.addEventListener("click", () => {
+                        const request = post(`SV_START_SERVICE`, this.url) 
+                        
+
+                        request.then((answer) => {
+                            if(answer.answer == "OK") {
+                                statusSpan.innerHTML = '<span style="font-size: 12px;"><i class="fa-solid fa-circle green"></i> En ligne</span>'
+                                View.destroyPopup("`<i class='fa-solid fa-power-off'></i> Gestion de l'alimentation du service`")
+                                this.isOnline  = true
+                            } else {
+                                info.err("Impossible de démarrer le service")
+
+                            }
+                        })
+    
+                    })
+
+                    stopButton.addEventListener("click", () => {
+                        const request = post(`SV_STOP_SERVICE`, this.url) 
+    
+                        request.then((answer) => {
+                            if(answer.answer == "OK") {
+                                statusSpan.innerHTML = '<span style="font-size: 12px;"><i class="fa-solid fa-circle red"></i> Hors ligne</span>'
+                                this.isOnline  = false
+                                View.destroyPopup("`<i class='fa-solid fa-power-off'></i> Gestion de l'alimentation du service`")
+                              
+                            } else {
+                                info.err("Impossible d'arrêter le service")
+
+                            }
+                        
+                        })
+                    })
+
+                    restartButton.addEventListener("click", () => {
+
+                        console.log("RESTART")
+
+                        const request = post(`SV_RESTART_SERVICE`, this.url) 
+    
+                        request.then((answer) => {
+                            if(answer.answer == "OK") {
+                                statusSpan.innerHTML = '<span style="font-size: 12px;"><i class="fa-solid fa-circle green"></i> En ligne</span>'
+                                View.destroyPopup("`<i class='fa-solid fa-power-off'></i> Gestion de l'alimentation du service`")
+                                this.isOnline  = true
+                            } else {
+                                info.err("Impossible de redémarrer le service")
+
+                            }
+                            
+                        })
+                    })
+    
+    
+            })
+            
+         })
+        }
+        
+    }
+
+
+    /**
+     * CODE OF SERVICE.JS
+    */
+
+    const allServices = new Array()
+
+    const View = new ViewWindow({
+        title: '<i class="fa fa-layer-group"></i> Gestion des services',
+        width: "700px",
+        height: "600px"
+    })
+
+    const subsonicsService = new Service({
+        name: "Subsonics",
+        description: "Bot de streaming musical sur Discord",
+        icon: "/images/services/subsonics.png",
+        url: "https://subsonics.raphix.fr" ,
+        canAccess: true
+        
+
+    })
+
+    const giteaService = new Service({
+        name: "Gitea",
+        description: "Gestionnaire de dépôt Git",
+        icon: "/images/services/gitea.svg",
+        url: "https://git.raphix.fr" ,
+        canAccess: true
+
+    })
+
+    const jenkinsService = new Service({
+        name: "Jenkins",
+        description: "Gestionnaire de pipeline",
+        icon: "/images/services/jenkins.svg",
+        url: "https://jenkins.raphix.fr" ,
+        canAccess: true
+
+    })
+
+    const raphixwebsite = new Service({
+        name: "Raphix.fr",
+        description: "Site web de Raphix",
+        icon: "/images/services/raphix.png",
+        url: "https://raphix.fr",
+        canAccess: true
+
+    })
+
+    const cvraphix = new Service({
+        name: "CV Raphix",
+        description: "Curriculum Vitae de Raphix",
+        icon: "/images/services/cv.png",
+        url: "https://cv.raphix.fr",
+        canAccess: true
+    })
+
+    const lavalink = new Service({
+        name: "Lavalink",
+        description: "Serveur Lavalink pour Subsonics",
+        icon: "/images/services/lavalink.svg",
+        url: "http://omega.raphix.fr:2333",
+        canAccess: false
+    })
+    
+    allServices.push(subsonicsService.generateHTML())
+    allServices.push(lavalink.generateHTML())
+    allServices.push(giteaService.generateHTML())
+    allServices.push(jenkinsService.generateHTML())
+    allServices.push(raphixwebsite.generateHTML())
+    allServices.push(cvraphix.generateHTML())
+
+    View.setContent(`<div class='sv-list'>${allServices.join("")}</div>`)
+
+    await subsonicsService.loadScript()
+    await giteaService.loadScript()
+    await jenkinsService.loadScript()
+    await raphixwebsite.loadScript()
+    await cvraphix.loadScript()
+    await lavalink.loadScript()
+
+}
+

public/stylesheets/style.css

@@ -430,28 +430,7 @@ a {
   font-size: 72px;
 }
 
-.view-popup {
-  position: absolute;
-  background-color: #3D3B3C;
-  backdrop-filter: blur(10px);
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  align-items: center;
-  justify-content: center;
-  padding: 2%;
-  border-radius: 10px;
-}
 
-.view-popup-bar {
-
-    display: flex;
-    justify-content: space-between;
-    flex-direction: row;
-    align-items: center;
-    gap: 20px;
-    width: 100%;
-}
 
 .blur {
 
@@ -494,6 +473,46 @@ a {
   
 }
 
+.view-popup {
+  position: absolute;
+  background-color: #3D3B3C;
+  backdrop-filter: blur(10px);
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  align-items: center;
+  justify-content: center;
+  padding: 2%;
+  border-radius: 10px;
+}
+
+.view-popup-bar {
+
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row;
+    align-items: center;
+    gap: 20px;
+    width: 100%;
+}
+
+.view-close {
+  color: white;
+  transition: 0.1s;
+  cursor: pointer;
+  margin-right: 10px;
+}
+
+.view-close:hover {
+  color: #f01000;
+  
+}
+
+.view-close:active {
+
+  color: #ff5d51;
+}
+
 
 /* Files Explorer */
 
@@ -641,3 +660,66 @@ a {
 
 }
 
+
+/* Services */
+
+.sv {
+
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  border-radius: 10px;
+  background-color: #1b1b1bc1;
+  transition: 0.1s;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.sv-icon {
+  width: 150px;
+  border-radius: 15px;
+}
+
+.sv-info {
+
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+  font-size: 15px;
+  align-items: center;
+
+}
+
+.sv-list {
+
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  overflow-y: auto;
+  height: 85%;
+
+}
+
+.sv-actions {
+  display: flex;
+  flex-direction: column; 
+  gap: 10px;
+  align-items: flex-end;
+}
+.sv-power-select {
+
+  background-color: #323031;
+  padding: 10px;
+  font-size: 14px;
+  border-radius: 10px ;
+}
+
+.sv-power {
+
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}

views/index.ejs

@@ -57,10 +57,9 @@
     <script src="/socket.io/socket.io.js"></script>
     <script defer="" src="https://use.fontawesome.com/releases/v6.4.2/js/all.js" crossorigin="anonymous"></script>
     <script src="/javascripts/io.js"></script>
+    <script src="/javascripts/service.js"></script>
     <script src="/javascripts/filexplorer.js"></script>
     <script src="/javascripts/basics.js"></script>
-
-
     <script src="/javascripts/indexscript.js"></script>
  
   </body>