<!DOCTYPE html> <html lang=“en”> <head>
<meta charset="UTF-8" /> <title>Robot Sweatshop</title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script> var QueueJob = function() { var job = $('select#job').val(); var data = $('textarea#data').val(); console.log("POST <%= api_url %>/run/"+job); $.post("<%= api_url %>/run/"+job, data); } </script> <style> button { background-color: #00db00; padding: 10px 20px; font-size: 1.2em; } </style>
</head>
<body>
<h1>Robot Sweatshop</h1> <h2>Big Green Button</h2> <form class="job_runner"> <label for="job">Select job</label> <select id="job"> <% for job in jobs %> <option value="<%= job %>"><%= job %></option> <% end %> </select> <br><br> <label for="data">Data payload</label> <textarea id="data">{}</textarea> <br><br> <button type="button" onclick="QueueJob()">Queue Job</button> </form> <h2>Logs</h2> <ul> <% for log in logs %> <li><a href="/log?for=<%= log %>"><%= log %></a></li> <% end %> </ul>
</body> </html>