118 lines
5.9 KiB
Handlebars
118 lines
5.9 KiB
Handlebars
<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">Edit Field</li>
|
||
</ol>
|
||
|
||
<h2>{{list.name}} <small>Edit Custom Field</small> <a class="btn btn-default btn-xs" href="/fields/{{list.id}}" role="button"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Back to fields</a></h2>
|
||
|
||
<hr>
|
||
|
||
<form method="post" class="delete-form" id="fields-delete" action="/fields/{{list.id}}/delete">
|
||
<input type="hidden" name="_csrf" value="{{csrfToken}}">
|
||
<input type="hidden" name="id" value="{{field.id}}" />
|
||
</form>
|
||
|
||
<form class="form-horizontal" method="post" action="/fields/{{list.id}}/edit">
|
||
<input type="hidden" name="_csrf" value="{{csrfToken}}">
|
||
<input type="hidden" name="id" value="{{field.id}}" />
|
||
|
||
<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="{{field.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" disabled>
|
||
<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>
|
||
|
||
{{#if groups}}
|
||
|
||
<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>
|
||
|
||
{{/if}}
|
||
|
||
<div class="form-group">
|
||
<label for="key" class="col-sm-2 control-label">Merge tag</label>
|
||
<div class="col-sm-10">
|
||
<input type="text" class="form-control text-uppercase" name="key" id="key" value="{{field.key}}" placeholder="Merge Tag">
|
||
<span class="help-block">Put this tag in your content: <strong>[{{#if field.key}}{{field.key}}{{else}}TAG_VALUE{{/if}}]</strong></span>
|
||
</div>
|
||
</div>
|
||
|
||
{{#if field.isGroup}}
|
||
|
||
<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="description">{{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>
|
||
|
||
{{else}}
|
||
<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>
|
||
{{/if}}
|
||
|
||
<div class="form-group">
|
||
<div class="col-sm-offset-2 col-xs-4">
|
||
<div class="checkbox">
|
||
<label>
|
||
<input type="checkbox" name="visible" {{#if field.visible}} checked {{/if}}> Visible
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<div class="col-sm-offset-2 col-sm-10">
|
||
<div class="pull-right">
|
||
<button type="submit" form="fields-delete" class="btn btn-danger"><i class="glyphicon glyphicon-remove"></i> Delete Field</button>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-ok"></i> Update</button>
|
||
</div>
|
||
</div>
|
||
</form>
|