iiiypuk/services
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update SMS.ru UI

Browse Source
This commit is contained in:
Alexander Popov 2022-09-13 22:40:21 +03:00
parent 94480744c1
commit efd0097cb5
Signed by: iiiypuk
GPG Key ID: D8C9B59A9F04A70C
2 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/index.html
View File

@ -15,22 +15,27 @@
</div>
<section class="bg-dark text-bg-dark w-100 p-3">
<div class="fw-bold">
<div class="border-bottom border-danger fw-bold pb-2 mb-3">
Today:
<label id="data-today"></label>
</div>
<div class="row">
<div class="col">SMS.ru</div>
<div class="col-6">
<div class="progress">
<div id="data-smsru-progress" class="progress-bar progress-bar-striped bg-danger" role="progressbar"
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"
style="width: 100%"></div>
</div>
<div class="card border-danger bg-dark text-bg-dark">
<div class="d-flex align-items-center justify-content-between card-header border-danger">
<p class="m-0">SMS.ru</p>
<button id="button-smsru-update" class="btn btn-sm btn-outline text-bg-dark">
🔄 update
</button>
</div>
<div class="col text-end">
<button id="button-smsru-update" class="btn btn-sm btn-outline-primary">Update</button>
<div class="card-body">
<h5 class="card-title">Количество SMS</h5>
<p class="card-text">
<div class="progress">
<div id="data-smsru-progress" class="progress-bar progress-bar-striped bg-danger" role="progressbar"
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"
style="width: 100%"></div>
</div>
</p>
</div>
</div>
</section>

11
public/js/app.js
View File

@ -20,11 +20,16 @@ function smsruUpdateMessages() {
fetch('/api/v1.0/smsru_status')
.then(response => response.json())
.then(data => {
if (data.used_today === null) data.used_today = 0;
smsProgress.setAttribute('aria-valuenow', data.used_today);
smsProgress.setAttribute('aria-valuemax', data.total_free);
smsProgress.setAttribute('style', `width: ${data.used_today / data.total_free * 100}%`);
if (data.used_today > 0) {
smsProgress.setAttribute('style', `width: ${data.total_free / data.used_today}%`);
}
else {
smsProgress.setAttribute('style', `width: 100%`);
}
smsProgress.innerText = `Лимит: ${data.used_today} из ${data.total_free}`;
});
// console.log(smsProgress);
}