modifications for ENN

api_user_pleiade/js/api_user_pleiade.js

@@ -16,7 +16,7 @@
             intro: "Bienvenue sur le guide interactif du Bureau Virtuel Pléiade",
           },
           {
-            element: document.querySelector("#menuTestLemon2"),
+            element: document.querySelector("#menuLemon"),
             intro: "En cliquant sur les menus, vous pouvez ici accéder à vos différents applicatifs.",
           },
           {
@@ -54,12 +54,7 @@
           intro: "Si vous voulez personnaliser votre bureau, cliquez ici.",
           position: 'left'
         });
-        
-        steps.push({
-          element: document.querySelector("#sntch_button"),
-          intro: "Une interrogation ? Notre assistant virtuel est à votre service."
-        });
-        
+
         var interactiveGuidElement = document.getElementById("interactive_guid");
         if (interactiveGuideEnabled && interactiveGuidElement) {
           interactiveGuidElement.addEventListener("click", function () {

module_postit_pleiade/css/module_postit_pleiade.css

@@ -1,6 +1,11 @@
+
+:root {
+  --global-color: #1f3889;
+}
+
 div#post_it_dashboard {
     margin-top: 1.25em;
-    min-height: 15rem;
+    min-height: 30rem;
     border: 1px solid #e9ecef !important;
     padding: 1rem;
     background-color: #FFF;
@@ -27,4 +32,24 @@ div#post_it_dashboard {
 }
 .remove-btn{
   font-family: 'Permanent Marker', cursive;
+}
+
+#post_it_dashboard .item p::-webkit-scrollbar {
+  width: 6px; /* Largeur de la barre de défilement */
+}
+
+/* Style the scrollbar thumb (#post_it_dashboard .item p) */
+#post_it_dashboard .item p::-webkit-scrollbar-thumb {
+  background-color: var(--global-color); /* Couleur de la poignée de défilement */
+  border-radius: 3px; /* Coins arrondis pour la poignée */
+}
+
+/* Style the scrollbar track on hover (#post_it_dashboard .item p) */
+#post_it_dashboard .item p::-webkit-scrollbar-track:hover {
+  background-color: rgba(0, 0, 0, 0.1); /* Couleur de la piste au survol */
+}
+
+/* Style the scrollbar thumb on hover (#post_it_dashboard .item p) */
+#post_it_dashboard .item p::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.3); /* Couleur de la poignée au survol */
 }

module_postit_pleiade/js/post_it_table.js

@@ -13,6 +13,15 @@
           // Retrieve saved items on page load
           window.addEventListener("load", retrieveItems);
           // Create item with title, message, and remove button
+          // Make item editable on double-click
+          function makeEditable(item) {
+            var p = item.querySelector("p");
+            p.setAttribute("contenteditable", "true");
+            p.addEventListener("blur", function () {
+              saveItems();
+            });
+          }
+
           function createItem(message, top, left, color) {
             var item = document.createElement("div");
             item.classList.add("item");
@@ -42,10 +51,12 @@
             p.style.height = "150px";
 
             // Add CSS properties for overflow
-            p.style.overflow = "hidden";
-            p.style.overflowY = "scroll";
+            // p.style.overflow = "hidden";
+            p.style.overflowY = "auto";
             p.style.cursor = "grab";
             p.style.fontSize = "12px";
+
+            
             item.appendChild(p);
 
             // Create a new <span> element with the "remove-btn" class and set its text content to "X", then append it to the item
@@ -157,13 +168,15 @@
                   15,
                   itemObject.color
                 );
-                console.log(itemObject.transform);
+                
                 item.style.transform = itemObject.transform;
 
                 item.getElementsByTagName("p")[0].style.color =
                   itemObject.text_color;
                 item.getElementsByTagName("span")[0].style.color =
                   itemObject.text_color;
+
+                  makeEditable(item);
                 document.getElementById("post_it_dashboard").appendChild(item);
               }
             }
@@ -210,7 +223,7 @@
                 currentY = e.clientY - initialY;
 
                 var maxX = 990;
-                var maxY = 10;
+                var maxY = 250;
                 currentX = Math.min(Math.max(currentX, 0), maxX);
                 currentY = Math.min(Math.max(currentY, 0), maxY);