src/agent/templates/base.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{{ pagetitle | default('System') }} - GitHub Task Manager Agent</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="/static/normalize.css">
<link rel="stylesheet" href="/static/skeleton.css">
<link rel="stylesheet" href="/static/skeleton-tabs.css">
<link rel="stylesheet" href="/static/main.css">
<!-- Page Logo -->
<link rel="shortcut icon" href="/static/gtm-logo.png">
</head>
<body>
<nav>
<a class="branding" href="/">
<img class="branding_icon" src="/static/gtm-logo.png">
GitHub Task Manager Agent
</a>
<a href="/process">Most Recent Payload</a>
<a href="/metrics">Event Stream</a>
<a href="#" id="agentToggleBtn" class="u-pull-right"><span id="agentStateBtn">{{ 'Disable' if globalProperties.pendingQueue.enabled else 'Enable' }}</span> Agent</a>
</nav>
<div class="container">
<div class="main">
{% block maincontent %}
<p>Content will be loaded into this div.</p>
{% endblock %}
</div>
</div>
<footer>
<div class="container">
<p class="notice">GitHub Task Manager {{ globalProperties.gtmversion }}</p>
</div>
</footer>
<script src="/static/jquery.js"></script>
<script src="/static/skeleton-tabs.js"></script>
<script>
var statePath = '/config/pendingqueue';
$('#agentToggleBtn').click(function() {
$.getJSON(statePath, function (data) {
if(data.enabled) {
console.log('Stopping Agent');
$.getJSON(statePath + '/disable', function (data) {
console.log('Agent ' + data.state);
$('#agentStateBtn').text('Enable');
});
} else {
console.log('Starting Agent');
$.getJSON(statePath + '/enable', function (data) {
console.log('Agent ' + data.state);
$('#agentStateBtn').text('Disable');
});
}
});
});
</script>
</body>
</html>
<!-- GTM Version {{ globalProperties.gtmversion }} -->