2017-03-17 19:27:52 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta http-equiv = "content-type" content = "text/html; charset=UTF-8" >
< meta charset = "utf-8" >
2017-03-27 20:37:42 +02:00
< title > Yunohost Roadmap Dashboard< / title >
2017-03-17 19:27:52 +01:00
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< link rel = "stylesheet" href = "css/bootstrap.css" media = "screen" >
< link rel = "stylesheet" href = "skins/eden.css" media = "screen" >
< link href = "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel = "stylesheet" >
< link href = "css/animate.css" rel = "stylesheet" >
< style >
.navbar-holder-dark{
padding: 20px 20px 200px 20px;
background: #333333;
}
.progress .progress-bar {
padding-top:5px;
font-size:16px;
font-weight: 600;
}
.progress-bar-none {
background-color:transparent;
color: #2c3e50;
}
2017-03-21 19:31:36 +01:00
.container {
width:1100px;
}
.column-issue-id {
width:190px;
text-align:center;
}
.column-issue-title {
2017-03-17 19:27:52 +01:00
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
2017-03-21 19:31:36 +01:00
max-width: 350px;
2017-03-17 19:27:52 +01:00
}
< / style >
2017-03-21 19:31:36 +01:00
2017-03-17 19:27:52 +01:00
< / head >
< body >
< div class = "container" >
< div class = "page-header" id = "banner" >
< div class = "row" >
< h1 > Yunohost Roadmap Dashboard< / h1 >
< / div >
< / div >
2017-07-03 23:33:27 +02:00
{% for roadmap, summary in data.summary.items() %}
< h3 > {{ roadmap }}< / h3 >
2017-03-17 19:27:52 +01:00
< div class = "row" >
< div class = "col-md-offset-1 col-md-10" >
2017-07-03 23:33:27 +02:00
< div class = "issue-legend" > All ({{summary.all}} issues) < / div >
2017-03-17 19:27:52 +01:00
< div class = "bs-component" >
< div class = "progress" >
< div class = "progress-bar progress-bar-success" style = "width:
2017-07-03 23:33:27 +02:00
{{summary.done[1]}}%">{{summary.done[0]}} done< / div >
2017-03-17 19:27:52 +01:00
< div class = "progress-bar progress-bar-warning" style = "width:
2017-07-03 23:33:27 +02:00
{{summary.ongoing[1]}}%">{{summary.ongoing[0]}}
2017-03-17 19:27:52 +01:00
ongoing< / div >
< div class = "progress-bar progress-bar-none" style = "width:
2017-07-03 23:33:27 +02:00
{{summary.new[1]}}%">{{summary.new[0]}} new< / div >
2017-03-17 19:27:52 +01:00
< / div >
< / div >
< / div >
< / div >
2017-07-03 23:33:27 +02:00
{% endfor %}
2017-03-21 19:31:36 +01:00
2017-07-03 23:33:27 +02:00
2017-03-21 19:31:36 +01:00
< div class = "row" >
< div class = "col-md-12" >
< table id = "theIssuelist" class = "table table-striped table-responsive" >
< thead >
< tr >
< th > < / th >
< th > Subject< / th >
< th > Status< / th >
< / tr >
< / thead >
< tbody >
{% for issue in data.issues %}
< tr class = "issue-{{issue.type}}" >
< td class = "column-issue-id" >
< a class = "btn
{% if issue.p >= 20 %}btn-danger{% else %}
{% if issue.p >= 0 %}btn-default{% else %}
{% if issue.status == "In Progress" %}btn-warning{% else %}
{% if issue.status == "Resolved" %}btn-success{% else %}
btn-link
{% endif %}
{% endif %}
{% endif %}
{% endif %}"
href="https://dev.yunohost.org/issues/{{ issue.id }}">{{issue.type}}-{{ issue.id }}< / a >
< / td >
< td class = "column-issue-title" > < strong > {{ issue.subject }}< / strong > < / td >
< td class = "column-issue-status" > < strong > {{issue.status}}< / strong > < / td >
{% endfor %}
< / tbody >
< / table >
< / div >
< / div >
2017-03-27 20:37:42 +02:00
2017-03-17 19:27:52 +01:00
< footer >
< div class = "row" >
< div class = "col-lg-12" >
< hr / >
2017-03-27 20:37:42 +02:00
< p > CSS Skin/boilerplate/whatever you call it : < a href = "http://scripteden.com/download/eden-ui-bootstrap-3-skin/" rel = "nofollow" > Eden UI< / a > . Generated with < a href = "https://github.com/YunoHost/tartiflette" > Tartiflette< / a > !< / p >
2017-03-17 19:27:52 +01:00
< / div >
< / div >
< / footer >
< / div >
< script src = "https://code.jquery.com/jquery-2.1.3.min.js" > < / script >
< script src = "js/bootstrap.min.js" > < / script >
< script >
function filter(team) {
// Declare variables
var input, filter, table, tr, td, i;
table = document.getElementById("thePRlist");
tr = table.getElementsByTagName("tr");
// Loop through all table rows, and hide those who don't match the search query
for (i = 0; i < tr.length ; i + + )
{
if (team == '') { tr[i].style.display = ""; }
else if (tr[i].classList == "") { tr[i].style.display = ""; }
else if (tr[i].classList.contains(team)) { tr[i].style.display = ""; }
else { tr[i].style.display = "none"; }
}
selector = document.getElementById("select-team");
li = selector.getElementsByTagName("li");
if (team == "") { team = "team-all"; }
for (i = 0; i < li.length ; i + + )
{
if (li[i].getAttribute("id") == "select-".concat(team))
{
li[i].classList.add("active");
}
else
{
li[i].classList.remove("active");
}
}
}
< / script >
< / body >
< / html >
