2015-06-15 21:49:16 +00:00
|
|
|
{{define "body"}}
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-sm-3 col-md-2 sidebar">
|
|
|
|
<ul class="nav nav-sidebar">
|
2015-07-28 00:44:10 +00:00
|
|
|
<li><a href="/">Dashboard</a>
|
2015-06-15 21:49:16 +00:00
|
|
|
</li>
|
2015-06-17 04:09:27 +00:00
|
|
|
<li><a href="/campaigns">Campaigns</a>
|
2015-06-15 21:49:16 +00:00
|
|
|
</li>
|
2015-06-17 04:09:27 +00:00
|
|
|
<li><a href="/users">Users & Groups</a>
|
2015-06-15 21:49:16 +00:00
|
|
|
</li>
|
2015-08-14 23:24:02 +00:00
|
|
|
<li class="active"><a href="/templates">Email Templates</a>
|
2015-06-15 21:49:16 +00:00
|
|
|
</li>
|
2015-06-17 04:09:27 +00:00
|
|
|
<li><a href="/landing_pages">Landing Pages</a>
|
2015-06-15 21:49:16 +00:00
|
|
|
</li>
|
2015-06-17 04:09:27 +00:00
|
|
|
<li><a href="/settings">Settings</a>
|
2015-06-15 21:49:16 +00:00
|
|
|
</li>
|
|
|
|
<li><a href="/api/">API Documentation</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2015-06-24 04:02:29 +00:00
|
|
|
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
|
|
|
<div class="row">
|
|
|
|
<h1 class="page-header">
|
|
|
|
Email Templates
|
|
|
|
</h1>
|
|
|
|
</div>
|
2015-06-21 21:10:47 +00:00
|
|
|
<div id="flashes" class="row"></div>
|
2015-06-15 21:49:16 +00:00
|
|
|
<div class="row">
|
2015-08-14 23:24:02 +00:00
|
|
|
<button type="button" class="btn btn-primary" onclick="edit(-1)" data-toggle="modal" data-target="#modal"><i class="fa fa-plus"></i> New Template</button>
|
2015-06-15 21:49:16 +00:00
|
|
|
</div>
|
|
|
|
|
2015-08-14 23:24:02 +00:00
|
|
|
<div id="loading">
|
|
|
|
<i class="fa fa-spinner fa-spin fa-4x"></i>
|
|
|
|
</div>
|
|
|
|
<div id="emptyMessage" class="row" style="display:none;">
|
2015-06-21 21:10:47 +00:00
|
|
|
<div class="alert alert-info">
|
2015-08-14 23:24:02 +00:00
|
|
|
No templates yet. Let's create one!
|
2015-06-15 21:49:16 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2015-06-24 04:02:29 +00:00
|
|
|
<div class="row">
|
|
|
|
<table id="templateTable" class="table" style="display:none;">
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th>Name</th>
|
|
|
|
<th>Modified Date</th>
|
2015-07-07 03:26:08 +00:00
|
|
|
<th class="col-md-2"></th>
|
2015-06-24 04:02:29 +00:00
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
2015-06-15 21:49:16 +00:00
|
|
|
</div>
|
2015-06-24 04:02:29 +00:00
|
|
|
<!-- Modal -->
|
|
|
|
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
|
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
<div class="modal-content">
|
|
|
|
<!-- New Template Modal -->
|
|
|
|
<div class="modal-header">
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
<h4 class="modal-title" id="templateModalLabel">New Template</h4>
|
|
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
|
|
<div class="row" id="modal.flashes"></div>
|
|
|
|
<label class="control-label" for="name">Name:</label>
|
|
|
|
<div class="form-group">
|
|
|
|
<input type="text" class="form-control" ng-model="template.name" placeholder="Template name" id="name" autofocus/>
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
2015-09-16 01:39:33 +00:00
|
|
|
<button class="btn btn-danger" data-toggle="modal" data-target="#importEmailModal"><i class="fa fa-envelope"></i> Import Email</button>
|
2015-06-24 04:02:29 +00:00
|
|
|
</div>
|
|
|
|
<label class="control-label" for="subject">Subject:</label>
|
|
|
|
<div class="form-group">
|
2015-06-30 00:33:11 +00:00
|
|
|
<input type="text" class="form-control" placeholder="Email Subject" id="subject" />
|
2015-06-24 04:02:29 +00:00
|
|
|
</div>
|
|
|
|
<!-- Nav tabs -->
|
|
|
|
<ul class="nav nav-tabs" role="tablist">
|
2015-06-25 07:53:03 +00:00
|
|
|
<li class="active" role="text"><a href="#text" aria-controls="text" role="tab" data-toggle="tab">Text</a></li>
|
2015-06-24 04:02:29 +00:00
|
|
|
<li role="html"><a href="#html" aria-controls="html" role="tab" data-toggle="tab">HTML</a></li>
|
|
|
|
</ul>
|
|
|
|
<!-- Tab panes -->
|
|
|
|
<div class="tab-content">
|
|
|
|
<div role="tabpanel" class="tab-pane active" id="text">
|
2015-09-16 01:39:33 +00:00
|
|
|
<textarea rows="10" id="text_editor" class="gophish-editor form-control" placeholder="Plaintext"></textarea>
|
2015-06-24 04:02:29 +00:00
|
|
|
</div>
|
|
|
|
<div role="tabpanel" class="tab-pane" id="html">
|
|
|
|
<textarea id="html_editor"></textarea>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<span class="btn btn-danger btn-file"><i class="fa fa-plus"></i> Add Files
|
2015-08-14 23:24:02 +00:00
|
|
|
<input id="attachmentUpload" type="file" onchange="attach(this.files)" multiple>
|
2015-06-24 04:02:29 +00:00
|
|
|
</span>
|
2015-06-28 00:21:46 +00:00
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<table id="attachmentsTable" class="table">
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th class="col-md-1"></th>
|
|
|
|
<th class="col-md-10">Name</th>
|
|
|
|
<th class="col-md-1"></th>
|
2015-06-30 00:33:11 +00:00
|
|
|
<th class="datatable_hidden">Content</th>
|
|
|
|
<th class="datatable_hidden">Type</th>
|
2015-06-28 00:21:46 +00:00
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
2015-06-24 04:02:29 +00:00
|
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
2015-09-15 04:42:29 +00:00
|
|
|
<button type="button" data-dismiss="modal" class="btn btn-default" onclick="dismiss()">Cancel</button>
|
2015-08-14 23:24:02 +00:00
|
|
|
<button type="button" class="btn btn-primary" id="modalSubmit">Save Template</button>
|
2015-06-24 04:02:29 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2015-09-15 04:42:29 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Modal -->
|
|
|
|
<div class="modal fade" id="importEmailModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
|
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
<div class="modal-content">
|
|
|
|
<!-- New Email Modal -->
|
|
|
|
<div class="modal-header">
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
<h4 class="modal-title" id="importEmailModalLabel">Import Email</h4>
|
|
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
|
|
<div class="row" id="modal.flashes"></div>
|
|
|
|
<label class="control-label" for="email">Email Content:</label>
|
|
|
|
<div class="form-group">
|
2015-09-16 01:39:33 +00:00
|
|
|
<textarea rows="10" id="email_content" class="gophish-editor form-control" placeholder="Raw Email Source"></textarea>
|
2015-09-15 04:42:29 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
2015-09-16 01:39:33 +00:00
|
|
|
<button type="button" data-dismiss="modal" class="btn btn-default">Cancel</button>
|
2015-09-15 04:42:29 +00:00
|
|
|
<button type="button" class="btn btn-primary" id="modalSubmit" onclick="importEmail()">Import</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2015-06-24 04:02:29 +00:00
|
|
|
</div>
|
2015-06-15 21:49:16 +00:00
|
|
|
{{end}}
|
2015-06-21 21:10:47 +00:00
|
|
|
{{define "scripts"}}
|
2015-08-12 02:12:09 +00:00
|
|
|
<script src="/js/ckeditor/ckeditor.js"></script>
|
|
|
|
<script src="/js/ckeditor/adapters/jquery.js"></script>
|
2015-06-24 04:02:29 +00:00
|
|
|
<script src="/js/app/templates.js"></script>
|
2015-06-21 21:10:47 +00:00
|
|
|
{{end}}
|