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
|
// Copyright 2015 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.
/**
* @unrestricted
*/
UI.Infobar = class {
/**
* @param {!UI.Infobar.Type} type
* @param {string} text
* @param {!Common.Setting=} disableSetting
*/
constructor(type, text, disableSetting) {
this.element = createElementWithClass('div', 'flex-none');
this._shadowRoot = UI.createShadowRootWithCoreStyles(this.element, 'ui/infobar.css');
this._contentElement = this._shadowRoot.createChild('div', 'infobar infobar-' + type);
this._mainRow = this._contentElement.createChild('div', 'infobar-main-row');
this._mainRow.createChild('div', type + '-icon icon');
this._mainRowText = this._mainRow.createChild('div', 'infobar-main-title');
this._mainRowText.textContent = text;
this._detailsRows = this._contentElement.createChild('div', 'infobar-details-rows hidden');
this._toggleElement = this._mainRow.createChild('div', 'infobar-toggle hidden');
this._toggleElement.addEventListener('click', this._onToggleDetails.bind(this), false);
this._toggleElement.textContent = Common.UIString('more');
/** @type {?Common.Setting} */
this._disableSetting = disableSetting || null;
if (disableSetting) {
var disableButton = this._mainRow.createChild('div', 'infobar-toggle');
disableButton.textContent = Common.UIString('never show');
disableButton.addEventListener('click', this._onDisable.bind(this), false);
}
this._closeButton = this._contentElement.createChild('div', 'close-button', 'dt-close-button');
this._closeButton.addEventListener('click', this.dispose.bind(this), false);
/** @type {?function()} */
this._closeCallback = null;
}
/**
* @param {!UI.Infobar.Type} type
* @param {string} text
* @param {!Common.Setting=} disableSetting
* @return {?UI.Infobar}
*/
static create(type, text, disableSetting) {
if (disableSetting && disableSetting.get())
return null;
return new UI.Infobar(type, text, disableSetting);
}
dispose() {
this.element.remove();
this._onResize();
if (this._closeCallback)
this._closeCallback.call(null);
}
/**
* @param {string} text
*/
setText(text) {
this._mainRowText.textContent = text;
this._onResize();
}
/**
* @param {?function()} callback
*/
setCloseCallback(callback) {
this._closeCallback = callback;
}
/**
* @param {!UI.Widget} parentView
*/
setParentView(parentView) {
this._parentView = parentView;
}
_onResize() {
if (this._parentView)
this._parentView.doResize();
}
_onDisable() {
this._disableSetting.set(true);
this.dispose();
}
_onToggleDetails() {
this._detailsRows.classList.remove('hidden');
this._toggleElement.remove();
this._onResize();
}
/**
* @param {string=} message
* @return {!Element}
*/
createDetailsRowMessage(message) {
this._toggleElement.classList.remove('hidden');
var infobarDetailsRow = this._detailsRows.createChild('div', 'infobar-details-row');
var detailsRowMessage = infobarDetailsRow.createChild('span', 'infobar-row-message');
detailsRowMessage.textContent = message || '';
return detailsRowMessage;
}
};
/** @enum {string} */
UI.Infobar.Type = {
Warning: 'warning',
Info: 'info'
};
|
