Initial connection monitor UI

gnome-shell/firewall@subgraph.com/extension.js

@@ -4,6 +4,8 @@ const Gio = imports.gi.Gio;
 const Extension = imports.misc.extensionUtils.getCurrentExtension();
 const Dialog = Extension.imports.dialog;
 const Menu = Extension.imports.menu;
+const ConnectionMonitor = Extension.imports.cmonitor;
+
 
 function init() {
     return new FirewallSupport();
@@ -14,6 +16,7 @@ const FirewallSupport = new Lang.Class({
 
     _init: function() {
         this.menu = new Menu.FirewallMenu();
+        this.cmon = new ConnectionMonitor.ConnectionMonitor();
         this.handler = null;
     },
 
@@ -26,10 +29,12 @@ const FirewallSupport = new Lang.Class({
     enable: function() {
         this._destroyHandler();
         this.handler = new FirewallPromptHandler();
+        this.cmon.install();
         this.menu.install();
     },
     disable: function() {
         this.menu.destroy();
+        this.cmon.remove();
         this._destroyHandler();
     }
 });

gnome-shell/firewall@subgraph.com/schemas/com.subgraph.firewall.gschema.xml

@@ -4,7 +4,6 @@
         <key type="as" name="open-connection-monitor">
             <default><![CDATA[['<Control><Alt>space']]]></default>
             <summary>Key to open connection monitor</summary>
-            <description></description>
         </key>
     </schema>
 </schemalist>

gnome-shell/firewall@subgraph.com/stylesheet.css

@@ -1,3 +1,12 @@
+
+.connection-monitor {
+  background-color: rgba(0, 0, 0, 0.8);
+  spacing: 4px;
+  padding: 4px;
+  border: 2px solid grey;
+  border-radius: 4px;
+}
+
 .fw-prompt-dialog {
     min-width: 450px;
     max-width: 500px;