gitote/templates/misc/admin_bar.tmpl

<div class="navbar container adminbar main">
    <div class="ui grid">
        <div class="column">
            <div class="ui left floated header adminbar text">
                <span class="adminbar align">
                    Version <span class="adminbar embed">{{AppVer}}</span>
                </span>
                
                <span class="adminbar align hide-mobile">
                    Render
                    <span class="adminbar embed">{{LoadTimes .PageStartTime}}</span>
                </span>

                <span class="adminbar align hide-mobile">
                    Browser
                    <span class="adminbar embed" id="browser"><span>···</span></span>
                </span>

                <span class="adminbar align hide-mobile">
                    Issues
                    <span class="adminbar embed" id="issuescount"><span>···</span></span>
                </span>

                <span class="adminbar align hide-mobile">
                    Build
                    <a class="buildtatus ui empty circular label mini"></a>
                </span>
            </div>
            <div class="ui right floated header adminbar text">
                <div class="ui dropdown">
                    {{if .Lab}}<i class="octicon octicon-pulse"></i>
                    {{else}}<i class="octicon octicon-squirrel"></i>
                    {{end}}
                </div>

                <span class="adminbar align hide-mobile">
                    {{if .Lab}}{{AppName}}:Lab{{else}}{{AppName}}:Prod{{end}}
                </span>
                <span class="adminbar divider hide-mobile"></span>

                <span class="adminbar align hide-mobile">
                    Current Memory
                    <span class="adminbar embed">{{.AdminBar.MemAllocated}}</span>
                </span>

                <span>{{GoVer}}</span>

                <a href="{{AppURL}}admin">
                    <span style="font-size:12px;color:white;margin-left:10px" class="octicon octicon-rocket"></span>
                </a>
                <a class="sitestatus ui empty circular label mini" href="{{AppURL}}status"></a>
            </div>
        </div>
    </div>
</div>

<script>
var renderStart = new Date().getTime();
window.onload = function() { 
    var elapsed = new Date().getTime() - renderStart;
    $('#browser').html(elapsed + 'ms');
}

// Get GitLab Issues Count
$.ajax({
    url:'https://gitlab.com/api/v4/projects/7997777?private_token='+{{GitlabAccessToken}},
    success: function(json) {
        var issuescount = "";
        issuescount += json.open_issues_count;
        $('#issuescount').html(issuescount + ' Open');
    }
});

// Build Status
$.ajax({
    url:'https://gitlab.com/api/v4/projects/7997777/pipelines?private_token='+{{GitlabAccessToken}},
    success: function(json) {
        var status = "";
        status += json[0].status;
        if (status == "success") {
            $('.buildtatus').addClass('green');
        } else if (status == "running") {
            $('.buildtatus').addClass('purple');
        } else if (status == "canceled") {
            $('.buildtatus').addClass('yellow');
        } else {
            $('.buildtatus').addClass('red');
        }
    }
});
</script>