{{#isRuleOption}}
<div class="ruleConditions">
  <select class="ruleProtocol">
    <option value="http">http</option>
    <option value="https">https</option>
  </select>
  <select class="ruleCondition">
    <option value="">Select Condtion</option>
    <option value="contains">Contains</option>
  </select>
  <input type="text" class="ruleUrl" id="newRuleUrl" name="newRuleUrl" placeholder="Type URL here"/>
  <a href="#" ref="" class="addButton" title="add" adz:lang-title="add"><span class="listIconWr">{{>addButton}}</span></a>
</div>
{{/isRuleOption}}
{{^isRuleOption}}
{{#ruleObj}}
<div class="ruleList">
  <div class="ruleProtocol"><span class="type">{{type}}</span></div>
  <div class="ruleCondition"><span class="operator">{{operator}}</span></div>
  <div class="ruleUrl"><span class="value">{{value}}</span></div>
  <a href="#" ref="" class="delete" title="Delete" adz:lang-title="delete"><span class="listIconWr">{{>deleteIcon}}</span></a>
</div>
{{/ruleObj}}
{{/isRuleOption}}