{% extends 'base.html' %} {% block content %} {% include 'nav_cat_bar.html' %} <style> .bootstrap-dialog-body { background-color: rgba(0, 0, 0, 0); } .bootstrap-dialog-message { background-color: rgba(0, 0, 0, 0); } .modal-content { background-color: rgba(0, 0, 0, 0.6); } .modal-dialog { background-color: rgba(0, 0, 0, 0); width: 800px; } .modal-body { background-color: rgba(0, 0, 0, 0); } .modal-header { background-color: #FFFFFF; } .bootstrap-dialog-message { color: #00FF00; } </style> <div class="wrapper wrapper-content animated fadeInRight"> <div class="row"> <div class="col-lg-12"> <div class="ibox float-e-margins"> <div id="ibox-content" class="ibox-title"> <h5> 用户日志详细信息列表 </h5> <div class="ibox-tools"> <a class="collapse-link"> <i class="fa fa-chevron-up"></i> </a> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <i class="fa fa-wrench"></i> </a> <ul class="dropdown-menu dropdown-user"> <li><a href="#">未启用 1</a> </li> <li><a href="#">未启用 2</a> </li> </ul> <a class="close-link"> <i class="fa fa-times"></i> </a> </div> </div> <div class="ibox-content"> <div class="panel-options"> <ul class="nav nav-tabs"> <li><a href="/jlog/log_list/online/" class="text-center"><i class="fa fa-laptop"></i> 在线 </a></li> <li class="active"><a href="/jlog/log_list/offline/" class="text-center"><i class="fa fa-bar-chart-o"></i> 历史记录 </a></li> <li style="float: right"> <form id="search_form" method="get" action="" class="pull-right mail-search"> <div class="input-group"> <input type="text" class="form-control input-sm" id="search_input" name="keyword" placeholder="Search"> <input type="text" style="display: none"> <div class="input-group-btn"> <button id='search_btn' type="button" class="btn btn-sm btn-primary" onclick="log_search()"> Search </button> </div> </div> </form> </li> </ul> </div> <br/> <div class="tab-content"> <table class="table table-striped table-bordered table-hover "> <thead> <tr> <th class="text-center"> 用户名 </th> <th class="text-center"> 所属部门 </th> <th class="text-center"> 登录主机 </th> <th class="text-center"> 来源IP </th> {% ifnotequal session_role_id 0 %} <th class="text-center"> 命令统计 </th> {% endifnotequal %} <th class="text-center"> 登录时间 </th> <th class="text-center"> 结束时间 </th> </tr> </thead> <tbody> {% for post in contacts.object_list %} <tr class="gradeX"> <td class="text-center" id="username"> {{ post.user }} </td> <td class="text-center" id="dept"> {{ post.dept_name }} </td> <td class="text-center" id="ip"> {{ post.host }} </td> <td class="text-center" id="remote_ip"> {{ post.remote_ip }} </td> {% ifnotequal session_role_id 0 %} <td class="text-center"><a href="/jlog/history/?id={{ post.id }}" class="log_command"> 命令统计 </td> {% endifnotequal %} <td class="text-center" id="start_time"> {{ post.start_time|date:"Y-m-d H:i:s"}} </td> <td class="text-center" id="end_time"> {{ post.end_time|date:"Y-m-d H:i:s" }} </td> </tr> {% endfor %} </tbody> </table> <div class="row"> <div class="col-sm-6"> </div> {% include 'paginator.html' %} </div> </div> </div> </div> </div> </div> </div> {#<script src="http://{{ web_socket_host }}/socket.io/socket.io.js"></script>#} <script> $('.log_command').on('click',function(){ var url = $(this).attr('href'); var username = $('#username')[0].innerText; var ip = $('#ip')[0].innerText; var start_time = $('#start_time')[0].innerText; var end_time = $('#end_time')[0].innerText; var div_username = ' 用户名: '+'<span class="text-info">'+username+'' + '</span>'; var div_ip = ' 主机: '+'<span class="text-info">' + ip + '</span>'; var div_time = ' 开始时间: ' + '<span class="text-info">'+start_time +'</span>' + ' 结束时间: ' +'<span class="text-info">' + end_time + '</span' var title = 'JumpServer命令统计 '+ div_username + div_ip + div_time; $.ajax({url:url,success:function(data){ var tag = $('<div style="height: 500px;overflow: auto;background-color: rgba(0, 0, 0, 0);"></div>').html(data.replace(/\n/g,"<br />")); BootstrapDialog.show({title: title, message:tag[0]}); }}); return false; }); globalConfig = { SOCKET_HOST: "{{ web_socket_host }}" }; function log_search(){ $.ajax({ type: "GET", url: "/jlog/search/?env=offline", data: $("#search_form").serialize(), success: function (data) { $(".tab-content").html(data); } }); } $("#search_input").keydown(function(e){ if(e.keyCode==13){ log_search() } }) </script> {% endblock %}