theta42/proxy
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved mobile UI

Browse Source
This commit is contained in:
William Mantly
2024-08-15 18:48:07 -04:00
parent 496bff53c8
commit f9d3ae5524
2 changed files with 145 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nodejs/views/dns.ejs
+46 -40
View File
@@ -26,7 +26,7 @@
<script type="text/javascript">
function providerGet(cb){
function providerGet(){
app.api.options('dns', function(error, res){
for(let provider of res.results){
$.scope.providerSelect.push(provider);
@@ -99,9 +99,9 @@
});
</script>
<div class="row" style="display:none">
<div class="col-md-4">
<div class="card shadow-lg">
<div class="row mb-3" style="display:none">
<div class="col-md-3">
<div class="card shadow-lg mb-3">
<div class="card-header text-center">
<span class="card-icon float-start">
@@ -116,7 +116,7 @@
</div>
<div class="card-header actionMessage" style="display:none"></div>
<div class="card-body">
<div class="card-body d-none d-md-block">
<form action="dns/" onsubmit="formAJAX(this)">
<div class="form-group">
<label for="name" class="form-label">
@@ -155,52 +155,58 @@
</div>
</div>
</div>
<div class="col-md-8">
<div class="card shadow-lg">
<div class="col-md-9">
<div class="row row-cols-1 row-cols-md-2 g-4">
<div jq-repeat="DnsProvider" jq-repeat-index="id" style="display:none" class="col">
<div class="card shadow-lg">
<div class="card-header text-center">
<span class="card-icon float-start">
<i class="fa-solid fa-record-vinyl"></i>
</span>
<span class="card-title">
DNS list
</span>
<span class="float-end">
<i class="fa-solid fa-circle-minus"></i>
</span>
</div>
<div class="card-header text-center">
<span class="card-icon float-start">
<i class="fa-solid fa-record-vinyl"></i>
</span>
<span class="card-title">
{{ dnsProvider }} DNS
</span>
<span class="float-end">
<i class="fa-solid fa-circle-minus"></i>
</span>
</div>
<div class="card-header actionMessage" style="display:none"></div>
<ul class="card-body list-group list-group-flush" style="padding:0;">
<li jq-repeat="DnsProvider" jq-repeat-index="id" style="display:none" class="list-group-item" onload="provider">
<div class="row">
<div class="col-6">
<h3><img height="32px" src="{{ displayIconHtml }}"/> {{ dnsProvider }}</h3>
<h4>{{ name }}</h4>
<div class="card-header actionMessage" style="display:none"></div>
<div class="card-body">
<div class="row">
<h3><img height="32px" src="{{ displayIconHtml }}"/> {{name}} </h3>
</div>
<div class="col-6 text-end">
<b class="momentFromNow" data-date="{{ updated_on }}">{{ created_on_text }}</b> by <b>{{ created_by }}</b>
<div>
<b jq-repeat='Domain_{{id}}' jq-repeat-index="domain" class="me-2 my-1 badge text-bg-info rounded-pill fs-6">
{{domain}}
</b>
<script type="text/javascript">
try{
$.scope.Domain_{{id}}.push(...{{{domainsString}}});
}catch{}
</script>
</div>
</div>
<div class="card-footer">
Added <b class="momentFromNow" data-date="{{ updated_on }}">{{ created_on_text }}</b> by <b>{{ created_by }}</b>
<span class="float-end text-end">
<button type="button" class="btn btn-warning" method="POST" action="/dns/domain/refresh/{{id}}" onclick="formAJAX()">
<i class="fa-solid fa-rotate"></i>
</button>
<button type="button" class="btn btn-danger" method="DELETE" action="dns/{{id}}" onclick="formAJAX()">
<i class="fa-solid fa-trash-can"></i>
</button>
</div>
</span>
</div>
<div class="mb-3">
<b jq-repeat='Domain_{{id}}' jq-repeat-index="domain" class="m-1 badge text-bg-info rounded-pill">
{{domain}}
</b>
<script type="text/javascript">
try{
$.scope.Domain_{{id}}.push(...{{{domainsString}}});
}catch{}
</script>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<%- include('bottom') %>