NotificationManager.js
3.57 KB
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
/**
* NotificationManager.js
*
* Released under LGPL License.
* Copyright (c) 1999-2015 Ephox Corp. All rights reserved
*
* License: http://www.tinymce.com/license
* Contributing: http://www.tinymce.com/contributing
*/
/**
* This class handles the creation of TinyMCE's notifications.
*
* @class tinymce.notificationManager
* @example
* // Opens a new notification of type "error" with text "An error occurred."
* tinymce.activeEditor.notificationManager.open({
* text: 'An error occurred.',
* type: 'error'
* });
*/
define("tinymce/NotificationManager", [
"tinymce/ui/Notification",
"tinymce/util/Delay"
], function(Notification, Delay) {
return function(editor) {
var self = this, notifications = [];
function getLastNotification() {
if (notifications.length) {
return notifications[notifications.length - 1];
}
}
self.notifications = notifications;
function resizeWindowEvent() {
Delay.requestAnimationFrame(function() {
prePositionNotifications();
positionNotifications();
});
}
// Since the viewport will change based on the present notifications, we need to move them all to the
// top left of the viewport to give an accurate size measurement so we can position them later.
function prePositionNotifications() {
for (var i = 0; i < notifications.length; i++) {
notifications[i].moveTo(0, 0);
}
}
function positionNotifications() {
if (notifications.length > 0) {
var firstItem = notifications.slice(0, 1)[0];
var container = editor.inline ? editor.getElement() : editor.getContentAreaContainer();
firstItem.moveRel(container, 'tc-tc');
if (notifications.length > 1) {
for (var i = 1; i < notifications.length; i++) {
notifications[i].moveRel(notifications[i - 1].getEl(), 'bc-tc');
}
}
}
}
editor.on('remove', function() {
var i = notifications.length;
while (i--) {
notifications[i].close();
}
});
editor.on('ResizeEditor', positionNotifications);
editor.on('ResizeWindow', resizeWindowEvent);
/**
* Opens a new notification.
*
* @method open
* @param {Object} args Optional name/value settings collection contains things like timeout/color/message etc.
*/
self.open = function(args) {
var notif;
editor.editorManager.setActive(editor);
notif = new Notification(args);
notifications.push(notif);
//If we have a timeout value
if (args.timeout > 0) {
notif.timer = setTimeout(function() {
notif.close();
}, args.timeout);
}
notif.on('close', function() {
var i = notifications.length;
if (notif.timer) {
editor.getWin().clearTimeout(notif.timer);
}
while (i--) {
if (notifications[i] === notif) {
notifications.splice(i, 1);
}
}
positionNotifications();
});
notif.renderTo();
positionNotifications();
return notif;
};
/**
* Closes the top most notification.
*
* @method close
*/
self.close = function() {
if (getLastNotification()) {
getLastNotification().close();
}
};
/**
* Returns the currently opened notification objects.
*
* @method getNotifications
* @return {Array} Array of the currently opened notifications.
*/
self.getNotifications = function() {
return notifications;
};
editor.on('SkinLoaded', function() {
var serviceMessage = editor.settings.service_message;
if (serviceMessage) {
editor.notificationManager.open({
text: serviceMessage,
type: 'warning',
timeout: 0,
icon: ''
});
}
});
//self.positionNotifications = positionNotifications;
};
});