online.twig (5852B)
1 {{ header }}{{ column_left }} 2 <div id="content"> 3 <div class="page-header"> 4 <div class="container-fluid"> 5 <div class="pull-right"> 6 <button type="button" data-toggle="tooltip" title="{{ button_filter }}" onclick="$('#filter-online').toggleClass('hidden-sm hidden-xs');" class="btn btn-default hidden-md hidden-lg"><i class="fa fa-filter"></i></button> 7 <a href="{{ refresh }}" data-toggle="tooltip" title="{{ button_refresh }}" class="btn btn-default"><i class="fa fa-refresh"></i></a></div> 8 <h1>{{ heading_title }}</h1> 9 <ul class="breadcrumb"> 10 {% for breadcrumb in breadcrumbs %} 11 <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li> 12 {% endfor %} 13 </ul> 14 </div> 15 </div> 16 <div class="container-fluid"> 17 <div class="row"> 18 <div id="filter-online" class="col-md-3 col-md-push-9 col-sm-12 hidden-sm hidden-xs"> 19 <div class="panel panel-default"> 20 <div class="panel-heading"> 21 <h3 class="panel-title"><i class="fa fa-filter"></i> {{ text_filter }}</h3> 22 </div> 23 <div class="panel-body"> 24 <div class="form-group"> 25 <label class="control-label" for="input-ip">{{ entry_ip }}</label> 26 <input type="text" name="filter_ip" value="{{ filter_ip }}" id="input-ip" placeholder="{{ entry_ip }}" i class="form-control" /> 27 </div> 28 <div class="form-group"> 29 <label class="control-label" for="input-customer">{{ entry_customer }}</label> 30 <input type="text" name="filter_customer" value="{{ filter_customer }}" placeholder="{{ entry_customer }}" id="input-customer" class="form-control" /> 31 </div> 32 <div class="form-group text-right"> 33 <button type="button" id="button-filter" class="btn btn-default"><i class="fa fa-filter"></i> {{ button_filter }}</button> 34 </div> 35 </div> 36 </div> 37 </div> 38 <div class="col-md-9 col-md-pull-3 col-sm-12"> 39 <div class="panel panel-default"> 40 <div class="panel-heading"> 41 <h3 class="panel-title"><i class="fa fa-list"></i> {{ text_list }}</h3> 42 </div> 43 <div class="panel-body"> 44 <div class="table-responsive"> 45 <table class="table table-bordered table-hover"> 46 <thead> 47 <tr> 48 <td class="text-left">{{ column_ip }}</td> 49 <td class="text-left">{{ column_customer }}</td> 50 <td class="text-left">{{ column_url }}</td> 51 <td class="text-left">{{ column_referer }}</td> 52 <td class="text-left">{{ column_date_added }}</td> 53 <td class="text-right">{{ column_action }}</td> 54 </tr> 55 </thead> 56 <tbody> 57 58 {% if customers %} 59 {% for customer in customers %} 60 <tr> 61 <td class="text-left"><a href="//whatismyipaddress.com/ip/{{ customer.ip }}" target="_blank">{{ customer.ip }}</a></td> 62 <td class="text-left">{{ customer.customer }}</td> 63 <td class="text-left"><a href="{{ customer.url }}" target="_blank" rel="noreferrer">{{ customer.url|split('', 30)|join('<br/> 64 ') }}</a></td> 65 <td class="text-left">{% if customer.referer %}<a href="{{ customer.referer }}" target="_blank">{{ customer.referer|split('', 30)|join('<br/> 66 ') }}</a>{% endif %}</td> 67 <td class="text-left">{{ customer.date_added }}</td> 68 <td class="text-right">{% if customer.customer_id %}<a href="{{ customer.edit }}" data-toggle="tooltip" title="{{ button_edit }}" class="btn btn-primary"><i class="fa fa-pencil"></i></a>{% else %} 69 <button type="button" data-toggle="tooltip" title="{{ button_edit }}" class="btn btn-primary" disabled="disabled"><i class="fa fa-pencil"></i></button> 70 {% endif %}</td> 71 </tr> 72 {% endfor %} 73 {% else %} 74 <tr> 75 <td class="text-center" colspan="6">{{ text_no_results }}</td> 76 </tr> 77 {% endif %} 78 </tbody> 79 80 </table> 81 </div> 82 <div class="row"> 83 <div class="col-sm-6 text-left">{{ pagination }}</div> 84 <div class="col-sm-6 text-right">{{ results }}</div> 85 </div> 86 </div> 87 </div> 88 </div> 89 </div> 90 </div> 91 <script type="text/javascript"><!-- 92 $('#button-filter').on('click', function() { 93 var url = 'index.php?route=report/online&user_token={{ user_token }}'; 94 95 var filter_customer = $('input[name=\'filter_customer\']').val(); 96 97 if (filter_customer) { 98 url += '&filter_customer=' + encodeURIComponent(filter_customer); 99 } 100 101 var filter_ip = $('input[name=\'filter_ip\']').val(); 102 103 if (filter_ip) { 104 url += '&filter_ip=' + encodeURIComponent(filter_ip); 105 } 106 107 location = url; 108 }); 109 //--></script> 110 <script type="text/javascript"><!-- 111 $('input[name=\'filter_customer\']').autocomplete({ 112 'source': function(request, response) { 113 $.ajax({ 114 url: 'index.php?route=customer/customer/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request), 115 dataType: 'json', 116 success: function(json) { 117 response($.map(json, function(item) { 118 return { 119 label: item['name'], 120 value: item['customer_id'] 121 } 122 })); 123 } 124 }); 125 }, 126 'select': function(item) { 127 $('input[name=\'filter_customer\']').val(item['label']); 128 } 129 }); 130 //--></script></div> 131 {{ footer }}