search bar functionality
This commit is contained in:
noot
@@ -307,6 +307,8 @@ $( document ).ready(function(){
|
|||||||
|
|
||||||
$('.fa-circle-minus').click(function(){
|
$('.fa-circle-minus').click(function(){
|
||||||
$(this).closest('.card').find('.card-body').slideToggle('fast');
|
$(this).closest('.card').find('.card-body').slideToggle('fast');
|
||||||
|
// $(this).closest('.card').find('.card-header').slideToggle('fast');
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
$('.fa-circle-xmark').click(function(){
|
$('.fa-circle-xmark').click(function(){
|
||||||
|
|||||||
+319
-273
@@ -1,318 +1,364 @@
|
|||||||
<%- include('top') %>
|
<%- include('top') %>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
// Require login to see this page.
|
// Require login to see this page.
|
||||||
app.auth.forceLogin()
|
app.auth.forceLogin()
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
label.control-label{
|
label.control-label {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 1px;
|
margin-bottom: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-title{
|
.card-title {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.editWindow{
|
div.editWindow {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
/* my Div class for my search bar */
|
||||||
|
.search-wrapper {
|
||||||
|
display: flex;
|
||||||
|
gap: .5rem;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
/* The input bar */
|
||||||
|
input {
|
||||||
|
font-size: 1rem;
|
||||||
|
border-top-left-radius: 5px !important;
|
||||||
|
border-bottom-left-radius: 5px !important;
|
||||||
|
border-top-right-radius: 5px !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
</style>
|
<script type="text/javascript">
|
||||||
|
|
||||||
<script type="text/javascript">
|
function parseHostRow(host) {
|
||||||
|
host['updated_on_text'] = moment(host['updated_on'], "x").fromNow();
|
||||||
|
host['targetssl_text'] = host['targetssl'] ? 'https://' : 'http://';
|
||||||
|
host['forcessl_text'] = host['forcessl'] ? 'https://' : 'http://';
|
||||||
|
|
||||||
function parseHostRow(host) {
|
return host;
|
||||||
host['updated_on_text'] = moment(host['updated_on'], "x").fromNow();
|
}
|
||||||
host['targetssl_text'] = host['targetssl'] ? 'https://' : 'http://';
|
|
||||||
host['forcessl_text'] = host['forcessl'] ? 'https://' : 'http://';
|
|
||||||
|
|
||||||
return host;
|
function populateHosts() {
|
||||||
}
|
app.host.list(function (error, res) {
|
||||||
|
if (error) return app.util.actionMessage(error, $.scope.hosts.$this, 'danger');
|
||||||
|
|
||||||
function populateHosts(){
|
for (let host of res) {
|
||||||
app.host.list(function(error, res){
|
$.scope.hosts.push(parseHostRow(host));
|
||||||
if(error) return app.util.actionMessage(error, $.scope.hosts.$this, 'danger');
|
}
|
||||||
|
|
||||||
for(let host of res){
|
$.scope.hosts.__setPut(function ($el, item, list) {
|
||||||
$.scope.hosts.push(parseHostRow(host));
|
$el.addClass('bg-success');
|
||||||
}
|
$el.fadeIn(1000, function () {
|
||||||
|
$el.removeClass('bg-success');
|
||||||
$.scope.hosts.__setPut(function($el, item, list){
|
});
|
||||||
$el.addClass('bg-success');
|
|
||||||
$el.fadeIn(1000, function(){
|
|
||||||
$el.removeClass('bg-success');
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
}
|
||||||
}
|
|
||||||
|
|
||||||
function cancleHostEdit(){
|
function cancleHostEdit() {
|
||||||
$('#hostsTable').find('tr').each(function(idx, el){
|
$('#hostsTable').find('tr').each(function (idx, el) {
|
||||||
console.log('here?')
|
console.log('here?')
|
||||||
$(el).removeClass('table-warning');
|
$(el).removeClass('table-warning');
|
||||||
});
|
});
|
||||||
$('.editWindow').slideUp('fast');
|
$('.editWindow').slideUp('fast');
|
||||||
}
|
}
|
||||||
|
|
||||||
function editHost(btn, host){
|
function editHost(btn, host) {
|
||||||
cancleHostEdit();
|
cancleHostEdit();
|
||||||
$(btn).closest('tr').addClass('table-warning');
|
$(btn).closest('tr').addClass('table-warning');
|
||||||
$('.editWindow .card-title').html("Edit "+ host);
|
$('.editWindow .card-title').html("Edit " + host);
|
||||||
|
|
||||||
$('div.editWindow .card-body span').html($('#addHost').html());
|
$('div.editWindow .card-body span').html($('#addHost').html());
|
||||||
$('div.editWindow .card-body span button').remove();
|
$('div.editWindow .card-body span button').remove();
|
||||||
|
|
||||||
$(".editWindow input[name='edit_host']").val(host);
|
$(".editWindow input[name='edit_host']").val(host);
|
||||||
|
|
||||||
$('.editWindow').slideDown('fast');
|
$('.editWindow').slideDown('fast');
|
||||||
|
|
||||||
app.host.get(host, function(error, data){
|
app.host.get(host, function (error, data) {
|
||||||
$.each( data.results, function( key, value ) {
|
$.each(data.results, function (key, value) {
|
||||||
if(typeof value == "boolean"){
|
if (typeof value == "boolean") {
|
||||||
$(".editWindow #"+ key +"-"+ value).prop('checked', true)
|
$(".editWindow #" + key + "-" + value).prop('checked', true)
|
||||||
}else{
|
} else {
|
||||||
$(".editWindow input[name='" + key + "']").val(value);
|
$(".editWindow input[name='" + key + "']").val(value);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
function deleteHost(host) {
|
||||||
|
app.host.remove({ host: host }, function (err, data) {
|
||||||
|
// app.util.actionMessage(`Host ${host} deleted!`, $.scope.hosts.$this, 'danger');
|
||||||
|
$.scope.hosts.remove(host);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
populateHosts(); //populate the table
|
||||||
|
|
||||||
|
$.scope.hosts.__setTake(function ($el, item, list) {
|
||||||
|
$el.addClass('bg-danger');
|
||||||
|
$el.fadeOut(1000, function () {
|
||||||
|
$el.remove()
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
//search bar html event logic stolen from here
|
||||||
|
// https://github.com/WebDevSimplified/js-search-bar/blob/main/script.js
|
||||||
|
$('[host-search]').on("input", function() {
|
||||||
|
let inputValue = $(this).val().toLowerCase();
|
||||||
|
|
||||||
|
//on each input detected we need to get all host list that was called by the populateHosts function which is store in
|
||||||
|
// $.scope.hosts and then we need to loop through each host and check if the host name is equal to the input value
|
||||||
|
// if it is we will display the host if not we will hide it
|
||||||
|
for(let hostObj of $.scope.hosts){
|
||||||
|
if (hostObj.host.toLowerCase().includes(inputValue)) {
|
||||||
|
hostObj.__jq_$el.show();
|
||||||
|
} else {
|
||||||
|
hostObj.__jq_$el.hide();
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$('form.addHost').on('submit', function () {
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
$form = $(this);
|
||||||
|
var action = $($form.find('button[type="submit"]')[0]).data('type');
|
||||||
|
app.util.actionMessage('', $form);
|
||||||
|
|
||||||
|
if ($form.attr('isValid') === 'true') {
|
||||||
|
var formdata = $form.serializeObject();
|
||||||
|
if (formdata.targetPort) formdata.targetPort = Number(formdata.targetPort);
|
||||||
|
if (formdata.targetssl) formdata.targetssl = formdata.targetssl == 'true' ? true : false;
|
||||||
|
if (formdata.forcessl) formdata.forcessl = formdata.forcessl == 'true' ? true : false;
|
||||||
|
|
||||||
|
app.host[action](formdata, function (error, data) {
|
||||||
|
if (error) {
|
||||||
|
app.util.actionMessage(error + data.message, $form, 'danger');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($.scope.hosts.indexOf(data.__requestedHost) >= 0) {
|
||||||
|
$.scope.hosts.update(data.__requestedHost, parseHostRow(data));
|
||||||
|
} else {
|
||||||
|
$.scope.hosts.splice(0, 0, parseHostRow(data))
|
||||||
|
}
|
||||||
|
|
||||||
|
if (action == 'edit') $('.editWindow').slideUp('fast');
|
||||||
|
|
||||||
|
$form.trigger('reset');
|
||||||
|
})
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
};
|
</script>
|
||||||
|
<div class="row" style="display:none">
|
||||||
function deleteHost(host){
|
<div class="col col-md-12 col-lg-4 col-xl-3 col-xxl-2">
|
||||||
app.host.remove({host: host}, function(err, data){
|
<!--
|
||||||
// app.util.actionMessage(`Host ${host} deleted!`, $.scope.hosts.$this, 'danger');
|
|
||||||
$.scope.hosts.remove(host);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
$(document).ready(function(){
|
|
||||||
populateHosts(); //populate the table
|
|
||||||
|
|
||||||
$.scope.hosts.__setTake(function($el, item, list){
|
|
||||||
$el.addClass('bg-danger');
|
|
||||||
$el.fadeOut(1000, function(){
|
|
||||||
$el.remove()
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
$('form.addHost').on('submit', function(){
|
|
||||||
event.preventDefault();
|
|
||||||
|
|
||||||
$form = $(this);
|
|
||||||
var action = $($form.find('button[type="submit"]')[0]).data('type');
|
|
||||||
app.util.actionMessage('', $form);
|
|
||||||
|
|
||||||
if($form.attr('isValid') === 'true'){
|
|
||||||
var formdata = $form.serializeObject();
|
|
||||||
if(formdata.targetPort) formdata.targetPort = Number(formdata.targetPort);
|
|
||||||
if(formdata.targetssl) formdata.targetssl = formdata.targetssl == 'true' ? true : false;
|
|
||||||
if(formdata.forcessl) formdata.forcessl = formdata.forcessl == 'true' ? true : false;
|
|
||||||
|
|
||||||
app.host[action](formdata, function(error, data){
|
|
||||||
if(error){
|
|
||||||
app.util.actionMessage(error + data.message, $form, 'danger');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if($.scope.hosts.indexOf(data.__requestedHost) >= 0){
|
|
||||||
$.scope.hosts.update(data.__requestedHost, parseHostRow(data));
|
|
||||||
}else{
|
|
||||||
$.scope.hosts.splice(0,0, parseHostRow(data))
|
|
||||||
}
|
|
||||||
|
|
||||||
if(action == 'edit') $('.editWindow').slideUp('fast');
|
|
||||||
|
|
||||||
$form.trigger('reset');
|
|
||||||
})
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<div class="row" style="display:none">
|
|
||||||
<div class="col col-md-12 col-lg-4 col-xl-3 col-xxl-2">
|
|
||||||
<!--
|
|
||||||
left column
|
left column
|
||||||
-->
|
-->
|
||||||
<div class="card shadow-lg editWindow" style="display:none">
|
<div class="card shadow-lg editWindow" style="display:none">
|
||||||
<!--
|
<!--
|
||||||
Edit host card
|
Edit host card
|
||||||
-->
|
-->
|
||||||
<div class="card-header text-center bg-warning">
|
<div class="card-header text-center bg-warning">
|
||||||
<span class="card-icon float-start">
|
<span class="card-icon float-start">
|
||||||
<i class="fa-solid fa-pencil"></i>
|
|
||||||
</span>
|
|
||||||
<span class="card-title">
|
|
||||||
</span>
|
|
||||||
<span class="float-end">
|
|
||||||
<i class="fa-solid fa-circle-minus"></i>
|
|
||||||
<i class="fa-solid fa-circle-xmark" onclick="cancleHostEdit()"></i>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card-body">
|
|
||||||
<form class="addHost" onsubmit="$(this).validate()">
|
|
||||||
<span></span>
|
|
||||||
<input type="hidden" name="edit_host" />
|
|
||||||
<button type="submit" data-type="edit" class="btn btn-warning">
|
|
||||||
<i class="fa-solid fa-pencil"></i>
|
<i class="fa-solid fa-pencil"></i>
|
||||||
Update
|
</span>
|
||||||
</button>
|
<span class="card-title">
|
||||||
<button class="btn btn-secondary" type="reset" onclick="cancleHostEdit()">
|
</span>
|
||||||
<i class="fa-solid fa-ban"></i>
|
<span class="float-end">
|
||||||
Cancel
|
<i class="fa-solid fa-circle-minus"></i>
|
||||||
</button>
|
<i class="fa-solid fa-circle-xmark" onclick="cancleHostEdit()"></i>
|
||||||
</form>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card shadow-lg">
|
<div class="card-body">
|
||||||
<!--
|
<form class="addHost" onsubmit="$(this).validate()">
|
||||||
|
<span></span>
|
||||||
|
<input type="hidden" name="edit_host" />
|
||||||
|
<button type="submit" data-type="edit" class="btn btn-warning">
|
||||||
|
<i class="fa-solid fa-pencil"></i>
|
||||||
|
Update
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-secondary" type="reset" onclick="cancleHostEdit()">
|
||||||
|
<i class="fa-solid fa-ban"></i>
|
||||||
|
Cancel
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card shadow-lg">
|
||||||
|
<!--
|
||||||
Add new host card
|
Add new host card
|
||||||
-->
|
-->
|
||||||
<div class="card-header text-center">
|
<div class="card-header text-center">
|
||||||
<span class="card-icon float-start">
|
<span class="card-icon float-start">
|
||||||
<i class="fa-solid fa-plus"></i>
|
|
||||||
</span>
|
|
||||||
<span class="card-title">
|
|
||||||
New Entry
|
|
||||||
</span>
|
|
||||||
<span class="float-end">
|
|
||||||
<i class="fa-solid fa-circle-minus"></i>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="card-header actionMessage" style="display:none"></div>
|
|
||||||
|
|
||||||
<div class="card-body">
|
|
||||||
<form class="addHost" id="addHost" onsubmit="$(this).validate()">
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="control-label">Incoming SSL</label>
|
|
||||||
<div class="radio">
|
|
||||||
<label>
|
|
||||||
<input type="radio" name="forcessl" id="forcessl-true" value="true" checked>
|
|
||||||
Force incoming connections over HTTPS <b>Recommended</b>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="radio">
|
|
||||||
<label>
|
|
||||||
<input type="radio" name="forcessl" id="forcessl-false" value="false">
|
|
||||||
Allow use of both HTTP and HTTPS
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="control-label">Incoming Host Name</label>
|
|
||||||
<input type="text" name="host" class="form-control" placeholder="ex: proxy.cloud-ops.net" validate=":3" >
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="control-label">Target IP or Host Name</label>
|
|
||||||
<input type="text" name="ip" class="form-control" placeholder="ex: 10.10.10.10" validate=":3" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="control-label">Target TCP Port</label>
|
|
||||||
<input type="number" name="targetPort" class="form-control" value="80" min="0" max="65535" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="control-label">Target SSL</label>
|
|
||||||
<div class="radio">
|
|
||||||
<label>
|
|
||||||
<input type="radio" name="targetssl" id="targetssl-true" value="true">
|
|
||||||
Proxy to HTTPS
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="radio">
|
|
||||||
<label>
|
|
||||||
<input type="radio" name="targetssl" id="targetssl-false" value="false" checked>
|
|
||||||
Proxy to HTTP <b>Recommended</b>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<hr />
|
|
||||||
<button type="submit" data-type="add" class="btn btn-success">
|
|
||||||
<i class="fa-solid fa-plus"></i>
|
<i class="fa-solid fa-plus"></i>
|
||||||
Add
|
</span>
|
||||||
</button>
|
<span class="card-title">
|
||||||
</form>
|
New Entry
|
||||||
|
</span>
|
||||||
|
<span class="float-end">
|
||||||
|
<i class="fa-solid fa-circle-minus"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card-header actionMessage" style="display:none"></div>
|
||||||
|
|
||||||
|
<div class="card-body">
|
||||||
|
<form class="addHost" id="addHost" onsubmit="$(this).validate()">
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label">Incoming SSL</label>
|
||||||
|
<div class="radio">
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="forcessl" id="forcessl-true" value="true" checked>
|
||||||
|
Force incoming connections over HTTPS <b>Recommended</b>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="radio">
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="forcessl" id="forcessl-false" value="false">
|
||||||
|
Allow use of both HTTP and HTTPS
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label">Incoming Host Name</label>
|
||||||
|
<input type="text" name="host" class="form-control" placeholder="ex: proxy.cloud-ops.net"
|
||||||
|
validate=":3">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label">Target IP or Host Name</label>
|
||||||
|
<input type="text" name="ip" class="form-control" placeholder="ex: 10.10.10.10"
|
||||||
|
validate=":3" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label">Target TCP Port</label>
|
||||||
|
<input type="number" name="targetPort" class="form-control" value="80" min="0"
|
||||||
|
max="65535" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label">Target SSL</label>
|
||||||
|
<div class="radio">
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="targetssl" id="targetssl-true" value="true">
|
||||||
|
Proxy to HTTPS
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="radio">
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="targetssl" id="targetssl-false" value="false" checked>
|
||||||
|
Proxy to HTTP <b>Recommended</b>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr />
|
||||||
|
<button type="submit" data-type="add" class="btn btn-success">
|
||||||
|
<i class="fa-solid fa-plus"></i>
|
||||||
|
Add
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col col-md-12 col-lg-8 col-xl-9 col-xxl-10">
|
<div class="col col-md-12 col-lg-8 col-xl-9 col-xxl-10">
|
||||||
<!--
|
<!--
|
||||||
Right column
|
Right column
|
||||||
-->
|
-->
|
||||||
<div class="card shadow-lg">
|
<div class="card shadow-lg">
|
||||||
<!--
|
<!--
|
||||||
List current hosts
|
List current hosts
|
||||||
-->
|
-->
|
||||||
<div class="card-header text-center">
|
<div class="card-header text-center">
|
||||||
<span class="card-icon float-start">
|
<span class="card-icon float-start">
|
||||||
<i class="fa-solid fa-network-wired"></i>
|
<i class="fa-solid fa-network-wired"></i>
|
||||||
</span>
|
</span>
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
Proxy List
|
Proxy List
|
||||||
</span>
|
</span>
|
||||||
<span class="float-end">
|
<span class="float-end">
|
||||||
<i class="fa-solid fa-circle-minus"></i>
|
<i class="fa-solid fa-circle-minus"></i>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- <div class="form-group">
|
||||||
|
<label class="control-label">Target TCP Port</label>
|
||||||
|
<input type="number" name="targetPort" class="form-control" value="80" min="0"
|
||||||
|
max="65535" />
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
<div class="card-header actionMessage" style="display:none"></div>
|
||||||
|
<div class="card-header search-wrapper">
|
||||||
|
<label class="control-label" for="search" style="margin-left: -5px;">Search Hosts: </label>
|
||||||
|
<input type="search" id="search" host-search>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="card-header actionMessage" style="display:none"></div>
|
<table class="card-body table table-striped" style="margin-bottom:0">
|
||||||
|
|
||||||
<table class="card-body table table-striped" style="margin-bottom:0">
|
<thead>
|
||||||
|
<th>
|
||||||
<thead>
|
Host Name
|
||||||
<th>
|
</th>
|
||||||
Host Name
|
<th>
|
||||||
</th>
|
target
|
||||||
<th>
|
</th>
|
||||||
target
|
<th class="hidden-xs">
|
||||||
</th>
|
Updated
|
||||||
<th class="hidden-xs">
|
</th>
|
||||||
Updated
|
<th>
|
||||||
</th>
|
Actions
|
||||||
<th>
|
</th>
|
||||||
Actions
|
</thead>
|
||||||
</th>
|
<tbody id="hostsTable">
|
||||||
</thead>
|
<tr action="api" jq-repeat="hosts" jq-repeat-index='host' style="display:none">
|
||||||
<tbody id="hostsTable">
|
<td>
|
||||||
<tr action="api" jq-repeat="hosts" jq-repeat-index='host' style="display:none">
|
<a target="_blank" href="{{ forcessl_text }}{{ host }}">
|
||||||
<td>
|
{{{ forcessl_text }}}{{ host }}
|
||||||
<a target="_blank" href="{{ forcessl_text }}{{ host }}">
|
</a>
|
||||||
{{{ forcessl_text }}}{{ host }}
|
</td>
|
||||||
</a>
|
<td>
|
||||||
</td>
|
{{{ targetssl_text }}}{{ ip }}:{{ targetPort }}
|
||||||
<td>
|
</td>
|
||||||
{{{ targetssl_text }}}{{ ip }}:{{ targetPort }}
|
<td class="hidden-xs momentFromNow" data-date="{{ updated_on }}">
|
||||||
</td>
|
{{ updated_on_text }}
|
||||||
<td class="hidden-xs momentFromNow" data-date="{{ updated_on }}">
|
</td>
|
||||||
{{ updated_on_text }}
|
<td>
|
||||||
</td>
|
<div class="btn-group">
|
||||||
<td>
|
<!-- <button type="button" class="btn btn-info">
|
||||||
<div class="btn-group">
|
|
||||||
<!-- <button type="button" class="btn btn-info">
|
|
||||||
<i class="fa-brands fa-expeditedssl"></i>
|
<i class="fa-brands fa-expeditedssl"></i>
|
||||||
Cert
|
Cert
|
||||||
</button> -->
|
</button> -->
|
||||||
<button type="button" onclick="editHost(this, '{{ host }}');" class="btn btn-sm btn-warning">
|
<button type="button" onclick="editHost(this, '{{ host }}');"
|
||||||
<i class="fa-solid fa-pencil"></i> Edit
|
class="btn btn-sm btn-warning">
|
||||||
</button>
|
<i class="fa-solid fa-pencil"></i> Edit
|
||||||
<button type="button" onclick="deleteHost('{{ host }}')" class="btn btn-sm btn-danger">
|
</button>
|
||||||
<i class="fa-solid fa-trash-can"></i>
|
<button type="button" onclick="deleteHost('{{ host }}')"
|
||||||
Delete
|
class="btn btn-sm btn-danger">
|
||||||
</button>
|
<i class="fa-solid fa-trash-can"></i>
|
||||||
</div>
|
Delete
|
||||||
</td>
|
</button>
|
||||||
</tr>
|
</div>
|
||||||
</tbody>
|
</td>
|
||||||
</table>
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<%- include('bottom') %>
|
||||||
<%- include('bottom') %>
|
|
||||||
Reference in New Issue
Block a user