RandomSec/main/webapp/modules/core/scripts/views/data-table/split-column-dialog.html

<div class="dialog-frame" style="width: 600px;">
  <div class="dialog-border">
    <div class="dialog-header" bind="dialogHeader"></div>
    <div class="dialog-body" bind="dialogBody">
      <div class="grid-layout layout-looser layout-full"><table><tr>
        <td>
          <div class="grid-layout layout-tighter"><table>
            <tr>
              <td colspan="3"><h3>How to Split Column</h3></td>
            </tr>
            <tr>
              <td width="1%"><input type="radio" checked="true" name="split-by-mode" value="separator" id="$split-column-by-separator" /></td>
              <td colspan="2"><label for="$split-column-by-separator">by separator</label></td>
            </tr>
            <tr><td></td>
              <td>Separator</td>
              <td><input size="10" value="," bind="separatorInput" />
                <input type="checkbox" bind="regexInput" id="$split-column-regex" />
                <label for="$split-column-regex">regular expression</label></td>
            </tr>
            <tr><td></td>
              <td>Split into</td>
              <td style="white-space: pre;"><input size="3" bind="maxColumnsInput" /> columns at most (leave blank for no limit)</td>
            </tr>
            <tr>
              <td width="1%"><input type="radio" name="split-by-mode" value="lengths" id="$split-column-by-lengths" /></td>
              <td colspan="2"><label for="$split-column-by-lengths">by field lengths</label></td>
            </tr>
            <tr><td></td>
              <td colspan="2"><textarea style="width: 100%;" bind="lengthsTextarea"></textarea></td>
            </tr>
            <tr><td></td>
              <td colspan="2">List of integers separated by commas, e.g., 5, 7, 15</td>
            </tr>
          </table></div>
        </td>
        <td>
          <div class="grid-layout layout-tighter"><table>
            <tr>
              <td colspan="3"><h3>After Splitting</h3></td>
            </tr>
            <tr>
              <td width="1%"><input type="checkbox" checked="true" bind="guessCellTypeInput" id="$split-column-guess" /></td>
              <td colspan="2"><label for="$split-column-guess">Guess cell type</label></td>
            </tr>
            <tr>
              <td width="1%"><input type="checkbox" checked="true" bind="removeColumnInput" id="$split-column-remove" /></td>
              <td colspan="2"><label for="$split-column-remove">Remove this column</label></td>
            </tr>
          </table></div>
        </td>
      </table></div>
    </div>
    <div class="dialog-footer" bind="dialogFooter">
      <button class="button" bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
      <button class="button" bind="cancelButton">Cancel</button>
    </div>
  </div>
</div>