git2prov
Version:
Unleash the potential of Git in the new W3C standard for provenance.
132 lines (109 loc) • 5.13 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>Git2PROV</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Unleash the potential of Git in the new W3C standard for provenance.">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/git2prov.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="http://www.w3.org/ns/prov#has_provenance" href="webpage.provn">
</head>
<body>
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse">
<ul class="nav">
<li id="main"><a href="index.html">Git2PROV</a></li>
<li id="about"><a href="about.html">About</a></li>
<li id="contact"><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<section class="round">
<div class="row-fluid">
<div id="git2provContainer" class="span8">
<form action="#" method="get" enctype="multipart/form-data">
<style type="text/css">
.input-append .btn .dropdown-toggle {
float: none;
}
</style>
<div id="contentContainer">
<img id="logo" src="images/git2provlogo.png" alt="" />
<div id="giturlContainer" class="input-append btn-group">
<label for="giturl">Enter a Git Repo:</label>
<input id="giturl" type="text" name="giturl" class="input-large" style="width:300px; " />
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>Examples</li>
<li><a href="#" onclick="updateURLInputBox('https://github.com/mmlab/Git2PROV.git')">
<i class="icon-ok"></i> Git2PROV</a>
</li>
<li><a href="#" onclick="updateURLInputBox('https://github.com/RubenVerborgh/node-n3')">
<i class="icon-ok"></i> Node-N3</a>
</li>
</ul>
</div>
<label>Choose a serialization:</label>
<button type="button" id="PROV-JSON" class="git2provButton" style="text-align:center; width:150px; "
onclick="sendRequest('PROV-JSON')">PROV-JSON</button>
<button type="button" id="PROV-N" class="git2provButton" style="text-align:center; width:150px; "
onclick="sendRequest('PROV-N')"/>PROV-N</button>
<button type="button" id="PROV-O" class="git2provButton" style="text-align:center; width:150px; "
onclick="sendRequest('PROV-O')"/>PROV-O</button>
<button type="button" id="SVG" class="git2provButton" style="text-align:center; width:150px; "
onclick="sendRequest('SVG')"/>SVG</button>
</div>
</form>
<img id="ajax-loader" src="images/ajax-loader.gif" /><br/>
<form>
<textarea id="response" style="width: 100%" rows="5"></textarea><br />
<button type="button" id ="download" class="git2provButton" style="text-align:center; width:150px;" onclick="downloadTextarea()"/>Download</button>
</form>
</div>
</section>
<section id="institutions"> Powered by:
<img style="margin:5px;" src="images/ugentlogo.png" width="5%" height="5%" alt="Ghent University" />
<img style="margin:5px;" src="images/imindslogo.png" width="10%" height="10%" alt="iMinds" />
<img style="margin:5px;" src="images/mmlablogo.png" width="10%" height="10%" alt="MMLab" />
<img style="margin:5px;" src="images/vulogo.png" width="12%" height="12%" alt="& VU University Amsterdam" />
</section>
Source code available on <a href="https://github.com/mmlab/Git2PROV">Github</a>
<script src="js/bootstrap.js"></script>
<script>
function updateURLInputBox(val){
document.getElementById("giturl").value = val;
}
function sendRequest(serialization){
document.getElementById("response").value = "";
document.getElementById("ajax-loader").style.visibility = "visible";
var value = document.getElementById("giturl").value;
$.get("git2prov", { giturl: value, serialization: serialization}).done(function(data,status){
document.getElementById("response").value = data;
document.getElementById("ajax-loader").style.visibility = "hidden";
});
}
function downloadTextarea(){
var content = document.getElementById("response").value;
location.href = "data:application/octet-stream," + encodeURIComponent(content);
}
$('.dropdown-toggle').dropdown();
</script>
</body>
</html>