mailtrain/views/lists/fields/create.hbs

<ol class="breadcrumb">
    <li><a href="/">Home</a></li>
    <li><a href="/lists/">Lists</a></li>
    <li><a href="/lists/view/{{list.id}}">{{list.name}}</a></li>
    <li><a href="/fields/{{list.id}}">Custom Fields</a></li>
    <li class="active">Create Field</li>
</ol>

<h2>{{list.name}} <small>Create Custom Field</small></h2>

<hr>

<form class="form-horizontal" method="post" action="/fields/{{list.id}}/create">
    <input type="hidden" name="_csrf" value="{{csrfToken}}">
    <div class="form-group">
        <label for="name" class="col-sm-2 control-label">Field Name</label>
        <div class="col-sm-10">
            <input type="text" class="form-control input-lg" name="name" id="name" value="{{name}}" placeholder="Field Name" required>
        </div>
    </div>

    <div class="form-group">
        <label for="type" class="col-sm-2 control-label">Field Type</label>
        <div class="col-sm-10">
            <select class="form-control" name="type">
                <option value="text" {{#if selectedText}} selected {{/if}}>Text</option>
                <option value="number" {{#if selectedNumber}} selected {{/if}}>Number</option>
                <option value="website" {{#if selectedWebsite}} selected {{/if}}>Website</option>
                <option value="gpg" {{#if selectedGpg}} selected {{/if}}>GPG Public Key</option>
                <option value="longtext" {{#if selectedLongtext}} selected {{/if}}>Multi-line text</option>
                <optgroup label="Date">
                    <option value="date-us" {{#if selectedDateUs}} selected {{/if}}>Date (MM/DD/YYYY)</option>
                    <option value="date-eur" {{#if selectedDateEur}} selected {{/if}}>Date (DD/MM/YYYY)</option>
                </optgroup>
                <optgroup label="Birthday">
                    <option value="birthday-us" {{#if selectedBirthdayUs}} selected {{/if}}>Birthday (MM/DD)</option>
                    <option value="birthday-eur" {{#if selectedBirthdayEur}} selected {{/if}}>Birthday (DD/MM)</option>
                </optgroup>
                <optgroup label="Grouped">
                    <option value="dropdown" {{#if selectedDropdown}} selected {{/if}}>Drop Downs</option>
                    <option value="radio" {{#if selectedRadio}} selected {{/if}}>Radio Buttons</option>
                    <option value="checkbox" {{#if selectedCheckbox}} selected {{/if}}>Checkboxes</option>
                </optgroup>
                <option value="option" {{#if selectedOption}} selected {{/if}}>Option for a group value</option>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label for="group" class="col-sm-2 control-label">Group</label>
        <div class="col-sm-10">
            <select class="form-control" name="group">
                <option value=""> –– Select ––</option>
                {{#each groups}}
                    <option value="{{id}}" {{#if selected}} selected {{/if}}>{{name}}</option>
                {{/each}}
            </select>
            <span class="help-block">Required for group options</span>
        </div>
    </div>

    <div class="form-group">
        <label for="default-value" class="col-sm-2 control-label">Default merge tag value</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="default-value" id="default-value" value="{{field.defaultValue}}" placeholder="Default merge tag value">
        </div>
    </div>

    <div class="form-group">
        <label for="group-template" class="col-sm-2 control-label">Group template</label>
        <div class="col-sm-10">
            <textarea class="form-control gpg-text" rows="3" name="group-template" id="group-template">{{field.groupTemplate}}</textarea>
            <span class="help-block">For group elements like checkboxes you can control the appearance of the merge tag with an optional template. The template uses handlebars syntax and you can find all values from <code>\{{values}}</code> array, for example <code>\{{#each values}} \{{this}} \{{/each}}</code>. If template is not defined then multiple values are joined with commas.</span>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-2 col-xs-4">
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="visible" {{#if visible}} checked {{/if}}> Visible
                </label>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-plus"></i> Add Field</button>
        </div>
    </div>
</form>