svg

templates/home/home.html.twig

@@ -2,6 +2,14 @@
 
 {% block localstyle %}
 <style>
+    small {
+        font-size:70%;
+    }
+
+    verysmall {
+        font-size:60%;
+    }
+
     .navbar {
         width: 100%;
         position: fixed;
@@ -53,6 +61,10 @@
         margin-bottom:5px;
     }
 
+    .sprintCardHeader {
+        display: flex;
+    }
+
     .versionCard {
         background-color: var(--bs-gray-100);
         padding: 5px 5px 0px 5px;
@@ -85,6 +97,9 @@
     .issueAction{
         align-self: baseline;
         padding: 0px 2px 0px 5px;
+        text-align:center;
+        display: flex;
+        flex-direction: column;        
     }
 
     .fa-eye {
@@ -146,8 +161,11 @@
                     {% for sprint in project.redmine.sprints|reverse %}
                         {% if sprint.id not in project.hiddensprints %}
                             <div class='sprintCard sprintCard{{sprint.id}} card' style='margin-bottom:20px'>
-                                <div class='card-header'>
-                                    Sprint = {{ sprint.name }}
+                                <div class='sprintCardHeader card-header'>
+                                    <div style='flex-grow:1'>Sprint = {{ sprint.name }}</div>
+                                    {% if sprint.story_points[status.id] is defined %}
+                                        <div>{{ sprint.story_points[status.id] }}</div>
+                                    {% endif %}
                                 </div>
 
                                 {% for version in project.redmine.versions|reverse %}
@@ -199,6 +217,7 @@
                 <div class='issueSubject'>{{issue.redmine.subject}}</div>
                 <div class='issueAction'>
                     <i class='fas fa-eye' onClick='fetchAndRenderIssue({{issue.id}})'></i>
+                    <verysmall>{{issue.redmine.sprint.story_points}}</verysmall>
                 </div>
             </div>
             <div class='issueBody'>
@@ -216,6 +235,14 @@
 <script>
     let showIssuebody = false;
     
+    function adjustHeight() {
+        console.log("here");
+        let ele = $(".issueDescription");
+        if (ele.length) { 
+            ele.css("height", window.innerHeight - ele.offset().top + "px");
+        }
+    }
+
     function showhide() {
         // Statut
         selected = $('#statusFilter').val(); 
@@ -266,6 +293,7 @@
     }
     
     $(document).ready(function () {
+        // Ranger les issues
         $('.issueCard').each(function () {
             const id = $(this).data('status')+'-'+$(this).data('sprint')+'-'+$(this).data('version');
             const $column = $(`[data-id='${id}']`);
@@ -277,6 +305,8 @@
                 $(this).hide();
             }
         });
+        
+        // Afficher le scrum après rangement
         $('.scrumContainer').css('display', 'flex');
 
         // Filtre
@@ -288,6 +318,10 @@
         // issueBody
         $('#toggleIssueBody').on('click',toogleIssueBody);
         toogleIssueBody();
+
+        // Ajuste height
+        adjustHeight();
+        window.addEventListener("resize", adjustHeight);
     });
 
     function fetchAndRenderIssue(issueId) {
@@ -303,6 +337,8 @@
                 $('.issueContainer').html(html);
                 $('.issueContainer').show();
                 $('.scrumContainer').css('padding-left','750px');
+                $('.issueDescription').animate({scrollTop: 0}, 0);                
+                adjustHeight();
             },
             error: function (xhr, status, error) {
                 console.error('Erreur lors du chargement de l’issue :', error);