refstack/defcore/capabilities.html
Paul Van Eck 649137a0b0 Adjust html and js to use new capabilities format
Since the new capabilities files now use 'status' fields
instead of 'core' fields, the static files were adjusted to
account for these changes. The report page will now give the
option to filter by required, advisory, deprecated, and removed
capabilitiy statuses. For now, the new capabilities file is mirrored
in the defcore folder of refstack.

Change-Id: I79a12e94b32a89c08e8046a427553d1c156c1a2d
2015-04-06 20:19:22 +00:00

93 lines
3.3 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> {{id}} 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}}
<li>Status: {{status}}</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>
Status Filter:<br />
<select id="status" onchange="render_page()">
<option value="status_all" >All Capabilities</option>
<option value="status_required" >Required Capabilities</option>
<option value="status_advisory">Advisory Capabilities</option>
<option value="status_deprecated">Deprecated Capabilities</option>
<option value="status_removed">Removed Capabilities</option>
</select>
<br>
Admin Filter:<br />
<select id="admin" onchange="render_page()">
<option value="all" >All Capabilities</option>
<option value="admin" >Capabilities requiring admin rights</option>
<option value="noadmin">Capabilities not requiring 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>