tartiflette/www/template_roadmap.html

179 lines
5.3 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Yunohost Pull Requests Dashboard</title>
<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;
}
.container {
width:1100px;
}
.column-issue-id {
width:190px;
text-align:center;
}
.column-issue-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 350px;
}
</style>
</head>
<body>
<div class="container">
<div class="page-header" id="banner">
<div class="row">
<h1>Yunohost Roadmap Dashboard</h1>
</div>
</div>
<h3>2.6.x</h3>
<div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="issue-legend">All ({{data.summary.all}} issues) </div>
<div class="bs-component">
<div class="progress">
<div class="progress-bar progress-bar-success" style="width:
{{data.summary.done[1]}}%">{{data.summary.done[0]}} done</div>
<div class="progress-bar progress-bar-warning" style="width:
{{data.summary.ongoing[1]}}%">{{data.summary.ongoing[0]}}
ongoing</div>
<div class="progress-bar progress-bar-none" style="width:
{{data.summary.new[1]}}%">{{data.summary.new[0]}} new</div>
</div>
</div>
</div>
</div>
<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>
</div>
<footer>
<div class="row">
<div class="col-lg-12">
<hr/>
<p>CSS Skin/boilerplate/whatever you call it : <a href="http://scripteden.com/" rel="nofollow">Script Eden</a>.</p>
</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>