mirror of
https://github.com/YunoHost/tartiflette.git
synced 2024-09-03 20:06:08 +02:00
176 lines
5.3 KiB
HTML
176 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta charset="utf-8">
|
|
<title>Yunohost Roadmap 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>
|
|
|
|
|
|
|
|
|
|
|
|
<footer>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<hr/>
|
|
<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>
|
|
</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>
|