<?php if($this->session->flashdata('success')): ?> <div class="row"> <div class="alert alert-block alert-success" style="margin-bottom: 5px"> <button type="button" class="close" data-dismiss="alert"> <i class="ace-icon fa fa-times"></i> </button> <i class="ace-icon fa fa-check green"></i> <?php echo $this->session->flashdata('success'); ?> </div> </div> <?php endif; ?> <?php if($this->session->flashdata('error')): ?> <div class="row"> <div class="alert alert-block alert-danger" style="margin-bottom: 5px"> <button type="button" class="close" data-dismiss="alert"> <i class="ace-icon fa fa-times"></i> </button> <i class="ace-icon fa fa-times"></i> <?php echo $this->session->flashdata('error'); ?> </div> </div> <?php endif; ?> <div class="row"> <?php echo form_open(base_url().'backend/cmsSetting/logAction'); ?> <div class="col-lg-3" style="margin-left: -12px"> <div class="input-group"> <input class="form-control" type="text" name="date-range-picker" id="input-date-range-log-action" readonly style="text-align: center" placeholder="Kích chọn ngày tạo"/> <span class="input-group-addon"> <i class="fa fa-calendar bigger-110" id="daterange-picker"></i> </span> </div> </div> <div class="col-lg-2"> <input class="form-control" type="text" name="input-account" id="input-account" placeholder="username..."/> </div> <div class="col-lg-2"> <select class="form-control" id="select-action-type" name="select-action-type"> <option value="">-- Tất cả mã action --</option> <option value="RANKING">Xem BXH</option> <option value="SHOW_HISTORY">Xem lịch sử lượt nghe</option> <option value="ADDED">Thêm mới</option> <option value="UPDATED">Cập nhật</option> <option value="DELETED">Xóa</option> <option value="RESET_PASSWORD">Đổi mật khẩu</option> <option value="ASIGNED_PERMISSION_USER">Gán quyền</option> <option value="EXPORTED">Xuất excel</option> <option value="SHOW_USER_INFO">Thông tin tài khoản</option> <option value="CHANGED_ACTIVE">Đổi trạng thái</option> </select> </div> <div class="col-lg-2"> <input class="form-control" type="text" name="input-ip" id="input-ip" style="text-align: right" placeholder="IP..."/> </div> <div class="col-lg-1"> <button class="btn btn-sm btn-default" id="delete-filter">Xóa bộ lọc</button> </div> <?php echo form_close(); ?> </div> <!-- /.row --> <div class="space-6"></div> <div class="row" > <div style="text-align: center" id="data-loading"> <i class="fa fa-refresh fa-spin bigger-200"></i> Đang tải dữ liệu... </div> <div id="div-mo-list"> <table class="table table-striped table-bordered table-hover"> <thead></thead> <tbody></tbody> </table> </div> </div> <script type="text/javascript"> //Thuc hien viec ve bieu do $(document).ready(function() { $('#daterange-picker').click(function(){ $('#input-date-range-log-action').click(); }); var url = '<?php echo base_url()."backend/cmsSetting/logActionAjax"; ?>'; // Tìm kiếm theo ngày tháng $('#input-date-range-log-action').on('apply.daterangepicker', function(ev, picker) { loadDataByAjaxDateRange(picker.startDate.format('DD-MM-YYYY'), picker.endDate.format('DD-MM-YYYY'), url); }); // Tìm kiếm theo SĐT var oldTimeout = ''; $('#input-ip').keyup(function(){ clearTimeout(oldTimeout); oldTimeout = setTimeout(function(){ loadDataByAjaxFromInput(url); }, 250); }); // Tìm kiếm theo cú pháp var oldTimeout2 = ''; $('#input-account').keyup(function(){ clearTimeout(oldTimeout2); oldTimeout2 = setTimeout(function(){ loadDataByAjaxFromInput(url); }, 250); }); // Tìm kiếm theo kênh loadDataByAjaxFromSelectBox("select-action-type", url); // Xóa bộ lọc $('#delete-filter').click(function(){ $("#input-date-range-log-action").val(''); $("#input-ip").val(''); $("#input-account").val(''); $("#select-action-type").val(''); changePagination('0'); return false; }); changePagination('0'); }); //Ham chung cho cac input function loadDataByAjaxFromInput(url){ var csrf_value = '<?php echo $this->security->get_csrf_hash(); ?>'; var filterByDateRange = $("#input-date-range-log-action").val(); var filterByIP = $('#input-ip').val(); var filterByAccount = $("#input-account").val(); var filterByActionType = $("#select-action-type").val(); var dtFrom = ""; var dtTo = ""; // if(filterByDateRange.length > 0){ var arr_filter_by_date = filterByDateRange.split("-"); var date_from = arr_filter_by_date[0]; var date_to = arr_filter_by_date[1]; var arr_from = date_from.split("/"); var arr_to = date_to.split("/"); dtFrom = arr_from[0].trim()+"-"+arr_from[1].trim()+"-"+arr_from[2].trim(); dtTo = arr_to[0].trim()+"-"+arr_to[1].trim()+"-"+arr_to[2].trim(); } //Ajax ve bieu do $.ajax({ type: "POST", url: url, data: { csrf_name: csrf_value, filterByIP: filterByIP, filterByAccount: filterByAccount, filterByActionType: filterByActionType, dtFrom: dtFrom, dtTo: dtTo }, dataType: "text", cache: false, success: function(data){ $('#div-mo-list').html(data); $('#data-loading').hide(); } }); } //Ham chung cho cac SelectBox function loadDataByAjaxFromSelectBox(id, url){ $('#'+id).change(function(){ var csrf_value = '<?php echo $this->security->get_csrf_hash(); ?>'; var filterByDateRange = $("#input-date-range-log-action").val(); var filterByIP = $("#input-ip").val(); var filterByAccount = $("#input-account").val(); var filterByActionType = $("#select-action-type").val(); var dtFrom = ""; var dtTo = ""; // if(filterByDateRange.length > 0){ var arr_filter_by_date = filterByDateRange.split("-"); var date_from = arr_filter_by_date[0]; var date_to = arr_filter_by_date[1]; var arr_from = date_from.split("/"); var arr_to = date_to.split("/"); dtFrom = arr_from[0].trim()+"-"+arr_from[1].trim()+"-"+arr_from[2].trim(); dtTo = arr_to[0].trim()+"-"+arr_to[1].trim()+"-"+arr_to[2].trim(); } //Ajax ve bieu do $.ajax({ type: "POST", url: url, data: { csrf_name: csrf_value, filterByIP: filterByIP, filterByAccount: filterByAccount, filterByActionType: filterByActionType, dtFrom: dtFrom, dtTo: dtTo }, dataType: "text", cache: false, success: function(data){ $('#div-mo-list').html(data); $('#data-loading').hide(); } }); }); } function loadDataByAjaxDateRange(dtFrom, dtTo, url){ var csrf_value = '<?php echo $this->security->get_csrf_hash(); ?>'; var filterByIP = $("#input-ip").val(); var filterByAccount = $("#input-account").val(); var filterByActionType = $("#select-action-type").val(); // ajax $.ajax({ type: "POST", url: url, data: { csrf_name: csrf_value, filterByIP: filterByIP, filterByAccount: filterByAccount, filterByActionType: filterByActionType, dtFrom: dtFrom, dtTo: dtTo }, dataType: "text", cache: false, success: function(data){ $('#div-mo-list').html(data); $('#data-loading').hide(); } }); } function changePagination(pageId) { var csrf_value = '<?php echo $this->security->get_csrf_hash(); ?>'; var url = '<?php echo base_url()."backend/cmsSetting/logActionAjax"; ?>'; var filterByDateRange = $("#input-date-range-log-action").val(); var filterByIP = $("#input-ip").val(); var filterByAccount = $("#input-account").val(); var filterByActionType = $("#select-action-type").val(); var dtFrom = ""; var dtTo = ""; // if(filterByDateRange.length > 0){ var arr_filter_by_date = filterByDateRange.split("-"); var date_from = arr_filter_by_date[0]; var date_to = arr_filter_by_date[1]; var arr_from = date_from.split("/"); var arr_to = date_to.split("/"); dtFrom = arr_from[0].trim()+"-"+arr_from[1].trim()+"-"+arr_from[2].trim(); dtTo = arr_to[0].trim()+"-"+arr_to[1].trim()+"-"+arr_to[2].trim(); } //Ajax ve bieu do $.ajax({ type: "POST", url: url, data: { csrf_name: csrf_value, filterByIP: filterByIP, filterByAccount: filterByAccount, filterByActionType: filterByActionType, dtFrom: dtFrom, dtTo: dtTo, pageId: pageId }, dataType: "text", cache: false, success: function(data){ $('#div-mo-list').html(data); $('#data-loading').hide(); } }); } </script>