actionhero
Version:
actionhero.js is a multi-transport API Server with integrated cluster capabilities and delayed tasks
128 lines (108 loc) • 4.79 kB
HTML
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="description" content="ActionHero.js" />
<link rel="stylesheet" href="/public/css/cosmo.css" type="text/css">
<link rel="icon" href="/public/favicon.ico">
<title>ActionHero.js</title>
<script src="/public/javascript/actionheroClient.min.js"></script>
</head>
<body>
<div class="container">
<br />
<div class="jumbotron">
<div class="row">
<div class="col-md-4">
<img src="/public/logo/actionhero.png" height="300" />
</div>
<div class="col-md-8">
<h1>Your ActionHero Server is working.</h1>
<h2>Congratulations!</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">This Server</h3>
</div>
<div class="panel-body">
<pre>
Server Name: <span class="right" id="serverName"></span>
API Version: <span class="right" id="serverVersion"></span>
Actionhero Version <span class="right" id="actionheroVersion"></span>
Uptime (min): <span class="right" id="uptime"></span>
</pre>
</div>
</div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">About ActionHero</h3>
</div>
<div class="panel-body">
<p>ActionHero.js is a multi-transport API Server with integrated cluster capabilities and delayed tasks.</p>
<p>ActionHero was built from the ground up to include all the features you expect from a modern API framework. This includes all the features listed below and more. ActionHero also knows when to get out of the way to allow you to customize your stack to fit your needs.</p>
</div>
</div>
</div>
<div class="col-md-6">
<a href="/chat.html" class="btn btn-primary">Try a realtime-chat with websockets</a>
</div>
<div class="col-md-6">
<a href="http://www.actionherojs.com/docs" class="btn btn-primary">Learn More about ActionHero</a>
</div>
</div>
</div>
</div>
<hr />
<h2>Actions on This Server:</h2>
<row id="actions"></row>
</div>
<script type="text/javascript">
var populateStatus = function(data){
if(data.serverInformation){
document.getElementById('serverVersion').innerHTML = data.serverInformation.apiVersion;
document.getElementById('serverName').innerHTML = data.serverInformation.serverName;
}
document.getElementById('actionheroVersion').innerHTML = data.actionheroVersion;
document.getElementById('uptime').innerHTML = Math.round( data.uptime / 1000 / 60 );
}
var populateDocumentation = function(data){
for(var actionName in data.documentation){
for(var version in data.documentation[actionName]){
var action = data.documentation[actionName][version];
var row = '';
row += '<div class="col-md-6">';
row += ' <div class="panel panel-default">';
row += ' <div class="panel-heading">';
row += ' <a href="/api/' + action.name + '?apiVersion=' + version + '"><h3 class="panel-title">' + action.name + ' (v' + version + ')</h3></a>';
row += ' </div>';
row += ' <div class="panel-body">';
row += ' <p><strong>Description: </strong>' + action.description + '</p>';
row += ' <p><strong>Inputs</strong>: <pre>' + JSON.stringify(action.inputs, null, 4) + '</pre></p>';
row += ' <p><strong>Output Example</strong>: <pre>' + JSON.stringify(action.outputExample, null, 4) + '</pre></p>';
row += ' </div>';
row += ' </div>';
row += '</div>';
document.getElementById('actions').innerHTML += row;
}
}
}
var client = new ActionheroClient();
client.action('showDocumentation', function(data){
if(data.error){ window.alert(data.error); }
populateDocumentation(data)
});
client.action('status', function(data){
if(data.error){ window.alert(data.error); }
populateStatus(data)
});
</script>
</body>
</html>