From 86fcff316fcf77559d1051dcf90a6712fd78960f Mon Sep 17 00:00:00 2001
From: afornerot <afornerot@cadoles.com>
Date: Tue, 20 Feb 2024 10:39:49 +0100
Subject: [PATCH] submenu

---
 templates/Scrum/view.html.twig | 49 ++++++++++++++++++++++++++++++----
 1 file changed, 44 insertions(+), 5 deletions(-)

diff --git a/templates/Scrum/view.html.twig b/templates/Scrum/view.html.twig
index 1d68658..5a73e5f 100644
--- a/templates/Scrum/view.html.twig
+++ b/templates/Scrum/view.html.twig
@@ -45,6 +45,11 @@
     }
 
     .text-small { font-size:80%}
+
+    .submenu a:hover {
+        text-decoration: none;
+        color: var(--colorfttitlelight);
+    }
 {% endblock %}
 
 {% block body %}
@@ -214,15 +219,41 @@
                                                     {% endfor %}
 
                                                     <div id="issu{{ issue.id }}" data-id="{{ issue.id }}" data-issue="{{ issue.id }}" data-column="{{column.gicol}}" data-milestone="{{jalon.gijal}}" data-sprint="{{sprint.idspr}}" class="card mb-1 issue issue-{{issue.id}} {{datateams}} {{datatypes}} {{dataprioritys}} {{datalabels}} {{dataassignees}} state-{{issue.giteastate}}">
-                                                        <div class="card-footer p-1 d-flex  align-items-center" style="line-height:16px; border-top:none;">
+                                                        <div class="card-footer p-1 d-flex" style="line-height:16px; border-top:none;">
                                                             <div class="flex-grow-1 d-flex align-items-center">
                                                                 <div class="pr-2 issu-id"  style="cursor:move">#{{issue.giteanumber}} </div>
                                                                 <div class="text-small" style="cursor:pointer; word-break: break-word;" onClick="$('#issu-detail{{ issue.id }}').toggle()">{{ issue.giteatitle }}</div>
                                                             </div>
 
-                                                            <a target="_blank" class="modcolumn btn btn-link float-right fa fa-file p-0 m-0 pl-1" href="{{issue.giteajson.html_url}}"></a>                                
+                                                            <a target="_blank" class="modcolumn btn btn-link fa fa-file fa-fw p-0 m-0 pl-1" href="{{issue.giteajson.html_url}}" onMouseenter="issuhover(this,{{ issue.id }})" ></a>
+
                                                         </div>
                                                         
+                                                        <div id="submenu{{issue.id}}" class="submenu" onmouseleave="issuout(this)" style="
+                                                                position: absolute;
+                                                                left: 230px;
+                                                                top: 0px;
+                                                                width:200px;
+                                                                z-index:1200;
+                                                                display:none;
+                                                                background-color:#f7f7f7;
+                                                                flex-direction: column;
+                                                                border: 1px solid #cdcdcd;
+                                                            ">
+
+                                                            <a target="_blank" href="{{issue.giteajson.html_url}}" style="cursor:pointer" class="modcolumn mb-2">
+                                                                <i class="btn btn-link fa fa-file fa-fw p-0 m-0 pl-1 pl-1"></i>
+                                                                <span>Modifier dans Gitea</span>
+                                                            </a>
+
+                                                            <div id="modissu{{ issue.id }}" class="modissu mb-2" data-issue="{{ issue.id }}" data-giteaid="{{issue.giteanumber}}" data-giteatitle="{{ issue.giteatitle }}" type="button">
+                                                                <i class="btn btn-link fas fa-weight-hanging p-0 m-0 fa-fw pl-1 pl-1"></i>
+                                                                <span>
+                                                                    Modifier le Poids = <span class="issue{{issue.id}}-weight">{{ issue.weight }}</span>
+                                                                </span>
+                                                            </div>
+                                                        </div>
+
                                                         <div id="issu-detail{{ issue.id }}" class="card-body p-1 issu-detail">
                                                             <div>
                                                             {% for label in issue.giteajson.labels %}
@@ -275,7 +306,7 @@
                                                             </div>
 
                                                             <div id="modissu{{ issue.id }}" class="modissu btn btn-link d-flex justify-content-end align-items-center" data-issue="{{ issue.id }}" data-giteaid="{{issue.giteanumber}}" data-giteatitle="{{ issue.giteatitle }}" type="button">
-                                                                <i class="fas fa-weight-hanging"></i> = <span id="issue{{issue.id}}-weight">{{ issue.weight }}</span>
+                                                                <i class="fas fa-weight-hanging"></i> = <span class="issue{{issue.id}}-weight">{{ issue.weight }}</span>
                                                             </div>
 
                                                             <div class="d-flex">
@@ -555,7 +586,7 @@
                     weight:$("#modal-issueweight").val(),
                 },
                 success: function(data) {
-                    $("#issue"+$("#modal-issueid").val()+"-weight").html($("#modal-issueweight").val());
+                    $(".issue"+$("#modal-issueid").val()+"-weight").html($("#modal-issueweight").val());
                     refreshinfo();
                     $("#mymodalissue").modal('hide');
                 },
@@ -887,7 +918,6 @@
                 });
             },
         });  
-
         
         var intervalId = window.setInterval(function(){
             console.log(lastupdate);
@@ -907,4 +937,13 @@
         }, 60000);
                  
     });
+
+    function issuhover(btn,idissu) {
+        $("#submenu"+idissu).css("display","flex");
+        console.log("here");
+    } 
+
+    function issuout(menu) {
+        $(menu).css("display","none");
+    }
 {% endblock %}
\ No newline at end of file