minor ui update to videoPlayer and videosTable

node-20
Moe 2023-08-06 07:42:20 -07:00
parent d21076f5b4
commit eac50a6bc0
2 changed files with 13 additions and 6 deletions

View File

@ -47,19 +47,24 @@ $(document).ready(function(){
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-4">
<b class="flex-grow-1">${lang.Started}</b> <div class="flex-grow-1"><b>${lang.Started}</b> ${timeAgo(video.time)}</div>
<div class="video-time">${humanStartTime}</div> <div class="video-time">${humanStartTime}</div>
</div> </div>
<div class="col-md-6"> <div class="col-md-4">
<b class="flex-grow-1">${lang.Ended}</b> <div class="flex-grow-1"><b>${lang.Ended}</b> ${timeAgo(video.end)}</div>
<div class="video-end">${humanEndTime}</div> <div class="video-end">${humanEndTime}</div>
</div> </div>
<div class="col-md-4">
<div class="flex-grow-1"><b>${lang['Objects Found']}</b></div>
<div>${video.objects}</div>
</div>
</div> </div>
<div class="d-block pt-4"> <div class="d-block pt-4">
<div class="btn-group btn-group-justified"> <div class="btn-group btn-group-justified">
<a class="btn btn-sm btn-success" download href="${videoUrl}"><i class="fa fa-download"></i> ${lang.Download}</a> <a class="btn btn-sm btn-success" download href="${videoUrl}"><i class="fa fa-download"></i> ${lang.Download}</a>
${permissionCheck('video_delete',video.mid) ? `<a class="btn btn-sm btn-danger delete-video"><i class="fa fa-trash-o"></i> ${lang.Delete}</a>` : ''} ${permissionCheck('video_delete',video.mid) ? `<a class="btn btn-sm btn-danger delete-video"><i class="fa fa-trash-o"></i> ${lang.Delete}</a>` : ''}
${permissionCheck('video_delete',video.mid) ? `<a class="btn btn-sm btn-${video.archive === 1 ? `success status-archived` : `default`} archive-video" title="${lang.Archive}"><i class="fa fa-${video.archive === 1 ? `lock` : `unlock-alt`}"></i> ${lang.Archive}</a>` : ''}
<div class="dropdown d-inline-block"> <div class="dropdown d-inline-block">
<a class="btn btn-sm btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false" data-bs-reference="parent"> <a class="btn btn-sm btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false" data-bs-reference="parent">
<i class="fa fa-ellipsis-v" aria-hidden="true"></i> <i class="fa fa-ellipsis-v" aria-hidden="true"></i>

View File

@ -154,8 +154,10 @@ $(document).ready(function(e){
</div>`, </div>`,
Monitor: loadedMonitor && loadedMonitor.name ? loadedMonitor.name : file.mid, Monitor: loadedMonitor && loadedMonitor.name ? loadedMonitor.name : file.mid,
mid: file.mid, mid: file.mid,
time: `<div><b>${lang.Start}</b> ${formattedTime(file.time, 'DD-MM-YYYY hh:mm:ss AA')}</div> time: `
<div><b>${lang.End}</b> ${formattedTime(file.end, 'DD-MM-YYYY hh:mm:ss AA')}</div>`, <div>${timeAgo(file.time)}</div>
<div><small><b>${lang.Start} :</b> ${formattedTime(file.time, 'DD-MM-YYYY hh:mm:ss AA')}</small></div>
<div><small><b>${lang.End} :</b> ${formattedTime(file.end, 'DD-MM-YYYY hh:mm:ss AA')}</small></div>`,
objects: file.objects, objects: file.objects,
tags: ` tags: `
${file.ext ? `<span class="badge badge-${file.ext ==='webm' ? `primary` : 'danger'}">${file.ext}</span>` : ''} ${file.ext ? `<span class="badge badge-${file.ext ==='webm' ? `primary` : 'danger'}">${file.ext}</span>` : ''}