<table class="data-table data-table-flexbox">
    <tr>
        <td>
            <label class="field-container hasCheckbox">
                <span class="field-container-item" title="">
                    {{titleValue}}
                </span>
                <input name="value" required="required" type="text" class="field-container-field"/>
            </label>
            <div style="clear: both;">
                <div style="float: left; padding: 5px; width: 200px;">
                    {{textVariableListing}}
                </div>
                <div class="predefined-values" style="padding: 5px;">
                    <a href="#">none</a>,
                    <a href="#">self</a>,
                    <a href="#">strict-dynamic</a>,
                    <a href="#">unsafe-inline</a>,
                    <a href="#">unsafe-eval</a>
                </div>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <label class="field-container">
                <span class="field-container-item" title="">
                    {{titleDirective}}
                </span>
                <select name="directive" class="field-container-field">
                    
                </select>
            </label>
        </td>
    </tr>
</table>