minor ui update to videoPlayer and videosTable
parent
d21076f5b4
commit
eac50a6bc0
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>` : ''}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue