+
+
`)
+
+ const metricsList = new Array()
+ const metricsComponent = new Array()
+ const metricsReq = get("MT_ALL")
+
+ const metricsDiv = document.getElementById(`${View.getViewTitle()}_metrics`)
+ const metricsNumber = document.getElementById(`${View.getViewTitle()}_number`)
+ const addButton = document.getElementById(`${View.getViewTitle()}_add`)
+ const refreshButton = document.getElementById(`${View.getViewTitle()}_refresh`)
+ const metricsView = document.getElementById(`${View.getViewTitle()}_metrics`)
+
+ refreshButton.addEventListener("click", () => {
+ loadMetrics()
+ })
+
+ metricsReq.then((ANS_metrics) => {
+ if(ANS_metrics != "UNAVAILABLE") {
+ metricsList.length = 0
+ ANS_metrics.forEach((metric) => {
+ const metricComponent = new Metric({
+ properties: metric,
+ Component: metrics,
+ View: View
+ })
+ metricsList.push(metricComponent.generateHTML())
+
+ metricsComponent.push(metricComponent)
+ })
+ metricsDiv.innerHTML = metricsList.join("")
+ metricsNumber.innerHTML = ANS_metrics.length
+
+ for(const metric of metricsComponent) {
+ metric.loadScript()
+ }
+ } else {
+ metricsDiv.innerHTML = `
+
+
+ Chargement en cours ...
+
+
`
+ }
+ })
+
+ // Generate a pop to add metrics with 3 settings, the adress, the port, the name of the metrics and the key to authentificate
+
+ addButton.addEventListener("click", () => {
+
+ View.createPopup({
+ title: "Ajouter un WebMetrik",
+ content: `
+ Une erreur est survenue lors du chargement des WebMetrik
+
+
+ `
+ })
+
+ const addBtn = document.getElementById("mt-add-btn")
+ const address = document.getElementById("mt-add-address")
+ const port = document.getElementById("mt-add-port")
+ const name = document.getElementById("mt-add-name")
+ const key = document.getElementById("mt-add-key")
+ const infoMTAdd = new TextResponse("mtaddinfo")
+
+
+ addBtn.addEventListener("click", () => {
+
+ // Check if all fields are filled
+
+ if(address.value == "" || port.value == "" || name.value == "" || key.value == "") {
+ infoMTAdd.err("Veuillez remplir tous les champs")
+ return
+ }
+
+ post("MT_ADD", {
+ address: address.value,
+ port: port.value,
+ name: name.value,
+ key: key.value
+ }).then((res) => {
+ if(res != "ERROR") {
+ View.destroyPopup()
+ loadMetrics()
+ } else {
+ View.createPopup({
+ title: "Erreur",
+ content: `Adresse
+ +Port
+ +Nom
+ +Clé d'authentification
+ + + +Une erreur est survenue lors de l'ajout de la WebMetrik
` + }) + } + }) + }) + + }) + + + } +}) + + + + /* +
+
*/
\ No newline at end of file
diff --git a/public/javascripts/middle.js b/public/javascripts/middle.js
index bffa2fc..89eb4e5 100644
--- a/public/javascripts/middle.js
+++ b/public/javascripts/middle.js
@@ -7,6 +7,8 @@ const explorer = new ViewComponent({
icon: "fa-solid fa-folder",
permission: "FILES_EXPLORER"
})
+
+
const services = new ViewComponent({
name: "Gestion des services",
@@ -27,7 +29,7 @@ const explorer = new ViewComponent({
})
const metrics = new ViewComponent({
- name: "Web Metrics",
+ name: "Web Metrik",
icon: "fa-solid fa-square-poll-vertical",
permission: "METRICS"
})
diff --git a/public/javascripts/personal.js b/public/javascripts/personal.js
new file mode 100644
index 0000000..977c2dc
--- /dev/null
+++ b/public/javascripts/personal.js
@@ -0,0 +1,119 @@
+
+const menulogo = getID("menu-logo")
+const usersettingsBtn = getID("user-settings-button")
+
+menu.style.display = "none"
+
+menulogo.addEventListener("click", () => {
+
+ const menu = getID("menu")
+
+ if(menu.style.display == "block") {
+ menu.style.display = "none"
+ } else {
+ menu.style.display = "block"
+ }
+
+})
+
+usersettingsBtn.addEventListener("click", () => {
+ const View = new ViewWindow({
+ title: ` Mon Compte`,
+ width: "600px",
+ height: "650px"
+ })
+
+ View.setContent(`
+ Chargement en cours ...
+
+
+ `)
+
+ const usSettingsImage = getID("us-settings-image")
+ const usSettingsUsername = getID("us-settings-username")
+ const usSettingsDisplayname = getID("us-settings-displayname")
+ const usSettingsPassword = getID("us-settings-password")
+ const usSettingsPermissions = getID("us-settings-permissions")
+ const usSettingsSave = getID("us-settings-save")
+ const usSettingsPicture = getID("us-settings-picture")
+ const returnInfo = new TextResponse("us-settings-return-info")
+
+ const REQ_user = get("USERINFO")
+
+ var actualUsername = ""
+
+ REQ_user.then((ANS_user) => {
+ usSettingsImage.src = ANS_user.picture
+ usSettingsUsername.value = ANS_user.username
+ usSettingsDisplayname.value = ANS_user.display_name
+ actualUsername = ANS_user.username
+
+ const permissions = ANS_user.permission
+ const permValid = new Array()
+
+ permissions.forEach((permValue) => {
+
+ permValid.push("Mes informations
+
+
+ ![]()
+
+
+ + +
+
+
+ Nom d'utilisateur
+ +Nom d'affichage
+ +Mot de passe
+ +Photo de profil
+ + + + ++ + +
Mes permissions
+
+
+
+ " + permValue + "
") + + }) + + usSettingsPermissions.innerHTML = permValid.join("") + }) + + usSettingsSave.addEventListener("click", () => { + const request = post(`US_EDIT_PERSONNAL`, {username: actualUsername, newusername: usSettingsUsername.value, display_name: usSettingsDisplayname.value, password: usSettingsPassword.value, picture: usSettingsPicture.files[0]}) + request.then((answer) => { + if(answer == "ALREADY_EXIST") { + + returnInfo.err("L'utilisateur existe déjà !") + + } else if(answer == "USERNAME_MISSING") { + + returnInfo.err("Le nom d'utilisateur est manquant !") + } else if(answer == "DISPLAY_NAME_MISSING") { + + returnInfo.err("Le nom d'affichage est manquant !") + } else if(answer == "PASSWORD_MISSING") { + + returnInfo.err("Le mot de passe est manquant !") + } else { + + View.destroy() + loadUserInfo() + } + }) + }) + + +}) + +document.addEventListener("click", (e) => { + if(e.target != menulogo) { + menu.style.display = "none" + } +}) \ No newline at end of file diff --git a/public/javascripts/pipeline.js b/public/javascripts/pipeline.js index 3260870..2e9fbfd 100644 --- a/public/javascripts/pipeline.js +++ b/public/javascripts/pipeline.js @@ -36,7 +36,7 @@ pipelines.createWindow(() => { View.setContent(`
-
`)
diff --git a/public/javascripts/user.js b/public/javascripts/user.js
index d5d7657..8a20bd8 100644
--- a/public/javascripts/user.js
+++ b/public/javascripts/user.js
@@ -18,7 +18,9 @@ users.createWindow(async () => {
Recharger les pipelines
+
${pipelinesList.join("")}
+ 