util: refactor network manager (#333)

util: use ModemManager to show mobile data connection, use carrier name
util: access points have 'has password' concept to see previously used APs
util: sort wifi widgets by signal strength
util: wifi AP name is added to class list to allow custom rules for any name
util: wifi classes for band, has password, has psk
util: connecting to an unknown wifi now prompts for password
panel: option to have icon-only for network
locker: use central network manager util
util: active vpns are highlighted
util: added support for wireguard VPN
util: allow enabling of more than one VPN at a time
---------

Co-authored-by: altrgeek <altrgeek@gmail.com>

Author: trigg

data/css/default.css

@@ -132,25 +132,33 @@ text-shadow: 1px  1px 0 var(--bcol),
     background-color: #00FFAA77;
     border: 1px solid #222;
 }
-.excellent {
+.excellent>label {
     color: #00ff00;
 }
 
-.good {
+.good>label
+{
     color: #88ff00;
 }
 
-.ok {
+.ok>label
+{
     color: #ffff00;
 }
 
-.weak {
+.weak>label
+{
     color: #ff8800;
 }
 
-.none {
+.none>label
+{
     color: #ff0000;
 }
+.bluetooth>label
+{
+    color: #8888ff;
+}
 
 .wf-dock,
 .wf-dock .out-box {
@@ -191,7 +199,7 @@ text-shadow: 1px  1px 0 var(--bcol),
     -gtk-icon-transform: scale(1.0);
 }
 
-.wf-dock image {
+.wf-dock image.toplevel-icon {
     animation-name: embiggen;
     animation-duration: 1000ms;
     animation-timing-function: linear;
@@ -206,6 +214,35 @@ text-shadow: 1px  1px 0 var(--bcol),
     animation-fill-mode: forwards;
 }
 
+.network-control-center image.access-point {
+    -gtk-icon-size: 40px;
+}
+
+.network-control-center .access-point.secure .security {
+    -gtk-icon-size:20px;
+    color:red;
+}
+
+
+.network-control-center .access-point.secure.has-password .security {
+    color:green;
+}
+
+.network-control-center .access-point.has-password{
+  font-weight: bold;
+  background: #8f83;
+}
+
+.network-control-center .vpn.active{
+  font-weight: bold;
+  background: #8f83;
+}
+
+.network-control-center .access-point .band {
+    font-size: 1em;
+    font-weight: bolder;
+}
+
 .wf-locker .password{
     padding: 10px;
     border-radius: 10px;
@@ -220,7 +257,6 @@ text-shadow: 1px  1px 0 var(--bcol),
 .wf-locker .fingerprint-overlay-image.info {
     color: #88f;
 }
-
 .wf-locker .user label {
     font-weight: bold;
     text-transform: capitalize;
@@ -230,6 +266,7 @@ text-shadow: 1px  1px 0 var(--bcol),
     padding-right: 25px;
     padding-bottom: 100px;
 }
+
 .wf-locker label.weather {
     font-weight: bold;
     padding-left: 100px;

metadata/panel.xml

@@ -229,6 +229,10 @@ If full_span is off, both sides of the panel will take the same amount of space,
 		<_short>On Click Command</_short>
 		<default>default</default>
 	</option>
+	<option name="network_no_label" type="bool">
+		<_short>No text</_short>
+		<default>false</default>
+	</option>
 	</group>
 	<group>
 	<_short>Menu</_short>

src/dock/dock.cpp

@@ -10,6 +10,10 @@
 
 #include "dock.hpp"
 #include "../util/gtk-utils.hpp"
+#include "gtkmm/flowbox.h"
+#include "network/manager.hpp"
+#include "network/network-widget.hpp"
+#include "network/network.hpp"
 #include <css-config.hpp>
 
 
@@ -19,6 +23,9 @@ class WfDock::impl
     std::unique_ptr<WayfireAutohidingWindow> window;
     wl_surface *_wl_surface;
     Gtk::FlowBox box;
+    std::unique_ptr<WayfireMenuButton> network_image;
+    std::unique_ptr<NetworkControlWidget> network_control;
+    std::shared_ptr<NetworkManager> network_manager;
 
     WfOption<std::string> css_path{"dock/css_path"};
     WfOption<int> entries_per_line{"dock/max_per_line"};