UniqueSoft
/
DweebUI
mirror of https://github.com/lllllllillllllillll/DweebUI
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixed image size displayed on images.js

This commit is contained in:
lllllllillllllillll 2024-01-08 14:37:24 -08:00
parent d4fed30db6
commit 68cc67d5aa
2 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
controllers/images.js
View File

@ -3,7 +3,7 @@ import { dockerImages } from 'systeminformation';
export const Images = async function(req, res) { export const Images = async function(req, res) {
let images = await dockerImages({ all: true }); let images = await docker.listImages({ all: true });
let image_list = ` let image_list = `
<thead> <thead>
@ -23,20 +23,24 @@ export const Images = async function(req, res) {
for (let i = 0; i < images.length; i++) { for (let i = 0; i < images.length; i++) {
let image = ` let date = new Date(images[i].Created * 1000);
<tr> let created = date.toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' });
<td><input class="form-check-input m-0 align-middle" name="select" value="" type="checkbox" aria-label="Select"></td>
<td class="sort-name">${images[i].repoTags}</td>
<td class="sort-city">${images[i].id}</td>
<td class="sort-type">Latest</td>
<td class="sort-score text-green">In use</td>
<td class="sort-date" data-date="1628122643">August 05, 2021</td>
<td class="sort-quantity">69.27 MB</td>
<td class="text-end"><a class="btn" href="#">Details</a></td>
</tr>`
let size = images[i].Size / 1000 / 1000; // to match docker desktop
size = size.toFixed(2);
image_list += image; let details = `
<tr>
<td><input class="form-check-input m-0 align-middle" name="select" value="" type="checkbox" aria-label="Select"></td>
<td class="sort-name">${images[i].RepoTags}</td>
<td class="sort-city">${images[i].Id}</td>
<td class="sort-type">Latest</td>
<td class="sort-score text-green">In use</td>
<td class="sort-date" data-date="1628122643">${created}</td>
<td class="sort-quantity">${size}</td>
<td class="text-end"><a class="btn" href="#">Details</a></td>
</tr>`
image_list += details;
} }
image_list += `</tbody>` image_list += `</tbody>`
@ -46,7 +50,8 @@ export const Images = async function(req, res) {
name: req.session.user, name: req.session.user,
role: req.session.role, role: req.session.role,
avatar: req.session.avatar, avatar: req.session.avatar,
image_list: image_list image_list: image_list,
image_count: images.length
}); });
} }

2
views/images.ejs
View File

@ -134,7 +134,7 @@
</form> </form>
<p class="m-0 text-muted ms-auto">3 Images</p> <p class="m-0 text-muted ms-auto"><%- image_count %> Images</p>
</div> </div>
</div> </div>