Add missing graph template
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
fd755bfb61
commit
4ef5dd8dc2
65
templates/graph.html
Normal file
65
templates/graph.html
Normal file
|
@ -0,0 +1,65 @@
|
|||
{{ define "content" }}
|
||||
<h1 class="title is-1">{{ .Title }}</h1>
|
||||
<div id="mynetwork" style="height:800px"></div>
|
||||
|
||||
<script src="https://unpkg.com/vis-network" type="application/javascript"></script>
|
||||
<script src="https://unpkg.com/vis-data" type="application/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
// create an array with nodes
|
||||
var nodes = new vis.DataSet({{ .Nodes }});
|
||||
|
||||
// create an array with edges
|
||||
var edges = new vis.DataSet({{ .Edges }});
|
||||
|
||||
// create a network
|
||||
var container = document.getElementById('mynetwork');
|
||||
|
||||
// provide the data in the vis format
|
||||
var data = {
|
||||
nodes: nodes,
|
||||
edges: edges
|
||||
};
|
||||
var options = {
|
||||
edges: {
|
||||
arrows: 'to',
|
||||
},
|
||||
|
||||
nodes: {
|
||||
shape: 'box'
|
||||
}
|
||||
};
|
||||
|
||||
// initialize your network!
|
||||
var network = new vis.Network(container, data, options);
|
||||
network.on('doubleClick', function (props) {
|
||||
console.log(props)
|
||||
// window.location.href = '/edit/'+props.items[0]
|
||||
})
|
||||
</script>
|
||||
|
||||
{{ end }}
|
||||
|
||||
{{ define "navbar" }}
|
||||
{{ if $.Session.LoggedIn }}
|
||||
<a href="/edit/{{ .Name }}" class="navbar-item">Edit</a>
|
||||
<a href="/history/{{ .Name }}" class="navbar-item">History</a>
|
||||
<a href="/recent/" class="navbar-item">Recent Changes</a>
|
||||
<a href="/graph/" class="navbar-item">Graph</a>
|
||||
<a href="/auth/logout" class="navbar-item">Logout</a>
|
||||
<span class="navbar-item"><b>{{ $.Session.Me }}</b></span>
|
||||
{{ else }}
|
||||
<a href="/auth/login" class="navbar-item">Login</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ define "content_head" }}
|
||||
<style>
|
||||
.edit {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.tag {
|
||||
color: #444;
|
||||
}
|
||||
</style>
|
||||
{{ end }}
|
Loading…
Reference in New Issue
Block a user