mirror of https://github.com/statping/statping
73 lines
2.5 KiB
Plaintext
73 lines
2.5 KiB
Plaintext
{{define "title"}}Statping | Services{{end}}
|
|
{{define "content"}}
|
|
<div class="container col-md-7 col-sm-12 mt-md-5 bg-light">
|
|
{{template "nav"}}
|
|
|
|
<div class="col-12">
|
|
{{if ne (len .) 0}}
|
|
<h3>Services</h3>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Name</th>
|
|
<th scope="col" class="d-none d-md-table-cell">Status</th>
|
|
<th scope="col"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="sortable" id="services_table">
|
|
{{range .}}
|
|
<tr id="service_{{.Id}}" data-id="{{.Id}}">
|
|
<td><span class="drag_icon d-none d-md-inline"><i class="fas fa-bars"></i></span> {{.Name}}</td>
|
|
<td class="d-none d-md-table-cell">{{if .Online}}<span class="badge badge-success">ONLINE</span>{{else}}<span class="badge badge-danger">OFFLINE</span>{{end}} </td>
|
|
<td class="text-right">
|
|
<div class="btn-group">
|
|
<a href="/service/{{.Id}}" class="btn btn-outline-secondary"><i class="fas fa-chart-area"></i> View</a>
|
|
{{if Auth}}<a href="/api/services/{{.Id}}" class="ajax_delete btn btn-danger" data-method="DELETE" data-obj="service_{{.Id}}" data-id="{{.Id}}"><i class="fas fa-times"></i></a>{{end}}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
{{end}}
|
|
{{if Auth}}
|
|
<h3>Create Service</h3>
|
|
{{template "form_service" NewService}}
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
{{define "extra_scripts"}}
|
|
{{if USE_CDN}}
|
|
<script src="https://assets.statping.com/sortable.min.js"></script>
|
|
{{ else }}
|
|
<script src="/js/sortable.min.js"></script>
|
|
{{end}}
|
|
<script>
|
|
sortable('.sortable', {
|
|
forcePlaceholderSize: true,
|
|
hoverClass: 'sortable_drag',
|
|
handle: '.drag_icon'
|
|
});
|
|
sortable('.sortable')[0].addEventListener('sortupdate', function(e) {
|
|
var i = 0;
|
|
var newOrder = [];
|
|
var dest = e.detail.destination.items;
|
|
dest.forEach(function(d) {
|
|
i++;
|
|
var dId = $(d).attr('data-id');
|
|
var o = {service: parseInt(dId), order: i};
|
|
newOrder.push(o);
|
|
});
|
|
$.ajax({
|
|
url: "/api/reorder",
|
|
type: 'POST',
|
|
data: JSON.stringify(newOrder),
|
|
contentType: "application/json",
|
|
dataType: "json",
|
|
success: function(data) { }
|
|
});
|
|
});
|
|
</script>
|
|
{{end}}
|