75 lines
No EOL
3 KiB
Text
75 lines
No EOL
3 KiB
Text
<%- include("../base/header", { title: "Your Media", session }) %>
|
|
|
|
<div class="row mb-3">
|
|
<div class="col">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"></li>
|
|
<li class="breadcrumb-item"><a href="/account/dashboard">Dashboard</a></li>
|
|
<li class="breadcrumb-item" aria-current="page">Media</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Recent Uploads -->
|
|
<div class="col">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="row">
|
|
<div class="col text-start">Your Media</div>
|
|
<div class="col text-end">Media: <%= FormattingUtility.NumberHumanReadable(media.TotalRecords) %></div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body pb-0">
|
|
<div class="row row-cols-1">
|
|
<div class="col mb-3">
|
|
<div class="d-none d-md-block">
|
|
<div class="row fw-bold border-bottom pb-2">
|
|
<div class="col-auto"><img style="visibility: hidden" height="30" width="50"></div>
|
|
<div class="col-3">File Name</div>
|
|
<div class="col-3">Media Tag</div>
|
|
<div class="col-4">Upload Date/Time</div>
|
|
<div class="col"> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% for (const mediaItem of media.Data) { %>
|
|
<div class="col mb-3 border-bottom pb-3">
|
|
<div class="row">
|
|
<div class="col-12 col-md-auto">
|
|
<div class="row p-0 m-0">
|
|
<div class="col p-0 m-0">
|
|
<% if (mediaItem.MediaType.startsWith("image/")) { %>
|
|
<img style="cursor: zoom-in" src="<%= domains[mediaItem.DomainId].HasHttps ? "https" : "http" %>://<%= domains[mediaItem.DomainId].Domain %>/<%= mediaItem.MediaTag %>" height="30" width="50">
|
|
<% } else { %>
|
|
<i class="bi bi-file-earmark"></i>
|
|
<% } %>
|
|
</div>
|
|
<!-- <div class="d-md-none col-auto">
|
|
<a class="btn btn-danger d-inline d-md-none" aria-label="Delete <%= mediaItem.FileName %>" href="/account/deletemedia?id=<%= mediaItem.Id %>"><i class="bi bi-trash"></i></a>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-3 pt-3 pt-md-0"><span class="d-inline d-md-none fw-bold">File Name: </span><%= mediaItem.FileName %></div>
|
|
<div class="col-12 col-md-3"><span class="d-inline d-md-none fw-bold">Media Tag: </span><%= mediaItem.MediaTag %></div>
|
|
<div class="col-12 col-md-4">
|
|
<span class="d-inline d-md-none fw-bold">Upload Date/Time: </span>
|
|
<%= mediaItem.CreatedDatetime.toString().split(" ").slice(1, 5).join(" ") %><br class="d-none d-md-block">
|
|
<%= mediaItem.CreatedDatetime.toString().split(" ").slice(-4, -3).join(" ") %>
|
|
</div>
|
|
<!-- <div class="col-12 col-md text-end d-none d-md-inline">
|
|
<a class="btn btn-danger" aria-label="Delete <%= mediaItem.FileName %>" href="/account/deletemedia?id=<%= mediaItem.Id %>"><i class="bi bi-trash"></i></a>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
<%- include("../base/paging", { pageCount: media.PageCount, pageNumber: pageNumber }) %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%- include("../base/footer") %> |