');
+ }
+ zoomGlass = e.p.find(".zoomGlass");
+ }
+ zoomGlass.find(magnifiedElement).css({height:e.height,width:e.width});
+ zoomFrame()
+ })
+ }else{
+ zoomGlass.find(magnifiedElement).css({height:e.height,width:e.width});
+ zoomFrame()
+ }
+}
+$.ccio.destroyStream = function(d,user,killElement){
+ if(d.mid && !d.id)d.id = d.mid
+ console.log(d.ke+d.id+user.auth_token)
+ console.log($.ccio.mon[d.ke+d.id+user.auth_token])
+ if($.ccio.mon[d.ke+d.id+user.auth_token]){
+ console.log('destroy')
+ $.ccio.init('closeVideo',{mid:d.id,ke:d.ke},user);
+ $.ccio.init('jpegModeStop',{mid:d.id,ke:d.ke},user);
+ $.ccio.init('clearTimers',d,user)
+ clearInterval($.ccio.mon[d.ke+d.id+user.auth_token].signal);delete($.ccio.mon[d.ke+d.id+user.auth_token].signal);
+ $.ccio.mon[d.ke+d.id+user.auth_token].watch = 0;
+ $.ccio.mon[d.ke+d.id+user.auth_token].PoseidonErrorCount = 0
+ if($.ccio.mon[d.ke+d.id+user.auth_token].hls){$.ccio.mon[d.ke+d.id+user.auth_token].hls.destroy()}
+ if($.ccio.mon[d.ke+d.id+user.auth_token].Poseidon){$.ccio.mon[d.ke+d.id+user.auth_token].Poseidon.stop()}
+ if($.ccio.mon[d.ke+d.id+user.auth_token].Base64){$.ccio.mon[d.ke+d.id+user.auth_token].Base64.disconnect()}
+ if($.ccio.mon[d.ke+d.id+user.auth_token].h265Socket){$.ccio.mon[d.ke+d.id+user.auth_token].h265Socket.disconnect()}
+ if($.ccio.mon[d.ke+d.id+user.auth_token].h265Player){$.ccio.mon[d.ke+d.id+user.auth_token].h265Player.stop()}
+ if($.ccio.mon[d.ke+d.id+user.auth_token].dash){$.ccio.mon[d.ke+d.id+user.auth_token].dash.reset()}
+ if($.ccio.mon[d.ke+d.id+user.auth_token].h265HttpStream && $.ccio.mon[d.ke+d.id+user.auth_token].abort){
+ $.ccio.mon[d.ke+d.id+user.auth_token].h265HttpStream.abort()
+ }
+ if(killElement){
+ $.grid.data().removeWidget($('#monitor_live_'+d.id+user.auth_token))
+ }
+ }
+}
diff --git a/web/libs/js/dash2.config.js b/web/libs/js/dash2.config.js
new file mode 100644
index 00000000..1c181fbc
--- /dev/null
+++ b/web/libs/js/dash2.config.js
@@ -0,0 +1,132 @@
+$.ccio={
+ fr:$('#files_recent'),
+ mon:{},
+ useUTC: <%- config.useUTC || false %>,
+ definitions: <%-JSON.stringify(define)%>,
+ libURL: '<%-window.libURL%>'
+};
+<% if(config.DropboxAppKey){ %>
+ $.ccio.DropboxAppKey = '<%-window.DropboxAppKey%>'
+<% } %>
+$.ccio.HWAccelChoices = [
+<% if(config.availableHWAccels) {
+ var methods = {
+ auto: {label:lang['Auto'],value:'auto'},
+ drm: {label:lang['drm'],value:'drm'},
+ cuvid: {label:lang['cuvid'],value:'cuvid'},
+ vaapi: {label:lang['vaapi'],value:'vaapi'},
+ qsv: {label:lang['qsv'],value:'qsv'},
+ vdpau: {label:lang['vdpau'],value:'vdpau'},
+ dxva2: {label:lang['dxva2'],value:'dxva2'},
+ vdpau: {label:lang['vdpau'],value:'vdpau'},
+ videotoolbox: {label:lang['videotoolbox'],value:'videotoolbox'}
+ }
+ config.availableHWAccels.forEach(function(availibleMethod){
+ if(methods[availibleMethod]){ %>
+ <%- JSON.stringify(methods[availibleMethod]) %>,
+ <% }
+ })
+ }
+ %>
+]
+try{
+ $user.details = JSON.parse($user.details)
+}catch(err){
+
+}
+if(!$user.details.lang||$user.details.lang==''){
+ $user.details.lang="<%-config.language%>"
+}
+switch($user.details.lang){
+ case'ar'://Arabic
+ case'bn'://Bengali
+ $('body').addClass('right-to-left')
+ $('.mdl-menu__item').each(function(n,v){
+ v=$(v).find('i')
+ v.appendTo(v.parent())
+ })
+ break;
+}
+window.chartColors = {
+ red: 'rgb(255, 99, 132)',
+ orange: 'rgb(255, 159, 64)',
+ yellow: 'rgb(255, 205, 86)',
+ green: 'rgb(75, 192, 192)',
+ blue: 'rgb(54, 162, 235)',
+ purple: 'rgb(153, 102, 255)',
+ grey: 'rgb(201, 203, 207)'
+};
+//global form functions
+$.ccio.form={};
+$.ccio.form.details=function(e){
+ e.ar={},e.f=$(this).parents('form');
+ $.each(e.f.find('[detail]'),function(n,v){
+ v=$(v);e.ar[v.attr('detail')]=v.val();
+ });
+ e.f.find('[name="details"]').val(JSON.stringify(e.ar));
+};
+$(document).ready(function(e){
+
+ //check switch UI
+ e.o=$.ccio.op().switches;
+ if(e.o){
+ $.each(e.o,function(n,v){
+ $('[system="switch"][switch="'+n+'"]').each(function(m,b){
+ b=$(b);
+ switch(b.attr('type')){
+ case'text':
+ if(v===1){
+ b.addClass('text-success')
+ }else{
+ b.removeClass('text-success')
+ }
+ break;
+ }
+ })
+ })
+ }else{
+ $.ccio.op('switches',{notifyHide:0})
+ }
+ //set class toggle preferences
+ e.o=$.ccio.op().class_toggle;
+ if(e.o){
+ $.each(e.o,function(n,v){
+ if(v[1]===1){
+ $(n).addClass(v[0])
+ }else{
+ $(n).removeClass(v[0])
+ }
+ })
+ }
+ //set dropdown toggle preferences
+ e.o = $.ccio.op().dropdown_toggle
+ if(e.o){
+ $.each(e.o,function(n,v){
+ $('[dropdown_toggle="'+n+'"]').val(v).change()
+ })
+ }
+ //set localStorage input values
+ e.o = $.ccio.op()
+ if(e.o){
+ $.each(e.o,function(n,v){
+ if(typeof v==='string'){
+ var el = $('[localStorage="'+n+'"]')
+ if(el.is(':checkbox') === false){
+ el.val(v)
+ }
+ }
+ })
+ }
+ document.addEventListener("fullscreenchange", onFullScreenChange, false);
+ document.addEventListener("webkitfullscreenchange", onFullScreenChange, false);
+ document.addEventListener("mozfullscreenchange", onFullScreenChange, false);
+ function onFullScreenChange() {
+ var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;
+ if(!fullscreenElement){
+ $('.fullscreen').removeClass('fullscreen')
+ setTimeout(function(){
+ $('canvas.stream-element').resize();
+ },2000)
+ }
+ }
+})
diff --git a/web/libs/js/dash2.confirm.js b/web/libs/js/dash2.confirm.js
new file mode 100644
index 00000000..e69de29b
diff --git a/web/libs/js/dash2.cronfilter.js b/web/libs/js/dash2.cronfilter.js
new file mode 100644
index 00000000..89825977
--- /dev/null
+++ b/web/libs/js/dash2.cronfilter.js
@@ -0,0 +1,61 @@
+$(document).ready(function(e){
+//filters window
+if(!$user.details.filters)$user.details.filters={};
+$.fI={e:$('#filters')};$.fI.f=$.fI.e.find('form');
+$.fI.md=$.fI.f.find('[detail]');
+$.ccio.init('filters');
+$.ccio.tm('filters-where');
+$.fI.e.on('click','.where .add',function(e){
+ $.ccio.tm('filters-where');
+})
+$.fI.e.on('click','.where .remove',function(e){
+ e.e=$('#filters_where .row');
+ if(e.e.length>1){
+ e.e.last().remove();
+ }
+})
+$('#saved_filters').change(function(e){
+ e.e=$(this),e.id=e.e.val();
+ $('#filters_where').empty()
+ if(e.id&&e.id!==''){
+ e.name=$user.details.filters[e.id].name;
+ $.each($user.details.filters[e.id].where,function(n,v){
+ $.ccio.tm('filters-where',v)
+ });
+ $.each($user.details.filters[e.id],function(n,v){
+ if(n==='where'){return}
+ $.fI.f.find('[name="'+n+'"]').val(v);
+ });
+ }else{
+ e.name=lang['Add New'];
+ $.fI.f.find('[name="id"]').val($.ccio.gid(5));
+ $.ccio.tm('filters-where');
+ }
+ $.fI.e.find('.filter_name').text(e.name)
+}).change()
+$.fI.f.find('.delete').click(function(e){
+ e.s=$.fI.f.serializeObject();
+ $.confirm.e.modal('show');
+ $.confirm.title.text(lang['Delete Filter']);
+ e.html=lang.confirmDeleteFilter;
+ $.confirm.body.html(e.html);
+ $.confirm.click({title:lang['Delete Filter'],class:'btn-danger'},function(){
+ $.ccio.cx({f:'settings',ff:'filters',fff:'delete',form:e.s})
+ });
+})
+$.fI.f.submit(function(e){
+ e.preventDefault();e.e=$(this),e.s=e.e.serializeObject();
+ e.er=[];
+ $.each(e.s,function(n,v){e.s[n]=v.trim()})
+ e.s.where=[];
+ e.e.find('.where-row').each(function(n,v){
+ n={};
+ $(v).find('[where]').each(function(m,b){
+ b=$(b);
+ n[b.attr('where')]=b.val().trim();
+ })
+ e.s.where.push(n)
+ })
+ $.ccio.cx({f:'settings',ff:'filters',fff:'save',form:e.s})
+});
+})
diff --git a/web/libs/js/dash2.detectorfilter.js b/web/libs/js/dash2.detectorfilter.js
new file mode 100644
index 00000000..3c9c8034
--- /dev/null
+++ b/web/libs/js/dash2.detectorfilter.js
@@ -0,0 +1,143 @@
+$(document).ready(function(e){
+//detector filters window
+$.detectorFilters={e:$('#detector_filter')};
+$.detectorFilters.f=$.detectorFilters.e.find('form');
+$.detectorFilters.md=$.detectorFilters.f.find('[detail]');
+$.detectorFilters.getSelected = function(){
+ return $('#detector_filters').val()
+}
+$.detectorFilters.drawOptions = function(){
+ var dFilters = $.detectorFilters.getCurrent()
+ $('#detector_filters optgroup').empty()
+ $.each(dFilters,function(n,dFilter){
+ $.ccio.tm('option',{auth_token:$user.auth_token,id:dFilter.id,name:dFilter.filter_name},'#detector_filters optgroup')
+ })
+}
+$.detectorFilters.getCurrent = function(){
+ try{
+ return JSON.parse($.aM.e.find('[detail="detector_filters"]').val())
+ }catch(err){
+ return {}
+ }
+}
+$.detectorFilters.save = function(){
+ var currentVals = $.detectorFilters.getCurrent()
+ currentVals[$.detectorFilters.lastSave.id] = $.detectorFilters.lastSave
+ $.aM.e.find('[detail="detector_filters"]').val(JSON.stringify(currentVals)).change()
+}
+$.ccio.tm('detector-filters-where');
+$.detectorFilters.e.on('change','[where="p1"]',function(e){
+ var el = $(this)
+ var p1v = el.val()
+ var parent = el.parents('.row')
+ var p3 = parent.find('[where="p3"]')
+ var options = []
+ switch(p1v){
+ case'time':
+ options = [
+ '00:00:00'
+ ]
+ break;
+ case'reason':
+ options = [
+ 'licensePlate',
+ 'object',
+ 'motion',
+ ]
+ break;
+ case'plug':
+ options = [
+ 'PythonYolo',
+ 'OpenCV',
+ 'built-in',
+ ]
+ break;
+ case'tag':
+ options = [
+ 'car',
+ 'tree',
+ 'pottedplant',
+ ]
+ break;
+ }
+ var msg = 'Value'
+ if(options.length > 0){
+ msg = 'Example : '+options.join(', ')
+ }
+ p3.attr('placeholder',msg)
+})
+$.detectorFilters.e.on('shown.bs.modal',function(e){
+ $.detectorFilters.drawOptions()
+})
+$.detectorFilters.e.on('click','.where .add',function(e){
+ $.ccio.tm('detector-filters-where');
+})
+$.detectorFilters.e.on('click','.where .remove',function(e){
+ e.e=$('#detector_filters_where .row');
+ if(e.e.length>1){
+ e.e.last().remove();
+ $('#detector_filters_where .row:last [where="p4"]').prop('disabled',true)
+ }
+})
+$.detectorFilters.f.find('.delete').click(function(e){
+ var currentVals = $.detectorFilters.getCurrent()
+ var newObject = {}
+ var deleteId = $.detectorFilters.getSelected()
+ $.each(currentVals,function(id,obj){
+ if(id === deleteId)return false;
+ newObject[id] = obj
+ })
+ $.aM.e.find('[detail="detector_filters"]').val(JSON.stringify(newObject)).change()
+ $.detectorFilters.drawOptions()
+})
+$('#detector_filters').change(function(){
+ e = {}
+ e.e=$(this),e.id=e.e.val();
+ $('#detector_filters_where').empty()
+ if(e.id&&e.id!==''){
+ var currentFilter = $.detectorFilters.getCurrent()[e.id]
+ e.name=currentFilter.name;
+ $.each(currentFilter.where,function(n,v){
+ $.ccio.tm('detector-filters-where',v)
+ });
+ $.each(currentFilter.actions,function(action,val){
+ $.detectorFilters.e.find('[actions="'+action+'"]').val(val)
+ });
+ $.each(currentFilter,function(n,v){
+ if(n==='where'){return}
+ $.detectorFilters.f.find('[name="'+n+'"]').val(v);
+ });
+ }else{
+ e.name=lang['Add New'];
+ $.detectorFilters.f.find('[name="id"]').val($.ccio.gid(5));
+ $.ccio.tm('detector-filters-where');
+ }
+ $.detectorFilters.e.find('.filter_name').text(e.name)
+}).change()
+$.detectorFilters.f.submit(function(ee){
+ ee.preventDefault()
+ e = {}
+ e.e=$(this),e.s=e.e.serializeObject();
+ e.er=[];
+ $.each(e.s,function(n,v){e.s[n]=v.trim()})
+ //create conditions object (where)
+ e.s.where=[];
+ e.e.find('.where-row').each(function(n,v){
+ n={};
+ $(v).find('[where]').each(function(m,b){
+ b=$(b);
+ n[b.attr('where')]=b.val().trim();
+ })
+ e.s.where.push(n)
+ })
+ // create actions object (do)
+ e.s.actions={};
+ e.e.find('.actions-row').each(function(n,v){
+ b=$(v).find('[actions]');
+ e.s.actions[b.attr('actions')] = b.val()
+ })
+ $.detectorFilters.lastSave = e.s
+ $.detectorFilters.save()
+ $.detectorFilters.e.modal('hide')
+});
+})
diff --git a/web/libs/js/dash2.elementbuilder.js b/web/libs/js/dash2.elementbuilder.js
new file mode 100644
index 00000000..e2c5cefe
--- /dev/null
+++ b/web/libs/js/dash2.elementbuilder.js
@@ -0,0 +1,915 @@
+$.ccio.tm=function(x,d,z,user){
+ var tmp='';if(!d){d={}};
+ var k={}
+ if(d&&d.user){
+ user=d.user
+ }
+ if(!user){
+ user=$user
+ }
+ if(d.id&&!d.mid){d.mid=d.id;}
+ switch(x){
+ case 0://video
+ var url = $.ccio.init('videoUrlBuild',d)
+ href = 'href="'+url+'"'
+// if(!d.filename){d.filename=$.ccio.init('tf',d.time)+'.'+d.ext;}
+ d.dlname=d.mid+'-'+d.filename;
+ d.startMoment=$.ccio.timeObject(d.time),
+ d.endMoment=$.ccio.timeObject(d.end),
+ d.hr=parseInt(d.startMoment.format('HH')),
+ d.per=parseInt(d.hr/24*100);
+ d.circle='
'+d.hr+'
'
+ tmp+=''+lang.Start+' : '+d.startMoment.format('h:mm:ss , MMMM Do YYYY')+'
'+lang.End+' : '+d.endMoment.format('h:mm:ss , MMMM Do YYYY')+'
'+d.name+'
'+d.mid+'
'+lang['Save as']+' : '+d.ext+'
Status : '+d.status+'
'
+ tmp+='
'
+ var buttons = {
+ "Pop": {
+ "label": "Pop",
+ "attr": "monitor=\"pop\"",
+ "class": "default",
+ "icon": "external-link"
+ },
+ "Power Viewer": {
+ "label": "Power Viewer",
+ "attr": "monitor=\"powerview\"",
+ "class": "default",
+ "icon": "map-marker"
+ },
+ "Videos List": {
+ "label": "Videos List",
+ "attr": "monitor=\"videos_table\"",
+ "class": "default",
+ "icon": "film"
+ },
+ "Monitor Settings": {
+ "label": "Monitor Settings",
+ "attr": "monitor=\"edit\"",
+ "class": "default",
+ "icon": "wrench"
+ }
+ }
+ if(!$.ccio.permissionCheck('video_view',d.mid)){
+ delete(buttons["Videos List"])
+ delete(buttons["Power Viewer"])
+ }
+ if(!$.ccio.permissionCheck('monitor_edit',d.mid)){
+ delete(buttons["Monitor Settings"])
+ }
+ $.each(buttons,function(n,v){
+ tmp+=''
+ })
+ tmp+='
\
+ ';
+ tmp+='
'
+ tmp+='';
+ tmp+='';
+ tmp+='
';
+ tmp+='';
+ tmp+='
';//.stream-block
+ tmp+='';
+ tmp+='
';
+ tmp+=''+d.name+', '+lang['Recording FPS']+' : '+d.fps+'
';
+ tmp+=''//start of btn list
+ var buttons = {
+ "Snapshot": {
+ "label": "Snapshot",
+ "attr": "monitor=\"snapshot\"",
+ "class": "primary",
+ "icon": "camera"
+ },
+ "Show Logs": {
+ "label": "Show Logs",
+ "attr": "monitor=\"show_data\"",
+ "class": "warning",
+ "icon": "exclamation-triangle"
+ },
+ "Control": {
+ "label": "Control",
+ "attr": "monitor=\"control_toggle\"",
+ "class": "default arrows",
+ "icon": "arrows"
+ },
+ "Status Indicator": {
+ "label": "Status Indicator",
+ "attr": "monitor=\"watch_on\"",
+ "class": "success signal",
+ "icon": "plug"
+ },
+ "Pop": {
+ "label": "Pop",
+ "attr": "monitor=\"pop\"",
+ "class": "default",
+ "icon": "external-link"
+ },
+ "Calendar": {
+ "label": "Calendar",
+ "attr": "monitor=\"calendar\"",
+ "class": "default ",
+ "icon": "calendar"
+ },
+ "Power Viewer": {
+ "label": "Power Viewer",
+ "attr": "monitor=\"powerview\"",
+ "class": "default",
+ "icon": "map-marker"
+ },
+ "Time-lapse": {
+ "label": "Time-lapse",
+ "attr": "monitor=\"timelapse\"",
+ "class": "default",
+ "icon": "angle-double-right"
+ },
+ "Video Grid": {
+ "label": "Video Grid",
+ "attr": "monitor=\"video_grid\"",
+ "class": "default",
+ "icon": "th"
+ },
+ "Videos List": {
+ "label": "Videos List",
+ "attr": "monitor=\"videos_table\"",
+ "class": "default",
+ "icon": "film"
+ },
+ "Monitor Settings": {
+ "label": "Monitor Settings",
+ "attr": "monitor=\"edit\"",
+ "class": "default",
+ "icon": "wrench"
+ },
+ "Fullscreen": {
+ "label": "Fullscreen",
+ "attr": "monitor=\"fullscreen\"",
+ "class": "default",
+ "icon": "arrows-alt"
+ },
+ "Close": {
+ "label": "Close",
+ "attr": "monitor=\"watch_off\"",
+ "class": "danger",
+ "icon": "times"
+ }
+ }
+ if(!$.ccio.permissionCheck('video_view',d.mid)){
+ delete(buttons["Videos List"])
+ delete(buttons["Time-lapse"])
+ delete(buttons["Power Viewer"])
+ delete(buttons["Calendar"])
+ }
+ if(!$.ccio.permissionCheck('monitor_edit',d.mid)){
+ delete(buttons["Monitor Settings"])
+ }
+ $.each(buttons,function(n,v){
+ tmp+=''
+ })
+ tmp+='
';//end of btn list
+ tmp+='';
+ tmp+='
';//.mdl-data_window
+ tmp+='';
+ tmp+='';
+ tmp+='';
+ tmp+='
';
+ tmp+=''+d.ke+' : '+d.mid+'
'
+ tmp+=''+d.log.type+' '
+ tmp+=''
+ tmp+=''
+ tmp+=''
+ tmp+=''+d.ke+' : '+d.id+'
'
+ tmp+=''+d.note.type+' '
+ tmp+=''
+ tmp+=''
+ tmp+=''
+ tmp+=''+d.mail+' : '+d.uid+'
Logged in ';
+ tmp+=''
+ tmp+='
'
+ break;
+ case'filters-where':
+ if(!d)d={};
+ d.id=$('#filters_where .row').length;
+ if(!d.p1){d.p1='mid'}
+ if(!d.p2){d.p2='='}
+ if(!d.p3){d.p3=''}
+ tmp+=''
+ tmp+=' '
+ tmp+='
'
+ tmp+=' '
+ tmp+=' '
+ tmp+='
'
+ tmp+=' '
+ tmp+=' '
+ tmp+='
'
+ tmp+=' '
+ tmp+=' '
+ tmp+='
'
+ tmp+='';
+ tmp+='
';
+ break;
+ case 'link-set'://Link Shinobi - 1 set
+ if(!d.host){d.host=''}
+ if(!d.ke){d.ke=''}
+ if(!d.api){d.api=''}
+ if(!d.secure){d.secure="0"}
+ tmp+='';
+ break;
+ case 'form-group'://Input Map Selector
+ var fields = []
+ if(d.fields){
+ if(d.fields instanceof Object){
+ fields = [d]
+ }else{
+ fields = d
+ }
+ }
+ $.each(fields,function(n,v){
+ var value,hidden
+ if(!v.attribute)v.attribute='';
+ if(!v.placeholder)v.placeholder='';
+ if(!v.class)v.class='';
+ if(!v.inputType)v.inputType='value';
+ if(v.hidden){hidden='style="display:none"'}else{hidden=''};
+ if(v.value){value='value=""'}else{value=''};
+ tmp+=' ';
+ tmp+=' ';
+ tmp+='
';
+ tmp+=' ';
+ tmp+=' ';
+ tmp+='
';
+ tmp+=' ';
+ tmp+=' ';
+ tmp+='
';
+ tmp+=''
+ tmp+=' '
+ tmp+='
'
+ })
+ break;
+ case 'input-map-selector'://Input Map Selector
+ if(!d.map){d.map=''}
+ tmp+=' '
+ tmp+=' '
+ tmp+='
'
+ break;
+ case 'input-map'://Input Map Options
+ var tempID = $.ccio.gid();
+ if(!d.channel){
+ var numberOfChannelsDrawn = $('#monSectionInputMaps .input-map').length
+ d.channel=numberOfChannelsDrawn+1
+ }
+ var fields = [
+// {
+// name:'',
+// class:'',
+// placeholder:'',
+// default:'',
+// attribute:'',
+// type:'text',
+// },
+ {
+ name:'type',
+ label:lang['Input Type'],
+ default:'h264',
+ attribute:'selector="h_i_'+tempID+'"',
+ type:'selector',
+ choices:[
+ {label:lang['H.264 / H.265 / H.265+'],value:'h264'},
+ {label:lang['JPEG'],value:'jpeg'},
+ {label:lang['MJPEG'],value:'mjpeg'},
+ {label:lang['HLS (.m3u8)'],value:'hls'},
+ {label:lang['MPEG-4 (.mp4 / .ts)'],value:'mp4'},
+ {label:lang['Local'],value:'local'},
+ {label:lang['Raw'],value:'raw'},
+ ]
+ },
+ {
+ name:'fulladdress',
+ label:lang['Full URL Path'],
+ placeholder:'Example : rtsp://admin:password@123.123.123.123/stream/1',
+ type:'text',
+ },
+ {
+ name:'sfps',
+ label:lang['Monitor Capture Rate'],
+ placeholder:'',
+ type:'text',
+ },
+ {
+ name:'aduration',
+ label:lang['Analyzation Duration'],
+ placeholder:'Example : 1000000',
+ type:'text',
+ },
+ {
+ name:'probesize',
+ label:lang['Probe Size'],
+ placeholder:'Example : 1000000',
+ type:'text',
+ },
+ {
+ name:'stream_loop',
+ label:lang['Loop Stream'],
+ class:'h_i_'+tempID+'_input h_i_'+tempID+'_mp4 h_i_'+tempID+'_raw',
+ hidden:true,
+ default:'0',
+ type:'selector',
+ choices:[
+ {label:'No',value:'0'},
+ {label:'Yes',value:'1'}
+ ]
+ },
+ {
+ name:'rtsp_transport',
+ label:lang['RTSP Transport'],
+ class:'h_i_'+tempID+'_input h_i_'+tempID+'_h264',
+ default:'0',
+ type:'selector',
+ choices:[
+ {label:'Auto',value:''},
+ {label:'TCP',value:'tcp'},
+ {label:'UDP',value:'udp'}
+ ]
+ },
+ {
+ name:'accelerator',
+ label:lang['Accelerator'],
+ attribute:'selector="h_accel_'+tempID+'"',
+ default:'0',
+ type:'selector',
+ choices:[
+ {label:'No',value:'0'},
+ {label:'Yes',value:'1'},
+ ]
+ },
+ {
+ name:'hwaccel',
+ label:lang['hwaccel'],
+ class:'h_accel_'+tempID+'_input h_accel_'+tempID+'_1',
+ hidden:true,
+ default:'',
+ type:'selector',
+ choices: $.ccio.HWAccelChoices
+ },
+ {
+ name:'hwaccel_vcodec',
+ label:lang['hwaccel_vcodec'],
+ class:'h_accel_'+tempID+'_input h_accel_'+tempID+'_1',
+ hidden:true,
+ default:'auto',
+ type:'selector',
+ choices:[
+ {label:lang['Auto'],value:'auto'},
+ {label:lang['h264_cuvid'],value:'h264_cuvid',group:'NVIDIA'},
+ {label:lang['hevc_cuvid'],value:'hevc_cuvid',group:'NVIDIA'},
+ {label:lang['mjpeg_cuvid'],value:'mjpeg_cuvid',group:'NVIDIA'},
+ {label:lang['mpeg4_cuvid'],value:'mpeg4_cuvid',group:'NVIDIA'},
+ {label:lang['h264_qsv'],value:'h264_qsv',group:'Quick Sync Video'},
+ {label:lang['hevc_qsv'],value:'hevc_qsv',group:'Quick Sync Video'},
+ {label:lang['mpeg2_qsv'],value:'mpeg2_qsv',group:'Quick Sync Video'},
+ {label:lang['h264_mmal'],value:'h264_mmal',group:'Raspberry Pi'},
+ {label:lang['mpeg2_mmal'],value:'mpeg2_mmal',group:'Raspberry Pi'},
+ {label:lang['mpeg4_mmal'],value:'mpeg4_mmal',group:'Raspberry Pi'},
+ ]
+ },
+ {
+ name:'hwaccel_device',
+ label:lang['hwaccel_device'],
+ class:'h_accel_'+tempID+'_input h_accel_'+tempID+'_1',
+ hidden:true,
+ placeholder:'Example : /dev/dri/video0',
+ type:'text',
+ },
+ ];
+ tmp+=''
+ tmp+='
'
+ break;
+ case 'stream-channel'://Stream Channel
+ var tempID = $.ccio.gid();
+ if(!d.channel){
+ var numberOfChannelsDrawn = $('#monSectionStreamChannels .stream-channel').length
+ d.channel=numberOfChannelsDrawn
+ }
+ tmp+=''+lang["Input"]+' '+lang["Map"]+' : '+d.channel+'' + tmp+=' ' + tmp+='
' + $.each(fields,function(n,v){ + if(!v.attribute)v.attribute=''; + if(!v.placeholder)v.placeholder=''; + if(!v.class)v.class=''; + if(v.hidden){v.hidden='style="display:none"'}else{v.hidden=''}; + tmp+=''
+ tmp+=' '
+ tmp+='
'
+ })
+ tmp+=''
+ tmp+='
'
+ break;
+ }
+ if(z && x !== 2){
+ $(z).prepend(tmp)
+ }
+ switch(x){
+ case 1:
+ z='#monitors_list .link-monitors-list[auth="'+user.auth_token+'"][ke="'+d.ke+'"]'
+ if($('.link-monitors-list[auth="'+user.auth_token+'"][ke="'+d.ke+'"]').length===0){
+ $("#monitors_list").append('')
+ var options = {
+ cellHeight: 80,
+ verticalMargin: 10,
+ };
+ //monitor="watch_off"
+ $(z).gridstack(options);
+ $(z).on('change', function(event, ui) {
+ var monitors = {}
+ $.grid.e.find(" .monitor_item").each(function(n,v){
+ var el = $(v)
+ var item = {}
+ item.ke = el.attr('ke')
+ item.mid = el.attr('mid')
+ item.x = el.attr('data-gs-x')
+ item.y = el.attr('data-gs-y')
+ item.height = el.attr('data-gs-height')
+ item.width = el.attr('data-gs-width')
+ monitors[item.ke+item.mid] = item
+ })
+ user.details.monitorOrder=monitors;
+ $.ccio.cx({f:'monitorOrder',monitorOrder:monitors},user)
+ });
+ }
+ $(z).prepend(tmp)
+ componentHandler.upgradeAllRegistered()
+ break;
+ case 0:case 4:
+ $.ccio.init('ls');
+ break;
+ case 2:
+ var x = 0;
+ var y = 0;
+ var width = $.grid.getMonitorsPerRow()
+ var height = width;
+ if(user.details && user.details.monitorOrder && user.details.monitorOrder[d.ke+d.mid]){
+ var saved = user.details.monitorOrder[d.ke+d.mid];
+ x = saved.x;
+ y = saved.y;
+ width = saved.width;
+ height = saved.height;
+ }
+ var autoPlacement = false
+ if($.ccio.op().switches.monitorOrder !== 1){
+ autoPlacement = true
+ }
+ $(z).data('gridstack').addWidget($(tmp), x, y, width, height, autoPlacement);
+ k.e=$('#monitor_live_'+d.mid+user.auth_token);
+ try{
+ if(JSON.parse(d.details).control=="1"){
+ k.e.find('[monitor="control_toggle"]').show()
+ }else{
+ k.e.find('.pad').remove();
+ k.e.find('[monitor="control_toggle"]').hide()
+ }
+ $.ccio.tm('stream-element',d,null,user)
+ }catch(re){$.ccio.log(re)}
+ k.mid=d.mid
+ k.mon=$.ccio.mon[d.ke+d.mid+user.auth_token]
+ $.ccio.init('monitorInfo',k)
+ break;
+ case'detector-filters-where':
+ $('#detector_filters_where').append(tmp);
+ $('#detector_filters_where .row [where="p4"][disabled]').prop('disabled',false)
+ $('#detector_filters_where .row:last [where="p1"]').val(d.p1)
+ $('#detector_filters_where .row:last [where="p2"]').val(d.p2)
+ $('#detector_filters_where .row:last [where="p3"]').val(d.p3)
+ $('#detector_filters_where .row:last [where="p4"]').val(d.p4).prop('disabled',true)
+ break;
+ case'filters-where':
+ $('#filters_where').append(tmp);
+ $('#filters_where .row:last [where="p1"]').val(d.p1)
+ $('#filters_where .row:last [where="p2"]').val(d.p2)
+ $('#filters_where .row:last [where="p3"]').val(d.p3)
+ break;
+ case'input-map':
+ var mapsList = $.aM.maps
+ mapsList.append(tmp)
+ mapsList.find('.input-map').last().find('[map-detail="aduration"]').change()
+ return tempID;
+ break;
+ case'stream-channel':
+ var channeList = $.aM.channels
+ channeList.append(tmp)
+ channeList.find('.stream-channel').last().find('[channel-detail="stream_vcodec"]').change()
+ return tempID;
+ break;
+ case'link-set':
+ $('[links="'+d.host+'"] [link="secure"]').val(d.secure).change()
+ break;
+ }
+ return tmp;
+}
+$.ccio.pm=function(x,d,z,user){
+ var tmp='';if(!d){d={}};
+ if(!user){
+ user=$user
+ }
+ switch(x){
+ case 0:
+ d.mon=$.ccio.mon[d.ke+d.mid+user.auth_token];
+ d.ev='.glM'+d.mid+user.auth_token+'.videos_list ul,.glM'+d.mid+user.auth_token+'.videos_monitor_list ul';d.fr=$.ccio.fr.find(d.ev),d.tmp='';
+ if(d.fr.length===0){$.ccio.fr.append(''+lang["Stream Channel"]+' '+d.channel+'' + tmp+=' ' + tmp+='
' +// tmp+=''
+// tmp+=' '
+// tmp+='
'
+ tmp+=''
+ tmp+=' '
+ tmp+=' '
+ tmp+='
'
+ tmp+=' '
+ tmp+='
'
+ tmp+=' '
+ tmp+=' '
+ tmp+=' '
+ tmp+='
'
+ tmp+=' '
+ tmp+=' '
+ tmp+='
'
+ tmp+=' '
+ tmp+='
'
+ tmp+=' '
+ tmp+=' '
+ tmp+='
'
+ tmp+=' '
+ tmp+=' '
+ tmp+='
'
+ tmp+=' '
+ tmp+=' '
+ tmp+='
'
+ tmp+=' '
+ tmp+=' '
+ tmp+=' '+d.mon.name+'
' + modalBody.html(html) + el.find('video')[0].onerror = function(){ + modalBody.find('.msg').text(lang.h265BrowserText1) + } + el.attr('mid',e.mid); + footer = el.find('.modal-footer'); + footer.find('.download_link').attr('href',e.href).attr('download',e.file); + footer.find('[monitor="download"][host="dropbox"]').attr('href',e.href); + el.modal('show') + .attr('ke',e.ke) + .attr('mid',e.mid) + .attr('auth',e.auth) + .attr('file',e.file); + if(e.status==1){ + $.get($.ccio.init('videoHrefToRead',e.href),function(d){ + if(d.ok !== true)console.log(d,new Error()) + }) + } + break; + case'delete': + e.preventDefault(); + var videoLink = e.p.find('[download]').attr('href') + var href = $(this).attr('href') + console.log('videoLink',videoLink) + console.log(href) + if(!href){ + href = $.ccio.init('location',$.users[e.auth])+e.auth+'/videos/'+e.ke+'/'+e.mid+'/'+e.file+'/delete<% if(config.useUTC === true){%>?isUTC=true<%}%>' + } + console.log(href) + $.confirm.e.modal('show'); + $.confirm.title.text(lang['Delete Video']+' : '+e.file) + e.html=lang.DeleteVideoMsg + e.html+=''; + $.confirm.body.html(e.html) + $.confirm.click({title:'Delete Video',class:'btn-danger'},function(){ + $.getJSON(href,function(d){ + $.ccio.log(d) + }) + }); + break; + case'download': + e.preventDefault(); + switch(e.e.attr('host')){ + case'dropbox': + if($.ccio.DropboxAppKey){ + Dropbox.save(e.e.attr('href'),e.e.attr('download'),{progress: function (progress) {$.ccio.log(progress)},success: function () { + $.ccio.log(lang.dropBoxSuccess); + }}); + } + break; + } + break; + } + }) + .on('change','[localStorage]',function(){ + e = {} + e.e=$(this) + e.localStorage = e.e.attr('localStorage') + e.value = e.e.val() + $.ccio.op(e.localStorage,e.value) + }) + .on('click','[system]',function(e){ + var e={}; + e.e=$(this), + e.a=e.e.attr('system');//the function + switch(e.a){ + case'switch': + e.switch=e.e.attr('switch'); + e.o=$.ccio.op().switches + if(!e.o){ + e.o={} + } + if(!e.o[e.switch]){ + e.o[e.switch]=0 + } + if(e.o[e.switch]===1){ + e.o[e.switch]=0 + }else{ + e.o[e.switch]=1 + } + $.ccio.op('switches',e.o) + switch(e.switch){ + case'monitorOrder': + if(e.o[e.switch] !== 1){ + $('.monitor_item').attr('data-gs-auto-position','yes') + }else{ + $('.monitor_item').attr('data-gs-auto-position','no') + } + break; + case'monitorMuteAudio': + $('.monitor_item video').each(function(n,el){ + if(e.o[e.switch] === 1){ + el.muted = true + }else{ + el.muted = false + } + }) + break; + } + switch(e.e.attr('type')){ + case'text': + if(e.o[e.switch]===1){ + e.e.addClass('text-success') + }else{ + e.e.removeClass('text-success') + } + break; + } + break; + case'cronStop': + $.ccio.cx({f:'cron',ff:'stop'}) + break; + case'cronRestart': + $.ccio.cx({f:'cron',ff:'restart'}) + break; + case'jpegToggle': + e.cx={f:'monitor',ff:'jpeg_on'}; + if($.ccio.op().jpeg_on===true){ + e.cx.ff='jpeg_off'; + } + $.ccio.cx(e.cx) + break; + } + }) + .on('click','[class_toggle]',function(e){ + e.e=$(this); + e.n=e.e.attr('data-target'); + e.v=e.e.attr('class_toggle'); + e.o=$.ccio.op().class_toggle; + if($(e.n).hasClass(e.v)){e.t=0}else{e.t=1} + if(!e.o)e.o={}; + e.o[e.n]=[e.v,e.t]; + $.ccio.op('class_toggle',e.o) + $(e.n).toggleClass(e.v); + }) + .on('change','[dropdown_toggle]',function(e){ + e.e=$(this); + e.n=e.e.attr('dropdown_toggle'); + e.v=e.e.val(); + e.o=$.ccio.op().dropdown_toggle; + if(!e.o)e.o={}; + e.o[e.n]=e.v; + $.ccio.op('dropdown_toggle',e.o) + }) + //monitor functions + .on('click','[monitor]',function(){ + var e={}; + e.e=$(this), + e.a=e.e.attr('monitor'),//the function + e.p=e.e.parents('[mid]'),//the parent element for monitor item + e.ke=e.p.attr('ke'),//group key + e.mid=e.p.attr('mid'),//monitor id + e.auth=e.p.attr('auth'),//authkey + e.mon=$.ccio.mon[e.ke+e.mid+e.auth];//monitor configuration + var user + if($.users[e.auth]){user=$.users[e.auth]}else{user=$user} + if(!user){ + user=$user + } + switch(e.a){ + case'show_data': + e.p.toggleClass('show_data') + var dataBlocks = e.p.find('.stream-block,.mdl-data_window') + if(e.p.hasClass('show_data')){ + dataBlocks.addClass('col-md-6').removeClass('col-md-12') + }else{ + dataBlocks.addClass('col-md-12').removeClass('col-md-6') + } + break; + case'motion': + if(!e.mon.motionDetectionRunning){ + $.ccio.init('streamMotionDetectOn',e,user) + }else{ + $.ccio.init('streamMotionDetectOff',e,user) + } + break; + case'pop': + e.fin=function(img){ + if($.ccio.mon[e.ke+e.mid+user.auth_token].popOut){ + $.ccio.mon[e.ke+e.mid+user.auth_token].popOut.close() + } + $.ccio.mon[e.ke+e.mid+user.auth_token].popOut = window.open($.ccio.init('location',user)+user.auth_token+'/embed/'+e.ke+'/'+e.mid+'/fullscreen|jquery|relative|gui','pop_'+e.mid+user.auth_token,'height='+img.height+',width='+img.width); + } + if(e.mon.watch===1){ + $.ccio.snapshot(e,function(url){ + $('#temp').html('
').find('[video="launch"]').click();
+ $(this).css('border-color', 'red');
+ }
+ });
+ setTimeout(function(){e.b.fullCalendar('changeView','month');e.b.find('.fc-scroller').css('height','auto')},500)
+ }else{
+ e.b.html('
'+lang.NoVideosFoundForDateRange+'
')
+ }
+ break;
+ case'video_grid':
+ $.vidview.e.addClass('dark')
+ var tmp = ''
+ tmp += '
'
+ })
+ tmp += ''
+ e.b.html(tmp)
+ var i = 0
+ var getThumbnail = function(){
+ var v = d.videos[i]
+ if(v){
+ tool.getVideoImage($.ccio.init('videoUrlBuild',v),0,function(err,base64){
+ if(base64){
+ $('[ke="'+v.ke+'"][mid="'+v.mid+'"][file="'+v.filename+'"] .thumb').css('background-image','url('+base64+')')
+ }
+ ++i
+ getThumbnail()
+ })
+ }
+ }
+ getThumbnail()
+ break;
+ case'videos_table':
+ var showThumbnail = $.ccio.op().showThumbnail === '1'
+ $.vidview.e.removeClass('dark')
+ e.t.attr('class','fa fa-film')
+ var tmp = ''
+ tmp += '
'
+ tmp += ''+$.ccio.timeObject(v.time).format('h:mm:ss A, MMMM Do YYYY')+'
'
+ tmp += ''
+ tmp += ''
+ html += '
'
+ e.p.append(html)
+ }
+ break;
+ case'watch':
+ if($("#monitor_live_"+e.mid+user.auth_token).length===0||$.ccio.mon[e.ke+e.mid+user.auth_token].watch!==1){
+ $.ccio.cx({f:'monitor',ff:'watch_on',id:e.mid},user)
+ }else{
+ $("#main_canvas").animate({scrollTop:$("#monitor_live_"+e.mid+user.auth_token).offset().top-($('#main_header').height()+10)},500);
+ }
+ break;
+ case'watch_off':
+ $.ccio.cx({f:'monitor',ff:'watch_off',id:e.mid},user)
+ break;
+ case'delete':
+ e.m=$('#confirm_window').modal('show');e.f=e.e.attr('file');
+ $.confirm.title.text(lang['Delete Monitor']+' : '+e.mon.name)
+ e.html=lang.DeleteMonitorText
+ e.html+=''
+ html += ''
+ html += ''
+ html += ''
+ html += ''
+ html += ''
+ html += '
'
+ html += ''
+ html += ''
+ html += '| '+n+' | '+g+' |
'
+ if(v.tag){d.tmp+=''+v.tag+''}
+ d.tmp+='
'
+ })
+ d.streamObjects.append(d.tmp)
+ break;
+ case'drawMatrices':
+ d.height=d.stream.height()
+ d.width=d.stream.width()
+ if(d.monitorDetails.detector_scale_x===''){d.monitorDetails.detector_scale_x=320}
+ if(d.monitorDetails.detector_scale_y===''){d.monitorDetails.detector_scale_y=240}
+
+ d.widthRatio=d.width/d.monitorDetails.detector_scale_x
+ d.heightRatio=d.height/d.monitorDetails.detector_scale_y
+
+ d.streamObjects.find('.stream-detected-object[name="'+d.details.name+'"]').remove()
+ d.tmp=''
+ $.each(d.details.matrices,function(n,v){
+ d.tmp+=''
+ if(v.tag){d.tmp+=''+v.tag+''}
+ d.tmp+='
'
+ })
+ d.streamObjects.append(d.tmp)
+ break;
+ case'clearTimers':
+ if(!d.mid){d.mid=d.id}
+ if($.ccio.mon[d.ke+d.mid+user.auth_token]){
+ clearTimeout($.ccio.mon[d.ke+d.mid+user.auth_token]._signal);
+ clearInterval($.ccio.mon[d.ke+d.mid+user.auth_token].hlsGarbageCollectorTimer)
+ clearTimeout($.ccio.mon[d.ke+d.mid+user.auth_token].jpegInterval);
+ clearInterval($.ccio.mon[d.ke+d.mid+user.auth_token].signal);
+ clearInterval($.ccio.mon[d.ke+d.mid+user.auth_token].m3uCheck);
+ if($.ccio.mon[d.ke+d.mid+user.auth_token].Base64 && $.ccio.mon[d.ke+d.mid+user.auth_token].Base64.connected){
+ $.ccio.mon[d.ke+d.mid+user.auth_token].Base64.disconnect()
+ }
+ if($.ccio.mon[d.ke+d.mid+user.auth_token].Poseidon){
+ $.ccio.mon[d.ke+d.mid+user.auth_token].Poseidon.stop()
+ }
+ }
+ break;
+ case'note':
+ k.o=$.ccio.op().switches
+ if(k.o&&k.o.notifyHide!==1){
+ new PNotify(d)
+ if(user.details.audio_note && user.details.audio_note !== ''){
+ var audio = new Audio('libs/audio/'+user.details.audio_note);
+ audio.play()
+ }
+ }
+ break;
+ case'monGroup':
+ $.ccio.mon_groups={};
+ $.each($.ccio.mon,function(n,v,x){
+ if(typeof v.details==='string'){
+ k.d=JSON.parse(v.details)
+ }else{
+ k.d=v.details
+ }
+ try{
+ k.groups=JSON.parse(k.d.groups)
+ $.each(k.groups,function(m,b){
+ if(!$.ccio.mon_groups[b])$.ccio.mon_groups[b]={}
+ $.ccio.mon_groups[b][v.mid]=v;
+ })
+ }catch(er){
+
+ }
+ })
+ return $.ccio.mon_groups;
+ break;
+ case'closeVideo':
+ var el = $('#monitor_live_'+d.mid+user.auth_token)
+ var video = el.find('video')
+ if(video.length === 1){
+ if(!video[0].paused){
+ video[0].onerror = function(){}
+ video[0].pause()
+ }
+ video.prop('src','');
+ video.find('source').remove();
+ video.remove();
+ }
+ break;
+ case'jpegModeStop':
+ clearTimeout($.ccio.mon[d.ke+d.mid+user.auth_token].jpegInterval);
+ delete($.ccio.mon[d.ke+d.mid+user.auth_token].jpegInterval);
+ $('#monitor_live_'+d.mid+user.auth_token+' .stream-element').unbind('load')
+ break;
+ case'jpegMode':
+ if(d.watch===1){
+ k=JSON.parse(d.details);
+ k.jpegInterval=parseFloat(k.jpegInterval);
+ if(!k.jpegInterval||k.jpegInterval===''||isNaN(k.jpegInterval)){k.jpegInterval=1}
+ $.ccio.tm('stream-element',$.ccio.mon[d.ke+d.mid+user.auth_token]);
+ k.e=$('#monitor_live_'+d.mid+user.auth_token+' .stream-element');
+ $.ccio.init('jpegModeStop',d,user);
+ k.run=function(){
+ k.e.attr('src',$.ccio.init('location',user)+user.auth_token+'/jpeg/'+d.ke+'/'+d.mid+'/s.jpg?time='+(new Date()).getTime())
+ }
+ k.e.load(function(){
+ $.ccio.mon[d.ke+d.mid+user.auth_token].jpegInterval=setTimeout(k.run,1000/k.jpegInterval);
+ }).error(function(){
+ $.ccio.mon[d.ke+d.mid+user.auth_token].jpegInterval=setTimeout(k.run,1000/k.jpegInterval);
+ })
+ k.run()
+ };
+ break;
+ case'jpegModeAll':
+ $.each($.ccio.mon,function(n,v){
+ $.ccio.init('jpegMode',v,user)
+ });
+ break;
+ case'getLocation':
+ var l = document.createElement("a");
+ l.href = d;
+ return l;
+ break;
+ case 'ls'://livestamp all
+ g={e:jQuery('.livestamp')};
+ g.e.each(function(){g.v=jQuery(this),g.t=g.v.attr('title');if(!g.t){return};g.v.toggleClass('livestamp livestamped').attr('title',$.ccio.init('t',g.t,user)).livestamp(g.t);})
+ return g.e
+ break;
+ case't'://format time
+ if(!d){d=new Date();}
+ return $.ccio.timeObject(d).format('YYYY-MM-DD HH:mm:ss')
+ break;
+ case'th'://format time hy
+ if(!d){d=new Date();}
+ return $.ccio.timeObject(d).format('YYYY-MM-DDTHH:mm:ss')
+ break;
+ case'tf'://time to filename
+ if(!d){d=new Date();}
+ return $.ccio.timeObject(d).format('YYYY-MM-DDTHH-mm-ss')
+ break;
+ case'fn'://row to filename
+ return $.ccio.init('tf',d.time,user)+'.'+d.ext
+ break;
+ case'filters':
+ k.tmp='';
+ $.each(user.details.filters,function(n,v){
+ k.tmp+=''
+ });
+ $('#saved_filters').html(k.tmp)
+ break;
+ case'id':
+ $('.usermail').html(d.mail)
+ try{k.d=JSON.parse(d.details);}catch(er){k.d=d.details;}
+ try{user.mon_groups=JSON.parse(k.d.mon_groups);}catch(er){}
+ if(!user.mon_groups)user.mon_groups={};
+ $.sM.reDrawMonGroups()
+ $.each(user,function(n,v){$.sM.e.find('[name="'+n+'"]').val(v).change()})
+ $.each(k.d,function(n,v){$.sM.e.find('[detail="'+n+'"]').val(v).change()})
+ $.gR.drawList();
+ $.ccio.pm('link-set',k.d.links,null,user)
+ break;
+ case'jsontoblock'://draw json as block
+ if(d instanceof Object){
+ $.each(d,function(n,v){
+ k.tmp+='';
+ k.tmp+=''+n+' : '+$.ccio.init('jsontoblock',v,user);
+ k.tmp+='
';
+ })
+ }else{
+ k.tmp+='';
+ k.tmp+=d;
+ k.tmp+='';
+ }
+ break;
+ case'url':
+ var porty
+ if(d.port && d.port !== ''){
+ porty = ':' + d.port
+ }else{
+ porty = ''
+ }
+ d.url = d.protocol + '://' + d.host + porty
+ return d.url
+ break;
+ case'data-video':
+ if(!d){
+ $('[data-mid]').each(function(n,v){
+ v=$(v);v.attr('mid',v.attr('data-mid'))
+ });
+ $('[data-ke]').each(function(n,v){
+ v=$(v);v.attr('ke',v.attr('data-ke'))
+ });
+ $('[data-file]').each(function(n,v){
+ v=$(v);v.attr('file',v.attr('data-file'))
+ });
+ $('[data-status]').each(function(n,v){
+ v=$(v);v.attr('status',v.attr('data-status'))
+ });
+ $('[data-auth]').each(function(n,v){
+ v=$(v);v.attr('auth',v.attr('data-auth'))
+ });
+ }else{
+ $('[data-ke="'+d.ke+'"][data-mid="'+d.mid+'"][data-file="'+d.filename+'"][auth="'+user.auth_token+'"]').attr('mid',d.mid).attr('ke',d.ke).attr('status',d.status).attr('file',d.filename).attr('auth',user.auth_token);
+ }
+ break;
+ case'signal':
+ d.mon=$.ccio.mon[d.ke+d.id+user.auth_token];d.e=$('#monitor_live_'+d.id+user.auth_token+' .signal').addClass('btn-success').removeClass('btn-danger');d.signal=parseFloat(JSON.parse(d.mon.details).signal_check);
+ if(!d.signal||d.signal==NaN){d.signal=10;};d.signal=d.signal*1000*60;
+ clearTimeout($.ccio.mon[d.ke+d.id+user.auth_token]._signal);$.ccio.mon[d.ke+d.id+user.auth_token]._signal=setTimeout(function(){d.e.addClass('btn-danger').removeClass('btn-success');},d.signal)
+ break;
+ case'signal-check':
+ try{
+ d.mon=$.ccio.mon[d.ke+d.id+user.auth_token];d.p=$('#monitor_live_'+d.id+user.auth_token);
+ try{d.d=JSON.parse(d.mon.details)}catch(er){d.d=d.mon.details;}
+ d.check={c:0};
+ d.fn=function(){
+ if(!d.speed){d.speed=1000}
+ switch(d.d.stream_type){
+ case'b64':case'h265':
+ d.p.resize()
+ break;
+ case'hls':case'flv':case'mp4':
+ if(d.p.find('video')[0].paused){
+ if(d.d.signal_check_log==1){
+ d.log={type:'Stream Check',msg:lang.clientStreamFailedattemptingReconnect}
+ $.ccio.tm(4,d,'#logs,.monitor_item[mid="'+d.id+'"][ke="'+d.ke+'"][auth="'+user.auth_token+'"] .logs')
+ }
+ $.ccio.cx({f:'monitor',ff:'watch_on',id:d.id},user);
+ }else{
+ if(d.d.signal_check_log==1){
+ d.log={type:'Stream Check',msg:'Success'}
+ $.ccio.tm(4,d,'#logs,.monitor_item[mid="'+d.id+'"][ke="'+d.ke+'"][auth="'+user.auth_token+'"] .logs')
+ }
+ $.ccio.init('signal',d,user);
+ }
+ break;
+ default:
+ if($.ccio.op().jpeg_on===true){return}
+ $.ccio.snapshot(d,function(url){
+ d.check.f=url;
+ setTimeout(function(){
+ $.ccio.snapshot(d,function(url){
+ if(d.check.f===url){
+ if(d.check.c<3){
+ ++d.check.c;
+ setTimeout(function(){
+ d.fn();
+ },d.speed)
+ }else{
+ if(d.d.signal_check_log==1){
+ d.log={type:'Stream Check',msg:'Client side ctream check failed, attempting reconnect.'}
+ $.ccio.tm(4,d,'#logs,.monitor_item[mid="'+d.id+'"][ke="'+d.ke+'"][auth="'+user.auth_token+'"] .logs')
+ }
+ delete(d.check)
+ $.ccio.cx({f:'monitor',ff:'watch_on',id:d.id},user);
+ }
+ }else{
+ if(d.d.signal_check_log==1){
+ d.log={type:'Stream Check',msg:'Success'}
+ $.ccio.tm(4,d,'#logs,.monitor_item[mid="'+d.id+'"][ke="'+d.ke+'"][auth="'+user.auth_token+'"] .logs')
+ }
+ delete(d.check)
+ $.ccio.init('signal',d,user);
+ }
+ });
+ },d.speed)
+ });
+ break;
+ }
+ }
+ d.fn();
+ }catch(er){
+ er=er.stack;
+ d.in=function(x){return er.indexOf(x)>-1}
+ switch(true){
+ case d.in("The HTMLImageElement provided is in the 'broken' state."):
+ delete(d.check)
+ $.ccio.cx({f:'monitor',ff:'watch_on',id:d.id},user);
+ break;
+ default:
+ $.ccio.log('signal-check',er)
+ break;
+ }
+ clearInterval($.ccio.mon[d.ke+d.id+user.auth_token].signal);delete($.ccio.mon[d.ke+d.id+user.auth_token].signal);
+ }
+ break;
+ }
+ return k.tmp;
+}
diff --git a/web/libs/js/dash2.logviewer.js b/web/libs/js/dash2.logviewer.js
new file mode 100644
index 00000000..40ec0eb7
--- /dev/null
+++ b/web/libs/js/dash2.logviewer.js
@@ -0,0 +1,66 @@
+$(document).ready(function(e){
+//log viewer
+$.log = {
+ e : $('#logs_modal'),
+ lm : $('#log_monitors'),
+ dateRange : $('#logs_daterange'),
+ loaded : {}
+}
+$.log.dateRange.daterangepicker({
+ startDate:$.ccio.timeObject().subtract(moment.duration("5:00:00")),
+ endDate:$.ccio.timeObject().add(moment.duration("24:00:00")),
+ timePicker: true,
+ timePicker24Hour: true,
+ timePickerSeconds: true,
+ timePickerIncrement: 30,
+ locale: {
+ format: 'MM/DD/YYYY h:mm A'
+ }
+},function(start, end, label){
+ //change daterange
+ $.log.lm.change()
+});
+$.log.table = $.log.e.find('table')
+$.log.e.on('shown.bs.modal', function () {
+ $.log.lm.find('option:not(.hard)').remove()
+ $.each($.ccio.mon,function(n,v){
+ v.id = v.mid
+ $.ccio.tm('option',v,'#log_monitors')
+ })
+ $.log.lm.change()
+})
+$.log.lm.change(function(){
+ e = {}
+ e.v = $(this).val();
+ e.urlSelector = e.v+'';
+ if(e.v === 'all'){
+ e.urlSelector = ''
+ }
+ e.dateRange = $.log.dateRange.data('daterangepicker');
+ $.log.loaded.startDate = e.dateRange.startDate
+ $.log.loaded.endDate = e.dateRange.endDate
+ var url = $.ccio.init('location',$user)+$user.auth_token+'/logs/'+$user.ke+'/'+e.urlSelector+'?start='+$.ccio.init('th',$.log.loaded.startDate)+'&end='+$.ccio.init('th',$.log.loaded.endDate)
+ $.get(url,function(d){
+ $.log.loaded.url = url
+ $.log.loaded.query = e.v
+ $.log.loaded.rows = d
+ e.tmp='';
+ if(d.length === 0){
+ e.tmp = '')); + $.ccio.init('note',{title:'Configuration Invalid',text:e.er.join('
'),type:'error'}); + return; + } + $.post($.ccio.init('location',$user)+$user.auth_token+'/configureMonitor/'+$user.ke+'/'+e.s.mid,{data:JSON.stringify(e.s)},function(d){ + $.ccio.log(d) + }) + // + if($('#copy_settings').val() === '1'){ + e.s.details = JSON.parse(e.s.details); + var copyMonitors = $.aM.monitorsForCopy.val(); + var chosenSections = []; + var chosenMonitors = {}; + + if(!copyMonitors||copyMonitors.length===0){ + $.ccio.init('note',{title:lang['No Monitors Selected'],text:lang.monSavedButNotCopied}) + return + } + + $.aM.e.find('[copy]').each(function(n,v){ + var el = $(v) + if(el.val() === '1'){ + chosenSections.push(el.attr('copy')) + } + }) + var alterSettings = function(settingsToAlter,monitor){ + monitor.details = JSON.parse(monitor.details); + $.aM.e.find(settingsToAlter).find('input,select,textarea').each(function(n,v){ + var el = $(v); + var name = el.attr('name') + var detail = el.attr('detail') + var value + switch(true){ + case !!name: + var value = e.s[name] + monitor[name] = value; + break; + case !!detail: + detail = detail.replace('"','') + var value = e.s.details[detail] + monitor.details[detail] = value; + break; + } + }) + monitor.details = JSON.stringify(monitor.details); + return monitor; + } + $.each(copyMonitors,function(n,id){ + var monitor + if(id === '$New'){ + monitor = $.aM.generateDefaultMonitorSettings(); + //connection + monitor.name = e.s.name+' - '+monitor.mid + monitor.type = e.s.type + monitor.protocol = e.s.protocol + monitor.host = e.s.host + monitor.port = e.s.port + monitor.path = e.s.path + monitor.details.fatal_max = e.s.details.fatal_max + monitor.details.port_force = e.s.details.port_force + monitor.details.muser = e.s.details.muser + monitor.details.password = e.s.details.password + monitor.details.rtsp_transport = e.s.details.rtsp_transport + monitor.details.auto_host = e.s.details.auto_host + monitor.details.auto_host_enable = e.s.details.auto_host_enable + //input + monitor.details.aduration = e.s.details.aduration + monitor.details.probesize = e.s.details.probesize + monitor.details.stream_loop = e.s.details.stream_loop + monitor.details.sfps = e.s.details.sfps + monitor.details.accelerator = e.s.details.accelerator + monitor.details.hwaccel = e.s.details.hwaccel + monitor.details.hwaccel_vcodec = e.s.details.hwaccel_vcodec + monitor.details.hwaccel_device = e.s.details.hwaccel_device + }else{ + monitor = Object.assign({},$.ccio.init('cleanMon',$.ccio.mon[$user.ke+id+$user.auth_token])); + } + $.each(chosenSections,function(n,section){ + monitor = alterSettings(section,monitor) + }) + console.log(monitor) + $.post($.ccio.init('location',$user)+$user.auth_token+'/configureMonitor/'+$user.ke+'/'+monitor.mid,{data:JSON.stringify(monitor)},function(d){ + $.ccio.log(d) + }) + chosenMonitors[monitor.mid] = monitor; + }) + console.log(chosenMonitors) + } + + $.aM.e.modal('hide') + return false; +}); +////////////////// +//Input Map (Feed) +$.aM.mapPlacementInit = function(){ + $('.input-map').each(function(n,v){ + var _this = $(this) + _this.find('.place').text(n+1) + }) +} +$.aM.mapSave = function(){ + var e={}; + var mapContainers = $('[input-mapping]'); + var stringForSave={} + mapContainers.each(function(q,t){ + var mapRowElement = $(t).find('.map-row'); + var mapRow = [] + mapRowElement.each(function(n,v){ + var map={} + $.each($(v).find('[map-input]'),function(m,b){ + map[$(b).attr('map-input')]=$(b).val() + }); + mapRow.push(map) + }); + stringForSave[$(t).attr('input-mapping')] = mapRow; + }); + $.aM.e.find('[detail="input_map_choices"]').val(JSON.stringify(stringForSave)).change(); +} +$.aM.maps.on('click','.delete',function(){ + $(this).parents('.input-map').remove() + var inputs = $('[map-detail]') + var mapContainers = $('[input-mapping]'); + if(inputs.length===0){ + $.aM.e.find('[detail="input_maps"]').val('[]').change() + mapContainers.hide(); + }else{ + inputs.first().change() + mapContainers.show(); + } + $.aM.mapPlacementInit() +}) +$.aM.e.on('change','[map-detail]',function(){ + var e={}; + e.e=$.aM.maps.find('.input-map') + e.s=[] + e.e.each(function(n,v){ + var map={} + $.each($(v).find('[map-detail]'),function(m,b){ + map[$(b).attr('map-detail')]=$(b).val() + }); + e.s.push(map) + }); + $.aM.e.find('[detail="input_maps"]').val(JSON.stringify(e.s)).change() +}) +$.aM.e.on('click','[input-mapping] .add_map_row',function(){ + $.ccio.tm('input-map-selector',{},$(this).parents('[input-mapping]').find('.choices')) + $.aM.mapSave() +}) +$.aM.e.on('click','[input-mapping] .delete_map_row',function(){ + $(this).parents('.map-row').remove() + $.aM.mapSave() +}) +$.aM.e.on('change','[map-input]',function(){ + $.aM.mapSave() +}) +////////////////// +//Stream Channels +$.aM.channelSave = function(){ + var e={}; + e.e=$.aM.channels.find('.stream-channel') + e.s=[] + e.e.each(function(n,v){ + var channel={} + $.each($(v).find('[channel-detail]'),function(m,b){ + channel[$(b).attr('channel-detail')]=$(b).val() + }); + e.s.push(channel) + }); + $.aM.e.find('[detail="stream_channels"]').val(JSON.stringify(e.s)).change() +} +$.aM.channelPlacementInit = function(){ + $('.stream-channel').each(function(n,v){ + var _this = $(this) + _this.attr('stream-channel',n) + _this.find('.place').text(n) + _this.find('[input-mapping]').attr('input-mapping','stream_channel-'+n) + $.aM.mapSave() + }) +} +$.aM.buildMonitorURL = function(){ + var e={}; + e.user=$.aM.e.find('[detail="muser"]').val(); + e.pass=$.aM.e.find('[detail="mpass"]').val(); + e.host=$.aM.e.find('[name="host"]').val(); + e.protocol=$.aM.e.find('[name="protocol"]').val(); + e.port=$.aM.e.find('[name="port"]').val(); + e.path=$.aM.e.find('[name="path"]').val(); + if($.aM.e.find('[name="type"]').val()==='local'){ + e.url=e.path; + }else{ + if(e.host.indexOf('@')===-1&&e.user!==''){ + e.host=e.user+':'+e.pass+'@'+e.host; + } + e.url=$.ccio.init('url',e)+e.path; + } + return e.url +} +$.aM.channels.on('click','.delete',function(){ + $(this).parents('.stream-channel').remove() + $.aM.channelSave() + $.aM.channelPlacementInit() +}) +$.aM.e.on('change','[channel-detail]',function(){ + $.aM.channelSave() +}) +////////////////// +$.aM.e.on('change','[groups]',function(){ + var e={}; + e.e=$.aM.e.find('[groups]:checked'); + e.s=[]; + e.e.each(function(n,v){ + e.s.push($(v).val()) + }); + $.aM.e.find('[detail="groups"]').val(JSON.stringify(e.s)).change() +}) +$.aM.e.on('change','.detector_cascade_selection',function(){ + var e={}; + e.e=$.aM.e.find('.detector_cascade_selection:checked'); + e.s={}; + e.e.each(function(n,v){ + e.s[$(v).val()]={} + }); + $.aM.e.find('[detail="detector_cascades"]').val(JSON.stringify(e.s)).change() +}) +//$.aM.e.on('change','.detector_cascade_selection',function(){ +// var e={}; +// e.details=$.aM.e.find('[name="details"]') +// try{ +// e.detailsVal=JSON.parse(e.details.val()) +// }catch(err){ +// e.detailsVal={} +// } +// e.detailsVal.detector_cascades=[]; +// e.e=$.aM.e.find('.detector_cascade_selection:checked'); +// e.e.each(function(n,v){ +// e.detailsVal.detector_cascades.push($(v).val()) +// }); +// e.details.val(JSON.stringify(e.detailsVal)) +//}) +$.aM.e.find('.probe_config').click(function(){ + $.pB.e.find('[name="url"]').val($.aM.buildMonitorURL()); + $.pB.f.submit(); + $.pB.e.modal('show'); +}) +$.aM.e.find('.import_config').click(function(e){ + var e={};e.e=$(this);e.mid=e.e.parents('[mid]').attr('mid'); + $.confirm.e.modal('show'); + $.confirm.title.text(lang['Import Monitor Configuration']) + e.html=lang.ImportMonitorConfigurationText+'
';
+ $.confirm.body.html(e.html)
+ $.confirm.e.find('.upload').change(function(e){
+ var files = e.target.files; // FileList object
+ f = files[0];
+ var reader = new FileReader();
+ reader.onload = function(ee) {
+ $.confirm.e.find('textarea').val(ee.target.result);
+ }
+ reader.readAsText(f);
+ });
+ $.confirm.click({title:'Import',class:'btn-primary'},function(){
+ try{
+ e.values=JSON.parse($.confirm.e.find('textarea').val());
+ $.aM.import(e)
+ $.aM.e.modal('show')
+ }catch(err){
+ $.ccio.log(err)
+ $.ccio.init('note',{title:lang['Invalid JSON'],text:lang.InvalidJSONText,type:'error'})
+ }
+ });
+});
+$.aM.e.find('.save_config').click(function(e){
+ var e={};e.e=$(this);e.mid=e.e.parents('[mid]').attr('mid');e.s=$.aM.f.serializeObject();
+ if(!e.mid||e.mid===''){
+ e.mid='NewMonitor'
+ }
+ e.dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(e.s));
+ $('#temp').html('')
+ .find('a')
+ .attr('href',e.dataStr)
+ .attr('download','Shinobi_'+e.mid+'_config.json')
+ [0].click()
+});
+$.aM.e.find('.add_map').click(function(e){
+ $('[input-mapping]').show()
+ $.ccio.tm('input-map')
+});
+$.aM.e.find('.add_channel').click(function(e){
+ $.ccio.tm('stream-channel')
+});
+$.aM.f.find('[detail="stream_type"]').change(function(e){
+ e.e=$(this);
+ if(e.e.val()==='jpeg'){$.aM.f.find('[detail="snap"]').val('1').change()}
+})
+$.aM.f.find('[name="type"]').change(function(e){
+ e.e=$(this);
+ if(e.e.val()==='h264'){$.aM.f.find('[name="protocol"]').val('rtsp').change()}
+})
+$.aM.md=$.aM.f.find('[detail]');
+$.aM.md.change($.ccio.form.details)
+$.aM.f.on('change','[selector]',function(){
+ e={e:$(this)}
+ e.v=e.e.val();
+ e.a=e.e.attr('selector')
+ e.triggerChange=e.e.attr('triggerchange')
+ e.triggerChangeIgnore=e.e.attr('triggerChangeIgnore')
+ $.aM.f.find('.'+e.a+'_input').hide()
+ $.aM.f.find('.'+e.a+'_'+e.v).show();
+ $.aM.f.find('.'+e.a+'_text').text($(this).find('option:selected').text())
+ if(e.triggerChange && e.triggerChange !== '' && !e.triggerChangeIgnore || (e.triggerChangeIgnore && e.triggerChangeIgnore.split(',').indexOf(e.v) === -1)){
+ console.log(e.triggerChange)
+ $(e.triggerChange).trigger('change')
+ }
+ $.aM.drawList()
+});
+$.aM.f.find('[name="type"]').change(function(e){
+ e.e=$(this);
+ e.v=e.e.val();
+ e.h=$.aM.f.find('[name="path"]');
+ e.p=e.e.parents('.form-group');
+ switch(e.v){
+ case'local':case'socket':
+ e.h.attr('placeholder','/dev/video0')
+ break;
+ default:
+ e.h.attr('placeholder','/videostream.cgi?1')
+ break;
+ }
+});
+})
diff --git a/web/libs/js/dash2.multimon.js b/web/libs/js/dash2.multimon.js
new file mode 100644
index 00000000..669d4fab
--- /dev/null
+++ b/web/libs/js/dash2.multimon.js
@@ -0,0 +1,192 @@
+$(document).ready(function(e){
+//multi monitor manager
+$.multimon={e:$('#multi_mon')};
+$.multimon.table=$.multimon.e.find('.tableData tbody');
+$.multimon.f=$.multimon.e.find('form');
+$.multimon.f.on('change','#multimon_select_all',function(e){
+ e.e=$(this);
+ e.p=e.e.prop('checked')
+ e.a=$.multimon.f.find('input[type=checkbox][name]')
+ if(e.p===true){
+ e.a.prop('checked',true)
+ }else{
+ e.a.prop('checked',false)
+ }
+})
+$.multimon.e.find('.import_config').click(function(){
+ var e={};e.e=$(this);e.mid=e.e.parents('[mid]').attr('mid');
+ $.confirm.e.modal('show');
+ $.confirm.title.text(lang['Import Monitor Configuration'])
+ e.html=lang.ImportMultiMonitorConfigurationText+'
';
+ $.confirm.body.html(e.html)
+ $.confirm.e.find('.upload').change(function(e){
+ var files = e.target.files; // FileList object
+ f = files[0];
+ var reader = new FileReader();
+ reader.onload = function(ee) {
+ $.confirm.e.find('textarea').val(ee.target.result);
+ }
+ reader.readAsText(f);
+ });
+ $.confirm.click({title:'Import',class:'btn-primary'},function(){
+// setTimeout(function(){
+// $.confirm.e.modal('show');
+// },1000)
+// $.confirm.title.text(lang['Are you sure?'])
+// $.confirm.body.html(lang.ImportMultiMonitorConfigurationText)
+// $.confirm.click({title:'Save Set',class:'btn-danger'},function(){
+ try{
+ var postMonitor = function(v){
+ $.post($.ccio.init('location',$user)+$user.auth_token+'/configureMonitor/'+$user.ke+'/'+v.mid,{data:JSON.stringify(v,null,3)},function(d){
+ $.ccio.log(d)
+ })
+ }
+ var parseZmMonitor = function(Monitor){
+ console.log(Monitor)
+ var newMon = $.aM.generateDefaultMonitorSettings()
+ newMon.details = JSON.parse(newMon.details)
+ newMon.details.stream_type = 'jpeg'
+ switch(Monitor.Type.toLowerCase()){
+ case'ffmpeg':case'libvlc':
+ newMon.details.auto_host_enable = '1'
+ newMon.details.auto_host = Monitor.Path
+ if(newMon.auto_host.indexOf('rtsp://') > -1 || newMon.auto_host.indexOf('rtmp://') > -1 || newMon.auto_host.indexOf('rtmps://') > -1){
+ newMon.type = 'h264'
+ }else{
+ $.ccio.init('note',{title:lang['Please Check Your Settings'],text:lang.migrateText1,type:'error'})
+ }
+ break;
+ case'local':
+ newMon.details.auto_host = Monitor.Device
+ break;
+ case'remote':
+
+ break;
+ }
+ newMon.details = JSON.stringify(newMon.details)
+ console.log(newMon)
+ return newMon
+ }
+ parsedData=JSON.parse($.confirm.e.find('textarea').val());
+ //zoneminder one monitor
+ if(parsedData.monitor){
+ $.aM.import({
+ values : parseZmMonitor(parsedData.monitor.Monitor)
+ })
+ $.aM.e.modal('show')
+ }else
+ //zoneminder multiple monitors
+ if(parsedData.monitors){
+ $.each(parsedData.monitors,function(n,v){
+ $.aM.import({
+ values : parseZmMonitor(parsedData.Monitor)
+ })
+ parseZmMonitor(v.Monitor)
+ })
+ }else
+ //shinobi one monitor
+ if(parsedData.mid){
+ postMonitor(parsedData)
+ }else
+ //shinobi multiple monitors
+ if(parsedData[0] && parsedData[0].mid){
+ $.each(parsedData,function(n,v){
+ postMonitor(v)
+ })
+ }
+ }catch(err){
+ $.ccio.log(err)
+ $.ccio.init('note',{title:lang['Invalid JSON'],text:lang.InvalidJSONText,type:'error'})
+ }
+// });
+ });
+})
+$.multimon.getSelectedMonitors = function(unclean){
+ var arr=[];
+ if(unclean === true){
+ var monitors = $.ccio.mon
+ }else{
+ var monitors = $.ccio.init('cleanMons','object')
+ }
+ $.each($.multimon.f.serializeObject(),function(n,v){
+ arr.push(monitors[n])
+ })
+ return arr;
+}
+$.multimon.e.find('.delete').click(function(){
+ var arr=$.multimon.getSelectedMonitors(true);
+ if(arr.length===0){
+ $.ccio.init('note',{title:'No Monitors Selected',text:'Select atleast one monitor to delete.',type:'error'});
+ return
+ }
+ $.confirm.e.modal('show');
+ $.confirm.title.text(lang['Delete']+' '+lang['Monitors'])
+ e.html='
'+lang.DeleteMonitorsText+'
'; + $.confirm.body.html(e.html) + $.confirm.click([ + { + title:'Delete Monitors', + class:'btn-danger', + callback:function(){ + $.each(arr,function(n,v){ + $.get($.ccio.init('location',$user)+v.user.auth_token+'/configureMonitor/'+v.ke+'/'+v.mid+'/delete',function(data){ + console.log(data) + }) + }) + } + }, + { + title:'Delete Monitors and Files', + class:'btn-danger', + callback:function(){ + $.each(arr,function(n,v){ + $.get($.ccio.init('location',$user)+v.user.auth_token+'/configureMonitor/'+v.ke+'/'+v.mid+'/delete?deleteFiles=true',function(data){ + console.log(data) + }) + }) + } + } + ]); +}) +//$.multimon.e.find('.edit_all').click(function(){ +// var arr=$.multimon.getSelectedMonitors(); +// var arrObject={} +// if(arr.length===0){ +// $.ccio.init('note',{title:'No Monitors Selected',text:'Select atleast one monitor to delete.',type:'error'}); +// return +// } +// $.multimonedit.selectedList = arr; +// $.multimonedit.e.modal('show') +//}) +$.multimon.e.find('.save_config').click(function(){ + var e={};e.e=$(this); + var arr=$.multimon.getSelectedMonitors(); + if(arr.length===0){ + $.ccio.init('note',{title:'No Monitors Selected',text:'Select atleast one monitor to delete.',type:'error'}); + return + } + e.dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(arr)); + $('#temp').html('') + .find('a') + .attr('href',e.dataStr) + .attr('download','Shinobi_Monitors_'+(new Date())+'.json') + [0].click() +}) +$.multimon.e.on('shown.bs.modal',function() { + var tmp='' + $.each($.ccio.mon,function(n,v){ + var streamURL = $.ccio.init('streamURL',v) + if(streamURL!=='Websocket'&&v.mode!==('idle'&&'stop')){ + streamURL=''+streamURL+'' + } + var img = $('#left_menu [mid="'+v.mid+'"][auth="'+v.user.auth_token+'"] [monitor="watch"]').attr('src') + tmp+=''+v.mid+'
'+lang['No Events found for this video']+'
')
+ }
+ $.pwrvid.video={filename:e.filename,href:e.href,mid:e.mon.mid,ke:e.mon.ke}
+ $.pwrvid.vpOnPlayPause=function(x,e){
+ var e={}
+ e.video=$.pwrvid.vp.find('video')[0]
+ e.i=$.pwrvid.vp.find('[preview="play"]').find('i')
+ if(e.video.paused===true){
+ e.i.removeClass('fa-pause').addClass('fa-play')
+ if(x==1)e.video.play();
+ }else{
+ e.i.removeClass('fa-play').addClass('fa-pause')
+ if(x==1)e.video.pause();
+ }
+ }
+ var videoElement=$.pwrvid.vp.find('video')[0]
+ $.pwrvid.vp.find('video')
+ .off('loadeddata').on('loadeddata', function() {
+ this.playbackRate = $.pwrvid.playRate;
+ this.play()
+ })
+ .off("pause").on("pause",$.pwrvid.vpOnPlayPause)
+ .off("play").on("play",$.pwrvid.vpOnPlayPause)
+ .off("timeupdate").on("timeupdate",function(){
+ var video = $.pwrvid.currentDataObject[e.filename];
+ var videoTime=$.ccio.timeObject(video.row.time).add(parseInt(videoElement.currentTime),'seconds').format('MM/DD/YYYY HH:mm:ss');
+ var event = eventsLabeledByTime[videoTime];
+ if(event){
+ if(event.details.plates){
+ console.log('licensePlateVideo',event)
+ }
+ if(event.details.matrices){
+ event.monitorDetails=JSON.parse(e.mon.details)
+ event.stream=$(videoElement)
+ event.streamObjects=$.pwrvid.vp.find('.stream-objects')
+ $.ccio.init('drawMatrices',event)
+ }
+ if(event.details.confidence){
+ $.pwrvid.vp.find('.motion-meter .progress-bar').css('width',event.details.confidence+'px').find('span').text(event.details.confidence)
+ }
+ }
+ var value= (( videoElement.currentTime / videoElement.duration ) * 100)+"%"
+ $.pwrvid.seekBarProgress.css("width",value);
+ })
+ $.pwrvid.seekBar.off("click").on("click", function(seek){
+ var offset = $(this).offset();
+ var left = (seek.pageX - offset.left);
+ var totalWidth = $.pwrvid.seekBar.width();
+ var percentage = ( left / totalWidth );
+ var vidTime = videoElement.duration * percentage;
+ videoElement.currentTime = vidTime;
+ });
+ break;
+ }
+})
+$.pwrvid.drawTimeline=function(getData){
+ var e={};
+ $.pwrvid.e.find('.nodata').hide()
+ if(getData===undefined){getData=true}
+ var mid=$.pwrvid.m.val();
+ $.pwrvid.e.find('.loading').show()
+ e.live_header=$.pwrvid.lv.find('h3 span');
+ e.live=$.pwrvid.lv.find('iframe');
+ e.dateRange=$.pwrvid.dr.data('daterangepicker');
+ e.videoLimit = $('#pvideo_video_limit').val();
+ e.eventLimit = $('#pvideo_event_limit').val();
+ if(e.eventLimit===''||isNaN(e.eventLimit)){e.eventLimit=500}
+ if(e.videoLimit===''||isNaN(e.videoLimit)){e.videoLimit=0}
+
+ var getTheData = function(){
+ e.live_header.text($.ccio.mon[$user.ke+mid+$user.auth_token].name)
+ e.live.attr('src',$.ccio.init('location',$user)+$user.auth_token+'/embed/'+$user.ke+'/'+mid+'/fullscreen|jquery|relative|gui')
+
+ var pulseLoading = function(){
+ var loading = $.pwrvid.e.find('.loading')
+ var currentColor = loading.css('color')
+ loading.animate('color','red')
+ setTimeout(function(){
+ loading.css('color',currentColor)
+ },500)
+ }
+ if(getData===true){
+ $.ccio.cx({
+ f:'monitor',
+ ff:'get',
+ fff:'videos&events',
+ videoLimit:e.videoLimit,
+ eventLimit:e.eventLimit,
+ startDate:$.ccio.init('th',e.dateRange.startDate),
+ endDate:$.ccio.init('th',e.dateRange.endDate),
+ ke:e.ke,
+ mid:mid
+ });
+ }else{
+ $.pwrvid.e.find('.loading').hide()
+ e.next($.pwrvid.currentVideos,$.pwrvid.currentEvents)
+ }
+ }
+ if(parseInt(e.eventLimit) >= 1000){
+ $.confirm.e.modal('show');
+ $.confirm.title.text(lang['Warning']+'!')
+ e.html=lang.powerVideoEventLimit
+ $.confirm.body.html(e.html)
+ $.confirm.click({title:lang.Request,class:'btn-primary'},function(){
+ getTheData()
+ });
+ }else{
+ getTheData()
+ }
+}
+$('#vis_monitors,#pvideo_event_limit,#pvideo_video_limit').change(function(){
+ $.pwrvid.f.submit()
+})
+$.pwrvid.f.submit(function(e){
+ e.preventDefault();
+ $.pwrvid.drawTimeline()
+ return false;
+})
+$.pwrvid.e.on('hidden.bs.modal',function(e){
+ $(this).find('iframe').attr('src','about:blank')
+ $.pwrvid.vp.find('.holder').empty()
+ delete($.pwrvid.currentDataObject)
+ delete($.pwrvid.currentData)
+ $.pwrvid.mL.empty()
+ $.pwrvid.d.empty()
+})
+})
diff --git a/web/libs/js/dash2.probe.js b/web/libs/js/dash2.probe.js
new file mode 100644
index 00000000..e7ad267e
--- /dev/null
+++ b/web/libs/js/dash2.probe.js
@@ -0,0 +1,48 @@
+$(document).ready(function(e){
+//probe
+$.pB={e:$('#probe')};$.pB.f=$.pB.e.find('form');$.pB.o=$.pB.e.find('.output_data');
+$.pB.f.submit(function(e){
+
+ $.pB.e.find('._loading').show()
+ $.pB.o.empty();
+ $.pB.e.find('.stop').show();
+ $.pB.e.find('[type="submit"]').hide();
+
+ e.preventDefault();e.e=$(this),e.s=e.e.serializeObject();
+ e.s.url=e.s.url.trim();
+ var flags = '';
+ switch(e.s.mode){
+ case'json':
+ flags = '-v quiet -print_format json -show_format -show_streams';
+ break;
+ }
+// if(e.s.url.indexOf('{{JSON}}')>-1){
+// e.s.url='-v quiet -print_format json -show_format -show_streams '+e.s.url
+// }
+ $.get($.ccio.init('location',$user)+$user.auth_token+'/probe/'+$user.ke+'?url='+e.s.url+'&flags='+flags,function(data){
+ if(data.ok===true){
+ var html
+ try{
+ html = $.ccio.init('jsontoblock',JSON.parse(data.result))
+ }catch(err){
+ html = data.result
+ }
+ $.pB.o.append(html)
+ }else{
+ $.ccio.init('note',{title:'Failed to Probe',text:data.error,type:'error'});
+ }
+ $.pB.e.find('._loading').hide()
+ $.pB.o.append('END
');
+ $.pB.e.find('.stop').hide();
+ $.pB.e.find('[type="submit"]').show();
+ })
+ return false;
+});
+$.pB.e.on('hidden.bs.modal',function(){
+ $.pB.o.empty()
+})
+$.pB.e.find('.stop').click(function(e){
+ e.e=$(this);
+// $.ccio.cx({f:'ffprobe',ff:'stop'})
+});
+})
diff --git a/web/libs/js/dash2.regioneditor.js b/web/libs/js/dash2.regioneditor.js
new file mode 100644
index 00000000..2ae99b57
--- /dev/null
+++ b/web/libs/js/dash2.regioneditor.js
@@ -0,0 +1,200 @@
+$(document).ready(function(e){
+//Region Editor
+$.zO={e:$('#region_editor')};
+$.zO.f=$.zO.e.find('form');
+$.zO.o=function(){return $.zO.e.find('canvas')};
+$.zO.c=$.zO.e.find('.canvas_holder');
+$.zO.name=$.zO.e.find('[name="name"]');
+$.zO.rl=$('#regions_list');
+$.zO.rp=$('#regions_points');
+$.zO.ca=$('#regions_canvas');
+$.zO.saveCoords=function(){
+ $.aM.e.find('[detail="cords"]').val(JSON.stringify($.zO.regionViewerDetails.cords)).change()
+}
+$.zO.initRegionList=function(){
+ $('#regions_list,#region_points').empty();
+ $.each($.zO.regionViewerDetails.cords,function(n,v){
+ if(v&&v.name){
+ $.zO.rl.append('')
+ }
+ });
+ $.zO.rl.change();
+}
+$.zO.rl.change(function(e){
+ $.zO.initCanvas();
+})
+$.zO.initLiveStream=function(e){
+ var e={}
+ e.re=$('#region_editor_live');
+ e.re.find('iframe,img').attr('src','about:blank').hide()
+ if($('#region_still_image').is(':checked')){
+ e.re=e.re.find('img')
+ e.choice='jpeg'
+ }else{
+ e.re=e.re.find('iframe')
+ e.choice='embed'
+ }
+ e.src=$.ccio.init('location',$user)+$user.auth_token+'/'+e.choice+'/'+$user.ke+'/'+$.aM.selected.mid
+ if(e.choice=='embed'){
+ e.src+='/fullscreen|jquery|relative'
+ }else{
+ e.src+='/s.jpg'
+ }
+ if(e.re.attr('src')!==e.src){
+ e.re.attr('src',e.src).show()
+ }
+ e.re.attr('width',$.zO.regionViewerDetails.detector_scale_x)
+ e.re.attr('height',$.zO.regionViewerDetails.detector_scale_y)
+}
+$('#region_still_image').change(function(e){
+ e.o=$.ccio.op().switches
+ if(!e.o){e.o={}}
+ if($(this).is(':checked')){
+ e.o.regionStillImage=1
+ }else{
+ e.o.regionStillImage="0"
+ }
+ $.ccio.op('switches',e.o)
+ $.zO.initLiveStream()
+}).ready(function(e){
+ e.switches=$.ccio.op().switches
+ if(e.switches&&e.switches.regionStillImage===1){
+ $('#region_still_image').prop('checked',true)
+ }
+})
+$.zO.initCanvas=function(){
+ var e={};
+ e.ar=[];
+ e.val=$.zO.rl.val();
+ if(!e.val){
+ $.zO.f.find('[name="name"]').val('')
+ $.zO.f.find('[name="sensitivity"]').val('')
+ $.zO.f.find('[name="max_sensitivity"]').val('')
+ $.zO.f.find('[name="threshold"]').val('')
+ $.zO.f.find('[name="color_threshold"]').val('')
+ $.zO.rp.empty()
+ }else{
+ e.cord=$.zO.regionViewerDetails.cords[e.val];
+ if(!e.cord.points){e.cord.points=[[0,0],[0,100],[100,0]]}
+ $.each(e.cord.points,function(n,v){
+ e.ar=e.ar.concat(v)
+ });
+ if(isNaN(e.cord.sensitivity)){
+ e.cord.sensitivity=$.zO.regionViewerDetails.detector_sensitivity;
+ }
+ $.zO.f.find('[name="name"]').val(e.val)
+ $.zO.e.find('.cord_name').text(e.val)
+ $.zO.f.find('[name="sensitivity"]').val(e.cord.sensitivity)
+ $.zO.f.find('[name="max_sensitivity"]').val(e.cord.max_sensitivity)
+ $.zO.f.find('[name="threshold"]').val(e.cord.threshold)
+ $.zO.f.find('[name="color_threshold"]').val(e.cord.color_threshold)
+ $.zO.e.find('.canvas_holder canvas').remove();
+
+ $.zO.initLiveStream()
+ e.e=$.zO.ca.val(e.ar.join(','))
+ e.e.canvasAreaDraw({
+ imageUrl:placeholder.getData(placeholder.plcimg({
+ bgcolor:'transparent',
+ text:' ',
+ size:$.zO.regionViewerDetails.detector_scale_x+'x'+$.zO.regionViewerDetails.detector_scale_y
+ }))
+ });
+ e.e.change();
+ }
+}
+$.zO.e.on('change','[name]:not([name="name"])',function(){
+ var el = $(this)
+ var val = el.val()
+ var key = el.attr('name')
+ $.zO.regionViewerDetails.cords[$.zO.rl.val()][key] = val
+ $.zO.saveCoords()
+})
+$.zO.e.on('change','[name="name"]',function(e){
+ e.old=$.zO.rl.val();
+ e.new=$.zO.name.val();
+ $.zO.regionViewerDetails.cords[e.new]=$.zO.regionViewerDetails.cords[e.old];
+ delete($.zO.regionViewerDetails.cords[e.old]);
+ $.zO.rl.find('option[value="'+e.old+'"]').attr('value',e.new).text(e.new)
+ $.zO.saveCoords()
+})
+$.zO.e.on('change','[point]',function(e){
+ e.points=[];
+ $('[points]').each(function(n,v){
+ v=$(v);
+ n=v.find('[point="x"]').val();
+ if(n){
+ e.points.push([n,v.find('[point="y"]').val()])
+ }
+ })
+ $.zO.regionViewerDetails.cords[$.zO.name.val()].points=e.points;
+ $.zO.initCanvas();
+})
+$.zO.e.find('.erase').click(function(e){
+ e.arr=[]
+ $.each($.zO.regionViewerDetails.cords,function(n,v){
+ if(v&&v!==$.zO.regionViewerDetails.cords[$.zO.rl.val()]){
+ e.arr.push(v)
+ }
+ })
+ $.zO.regionViewerDetails.cords=e.arr.concat([]);
+ if(Object.keys($.zO.regionViewerDetails.cords).length>0){
+ $.zO.initRegionList();
+ }else{
+ $.zO.f.find('input').prop('disabled',true)
+ $('#regions_points tbody').empty()
+ $('#regions_list [value="'+$.zO.rl.val()+'"]').remove()
+ $.aM.e.find('[detail="cords"]').val('[]')
+ }
+});
+//$.zO.e.find('.new').click(function(e){
+// $.zO.regionViewerDetails.cords[$.zO.rl.val()]
+// $.zO.initRegionList();
+//})
+$.zO.e.on('changed','#regions_canvas',function(e){
+ e.val=$(this).val().replace(/(,[^,]*),/g, '$1;').split(';');
+ e.ar=[];
+ $.each(e.val,function(n,v){
+ v=v.split(',')
+ if(v[1]){
+ e.ar.push([v[0],v[1]])
+ }
+ })
+ $.zO.regionViewerDetails.cords[$.zO.rl.val()].points=e.ar;
+ e.selected=$.zO.regionViewerDetails.cords[$.zO.rl.val()];
+ e.e=$('#regions_points tbody').empty();
+ $.each($.zO.regionViewerDetails.cords[$.zO.rl.val()].points,function(n,v){
+ if(isNaN(v[0])){v[0]=20}
+ if(isNaN(v[1])){v[1]=20}
+ e.e.append('END
');
+ $.pB.e.find('.stop').hide();
+ $.pB.e.find('[type="submit"]').show();
+ break;
+ case'ffprobe_start':
+ $.pB.e.find('._loading').show()
+ $.pB.o.empty();
+ $.pB.e.find('.stop').show();
+ $.pB.e.find('[type="submit"]').hide();
+ break;
+ case'ffprobe_data':
+ $.pB.results=JSON.parse(d.data)
+ $.pB.o.append($.ccio.init('jsontoblock',$.pB.results))
+ break;
+ case'detector_cascade_list':
+ d.tmp=''
+ $.each(d.cascades,function(n,v){
+ d.tmp+=''
+ e.tmp+=''
+ e.tmp+='
'
+ e.tmp+=''));return;} + $.each(e.s,function(n,v){e.s[n]=v.trim()}) + $.ccio.cx({f:'settings',ff:'edit',form:e.s}) + $.sM.e.modal('hide') +}); +$.sM.e.on('shown.bs.modal',function(){ + $.sM.reDrawMonGroups() +}) +$.sM.g.change(function(e){ + e.v=$(this).val(); + e.group=$user.mon_groups[e.v]; + if(!e.group){return} + $.sM.selectedMonGroup=e.group; + $.each(e.group,function(n,v){ + $.sM.f.find('[group="'+n+'"]').val(v) + }) +}); +$.sM.f.find('[group]').change(function(){ + e = {} + e.v = $.sM.g.val() + if(!e.v||e.v==''){ + e.e = $.sM.f.find('[group="name"]') + e.name = e.e.val() + $('.mon_groups .add').click(); + e.v = $.sM.g.val() + e.e.val(e.name) + } + e.group=$user.mon_groups[e.v]; + $.sM.f.find('[group]').each(function(n,v){ + v=$(v) + e.group[v.attr('group')]=v.val() + }); + $user.mon_groups[e.v]=e.group; + $.sM.g.find('option[value="'+$.sM.g.val()+'"]').text(e.group.name) + $.sM.writewMonGroups() +}) +$.sM.f.on('click','.mon_groups .delete',function(e){ + e.v=$.sM.g.val(); + delete($user.mon_groups[e.v]); + $.sM.reDrawMonGroups() +}) +$.sM.f.on('click','.mon_groups .add',function(e){ + e.gid=$.ccio.gid(5); + $user.mon_groups[e.gid]={id:e.gid,name:e.gid}; + $.sM.g.append($.ccio.tm('option',$user.mon_groups[e.gid])); + $.sM.g.val(e.gid) + $.sM.g.change(); +}); +$.sM.linkChange=function(){ + var e={}; + e.e=$.sM.e.find('[name="details"]') + e.details=JSON.parse(e.e.val()) + e.details.links=[] + $.sM.links.find('.linksGroup').each(function(n,v){ + var arr={} + $(v).find('[link]').each(function(m,b){ + arr[$(b).attr('link')]=$(b).val() + }) + e.details.links.push(arr) + }) + e.e.val(JSON.stringify(e.details)) +} +$.sM.f.on('change','[link]',$.sM.linkChange) +$.sM.e.on('click','.linkShinobi .delete',function(){ + $(this).parents('.linksGroup').remove() + $.sM.linkChange() +}) +$.sM.e.find('.linkShinobi .add').click(function(){ + $.ccio.tm('link-set',{},'#linkShinobi') + $.sM.linkChange() +}) +}) diff --git a/web/libs/js/dash2.vidview.js b/web/libs/js/dash2.vidview.js new file mode 100644 index 00000000..9eb35383 --- /dev/null +++ b/web/libs/js/dash2.vidview.js @@ -0,0 +1,147 @@ +$(document).ready(function(e){ +//videos window +$.vidview={ + e:$('#videos_viewer'), + pages:$('#videos_viewer_pages'), + limit:$('#videos_viewer_limit'), + dr:$('#videos_viewer_daterange'), + preview:$('#videos_viewer_preview'), + set:$('#videos_viewer_set') +} +$.vidview.set.change(function(){ + var el = $(this) + var isCloud = (el.val() === 'cloud') + var zipDlButton = $.vidview.e.find('.export_selected') + if(isCloud){ + zipDlButton.hide() + }else{ + zipDlButton.show() + } + +}) +$.vidview.f=$.vidview.e.find('form') +$.vidview.dr.daterangepicker({ + startDate:$.ccio.timeObject().subtract(moment.duration("24:00:00")), + endDate:$.ccio.timeObject().add(moment.duration("24:00:00")), + timePicker: true, + timePicker24Hour: true, + timePickerSeconds: true, + timePickerIncrement: 30, + locale: { + format: 'MM/DD/YYYY h:mm A' + } +},function(start, end, label){ + $.vidview.launcher.click() + $.vidview.dr.focus() +}); +$.vidview.e.on('change','#videos_select_all',function(e){ + e.e=$(this); + e.p=e.e.prop('checked') + e.a=$.vidview.e.find('input[type=checkbox][name]') + if(e.p===true){ + e.a.prop('checked',true) + }else{ + e.a.prop('checked',false) + } +}) +$.vidview.f.submit(function(e){ + e.preventDefault(); + $.vidview.launcher.click() + return false; +}) +$('#videos_viewer_limit,#videos_viewer_daterange,#videos_viewer_set').change(function(){ + $.vidview.f.submit() +}) +$.vidview.getSelected = function(getArray){ + var arr = {} + if(getArray){ + arr = [] + } + $.vidview.f.find('[data-ke] input:checked').each(function(n,v){ + v=$(v).parents('tr') + if(getArray){ + arr.push({filename:v.attr('data-file'),mid:v.attr('data-mid'),auth:v.attr('data-auth')}) + }else{ + arr[v.attr('data-file')]={mid:v.attr('data-mid'),auth:v.attr('data-auth')} + } + }) + return arr +} +$.vidview.e.find('.delete_selected').click(function(){ + e = {} + e.s = $.vidview.getSelected() + if(Object.keys(e.s).length === 0){ + $.ccio.init('note',{ + title:'No Videos Selected', + text:'You must choose at least one video.', + type:'error' + },$user); + return + } + $.confirm.e.modal('show'); + $.confirm.title.text(lang['Delete Selected Videos']) + e.html=lang.DeleteSelectedVideosMsg+'' + var deleteLinks = [] + $.each(e.s,function(n,v){ + e.html+=n+'
'; + if($.vidview.loadedVideos[n])deleteLinks.push($.vidview.loadedVideos[n].links.deleteVideo) + }) + $.confirm.body.html(e.html) + $.confirm.click({title:'Delete Video',class:'btn-danger'},function(){ + $.each(deleteLinks,function(n,link){ + $.getJSON(link,function(d){ + $.ccio.log(d) + }) + }) + }); +}) +$.vidview.e.find('.export_selected').click(function(){ + e = {} + var videos = $.vidview.getSelected(true) + if(videos.length === 0){ + $.ccio.init('note',{ + title:'No Videos Selected', + text:'You must choose at least one video.', + type:'error' + },$user); + return + } + $.confirm.e.modal('show'); + $.confirm.title.text(lang['Export Selected Videos']) + var html = lang.ExportSelectedVideosMsg+'' + $.each(videos,function(n,v){ + html+=v.filename+'
'; + }) + $.confirm.body.html(html) + $.confirm.click({title:'Export Video',class:'btn-danger'},function(){ + var queryVariables = [] + queryVariables.push('videos='+JSON.stringify(videos)) + if($.ccio.useUTC === true){ + queryVariables.push('isUTC=true') + } + console.log(queryVariables) + var downloadZip = $.ccio.init('location',$user)+$user.auth_token+'/zipVideos/'+$user.ke+'?'+queryVariables.join('&') + $('#temp').html('').find('iframe').attr('src',downloadZip); + }); +}) +$.vidview.pages.on('click','[page]',function(e){ + e.limit=$.vidview.limit.val(); + e.page=$(this).attr('page'); + $.vidview.current_page=e.page; + if(e.limit.replace(/ /g,'')===''){ + e.limit='100'; + } + if(e.limit.indexOf(',')>-1){ + e.limit=parseInt(e.limit.split(',')[1]) + }else{ + e.limit=parseInt(e.limit) + } + $.vidview.limit.val((parseInt(e.page)-1)+'00,'+e.limit) + $.vidview.launcher.click() +}) +$.vidview.e.on('click','.preview',function(e){ + e.preventDefault() + e=$(this) + $.vidview.preview.html('') +}) +}) diff --git a/web/libs/js/main.dash2.js b/web/libs/js/main.dash2.js index 7aed2ad2..7b7e7c93 100644 --- a/web/libs/js/main.dash2.js +++ b/web/libs/js/main.dash2.js @@ -1156,7 +1156,9 @@ switch($user.details.lang){ tmp+=''; break; case'option': - tmp+='' + var selected = '' + if(d.selected === true){selected = ' selected'} + tmp+='' break; case'stream-element': try{k.d=JSON.parse(d.details);}catch(er){k.d=d.details} diff --git a/web/pages/admin.ejs b/web/pages/admin.ejs index 0a29f86c..5298e019 100644 --- a/web/pages/admin.ejs +++ b/web/pages/admin.ejs @@ -12,6 +12,9 @@ +<% customAutoLoad.adminLibsCss.forEach(function(lib){ %> + +<% }) %>
@@ -80,8 +83,14 @@
<%- lang['Find Where'] %>
@@ -39,20 +39,20 @@
@@ -68,8 +68,8 @@
@@ -77,24 +77,24 @@
@@ -115,4 +115,5 @@
@@ -284,6 +284,14 @@
+
+
+
@@ -842,6 +850,11 @@
+
-
-
<%-lang['"No Motion" Detector']%>
@@ -1149,6 +1144,29 @@
+
+
<%-lang['Audio Detector']%>
+
+
+
+
+
+
+
+
+
+ <%-lang['Object Detection']%> <%-lang['Plugin']%> : <%-lang['Not Connected']%><%-lang['Connected']%>
@@ -1159,6 +1177,14 @@
+
+
<%- lang.ONVIF %>
<%- lang.FFprobe %>
<%- lang['Monitor States'] %>
<%- lang['Schedules'] %>
<%- lang.Filters %>
<%- lang.Logs %>
-