You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
326 lines
9.8 KiB
326 lines
9.8 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta http-equiv="cache-control" |
|
content="max-age=0" /> |
|
<meta http-equiv="cache-control" |
|
content="no-store" /> |
|
<meta http-equiv="expires" |
|
content="-1" /> |
|
<meta http-equiv="expires" |
|
content="Tue, 01 Jan 1980 1:00:00 GMT" /> |
|
<meta http-equiv="pragma" |
|
content="no-cache" /> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
<!--meta http-equiv="refresh" content="300" />--> <!--Refresh each 5s--> |
|
<meta charset="utf-8" /> |
|
|
|
<script src="jquery_3_2_1.min.js"></script> |
|
<script src="fabric_jquery.easyui.min_compressed_on_nvr.js"></script> |
|
<script src="cookie.min.js"></script> |
|
<script src="lang.js"></script> |
|
<script src="config.js"></script> |
|
|
|
<script src="lpr.js"></script> |
|
<script src="lang_cookie.js"></script> |
|
|
|
<style> |
|
html { |
|
box-sizing: border-box; |
|
font-size: 2px; |
|
padding-top: 15px; |
|
padding-bottom: 15px; |
|
} |
|
|
|
html, body { |
|
background-color: #2a2a2a; |
|
color: #ffffff; |
|
font-family: Arial; |
|
margin: 0; |
|
width: 100%; |
|
height: calc(100vh - 30px); |
|
} |
|
|
|
.chart { |
|
margin: auto; |
|
width: 1000px; |
|
height: 1000px; |
|
} |
|
|
|
.ChartTitle { |
|
text-align: center; |
|
top: 0; |
|
color: #fff; |
|
} |
|
|
|
.flex { |
|
display: flex; |
|
} |
|
|
|
.flex.straight-flex { |
|
flex-direction: column; |
|
} |
|
|
|
.flex.space-around { |
|
justify-content: space-around; |
|
} |
|
|
|
.flex.space-evenly { |
|
justify-content: space-evenly; |
|
} |
|
|
|
.pos-relative { |
|
position: relative; |
|
} |
|
|
|
.col-4 { |
|
width: 33%; |
|
} |
|
|
|
.col-6 { |
|
width: 50%; |
|
} |
|
|
|
.col-12 { |
|
width: 100%; |
|
} |
|
|
|
.col-4, |
|
.col-6, |
|
.col-12 { |
|
float: left; |
|
} |
|
|
|
.container { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
} |
|
|
|
.item { |
|
margin-top: 0rem; |
|
height: 40px; |
|
background: #2a2a2a; |
|
padding: 0rem; |
|
line-height: 40px; |
|
} |
|
|
|
.item h4 { |
|
color: white; |
|
margin-top: 0rem; |
|
font-size: 40px; |
|
line-height: 40px; |
|
text-align: center; |
|
} |
|
</style> |
|
|
|
<script> |
|
window.onerror = function (message, url, linenumber) { |
|
|
|
console.log('JavaScript error: ' + message + ' on line ' + linenumber + ' for ' + url); |
|
|
|
if (url.search("fabric_jquery.easyui.min_compressed_on_nvr.js") >= 1) { |
|
loadScript("fabric_jquery.easyui.min_compressed_on_nvr.js", function () { |
|
}); |
|
} |
|
else if (url.search("jquery_3_2_1.min.js") >= 1) { |
|
loadScript("jquery_3_2_1.min.js", function () { |
|
}); |
|
} |
|
else if (url.search("config.js") >= 1) { |
|
loadScript("config.js", function () { |
|
}); |
|
} |
|
else if (url.search("lpr.js") >= 1) { |
|
loadScript("lpr.js", function () { |
|
}); |
|
} |
|
else if (url.search("cookie.min.js") >= 1) { |
|
loadScript("cookie.min.js", function () { |
|
}); |
|
} |
|
else if (url.search("lang.js") >= 1) { |
|
loadScript("lang.js", function () { |
|
}); |
|
} |
|
else if (url.search("lang_cookie.js") >= 1) { |
|
loadScript("lang_cookie.js", function () { |
|
}); |
|
} |
|
else if (message.search("slider") >= 1) { |
|
loadScript("fabric_jquery.easyui.min_compressed_on_nvr.js", function () { |
|
}); |
|
} |
|
else if (message.search("myport") >= 1) { |
|
loadScript("config.js", function () { |
|
}); |
|
} |
|
else if (message.search("cookie") >= 1) { |
|
loadScript("cookie.min.js", function () { |
|
}); |
|
} |
|
else { |
|
//location.reload(); |
|
var replaceUrl = 'http://' + window.location.hostname + ':' + GetUrlPort() + '/Aida/lpr.html'; |
|
//alert(replaceUrl); |
|
window.location.replace(replaceUrl); |
|
} |
|
} |
|
function GetUrlPort() { |
|
var url_href = window.location.href; |
|
var arr_url = url_href.split(":")[2].split("/")[0]; |
|
|
|
return arr_url; |
|
} |
|
if (window.history.replaceState) { |
|
window.history.replaceState(null, null, window.location.href); |
|
} |
|
</script> |
|
|
|
<script> |
|
$(document).ready(function () { |
|
$(window).resize(function () { |
|
//location.reload(); |
|
}); |
|
}); |
|
</script> |
|
<link rel="stylesheet" type="text/css" href="bootstrap.min.css"> |
|
<link rel="stylesheet" type="text/css" href="easyui.css"> |
|
|
|
<script> |
|
var g_Canvas_BackgroundImage = null; |
|
var g_mouse_status = 0; |
|
var g_h = -1; |
|
var g_m = -1; |
|
var g_s = -1; |
|
var g_ms = -1; |
|
|
|
var g_time_canvas = 250; |
|
var g_imgUrl = ""; |
|
|
|
var g_ratio = 0; |
|
|
|
</script> |
|
|
|
</head> |
|
<body translate="no" onContextMenu="window.event.returnValue=false"> |
|
<div class="flex space-around" style="height:100%;"> |
|
<div class="col-12 flex straight-flex space-evenly"> |
|
|
|
<div class="flex space-around"> |
|
</div> |
|
|
|
<div class="flex space-around"> |
|
</div> |
|
|
|
<div class="flex space-around"> |
|
<div class="item" style="width:640px;"> |
|
<h4 id="lpr_title" style="align-items:center"></h4> |
|
</div> |
|
</div> |
|
|
|
<div class="flex flex space-around"> |
|
<!--<nobr class="ChartTitle" id="message_detection_output_1"></nobr>--> |
|
<div class="flex pos-relative straight-flex" style="width:640px;"> |
|
<!---<canvas class="chart" id="gauge_chart_1" style="background-repeat:no-repeat;background-position:center;border:0px #5C5C5C solid;"></canvas>--> |
|
<img src="../getimage_HD?123" id="destImage" /> |
|
</div> |
|
</div> |
|
|
|
<div class="flex space-around"> |
|
<div id="text_plate_info" class="item" style="width:640px;"> |
|
</div> |
|
</div> |
|
|
|
<div class="flex space-around"> |
|
</div> |
|
|
|
<div class="flex space-around"> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<script> |
|
func_get_lang_cookie(); |
|
|
|
var g_ratio = 100; |
|
var lpr_title = ""; |
|
var lpr_name = HTTP_TITLE01; |
|
|
|
set_g_lpr_name(lpr_name); |
|
getalarmmotion_value(); |
|
detectZoom(); |
|
func_getEventsData(); |
|
show_lpr_data(); |
|
|
|
function detectZoom() { |
|
var ratio = 0, |
|
screen = window.screen, |
|
ua = navigator.userAgent.toLowerCase(); |
|
|
|
if (window.devicePixelRatio !== undefined) { |
|
ratio = window.devicePixelRatio; |
|
} else if (~ua.indexOf('msie')) { |
|
if (screen.deviceXDPI && screen.logicalXDPI) { |
|
ratio = screen.deviceXDPI / screen.logicalXDPI; |
|
} |
|
} else if (window.outerWidth !== undefined && window.innerWidth !== undefined) { |
|
ratio = window.outerWidth / window.innerWidth; |
|
} |
|
|
|
if (ratio) { |
|
ratio = Math.round(ratio * 100); |
|
} |
|
|
|
g_ratio = ratio; |
|
|
|
//console.log("Web browser ratio:" + ratio.toString()); |
|
if (g_ratio <= 100) { |
|
document.body.style.overflow = 'hidden'; |
|
} |
|
else { |
|
document.body.style.overflow = 'visible'; |
|
} |
|
} |
|
|
|
function func_getEventsData() { |
|
|
|
$.ajax({ |
|
url: "/geteventsfile?ch=all", |
|
type: "GET", |
|
async: false, |
|
beforeSend: function (xmlHttp) { |
|
xmlHttp.setRequestHeader("If-Modified-Since", "0"); |
|
xmlHttp.setRequestHeader("Cache-Control", "no-cache"); |
|
//xmlHttp.setRequestHeader("Authorization", "Basic " + btoa("username:password")); |
|
}, |
|
success: function (retdata) { |
|
//var jsonbuf = JSON.parse('{ "name":"John", "age":30, "city":"New York"}'); |
|
var jsonbuf = validatingJSON(retdata); |
|
|
|
if (jsonbuf != null) { |
|
lpr_title = jsonbuf["notification"]["lpr_title"]; |
|
localStorage.setItem("events_default_version", jsonbuf["notification"]["events_default_version"]); |
|
} |
|
else { |
|
setTimeout(func_getEventsData(), 3000); |
|
} |
|
//console.info(retdata); |
|
}, |
|
error: function (retdata) { |
|
setTimeout(func_getEventsData(), 3000); |
|
console.warn(retdata); |
|
} |
|
}); |
|
} |
|
|
|
function show_lpr_data() { |
|
|
|
document.getElementById("lpr_title").innerHTML = lpr_title; |
|
|
|
} |
|
|
|
</script> |
|
</body> |
|
</html>
|
|
|