<% }
%>
<<%- monitorSettings.isForm ? 'form' : 'div' %> <%- attributes.join(' ') %> style="<%- styles.join(';') %>" class="form-group-group <%- sectionClass.join(' ') %>">
<% if(monitorSettings['input-mapping']){ %>
<% } %>
<% 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.default){
attributes.push(`data-default="${field.default}"`)
}
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-group':
let fieldBtnContent = ``
field.btns.forEach((btn) => {
let btnClass = []
let btnAttributes = []
const btnBaseElement = btn.forForm || field.forForm ? 'button' : 'a'
if(btn.class){
btnClass.push(`${btn.class}`)
}
if(btn.attribute){
btnAttributes.push(btn.attribute)
}
fieldBtnContent += `<${btnBaseElement} class="btn ${btnClass.join(' ')}" ${btnAttributes.join(' ')}>${btn.btnContent}`
})
fieldElement = `
${fieldBtnContent}
`
break;
case'btn':
baseElement = field.forForm ? 'button' : 'a'
fieldElement = `<${baseElement} class="btn btn-block ${fieldClass.join(' ')}" ${attributes.join(' ')}>${field.btnContent}`
break;
case'ul':
fieldElement = `
`
break;
case'div':
fieldElement = `
`
break;
case'form':
fieldElement = `
`
break;
case'table':
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']){ %>
<% }
})
}
%>