ninegitea/src/ninegitea-1.0/templates/Scrum/view.html.twig

583 lines
25 KiB
Twig
Raw Normal View History

2021-07-20 13:04:47 +02:00
{% extends "base.html.twig" %}
{% block localstyle %}
html { height:100%}
body { height:100%; background-color:#efefef;}
2022-02-03 17:26:35 +01:00
2022-01-28 16:54:46 +01:00
#main {
padding-left:0px;
margin-bottom:0px;
}
2021-07-20 13:04:47 +02:00
h3 { font-size:14px; margin-top:15px;}
2022-01-28 16:54:46 +01:00
#mycontent { width: 5000px; display:none; }
2022-01-11 13:39:51 +01:00
.btn-link {
cursor:pointer;
}
.control-label {
margin-bottom:0px;
}
.tag {
border-radius: 5px;
padding: 8px 8px;
margin-bottom: 5px;
display: inline-block;
min-width: 35px;
text-align: center;
color: #ffffff !important;
zoom: 80%;
}
.tag i {
margin-right:5px;
}
.assignee {
width:30px;
margin: 5px 5px 0px 0px;
}
2021-07-20 13:04:47 +02:00
{% endblock %}
{% block body %}
2022-01-28 16:54:46 +01:00
<div class="d-flex">
2022-02-03 17:26:35 +01:00
<div id="filters" class="d-flex flex-column pl-2 pr-2 " style="width:350px; background-color:var(--colorbgbodydark);min-height:1500px;">
2022-01-28 16:54:46 +01:00
<div style="width:100%" class="mt-3">
<label class="control-label" style="color:var(--colorftbodydark)">Filtre JALONS</label>
<select id="filtermilestones" multiple="multiple" class="form-control">
{% for giteamilestone in giteamilestones %}
<option value="{{giteamilestone.id}}">{{giteamilestone.title}}</option>
{% endfor %}
<option value="-100">Aucun</option>
</select>
</div>
2022-01-22 11:18:42 +01:00
2022-01-28 16:54:46 +01:00
<div style="width:100%" class="mt-3">
<label class="control-label" style="color:var(--colorftbodydark)">Filtre EQUIPES</label>
<select id="filterteams" multiple="multiple" class="form-control">
{% for team in scrum.scrumteams %}
<option value="{{team.giteaid}}">{{team.name}}</option>
{% endfor %}
</select>
</div>
2022-01-11 13:39:51 +01:00
2022-02-03 17:26:35 +01:00
<div style="width:100%" class="mt-3">
<label class="control-label" style="color:var(--colorftbodydark)">Filtre PRIORITES</label>
<select id="filterprioritys" multiple="multiple" class="form-control">
{% for priority in scrum.scrumprioritys %}
<option value="{{priority.giteaid}}">{{priority.name}}</option>
{% endfor %}
</select>
</div>
2022-01-28 16:54:46 +01:00
<div style="width:100%" class="mt-3">
<label class="control-label" style="color:var(--colorftbodydark)">Filtre ETIQUETTES</label>
<select id="filterlabels" multiple="multiple" class="form-control">
{% for gitealabel in gitealabels %}
<option value="{{gitealabel.id}}">{{gitealabel.name}}</option>
{% endfor %}
</select>
</div>
2022-01-11 13:39:51 +01:00
2022-01-28 16:54:46 +01:00
<div style="width:100%" class="mt-3">
<label class="control-label" style="color:var(--colorftbodydark)">Filtre AFFECTATIONS</label>
<select id="filterassignees" multiple="multiple" class="form-control">
{% for giteaassignee in giteaassignees %}
<option value="{{giteaassignee.id}}">{{giteaassignee.login}}</option>
{% endfor %}
</select>
</div>
2022-01-11 13:39:51 +01:00
</div>
2022-01-22 11:18:42 +01:00
2022-01-28 16:54:46 +01:00
<div class="pl-3" style="width:100%;">
<div id="haveupdate" style="display:none" class="alert alert-danger pr-2 mt-3">
Votre projet a été mise à jour par un tier. Souhaitez-vous raffraichir votre projet ?<br>
<a href="{{path('app_scrum_view',{id:scrum.id})}}" class="btn btn-success mt-3">Rafraichir</a>
</div>
2022-01-11 13:39:51 +01:00
2022-01-28 16:54:46 +01:00
<div class="mt-4" style="zoom:80%">
<button class="btn btn-success" onClick="showFilters()"><i class="fas fa-filter"></i></button>
2022-02-03 17:26:35 +01:00
<a class="btn btn-success" href="{{path('app_issuescrum',{id:scrum.id})}}"><i class="fas fa-ticket-alt"></i></a>
<a class="btn btn-success" href="{{path('app_scrum_stat',{id:scrum.id})}}"><i class="fas fa-chart-area"></i></a>
<a href="{{giteaUrl}}/{{scrum.giteajson.owner.login}}/{{scrum.giteajson.name}}/issues/new" class="btn btn-success" target="_blank">Nouveau Ticket</a>
2022-01-28 16:54:46 +01:00
<span id="textfilters"></span>
</div>
2022-01-11 13:39:51 +01:00
2022-01-28 16:54:46 +01:00
{% for column in scrum.scrumcolumns %}
{% set idmiletone="-100" %}
{% set tbidmiletone=[] %}
{% set haveissues=false %}
<div class="card d-inline-block mt-3 align-top mb-5" data-column="{{column.giteaid}}" style="width: 18rem;">
<div class="card-header">{{ column.name }}</div>
<div class="card-body p-1">
{% for issue in column.scrumissues %}
{% set haveissues=true %}
{% if idmiletone!=issue.giteamilestone %}
{% if idmiletone!=-100 %}</ul>{% endif %}
{% if issue.giteamilestone is empty %}
{% set tbidmiletone = tbidmiletone|merge([-100]) %}
{% set idmilestone = -100 %}
{% set namemilestone = "Aucun" %}
{% else %}
{% set tbidmiletone = tbidmiletone|merge([issue.giteamilestone]) %}
{% set idmilestone = issue.giteamilestone %}
{% set namemilestone = issue.giteajson.milestone.title %}
{% endif %}
<h3 data-milestone="{{idmilestone}}">JALON = {{namemilestone}}</h3>
<ul class="scrumcolumn list-group" style="min-height:50px" data-column="{{column.giteaid}}" data-milestone="{{idmilestone}}">
{% set idmiletone=issue.giteamilestone %}
{% endif %}
{% set datalabels="" %}
{% set datateams="" %}
2022-02-03 17:26:35 +01:00
{% set dataprioritys="datapriority"~giteaprioritys|last %}
2022-01-28 16:54:46 +01:00
{% for label in issue.giteajson.labels %}
{% if label.id not in giteacolumns and label.id in giteateams %}
{% set datateams=datateams~"datateam"~label.id~" " %}
{% endif %}
2022-02-03 17:26:35 +01:00
{% if label.id not in giteacolumns and label.id in giteaprioritys %}
{% set dataprioritys="datapriority"~label.id~" " %}
{% endif %}
{% if label.id not in giteacolumns and label.id not in giteateams and label.id not in giteaprioritys %}
2022-01-28 16:54:46 +01:00
{% set datalabels=datalabels~"datalabel"~label.id~" " %}
{% endif %}
{% endfor %}
{% set dataassignees="" %}
{% for assignee in issue.giteajson.assignees %}
{% set dataassignees=dataassignees~"dataassignee"~assignee.id~" " %}
{% endfor %}
2022-02-03 17:26:35 +01:00
<div data-id="{{ issue.id }}" data-issue="{{ issue.id }}" data-column="{{column.giteaid}}" data-milestone="{{idmilestone}}" class="card mb-1 issue issue-{{issue.id}} {{datateams}} {{dataprioritys}} {{datalabels}} {{dataassignees}}">
2022-01-28 16:54:46 +01:00
<div class="card-footer p-1" style="line-height:10px; border-top:none;">
<div class="float-left btn btn-link p-0 m-0 fas fa-arrows-alt" style="cursor:move"></div>
<a target="_blank" class="modcolumn btn btn-link float-right fa fa-file p-0 m-0" href="{{issue.giteajson.html_url}}"></a>
</div>
<div class="card-body p-1" style="line-height:10px;">
<div>
<small>
{{issue.giteanumber}} - {{ issue.giteatitle }}<br><br>
<small>Crée le {{issue.giteajson.created_at|date("d/m/y")}}</small><small style ="float:right">Modifié le {{issue.giteajson.updated_at|date("d/m/y")}}</small><br><br>
2022-02-03 17:26:35 +01:00
{% for label in issue.giteajson.labels %}
{% if label.id not in giteacolumns and label.id in giteaprioritys %}
<span class="btn-link tag" style="background-color:#{{label.color}}">
<i class="fas fa-tag"></i>
{{ label.name }}
</span>
{% endif %}
{% endfor %}
<br>
2022-01-28 16:54:46 +01:00
{% for label in issue.giteajson.labels %}
{% if label.id not in giteacolumns and label.id in giteateams %}
<span class="btn-link tag" style="background-color:#{{label.color}}">
<i class="fas fa-tag"></i>
{{ label.name }}
</span>
{% endif %}
{% endfor %}
<br>
{% for label in issue.giteajson.labels %}
2022-02-03 17:26:35 +01:00
{% if label.id not in giteacolumns and label.id not in giteateams and label.id not in giteaprioritys %}
2022-01-28 16:54:46 +01:00
<span class="btn-link tag" style="background-color:#{{label.color}}">
<i class="fas fa-tag"></i>
{{ label.name }}
</span>
{% endif %}
{% endfor %}
<div>
{% for assignee in issue.giteajson.assignees %}
<img src="{{assignee.avatar_url}}" class="assignee" title="{{assignee.username}}">
{% endfor %}
</div>
</small>
</div>
</div>
</div>
{% endfor %}
2021-07-20 13:04:47 +02:00
2022-01-28 16:54:46 +01:00
{% if haveissues %}
</ul>
2022-01-11 13:39:51 +01:00
{% endif %}
2022-01-28 16:54:46 +01:00
{% for giteamilestone in giteamilestones %}
{% if giteamilestone.id not in tbidmiletone %}
<h3 data-milestone="{{giteamilestone.id}}"> JALON = {{giteamilestone.title}}</h3>
<ul class="scrumcolumn list-group" style="min-height:50px" data-column="{{ column.giteaid }}" data-milestone="{{giteamilestone.id}}"></ul>
{% endif %}
{%endfor%}
2022-01-11 13:39:51 +01:00
2022-01-28 16:54:46 +01:00
{% if -100 not in tbidmiletone %}
<h3 data-milestone="-100"> JALON = Aucun</h3>
<ul class="scrumcolumn list-group" style="min-height:50px" data-column="{{ column.giteaid }}" data-milestone="-100"></ul>
{% endif %}
2021-07-20 13:04:47 +02:00
</div>
2022-01-28 16:54:46 +01:00
</div>
{% endfor %}
2021-07-20 13:04:47 +02:00
</div>
2022-01-28 16:54:46 +01:00
</div>
2021-07-20 13:04:47 +02:00
{% endblock %}
{% block localjavascript %}
2022-01-28 16:54:46 +01:00
function showFilters() {
if($("#filters").hasClass("d-flex")) {
toshow=0;
$("#filters").addClass("d-none");
$("#filters").removeClass("d-flex");
}
else {
toshow=1;
$("#filters").addClass("d-flex");
$("#filters").removeClass("d-none");
}
$.ajax({
method: "POST",
url: "{{ path('app_user_preference') }}",
data: {
key:'showfilters',
id:{{scrum.id}},
value: toshow
}
});
}
2022-01-11 13:39:51 +01:00
2021-07-20 13:04:47 +02:00
$(document).ready(function() {
2022-01-11 13:39:51 +01:00
// Apply Filter
function showhide() {
if($("#filtermilestones").val().length !== 0) {
$("[data-milestone]").hide();
$.each($("#filtermilestones").val(), function( index, value ) {
$("[data-milestone="+value+"]").show();
});
}
else $("[data-milestone]").show();
2022-01-28 16:54:46 +01:00
$(".issue").show();
$( ".issue" ).each(function( index ) {
domissue=$(this);
toshow=true;
if(toshow&&$("#filterteams").val().length !== 0) {
toshow=false;
$.each($("#filterteams").val(), function( index, value ) {
if (domissue.hasClass("datateam"+value))
toshow=true;
});
}
2022-01-11 13:39:51 +01:00
2022-02-03 17:26:35 +01:00
if(toshow&&$("#filterprioritys").val().length !== 0) {
toshow=false;
$.each($("#filterprioritys").val(), function( index, value ) {
if (domissue.hasClass("datapriority"+value))
toshow=true;
});
}
2022-01-28 16:54:46 +01:00
if(toshow&&$("#filterlabels").val().length !== 0) {
toshow=false;
2022-01-11 13:39:51 +01:00
$.each($("#filterlabels").val(), function( index, value ) {
2022-01-28 16:54:46 +01:00
if(domissue.hasClass("datalabel"+value))
toshow=true;
2022-01-11 13:39:51 +01:00
});
2022-01-28 16:54:46 +01:00
}
if(toshow&&$("#filterassignees").val().length !== 0) {
toshow=false;
2022-01-11 13:39:51 +01:00
$.each($("#filterassignees").val(), function( index, value ) {
if (domissue.hasClass("dataassignee"+value))
2022-01-28 16:54:46 +01:00
toshow=true;
2022-01-11 13:39:51 +01:00
});
2022-01-28 16:54:46 +01:00
}
if(!toshow) domissue.hide();
});
textfilters="";
if($("#filtermilestones").val().length!==0) {
data = $("#filtermilestones").select2('data');
textfilters=textfilters+"&nbsp;&nbsp;&nbsp;&nbsp;<b>JALONS</b> =";
$.each($("#filtermilestones").val(), function( index, value ) {
if(index>0)textfilters=textfilters+" &";
textfilters=textfilters+" "+data[index].text;
2022-01-11 13:39:51 +01:00
});
}
2022-01-28 16:54:46 +01:00
if($("#filterteams").val().length!==0) {
data = $("#filterteams").select2('data');
textfilters=textfilters+"&nbsp;&nbsp;&nbsp;&nbsp;<b>EQUIPES</b> =";
$.each($("#filterteams").val(), function( index, value ) {
if(index>0)textfilters=textfilters+" &";
textfilters=textfilters+" "+data[index].text;
});
}
2022-02-03 17:26:35 +01:00
if($("#filterprioritys").val().length!==0) {
data = $("#filterprioritys").select2('data');
textfilters=textfilters+"&nbsp;&nbsp;&nbsp;&nbsp;<b>EQUIPES</b> =";
$.each($("#filterprioritys").val(), function( index, value ) {
if(index>0)textfilters=textfilters+" &";
textfilters=textfilters+" "+data[index].text;
});
}
2022-01-28 16:54:46 +01:00
if($("#filterlabels").val().length!==0) {
data = $("#filterlabels").select2('data');
textfilters=textfilters+"&nbsp;&nbsp;&nbsp;&nbsp;<b>ETIQUETTES</b> =";
$.each($("#filterlabels").val(), function( index, value ) {
if(index>0)textfilters=textfilters+" &";
textfilters=textfilters+" "+data[index].text;
});
}
if($("#filterassignees").val().length!==0) {
data = $("#filterassignees").select2('data');
textfilters=textfilters+"&nbsp;&nbsp;&nbsp;&nbsp;<b>AFFECTATIONS</b> =";
$.each($("#filterassignees").val(), function( index, value ) {
if(index>0)textfilters=textfilters+" &";
textfilters=textfilters+" "+data[index].text;
});
}
$("#textfilters").html(textfilters);
2022-01-11 13:39:51 +01:00
}
// Filter Milestones
function filtermilestones() {
$.ajax({
method: "POST",
url: "{{ path('app_user_preference') }}",
data: {
key:'filtermilestones',
id:{{scrum.id}},
value: $("#filtermilestones").val()
}
});
showhide();
}
$('#filtermilestones').select2();
{% if filtermilestones %}
{% for milestone in filtermilestones %}
$("#filtermilestones").val($("#filtermilestones").val().concat("{{milestone}}"));
{%endfor%}
$('#filtermilestones').trigger('change');
{% endif %}
$('#filtermilestones').on("select2:select", function(e) {
filtermilestones();
});
$('#filtermilestones').on("select2:unselect", function(e) {
filtermilestones();
});
2022-01-28 16:54:46 +01:00
// Filter Teams
function filterteams() {
$.ajax({
method: "POST",
url: "{{ path('app_user_preference') }}",
data: {
key:'filterteams',
id:{{scrum.id}},
value: $("#filterteams").val()
}
});
showhide();
}
$('#filterteams').select2();
{% if filterteams %}
{% for team in filterteams %}
$("#filterteams").val($("#filterteams").val().concat("{{team}}"));
{%endfor%}
$('#filterteams').trigger('change');
{% endif %}
$('#filterteams').on("select2:select", function(e) {
filterteams();
});
$('#filterteams').on("select2:unselect", function(e) {
filterteams();
});
2022-02-03 17:26:35 +01:00
// Filter Proritys
function filterprioritys() {
$.ajax({
method: "POST",
url: "{{ path('app_user_preference') }}",
data: {
key:'filterprioritys',
id:{{scrum.id}},
value: $("#filterprioritys").val()
}
});
showhide();
}
$('#filterprioritys').select2();
{% if filterprioritys %}
{% for priority in filterprioritys %}
$("#filterprioritys").val($("#filterprioritys").val().concat("{{priority}}"));
{%endfor%}
$('#filterprioritys').trigger('change');
{% endif %}
$('#filterprioritys').on("select2:select", function(e) {
filterprioritys();
});
$('#filterprioritys').on("select2:unselect", function(e) {
filterprioritys();
});
2022-01-11 13:39:51 +01:00
// Filter Labels
function filterlabels() {
$.ajax({
method: "POST",
url: "{{ path('app_user_preference') }}",
data: {
key:'filterlabels',
id:{{scrum.id}},
value: $("#filterlabels").val()
}
});
showhide();
}
$('#filterlabels').select2();
{% if filterlabels %}
{% for label in filterlabels %}
$("#filterlabels").val($("#filterlabels").val().concat("{{label}}"));
{%endfor%}
$('#filterlabels').trigger('change');
{% endif %}
$('#filterlabels').on("select2:select", function(e) {
filterlabels();
});
$('#filterlabels').on("select2:unselect", function(e) {
filterlabels();
});
// Filtre Assignees
function filterassignees() {
$.ajax({
method: "POST",
url: "{{ path('app_user_preference') }}",
data: {
key:'filterassignees',
id:{{scrum.id}},
value: $("#filterassignees").val()
}
});
showhide();
}
$('#filterassignees').select2();
{% if filterassignees %}
{% for assignee in filterassignees %}
$("#filterassignees").val($("#filterassignees").val().concat("{{assignee}}"));
{%endfor%}
$('#filterassignees').trigger('change');
{% endif %}
$('#filterassignees').on("select2:select", function(e) {
filterassignees();
});
$('#filterassignees').on("select2:unselect", function(e) {
filterassignees();
});
2022-01-28 16:54:46 +01:00
{% if not showfilters %}
$("#filters").addClass("d-none");
$("#filters").removeClass("d-flex");
{% endif %}
2022-01-11 13:39:51 +01:00
// Appliy filters
showhide();
2022-01-28 16:54:46 +01:00
$("#mycontent").show();
2022-01-11 13:39:51 +01:00
2022-01-22 11:18:42 +01:00
lastupdate="{{scrum.updatedate|date("Ymd H:i:s")}}";
2022-01-11 13:39:51 +01:00
// Sort columns
2021-07-20 13:04:47 +02:00
$( ".scrumcolumn" ).sortable({
handle: ".fa-arrows-alt",
connectWith: ".scrumcolumn",
cursor: "move",
2021-12-06 15:39:12 +01:00
update: function( event, ui ) {
2021-07-20 13:04:47 +02:00
id=$(ui.item).data("issue");
2022-01-11 13:39:51 +01:00
oldcolumn=$(ui.item).data("column");
2021-07-20 13:04:47 +02:00
oldmilestone=$(ui.item).data("milestone");
2022-01-11 13:39:51 +01:00
newcolumn=$(ui.item).parent().data("column");
2021-07-20 13:04:47 +02:00
newmilestone=$(ui.item).parent().data("milestone");
2022-01-11 13:39:51 +01:00
console.log("ID = "+id+" = Column : "+oldcolumn+">>"+newcolumn+" = Milestone : "+oldmilestone+">>"+newmilestone );
2021-07-20 13:04:47 +02:00
2022-01-11 13:39:51 +01:00
if(oldcolumn!=newcolumn||oldmilestone!=newmilestone) {
2022-01-22 11:18:42 +01:00
2021-07-20 13:04:47 +02:00
$.ajax({
method: "POST",
url: "{{path("app_scrumissue_change")}}",
data: {
id:id,
2022-01-11 13:39:51 +01:00
oldcolumn:oldcolumn,
2021-07-20 13:04:47 +02:00
oldmilestone:oldmilestone,
2022-01-11 13:39:51 +01:00
newcolumn:newcolumn,
2021-07-20 13:04:47 +02:00
newmilestone:newmilestone,
},
2022-01-22 11:18:42 +01:00
success: function(data) {
2022-01-11 13:39:51 +01:00
$(ui.item).data("column",newcolumn);
2021-07-20 13:04:47 +02:00
$(ui.item).data("milestone",newmilestone);
2022-01-22 11:18:42 +01:00
if(data) lastupdate=data;
2021-07-20 13:04:47 +02:00
},
error: function (request, status, error) {
$( ".scrumcolumn" ).sortable('cancel');
}
});
}
2021-12-06 15:39:12 +01:00
lstordered="";
$(".scrumcolumn div" ).each(function( index ) {
if($(this).data("id")) {
if(index==0) lstordered=$(this).data("id");
else lstordered=lstordered+","+$(this).data("id");
2022-01-11 13:39:51 +01:00
}
2021-12-06 15:39:12 +01:00
});
2022-01-11 13:39:51 +01:00
2021-12-06 15:39:12 +01:00
console.log(lstordered);
2022-01-11 13:39:51 +01:00
$.ajax({
method: "POST",
url: "{{path("app_scrumissue_order")}}",
data: {
id:{{scrum.id}},
lstordered:lstordered,
}
});
2021-07-20 13:04:47 +02:00
}
2022-01-22 11:18:42 +01:00
});
var intervalId = window.setInterval(function(){
console.log(lastupdate);
$.ajax({
method: "POST",
url: "{{path("app_scrumissue_ctrlchange")}}",
data: {
id:{{scrum.id}},
lastupdate:lastupdate
},
success: function(fgupdated) {
if(fgupdated) {
$("#haveupdate").show();
}
}
});
}, 60000);
2021-07-20 13:04:47 +02:00
});
{% endblock %}