network: Port to GTK4

Boy this was hard.

To ease the pain of porting wireless-security to GTK4, add
a new WsFileChooserButton class that mimics the behavior of
a button that triggers a filechooser, as per the migration
guide suggests.

There were lots of GtkGrids, so the diff is particularly
horrendous. Sorry.

This needs serious testing before landing.

1 files changed, 36 insertions, 37 deletions

diff --git a/panels/network/cc-wifi-hotspot-dialog.ui b/panels/network/cc-wifi-hotspot-dialog.ui
index 619e051c1..6552650a1 100644
--- a/panels/network/cc-wifi-hotspot-dialog.ui
+++ b/panels/network/cc-wifi-hotspot-dialog.ui
@@ -1,19 +1,28 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <interface>
-  <template class="CcWifiHotspotDialog" parent="GtkMessageDialog">
+  <template class="CcWifiHotspotDialog" parent="GtkDialog">
+    <property name="title" translatable="yes">Turn On Wi-Fi Hotspot?</property>
     <property name="modal">1</property>
     <property name="destroy-with-parent">1</property>
-    <property name="message-type">other</property>
-    <signal name="delete-event" handler="gtk_widget_hide_on_delete"/>
+    <property name="hide-on-close">True</property>
 
-    <child internal-child="message_area">
+    <child internal-child="headerbar">
+      <object class="GtkHeaderBar">
+        <property name="show-title-buttons">0</property>
+      </object>
+    </child>
+
+    <child internal-child="content_area">
       <object class="GtkBox">
-        <property name="visible">1</property>
-        <property name="margin-top">0</property>
+        <property name="orientation">vertical</property>
+        <property name="margin-top">30</property>
+        <property name="margin-bottom">30</property>
+        <property name="margin-start">30</property>
+        <property name="margin-end">30</property>
+        <property name="spacing">20</property>
 
         <child>
           <object class="GtkLabel" id="label">
-            <property name="visible">1</property>
             <property name="wrap">1</property>
             <property name="max-width-chars">50</property>
             <property name="label" translatable="yes">Wi-Fi hotspot allows others to share your internet connection, by creating a Wi-Fi network that they can connect to. To do this, you must have an internet connection through a source other than Wi-Fi.</property>
@@ -23,7 +32,6 @@
 
         <child>
           <object class="GtkLabel" id="connection_label">
-            <property name="visible">1</property>
             <property name="margin-bottom">18</property>
             <property name="wrap">1</property>
             <property name="max-width-chars">40</property>
@@ -34,7 +42,6 @@
 
         <child>
           <object class="GtkGrid">
-            <property name="visible">1</property>
             <property name="row-spacing">6</property>
             <property name="column-spacing">12</property>
 
@@ -43,24 +50,22 @@
               <object class="GtkLabel">
                 <property name="label" translatable="yes">Network Name</property>
                 <property name="halign">end</property>
-                <property name="visible">1</property>
+                <layout>
+                  <property name="column">0</property>
+                  <property name="row">0</property>
+                </layout>
               </object>
-              <packing>
-                <property name="left-attach">0</property>
-                <property name="top-attach">0</property>
-              </packing>
             </child>
             <child>
               <object class="GtkEntry" id="name_entry">
-                <property name="visible">1</property>
                 <property name="hexpand">1</property>
                 <property name="max-length">64</property>
                 <signal name="changed" handler="hotspot_entry_changed_cb" swapped="yes" />
+                <layout>
+                  <property name="column">1</property>
+                  <property name="row">0</property>
+                </layout>
               </object>
-              <packing>
-                <property name="left-attach">1</property>
-                <property name="top-attach">0</property>
-              </packing>
             </child>
 
             <!-- Hotspot Password -->
@@ -68,34 +73,35 @@
               <object class="GtkLabel">
                 <property name="label" translatable="yes">Password</property>
                 <property name="halign">end</property>
-                <property name="visible">1</property>
+                <layout>
+                  <property name="column">0</property>
+                  <property name="row">1</property>
+                </layout>
               </object>
-              <packing>
-                <property name="left-attach">0</property>
-                <property name="top-attach">1</property>
-              </packing>
             </child>
             <child>
               <object class="GtkEntry" id="password_entry">
-                <property name="visible">1</property>
                 <property name="max-length">64</property>
                 <property name="secondary-icon-name">view-refresh-symbolic</property>
                 <property name="secondary-icon-tooltip-text" translatable="yes">Generate Random Password</property>
                 <property name="placeholder-text" translatable="yes">Autogenerate Password</property>
                 <signal name="icon-press" handler="generate_password_clicked_cb" swapped="yes" />
                 <signal name="changed" handler="hotspot_entry_changed_cb" swapped="yes" />
+                <layout>
+                  <property name="column">1</property>
+                  <property name="row">1</property>
+                </layout>
               </object>
-              <packing>
-                <property name="left-attach">1</property>
-                <property name="top-attach">1</property>
-              </packing>
             </child>
 
             <!-- Error Label -->
             <child>
               <object class="GtkLabel" id="error_label">
                 <property name="halign">start</property>
-                <property name="visible">1</property>
+                <layout>
+                  <property name="column">1</property>
+                  <property name="row">2</property>
+                </layout>
                 <style>
                   <class name="dim-label" />
                 </style>
@@ -103,10 +109,6 @@
                   <attribute name="scale" value="0.83"/>
                 </attributes>
               </object>
-              <packing>
-                <property name="left-attach">1</property>
-                <property name="top-attach">2</property>
-              </packing>
             </child>
 
           </object>
@@ -117,15 +119,12 @@
 
     <child type="action">
       <object class="GtkButton" id="cancel_button">
-        <property name="visible">1</property>
         <property name="use-underline">1</property>
         <property name="label" translatable="yes">_Cancel</property>
       </object>
     </child>
     <child type="action">
       <object class="GtkButton" id="ok_button">
-        <property name="visible">1</property>
-        <property name="can-default">1</property>
         <property name="use-underline">1</property>
         <property name="label" translatable="yes">_Turn On</property>
       </object>