lubuntu.me/plugins/contact-form-add/admin/views/backbone/form-field-settings-rules.php
2016-11-28 21:52:15 -08:00

81 lines
2.8 KiB
PHP

<% if ( type !== 'pagebreak' ) { %>
<div class="panel-group" id="fieldRulesCont">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapseRules<%= cssID %>">
<?php smuzform_translate_e( 'Conditional Logic' ) ?>
</a>
</h4>
</div>
<div id="collapseRules<%= cssID %>" class="panel-collapse collapse">
<div class="panel-body">
<div id="ruleBuilderCont">
<label><input type="checkbox" id="enableConditionalLogic" <% if ( ruleEnabled === true ) { %> <%- 'checked' %> <% } %> /> <?php smuzform_translate_e( 'Enable' ) ?></label>
<ul id="rules">
<li>
<div class="rule">
<div class="ruleInlineCont">
<strong>If</strong>
<select id="ruleFields">
<option value="">Select a field</option>
<% _.each(smuzform.App.Collections.FieldsCol.toJSON(), function(model) { %>
<% if ( model.cssID !== cssID ) { %>
<% if ( model.type !== 'address' && model.type !== 'sectionbreak' && model.type !== 'name' && model.type !== 'fileupload' && model.type !== 'checkbox' && model.type !== 'customText' && model.type !== 'customHtml' && model.type !== 'customImage' && model.type !== 'customLink' && model.type !== 'pagebreak' ) { %>
<option <% if ( rules.field === model.cssID ) { %> <%- 'selected' %> <% } %> value="<%- model.cssID %>"><%- model.label %></option>
<% } %>
<% } %>
<% }); %>
</select>
<select id="ruleFieldOperator">
<option <% if ( rules.operator === 'is' ) { %> <%- 'selected' %> <% } %> value="is">Is</option>
<option <% if ( rules.operator === 'isNot' ) { %> <%- 'selected' %> <% } %> value="isNot">Is not</option>
</select>
</div>
<div class="ruleInlineCont">
<input type="text" value="<%- rules.cmpValue %>" id="ruleFieldLogicValue" placeholder="Enter comparison value" />
<select id="ruleFieldAction">
<option <% if ( rules.action === 'show' ) { %> <%- 'selected' %> <% } %> value="show">Show</option>
<option <% if ( rules.action === 'hide' ) { %> <%- 'selected' %> <% } %> value="hide">Hide</option>
</select>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="panel-footer">
<small>If this field is *required logic may not work.</small>
</div>
</div>
</div>
</div>
<% } %>