WebInspector.ChangesView = function(drawer)
{
WebInspector.View.call(this);
this.element.innerHTML = "<div style=\"bottom:25%;color:rgb(192,192,192);font-size:12px;height:65px;left:0px;margin:auto;position:absolute;right:0px;text-align:center;top:0px;\"><h1>Not Implemented Yet</h1></div>";
this.drawer = drawer;
this.clearButton = document.createElement("button");
this.clearButton.id = "clear-changes-status-bar-item";
this.clearButton.title = WebInspector.UIString("Clear changes log.");
this.clearButton.className = "status-bar-item";
this.clearButton.addEventListener("click", this._clearButtonClicked.bind(this), false);
this.toggleChangesButton = document.getElementById("changes-status-bar-item");
this.toggleChangesButton.title = WebInspector.UIString("Show changes view.");
this.toggleChangesButton.addEventListener("click", this._toggleChangesButtonClicked.bind(this), false);
var anchoredStatusBar = document.getElementById("anchored-status-bar-items");
anchoredStatusBar.appendChild(this.toggleChangesButton);
}
WebInspector.ChangesView.prototype = {
_clearButtonClicked: function()
{
},
_toggleChangesButtonClicked: function()
{
this.drawer.visibleView = this;
},
attach: function(mainElement, statusBarElement)
{
mainElement.appendChild(this.element);
statusBarElement.appendChild(this.clearButton);
},
show: function()
{
this.toggleChangesButton.addStyleClass("toggled-on");
this.toggleChangesButton.title = WebInspector.UIString("Hide changes view.");
},
hide: function()
{
this.toggleChangesButton.removeStyleClass("toggled-on");
this.toggleChangesButton.title = WebInspector.UIString("Show changes view.");
}
}
WebInspector.ChangesView.prototype.__proto__ = WebInspector.View.prototype;