PanelEnablerView.js [plain text]
WebInspector.PanelEnablerView = function(identifier, headingText, disclaimerText, buttonTitle)
{
WebInspector.View.call(this);
this.element.addStyleClass("panel-enabler-view");
this.element.addStyleClass(identifier);
this.contentElement = document.createElement("div");
this.contentElement.className = "panel-enabler-view-content";
this.element.appendChild(this.contentElement);
this.imageElement = document.createElement("img");
this.contentElement.appendChild(this.imageElement);
this.choicesForm = document.createElement("form");
this.contentElement.appendChild(this.choicesForm);
this.headerElement = document.createElement("h1");
this.headerElement.textContent = headingText;
this.choicesForm.appendChild(this.headerElement);
this.disclaimerElement = document.createElement("div");
this.disclaimerElement.className = "panel-enabler-disclaimer";
this.disclaimerElement.textContent = disclaimerText;
this.choicesForm.appendChild(this.disclaimerElement);
this.enableButton = document.createElement("button");
this.enableButton.setAttribute("type", "button");
this.enableButton.textContent = buttonTitle;
this.enableButton.addEventListener("click", this._enableButtonCicked.bind(this), false);
this.choicesForm.appendChild(this.enableButton);
window.addEventListener("resize", this._windowResized.bind(this), true);
}
WebInspector.PanelEnablerView.prototype = {
_enableButtonCicked: function()
{
this.dispatchEventToListeners("enable clicked");
},
_windowResized: function()
{
this.imageElement.removeStyleClass("hidden");
if (this.element.offsetWidth < (this.choicesForm.offsetWidth + this.imageElement.offsetWidth))
this.imageElement.addStyleClass("hidden");
}
}
WebInspector.PanelEnablerView.prototype.__proto__ = WebInspector.View.prototype;