<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>OPNFV presentation</title>

		<meta name="description" content="Dashboard Status">
		<meta name="author" content="Serena Feng">

		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">

		<link rel="stylesheet" href="../../css/reveal.css">
		<link rel="stylesheet" href="../../css/theme/OPNFV.css" id="theme">

		<!-- Code syntax highlighting -->
		<link rel="stylesheet" href="../../lib/css/zenburn.css">

		<!-- Printing and PDF exports -->
		<script>
			var link = document.createElement( 'link' );
			link.rel = 'stylesheet';
			link.type = 'text/css';
			link.href = window.location.search.match( /print-pdf/gi ) ? '../../css/print/pdf.css' : '../../css/print/paper.css';
			document.getElementsByTagName( 'head' )[0].appendChild( link );
		</script>

		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
	</head>

	<body>

		<div class="reveal">
			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">

				<section data-background="../../img/title-bg.png" data-background-transition="none">
                     <h1>Dashboard Status</h1>
                     <h3></h3>
                     <br>
					 <h4>OPNFV testing community</h4>
					 <h5></h5>
					 <br>
				</section>

				<section>
					<h3>results generation</h3>
					<img width="600"  data-src="./dashboard_status/generation.png" alt="tests">
				</section>
				<section>
					<h3>result model</h3>
					<img width="600"  data-src="./dashboard_status/result_model.png" alt="tests">
				</section>
				<section>
					<h3>dashboard generation</h3>
					<img width="600"  data-src="./dashboard_status/dashboard_generate.png" alt="tests">
				</section>
				<section>
					<h3>selection layout(1)</h3>
					<img width="600"  data-src="./dashboard_status/selection_1.png" alt="tests">
				</section>
				<section>
					<h3>selection layout(2)</h3>
					<img width="600"  data-src="./dashboard_status/selection_2.png" alt="tests">
				</section>
				<section>
					<h3>display period select</h3>
					<img width="600"  data-src="./dashboard_status/period_select.png" alt="tests">
				</section>
				<section>
					<h3>duration display</h3>
					<img width="600"  data-src="./dashboard_status/duration.png" alt="tests">
				</section>
				<section>
					<h3>tests/failures display</h3>
					<img width="600"  data-src="./dashboard_status/number.png" alt="tests">
				</section>
				<section>
					<h3>success_percentage display</h3>
					<img width="600"  data-src="./dashboard_status/percentage.png" alt="tests">
				</section>
				<section data-markdown>
					# possible layouts

					* project
					* testcase
					* pod
					* installer
					* scenario
					* version
					* period
				</section>
				<section data-markdown>
					# possible display domains

					* duration
					* tests/failures
					* success_percentage
				</section>
				<section>
					<h3>Thank you</h3>
					<img width="600"  data-src="./dashboard_status/danube.jpg" alt="tests">
				</section>

			</div>
            <div class='footer'>
				 <img src="../../img/logo-OPNFV.png" alt="OPNFV logo">
	        </div>
		</div>

		<script src="../../lib/js/head.min.js"></script>
		<script src="../../js/reveal.js"></script>

		<script>

			// Full list of configuration options available at:
			// https://github.com/hakimel/reveal.js#configuration
			Reveal.initialize({
				controls: true,
				progress: true,
				history: true,
				center: true,

				transition: 'slide', // none/fade/slide/convex/concave/zoom

				// Optional reveal.js plugins
				dependencies: [
					{ src: '../../lib/js/classList.js', condition: function() { return !document.body.classList; } },
					{ src: '../../plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
					{ src: '../../plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
					{ src: '../../plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
					{ src: '../../plugin/zoom-js/zoom.js', async: true },
					{ src: '../../plugin/notes/notes.js', async: true }
				]
			});

		</script>

	</body>
</html>