16H01 - userGroups settings

vbcms-admin/css/manager.css

@@ -818,3 +818,42 @@ header .menu-item{
 	77.5%{    color: transparent;  }
 	100%{     color: #FFC107;    }
 }
+
+.plusMenu{
+	position: fixed;
+	display: none;
+	background-color: white;
+	border-radius: 5px;
+	overflow: hidden;
+}
+
+.plusMenu ul{
+	padding: 0px;
+    margin: 0px;
+    min-width: 150px;
+    list-style: none;
+}
+
+.plusMenu ul li{
+	padding-bottom: 7px;
+    padding-top: 7px;
+	color: black;
+	background-color: white;
+	margin: .25em;
+	border-radius: 5px;
+	padding-left: .5em;
+	padding-right: .5em;
+}
+
+.plusMenu ul li.danger{
+	color: #DC3545;
+}
+
+.plusMenu ul li:hover {
+    background-color: var(--mainBrown);
+    color: white;
+}
+.plusMenu ul li.danger:hover {
+    background-color: #DC3545;
+    color: white;
+}
\ No newline at end of file

vbcms-admin/includes/settings/groups.php

@@ -27,8 +27,8 @@
                                 <td>
                                     <span class="text-muted">'.$usersCount.' <i class="fas fa-user"></i></span>
                                 </td>
-                                <td>
-                                    <div class="roundedLink" data-toggle="tooltip" data-placement="top" title="Plus"><i class="fas fa-ellipsis-h"></i></div>
+                                <td label="plusMenu">
+                                    <div class="roundedLink" data-toggle="tooltip" data-placement="top" title="Plus" onclick="showPlusMenu('.$userGroup['groupId'].')"><i class="fas fa-ellipsis-h"></i></div>
                                 </td>
                             </tr>');
                             }
@@ -51,6 +51,15 @@
     </div>
 </div>
 
+<div class="plusMenu border" id="plusMenu">
+    <ul>
+        <li><span><?=translate('rename')?></span></li>
+        <li><span>Copier le nom (slug)</span></li>
+        <li><span>Copier l'identifiant (ID)</span></li>
+        <li class="danger"><span><?=translate('deleteGroup')?></span></li>
+    </ul>
+</div>
+
 <script type="text/javascript">
 $(function() {
     $('.userCard').hover(function() {
@@ -63,4 +72,15 @@ $(function() {
     });
 });
 
+function showPlusMenu(groupId){
+    $('#plusMenu').css("top", event.clientY);
+    $('#plusMenu').css("left", event.clientX);
+    $('#plusMenu').css("display", "block");
+}
+
+$(document).click(function(event) {
+    if($('#plusMenu').css('display')!='none' && $(event.target).closest(".plusMenu").attr('id')!='plusMenu' && $(event.target).closest("td").attr("label")!='plusMenu'){
+        $('#plusMenu').css("display", "none");
+    }
+});
 </script>
\ No newline at end of file

vbcms-content/translations/FR.php

@@ -53,6 +53,7 @@ $translation["theme"] = "Thème";
 $translation["cancel"] = "Annuler";
 $translation["visualize"] = "Visualiser";
 $translation["commands"] = "Commandes";
+$translation["rename"] = "Renommer";
 $translation["sample"] = "sample";
 $translation["sample"] = "sample";
 $translation["sample"] = "sample";
@@ -108,6 +109,8 @@ $translation["noCommandSpecified"] = "Aucune commande de spcécifiée";
 $translation["noPostData"] = "Pas de donnée POST :(";
 $translation["modifyLocalAccount"] = "Modifier le compte local";
 $translation["createGroup"] = "Créer un groupe";
+$translation["deleteGroup"] = "Supprimer le groupe";
+$translation["sample"] = "sample";
 $translation["sample"] = "sample";
 $translation["sample"] = "sample";
 $translation["sample"] = "sample";