interface.html

<form class="form-horizontal">
  <ul class="nav nav-tabs" role="tablist">
    <li class="active" id="page-view-control"><a href="#pageView" role="tab" data-toggle="tab">Screen security</a></li>
    <li class="hidden" id="data-query-control"><a href="#dataSourceQuery" role="tab" data-toggle="tab">Data source security</a></li>
  </ul>

  <div class="tab-content">
    <div role="tabpanel" data-hook-type='beforePageView' class="tab-pane tab-pane-content active" id="pageView">
      <p>Configure screen security rules to secure specific screens in your app and prevent unauthorized users from viewing them.</p>
      <div class="panel-group ui-sortable" id="accordionPage"></div>

      <div class="tab-spinner spinner-holder animated">
        <div class="spinner-overlay">Loading...</div>
        <p>Loading...</p>
      </div>

      <div class="panels-empty">
        <p><strong>Create as many rules as you want</strong><br>Click the button below to get started</p>
      </div>

      <div class="controls clearfix hidden">
        <div class="btn-holder">
          <div class="btn btn-default new-hook-page">Add new rule</div>
        </div>
        <div class="btn btn-link expand-items">Expand/Collapse All</div>
      </div>
    </div>
    <div role="tabpanel" data-hook-type='beforeDataSourceQuery' class="tab-pane tab-pane-content" id="dataSourceQuery">
      <p>Configure data source security rules to stop your app accessing data from to a data source if the user is not validated.</p>
      <div class="panel-group ui-sortable" id="accordionQuery"></div>

      <div class="tab-spinner spinner-holder animated">
        <div class="spinner-overlay">Loading...</div>
        <p>Loading...</p>
      </div>

      <div class="panels-empty">
        <p><strong>Create as many rules as you want</strong><br>Click the button below to get started</p>
      </div>

      <div class="controls clearfix hidden">
        <div class="btn-holder">
          <div class="btn btn-default new-hook-query">Add new rule</div>
        </div>
        <div class="btn btn-link expand-items">Expand/Collapse All</div>
      </div>
    </div>
  </div>
</form>