detail issue

This commit is contained in:
2024-02-21 20:58:38 +01:00
parent 3d949eefce
commit 2df92a3b7f
7 changed files with 297 additions and 198 deletions

View File

@ -45,7 +45,7 @@
{% for comment in issue.comments %}
<h3 class='mt-3'>{{comment.user.login}} le {{comment.created_at|date("d/m/Y H:i")}}</h3>
<div class='card card-body'>
{{comment.body|markdown_to_html}}
{{comment.body|raw}}
</div>
{% endfor %}
{% endif %}
@ -86,7 +86,7 @@
<div class='card card-body mb-3'>
{% for timeline in issue.timelines %}
{% if timeline.type!="comment" and timeline.type!="project" and timeline.type!="added_deadline" and timeline.type!="modified_deadline"%}
{% if timeline.type!="comment" and timeline.type!="project" and timeline.type!="added_deadline" and timeline.type!="modified_deadline" and timeline.type!="label" %}
<li><b>{{timeline.user.login}} le {{timeline.created_at|date("d/m/Y H:i")}}</b><br>
{% if timeline.type == "change_title" %}

View File

@ -0,0 +1,196 @@
{% extends "base.html.twig" %}
{% block localstyle %}
.issuecontent {
width:75%;
}
.issuedetail {
width:25%;
padding-right: 10px;
zoom:80%;
}
.text-small {
font-size:80%;
}
.card-header, .card-body {
padding:10px;
background-color: var(--colorbgbodylight-darker);
}
.issue-body {
zoom: 80%;
}
.badge {
color: white;
zoom:120%;
}
{% endblock %}
{% block body %}
<h3 id='issuetitle{{issue.number}}' class='issuetitle'>#{{issue.number}} = {{issue.title}}</h3>
<div id='issuediv{{issue.number}}' class='d-flex'>
<div class='issuecontent' class='d-flex flex-column'>
<div class="card mb-3">
<div class="card-header d-flex">
<div class="flex-grow-1">{{issue.user.login}}</div>
<div class="text-small"> le {{issue.created_at|date("d/m/Y H:i")}}</div>
</div>
<div class='card-body issue-body'>
{{issue.body|raw}}
</div>
</div>
{% if issue.comments %}
{% for comment in issue.comments %}
<div class="card mb-3">
<div class="card-header d-flex">
<div class="flex-grow-1">{{comment.user.login}}</div>
<div class="text-small"> le {{comment.created_at|date("d/m/Y H:i")}}</div>
</div>
<div class='card-body issue-body'>
{{comment.body|raw}}
</div>
</div>
{% endfor %}
{% endif %}
</div>
<div class='pl-3 issuedetail'>
<a target="_blank" class="btn btn-success w-100 mb-3" href="{{issue.html_url}}" style="zoom:120%">Modifier dans Gitea</a>
<div class='card mb-3'>
<div class="card-header">Statut</div>
<div class="card-body">
{% if issue.closed_at %}
Clos le {{issue.closed_at|date("d/m/Y H:i")}}
{% else %}
{{issue.statuslife}}
{% endif %}
</div>
</div>
<div class='card mb-3'>
<div class="card-header">Jalon</div>
<div class="card-body">
{% if issue.milestone %}
{{ issue.milestone.title|raw }}
{% else %}
Backlog
{% endif %}
</div>
</div>
{% if issue.sprint %}
<div class='card mb-3'>
<div class="card-header">Sprint</div>
<div class="card-body">
{{ issue.sprint }}
</div>
</div>
{% endif %}
{% if issue.refs %}
<div class='card mb-3'>
<div class="card-header">Références</div>
<div class='card-body mb-3'>
{% for histo in issue.refs %}
<div>
{{histo.label|raw}}
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if issue.labels %}
<div class='card mb-3'>
<div class="card-header">Labels</div>
<div class='card-body mb-3'>
{% for label in issue.labels %}
<span class='badge mr-1 mb-1 p-2' style='background-color:#{{label.color}}'>{{label.name}}</span>
{% endfor %}
{% for histo in issue.labelhistos %}
<div class="mt-1">
<b>{{histo.user.login}} le {{histo.created_at|date("d/m/Y H:i")}}</b><br>
{{histo.label|raw}}
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if issue.timelines %}
<div class='card mb-3'>
<div class="card-header">Historique</div>
<div class="card-body">
{% for timeline in issue.timelines %}
{% if timeline.type!="label" and timeline.type!="comment" and timeline.type!="project" and timeline.type!="added_deadline" and timeline.type!="modified_deadline"%}
<li><b>{{timeline.user.login}} le {{timeline.created_at|date("d/m/Y H:i")}}</b><br>
{% if timeline.type == "change_title" %}
<div class='pl-4'>Modification titre de <i>{{timeline.old_title}}</i> à <i>{{timeline.new_title}}</i></div>
{% elseif timeline.type == "milestone" %}
{% if timeline.milestone %}
<div class='pl-4'>Affectation au Jalon <i>{{timeline.milestone.title}}</i></div>
{% else %}
<div class='pl-4'>Suppression du Jalon</div>
{% endif %}
{% elseif timeline.type == "comment_ref" or timeline.type == "pull_ref" or timeline.type == "issue_ref" %}
<div class='pl-4'>Référencé le ticket <i>#{{timeline.ref_issue.number}} - {{timeline.ref_issue.title}}</i></div>
{% elseif timeline.type == "add_dependency" %}
<div class='pl-4'>Ajouté dépendance au ticket <i>#{{timeline.dependent_issue.number}} - {{timeline.dependent_issue.title}}</i></div>
{% elseif timeline.type == "remove_dependency" %}
<div class='pl-4'>Supprimé dépendance au ticket <i>#{{timeline.dependent_issue.number}} - {{timeline.dependent_issue.title}}</i></div>
{% elseif timeline.type == "pull_push" %}
<div class='pl-4'>Ajout révision</i></div>
{% elseif timeline.type == "assignees" %}
<div class='pl-4'>Affecté intervenant <i>{{timeline.assignee.login}}</i></div>
{% elseif timeline.type == "commit_ref" %}
<div class='pl-4'>Référencé depuis commit <i>#{{timeline.body|replace({'href="/':'target="_blank" href="'~giteaUrl~'/'})|raw}}</i></div>
{% elseif timeline.type == "merge_pull" %}
<div class='pl-4'>Révision fusionnée</div>
{% elseif timeline.type == "delete_branch" %}
<div class='pl-4'>Suppression branche {{timeline.old_ref|raw}}</div>
{% elseif timeline.type == "close" %}
<div class='pl-4'>Clos <i>Fermeture du ticket</i></div>
{% elseif timeline.type == "review" %}
<div class='pl-4'>Revue acceptée</div>
{% elseif timeline.type == "review_request" %}
<div class='pl-4'>Demande de révision</div>
{% elseif timeline.type == "reopen" %}
<div class='pl-4'>Réouverture du ticket</div>
{% else %}
{{ dump(timeline) }}
{%endif%}
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}

View File

@ -220,7 +220,7 @@
<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" style="line-height:16px; border-top:none;">
<div class="flex-grow-1 d-flex align-items-center">
<div class="flex-grow-1 d-flex align-items-center" style="max-width:224px";>
<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>
@ -231,14 +231,15 @@
<div id="submenu{{issue.id}}" class="submenu" onmouseleave="issuout(this)" style="
position: absolute;
left: 230px;
top: 0px;
left: 227px;
top: -1px;
width:200px;
z-index:1200;
display:none;
background-color:#f7f7f7;
flex-direction: column;
border: 1px solid #cdcdcd;
border-radius: .25rem;
">
<a target="_blank" href="{{issue.giteajson.html_url}}" style="cursor:pointer" class="modcolumn mb-2">
@ -246,6 +247,13 @@
<span>Modifier dans Gitea</span>
</a>
<div id="viewissu{{ issue.id }}" class="viewissu mb-2" data-issue="{{ issue.id }}" data-giteaid="{{issue.giteanumber}}" data-giteatitle="{{ issue.giteatitle }}" type="button">
<i class="btn btn-link fas fa-eye p-0 m-0 fa-fw pl-1 pl-1"></i>
<span>
Aperçu Ticket
</span>
</div>
<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>
@ -397,6 +405,7 @@
if($("#filtermilestones").val().length !== 0 && $("#filtersprints").val().length === 0) {
$("[data-milestone]").hide();
$.each($("#filtermilestones").val(), function( index, value ) {
console.log(value);
$("[data-milestone="+value+"]").show();
});
}
@ -577,6 +586,14 @@
});
});
$(document).on('click','.viewissu',function(){
$(".submenu").hide();
url="{{path('app_scrumissue_view',{id:"xxx"})}}";
url=url.replace("xxx",$(this).data("issue"));
ModalLoad('mymodallarge','Aperçu Ticket',url);
});
$("#issu_update").click(function(){
$.ajax({
method: "POST",
@ -864,7 +881,11 @@
handle: ".issu-id",
connectWith: ".scrumcolumn",
cursor: "move",
start: function( event, ui ) {
$(".submenu").hide();
},
update: function( event, ui ) {
id=$(ui.item).data("issue");
oldcolumn=$(ui.item).data("column");
oldmilestone=$(ui.item).data("milestone");
@ -941,6 +962,7 @@
});
function issuhover(btn,idissu) {
$(".submenu").hide();
$("#submenu"+idissu).css("display","flex");
}