Skip to content

Instantly share code, notes, and snippets.

@tyler-sommer

tyler-sommer/dashboard.html.twig

Created February 15, 2017 03:27
Show Gist options
  • Save tyler-sommer/389fcaaa3d7f744dce00b2567bba947d to your computer and use it in GitHub Desktop.
Save tyler-sommer/389fcaaa3d7f744dce00b2567bba947d to your computer and use it in GitHub Desktop.
Download ZIP
Example go-stickgen working with squircy2
Raw
dashboard.html.twig
{% extends 'layout.html.twig' %}
{% block content %}
<div class="row">
<div class="col-md-8">
<h4>Dashboard</h4>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h5>Terminal</h5>
<pre id="terminal-log" class="history">{% for line in terminal %}{{ line.Message }}{% endfor %}</pre>
<h5>Events</h5>
<pre id="event-log" class="history">{% for line in irc %}[{{ line.Code }}] {{ line.Nick }}->{{ line.Target }}: {{ line.Message }}
{% endfor %}</pre>
</div>
</div>
</div>
{% endblock %}
{% block additional_javascripts %}
<script type="text/javascript">
$(function() {
var $eventLog = $('#event-log');
var $terminalLog = $('#terminal-log');
var es = window.squIRCyEvents;
es.addEventListener("irc.WILDCARD", function(e) {
var data = JSON.parse(e.data);
$eventLog.append("[" + data.Code + "] " + data.Nick + "->" + data.Target + ": " + data.Message + "\n");
$eventLog[0].scrollTop = $eventLog[0].scrollHeight;
});
es.addEventListener("cli.OUTPUT", function(e) {
var data = JSON.parse(e.data);
$terminalLog.append(data.Message);
$terminalLog[0].scrollTop = $terminalLog[0].scrollHeight;
});
$eventLog[0].scrollTop = $eventLog[0].scrollHeight;
$terminalLog[0].scrollTop = $terminalLog[0].scrollHeight;
});
</script>
{% endblock %}
Raw
layout.html.twig
<!DOCTYPE html>
<html>
<head>
<title>squIRCy</title>
<script src="//cdn.jsdelivr.net/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//cdn.jsdelivr.net/momentjs/2.8.1/moment.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/fontawesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div id="main-container" class="container">
<div class="row">
<div class="col-md-12">
{% block content %}
{% endblock %}
</div>
</div>
</div>
<nav id="main-nav" class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="https://github.com/tyler-sommer/squircy2">squIRCy2</a>
</div>
<ul class="nav navbar-nav">
<li><a href="/">Dashboard</a></li>
<li><a href="/script">Scripts</a></li>
<li><a href="/webhook">Webhooks</a></li>
<li><a href="/manage">Settings</a></li>
<li class="divider">&nbsp;</li>
<li><a href="/repl">REPL</a></li>
</ul>
<ul class="nav navbar-nav pull-right">
<li><a id="reinit" title="Re-initialize scripts" href="/script/reinit"><i class="fa fa-refresh"></i></a></li>
<li><a class="post-action" id="connect-button" style="display: none" href="/connect"><i class="fa fa-power-off"></i> Connect</a></li>
<li><a class="post-action" id="disconnect-button" style="display: none" href="/disconnect"><i class="fa fa-power-off"></i> Disconnect</a></li>
<li><a class="post-action" id="connecting-button" style="display: none" href="/disconnect"><i class="fa fa-power-off"></i> Connecting...</a></li>
</ul>
</div>
</nav>
{% block additional_javascripts %}
{% endblock %}
</body>
</html>
Raw
main.go
package main
func main() {
template_dashboard_html_twig()
}
Raw
tpl.go
package main
import (
"fmt"
)
func block_additional_javascripts() {
// line 21, offset 34
fmt.Print(`
<script type="text/javascript">
$(function() {
var $eventLog = $('#event-log');
var $terminalLog = $('#terminal-log');
var es = window.squIRCyEvents;
es.addEventListener("irc.WILDCARD", function(e) {
var data = JSON.parse(e.data);
$eventLog.append("[" + data.Code + "] " + data.Nick + "->" + data.Target + ": " + data.Message + "\n");
$eventLog[0].scrollTop = $eventLog[0].scrollHeight;
});
es.addEventListener("cli.OUTPUT", function(e) {
var data = JSON.parse(e.data);
$terminalLog.append(data.Message);
$terminalLog[0].scrollTop = $terminalLog[0].scrollHeight;
});
$eventLog[0].scrollTop = $eventLog[0].scrollHeight;
$terminalLog[0].scrollTop = $terminalLog[0].scrollHeight;
});
</script>
`)
}
func block_content() {
// line 3, offset 19
fmt.Print(`
<div class="row">
<div class="col-md-8">
<h4>Dashboard</h4>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h5>Terminal</h5>
<pre id="terminal-log" class="history">`)
// line 12, offset 103
fmt.Print(`</pre>
<h5>Events</h5>
<pre id="event-log" class="history">`)
// line 15, offset 12
fmt.Print(`</pre>
</div>
</div>
</div>
`)
}
func template_dashboard_html_twig() {
// line 1, offset 0
fmt.Print(`<!DOCTYPE html>
<html>
<head>
<title>squIRCy</title>
<script src="//cdn.jsdelivr.net/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//cdn.jsdelivr.net/momentjs/2.8.1/moment.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/fontawesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div id="main-container" class="container">
<div class="row">
<div class="col-md-12">
`)
// line 17, offset 6
block_content()
// line 18, offset 17
fmt.Print(`
</div>
</div>
</div>
<nav id="main-nav" class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="https://github.com/tyler-sommer/squircy2">squIRCy2</a>
</div>
<ul class="nav navbar-nav">
<li><a href="/">Dashboard</a></li>
<li><a href="/script">Scripts</a></li>
<li><a href="/webhook">Webhooks</a></li>
<li><a href="/manage">Settings</a></li>
<li class="divider">&nbsp;</li>
<li><a href="/repl">REPL</a></li>
</ul>
<ul class="nav navbar-nav pull-right">
<li><a id="reinit" title="Re-initialize scripts" href="/script/reinit"><i class="fa fa-refresh"></i></a></li>
<li><a class="post-action" id="connect-button" style="display: none" href="/connect"><i class="fa fa-power-off"></i> Connect</a></li>
<li><a class="post-action" id="disconnect-button" style="display: none" href="/disconnect"><i class="fa fa-power-off"></i> Disconnect</a></li>
<li><a class="post-action" id="connecting-button" style="display: none" href="/disconnect"><i class="fa fa-power-off"></i> Connecting...</a></li>
</ul>
</div>
</nav>
`)
// line 45, offset 7
block_additional_javascripts()
// line 46, offset 18
fmt.Print(`
</body>
</html>`)
// line 1, offset 32
fmt.Print(`
`)
// line 19, offset 14
fmt.Print(`
`)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment