Added new class OverlayView.

Author: Chris K

src/client-en.xml

@@ -273,6 +273,7 @@ window.load_screen_timeout = window.setTimeout(function()
 <script src="./ui-scripts/defaults.js"/>
 <script src="./ui-scripts/window.js"/>
 <script src="./ui-scripts/cells.js"/>
+<script src="./ui-scripts/celloverlay.js"/>
 <script src="./ui-scripts/topCell.js"/>
 <script src="./ui-scripts/view.js"/>
 <script src="./ui-scripts/tempview.js"/>

src/network/network_view.js

@@ -425,6 +425,12 @@ cls.NetworkLogView = function(id, name, container_class, html, default_handler,
 
   this._on_clicked_request_bound = function(evt, target)
   {
+    if (this._overlay.is_active)
+      this._overlay.hide();
+    else
+      this._overlay.show();
+
+    return;
     var item_id = target.get_attr("parent-node-chain", "data-object-id");
     if (this._selected == item_id)
     {
@@ -731,6 +737,9 @@ cls.NetworkLogView = function(id, name, container_class, html, default_handler,
     }
   ]);
 
+  this._overlay = this.register_overlay(new cls.DetailOverlayView("detail-overlay"));
+  cls.DetailOverlayView.create_ui_widgets();
+
   this._type_filters = ["all"].map(this._map_filter_bound);
   this.init(id, name, container_class, html, default_handler);
 };
@@ -917,3 +926,41 @@ cls.NetworkLog.create_ui_widgets = function()
   messages.addListener("view-created", on_view_created);
   messages.addListener("view-destroyed", on_view_destroyed);
 }
+
+cls.DetailOverlayView = function(id, container_class, html, default_handler, service)
+{
+  this.createView = function(container)
+  {
+    container.innerHTML = "<h2>hello</h2>";
+  };
+  this.ondestroy = function()
+  {
+    opera.postError(this.id + " destroyed")
+  }
+  // overlay view has no name
+  this.init(id, container_class, html, default_handler);
+
+};
+
+cls.DetailOverlayView.prototype = new OverlayView();
+
+cls.DetailOverlayView.create_ui_widgets = function()
+{
+  var config =
+  {
+    view: "detail-overlay",
+    groups: [
+      {
+        type: UI.TYPE_BUTTONS,
+        items: [
+          {
+            handler: "clear-log-network-view",
+            icon: "clear-log-network-view",
+            title: ui_strings.S_CLEAR_NETWORK_LOG
+          }
+        ]
+      },
+    ]
+  };
+  new ToolbarConfig(config);
+};

src/ui-scripts/cells.js

@@ -151,6 +151,45 @@
     return null;
   }
 
+  this.show_overlay = function(view)
+  {
+    if (!this.overlay || !this.overlay.view_id == view.id)
+    {
+      if (this.overlay)
+        this.overlay.hide();
+      this.overlay = new CellOverlay(view.id, this, view.parent_view_id);
+    }
+    return this.overlay.show();
+  };
+
+  this.hide_overlay = function(view_id)
+  {
+    if (this.overlay && this.overlay.view_id == view_id)
+      this.overlay.hide();
+  };
+
+  this.remove_ui_elements = function(view_id)
+  {
+    var view = window.views[view_id];
+    if (view && view.isvisible())
+    {
+      var cell = this.get_cell(view_id);
+      var container_id = 'container-to-' + cell.id;
+      var toolbar_id = 'toolbar-to-' + cell.id;
+      window.messages.post("hide-view", {id: view_id});
+      view.removeContainerId(container_id);
+      var toolbar = window.toolbars[view_id];
+      if (toolbar)
+        toolbar.removeContainerId(toolbar_id);
+      [container_id, toolbar_id].forEach(function(id)
+      {
+        var ele = document.getElementById(id);
+        if (ele)
+          ele.parentNode.removeChild(ele);
+      });
+    }
+  };
+
   this.add_searchbar = function(searchbar)
   {
     this.searchbar = searchbar;
@@ -265,6 +304,7 @@
     this.parent = parent;
     this.container_id = container_id; // think about this
     this.is_dirty = true;
+    this.is_empty = Boolean(rough_cell.is_empty);
 
     dir = dir == HOR ? VER : HOR;
 
@@ -288,7 +328,7 @@
         // is previoue set for the last?
       }
     }
-    else
+    else if (!this.is_empty)
     {
       ["tabs", "tabbar"].forEach(function(prop)
       {
@@ -329,6 +369,9 @@
 
   this.setup = function(view_id)
   {
+    if (this.is_empty)
+      return;
+
     var view_id = this.tab && this.tab.activeTab;
     if (view_id)
     {

src/ui-scripts/view.js

@@ -83,6 +83,13 @@ var ViewBase = new function()
     messages.post('view-initialized', {'view_id': this.id});
   }
 
+  this.register_overlay = function(view)
+  {
+    this._overlay = view;
+    view.parent_view_id = this.id;
+    return view;
+  };
+
   this.addContainerId = function(id)
   {
     this.container_ids[this.container_ids.length] = id;
@@ -306,7 +313,28 @@ var View = function(id, name, container_class, html, default_handler)
 
 View.prototype = ViewBase;
 
+var OverlayView = function(id, container_class, html, default_handler) {};
+var OverlayViewPrototype = function()
+{
+  this.show = function()
+  {
+    var cell = window.topCell.get_cell(this.parent_view_id);
+    if (cell)
+      this.is_active = cell.show_overlay(this);
+  };
 
+  this.hide = function()
+  {
+    var cell = window.topCell.get_cell(this.parent_view_id);
+    if (cell)
+      cell.hide_overlay(this.id);
+    this.is_active = false;
+  };
 
-
-
+  this.init = function(id, container_class, html, default_handler)
+  {
+    ViewBase.init.call(this, id, "", container_class, html, default_handler);
+  };
+};
+OverlayViewPrototype.prototype = ViewBase;
+OverlayView.prototype = new OverlayViewPrototype();