Shinobi/web/libs/js/dash2.onvifDeviceManager.js

$(document).ready(function(){
    var loadedVideoEncoders = {}
    var blockWindow = $('#onvifDeviceManager')
    var blockWindowInfo = $('#onvifDeviceManagerInfo')
    var blockForm = blockWindow.find('form')
    var setIntegerGuider = function(fieldName,theRange){
        blockForm.find(`[${fieldName}]`)
            .attr('min',theRange.Min)
            .attr('max',theRange.Max)
            .attr('placeholder',`Mininum : ${theRange.Min}, Maximum: ${theRange.Max}`);
    }
    var setGuidersInFormFields = function(onvifData){
        if(onvifData.videoEncoderOptions){
            var encoderOptions = onvifData.videoEncoderOptions
            //Encoding
            var hasH264 = !!encoderOptions.H264;
            var hasH265 = !!encoderOptions.H265;
            // var hasJPEG = !!encoderOptions.JPEG;
            var availableEncoders = []
            if(hasH264)availableEncoders.push('H264')
            if(hasH265)availableEncoders.push('H265')
            // if(hasJPEG)availableEncoders.push('JPEG')
            var html = ``
            $.each(availableEncoders,function(n,encoder){
                html += `<option value="${encoder}">${encoder}</option>`
            })
            blockForm.find('[name="Encoding"]').html(html)
            //Resolutions
            var html = ``
            $.each(encoderOptions.H264.ResolutionsAvailable,function(n,resolution){
                html += `<option value="${resolution.Width}x${resolution.Height}">${resolution.Width}x${resolution.Height}</option>`
            })
            blockForm.find('[detail="Resolution"]').html(html)
            //Profiles Supported
            var html = ``
            var profilesSupported = encoderOptions.H264.H264ProfilesSupported
            profilesSupported = typeof profilesSupported === 'string' ? [profilesSupported] : profilesSupported
            $.each(profilesSupported,function(n,profile){
                html += `<option value="${profile}">${profile}</option>`
            })
            blockForm.find('[name="H264:H264Profile"]').html(html)
            //GOV Length, Frame Rate, Encoding Interval Range
            setIntegerGuider('name="H264:GovLength"',encoderOptions.H264.GovLengthRange)
            setIntegerGuider('name="RateControl:FrameRateLimit"',encoderOptions.H264.FrameRateRange)
            setIntegerGuider('name="RateControl:EncodingInterval"',encoderOptions.H264.EncodingIntervalRange)
            setIntegerGuider('name="Quality"',encoderOptions.QualityRange)
        }
        if(onvifData.videoEncoders){
            loadedVideoEncoders = {}
            var html = ``
            onvifData.videoEncoders.forEach((encoder) => {
                html += `<option value="${encoder.$.token}">${encoder.Name}</option>`
                loadedVideoEncoders[encoder.$.token] = encoder
            })
            blockForm.find('[name=videoToken]').html(html)
        }
    }
    var converObjectKeysToFormFieldName = (object,parentKey) => {
        parentKey = parentKey ? parentKey : ''
        var theList = {}
        Object.keys(object).forEach((key) => {
            var value = object[key]
            var newKey = parentKey ? parentKey + ':' + key : key
            if(typeof value === 'string'){
                theList[newKey] = value
            }else if(value instanceof Object || value instanceof Array){
                theList = Object.assign(theList,converObjectKeysToFormFieldName(value,newKey))
            }
        })
        return theList
    }
    var writeOnvifDataToFormFields = function(onvifData){
        var formFields = {}
        if(onvifData.networkInterface){
            var ipConfig = onvifData.networkInterface.IPv4.Config
            console.log(ipConfig.LinkLocal)
            var ipv4 = ipConfig.DHCP === 'true' ? ipConfig.LinkLocal.Address : ipConfig.Manual.Address || ipConfig.LinkLocal.Address
            formFields["setNetworkInterface:ipv4"] = ipv4
        }
        if(onvifData.gateway){
            formFields["setGateway:ipv4"] = onvifData.gateway
        }
        if(onvifData.hostname){
            formFields["setHostname:name"] = onvifData.hostname
        }
        if(onvifData.dns && onvifData.dns.DNSManual){
            var dnsList = onvifData.dns.DNSManual
            dnsList = typeof dnsList === 'array' ? dnsList.map((item) => {
                return item.IPv4Address
            }).join(',') : typeof dnsList === 'object' ? dnsList.IPv4Address : dnsList
            formFields["setDNS:dns"] = dnsList
        }
        if(onvifData.ntp && onvifData.ntp.NTPManual){
            var ntpIp = onvifData.ntp.NTPManual.IPv4Address
            formFields["setNTP:ipv4"] = ntpIp
        }
        if(onvifData.protocols){
            onvifData.protocols.forEach((protocol) => {
                //RTSP, HTTP
                formFields[`setPotocols:${protocol.Name}`] = protocol.Port
            })
        }
        if(onvifData.videoEncoders){
            setFieldsFromOnvifKeys(onvifData.videoEncoders[0])
        }
        if(onvifData.imagingSettings && onvifData.imagingSettings.ok !== false){
            $('#Imaging').find('.form-group').hide()
            setFieldsFromOnvifKeys(onvifData.imagingSettings)
            $.each(onvifData.imagingSettings,function(key){
                $('#Imaging').find(`[name="${key}"]`).parents('.form-group').show()
            })
            $('#Imaging').show()
        }else{
            $('#Imaging').hide()
        }
        Object.keys(formFields).forEach((key) => {
            var value = formFields[key]
            blockForm.find(`[name="${key}"]`).val(value)
        })
    }
    var setFieldsFromOnvifKeys = function(encoder){
        var formFields = converObjectKeysToFormFieldName(encoder)
        Object.keys(formFields).forEach((key) => {
            var value = formFields[key]
            blockForm.find(`[name="${key}"]`).val(value).parents('.form-group')
        })
    }
    var getUIFieldValues = function(monitorId){
        $.get($.ccio.init('location',$user)+$user.auth_token+'/onvifDeviceManager/'+$user.ke + '/' + monitorId,function(response){
            var onvifData = response.onvifData
            console.log(response)
            blockWindowInfo.html(JSON.stringify(onvifData,null,3))
            setGuidersInFormFields(onvifData)
            writeOnvifDataToFormFields(onvifData)
            blockWindow.modal('show')
        })
    }
    $('body').on('click','[open-onvif-device-manager]',function(){
        var monitorId = $(this).attr('open-onvif-device-manager')
        getUIFieldValues(monitorId)
    })
    blockForm.on('change','[name="videoToken"]',function(){
        setFieldsFromOnvifKeys(loadedVideoEncoders[$(this).val()])
    })
    blockForm.on('change','[detail="Resolution"]',function(){
        var resolution = $(this).val().split('x')
        var width = resolution[0]
        var height = resolution[1]
        blockForm.find('[name="Resolution:Width"]').val(width)
        blockForm.find('[name="Resolution:Height"]').val(height)
    })
    blockForm.submit(function(e){
        e.preventDefault()
        var formOptions = blockForm.serializeObject()
        console.log(formOptions)
        return false;
    })
})