refstack/defcore/capabilities.html
sslypushenko b04873c70c Report page prototype
This patch provides templates (Jinja-like) for single test run report
and for comparison of two test runs. By default these templates display
demo results.

https://storyboard.openstack.org/#!/story/111

Change-Id: Icde3559216d3a7a38c7a8e6a54e7a53300d309e9
2014-12-29 18:33:56 +02:00

86 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.8.1/mustache.min.js"> </script>
<script id="header_template" type="x-tmpl-mustache">
<h1>OpenStack DefCore</h1>
<h2> {{release}} Tracked Capabilities</h2>
</script>
<script id="capabilities_template" type="x-tmpl-mustache">
{{#capabilities}}
<ul>
<li> <a onclick="$('#{{class}}_tests').toggle(500);return false;" href="#"> {{class}} capabilities ({{count}} of {{total}} total) </a>
<div id="{{class}}_tests" style="display:none;">
{{#items}}
<ul>
<li>
{{name}}
<ul>
<li>ID: {{id}}</li>
<li>Description: {{description}}</li>
<li>Achievements (met {{achievements_count}} of {{criteria_count}} total): {{#achievements}} <a href="#{{.}}">{{.}}</a> {{/achievements}}
{{#admin}}<li>Admin rights required</li>{{/admin}}
{{#core}}<li>Core test</li>{{/core}}</li>
<li> <a onclick="toggle_one_item('{{class}}', '{{id}}', 'tests_list');return false;" href="#"> Tests ({{tests_count}}) </a>
<div id="{{id}}_tests_list" class="{{class}}_tests_list" style="display:none;">
<ul>
{{#tests}} <li> {{.}} <a href="javascript:void(get_code_url('{{.}}'));"> [github] </a> </li> {{/tests}}
</ul>
<div>
</li>
</ul>
</li>
</ul>
{{/items}}
</div>
</li>
</ul>
{{/capabilities}}
{{^capabilities}}
No capabilities!
{{/capabilities}}
</script>
<script id="criteria_template" type="x-tmpl-mustache">
{{#criteria}}
<ul>
<li><a id="{{tag}}" onclick="$('#{{tag}}_ach').toggle(500);return false;" href="#"> {{name}} (tag : {{tag}}) </a> </li>
<div id="{{tag}}_ach" style="display:none;">
<ul>
<li>Description: {{Description}} </li>
<li>Weight: {{weight}} </li>
</ul>
</div>
</ul>
{{/criteria}}
</script>
<script src="/js/helpers.js"></script>
<script>
window.render_page = function(){render_capabilities_page()};
$(document).ready(window.render_page);
</script>
</head>
<body>
<div id="header"></div>
<input id="only_core" name="only_core" type="checkbox" checked onclick="render_page()" />
<label for="only_core">Show only core tests</label>
<br>
<select id="admin" onchange="render_page()">
<option value="all" >All tests</option>
<option value="admin" >Tests require admin rights</option>
<option value="noadmin">Tests don't require admin rights</option>
</select>
<div id="capabilities"></div>
<h2>Criterion descriptions</h2>
<ul id="criteria"></ul>
<div>Copyright OpenStack Foundation, 2014. Apache 2 License.</div>
</body>
</html>