1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
(function(angular, $, _) {
// "YYYY-MM-DD hh:mm:ss" => Date()
function parseYmdHms(d) {
var parts = d.split(/[\-: ]/);
return new Date(parts[0], parts[1]-1, parts[2], parts[3], parts[4], parts[5]);
}
function isDateBefore(tgt, cutoff, tolerance) {
var ad = parseYmdHms(tgt), bd = parseYmdHms(cutoff);
// We'll allow a little leeway, where tgt is considered before cutoff
// even if technically misses the cutoff by a little.
return ad < bd-tolerance;
}
// Represent a datetime field as if it were a radio ('schedule.mode') and a datetime ('schedule.datetime').
// example: <div crm-mailing-radio-date="mySchedule" ng-model="mailing.scheduled_date">...</div>
angular.module('crmMailing').directive('crmMailingRadioDate', function(crmUiAlert) {
return {
require: 'ngModel',
link: function($scope, element, attrs, ngModel) {
var lastAlert = null;
var schedule = $scope[attrs.crmMailingRadioDate] = {
mode: 'now',
datetime: ''
};
ngModel.$render = function $render() {
var sched = ngModel.$viewValue;
if (!_.isEmpty(sched)) {
schedule.mode = 'at';
schedule.datetime = sched;
}
else {
schedule.mode = 'now';
schedule.datetime = '';
}
};
var updateParent = (function() {
switch (schedule.mode) {
case 'now':
ngModel.$setViewValue(null);
schedule.datetime = '';
break;
case 'at':
schedule.datetime = schedule.datetime || '?';
ngModel.$setViewValue(schedule.datetime);
break;
default:
throw 'Unrecognized schedule mode: ' + schedule.mode;
}
});
element
// Open datepicker when clicking "At" radio
.on('click', ':radio[value=at]', function() {
$('.crm-form-date', element).focus();
})
// Reset mode if user entered an invalid date
.on('change', '.crm-hidden-date', function(e, context) {
if (context === 'userInput' && $(this).val() === '' && $(this).siblings('.crm-form-date').val().length) {
schedule.mode = 'at';
schedule.datetime = '?';
} else {
var d = new Date(),
month = '' + (d.getMonth() + 1),
day = '' + d.getDate(),
year = d.getFullYear(),
hours = '' + d.getHours(),
minutes = '' + d.getMinutes();
var submittedDate = $(this).val();
if (month.length < 2) month = '0' + month;
if (day.length < 2) day = '0' + day;
if (hours.length < 2) hours = '0' + hours;
if (minutes.length < 2) minutes = '0' + minutes;
date = [year, month, day].join('-');
time = [hours, minutes, "00"].join(':');
currentDate = date + ' ' + time;
var isInPast = (submittedDate.length && submittedDate.match(/^[0-9\-]+ [0-9\:]+$/) && isDateBefore(submittedDate, currentDate, 4*60*60*1000));
ngModel.$setValidity('dateTimeInThePast', !isInPast);
if (lastAlert && lastAlert.isOpen) {
lastAlert.close();
}
if (isInPast) {
lastAlert = crmUiAlert({
text: ts('The scheduled date and time is in the past'),
title: ts('Error')
});
}
}
});
$scope.$watch(attrs.crmMailingRadioDate + '.mode', updateParent);
$scope.$watch(attrs.crmMailingRadioDate + '.datetime', function(newValue, oldValue) {
// automatically switch mode based on datetime entry
if (typeof oldValue === 'undefined') {
oldValue = '';
}
if (typeof newValue === 'undefined') {
newValue = '';
}
if (oldValue !== newValue) {
if (_.isEmpty(newValue)) {
schedule.mode = 'now';
}
else {
schedule.mode = 'at';
}
}
updateParent();
});
}
};
});
})(angular, CRM.$, CRM._);
|