properties-window: use GtkStack for navigation

Replace the tabbed GtkNotebook view with inlined navigation rows that
link to subpages and a back button that allows navigating back.

Also, remove now-inadequate .view style class.

Part of #1258

1 files changed, 92 insertions, 30 deletions

diff --git a/src/resources/ui/nautilus-properties-window.ui b/src/resources/ui/nautilus-properties-window.ui
index ced428c75..db92acc53 100644
--- a/src/resources/ui/nautilus-properties-window.ui
+++ b/src/resources/ui/nautilus-properties-window.ui
@@ -8,16 +8,31 @@
       <object class="GtkBox" id="content_box">
         <property name="orientation">vertical</property>
         <child>
-          <object class="AdwHeaderBar"/>
+          <object class="AdwHeaderBar">
+            <child type="start">
+              <object class="GtkRevealer" id="back_button_revealer">
+                <property name="transition-type">crossfade</property>
+                <property name="reveal-child">False</property>
+                <child>
+                  <object class="GtkButton">
+                    <property name="icon-name">go-previous-symbolic</property>
+                    <signal name="clicked" handler="navigate_main_page" object="NautilusPropertiesWindow" swapped="yes"/>
+                    <style>
+                      <class name="image-button"/>
+                    </style>
+                  </object>
+                </child>
+              </object>
+            </child>
+          </object>
         </child>
         <child>
-          <object class="GtkNotebook" id="notebook">
+          <object class="GtkStack" id="page_stack">
             <property name="hexpand">True</property>
-            <property name="focusable">True</property>
-            <property name="show_border">False</property>
+            <property name="transition-type">slide-left-right</property>
             <child>
-              <object class="GtkNotebookPage">
-                <property name="tab_expand">True</property>
+              <object class="GtkStackPage">
+                <property name="name">main</property>
                 <property name="child">
                   <object class="GtkBox" id="basic_box">
                     <property name="margin-top">18</property>
@@ -120,6 +135,39 @@
                           </object>
                         </child>
                         <child>
+                          <object class="AdwActionRow" id="open_with_navigation_row">
+                            <property name="visible">False</property>
+                            <property name="activatable">True</property>
+                            <property name="selectable">False</property>
+                            <property name="title" translatable="yes">_Open With</property>
+                            <property name="use-underline">True</property>
+                            <signal name="activated" handler="navigate_open_with_page" object="NautilusPropertiesWindow" swapped="yes"/>
+                            <child>
+                              <object class="GtkBox">
+                                <property name="spacing">12</property>
+                                <child>
+                                  <object class="GtkLabel" id="open_with_navigation_value_label">
+                                    <property name="hexpand">True</property>
+                                    <property name="selectable">True</property>
+                                    <property name="ellipsize">end</property>
+                                    <property name="max-width-chars">24</property>
+                                    <property name="xalign">1</property>
+                                  </object>
+                                </child>
+                                <child>
+                                  <object class="GtkBox" id="open_with_navigation_action_box">
+                                    <child>
+                                      <object class="GtkImage">
+                                        <property name="icon-name">go-next-symbolic</property>
+                                      </object>
+                                    </child>
+                                  </object>
+                                </child>
+                              </object>
+                            </child>
+                          </object>
+                        </child>
+                        <child>
                           <object class="AdwActionRow" id="link_target_row">
                             <property name="visible">False</property>
                             <property name="activatable">False</property>
@@ -429,6 +477,40 @@
                       </object>
                     </child>
                     <child>
+                      <object class="GtkListBox" id="permissions_list_box">
+                        <property name="selection-mode">none</property>
+                        <child>
+                          <object class="AdwActionRow" id="permissions_navigation_row">
+                            <property name="activatable">True</property>
+                            <property name="selectable">False</property>
+                            <property name="title" translatable="yes">Set Custom _Permissions</property>
+                            <property name="use-underline">True</property>
+                            <signal name="activated" handler="navigate_permissions_page" object="NautilusPropertiesWindow" swapped="yes"/>
+                            <child>
+                              <object class="GtkBox" id="permissions_navigation_action_box">
+                                <child>
+                                  <object class="GtkImage">
+                                    <property name="icon-name">go-next-symbolic</property>
+                                  </object>
+                                </child>
+                              </object>
+                            </child>
+                          </object>
+                        </child>
+                        <style>
+                          <class name="boxed-list"/>
+                        </style>
+                      </object>
+                    </child>
+                    <child>
+                      <object class="GtkListBox" id="extension_list_box">
+                        <property name="selection-mode">none</property>
+                        <style>
+                          <class name="boxed-list"/>
+                        </style>
+                      </object>
+                    </child>
+                    <child>
                       <object class="GtkBox" id="volume_widget_box">
                         <property name="visible">False</property>
                         <property name="orientation">vertical</property>
@@ -598,19 +680,13 @@
                     </child>
                   </object>
                 </property>
-                <property name="tab">
-                  <object class="GtkLabel" id="basic_label">
-                    <property name="label" translatable="yes">Basic</property>
-                  </object>
-                </property>
               </object>
             </child>
             <child>
-              <object class="GtkNotebookPage">
-                <property name="tab_expand">True</property>
+              <object class="GtkStackPage">
+                <property name="name">permissions</property>
                 <property name="child">
                   <object class="GtkStack" id="permissions_stack">
-                    <property name="visible">True</property>
                     <property name="margin-top">18</property>
                     <property name="margin-bottom">18</property>
                     <property name="margin-start">18</property>
@@ -849,19 +925,13 @@
                     </child>
                   </object>
                 </property>
-                <property name="tab">
-                  <object class="GtkLabel" id="permissions_label">
-                    <property name="label" translatable="yes">Permissions</property>
-                  </object>
-                </property>
               </object>
             </child>
             <child>
-              <object class="GtkNotebookPage">
-                <property name="tab_expand">True</property>
+              <object class="GtkStackPage">
+                <property name="name">open-with</property>
                 <property name="child">
                   <object class="GtkBox" id="open_with_box">
-                    <property name="visible">False</property>
                     <property name="margin-top">18</property>
                     <property name="margin-bottom">18</property>
                     <property name="margin-start">18</property>
@@ -921,18 +991,10 @@
                     </child>
                   </object>
                 </property>
-                <property name="tab">
-                  <object class="GtkLabel">
-                    <property name="label" translatable="yes">Open With</property>
-                  </object>
-                </property>
               </object>
             </child>
           </object>
         </child>
-        <style>
-          <class name="view"/>
-        </style>
       </object>
     </child>
   </template>