validation-report-template.html 5.18 KB
<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon"
	href="%1$s/validator2resources/bootstrap/assets/ico/favicon.png" />

<title>%3$s</title>
<!-- Bootstrap core CSS -->
<link href="%1$s/validator2resources/bootstrap/dist/css/bootstrap.css"
	rel="stylesheet" />

<!-- Custom styles for this template -->
<link href="%1$s/validator2resources/starter-template.css"
	rel="stylesheet" />

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="%1$s/validator2resources/bootstrap/assets/js/html5shiv.js"></script>
      <script src="%1$s/validator2resources/bootstrap/assets/js/respond.min.js"></script>
     
<![endif]-->
</head>
<body class="validationReport">

	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<a class="navbar-brand" href="%1$s/validator2/index">%4$s</a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">

					<li><a href="%1$s/validator2/features">%5$s</a></li>
					<li><a href="%1$s/validator2/about">%6$s</a></li>
					<li><a href="%1$s/validator2/contact">%7$s</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div class="container">

		<div class="starter-template">
			%2$s

			<hr />

			<!-- Footer -->
			<div id="footer">
				<div class="row">
					<div class="span12" style="text-align: center;">
						<p></p>
						<p>
							<small> <a href="%1$s/validator2/index">%8$s </a> |
								<a href="%1$s/validator2/features">%9$s</a> | <a
								href="%1$s/validator2/about">%10$s</a> | <a
								href="%1$s/validator2/contact">%11$s</a>
							</small>
						</p>
					</div>
				</div>

				<p>&nbsp;</p>

				<div class="bs-footer" role="contentinfo">
					<div class="">
						<div class="row">
							<div class="col-md-4" align="left">
								<a href="http://www.portugal.gov.pt" title="Governo de Portugal"
									target="_blank"><img
									src="%1$s/validator2resources/footer/gov.png" width="125"
									height="40" alt="Governo de Portugal" /><img
									src="%1$s/validator2resources/footer/separador.png" width="18"
									height="40" alt="Governo de Portugal - Separador" /><img
									src="%1$s/validator2resources/footer/mec.png" width="100"
									height="40" alt="Ministério da Educação e Ciência" /></a>
							</div>

							<div class="col-md-4">
								<a href="http://www.fct.pt" target="_blank"> <img
									src="%1$s/validator2resources/footer/logo_fct.png" alt="FCT"
									width="135" height="37" border="0" />
								</a> <a href="http://www.uminho.pt" target="_blank"> <img
									src="%1$s/validator2resources/footer/uminho.png"
									alt="Universidade do Minho" width="65" height="50" border="0" />
								</a>
							</div>

							<div class="col-md-4" align="right">
								<a href="http://www.posc.mctes.pt"><img
									src="%1$s/validator2resources/footer/ue.png" width="150"
									height="20" alt="POS Conhecimento e UE" /></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- /.container -->


	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="%1$s/validator2resources/bootstrap/assets/js/jquery.js"></script>
	<script
		src="%1$s/validator2resources/bootstrap/dist/js/bootstrap.min.js"></script>
	<script>
	var badges = $('a[id$=_BADGE]');
    $.each(badges, function(index, value) {
       var badge = $('a#'+value.id);
       badge.click(function() {
          // add class to badge
          if(!badge.parent().hasClass("active")){
             badge.parent().addClass("active");
          }
          // show respective table
          var badgeTable = $("div#"+this.id.replace('_BADGE','')+"_DIV");
          badgeTable.show();
          var i;
          for(i=0;i<badges.length;i++){
             if(badges[i].id != this.id){
                var other = $('a#'+badges[i].id);
                var other_table = $('div#'+badges[i].id.replace('_BADGE','')+"_DIV");
                other.parent().removeClass("active");
                other_table.hide();
             }
          }
          return false;
       });
    });

    $(".filters select").on("change", function(){
        var selectedOptionValue = $(this).val();
        var table = $(this).closest(".filters").siblings("table");
        var allTrs = table.find("tr");

        allTrs.show();

        if(selectedOptionValue != "all"){
            allTrs.each(function(){
                var spansFiltered = $(this).find("span").filter(function() { 
                    return $(this).data("severity") == selectedOptionValue; 
                });

                if(spansFiltered.size() == 0){
                    $(this).hide();
                }
            });
        }
    });
	</script>
</body>
</html>