Formatting Javascript using js-beautifier

pull/75/head
Jordan Wright 2016-01-16 22:59:40 -06:00
parent e78ec27ef2
commit 2dda83814c
8 changed files with 924 additions and 875 deletions

View File

@ -2,32 +2,32 @@ var map = null
// statuses is a helper map to point result statuses to ui classes
var statuses = {
"Email Sent" : {
"Email Sent": {
slice: "ct-slice-donut-sent",
legend: "ct-legend-sent",
label: "label-success"
},
"Email Opened" : {
"Email Opened": {
slice: "ct-slice-donut-opened",
legend: "ct-legend-opened",
label: "label-warning"
},
"Clicked Link" : {
"Clicked Link": {
slice: "ct-slice-donut-clicked",
legend: "ct-legend-clicked",
label: "label-danger"
},
"Success" : {
"Success": {
slice: "ct-slice-donut-clicked",
legend: "ct-legend-clicked",
label: "label-danger"
},
"Error" : {
"Error": {
slice: "ct-slice-donut-error",
legend: "ct-legend-error",
label: "label-default"
},
"Unknown" : {
"Unknown": {
slice: "ct-slice-donut-error",
legend: "ct-legend-error",
label: "label-default"
@ -36,42 +36,46 @@ var statuses = {
var campaign = {}
function dismiss(){
function dismiss() {
$("#modal\\.flashes").empty()
$("#modal").modal('hide')
$("#resultsTable").dataTable().DataTable().clear().draw()
}
// Deletes a campaign after prompting the user
function deleteCampaign(){
if (confirm("Are you sure you want to delete: " + campaign.name + "?")){
function deleteCampaign() {
if (confirm("Are you sure you want to delete: " + campaign.name + "?")) {
api.campaignId.delete(campaign.id)
.success(function(msg){
.success(function(msg) {
console.log(msg)
})
.error(function(e){
.error(function(e) {
$("#modal\\.flashes").empty().append("<div style=\"text-align:center\" class=\"alert alert-danger\">\
<i class=\"fa fa-exclamation-circle\"></i> " + data.responseJSON.message + "</div>")
})
}
}
$(document).ready(function(){
$(document).ready(function() {
campaign.id = window.location.pathname.split('/').slice(-1)[0]
api.campaignId.get(campaign.id)
.success(function(c){
.success(function(c) {
campaign = c
if (campaign){
if (campaign) {
// Set the title
$("#page-title").text("Results for " + c.name)
// Setup tooltips
$('[data-toggle="tooltip"]').tooltip()
// Setup our graphs
var timeline_data = {series:[{
var timeline_data = {
series: [{
name: "Events",
data: []
}]}
var email_data = {series:[]}
}]
}
var email_data = {
series: []
}
var email_legend = {}
var email_series_data = {}
var timeline_opts = {
@ -79,7 +83,7 @@ $(document).ready(function(){
showGrid: false,
type: Chartist.FixedScaleAxis,
divisor: 5,
labelInterpolationFnc: function(value){
labelInterpolationFnc: function(value) {
return moment(value).format('MMMM Do YYYY h:mm')
}
},
@ -93,14 +97,14 @@ $(document).ready(function(){
plugins: []
}
var email_opts = {
donut : true,
donut: true,
donutWidth: 40,
chartPadding: 0,
showLabel: false
}
// Setup the results table
resultsTable = $("#resultsTable").DataTable();
$.each(campaign.results, function(i, result){
$.each(campaign.results, function(i, result) {
label = statuses[result.status].label || "label-default";
resultsTable.row.add([
result.first_name || "",
@ -109,18 +113,25 @@ $(document).ready(function(){
result.position || "",
"<span class=\"label " + label + "\">" + result.status + "</span>"
]).draw()
if (!email_series_data[result.status]){
if (!email_series_data[result.status]) {
email_series_data[result.status] = 1
} else {
email_series_data[result.status]++;
}
})
// Setup the graphs
$.each(campaign.timeline, function(i, event){
timeline_data.series[0].data.push({meta : i, x: new Date(event.time), y:1})
$.each(campaign.timeline, function(i, event) {
timeline_data.series[0].data.push({
meta: i,
x: new Date(event.time),
y: 1
})
})
$.each(email_series_data, function(status, count) {
email_data.series.push({
meta: status,
value: count
})
$.each(email_series_data, function(status, count){
email_data.series.push({meta: status, value: count})
})
var timeline_chart = new Chartist.Line('#timeline_chart', timeline_data, timeline_opts)
// Setup the overview chart listeners
@ -149,7 +160,7 @@ $(document).ready(function(){
});
});
var email_chart = new Chartist.Pie("#email_chart", email_data, email_opts)
email_chart.on('draw', function(data){
email_chart.on('draw', function(data) {
// We don't want to create the legend twice
if (!email_legend[data.meta]) {
console.log(data.meta)
@ -191,37 +202,39 @@ $(document).ready(function(){
point: "#283F50"
},
geographyConfig: {
highlightFillColor : "#1abc9c",
borderColor:"#283F50"
highlightFillColor: "#1abc9c",
borderColor: "#283F50"
},
bubblesConfig: {
borderColor: "#283F50"
}
});
bubbles = []
$.each(campaign.results, function(i, result){
$.each(campaign.results, function(i, result) {
// Check that it wasn't an internal IP
if (result.latitude == 0 && result.longitude == 0) { return true; }
if (result.latitude == 0 && result.longitude == 0) {
return true;
}
newIP = true
$.each(bubbles, function(i, bubble){
if (bubble.ip == result.ip){
$.each(bubbles, function(i, bubble) {
if (bubble.ip == result.ip) {
bubbles[i].radius += 1
newIP = false
return false
}
})
if (newIP){
if (newIP) {
console.log("Adding bubble at: ")
console.log({
latitude : result.latitude,
latitude: result.latitude,
longitude: result.longitude,
name : result.ip,
name: result.ip,
fillKey: "point"
})
bubbles.push({
latitude : result.latitude,
latitude: result.latitude,
longitude: result.longitude,
name : result.ip,
name: result.ip,
fillKey: "point",
radius: 2
})
@ -230,9 +243,9 @@ $(document).ready(function(){
map.bubbles(bubbles)
}
// Load up the map data (only once!)
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
if ($(e.target).attr('href') == "#overview"){
if (!map){
$('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
if ($(e.target).attr('href') == "#overview") {
if (!map) {
map = new Datamap({
element: document.getElementById("resultsMap"),
responsive: true,
@ -240,15 +253,15 @@ $(document).ready(function(){
defaultFill: "#ffffff"
},
geographyConfig: {
highlightFillColor : "#1abc9c",
borderColor:"#283F50"
highlightFillColor: "#1abc9c",
borderColor: "#283F50"
}
});
}
}
})
})
.error(function(){
.error(function() {
$("#loading").hide()
errorFlash(" Campaign not found!")
})

View File

@ -1,23 +1,25 @@
// labels is a map of campaign statuses to
// CSS classes
var labels = {
"In progress" : "label-primary",
"Queued" : "label-info",
"Completed" : "label-success",
"Emails Sent" : "label-success",
"Error" : "label-danger"
"In progress": "label-primary",
"Queued": "label-info",
"Completed": "label-success",
"Emails Sent": "label-success",
"Error": "label-danger"
}
// Save attempts to POST to /campaigns/
function save(){
function save() {
groups = []
$.each($("#groupTable").DataTable().rows().data(), function(i, group){
groups.push({name: group[0]})
$.each($("#groupTable").DataTable().rows().data(), function(i, group) {
groups.push({
name: group[0]
})
})
console.log(groups)
var campaign = {
name: $("#name").val(),
template:{
template: {
name: $("#template").val()
},
url: $("#url").val(),
@ -34,69 +36,66 @@ function save(){
}
// Submit the campaign
api.campaigns.post(campaign)
.success(function(data){
.success(function(data) {
successFlash("Campaign successfully launched!")
window.location = "/campaigns/" + campaign.id.toString()
})
.error(function(data){
.error(function(data) {
$("#modal\\.flashes").empty().append("<div style=\"text-align:center\" class=\"alert alert-danger\">\
<i class=\"fa fa-exclamation-circle\"></i> " + data.responseJSON.message + "</div>")
})
}
function dismiss(){
function dismiss() {
$("#modal\\.flashes").empty()
$("#modal").modal('hide')
$("#groupTable").dataTable().DataTable().clear().draw()
}
function edit(campaign){
function edit(campaign) {
// Clear the bloodhound instance
group_bh.clear();
template_bh.clear();
page_bh.clear();
if (campaign == "new") {
api.groups.get()
.success(function(groups){
if (groups.length == 0){
.success(function(groups) {
if (groups.length == 0) {
modalError("No groups found!")
return false;
}
else {
} else {
group_bh.add(groups)
}
})
api.templates.get()
.success(function(templates){
if (templates.length == 0){
.success(function(templates) {
if (templates.length == 0) {
modalError("No templates found!")
return false
}
else {
} else {
template_bh.add(templates)
}
})
api.pages.get()
.success(function(pages){
if (pages.length == 0){
.success(function(pages) {
if (pages.length == 0) {
modalError("No pages found!")
return false
}
else {
} else {
page_bh.add(pages)
}
})
}
}
$(document).ready(function(){
$(document).ready(function() {
api.campaigns.get()
.success(function(campaigns){
.success(function(campaigns) {
$("#loading").hide()
if (campaigns.length > 0){
if (campaigns.length > 0) {
$("#campaignTable").show()
campaignTable = $("#campaignTable").DataTable();
$.each(campaigns, function(i, campaign){
$.each(campaigns, function(i, campaign) {
label = labels[campaign.status] || "label-default";
campaignTable.row.add([
campaign.name,
@ -114,17 +113,17 @@ $(document).ready(function(){
$("#emptyMessage").show()
}
})
.error(function(){
.error(function() {
$("#loading").hide()
errorFlash("Error fetching campaigns")
})
$("#groupForm").submit(function(){
$("#groupForm").submit(function() {
groupTable.row.add([
$("#groupSelect").val(),
'<span style="cursor:pointer;"><i class="fa fa-trash-o"></i></span>'
]).draw()
$("#groupTable").on("click", "span>i.fa-trash-o", function(){
groupTable.row( $(this).parents('tr') )
$("#groupTable").on("click", "span>i.fa-trash-o", function() {
groupTable.row($(this).parents('tr'))
.remove()
.draw();
})
@ -133,7 +132,9 @@ $(document).ready(function(){
// Create the group typeahead objects
groupTable = $("#groupTable").DataTable()
group_bh = new Bloodhound({
datumTokenizer: function(g) { return Bloodhound.tokenizers.whitespace(g.name) },
datumTokenizer: function(g) {
return Bloodhound.tokenizers.whitespace(g.name)
},
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: []
})
@ -142,24 +143,29 @@ $(document).ready(function(){
hint: true,
highlight: true,
minLength: 1
},
{
}, {
name: "groups",
source: group_bh,
templates: {
empty: function(data) {return '<div class="tt-suggestion">No groups matched that query</div>' },
suggestion: function(data){ return '<div>' + data.name + '</div>' }
empty: function(data) {
return '<div class="tt-suggestion">No groups matched that query</div>'
},
suggestion: function(data) {
return '<div>' + data.name + '</div>'
}
}
})
.bind('typeahead:select', function(ev, group){
.bind('typeahead:select', function(ev, group) {
$("#groupSelect").typeahead('val', group.name)
})
.bind('typeahead:autocomplete', function(ev, group){
.bind('typeahead:autocomplete', function(ev, group) {
$("#groupSelect").typeahead('val', group.name)
});
// Create the template typeahead objects
template_bh = new Bloodhound({
datumTokenizer: function(t) { return Bloodhound.tokenizers.whitespace(t.name) },
datumTokenizer: function(t) {
return Bloodhound.tokenizers.whitespace(t.name)
},
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: []
})
@ -168,24 +174,29 @@ $(document).ready(function(){
hint: true,
highlight: true,
minLength: 1
},
{
}, {
name: "templates",
source: template_bh,
templates: {
empty: function(data) {return '<div class="tt-suggestion">No templates matched that query</div>' },
suggestion: function(data){ return '<div>' + data.name + '</div>' }
empty: function(data) {
return '<div class="tt-suggestion">No templates matched that query</div>'
},
suggestion: function(data) {
return '<div>' + data.name + '</div>'
}
}
})
.bind('typeahead:select', function(ev, template){
.bind('typeahead:select', function(ev, template) {
$("#template").typeahead('val', template.name)
})
.bind('typeahead:autocomplete', function(ev, template){
.bind('typeahead:autocomplete', function(ev, template) {
$("#template").typeahead('val', template.name)
});
// Create the landing page typeahead objects
page_bh = new Bloodhound({
datumTokenizer: function(p) { return Bloodhound.tokenizers.whitespace(p.name) },
datumTokenizer: function(p) {
return Bloodhound.tokenizers.whitespace(p.name)
},
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: []
})
@ -194,19 +205,22 @@ $(document).ready(function(){
hint: true,
highlight: true,
minLength: 1
},
{
}, {
name: "pages",
source: page_bh,
templates: {
empty: function(data) {return '<div class="tt-suggestion">No pages matched that query</div>' },
suggestion: function(data){ return '<div>' + data.name + '</div>' }
empty: function(data) {
return '<div class="tt-suggestion">No pages matched that query</div>'
},
suggestion: function(data) {
return '<div>' + data.name + '</div>'
}
}
})
.bind('typeahead:select', function(ev, page){
.bind('typeahead:select', function(ev, page) {
$("#page").typeahead('val', page.name)
})
.bind('typeahead:autocomplete', function(ev, page){
.bind('typeahead:autocomplete', function(ev, page) {
$("#page").typeahead('val', page.name)
});
})

View File

@ -1,24 +1,31 @@
var campaigns = []
// labels is a map of campaign statuses to
// CSS classes
// labels is a map of campaign statuses to
// CSS classes
var labels = {
"In progress" : "label-primary",
"Queued" : "label-info",
"Completed" : "label-success",
"Emails Sent" : "label-success",
"Error" : "label-danger"
"In progress": "label-primary",
"Queued": "label-info",
"Completed": "label-success",
"Emails Sent": "label-success",
"Error": "label-danger"
}
$(document).ready(function(){
$(document).ready(function() {
api.campaigns.get()
.success(function(cs){
.success(function(cs) {
$("#loading").hide()
campaigns = cs
if (campaigns.length > 0){
if (campaigns.length > 0) {
$("#dashboard").show()
// Create the overview chart data
var overview_data = {labels:[],series:[[]]}
var average_data = {series:[]}
var overview_data = {
labels: [],
series: [
[]
]
}
var average_data = {
series: []
}
var overview_opts = {
axisX: {
showGrid: false
@ -27,14 +34,14 @@ $(document).ready(function(){
plugins: []
}
var average_opts = {
donut : true,
donut: true,
donutWidth: 40,
chartPadding: 0,
showLabel: false
}
var average = 0
campaignTable = $("#campaignTable").DataTable();
$.each(campaigns, function(i, campaign){
$.each(campaigns, function(i, campaign) {
var campaign_date = moment(campaign.created_date).format('MMMM Do YYYY h:mm:ss a')
var label = labels[campaign.status] || "label-default";
// Add it to the table
@ -51,8 +58,8 @@ $(document).ready(function(){
]).draw()
// Add it to the chart data
campaign.y = 0
$.each(campaign.results, function(j, result){
if (result.status == "Success"){
$.each(campaign.results, function(j, result) {
if (result.status == "Success") {
campaign.y++;
}
})
@ -60,11 +67,20 @@ $(document).ready(function(){
average += campaign.y
// Add the data to the overview chart
overview_data.labels.push(campaign_date)
overview_data.series[0].push({meta : i, value: campaign.y})
overview_data.series[0].push({
meta: i,
value: campaign.y
})
})
average = Math.floor(average / campaigns.length);
average_data.series.push({meta: "Unsuccessful Phishes", value: 100 - average})
average_data.series.push({meta: "Successful Phishes", value: average})
average_data.series.push({
meta: "Unsuccessful Phishes",
value: 100 - average
})
average_data.series.push({
meta: "Successful Phishes",
value: average
})
// Build the charts
var average_chart = new Chartist.Pie("#average_chart", average_data, average_opts)
var overview_chart = new Chartist.Line('#overview_chart', overview_data, overview_opts)
@ -123,7 +139,7 @@ $(document).ready(function(){
$("#emptyMessage").show()
}
})
.error(function(){
.error(function() {
errorFlash("Error fetching campaigns")
})
})

View File

@ -4,15 +4,16 @@
Author: Jordan Wright <github.com/jordan-wright>
*/
var pages = []
// Save attempts to POST to /templates/
function save(idx){
function save(idx) {
var page = {}
page.name = $("#name").val()
page.html = CKEDITOR.instances["html_editor"].getData();
if (idx != -1){
if (idx != -1) {
page.id = pages[idx].id
api.pageId.put(page)
.success(function(data){
.success(function(data) {
successFlash("Page edited successfully!")
load()
dismiss()
@ -20,56 +21,58 @@ function save(idx){
} else {
// Submit the page
api.pages.post(page)
.success(function(data){
.success(function(data) {
successFlash("Page added successfully!")
load()
dismiss()
})
.error(function(data){
.error(function(data) {
modalError(data.responseJSON.message)
})
}
}
function dismiss(){
function dismiss() {
$("#modal\\.flashes").empty()
$("#name").val("")
$("#html_editor").val("")
$("#newLandingPageModal").modal('hide')
}
function deletePage(idx){
if (confirm("Delete " + pages[idx].name + "?")){
function deletePage(idx) {
if (confirm("Delete " + pages[idx].name + "?")) {
api.pageId.delete(pages[idx].id)
.success(function(data){
.success(function(data) {
successFlash(data.message)
load()
})
}
}
function importSite(){
function importSite() {
url = $("#url").val()
if (!url){
if (!url) {
modalError("No URL Specified!")
} else {
api.clone_site({
url: url,
include_resources: false
})
.success(function(data){
.success(function(data) {
console.log($("#html_editor"))
$("#html_editor").val(data.html)
$("#importSiteModal").modal("hide")
})
.error(function(data){
.error(function(data) {
modalError(data.responseJSON.message)
})
}
}
function edit(idx){
$("#modalSubmit").unbind('click').click(function(){save(idx)})
function edit(idx) {
$("#modalSubmit").unbind('click').click(function() {
save(idx)
})
$("#html_editor").ckeditor()
var page = {}
if (idx != -1) {
@ -79,22 +82,22 @@ function edit(idx){
}
}
function load(){
/*
function load() {
/*
load() - Loads the current pages using the API
*/
*/
$("#pagesTable").hide()
$("#emptyMessage").hide()
$("#loading").show()
api.pages.get()
.success(function(ps){
.success(function(ps) {
pages = ps
$("#loading").hide()
if (pages.length > 0){
if (pages.length > 0) {
$("#pagesTable").show()
pagesTable = $("#pagesTable").DataTable();
pagesTable.clear()
$.each(pages, function(i, page){
$.each(pages, function(i, page) {
pagesTable.row.add([
page.name,
moment(page.modified_date).format('MMMM Do YYYY, h:mm:ss a'),
@ -110,51 +113,49 @@ function load(){
$("#emptyMessage").show()
}
})
.error(function(){
.error(function() {
$("#loading").hide()
errorFlash("Error fetching pages")
})
}
$(document).ready(function(){
$(document).ready(function() {
// Setup multiple modals
// Code based on http://miles-by-motorcycle.com/static/bootstrap-modal/index.html
$('.modal').on('hidden.bs.modal', function( event ) {
$(this).removeClass( 'fv-modal-stack' );
$('body').data( 'fv_open_modals', $('body').data( 'fv_open_modals' ) - 1 );
$('.modal').on('hidden.bs.modal', function(event) {
$(this).removeClass('fv-modal-stack');
$('body').data('fv_open_modals', $('body').data('fv_open_modals') - 1);
});
$( '.modal' ).on( 'shown.bs.modal', function ( event ) {
$('.modal').on('shown.bs.modal', function(event) {
// Keep track of the number of open modals
if ( typeof( $('body').data( 'fv_open_modals' ) ) == 'undefined' )
{
$('body').data( 'fv_open_modals', 0 );
if (typeof($('body').data('fv_open_modals')) == 'undefined') {
$('body').data('fv_open_modals', 0);
}
// if the z-index of this modal has been set, ignore.
if ( $(this).hasClass( 'fv-modal-stack' ) )
{
if ($(this).hasClass('fv-modal-stack')) {
return;
}
$(this).addClass( 'fv-modal-stack' );
$(this).addClass('fv-modal-stack');
// Increment the number of open modals
$('body').data( 'fv_open_modals', $('body').data( 'fv_open_modals' ) + 1 );
$('body').data('fv_open_modals', $('body').data('fv_open_modals') + 1);
// Setup the appropriate z-index
$(this).css('z-index', 1040 + (10 * $('body').data( 'fv_open_modals' )));
$( '.modal-backdrop' ).not( '.fv-modal-stack' ).css( 'z-index', 1039 + (10 * $('body').data( 'fv_open_modals' )));
$( '.modal-backdrop' ).not( 'fv-modal-stack' ).addClass( 'fv-modal-stack' );
$(this).css('z-index', 1040 + (10 * $('body').data('fv_open_modals')));
$('.modal-backdrop').not('.fv-modal-stack').css('z-index', 1039 + (10 * $('body').data('fv_open_modals')));
$('.modal-backdrop').not('fv-modal-stack').addClass('fv-modal-stack');
});
$.fn.modal.Constructor.prototype.enforceFocus = function() {
$( document )
.off( 'focusin.bs.modal' ) // guard against infinite focus loop
.on( 'focusin.bs.modal', $.proxy( function( e ) {
$(document)
.off('focusin.bs.modal') // guard against infinite focus loop
.on('focusin.bs.modal', $.proxy(function(e) {
if (
this.$element[ 0 ] !== e.target && !this.$element.has( e.target ).length
this.$element[0] !== e.target && !this.$element.has(e.target).length
// CKEditor compatibility fix start.
&& !$( e.target ).closest( '.cke_dialog, .cke' ).length
&& !$(e.target).closest('.cke_dialog, .cke').length
// CKEditor compatibility fix end.
) {
this.$element.trigger( 'focus' );
this.$element.trigger('focus');
}
}, this ) );
}, this));
};
load()
})

View File

@ -1,22 +1,22 @@
$(document).ready(function(){
$("#apiResetForm").submit(function(e){
$(document).ready(function() {
$("#apiResetForm").submit(function(e) {
$.post("/api/reset", $(this).serialize())
.done(function(data){
.done(function(data) {
api_key = data.data
successFlash(data.message)
$("#api_key").val(api_key)
})
.fail(function(data){
.fail(function(data) {
errorFlash(data.message)
})
return false
})
$("#settingsForm").submit(function(e){
$("#settingsForm").submit(function(e) {
$.post("/settings", $(this).serialize())
.done(function(data){
.done(function(data) {
successFlash(data.message)
})
.fail(function(data){
.fail(function(data) {
errorFlash(data.responseJSON.message)
})
return false

View File

@ -1,21 +1,23 @@
var templates = []
var icons = {
"application/vnd.ms-excel" : "fa-file-excel-o",
"text/plain" : "fa-file-text-o",
"image/gif" : "fa-file-image-o",
"image/png" : "fa-file-image-o",
"application/pdf" : "fa-file-pdf-o",
"application/x-zip-compressed" : "fa-file-archive-o",
"application/x-gzip" : "fa-file-archive-o",
"application/vnd.openxmlformats-officedocument.presentationml.presentation" : "fa-file-powerpoint-o",
"application/vnd.openxmlformats-officedocument.wordprocessingml.document" : "fa-file-word-o",
"application/octet-stream" : "fa-file-o",
"application/x-msdownload" : "fa-file-o"
"application/vnd.ms-excel": "fa-file-excel-o",
"text/plain": "fa-file-text-o",
"image/gif": "fa-file-image-o",
"image/png": "fa-file-image-o",
"application/pdf": "fa-file-pdf-o",
"application/x-zip-compressed": "fa-file-archive-o",
"application/x-gzip": "fa-file-archive-o",
"application/vnd.openxmlformats-officedocument.presentationml.presentation": "fa-file-powerpoint-o",
"application/vnd.openxmlformats-officedocument.wordprocessingml.document": "fa-file-word-o",
"application/octet-stream": "fa-file-o",
"application/x-msdownload": "fa-file-o"
}
// Save attempts to POST to /templates/
function save(idx){
var template = {attachments:[]}
function save(idx) {
var template = {
attachments: []
}
template.name = $("#name").val()
template.subject = $("#subject").val()
template.html = CKEDITOR.instances["html_editor"].getData();
@ -24,22 +26,22 @@ function save(idx){
// If the "Add Tracker Image" checkbox is checked, add the tracker
if ($("#use_tracker_checkbox").prop("checked") &&
template.html.indexOf("{{.Tracker}}") == -1 &&
template.html.indexOf("{{.TrackingUrl}}") == -1){
template.html.indexOf("{{.TrackingUrl}}") == -1) {
template.html = template.html.replace("</body>", "{{.Tracker}}</body>")
}
template.text = $("#text_editor").val()
// Add the attachments
$.each($("#attachmentsTable").DataTable().rows().data(), function(i, target){
$.each($("#attachmentsTable").DataTable().rows().data(), function(i, target) {
template.attachments.push({
name : target[1],
name: target[1],
content: target[3],
type: target[4],
})
})
if (idx != -1){
if (idx != -1) {
template.id = templates[idx].id
api.templateId.put(template)
.success(function(data){
.success(function(data) {
successFlash("Template edited successfully!")
load()
dismiss()
@ -47,18 +49,18 @@ function save(idx){
} else {
// Submit the template
api.templates.post(template)
.success(function(data){
.success(function(data) {
successFlash("Template added successfully!")
load()
dismiss()
})
.error(function(data){
.error(function(data) {
modalError(data.responseJSON.message)
})
}
}
function dismiss(){
function dismiss() {
$("#modal\\.flashes").empty()
$("#attachmentsTable").dataTable().DataTable().clear().draw()
$("#name").val("")
@ -67,22 +69,22 @@ function dismiss(){
$("#modal").modal('hide')
}
function deleteTemplate(idx){
if (confirm("Delete " + templates[idx].name + "?")){
function deleteTemplate(idx) {
if (confirm("Delete " + templates[idx].name + "?")) {
api.templateId.delete(templates[idx].id)
.success(function(data){
.success(function(data) {
successFlash(data.message)
load()
})
}
}
function attach(files){
function attach(files) {
attachmentsTable = $("#attachmentsTable").DataTable();
$.each(files, function(i, file){
$.each(files, function(i, file) {
var reader = new FileReader();
/* Make this a datatable */
reader.onload = function(e){
reader.onload = function(e) {
var icon = icons[file.type] || "fa-file-o"
// Add the record to the modal
attachmentsTable.row.add([
@ -100,31 +102,36 @@ function attach(files){
})
}
function edit(idx){
$("#modalSubmit").unbind('click').click(function(){save(idx)})
$("#attachmentUpload").unbind('click').click(function(){this.value=null})
function edit(idx) {
$("#modalSubmit").unbind('click').click(function() {
save(idx)
})
$("#attachmentUpload").unbind('click').click(function() {
this.value = null
})
$("#html_editor").ckeditor()
$("#attachmentsTable").show()
attachmentsTable = null
if ( $.fn.dataTable.isDataTable('#attachmentsTable') ) {
if ($.fn.dataTable.isDataTable('#attachmentsTable')) {
attachmentsTable = $('#attachmentsTable').DataTable();
}
else {
} else {
attachmentsTable = $("#attachmentsTable").DataTable({
"aoColumnDefs" : [{
"targets" : [3,4],
"sClass" : "datatable_hidden"
"aoColumnDefs": [{
"targets": [3, 4],
"sClass": "datatable_hidden"
}]
});
}
var template = {attachments:[]}
var template = {
attachments: []
}
if (idx != -1) {
template = templates[idx]
$("#name").val(template.name)
$("#subject").val(template.subject)
$("#html_editor").val(template.html)
$("#text_editor").val(template.text)
$.each(template.attachments, function(i, file){
$.each(template.attachments, function(i, file) {
var icon = icons[file.type] || "fa-file-o"
// Add the record to the modal
attachmentsTable.row.add([
@ -137,16 +144,16 @@ function edit(idx){
})
}
// Handle Deletion
$("#attachmentsTable").unbind('click').on("click", "span>i.fa-trash-o", function(){
attachmentsTable.row( $(this).parents('tr') )
$("#attachmentsTable").unbind('click').on("click", "span>i.fa-trash-o", function() {
attachmentsTable.row($(this).parents('tr'))
.remove()
.draw();
})
}
function importEmail(){
function importEmail() {
raw = $("#email_content").val()
if (!raw){
if (!raw) {
modalError("No Content Specified!")
} else {
$.ajax({
@ -156,31 +163,31 @@ function importEmail(){
dataType: "json",
contentType: "text/plain"
})
.success(function(data){
.success(function(data) {
$("#text_editor").val(data.text)
$("#html_editor").val(data.html)
$("#subject").val(data.subject)
$("#importEmailModal").modal("hide")
})
.error(function(data){
.error(function(data) {
modalError(data.responseJSON.message)
})
}
}
function load(){
function load() {
$("#templateTable").hide()
$("#emptyMessage").hide()
$("#loading").show()
api.templates.get()
.success(function(ts){
.success(function(ts) {
templates = ts
$("#loading").hide()
if (templates.length > 0){
if (templates.length > 0) {
$("#templateTable").show()
templateTable = $("#templateTable").DataTable();
templateTable.clear()
$.each(templates, function(i, template){
$.each(templates, function(i, template) {
templateTable.row.add([
template.name,
moment(template.modified_date).format('MMMM Do YYYY, h:mm:ss a'),
@ -196,51 +203,49 @@ function load(){
$("#emptyMessage").show()
}
})
.error(function(){
.error(function() {
$("#loading").hide()
errorFlash("Error fetching templates")
})
}
$(document).ready(function(){
$(document).ready(function() {
// Setup multiple modals
// Code based on http://miles-by-motorcycle.com/static/bootstrap-modal/index.html
$('.modal').on('hidden.bs.modal', function( event ) {
$(this).removeClass( 'fv-modal-stack' );
$('body').data( 'fv_open_modals', $('body').data( 'fv_open_modals' ) - 1 );
$('.modal').on('hidden.bs.modal', function(event) {
$(this).removeClass('fv-modal-stack');
$('body').data('fv_open_modals', $('body').data('fv_open_modals') - 1);
});
$( '.modal' ).on( 'shown.bs.modal', function ( event ) {
$('.modal').on('shown.bs.modal', function(event) {
// Keep track of the number of open modals
if ( typeof( $('body').data( 'fv_open_modals' ) ) == 'undefined' )
{
$('body').data( 'fv_open_modals', 0 );
if (typeof($('body').data('fv_open_modals')) == 'undefined') {
$('body').data('fv_open_modals', 0);
}
// if the z-index of this modal has been set, ignore.
if ( $(this).hasClass( 'fv-modal-stack' ) )
{
if ($(this).hasClass('fv-modal-stack')) {
return;
}
$(this).addClass( 'fv-modal-stack' );
$(this).addClass('fv-modal-stack');
// Increment the number of open modals
$('body').data( 'fv_open_modals', $('body').data( 'fv_open_modals' ) + 1 );
$('body').data('fv_open_modals', $('body').data('fv_open_modals') + 1);
// Setup the appropriate z-index
$(this).css('z-index', 1040 + (10 * $('body').data( 'fv_open_modals' )));
$( '.modal-backdrop' ).not( '.fv-modal-stack' ).css( 'z-index', 1039 + (10 * $('body').data( 'fv_open_modals' )));
$( '.modal-backdrop' ).not( 'fv-modal-stack' ).addClass( 'fv-modal-stack' );
$(this).css('z-index', 1040 + (10 * $('body').data('fv_open_modals')));
$('.modal-backdrop').not('.fv-modal-stack').css('z-index', 1039 + (10 * $('body').data('fv_open_modals')));
$('.modal-backdrop').not('fv-modal-stack').addClass('fv-modal-stack');
});
$.fn.modal.Constructor.prototype.enforceFocus = function() {
$( document )
.off( 'focusin.bs.modal' ) // guard against infinite focus loop
.on( 'focusin.bs.modal', $.proxy( function( e ) {
$(document)
.off('focusin.bs.modal') // guard against infinite focus loop
.on('focusin.bs.modal', $.proxy(function(e) {
if (
this.$element[ 0 ] !== e.target && !this.$element.has( e.target ).length
this.$element[0] !== e.target && !this.$element.has(e.target).length
// CKEditor compatibility fix start.
&& !$( e.target ).closest( '.cke_dialog, .cke' ).length
&& !$(e.target).closest('.cke_dialog, .cke').length
// CKEditor compatibility fix end.
) {
this.$element.trigger( 'focus' );
this.$element.trigger('focus');
}
}, this ) );
}, this));
};
load()
})

View File

@ -1,11 +1,11 @@
var groups = []
// Save attempts to POST or PUT to /groups/
function save(idx){
function save(idx) {
var targets = []
$.each($("#targetsTable").DataTable().rows().data(), function(i, target){
$.each($("#targetsTable").DataTable().rows().data(), function(i, target) {
targets.push({
first_name : target[0],
first_name: target[0],
last_name: target[1],
email: target[2],
position: target[3]
@ -21,40 +21,42 @@ function save(idx){
// we need to PUT /groups/:id
group.id = groups[idx].id
api.groupId.put(group)
.success(function(data){
.success(function(data) {
successFlash("Group updated successfully!")
load()
dismiss()
$("#modal").modal('hide')
})
.error(function(data){
.error(function(data) {
modalError(data.responseJSON.message)
})
} else {
// Else, if this is a new group, POST it
// to /groups
api.groups.post(group)
.success(function(data){
.success(function(data) {
successFlash("Group added successfully!")
load()
dismiss()
$("#modal").modal('hide')
})
.error(function(data){
.error(function(data) {
modalError(data.responseJSON.message)
})
}
}
function dismiss(){
function dismiss() {
$("#targetsTable").dataTable().DataTable().clear().draw()
$("#name").val("")
$("#modal\\.flashes").empty()
}
function edit(idx){
function edit(idx) {
targets = $("#targetsTable").dataTable()
$("#modalSubmit").unbind('click').click(function(){save(idx)})
$("#modalSubmit").unbind('click').click(function() {
save(idx)
})
if (idx == -1) {
group = {}
} else {
@ -73,10 +75,10 @@ function edit(idx){
}
// Handle file uploads
$("#csvupload").fileupload({
dataType:"json",
add: function(e, data){
dataType: "json",
add: function(e, data) {
$("#modal\\.flashes").empty()
var acceptFileTypes= /(csv|txt)$/i;
var acceptFileTypes = /(csv|txt)$/i;
var filename = data.originalFiles[0]['name']
if (filename && !acceptFileTypes.test(filename.split(".").pop())) {
modalError("Unsupported file extension (use .csv or .txt)")
@ -84,7 +86,7 @@ function edit(idx){
}
data.submit();
},
done: function(e, data){
done: function(e, data) {
$.each(data.result, function(i, record) {
targets.DataTable()
.row.add([
@ -99,35 +101,35 @@ function edit(idx){
})
}
function deleteGroup(idx){
if (confirm("Delete " + groups[idx].name + "?")){
function deleteGroup(idx) {
if (confirm("Delete " + groups[idx].name + "?")) {
api.groupId.delete(groups[idx].id)
.success(function(data){
.success(function(data) {
successFlash(data.message)
load()
})
}
}
function load(){
function load() {
$("#groupTable").hide()
$("#emptyMessage").hide()
$("#loading").show()
api.groups.get()
.success(function(gs){
.success(function(gs) {
$("#loading").hide()
if (gs.length > 0){
if (gs.length > 0) {
groups = gs
$("#emptyMessage").hide()
$("#groupTable").show()
groupTable = $("#groupTable").DataTable();
groupTable.clear();
$.each(groups, function(i, group){
$.each(groups, function(i, group) {
var targets = ""
$.each(group.targets, function(i, target){
$.each(group.targets, function(i, target) {
targets += target.email + ", "
if (targets.length > 50) {
targets = targets.slice(0,-3) + "..."
targets = targets.slice(0, -3) + "..."
return false;
}
})
@ -147,16 +149,16 @@ function load(){
$("#emptyMessage").show()
}
})
.error(function(){
.error(function() {
errorFlash("Error fetching groups")
})
}
$(document).ready(function(){
$(document).ready(function() {
load()
// Setup the event listeners
// Handle manual additions
$("#targetForm").submit(function(){
$("#targetForm").submit(function() {
targets.DataTable()
.row.add([
$("#firstName").val(),
@ -171,13 +173,13 @@ $(document).ready(function(){
return false
})
// Handle Deletion
$("#targetsTable").on("click", "span>i.fa-trash-o", function(){
$("#targetsTable").on("click", "span>i.fa-trash-o", function() {
targets.DataTable()
.row( $(this).parents('tr') )
.row($(this).parents('tr'))
.remove()
.draw();
})
$("#modal").on("hide.bs.modal", function(){
$("#modal").on("hide.bs.modal", function() {
dismiss()
})
})

View File

@ -1,18 +1,16 @@
function errorFlash(message) {
$("#flashes").empty()
$("#flashes").append("<div style=\"text-align:center\" class=\"alert alert-danger\">\
<i class=\"fa fa-exclamation-circle\"></i> " + message + "</div>"
)
<i class=\"fa fa-exclamation-circle\"></i> " + message + "</div>")
}
function successFlash(message) {
$("#flashes").empty()
$("#flashes").append("<div style=\"text-align:center\" class=\"alert alert-success\">\
<i class=\"fa fa-check-circle\"></i> " + message + "</div>"
)
<i class=\"fa fa-check-circle\"></i> " + message + "</div>")
}
function modalError(message){
function modalError(message) {
$("#modal\\.flashes").empty().append("<div style=\"text-align:center\" class=\"alert alert-danger\">\
<i class=\"fa fa-exclamation-circle\"></i> " + message + "</div>")
}
@ -23,7 +21,7 @@ function query(endpoint, method, data) {
async: false,
method: method,
data: JSON.stringify(data),
dataType:"json",
dataType: "json",
contentType: "application/json"
})
}
@ -33,116 +31,116 @@ Define our API Endpoints
*/
var api = {
// campaigns contains the endpoints for /campaigns
campaigns : {
campaigns: {
// get() - Queries the API for GET /campaigns
get: function(){
get: function() {
return query("/campaigns/", "GET", {})
},
// post() - Posts a campaign to POST /campaigns
post: function(data){
post: function(data) {
return query("/campaigns/", "POST", data)
}
},
// campaignId contains the endpoints for /campaigns/:id
campaignId : {
campaignId: {
// get() - Queries the API for GET /campaigns/:id
get: function(id){
get: function(id) {
return query("/campaigns/" + id, "GET", {})
},
// delete() - Deletes a campaign at DELETE /campaigns/:id
delete: function(id){
delete: function(id) {
return query("/campaigns/" + id, "DELETE", data)
}
},
// groups contains the endpoints for /groups
groups : {
groups: {
// get() - Queries the API for GET /groups
get: function(){
get: function() {
return query("/groups/", "GET", {})
},
// post() - Posts a campaign to POST /groups
post: function(group){
post: function(group) {
return query("/groups/", "POST", group)
}
},
// groupId contains the endpoints for /groups/:id
groupId : {
groupId: {
// get() - Queries the API for GET /groups/:id
get: function(id){
get: function(id) {
return query("/groups/" + id, "GET", {})
},
// put() - Puts a campaign to PUT /groups/:id
put: function (group){
put: function(group) {
return query("/groups/" + group.id, "PUT", group)
},
// delete() - Deletes a campaign at DELETE /groups/:id
delete: function(id){
delete: function(id) {
return query("/groups/" + id, "DELETE", {})
}
},
// templates contains the endpoints for /templates
templates : {
templates: {
// get() - Queries the API for GET /templates
get: function(){
get: function() {
return query("/templates/", "GET", {})
},
// post() - Posts a campaign to POST /templates
post: function(template){
post: function(template) {
return query("/templates/", "POST", template)
}
},
// templateId contains the endpoints for /templates/:id
templateId : {
templateId: {
// get() - Queries the API for GET /templates/:id
get: function(id){
get: function(id) {
return query("/templates/" + id, "GET", {})
},
// put() - Puts a campaign to PUT /templates/:id
put: function (template){
put: function(template) {
return query("/templates/" + template.id, "PUT", template)
},
// delete() - Deletes a campaign at DELETE /templates/:id
delete: function(id){
delete: function(id) {
return query("/templates/" + id, "DELETE", {})
}
},
// pages contains the endpoints for /pages
pages : {
pages: {
// get() - Queries the API for GET /pages
get: function(){
get: function() {
return query("/pages/", "GET", {})
},
// post() - Posts a campaign to POST /pages
post: function(page){
post: function(page) {
return query("/pages/", "POST", page)
}
},
// templateId contains the endpoints for /templates/:id
pageId : {
pageId: {
// get() - Queries the API for GET /templates/:id
get: function(id){
get: function(id) {
return query("/pages/" + id, "GET", {})
},
// put() - Puts a campaign to PUT /templates/:id
put: function (page){
put: function(page) {
return query("/pages/" + page.id, "PUT", page)
},
// delete() - Deletes a campaign at DELETE /templates/:id
delete: function(id){
delete: function(id) {
return query("/pages/" + id, "DELETE", {})
}
},
// import handles all of the "import" functions in the api
import_email : function(raw) {
import_email: function(raw) {
return query("/import/email", "POST", {})
},
clone_site : function(req){
clone_site: function(req) {
return query("/import/site", "POST", req)
}
}
// Register our moment.js datatables listeners
$(document).ready(function(){
$(document).ready(function() {
$.fn.dataTable.moment('MMMM Do YYYY, h:mm:ss a');
// Setup tooltips
$('[data-toggle="tooltip"]').tooltip()