X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;ds=sidebyside;f=js%2Fangular-crmMailingAB.js;h=63715dad16f083f8ee40df4f8f807fcf0f6b5097;hb=43e5f0f62d03d30d5b9d54ff2c87f1f7e507a3cf;hp=d872dbf2280d44c5a80937216712e6e8f0f7e316;hpb=1df2e9f7980122a811cef3f7e2a896d0d850ee0a;p=civicrm-core.git
diff --git a/js/angular-crmMailingAB.js b/js/angular-crmMailingAB.js
old mode 100755
new mode 100644
index d872dbf228..63715dad16
--- a/js/angular-crmMailingAB.js
+++ b/js/angular-crmMailingAB.js
@@ -1,1181 +1,253 @@
-/**
- * Created by aditya on 6/12/14.
- */
(function (angular, $, _) {
- var partialUrl = function (relPath) {
- return CRM.resourceUrls['civicrm'] + '/partials/crmMailingAB/' + relPath;
+ var partialUrl = function (relPath, module) {
+ if (!module) {
+ module = 'crmMailingAB';
+ }
+ return CRM.resourceUrls.civicrm + '/partials/' + module + '/' + relPath;
};
- var crmMailingAB = angular.module('crmMailingAB', ['ngRoute', 'ui.utils', 'ngSanitize']);
- crmMailingAB.run(function ($rootScope, $templateCache) {
- $rootScope.$on('$viewContentLoaded', function () {
- $templateCache.removeAll();
- });
- });
- crmMailingAB.config([
+ angular.module('crmMailingAB', ['ngRoute', 'ui.utils', 'ngSanitize', 'crmUi', 'crmAttachment', 'crmMailing', 'crmD3']);
+ angular.module('crmMailingAB').config([
'$routeProvider',
function ($routeProvider) {
$routeProvider.when('/abtest', {
templateUrl: partialUrl('list.html'),
- controller: 'ABListingCtrl',
+ controller: 'CrmMailingABListCtrl',
resolve: {
mailingABList: function ($route, crmApi) {
return crmApi('MailingAB', 'get', {rowCount: 0});
}
}
});
- $routeProvider.when('/abtest/report/:id', {
- templateUrl: partialUrl('report.html'),
- controller: 'ReportCtrl',
+ $routeProvider.when('/abtest/:id', {
+ templateUrl: partialUrl('edit.html'),
+ controller: 'CrmMailingABEditCtrl',
resolve: {
- selectedABTest: function ($route, crmApi) {
- return crmApi('MailingAB', 'getsingle', {id: $route.current.params.id});
+ abtest: function ($route, CrmMailingAB) {
+ var abtest = new CrmMailingAB($route.current.params.id == 'new' ? null : $route.current.params.id);
+ return abtest.load();
}
}
});
- $routeProvider.when('/abtest/:id', {
- templateUrl: partialUrl('main.html'),
- controller: 'crmABTestingTabsCtrl',
+ $routeProvider.when('/abtest/:id/report', {
+ templateUrl: partialUrl('report.html'),
+ controller: 'CrmMailingABReportCtrl',
resolve: {
- selectedABTest: function ($route, crmApi) {
- if ($route.current.params.id !== 'new') {
-
- return crmApi('MailingAB', 'getsingle', {id: $route.current.params.id});
- }
- else {
- //created_id has been set to my id. Does not save without created_id. Needs to made generic based on the user
- return { just_created: "1"
- };
- }
+ abtest: function ($route, CrmMailingAB) {
+ var abtest = new CrmMailingAB($route.current.params.id);
+ return abtest.load();
}
}
});
}
]);
- //-----------------------------------------
- // Add a new record by name.
- // Ex:
- /**
- * This controler lists the existing ABtests
- * used on /partials/abtest/list.html
- * @returns mailingABList - object that contains the existing AB mailings
- * @returns testing_criteria - array that has the name of the different test types
- */
- crmMailingAB.controller('ABListingCtrl', function ($scope, crmApi, mailingABList) {
+ angular.module('crmMailingAB').controller('CrmMailingABListCtrl', function ($scope, mailingABList, crmMailingABCriteria, crmMailingABStatus) {
+ var ts = $scope.ts = CRM.ts('CiviMail');
$scope.mailingABList = mailingABList.values;
- $scope.testing_criteria = {
- '1': "Subject lines",
- '2': "From names",
- '3': "Two different emails"
- };
+ $scope.crmMailingABCriteria = crmMailingABCriteria;
+ $scope.crmMailingABStatus = crmMailingABStatus;
});
- crmMailingAB.controller('crmABTestingTabsCtrl', function ($scope, crmApi, selectedABTest, $sce) {
+ angular.module('crmMailingAB').controller('CrmMailingABEditCtrl', function ($scope, abtest, crmMailingABCriteria, crmMailingMgr, crmMailingPreviewMgr, crmStatus, $q, $location) {
+ $scope.abtest = abtest;
+ var ts = $scope.ts = CRM.ts('CiviMail');
+ $scope.crmMailingABCriteria = crmMailingABCriteria;
+ $scope.crmMailingConst = CRM.crmMailing;
$scope.partialUrl = partialUrl;
- $scope.abId = "";
- $scope.whatnext = 2;
- $scope.currentABTest = selectedABTest;
- $scope.groups = CRM.crmMailing.groupNames;
- $scope.mailList = CRM.crmMailing.civiMails;
- $scope.eMailing = CRM.crmMailing.emailAdd;
- $scope.tmpList = CRM.crmMailing.mesTemplate;
- $scope.mailingGrp = CRM.crmMailing.mailGrp;
- $scope.headerfooter = CRM.crmMailing.headerfooterList;
- $scope.sparestuff = {};
- $scope.sparestuff.emailadd = "";
- $scope.sparestuff.winnercriteria = "";
- $scope.sparestuff.isnew = false;
- $scope.sparestuff.allgroups = "";
- $scope.mailid = [];
- $scope.preventsubmit = false;
- if ($scope.currentABTest.declare_winning_time != null) {
- $scope.ans = $scope.currentABTest.declare_winning_time.split(" ");
- $scope.currentABTest.date = $scope.ans[0];
- $scope.currentABTest.time = $scope.ans[1];
- }
- $scope.token = [];
-
- if ($scope.currentABTest.just_created != 1) {
- $scope.abId = $scope.currentABTest.id;
- $scope.sparestuff.isnew = false;
-
- var abmailA = crmApi('Mailing', 'getsingle', {id: $scope.currentABTest.mailing_id_a});
- var abmailB = crmApi('Mailing', 'getsingle', {id: $scope.currentABTest.mailing_id_b});
- var abmailC = crmApi('Mailing', 'getsingle', {id: $scope.currentABTest.mailing_id_c});
- abmailA.success(function (data) {
- if (data.is_error == 0) {
- $scope.mailA = data;
- }
- });
- abmailB.success(function (data) {
- if (data.is_error == 0) {
- $scope.mailB = data;
- }
- });
- abmailC.success(function (data) {
- if (data.is_error == 0) {
- $scope.mailC = data;
- }
- });
- }
- else {
- $scope.sparestuff.isnew = true;
- $scope.mailA = {};
- $scope.mailB = {};
- $scope.mailC = {};
- }
+ $scope.isSubmitted = function isSubmitted() {
+ return _.size(abtest.mailings.a.jobs) > 0 || _.size(abtest.mailings.b.jobs) > 0;
+ };
+
+ $scope.sync = function sync() {
+ abtest.mailings.a.name = ts('Test A (%1)', {1: abtest.ab.name});
+ abtest.mailings.b.name = ts('Test B (%1)', {1: abtest.ab.name});
+ abtest.mailings.c.name = ts('Winner (%1)', {1: abtest.ab.name});
+
+ var criteria = crmMailingABCriteria.get(abtest.ab.testing_criteria_id);
+ if (criteria) {
+ // TODO review fields exposed in UI and make sure the sync rules match
+ switch (criteria.name) {
+ case 'Subject lines':
+ crmMailingMgr.mergeInto(abtest.mailings.b, abtest.mailings.a, [
+ 'name',
+ 'groups',
+ 'mailings',
+ 'subject'
+ ]);
+ break;
+ case 'From names':
+ crmMailingMgr.mergeInto(abtest.mailings.b, abtest.mailings.a, [
+ 'name',
+ 'groups',
+ 'mailings',
+ 'from_name',
+ 'from_email'
+ ]);
+ break;
+ case 'Two different emails':
+ crmMailingMgr.mergeInto(abtest.mailings.b, abtest.mailings.a, [
+ 'name',
+ 'groups',
+ 'mailings',
+ 'subject',
+ 'from_name',
+ 'from_email',
+ 'body_html',
+ 'body_text'
+ ]);
+ break;
+ default:
+ throw "Unrecognized testing_criteria";
+ }
+ }
+ crmMailingMgr.mergeInto(abtest.mailings.c, abtest.mailings.a, ['name']);
+ return $q.when(true);
+ };
+
+ // @return Promise
+ $scope.save = function save() {
+ $scope.sync();
+ return crmStatus({start: ts('Saving...'), success: ts('Saved')}, abtest.save().then(updateUrl));
+ };
+
+ // @return Promise
+ $scope.previewMailing = function previewMailing(mailingName, mode) {
+ $scope.sync();
+ return crmMailingPreviewMgr.preview(abtest.mailings[mailingName], mode);
+ };
+
+ // @return Promise
+ $scope.sendTest = function sendTest(mailingName, recipient) {
+ $scope.sync();
+ return crmStatus({start: ts('Saving...'), success: ''}, abtest.save().then(updateUrl))
+ .then(function () {
+ crmMailingPreviewMgr.sendTest(abtest.mailings[mailingName], recipient);
+ });
+ };
+
+ // @return Promise
+ $scope.delete = function () {
+ return crmStatus({start: ts('Deleting...'), success: ts('Deleted')}, abtest.delete().then(leave));
+ };
+
+ // @return Promise
+ $scope.submit = function submit() {
+ $scope.sync();
+ return crmStatus({start: ts('Saving...'), success: ''}, abtest.save())
+ .then(function () {
+ return crmStatus({start: ts('Submitting...'), success: ts('Submitted')}, abtest.submitTest());
+ // Note: We're going to leave, so we don't care that submit() modifies several server-side records.
+ // If we stayed on this page, then we'd care about updating and call: abtest.submitTest().then(...abtest.load()...)
+ })
+ .then(leave);
+ };
- $scope.sendtest = false;
- if (typeof $scope.mailA == 'undefined') {
- $scope.mailA = {};
- }
- if (typeof $scope.mailB == 'undefined') {
- $scope.mailB = {};
+ function leave() {
+ $location.path('abtest');
+ $location.replace();
}
- if (typeof $scope.mailB == 'undefined') {
- $scope.mailC = {};
- }
-
- $scope.templates =
- [
- { name: 'Subject Lines', url: partialUrl('subject_lines.html'), val: 1},
- { name: 'From Name', url: partialUrl('from_name.html'), val: 2},
- { name: 'Two different Emails', url: partialUrl('two_emails.html'), val: 3}
- ];
- if ($scope.currentABTest.just_created != 1) {
- $scope.sparestuff.template = $scope.templates[$scope.currentABTest.testing_criteria_id - 1];
+ function updateCriteriaName() {
+ var criteria = crmMailingABCriteria.get($scope.abtest.ab.testing_criteria_id);
+ $scope.criteriaName = criteria ? criteria.name : null;
}
- else {
- $scope.sparestuff.template = $scope.templates[0];
- }
-
- $scope.deliberatelyTrustDangerousSnippeta = function () {
- return $sce.trustAsHtml($scope.sparestuff.previewa);
- };
-
- $scope.deliberatelyTrustDangerousSnippetb = function () {
- return $sce.trustAsHtml($scope.sparestuff.previewb);
- };
-
- $scope.tab_val = 0;
- $scope.max_tab = ($scope.sparestuff.isnew == true) ? 0 : 4;
-
- /**
- * Example: gotoTab('campaign')
- */
- $scope.gotoTab = function(name) {
- var TABS = {campaign: 0, compose: 1, rec: 2, preview: 3}; // FIXME
- if ($scope.max_tab >= TABS[name]) {
- $scope.tab_val = TABS[name];
+ // Transition URL "/abtest/new" => "/abtest/123"
+ function updateUrl() {
+ var parts = $location.path().split('/'); // e.g. "/abtest/new" or "/abtest/123/wizard"
+ if (parts[2] != $scope.abtest.ab.id) {
+ parts[2] = $scope.abtest.ab.id;
+ $location.path(parts.join('/'));
+ $location.replace();
+ // FIXME: Angular unnecessarily refreshes UI
+ // WARNING: Changing the URL triggers a full reload. Any pending AJAX operations
+ // could be inconsistently applied. Run updateUrl() after other changes complete.
}
}
- $scope.preview = false;
- $scope.slide_value = 0;
-
- $scope.setifyes = function (val) {
- $scope.ifyes = val == 1;
- };
-
- /* $scope.reply = function () {
- if ($scope.trackreplies == 0) {
- $scope.trackreplies = 1;
- }
- else {
- $scope.trackreplies = 0;
- $scope.mailA.forward_replies = 0;
- $scope.mailA.auto_responder = 0;
- }
- }
- */
- $scope.isAuto = function (au) {
- return au.component_type == "Reply";
- };
-
- $scope.trackr = function (trackreplies) {
- return trackreplies == "1";
- };
-
- $scope.sendTestMailing = function () {
- $scope.sendtest = true;
- };
-
- $scope.isHeader = function (hf) {
- return hf.component_type == "Header";
- };
- //filter so we only get footers from mailing component
- $scope.isFooter = function (f) {
- return f.component_type == "Footer";
- };
-
- $scope.send_date = "01/01/2000";
- $scope.dt = "";
-
- $scope.savea = function (dat) {
-
- var result = crmApi('Mailing', 'create', dat, true);
- result.success(function (data) {
- if (data.is_error == 0) {
- $scope.mailA.id = data.id;
- $scope.currentABTest.mailing_id_a = $scope.mailA.id;
- }
- });
- };
-
- $scope.append_mails = function () {
- crmApi('MailingAB', 'create', {
- id: $scope.abId,
- mailing_id_a: $scope.mailA.id,
- mailing_id_b: $scope.mailB.id,
- mailing_id_c: $scope.mailC.id
- });
- $scope.currentABTest.id = $scope.abId;
- };
-
- $scope.saveb = function (dat) {
- var result = crmApi('Mailing', 'create', dat, true);
- result.success(function (data) {
- if (data.is_error == 0) {
- $scope.mailB.id = data.id;
- $scope.currentABTest.mailing_id_b = $scope.mailB.id;
- //$scope.append_mails();
- }
- });
- };
-
- $scope.savec = function (dat) {
- var result = crmApi('Mailing', 'create', dat, true);
-
- result.success(function (data) {
- if (data.is_error == 0) {
- $scope.mailC.id = data.id;
- $scope.currentABTest.mailing_id_c = $scope.mailC.id;
- $scope.append_mails();
- }
- });
- };
-
- $scope.sparestuff.previewa = "";
- $scope.pre = function () {
- $scope.preview = true;
- };
-
- $scope.init = function (par) {
- if (par == "3") {
- $scope.sparestuff.template.url = partialUrl('from_name.html');
- }
- else {
- if (par == "2") {
- $scope.sparestuff.template.url = partialUrl('subject_lines.html');
- }
- else {
- $scope.sparestuff.template.url = partialUrl('two_emails.html');
- }
- }
- $scope.whatnext = par.toString();
- };
-
- $scope.tab_upd = function () {
- $scope.tab_val = $scope.tab_val + 1;
- $scope.max_tab = Math.max($scope.tab_val, $scope.max_tab);
- };
-
- $scope.tab_upd_dec = function () {
- $scope.tab_val = $scope.tab_val - 1;
- };
-
- $scope.setdate = function (par) {
- $scope.send_date = par;
- $scope.dt = par;
- $scope.apply();
- };
-
- $scope.testmailid = "";
- $scope.incGroup = [];
- $scope.excGroup = [];
- $scope.incGroupids = [];
- $scope.excGroupids = [];
- $scope.tp1 = {};
- $scope.create_abtest = function () {
- var result;
- $scope.currentABTest.testing_criteria_id = $scope.sparestuff.template.val;
-
- if ($scope.abId == "") {
- result = crmApi('MailingAB', 'create', {name: $scope.currentABTest.name, testing_criteria_id: $scope.sparestuff.template.val});
- }
- else {
- if (typeof $scope.currentABTest.mailing_id_a == 'undefined') {
- result = crmApi('MailingAB', 'create', {name: $scope.currentABTest.name, id: $scope.abId, testing_criteria_id: $scope.sparestuff.template.val});
- }
- else {
- result = crmApi('MailingAB', 'create', {name: $scope.currentABTest.name, id: $scope.abId, testing_criteria_id: $scope.sparestuff.template.val, mailing_id_a: $scope.currentABTest.mailing_id_a, mailing_id_b: $scope.currentABTest.mailing_id_b});
- }
- }
-
- result.success(function (data) {
- if (data.is_error == 0) {
- $scope.abId = data.id;
- }
- });
- };
- $scope.tokenfunc = function (elem, e, chng) {
- var msg = document.getElementById(elem).value;
- var cursorlen = document.getElementById(elem).selectionStart;
- var textlen = msg.length;
- document.getElementById(elem).value = msg.substring(0, cursorlen) + e.val + msg.substring(cursorlen, textlen);
- chng = msg.substring(0, cursorlen) + e.val + msg.substring(cursorlen, textlen);
- var cursorPos = (cursorlen + e.val.length);
- document.getElementById(elem).selectionStart = cursorPos;
- document.getElementById(elem).selectionEnd = cursorPos;
- document.getElementById(elem).focus();
- };
-
- $scope.sparestuff.ingrps = "";
- $scope.sparestuff.excgrps = "";
- $scope.a_b_update = function () {
- $scope.tp1.include = $scope.incGroupids;
- $scope.tp1.exclude = $scope.excGroupids;
- console.log($scope.tp1);
- crmApi('MailingAB', 'recipients_update', {
- id: $scope.currentABTest.id,
- groups: $scope.tp1
- });
-
- var resulta = crmApi('Mailing', 'preview', {id: $scope.currentABTest.mailing_id_a});
-
- resulta.success(function (data) {
- if (data.is_error == 0) {
- $scope.sparestuff.previewa = data.values.html;
- }
- });
-
- resulta = crmApi('Mailing', 'preview', {id: $scope.currentABTest.mailing_id_b});
-
- resulta.success(function (data) {
- if (data.is_error == 0) {
- $scope.sparestuff.previewb = data.values.html;
- }
- });
-
- $scope.startabtest = function () {
- if (typeof $scope.sparestuff.date == 'undefined') {
- $scope.sparestuff.date = 'now';
- }
- crmApi('MailingAB', 'send_mail', {id: $scope.abId,
- scheduled_date: $scope.sparestuff.date, scheduled_date_time: $scope.currentABTest.latertime});
- };
-
- angular.forEach($scope.incGroup, function (value) {
- $scope.sparestuff.ingrps += value.toString() + ", ";
- });
- angular.forEach($scope.excGroup, function (value) {
- $scope.sparestuff.excgrps += value.toString() + ", ";
- });
- if ($scope.sparestuff.ingrps.length != 0) {
- $scope.sparestuff.ingrps = $scope.sparestuff.ingrps.substr(0, $scope.sparestuff.ingrps.length - 2);
- }
- if ($scope.sparestuff.excgrps.length != 0) {
- $scope.sparestuff.excgrps = $scope.sparestuff.excgrps.substr(0, $scope.sparestuff.excgrps.length - 2);
- }
- };
-
- $scope.update_abtest = function () {
- $scope.currentABTest.declare_winning_time = $scope.currentABTest.date + " " + $scope.currentABTest.time;
- crmApi('MailingAB', 'create', {
- id: $scope.abId,
- testing_criteria_id: $scope.sparestuff.template.val,
- mailing_id_a: $scope.currentABTest.mailing_id_a,
- mailing_id_b: $scope.currentABTest.mailing_id_b,
- mailing_id_c: $scope.currentABTest.mailing_id_c,
- specific_url: $scope.currentABTest.acturl,
- winner_criteria_id: $scope.currentABTest.winner_criteria_id,
- group_percentage: $scope.currentABTest.group_percentage,
- declare_winning_time: $scope.currentABTest.declare_winning_time
- });
- };
- $scope.currentABTest.latertime = "";
- $scope.tmp = function (tst, aorb) {
- if (aorb == 1) {
- $scope.mailA.msg_template_id = tst;
- if ($scope.mailA.msg_template_id == null) {
- $scope.mailA.body_html = "";
- $scope.mailA.subject = "";
- }
- else {
- for (var a in $scope.tmpList) {
- if ($scope.tmpList[a].id == $scope.mailA.msg_template_id) {
- $scope.mailA.body_html = $scope.tmpList[a].msg_html;
- if (typeof $scope.mailA.subject == 'undefined' || $scope.mailA.subject.length == 0) {
- $scope.mailA.subject = $scope.tmpList[a].msg_subject;
- }
- }
- }
- }
- }
- else {
- if (aorb == 2) {
- $scope.mailB.msg_template_id = tst;
- if ($scope.mailB.msg_template_id == null) {
- $scope.mailB.body_html = "";
- $scope.mailB.subject = "";
- }
- else {
- for (var a in $scope.tmpList) {
- if ($scope.tmpList[a].id == $scope.mailB.msg_template_id) {
- $scope.mailB.body_html = $scope.tmpList[a].msg_html;
- if (typeof $scope.mailB.subject == 'undefined' || $scope.mailB.subject.length == 0) {
- $scope.mailB.subject = $scope.tmpList[a].msg_subject;
- }
-
- }
- }
- }
- }
- else {
- $scope.mailA.msg_template_id = tst;
- if ($scope.mailA.msg_template_id == null) {
- $scope.mailA.body_html = "";
- $scope.mailA.subject = "";
- }
- else {
- for (var a in $scope.tmpList) {
- if ($scope.tmpList[a].id == $scope.mailA.msg_template_id) {
- $scope.mailA.body_html = $scope.tmpList[a].msg_html;
- if (typeof $scope.mailA.subject == 'undefined' || $scope.mailA.subject.length == 0) {
- $scope.mailA.subject = $scope.tmpList[a].msg_subject;
- }
- }
- }
- }
-
- $scope.mailB.msg_template_id = tst;
- if ($scope.mailB.msg_template_id == null) {
- $scope.mailB.body_html = "";
- $scope.mailB.subject = "";
-
- }
- else {
- for (var a in $scope.tmpList) {
- if ($scope.tmpList[a].id == $scope.mailB.msg_template_id) {
- $scope.mailB.body_html = $scope.tmpList[a].msg_html;
- if (typeof $scope.mailB.subject == 'undefined' || $scope.mailB.subject.length == 0) {
- $scope.mailB.subject = $scope.tmpList[a].msg_subject;
- }
-
- }
- }
- }
- }
- }
- };
-
- /*$scope.tmp = function (tst){
- $scope.currentMailing.msg_template_id=tst;
- console.log($scope.currentMailing.msg_template_id+ "sasas");
- if($scope.currentMailing.msg_template_id == null){
- $scope.currentMailing.body_html="";
- $scope.currentMailing.subject="";
- }
- else{
- for(var a in $scope.tmpList){
-
- if($scope.tmpList[a].id==$scope.currentMailing.msg_template_id){
- $scope.currentMailing.body_html=$scope.tmpList[a].msg_html;
- console.log($scope.tmpList[a].msg_subject);
- $scope.currentMailing.subject=$scope.tmpList[a].msg_subject;
- console.log($scope.currentMailing.subject);
- }
- }
- }
- };*/
-
-
- $scope.$watch('preview', function () {
- if ($scope.preview == true) {
- $('#prevmail').dialog({
- title: 'Preview Mailing',
- width: 1000,
- height: 500,
- closed: false,
- cache: false,
- modal: true,
- position: {
- my: 'left',
- at: 'top',
- of: $(".crmABTestingAllTabs")
- },
-
- close: function () {
- $scope.preview = false;
- $scope.$apply();
- }
- });
-
- $("#prevmail").dialog('option', 'position', [300, 50]);
- }
-
- }, true);
-
- $scope.call = function () {
- $scope.$apply();
- crmApi('Mailing', 'send_test', {
- mailing_id: $scope.currentABTest.mailing_id_a,
- test_email: $scope.sparestuff.emailadd
- });
-
- crmApi('Mailing', 'send_test', {
- mailing_id: $scope.currentABTest.mailing_id_b,
- test_email: $scope.sparestuff.emailadd
- })
- };
-
- $scope.$watch('sendtest', function () {
- if ($scope.sendtest == true) {
- $('#sendtest').dialog({
- title: 'Send Test Mails',
- width: 300,
- height: 150,
- closed: false,
- cache: false,
- modal: true,
- buttons: {
- 'Send': function () {
- $scope.call();
- $scope.sendtest = false;
- $('#sendtest').dialog("close");
-
- }
- },
- close: function () {
- $scope.sendtest = false;
- $scope.$apply()
- }
- });
- }
- });
- });
-
-
- crmMailingAB.directive('nexttab', function () {
- return {
- // Restrict it to be an attribute in this case
- restrict: 'A',
- priority: 500,
- // responsible for registering DOM listeners as well as updating the DOM
- link: function (scope, element, attrs) {
-
- var tabselector = $(".crmABTestingAllTabs");
- tabselector.tabs(scope.$eval(attrs.nexttab));
-
- // disable remaining tabs
- if (scope.sparestuff.isnew == true) {
- tabselector.tabs({disabled: [1, 2, 3]});
- }
-
- $(element).on("click", function () {
- if (scope.tab_val == 0) {
- scope.create_abtest();
- }
- else {
- if (scope.tab_val == 2) {
- scope.update_abtest();
- if (scope.currentABTest.winner_criteria_id == 1) {
- scope.sparestuff.winnercriteria = "Open";
- scope.$apply();
- }
- else {
- if (scope.currentABTest.winner_criteria_id == 2) {
- scope.sparestuff.winnercriteria = " Total Unique Clicks";
- scope.$apply();
- }
- else {
- if (scope.currentABTest.winner_criteria_id == 3) {
- scope.sparestuff.winnercriteria = "Total Clicks on a particular link";
- scope.$apply();
- }
- }
- }
- scope.a_b_update();
- }
- }
- scope.tab_upd();
-
- var myArray1 = [];
- for (var i = scope.max_tab + 1; i < 4; i++) {
- myArray1.push(i);
- }
- tabselector.tabs("option", "disabled", myArray1);
- tabselector.tabs("option", "active", scope.tab_val);
- scope.$apply();
- });
- }
- };
- });
-
- crmMailingAB.directive('prevtab', function () {
- return {
- // Restrict it to be an attribute in this case
- restrict: 'A',
- priority: 500,
- // responsible for registering DOM listeners as well as updating the DOM
- link: function (scope, element, attrs) {
- $(element).on("click", function () {
- var temp = scope.tab_val - 1;
- scope.tab_upd_dec();
- scope.$apply();
- if (temp != 3) {
- $(".crmABTestingAllTabs").tabs("option", "active", temp);
- }
- scope.$apply();
- });
- }
- };
- });
-
- crmMailingAB.directive('chsgroup', function () {
- return {
- restrict: 'AE',
- link: function (scope, element, attrs) {
- function format(item) {
- if (!item.id) {
- // return `text` for optgroup
- return item.text;
- }
- // return item template
- var a = item.id.split(" ");
- if (a[1] == "civicrm_group" && a[2] == "include") {
- return "" + " " + "" + item.text;
- }
- if (a[1] == "civicrm_group" && a[2] == "exclude") {
- return "" + " " + "" + item.text;
- }
- if (a[1] == "civicrm_mailing" && a[2] == "include") {
- return "" + " " + "" + item.text;
- }
- if (a[1] == "civicrm_mailing" && a[2] == "exclude") {
- return "" + " " + "" + item.text;
- }
- }
-
-
- $(element).select2({
- width: "400px",
- placeholder: "Select the groups you wish to include",
- formatResult: format,
- formatSelection: format,
- escapeMarkup: function (m) {
- return m;
- }
- }).select2("data", scope.sparestuff.allgroups);
-
-
- $(element).on('select2-selecting', function (e) {
- var a = e.val.split(" ");
- var l = a.length;
- if (a[2] == "include") {
- var str = "";
- for (i = 3; i < l; i++) {
- str += a[i];
- str += " ";
- }
- scope.incGroup.push(str);
- scope.incGroupids.push(a[0]);
- scope.$apply();
- }
-
- else {
- var str = "";
- for (i = 3; i < l; i++) {
- str += a[i];
- str += " ";
- }
-
- scope.excGroup.push(str);
- scope.excGroupids.push(a[0]);
- scope.$apply();
- }
-
- scope.$apply();
-
- });
- $(element).on("select2-removed", function (e) {
- if (e.val.split(" ")[2] == "exclude") {
- var excIndex = scope.excGroup.indexOf(e.val.split(" ")[3]);
- scope.excGroup.splice(excIndex, 1);
- scope.excGroupids.splice(excIndex, 1);
- scope.$apply();
- }
- else {
- var incIndex = scope.incGroup.indexOf(e.val.split(" ")[3]);
- scope.incGroup.splice(incIndex, 1);
- scope.incGroupids.splice(incIndex, 1);
- scope.$apply();
- }
-
- scope.$apply();
- });
- }
- };
+ // initialize
+ updateCriteriaName();
+ $scope.sync();
+ $scope.$watch('abtest.ab.testing_criteria_id', updateCriteriaName);
});
- crmMailingAB.directive('sliderbar', function () {
- return{
- restrict: 'AE',
- link: function (scope, element, attrs) {
- if (typeof scope.currentABTest.group_percentage != 'undefined') {
- $(element).slider({value: scope.currentABTest.group_percentage});
- }
- $(element).slider({min: 1});
- $(element).slider({
- slide: function (event, ui) {
- scope.currentABTest.group_percentage = ui.value;
- scope.$apply();
- }
- });
- }
- };
- });
-
- crmMailingAB.directive('datepick', function () {
- return {
- restrict: 'AE',
- link: function (scope, element, attrs) {
- $(element).datepicker({
- dateFormat: "dd-mm-yy",
- onSelect: function (date) {
- $(".ui-datepicker a").removeAttr("href");
- scope.sparestuff.date = date.toString();
- scope.$apply();
- }
- });
- }
- };
- });
-
- crmMailingAB.directive('submitform', function () {
- return {
- restrict: 'A',
- priority: 1000,
- link: function (scope, element, attrs) {
- $(element).on("click", function () {
- scope.savea({
- id: scope.mailA.id,
- name: scope.currentABTest.name + ' (AB test A)',
- visibility: scope.mailA.visibility,
- created_id: 1,
- subject: scope.mailA.subject,
- msg_template_id: scope.mailA.msg_template_id == null ? "" : scope.mailA.msg_template_id,
- open_tracking: scope.mailA.open_tracking,
- url_tracking: scope.mailA.url_tracking,
- forward_replies: scope.mailA.forward_replies,
- auto_responder: scope.mailA.auto_responder,
- from_name: scope.mailA.from_name,
- from_email: scope.mailA.from_email,
- replyto_email: scope.mailA.replyto_email,
- unsubscribe_id: scope.mailA.unsubscribe_id,
- resubscribe_id: scope.mailA.resubscribe_id,
- body_html: scope.mailA.body_html,
- body_text: scope.mailA.body_text,
- scheduled_date: scope.mailA.scheduled_date,
- scheduled_id: scope.mailA.scheduled_id,
- campaign_id: scope.mailA.campaign_id == null ? "" : scope.mailA.campaign_id,
- header_id: scope.mailA.header_id,
- footer_id: scope.mailA.footer_id,
- is_completed: scope.mailA.is_completed
- });
-
- if (scope.whatnext == "3") {
- scope.mailB.name = scope.mailA.name;
- scope.mailB.visibility = scope.mailA.visibility;
- scope.mailB.created_id = scope.mailA.created_id;
- scope.mailB.subject = scope.mailA.subject;
- scope.mailB.msg_template_id = scope.mailA.msg_template_id == null ? "" : scope.mailA.msg_template_id;
- scope.mailB.open_tracking = scope.mailA.open_tracking;
- scope.mailB.url_tracking = scope.mailA.url_tracking;
- scope.mailB.forward_replies = scope.mailA.forward_replies;
- scope.mailB.auto_responder = scope.mailA.auto_responder;
- scope.mailB.from_name = scope.mailA.from_name;
- scope.mailB.replyto_email = scope.mailA.replyto_email;
- scope.mailB.unsubscribe_id = scope.mailA.unsubscribe_id;
- scope.mailB.resubscribe_id = scope.mailA.resubscribe_id;
- scope.mailB.body_html = scope.mailA.body_html;
- scope.mailB.body_text = scope.mailA.body_text;
- scope.mailB.scheduled_id = scope.mailA.scheduled_id;
- scope.mailB.campaign_id = scope.mailA.campaign_id == null ? "" : scope.mailA.campaign_id;
- scope.mailB.header_id = scope.mailA.header_id;
- scope.mailB.footer_id = scope.mailA.footer_id;
- scope.mailB.is_completed = scope.mailA.is_completed;
- }
- else {
- if (scope.whatnext == "2") {
- scope.mailB.fromEmail = scope.mailA.fromEmail;
- scope.mailB.name = scope.mailA.name;
- scope.mailB.visibility = scope.mailA.visibility;
- scope.mailB.created_id = scope.mailA.created_id;
- scope.mailB.msg_template_id = scope.mailA.msg_template_id == null ? "" : scope.mailA.msg_template_id;
- scope.mailB.open_tracking = scope.mailA.open_tracking;
- scope.mailB.url_tracking = scope.mailA.url_tracking;
- scope.mailB.forward_replies = scope.mailA.forward_replies;
- scope.mailB.auto_responder = scope.mailA.auto_responder;
- scope.mailB.from_name = scope.mailA.from_name;
- scope.mailB.replyto_email = scope.mailA.replyto_email;
- scope.mailB.unsubscribe_id = scope.mailA.unsubscribe_id;
- scope.mailB.resubscribe_id = scope.mailA.resubscribe_id;
- scope.mailB.body_html = scope.mailA.body_html;
- scope.mailB.body_text = scope.mailA.body_text;
- scope.mailB.scheduled_id = scope.mailA.scheduled_id;
- scope.mailB.campaign_id = scope.mailA.campaign_id == null ? "" : scope.mailA.campaign_id;
- scope.mailB.header_id = scope.mailA.header_id;
- scope.mailB.footer_id = scope.mailA.footer_id;
- scope.mailB.is_completed = scope.mailA.is_completed;
- }
- }
- scope.saveb({
- id: scope.mailB.id,
- name: scope.currentABTest.name + ' (AB test B)',
- visibility: scope.mailB.visibility,
- created_id: 1,
- subject: scope.mailB.subject,
- msg_template_id: scope.mailB.msg_template_id == null ? "" : scope.mailB.msg_template_id,
- open_tracking: scope.mailB.open_tracking,
- url_tracking: scope.mailB.url_tracking,
- forward_replies: scope.mailB.forward_replies,
- auto_responder: scope.mailB.auto_responder,
- from_name: scope.mailB.from_name,
- from_email: scope.mailB.from_email,
- replyto_email: scope.mailB.replyto_email,
- unsubscribe_id: scope.mailB.unsubscribe_id,
- resubscribe_id: scope.mailB.resubscribe_id,
- body_html: scope.mailB.body_html,
- body_text: scope.mailB.body_text,
- scheduled_id: scope.mailB.scheduled_id,
- campaign_id: scope.mailB.campaign_id == null ? "" : scope.mailB.campaign_id,
- header_id: scope.mailB.header_id,
- footer_id: scope.mailB.footer_id,
- is_completed: scope.mailA.is_completed
- });
+ angular.module('crmMailingAB').controller('CrmMailingABReportCtrl', function ($scope, abtest, crmApi, crmMailingPreviewMgr, dialogService) {
+ var ts = $scope.ts = CRM.ts('CiviMail');
- scope.savec({
- id: scope.mailC.id,
- name: scope.currentABTest.name + ' (AB test winner)',
- visibility: scope.mailB.visibility,
- created_id: 1,
- subject: scope.mailB.subject,
- msg_template_id: scope.mailB.msg_template_id == null ? "" : scope.mailB.msg_template_id,
- open_tracking: scope.mailB.open_tracking,
- url_tracking: scope.mailB.url_tracking,
- forward_replies: scope.mailB.forward_replies,
- auto_responder: scope.mailB.auto_responder,
- from_name: scope.mailB.from_name,
- from_email: scope.mailB.from_email,
- replyto_email: scope.mailB.replyto_email,
- unsubscribe_id: scope.mailB.unsubscribe_id,
- resubscribe_id: scope.mailB.resubscribe_id,
- body_html: scope.mailB.body_html,
- body_text: scope.mailB.body_text,
- campaign_id: scope.mailB.campaign_id == null ? "" : scope.mailB.campaign_id,
- header_id: scope.mailB.header_id,
- footer_id: scope.mailB.footer_id,
- is_completed: scope.mailA.is_completed,
- 'api.mailing_job.create': 0
- });
- });
- }
- };
- });
+ $scope.abtest = abtest;
- crmMailingAB.directive('chsdate', function () {
- return {
- restrict: 'AE',
- link: function (scope, element, attrs) {
- $(element).datepicker({
- dateFormat: "yy-mm-dd",
- onSelect: function (date) {
- $(".ui-datepicker a").removeAttr("href");
- scope.currentABTest.date = date.toString();
- scope.$apply();
- }
- });
- }
- };
- });
+ $scope.stats = {};
+ crmApi('Mailing', 'stats', {mailing_id: abtest.ab.mailing_id_a}).then(function(data){
+ $scope.stats.a = data.values[abtest.ab.mailing_id_a];
+ });
+ crmApi('Mailing', 'stats', {mailing_id: abtest.ab.mailing_id_b}).then(function(data){
+ $scope.stats.b = data.values[abtest.ab.mailing_id_b];
+ });
+ crmApi('Mailing', 'stats', {mailing_id: abtest.ab.mailing_id_c}).then(function(data){
+ $scope.stats.c = data.values[abtest.ab.mailing_id_c];
+ });
- crmMailingAB.directive('prevbutton', function () {
- return {
- restrict: 'AE',
- replace: 'true',
- template: '
'
+ $scope.previewMailing = function previewMailing(mailingName, mode) {
+ return crmMailingPreviewMgr.preview(abtest.mailings[mailingName], mode);
};
- });
-
- crmMailingAB.directive('groupselect', function () {
- return {
- restrict: 'AE',
- link: function (scope, element, attrs) {
- $(element).select2({
- width: "200px",
- data: CRM.crmMailing.mailTokens,
- placeholder: "Insert Token"
- });
- $(element).on('select2-selecting', function (e) {
-
- scope.$evalAsync('_resetSelection()');
- var a = $(element).attr('id');
- if (a == "htgroupcompose") {
- scope.tokenfunc("body_html", e, scope.mailA.body_html);
- }
- else {
- if (a == "htgroupcomposetwob") {
- scope.tokenfunc("twomailbbody_html", e, scope.mailB.body_html);
- }
- else {
- if (a == "htgroupcomposetwoa") {
- scope.tokenfunc("twomailabody_html", e, scope.mailA.body_html);
- }
- else {
- if (a == "textgroupcompose") {
- scope.tokenfunc("body_text", e, scope.mailA.body_text);
- }
- else {
- if (a == "textgroupcomposetwoa") {
- scope.tokenfunc("twomailabody_text", e, scope.mailA.body_text);
- }
- else {
- if (a == "textgroupcomposetwob") {
- scope.tokenfunc("twomailbbody_text", e, scope.mailB.body_text);
- }
- else {
- if (a == "subgroupsuba") {
- scope.tokenfunc("suba", e, scope.mailA.subject);
- }
- else {
- if (a == "subgroupsubb") {
- scope.tokenfunc("subb", e, scope.mailB.subject);
- }
- else {
- if (a == "subgroupfrom") {
- scope.tokenfunc("subfrom", e, scope.mailA.subject);
- }
- else {
- if (a == "subgrouptwoa") {
- scope.tokenfunc("twomaila", e, scope.mailA.subject);
- }
- else {
- if (a == "subgrouptwob") {
- scope.tokenfunc("twomailb", e, scope.mailB.subject);
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
-
- scope.$apply();
- e.preventDefault();
+ $scope.selectWinner = function selectWinner(mailingName) {
+ var model = {
+ abtest: abtest,
+ mailingName: mailingName
+ };
+ var options = {
+ autoOpen: false,
+ modal: true,
+ title: ts('Select Winner (%1)', {
+ 1: mailingName.toUpperCase()
})
- }
- };
- });
-
- crmMailingAB.directive('replytoselect',function(){
- return {
- restrict : 'AE',
- link: function(scope, element, attrs){
-
- function format(item){
- return item.label.replace(/&/g, '&')
- .replace(/"/g, '"')
- .replace(//g, '>');
- }
-
- CRM.api3('OptionGroup', 'get', {
- "sequential": 1,
- "name": "from_email_address"
- }).done(function(result) {
- var emailGroupId = result.id;
- CRM.api3('OptionValue', 'get', {
- "sequential": 1,
- "option_group_id": result.id
- }).done(function(orgEmails) {
-
- //$sce.trustAsHtml(
-
- $(element).select2({
- class: "abtesting-form-element",
- data: orgEmails.values,
- formatResult: format,
- formatSelection: format,
- placeholder:"Select reply to address"});
-
+ };
+ return dialogService.open('selectWinnerDialog', partialUrl('selectWinner.html'), model, options);
+ };
+ });
+
+
+ angular.module('crmMailingAB').controller('CrmMailingABWinnerDialogCtrl', function ($scope, $timeout, dialogService, crmMailingMgr, crmStatus) {
+ var ts = $scope.ts = CRM.ts('CiviMail');
+ var abtest = $scope.abtest = $scope.model.abtest;
+ var mailingName = $scope.model.mailingName;
+
+ var titles = {a: ts('Mailing A'), b: ts('Mailing B')};
+ $scope.mailingTitle = titles[mailingName];
+
+ function init() {
+ // When using dialogService with a button bar, the major button actions
+ // need to be registered with the dialog widget (and not embedded in
+ // the body of the dialog).
+ var buttons = {};
+ buttons[ts('Select Winner')] = function () {
+ crmMailingMgr.mergeInto(abtest.mailings.c, abtest.mailings[mailingName], [
+ 'name',
+ 'groups',
+ 'mailings',
+ 'scheduled_date'
+ ]);
+ crmStatus({start: ts('Saving...'), success: ''}, abtest.save())
+ .then(function () {
+ return crmStatus({start: ts('Submitting...'), success: ts('Submitted')},
+ abtest.submitFinal().then(function(){
+ return abtest.load();
+ }));
+ })
+ .then(function(){
+ dialogService.close('selectWinnerDialog', abtest);
});
- });
- }
- };
- });
-
- crmMailingAB.directive('stopa',function(){
- return {
- restrict: 'AE',
- link: function (scope, element, attrs) {
- scope.$watch('aastop', function () {
- if (scope.aastop == true) {
- $(element).dialog({
- title: 'Confirmation',
- width: 300,
- height: 150,
- closed: false,
- cache: false,
- modal: true,
- buttons: {
- 'Yes': function () {
- scope.aastop = false;
- scope.copyatoc();
- $(element).dialog("close");
- },
- 'No': function () {
- scope.aastop = false;
- $(element).dialog("close");
- }
- },
- close: function () {
- scope.aastop = false;
-
- scope.$apply();
- }
- });
- }
- });
- }
- }
- });
-
- crmMailingAB.directive('stopb', function () {
- return {
- restrict: 'AE',
- link: function (scope, element, attrs) {
-
- scope.$watch('bbstop', function () {
- if (scope.bbstop == true) {
- $(element).dialog({
- title: 'Confirmation',
- width: 300,
- height: 150,
- closed: false,
- cache: false,
- modal: true,
- buttons: {
- 'Yes': function () {
- scope.bbstop = false;
- scope.sendc();
- $(element).dialog("close");
- },
- 'No': function () {
- scope.bbstop = false;
- $(element).dialog("close");
- }
- },
- close: function () {
- scope.bbstop = false;
-
- scope.$apply();
- }
- });
- }
- });
- }
- }
- });
-
-
- crmMailingAB.directive('checktimeentry', function () {
- return {
- restrict: 'AE',
- link: function (scope, element, attrs) {
- $(element).timeEntry({
- show24Hours: true,
- showSeconds: true,
- });
- }
- }
- });
-
- crmMailingAB.directive('ckedit', function ($parse) {
- CKEDITOR.disableAutoInline = true;
- var counter = 0,
- prefix = '__ckd_';
-
- return {
- restrict: 'A',
- link: function (scope, element, attrs, controller) {
- var getter = $parse(attrs.ckedit),
- setter = getter.assign;
-
- attrs.$set('contenteditable', true); // inline ckeditor needs this
- if (!attrs.id) {
- attrs.$set('id', prefix + (++counter));
- }
-
- // CKEditor stuff
- // Override the normal CKEditor save plugin
-
- CKEDITOR.plugins.registered['save'] =
- {
- init: function (editor) {
- editor.addCommand('save',
- {
- modes: { wysiwyg: 1, source: 1 },
- exec: function (editor) {
- if (editor.checkDirty()) {
- var ckValue = editor.getData();
- scope.$apply(function () {
- setter(scope, ckValue);
- });
- ckValue = null;
- editor.resetDirty();
- }
- }
- }
- );
- editor.ui.addButton('Save', { label: 'Save', command: 'save', toolbar: 'document' });
- }
- };
- var options = {};
- options.on = {
- blur: function (e) {
- if (e.editor.checkDirty()) {
- var ckValue = e.editor.getData();
- scope.$apply(function () {
- setter(scope, ckValue);
- });
- ckValue = null;
- e.editor.resetDirty();
- }
- }
- };
- options.extraPlugins = 'sourcedialog';
- options.removePlugins = 'sourcearea';
- var editorangular = CKEDITOR.inline(element[0], options); //invoke
-
- scope.$watch(attrs.ckedit, function (value) {
- editorangular.setData(value);
- });
- }
+ };
+ buttons[ts('Cancel')] = function () {
+ dialogService.cancel('selectWinnerDialog');
+ };
+ dialogService.setButtons('selectWinnerDialog', buttons);
}
+ $timeout(init);
});
})(angular, CRM.$, CRM._);