blob: 6b9abf41343a2eb3ad215c721d25e41ead5c55d4 (
plain)
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
|
// Copyright 2014 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
var mobileNav = false;
var showDetails = false;
/**
* For small screen mobile the navigation buttons are moved
* below the advanced text.
*/
function onResize() {
var mediaQuery = '(min-width: 240px) and (max-width: 420px) and ' +
'(max-height: 736px) and (min-height: 401px) and ' +
'(orientation: portrait), (max-width: 736px) and ' +
'(max-height: 420px) and (min-height: 240px) and ' +
'(min-width: 421px) and (orientation: landscape)';
// Check for change in nav status.
if (mobileNav != window.matchMedia(mediaQuery).matches) {
mobileNav = !mobileNav;
updateDetails();
}
}
function updateDetails() {
$('information-container').hidden = mobileNav && showDetails;
$('details').hidden = !showDetails;
}
function setupMobileNav() {
window.addEventListener('resize', onResize);
onResize();
}
document.addEventListener('DOMContentLoaded', setupMobileNav);
function sendCommand(cmd) {
window.domAutomationController.setAutomationId(1);
window.domAutomationController.send(cmd);
}
function makeImageSet(url1x, url2x) {
return '-webkit-image-set(url(' + url1x + ') 1x, url(' + url2x + ') 2x)';
}
function initialize() {
if (loadTimeData.getBoolean('allowAccessRequests')) {
$('request-access-button').onclick = function(event) {
$('request-access-button').hidden = true;
if (window.domAutomationController) {
sendCommand('request');
} else {
window.webRestrictions.requestPermission(setRequestStatus);
}
};
} else {
$('request-access-button').hidden = true;
}
var avatarURL1x = loadTimeData.getString('avatarURL1x');
var avatarURL2x = loadTimeData.getString('avatarURL2x');
var custodianName = loadTimeData.getString('custodianName');
if (custodianName) {
$('custodians-information').hidden = false;
if (avatarURL1x) {
$('custodian-avatar-img').style.content =
makeImageSet(avatarURL1x, avatarURL2x);
}
$('custodian-name').innerHTML = custodianName;
$('custodian-email').innerHTML = loadTimeData.getString('custodianEmail');
var secondAvatarURL1x = loadTimeData.getString('secondAvatarURL1x');
var secondAvatarURL2x = loadTimeData.getString('secondAvatarURL2x');
var secondCustodianName = loadTimeData.getString('secondCustodianName');
if (secondCustodianName) {
$('second-custodian-information').hidden = false;
$('second-custodian-avatar-img').hidden = false;
if (secondAvatarURL1x) {
$('second-custodian-avatar-img').style.content =
makeImageSet(secondAvatarURL1x, secondAvatarURL2x);
}
$('second-custodian-name').innerHTML = secondCustodianName;
$('second-custodian-email').innerHTML = loadTimeData.getString(
'secondCustodianEmail');
}
}
var showDetailsLink = loadTimeData.getString('showDetailsLink');
$('show-details-link').hidden = !showDetailsLink;
$('back-button').hidden = showDetailsLink || !window.domAutomationController;
$('back-button').onclick = function(event) {
sendCommand('back');
};
$('show-details-link').onclick = function(event) {
showDetails = true;
$('show-details-link').hidden = true;
$('hide-details-link').hidden = false;
updateDetails();
};
$('hide-details-link').onclick = function(event) {
showDetails = false;
$('show-details-link').hidden = false;
$('hide-details-link').hidden = true;
updateDetails();
};
if (window.domAutomationController &&
loadTimeData.getBoolean('showFeedbackLink')) {
$('feedback-link').onclick = function(event) {
sendCommand('feedback');
};
} else {
$('feedback').hidden = true;
}
}
/**
* Updates the interstitial to show that the request failed or was sent.
* @param {boolean} isSuccessful Whether the request was successful or not.
*/
function setRequestStatus(isSuccessful) {
console.log('setRequestStatus(' + isSuccessful +')');
$('block-page-header').hidden = true;
$('block-page-message').hidden = true;
$('hide-details-link').hidden = true;
showDetails = false;
updateDetails();
if (isSuccessful) {
$('request-failed-message').hidden = true;
$('request-sent-message').hidden = false;
$('back-button').hidden = !window.domAutomationController;
$('request-access-button').hidden = true;
$('show-details-link').hidden = true;
} else {
$('request-failed-message').hidden = false;
$('request-access-button').hidden = false;
$('show-details-link').hidden = false;
}
}
document.addEventListener('DOMContentLoaded', initialize);
|
