282 lines
15 KiB
Handlebars
282 lines
15 KiB
Handlebars
<ol class="breadcrumb">
|
||
<li><a href="/">Home</a></li>
|
||
<li><a href="/campaigns">Campaigns</a></li>
|
||
{{#if parent}}
|
||
<li><a href="/campaigns/view/{{parent.id}}">{{parent.name}}</a></li>
|
||
{{/if}}
|
||
<li><a href="/campaigns/view/{{id}}">{{name}}</a></li>
|
||
<li class="active">Edit Campaign</li>
|
||
</ol>
|
||
|
||
<h2>Edit Campaign <a class="btn btn-default btn-xs" href="/campaigns/view/{{id}}" role="button"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> View campaign</a></h2>
|
||
|
||
<hr>
|
||
|
||
<form method="post" class="delete-form" id="campaigns-delete" action="/campaigns/delete">
|
||
<input type="hidden" name="_csrf" value="{{csrfToken}}">
|
||
<input type="hidden" name="id" value="{{id}}" />
|
||
</form>
|
||
|
||
{{#each attachments}}
|
||
<form method="post" id="attachment-download-{{id}}" action="/campaigns/attachment/download">
|
||
<input type="hidden" name="_csrf" value="{{../csrfToken}}">
|
||
<input type="hidden" name="id" value="{{../id}}" />
|
||
<input type="hidden" name="attachment" value="{{id}}" />
|
||
</form>
|
||
<form method="post" class="delete-form" id="attachment-delete-{{id}}" action="/campaigns/attachment/delete">
|
||
<input type="hidden" name="_csrf" value="{{../csrfToken}}">
|
||
<input type="hidden" name="id" value="{{../id}}" />
|
||
<input type="hidden" name="attachment" value="{{id}}" />
|
||
</form>
|
||
{{/each}}
|
||
|
||
<form class="form-horizontal" method="post" action="/campaigns/edit">
|
||
<input type="hidden" name="_csrf" value="{{csrfToken}}">
|
||
<input type="hidden" name="id" value="{{id}}" />
|
||
|
||
<div>
|
||
<!-- Nav tabs -->
|
||
<ul class="nav nav-tabs" role="tablist">
|
||
<li role="presentation" class="{{#if showGeneral}}active{{/if}}"><a href="#general" aria-controls="general" role="tab" data-toggle="tab">General</a></li>
|
||
<li role="presentation" class="{{#if showTemplate}}active{{/if}}"><a href="#template" aria-controls="template" role="tab" data-toggle="tab">Template</a></li>
|
||
<li role="presentation" class="{{#if showAttachments}}active{{/if}}"><a href="#attachments" aria-controls="attachments" role="tab" data-toggle="tab">Attachments{{#if attachments}} <span class="badge">{{attachments.length}}</span>{{/if}}</a></li>
|
||
</ul>
|
||
|
||
<div class="tab-content">
|
||
<div role="tabpanel" class="tab-pane {{#if showGeneral}}active{{/if}}" id="general">
|
||
|
||
<p></p>
|
||
|
||
<fieldset>
|
||
<legend>
|
||
General Settings
|
||
</legend>
|
||
|
||
<div class="form-group">
|
||
<label for="name" class="col-sm-2 control-label">Name</label>
|
||
<div class="col-sm-10">
|
||
<input type="text" class="form-control input-lg" name="name" id="name" value="{{name}}" placeholder="Campaign Name" autofocus required>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="description" class="col-sm-2 control-label">Description</label>
|
||
<div class="col-sm-10">
|
||
<textarea class="form-control" rows="3" name="description" id="description">{{description}}</textarea>
|
||
<span class="help-block">HTML is allowed</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="list" class="col-sm-2 control-label">List</label>
|
||
<div class="col-sm-10">
|
||
<select class="form-control" id="list" name="list" required>
|
||
<option value=""> –– Select –– </option>
|
||
{{#each listItems}}
|
||
<option value="{{id}}" {{#if selected}} selected {{/if}}>
|
||
{{name}} <span class="text-muted"> — {{subscribers}} subscribers</span>
|
||
</option>
|
||
|
||
{{#if segments}}
|
||
<optgroup label="{{name}} segments">
|
||
{{#each segments}}
|
||
<option value="{{../id}}:{{id}}" {{#if selected}} selected {{/if}}>
|
||
{{../name}}: {{name}}
|
||
</option>
|
||
{{/each}}
|
||
</optgroup>
|
||
{{/if}}
|
||
{{/each}}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<hr />
|
||
|
||
<div class="form-group">
|
||
<label for="from" class="col-sm-2 control-label">Email "from name"</label>
|
||
<div class="col-sm-10">
|
||
<input type="text" class="form-control" name="from" id="from" value="{{from}}" placeholder="This is the name your emails will come from" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="address" class="col-sm-2 control-label">Email "from" address</label>
|
||
<div class="col-sm-10">
|
||
<input type="email" class="form-control" name="address" id="address" value="{{address}}" placeholder="This is the address people will send replies to unless reply-to address is set" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="reply-to" class="col-sm-2 control-label">Email "reply-to" address</label>
|
||
<div class="col-sm-10">
|
||
<input type="email" class="form-control" name="reply-to" id="reply-to" value="{{replyTo}}" placeholder="If set, this is the address people will send replies to">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="subject" class="col-sm-2 control-label">Email "subject line"</label>
|
||
<div class="col-sm-10">
|
||
<input type="text" class="form-control" name="subject" id="subject" value="{{subject}}" placeholder="Keep it relevant and non-spammy" required>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-sm-offset-2">
|
||
<div class="checkbox">
|
||
<label>
|
||
<input type="checkbox" name="tracking-disabled" value="1" {{#if trackingDisabled}} checked {{/if}}> Disable clicked/opened tracking
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
<div role="tabpanel" class="tab-pane {{#if showTemplate}}active{{/if}}" id="template">
|
||
<p></p>
|
||
|
||
<fieldset>
|
||
<legend>
|
||
Template Settings
|
||
</legend>
|
||
|
||
{{#if sourceUrl}}
|
||
<div class="form-group">
|
||
<label for="source-url" class="col-sm-2 control-label">Template URL</label>
|
||
<div class="col-sm-10">
|
||
<input type="url" class="form-control" name="source-url" id="source-url" value="{{sourceUrl}}" placeholder="http://example.com/message-render.php">
|
||
<span class="help-block">If a message is sent then this URL will be POSTed to using Merge Tags as POST body. Use this if you want to generate the HTML message yourself</span>
|
||
</div>
|
||
</div>
|
||
{{else}}
|
||
|
||
|
||
<div class="form-group">
|
||
<div class="col-sm-offset-2 col-sm-10">
|
||
<a class="btn btn-default" role="button" data-toggle="collapse" href="#mergeReference" aria-expanded="false" aria-controls="mergeReference">Merge tag reference</a>
|
||
<div class="collapse" id="mergeReference">
|
||
<p>
|
||
Merge tags are tags that are replaced before sending out the message. The format of the merge tag is the following: <code>[TAG_NAME]</code> or <code>[TAG_NAME/fallback]</code> where <code>fallback</code> is an optional
|
||
text value used when <code>TAG_NAME</code> is empty.
|
||
</p>
|
||
|
||
<table class="table table-bordered table-condensed table-striped">
|
||
<thead>
|
||
<tr>
|
||
<th>
|
||
Merge tag
|
||
</th>
|
||
<th>
|
||
Description
|
||
</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{{#each mergeTags}}
|
||
<tr>
|
||
<th scope="row">
|
||
[{{key}}]
|
||
</th>
|
||
<td>
|
||
{{value}}
|
||
</td>
|
||
</tr>
|
||
{{/each}}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="template-html" class="col-sm-2 control-label">Template content (HTML)</label>
|
||
<div class="col-sm-10">
|
||
{{#if disableWysiwyg}}
|
||
<div class="code-editor" id="template-html">{{html}}</div>
|
||
<input type="hidden" name="html">
|
||
{{else}}
|
||
<textarea class="form-control summernote" id="template-html" name="html" rows="8">{{html}}</textarea>
|
||
{{/if}}
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="template-text" class="col-sm-2 control-label">Template content (plaintext)</label>
|
||
<div class="col-sm-10">
|
||
<textarea class="form-control" id="template-text" name="text" rows="10">{{text}}</textarea>
|
||
</div>
|
||
</div>
|
||
|
||
{{/if}}
|
||
</fieldset>
|
||
</div>
|
||
|
||
<div role="tabpanel" class="tab-pane {{#if showAttachments}}active{{/if}}" id="attachments">
|
||
|
||
<p></p>
|
||
|
||
|
||
<fieldset>
|
||
<legend>
|
||
Attachments
|
||
</legend>
|
||
|
||
<div class="table-responsive">
|
||
<table class="table table-bordered table-hover">
|
||
<thead>
|
||
<th class="col-md-1">
|
||
#
|
||
</th>
|
||
<th>
|
||
File
|
||
</th>
|
||
<th class="col-md-1">
|
||
Size
|
||
</th>
|
||
<th class="col-md-1">
|
||
|
||
</th>
|
||
</thead>
|
||
<tbody>
|
||
{{#if attachments}}
|
||
{{#each attachments}}
|
||
<tr>
|
||
<td>
|
||
{{index}}
|
||
</td>
|
||
<td>
|
||
<button type="submit" form="attachment-download-{{id}}" class="btn btn-link btn-xs"><i class="glyphicon glyphicon-cloud-download"></i> {{filename}}</button>
|
||
</td>
|
||
<td>
|
||
{{size}}
|
||
</td>
|
||
<td>
|
||
<button type="submit" form="attachment-delete-{{id}}" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-remove"></i> Delete</button>
|
||
</td>
|
||
</tr>
|
||
{{/each}}
|
||
{{else}}
|
||
<tr>
|
||
<td colspan="4">
|
||
No data available in table
|
||
</td>
|
||
</tr>
|
||
{{/if}}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="pull-right">
|
||
<a class="btn btn-info btn-sm" href="/campaigns/attachment/{{id}}" role="button"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add Attachment</a>
|
||
</div>
|
||
</fieldset>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<hr/>
|
||
|
||
<div class="form-group">
|
||
<div class="col-sm-offset-2 col-sm-10">
|
||
<div class="pull-right">
|
||
<button type="submit" form="campaigns-delete" class="btn btn-danger"><i class="glyphicon glyphicon-remove"></i> Delete Campaign</button>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-ok"></i> Update</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|