|
@@ -0,0 +1,133 @@
|
|
|
+{% extends 'SonataAdminBundle:CRUD:base_list.html.twig' %}
|
|
|
+
|
|
|
+{% block javascripts %}
|
|
|
+{{ parent() }}
|
|
|
+<script src="{{ asset('bundles/baseadmin') }}/js/stomp.js" type="text/javascript" charset="utf-8"></script>
|
|
|
+
|
|
|
+<script type="text/javascript">
|
|
|
+
|
|
|
+ {# WEBSOCKET STOMP #}
|
|
|
+
|
|
|
+ var ws = new WebSocket('wss://' + window.location.hostname + '/ws');
|
|
|
+ var client = Stomp.over(ws);
|
|
|
+
|
|
|
+ client.debug = function(e) {};
|
|
|
+
|
|
|
+ client.onreceive = function(m) {};
|
|
|
+
|
|
|
+ var on_connect = function(x) {
|
|
|
+ id = client.subscribe("/queue/kea", function(m) {
|
|
|
+ if ($('#tbody tr').length >= 100) {
|
|
|
+ $('#tbody tr:last').remove();
|
|
|
+ }
|
|
|
+
|
|
|
+ $('#tbody').prepend($("<tr>").append($('<td class="sonata-ba-list-field sonata-ba-list-field-text">').text(m.body)));
|
|
|
+ }, {
|
|
|
+ durable: false,
|
|
|
+ "auto-delete": false,
|
|
|
+ exclusive: false
|
|
|
+ });
|
|
|
+ };
|
|
|
+
|
|
|
+ var on_error = function(e) {
|
|
|
+ console.log(e);
|
|
|
+ };
|
|
|
+
|
|
|
+ client.connect('guest', 'guest', on_connect, on_error, '/');
|
|
|
+
|
|
|
+
|
|
|
+ {# FILTRO #}
|
|
|
+
|
|
|
+ $(document).on('ready', function() {
|
|
|
+ $('#filter').on('input', function() {
|
|
|
+ var $filter = $('#filter').val();
|
|
|
+
|
|
|
+ if ($filter.length >= 3) {
|
|
|
+ $('#tbody td:not(:contains("'+$filter+'"))').hide();
|
|
|
+ } else {
|
|
|
+ $('#tbody td').show();
|
|
|
+ }
|
|
|
+
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ $('#first form').submit(function(e) {
|
|
|
+ e.preventDefault();
|
|
|
+
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+
|
|
|
+{% endblock %}
|
|
|
+
|
|
|
+{% block tab_menu %}
|
|
|
+<ol class="nav navbar-top-links breadcrumb">
|
|
|
+ <li>
|
|
|
+ <a href="{{url('sonata_admin_dashboard')}}"><i class="fa fa-home"></i></a>
|
|
|
+ </li>
|
|
|
+ <li class="active"><span>{{ 'kea_packet_list'|trans({}, 'KeaBundle') }}</span></li>
|
|
|
+</ol>
|
|
|
+{% endblock %}
|
|
|
+
|
|
|
+{% block list_filters_actions %}
|
|
|
+<ul class="nav navbar-nav navbar-right">
|
|
|
+ <li><a class="sonata-action-element" href="{{url('admin_kea_config_list')}}"><i class="fa fa-list" aria-hidden="true"></i>
|
|
|
+ {{ 'link_action_list'|trans({}, 'SonataAdminBundle') }}
|
|
|
+ </a></li>
|
|
|
+</ul>
|
|
|
+{% endblock %}
|
|
|
+
|
|
|
+{% block actions '' %}
|
|
|
+
|
|
|
+{% block title '' %}
|
|
|
+
|
|
|
+{% block navbar_title '' %}
|
|
|
+
|
|
|
+{% block list_filters '' %}
|
|
|
+
|
|
|
+{% block list_table '' %}
|
|
|
+
|
|
|
+{% block sonata_wrapper %}
|
|
|
+{{ parent() }}
|
|
|
+{% endblock %}
|
|
|
+
|
|
|
+{% block content %}
|
|
|
+
|
|
|
+<div class="row">
|
|
|
+ <div class="col-xs-12 col-md-12">
|
|
|
+ <div class="box box-primary">
|
|
|
+ <div id="first" class="sonata-filter-form form-horizontal" style="width: 100%; overflow: auto; padding: 10px;">
|
|
|
+ <div class="box-header">
|
|
|
+ <h4 class="box-title">
|
|
|
+ {{ 'Filter'|trans({}, 'KeaBundle') }}
|
|
|
+ </h4>
|
|
|
+ </div>
|
|
|
+ <form>
|
|
|
+ <input id="filter" autocomplete="off"></input>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<div class="row">
|
|
|
+ <div class="col-xs-12 col-md-12">
|
|
|
+ <div class="box box-primary" style="margin-bottom: 100px;">
|
|
|
+ <div id="second" class="box-body table-responsive no-padding" style="width: 100%; overflow: auto; padding: 10px;">
|
|
|
+ <div class="box-header">
|
|
|
+ <h4 class="box-title">
|
|
|
+ {{ 'Packets'|trans({}, 'KeaBundle') }}
|
|
|
+ </h4>
|
|
|
+ <span class="help-block sonata-ba-field-help">{{ 'kea_packet_list_help'|trans({}, 'KeaBundle') }}</span>
|
|
|
+ </div>
|
|
|
+ <table class="table table-bordered table-striped sonata-ba-list">
|
|
|
+ <thead></thead>
|
|
|
+ <tbody id="tbody"></tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+{% endblock %}
|