mirror of
https://github.com/yogeshojha/rengine.git
synced 2026-09-30 13:44:54 +02:00
Fixed Scan Engine List UI Datatables
This commit is contained in:
Yogesh Ojha
@@ -6,17 +6,9 @@ Scan Engine
|
||||
{% endblock title %}
|
||||
|
||||
{% block custom_js_css_link %}
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'plugins/table/datatable/datatables.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'plugins/table/datatable/custom_dt_miscellaneous.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'assets/css/forms/theme-checkbox-radio.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'plugins/table/datatable/dt-global_style.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'plugins/table/datatable/custom_dt_custom.css' %}">
|
||||
<script src="{% static 'plugins/sweetalerts/promise-polyfill.js' %}"></script>
|
||||
<link href="{% static 'plugins/sweetalerts/sweetalert2.min.css' %}" rel="stylesheet" type="text/css" />
|
||||
<link href="{% static 'plugins/sweetalerts/sweetalert.css' %}" rel="stylesheet" type="text/css" />
|
||||
<link href="{% static 'assets/css/components/custom-sweetalert.css' %}" rel="stylesheet" type="text/css" />
|
||||
<link href="{% static 'assets/css/components/custom-modal.css' %}" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'assets/css/widgets/modules-widgets.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'plugins/datatable/datatables.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'plugins/datatable/global.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'plugins/datatable/custom.css' %}">
|
||||
{% endblock custom_js_css_link %}
|
||||
|
||||
{% block breadcrumb_title %}
|
||||
@@ -24,24 +16,21 @@ Scan Engine
|
||||
<li class="breadcrumb-item active">All Scan Engines</li>
|
||||
{% endblock breadcrumb_title %}
|
||||
|
||||
{% block page_title %}
|
||||
Scan Engines
|
||||
{% endblock page_title %}
|
||||
|
||||
{% block main_content %}
|
||||
<div class="widget widget-table-two">
|
||||
<div class="widget-heading">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h5>Scan Engines</h5>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a href="{% url 'add_engine' %}" class="btn btn-outline-primary mb-2 float-right">Add New Engine</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="widget-content">
|
||||
<div class="table-responsive mt-4 mb-4">
|
||||
<table id="scan_engine_table" class="table">
|
||||
<!--begins main content-->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<table id="style-3" class="table style-3 table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Engine Name</th>
|
||||
<th class="text-center">Type</th>
|
||||
<th class="text-center">Subdomain Discovery</th>
|
||||
<th class="text-center">Screenshot</th>
|
||||
<th class="text-center">OSINT</th>
|
||||
@@ -55,7 +44,15 @@ Scan Engine
|
||||
<tbody>
|
||||
{% for engine_type in engine_type.all %}
|
||||
<tr>
|
||||
<td><span class="bs-tooltip text-info" data-placement="right" title="{% if engine_type.default_engine %}Default Engine {% else %}Custom Engine{% endif %}">{{engine_type.engine_name}}</span></td>
|
||||
<td>{{engine_type.id}}</td>
|
||||
<td class="text-primary">{{engine_type.engine_name}}</td>
|
||||
<td class="text-center">
|
||||
{% if engine_type.default_engine %}
|
||||
<span class="badge bg-primary p-1">Default Engine</span>
|
||||
{% else %}
|
||||
<span class="badge bg-danger p-1">Custom Engine</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{% if engine_type.subdomain_discovery %}
|
||||
{% include 'base/_items/green_tick.html' %}
|
||||
@@ -131,8 +128,24 @@ Scan Engine
|
||||
|
||||
{% block page_level_script %}
|
||||
<script src="{% static 'custom/custom.js' %}"></script>
|
||||
<script src="{% static 'plugins/sweetalerts/sweetalert2.min.js' %}"></script>
|
||||
<script src="{% static 'plugins/sweetalerts/custom-sweetalert.js' %}"></script>
|
||||
<script src="{% static 'scanEngine/js/custom_scan_engine.js' %}"></script>
|
||||
<script src="{% static 'plugins/table/datatable/datatables.js' %}"></script>
|
||||
<script src="{% static 'plugins/datatable/datatables.js' %}"></script>
|
||||
<script type="text/javascript">
|
||||
c3 = $('#style-3').DataTable({
|
||||
"dom": "<'dt--top-section'<'row'<'col-12 col-sm-6 d-flex justify-content-sm-start justify-content-center'l><'col-12 col-sm-6 d-flex justify-content-sm-end justify-content-center mt-sm-0 mt-3'f>>>" +
|
||||
"<'table-responsive'tr>" +
|
||||
"<'dt--bottom-section d-sm-flex justify-content-sm-between text-center'<'dt--pages-count mb-sm-0 mb-3'i><'dt--pagination'p>>",
|
||||
"oLanguage": {
|
||||
"oPaginate": { "sPrevious": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>', "sNext": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>' },
|
||||
"sInfo": "Showing page _PAGE_ of _PAGES_",
|
||||
"sSearch": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>',
|
||||
"sSearchPlaceholder": "Search...",
|
||||
"sLengthMenu": "Results : _MENU_",
|
||||
},
|
||||
"stripeClasses": [],
|
||||
"lengthMenu": [20, 30, 40, 50],
|
||||
"pageLength": 20
|
||||
});
|
||||
|
||||
multiCheck(c3);
|
||||
</script>
|
||||
{% endblock page_level_script %}
|
||||
|
||||
@@ -23,21 +23,21 @@
|
||||
}
|
||||
|
||||
.text-low {
|
||||
color: #FDD835;
|
||||
color: #FDD835;
|
||||
}
|
||||
|
||||
.text-critical {
|
||||
color: #E53935;
|
||||
color: #E53935;
|
||||
}
|
||||
|
||||
.badge-critical {
|
||||
color: #fff;
|
||||
background-color: #E53935;
|
||||
color: #fff;
|
||||
background-color: #E53935;
|
||||
}
|
||||
|
||||
.badge-low {
|
||||
color: #fff;
|
||||
background-color: #FFD600;
|
||||
color: #fff;
|
||||
background-color: #FFD600;
|
||||
}
|
||||
|
||||
.form-control:focus,
|
||||
@@ -62,7 +62,7 @@ input[type="color"]:focus,
|
||||
}
|
||||
|
||||
input[type="text"][disabled] {
|
||||
background-color: #dddddd;
|
||||
background-color: #dddddd;
|
||||
}
|
||||
|
||||
form-control:disabled, .form-control[readonly]{
|
||||
@@ -99,11 +99,21 @@ form-control:disabled, .form-control[readonly]{
|
||||
}
|
||||
|
||||
.select2-selection__rendered {
|
||||
line-height: 31px !important;
|
||||
line-height: 31px !important;
|
||||
}
|
||||
.select2-container .select2-selection--single {
|
||||
height: 35px !important;
|
||||
height: 35px !important;
|
||||
}
|
||||
.select2-selection__arrow {
|
||||
height: 34px !important;
|
||||
height: 34px !important;
|
||||
}
|
||||
|
||||
.badge {
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
padding: 3px 6px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
transition: all 0.3s ease-out;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,98 @@
|
||||
/*
|
||||
===============================
|
||||
@Import Function
|
||||
===============================
|
||||
*/
|
||||
/*
|
||||
===============================
|
||||
@Import Mixins
|
||||
===============================
|
||||
*/
|
||||
.widget-content-area {
|
||||
box-shadow: none !important;
|
||||
border: none;
|
||||
border-radius: 6px; }
|
||||
|
||||
.table-hover:not(.table-dark) tbody tr td:first-child {
|
||||
border-left: none !important;
|
||||
border-left: none !important; }
|
||||
|
||||
.table-hover:not(.table-dark) tbody tr:hover .new-control.new-checkbox .new-control-indicator {
|
||||
border: 1px solid #4361ee; }
|
||||
|
||||
/*Style. 1*/
|
||||
.style-1 .user-name {
|
||||
font-size: 15px;
|
||||
color: #805dca; }
|
||||
|
||||
.style-1 .profile-img img {
|
||||
border-radius: 6px;
|
||||
background-color: #ebedf2;
|
||||
padding: 2px;
|
||||
width: 35px;
|
||||
height: 35px; }
|
||||
|
||||
/*Style. 2*/
|
||||
.style-2 .new-control.new-checkbox .new-control-indicator {
|
||||
top: 1px; }
|
||||
|
||||
.style-2 .user-name {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #e2a03f; }
|
||||
|
||||
.style-2 img.profile-img {
|
||||
background-color: #ebedf2;
|
||||
padding: 2px;
|
||||
width: 35px;
|
||||
height: 35px; }
|
||||
|
||||
/*Style. 3*/
|
||||
.style-3 .new-control.new-checkbox .new-control-indicator {
|
||||
top: 1px; }
|
||||
|
||||
.style-3 .user-name {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #e2a03f; }
|
||||
|
||||
.style-3 img.profile-img {
|
||||
border-radius: 6px;
|
||||
background-color: #ebedf2;
|
||||
padding: 2px;
|
||||
width: 35px;
|
||||
height: 35px; }
|
||||
|
||||
.style-3 .table-controls {
|
||||
padding: 0;
|
||||
margin-bottom: 0; }
|
||||
.style-3 .table-controls li {
|
||||
list-style: none;
|
||||
display: inline; }
|
||||
.style-3 .table-controls li svg {
|
||||
/* color: $m-color_6;
|
||||
vertical-align: middle;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
fill: rgba(0, 23, 55, 0.08);
|
||||
cursor: pointer; */
|
||||
/* color: $dark;
|
||||
margin-right: 6px;
|
||||
vertical-align: middle;
|
||||
fill: $m-color_1; */
|
||||
cursor: pointer;
|
||||
/* stroke-width: 1; */
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
color: #515365;
|
||||
stroke-width: 1.5;
|
||||
width: 28px;
|
||||
height: 28px; }
|
||||
|
||||
.style-3.table-hover:not(.table-dark) tbody tr:hover .table-controls li svg {
|
||||
color: #191e3a;
|
||||
/* fill: rgba(231, 81, 90, 0.2196078431372549); */ }
|
||||
|
||||
.style-3.table-hover:not(.table-dark) tbody tr:hover td:first-child {
|
||||
color: #4361ee !important; }
|
||||
@@ -0,0 +1,199 @@
|
||||
/*
|
||||
===============================
|
||||
@Import Function
|
||||
===============================
|
||||
*/
|
||||
/*
|
||||
===============================
|
||||
@Import Mixins
|
||||
===============================
|
||||
*/
|
||||
/*
|
||||
* This combined file was created by the DataTables downloader builder:
|
||||
* https://datatables.net/download
|
||||
*
|
||||
* To rebuild or modify this file with the latest versions of the included
|
||||
* software please visit:
|
||||
* https://datatables.net/download/#bs4/dt-1.10.16
|
||||
*
|
||||
* Included libraries:
|
||||
* DataTables 1.10.16
|
||||
*/
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
width: 100% !important;
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
max-width: none !important;
|
||||
border-collapse: separate !important;
|
||||
border: none; }
|
||||
table.dataTable td, table.dataTable th {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
padding: 9px 7px; }
|
||||
table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
|
||||
text-align: center; }
|
||||
table.dataTable.nowrap th, table.dataTable.nowrap td {
|
||||
white-space: nowrap; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_length label {
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
color: #888ea8;
|
||||
font-weight: 600; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_length select {
|
||||
width: 75px;
|
||||
display: inline-block; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_filter {
|
||||
text-align: right; }
|
||||
div.dataTables_wrapper div.dataTables_filter label {
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
color: #888ea8;
|
||||
font-weight: 600; }
|
||||
div.dataTables_wrapper div.dataTables_filter input {
|
||||
margin-left: 0.5em;
|
||||
display: inline-block;
|
||||
width: auto; }
|
||||
|
||||
table.dataTable .form-control {
|
||||
color: #888ea8;
|
||||
font-size: 0.875rem; }
|
||||
table.dataTable .form-control::-webkit-input-placeholder, table.dataTable .form-control::-ms-input-placeholder, table.dataTable .form-control::-moz-placeholder {
|
||||
color: #888ea8;
|
||||
font-size: 0.875rem; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_info {
|
||||
padding-top: 0.85em;
|
||||
white-space: nowrap; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_paginate {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
text-align: right; }
|
||||
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
justify-content: flex-end; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
margin-top: -26px;
|
||||
text-align: center;
|
||||
padding: 1em 0; }
|
||||
|
||||
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting {
|
||||
padding-right: 30px; }
|
||||
|
||||
table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
|
||||
padding-right: 30px; }
|
||||
|
||||
table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
|
||||
outline: none; }
|
||||
|
||||
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
position: relative; }
|
||||
|
||||
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after {
|
||||
position: absolute;
|
||||
bottom: 0.9em;
|
||||
display: block;
|
||||
opacity: 0.4; }
|
||||
|
||||
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after {
|
||||
position: absolute;
|
||||
bottom: 0.9em;
|
||||
display: block;
|
||||
opacity: 0.4; }
|
||||
|
||||
table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after {
|
||||
position: absolute;
|
||||
bottom: 0.9em;
|
||||
display: block;
|
||||
opacity: 0.4; }
|
||||
|
||||
table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after {
|
||||
position: absolute;
|
||||
bottom: 0.9em;
|
||||
display: block;
|
||||
opacity: 0.4; }
|
||||
|
||||
table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
|
||||
position: absolute;
|
||||
bottom: 0.9em;
|
||||
display: block;
|
||||
opacity: 0.4; }
|
||||
|
||||
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
|
||||
right: 1em;
|
||||
content: "\2191"; }
|
||||
|
||||
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
|
||||
right: 0.5em;
|
||||
content: "\2193"; }
|
||||
|
||||
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
|
||||
opacity: 1; }
|
||||
|
||||
table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
|
||||
opacity: 0; }
|
||||
|
||||
div.dataTables_scrollHead table.dataTable {
|
||||
margin-bottom: 0 !important; }
|
||||
|
||||
div.dataTables_scrollBody table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important; }
|
||||
div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {
|
||||
display: none; }
|
||||
div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
|
||||
border-top: none; }
|
||||
|
||||
div.dataTables_scrollFoot > .dataTables_scrollFootInner {
|
||||
box-sizing: content-box; }
|
||||
div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none; }
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
|
||||
text-align: center; } }
|
||||
|
||||
table.dataTable.table-sm > thead > tr > th {
|
||||
padding-right: 20px; }
|
||||
|
||||
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
|
||||
top: 5px;
|
||||
right: 0.85em; }
|
||||
|
||||
table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
|
||||
top: 5px; }
|
||||
|
||||
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
|
||||
border-left-width: 0; }
|
||||
|
||||
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child {
|
||||
border-right-width: 0; }
|
||||
|
||||
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
|
||||
border-bottom-width: 0; }
|
||||
|
||||
div.dataTables_scrollHead table.table-bordered {
|
||||
border-bottom-width: 0; }
|
||||
|
||||
div.table-responsive > div.dataTables_wrapper > div.row {
|
||||
margin: 0; }
|
||||
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
|
||||
padding-left: 0; }
|
||||
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
|
||||
padding-right: 0; }
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,262 @@
|
||||
/*
|
||||
===============================
|
||||
@Import Function
|
||||
===============================
|
||||
*/
|
||||
/*
|
||||
===============================
|
||||
@Import Mixins
|
||||
===============================
|
||||
*/
|
||||
.widget-content-area {
|
||||
border: 1px solid #e0e6ed;
|
||||
box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06);
|
||||
padding: 0; }
|
||||
|
||||
.no-content:before, .no-content:after {
|
||||
display: none !important; }
|
||||
|
||||
.dataTables_wrapper {
|
||||
padding: 0; }
|
||||
|
||||
.dt--top-section {
|
||||
margin: 20px 21px 20px 21px; }
|
||||
|
||||
.dt--bottom-section {
|
||||
padding: 15px; }
|
||||
|
||||
.table-form {
|
||||
display: flex;
|
||||
margin: 17px 21px 25px 21px;
|
||||
justify-content: space-between; }
|
||||
.table-form .form-group {
|
||||
margin-bottom: 0; }
|
||||
.table-form .form-group label {
|
||||
color: #515365;
|
||||
font-size: 14px;
|
||||
align-self: center; }
|
||||
.table-form .form-group input {
|
||||
padding: 7px 18px 7px 14px;
|
||||
height: auto;
|
||||
font-size: 12px; }
|
||||
|
||||
table.dt-table-hover tbody tr:hover {
|
||||
background: #fafafa; }
|
||||
|
||||
table.dataTable {
|
||||
border-collapse: separate;
|
||||
border-spacing: 0 5px;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
border-collapse: collapse !important; }
|
||||
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
|
||||
color: #d3d3d3;
|
||||
content: '';
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b2e4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 12px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
content: '';
|
||||
right: .3rem;
|
||||
top: .5rem; }
|
||||
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b2e4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 12px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
content: '';
|
||||
right: .3rem;
|
||||
top: 1.3rem; }
|
||||
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
|
||||
color: #0e1726; }
|
||||
|
||||
.table > tbody tr {
|
||||
border-radius: 4px;
|
||||
-webkit-transition: all 0.1s ease;
|
||||
transition: all 0.1s ease;
|
||||
border-bottom: 1px solid #e0e6ed; }
|
||||
|
||||
.table > thead > tr > th {
|
||||
text-transform: initial;
|
||||
font-weight: 600;
|
||||
border-top: none;
|
||||
background: rgba(234, 241, 255, 0.74);
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
padding-left: 0;
|
||||
-webkit-transition: all 0.1s ease;
|
||||
transition: all 0.1s ease;
|
||||
padding: 10px 21px 10px 21px;
|
||||
color: #515365;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.dataTable.table-striped.table > thead > tr > th {
|
||||
background: transparent;
|
||||
border-top: 1px solid #e0e6ed !important;
|
||||
border-bottom: 1px solid #e0e6ed !important; }
|
||||
|
||||
.dataTable.table-striped tbody tr:nth-of-type(odd) {
|
||||
background-color: #fafafa !important; }
|
||||
|
||||
.table > tbody > tr:last-child > td .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu, .table > tbody > tr:nth-last-child(2) > td .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu {
|
||||
top: -94px !important; }
|
||||
|
||||
.table > tbody > tr:last-child > td .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu.show, .table > tbody > tr:nth-last-child(2) > td .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu.show {
|
||||
top: -108px !important; }
|
||||
|
||||
.table > tbody > tr > td {
|
||||
font-size: 13px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
padding: 10px 21px 10px 21px;
|
||||
color: #515365;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
.table-striped tbody tr:nth-of-type(odd) {
|
||||
background-color: transparent !important; }
|
||||
|
||||
.table > tfoot > tr > th {
|
||||
border: none;
|
||||
padding: 10px 21px 10px 21px; }
|
||||
|
||||
.table-hover:not(.table-dark) tbody tr:hover {
|
||||
background-color: transparent !important; }
|
||||
|
||||
.table-hover.non-hover:not(.table-dark) tbody tr:hover {
|
||||
-webkit-transform: none;
|
||||
transform: none; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_info {
|
||||
padding-top: 0.85em;
|
||||
white-space: normal;
|
||||
color: #4361ee;
|
||||
font-weight: 600;
|
||||
border: 1px solid #e0e6ed;
|
||||
display: inline-block;
|
||||
padding: 10px 16px;
|
||||
border-radius: 6px;
|
||||
font-size: 13px; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_filter label {
|
||||
position: relative;
|
||||
margin-bottom: 0; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_filter svg {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 9px;
|
||||
width: 20px;
|
||||
color: #d3d3d3; }
|
||||
|
||||
.dataTables_wrapper .form-control {
|
||||
background: #fff;
|
||||
border: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e0e6ed;
|
||||
padding: 6px 29px 8px 14px;
|
||||
height: auto;
|
||||
font-size: 12px; }
|
||||
.dataTables_wrapper .form-control:focus {
|
||||
border: 1px solid #888ea8; }
|
||||
|
||||
div.dataTables_wrapper button:hover {
|
||||
-webkit-transform: none;
|
||||
transform: none; }
|
||||
|
||||
div.dataTables_wrapper .table-responsive {
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden; }
|
||||
|
||||
.table > thead > tr > th.dt-no-sorting:before, .table > thead > tr > th.dt-no-sorting:after {
|
||||
display: none; }
|
||||
|
||||
.dataTables_wrapper .form-control::-webkit-input-placeholder, .dataTables_wrapper .form-control::-ms-input-placeholder, .dataTables_wrapper .form-control::-moz-placeholder {
|
||||
color: #bfc9d4;
|
||||
font-size: 12px; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_filter input {
|
||||
width: 150px; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_length label {
|
||||
font-size: 13px;
|
||||
margin-bottom: 0; }
|
||||
|
||||
.dataTables_wrapper .dataTables_length select.form-control {
|
||||
padding: 8px 17px 8px 14px;
|
||||
-moz-appearance: none;
|
||||
/* Firefox */
|
||||
-webkit-appearance: none;
|
||||
/* Safari and Chrome */
|
||||
appearance: none;
|
||||
background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23d3d3d3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") 54px 8px no-repeat;
|
||||
padding: 7px 18px 7px 14px;
|
||||
height: auto;
|
||||
font-size: 12px; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_paginate {
|
||||
margin: 0;
|
||||
text-align: right;
|
||||
display: inline-block; }
|
||||
|
||||
.page-link {
|
||||
margin-right: 5px;
|
||||
border-radius: 50%;
|
||||
padding: 8px 12px;
|
||||
background: rgba(0, 23, 55, 0.08);
|
||||
border: none;
|
||||
color: #888ea8; }
|
||||
.page-link:focus {
|
||||
box-shadow: none; }
|
||||
|
||||
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
margin: 3px 0;
|
||||
flex-wrap: wrap; }
|
||||
|
||||
.page-item.disabled .page-link {
|
||||
background: #f1f2f3; }
|
||||
.page-item.disabled .page-link svg {
|
||||
color: #e3e4eb; }
|
||||
|
||||
.page-item:first-child .page-link, .page-item:last-child .page-link {
|
||||
border-radius: 50%;
|
||||
padding: 5px 9px; }
|
||||
.page-item:first-child .page-link svg, .page-item:last-child .page-link svg {
|
||||
width: 17px; }
|
||||
|
||||
.page-item.active .page-link {
|
||||
background-color: #4361ee; }
|
||||
|
||||
#alter_pagination_next a, #alter_pagination_previous a {
|
||||
border-radius: 50%;
|
||||
padding: 5px 9px; }
|
||||
|
||||
#alter_pagination_next a svg, #alter_pagination_previous a svg {
|
||||
width: 17px; }
|
||||
|
||||
.table-cancel {
|
||||
margin-right: 6px;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
color: #515365;
|
||||
stroke-width: 1.5; }
|
||||
|
||||
.table-hover:not(.table-dark) tbody tr:hover .table-cancel {
|
||||
color: #e7515a; }
|
||||
|
||||
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
||||
/* IE10+ CSS styles go here */
|
||||
.dataTables_wrapper .dataTables_length select.form-control {
|
||||
background: transparent;
|
||||
padding: 8px 10px 8px 14px; } }
|
||||
Reference in New Issue
Block a user