<%-lang['ONVIF Device Manager']%>

<% var buildOptions = function(field,possiblities){ if(!field)console.error('field',field) var fieldElement = '' possiblities.forEach(function(option){ if(option.optgroup){ fieldElement += '' fieldElement += buildOptions(field,option.optgroup) fieldElement += '' }else{ var selected = '' if(option.value === field.default){ selected = 'selected' } fieldElement += '' } }) return fieldElement } var drawBlock = function(monitorSettings){ if(monitorSettings.evaluation && !eval(monitorSettings.evaluation)){ return } var attributes = [] var styles = [] var sectionClass = [] var headerTitle = monitorSettings.headerTitle || lang[monitorSettings.name] || monitorSettings.name if(monitorSettings.hidden === true){ styles.push('display:none') } if(monitorSettings.style){ styles.push(monitorSettings.style) } if(monitorSettings.isSection === true){ attributes.push('section') } if(monitorSettings.attribute){ attributes.push(monitorSettings.attribute) } if(monitorSettings.id){ attributes.push(`id="${monitorSettings.id}"`) } if(monitorSettings.color){ sectionClass.push(monitorSettings.color) } if(monitorSettings['section-class']){ sectionClass.push(monitorSettings['section-class']) } if(monitorSettings.isAdvanced){ %>
<% } if(monitorSettings['section-pre-pre-class']){ %>
<% } if(monitorSettings['section-pre-class']){ %>
<% } %>
style="<%- styles.join(';') %>" class="form-group-group <%- sectionClass.join(' ') %>">

<%- headerTitle %> <% if(monitorSettings.headerButtons){ %>
<% monitorSettings.headerButtons.forEach(function(button){ %> <% if(button.icon){ %><% } %> <% if(button.text){ %><%- button.text %><% } %> <% }) %>
<% } %>

<% if(monitorSettings['input-mapping']){ %>

<%-lang['Input Feed']%>

<% } %> <% if(monitorSettings.blockquote){ %>
<%- monitorSettings.blockquote %>
<% } %> <% if(monitorSettings.blocks){ monitorSettings.blocks.forEach(function(settingsBlock){ drawBlock(settingsBlock) }) } if(monitorSettings.info){ monitorSettings.info.forEach(function(field){ if(field.isFormGroupGroup === true){ drawBlock(field) }else{ if(field.notForSubAccount === true){ var notForSubAccount = '!details.sub' if(!field.evaluation){ field.evaluation = notForSubAccount }else{ field.evaluation += ' && ' + notForSubAccount } } if(field.evaluation && !eval(field.evaluation)){ return } var hidden = '' if(field.hidden === true){ hidden = 'style="display:none"' } var fieldClass = [] var attributes = [] if(field.name && field.name.indexOf('detail=') > -1){ attributes.push(field.name) }else if(field.name){ attributes.push("name=" + field.name) } if(field.placeholder || field.default){ attributes.push(`placeholder="${field.placeholder || field.default}"`) }else if(field.example){ attributes.push(`placeholder="Example : ${field.example}"`) } if(field.attribute){ attributes.push(field.attribute) } if(field.selector){ attributes.push(`selector="${field.selector}"`) } if(field.id){ attributes.push(`id="${field.id}"`) } if(field.class){ fieldClass.push(`${field.class}`) } var possiblities = field.possible || [] var fieldType = field.fieldType || 'text' var fieldElement = '' var preFill = field.preFill || '' switch(fieldType){ case'btn': fieldElement = `${field.btnContent}` break; case'ul': fieldElement = `
    ` break; case'div': fieldElement = `
    ` break; case'number': if(field.numberMin){ attributes.push(`min="${field.numberMin}"`) } if(field.numberMax){ attributes.push(`max="${field.numberMax}"`) } fieldElement = '
    ' break; case'password': fieldElement = '
    ' break; case'text': fieldElement = `
    ` break; case'textarea': fieldElement = '
    ' break; case'select': fieldElement = '
    ' break; } if(field['form-group-class-pre-pre-layer']){ %>
    <% } if(field['form-group-class-pre-layer']){ %>
    <% } if(fieldType === 'ul' || fieldType === 'div' || fieldType === 'btn'){ %> <%- fieldElement %> <% }else{ %>
    class="form-group <%- field['form-group-class'] %>">
    <% } } if(field['form-group-class-pre-layer']){ %>
    <% } if(field['form-group-class-pre-pre-layer']){ %>
    <% } }) } %>
    <% if(monitorSettings['section-pre-class']){ %>
    <% } if(monitorSettings['section-pre-pre-class']){ %>
    <% } if(monitorSettings.isAdvanced){ %>
    <% } } %> <% Object.keys(define['ONVIF Device Manager'].blocks).forEach(function(blockKey){ var accountSettings = define['ONVIF Device Manager'].blocks[blockKey] drawBlock(accountSettings) }) %>