zotoio/github-task-manager

View on GitHub
src/agent/templates/base.html

Summary

Maintainability
Test Coverage
<!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 }} -->