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
157
158
159
160
161
162
163
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/*
* Chrome side handling of form validation popup.
*/
"use strict";
var EXPORTED_SYMBOLS = ["FormValidationParent"];
class FormValidationParent extends JSWindowActorParent {
constructor() {
super();
this._panel = null;
this._anchor = null;
}
/*
* Public apis
*/
uninit() {
this._panel = null;
this._anchor = null;
}
hidePopup() {
this._hidePopup();
}
/*
* Events
*/
receiveMessage(aMessage) {
switch (aMessage.name) {
case "FormValidation:ShowPopup":
let browser = this.browsingContext.top.embedderElement;
let window = browser.ownerGlobal;
let data = aMessage.data;
let tabBrowser = window.gBrowser;
// target is the <browser>, make sure we're receiving a message
// from the foreground tab.
if (tabBrowser && browser != tabBrowser.selectedBrowser) {
return;
}
this._showPopup(data);
break;
case "FormValidation:HidePopup":
this._hidePopup();
break;
}
}
observe(aSubject, aTopic, aData) {
this._hidePopup();
}
handleEvent(aEvent) {
switch (aEvent.type) {
case "FullZoomChange":
case "TextZoomChange":
case "scroll":
this._hidePopup();
break;
case "popuphiding":
this._onPopupHiding(aEvent);
break;
}
}
/*
* Internal
*/
_onPopupHiding(aEvent) {
aEvent.originalTarget.removeEventListener("popuphiding", this, true);
let tabBrowser = aEvent.originalTarget.ownerGlobal.gBrowser;
tabBrowser.selectedBrowser.removeEventListener("scroll", this, true);
tabBrowser.selectedBrowser.removeEventListener("FullZoomChange", this);
tabBrowser.selectedBrowser.removeEventListener("TextZoomChange", this);
this._panel = null;
this._anchor.hidden = true;
this._anchor = null;
}
/*
* Shows the form validation popup at a specified position or updates the
* messaging and position if the popup is already displayed.
*
* @aPanelData - Object that contains popup information
* aPanelData stucture detail:
* screenRect - the screen rect of the target element.
* position - popup positional string constants.
* message - the form element validation message text.
*/
_showPopup(aPanelData) {
let previouslyShown = !!this._panel;
this._panel = this._getAndMaybeCreatePanel();
this._panel.firstChild.textContent = aPanelData.message;
let browser = this.browsingContext.top.embedderElement;
let window = browser.ownerGlobal;
let tabBrowser = window.gBrowser;
this._anchor = tabBrowser.selectedBrowser.popupAnchor;
this._anchor.hidden = false;
// Display the panel if it isn't already visible.
if (!previouslyShown) {
// Cleanup after the popup is hidden
this._panel.addEventListener("popuphiding", this, true);
// Hide if the user scrolls the page
tabBrowser.selectedBrowser.addEventListener("scroll", this, true);
tabBrowser.selectedBrowser.addEventListener("FullZoomChange", this);
tabBrowser.selectedBrowser.addEventListener("TextZoomChange", this);
// Open the popup
let rect = aPanelData.screenRect;
this._panel.openPopupAtScreenRect(
aPanelData.position,
rect.left,
rect.top,
rect.width,
rect.height,
false,
false
);
}
}
/*
* Hide the popup if currently displayed. Will fire an event to onPopupHiding
* above if visible.
*/
_hidePopup() {
if (this._panel) {
this._panel.hidePopup();
}
}
_getAndMaybeCreatePanel() {
// Lazy load the invalid form popup the first time we need to display it.
if (!this._panel) {
let browser = this.browsingContext.top.embedderElement;
let window = browser.ownerGlobal;
let template = window.document.getElementById("invalidFormTemplate");
if (template) {
template.replaceWith(template.content);
}
this._panel = window.document.getElementById("invalid-form-popup");
}
return this._panel;
}
}
|
