app/ui: add basic participant list row

5 files changed, 204 insertions, 8 deletions

diff --git a/res/CMakeLists.txt b/res/CMakeLists.txt
index f823bec..b2b723a 100644
--- a/res/CMakeLists.txt
+++ b/res/CMakeLists.txt
@@ -5,6 +5,7 @@ add_library("res")
 target_add_glib_resources("res"
   PREFIX "turns"
   UI_FILES
+  "widgets/participant_list_row.ui"
   "windows/main_window.ui"
 )
 
diff --git a/res/widgets/participant_list_row.ui b/res/widgets/participant_list_row.ui
new file mode 100644
index 0000000..66506c8
--- /dev/null
+++ b/res/widgets/participant_list_row.ui
@@ -0,0 +1,81 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!-- Created with Cambalache 0.90.4 -->
+<!--Adapted from: https://gitlab.gnome.org/GNOME/libadwaita-->
+<interface>
+  <!-- interface-name participant_list_item.ui -->
+  <requires lib="gtk" version="4.14"/>
+  <template class="gtkmm__CustomObject_participant_list_row" parent="GtkListBoxRow">
+    <property name="child">
+      <object class="GtkBox" id="header">
+        <property name="css-classes">header</property>
+        <child>
+          <object class="GtkBox" id="prefixes">
+            <property name="visible">False</property>
+            <style>
+              <class name="prefixes"/>
+            </style>
+          </object>
+        </child>
+        <child>
+          <object class="GtkImage" id="image">
+            <property name="icon-name">face-smile</property>
+            <property name="valign">center</property>
+            <property name="visible">False</property>
+            <style>
+              <class name="icon"/>
+            </style>
+          </object>
+        </child>
+        <child>
+          <object class="GtkBox" id="title_box">
+            <property name="hexpand">True</property>
+            <property name="orientation">vertical</property>
+            <property name="valign">center</property>
+            <child>
+              <object class="GtkLabel" id="title">
+                <property name="lines">0</property>
+                <property name="visible">False</property>
+                <property name="wrap">True</property>
+                <property name="wrap-mode">word-char</property>
+                <property name="xalign">0.0</property>
+                <style>
+                  <class name="title"/>
+                </style>
+              </object>
+            </child>
+            <child>
+              <object class="GtkLabel" id="subtitle">
+                <property name="lines">0</property>
+                <property name="visible">False</property>
+                <property name="wrap">True</property>
+                <property name="wrap-mode">word-char</property>
+                <property name="xalign">0.0</property>
+                <style>
+                  <class name="subtitle"/>
+                </style>
+              </object>
+            </child>
+            <style>
+              <class name="title"/>
+            </style>
+          </object>
+        </child>
+        <child>
+          <object class="GtkBox" id="suffixes">
+            <property name="valign">center</property>
+            <child>
+              <object class="GtkSwitch"/>
+            </child>
+            <style>
+              <class name="suffixes"/>
+            </style>
+          </object>
+        </child>
+      </object>
+    </property>
+    <property name="valign">center</property>
+    <style>
+      <class name="view"/>
+    </style>
+  </template>
+</interface>
diff --git a/res/widgets/widgets.cmb b/res/widgets/widgets.cmb
new file mode 100644
index 0000000..ce44dd0
--- /dev/null
+++ b/res/widgets/widgets.cmb
@@ -0,0 +1,71 @@
+<?xml version='1.0' encoding='UTF-8' standalone='no'?>
+<!DOCTYPE cambalache-project SYSTEM "cambalache-project.dtd">
+<cambalache-project version="0.17.3" target_tk="gtk-4.0">
+  <ui>
+	(1,1,"participant_list_item.ui","participant_list_row.ui",None,None,None,None,None,"Adapted from: https://gitlab.gnome.org/GNOME/libadwaita",None)
+  </ui>
+  <ui_library>
+	(1,"gtk","4.14",None)
+  </ui_library>
+  <object>
+	(1,1,"GtkListBoxRow","gtkmm__CustomObject_participant_list_row",None,None,None,None,-1,None,None),
+	(1,2,"GtkBox","header",1,None,None,None,-1,None,None),
+	(1,3,"GtkBox","prefixes",2,None,None,None,-1,None,None),
+	(1,4,"GtkImage","image",2,None,None,None,-1,None,None),
+	(1,5,"GtkBox","title_box",2,None,None,None,-1,None,None),
+	(1,6,"GtkLabel","title",5,None,None,None,-1,None,None),
+	(1,7,"GtkLabel","subtitle",5,None,None,None,-1,None,None),
+	(1,8,"GtkBox","suffixes",2,None,None,None,-1,None,None),
+	(1,9,"GtkSwitch",None,8,None,None,None,-1,None,None)
+  </object>
+  <object_property>
+	(1,1,"GtkListBoxRow","child",None,None,None,None,None,2,None,None,None,None),
+	(1,1,"GtkWidget","valign","center",None,None,None,None,None,None,None,None,None),
+	(1,2,"GtkWidget","css-classes","header",None,None,None,None,None,None,None,None,None),
+	(1,3,"GtkWidget","visible","False",None,None,None,None,None,None,None,None,None),
+	(1,4,"GtkImage","icon-name","face-smile",None,None,None,None,None,None,None,None,None),
+	(1,4,"GtkWidget","valign","center",None,None,None,None,None,None,None,None,None),
+	(1,4,"GtkWidget","visible","False",None,None,None,None,None,None,None,None,None),
+	(1,5,"GtkOrientable","orientation","vertical",None,None,None,None,None,None,None,None,None),
+	(1,5,"GtkWidget","hexpand","True",None,None,None,None,None,None,None,None,None),
+	(1,5,"GtkWidget","valign","center",None,None,None,None,None,None,None,None,None),
+	(1,6,"GtkLabel","lines","0",None,None,None,None,None,None,None,None,None),
+	(1,6,"GtkLabel","wrap","True",None,None,None,None,None,None,None,None,None),
+	(1,6,"GtkLabel","wrap-mode","word-char",None,None,None,None,None,None,None,None,None),
+	(1,6,"GtkLabel","xalign","0.0",None,None,None,None,None,None,None,None,None),
+	(1,6,"GtkWidget","visible","False",None,None,None,None,None,None,None,None,None),
+	(1,7,"GtkLabel","lines","0",None,None,None,None,None,None,None,None,None),
+	(1,7,"GtkLabel","wrap","True",None,None,None,None,None,None,None,None,None),
+	(1,7,"GtkLabel","wrap-mode","word-char",None,None,None,None,None,None,None,None,None),
+	(1,7,"GtkLabel","xalign","0.0",None,None,None,None,None,None,None,None,None),
+	(1,7,"GtkWidget","visible","False",None,None,None,None,None,None,None,None,None),
+	(1,8,"GtkWidget","valign","center",None,None,None,None,None,None,None,None,None)
+  </object_property>
+  <object_data>
+	(1,6,"GtkWidget",1,1,None,None,None,None,None,None),
+	(1,6,"GtkWidget",2,2,None,1,None,None,None,None),
+	(1,5,"GtkWidget",1,1,None,None,None,None,None,None),
+	(1,5,"GtkWidget",2,2,None,1,None,None,None,None),
+	(1,4,"GtkWidget",1,1,None,None,None,None,None,None),
+	(1,4,"GtkWidget",2,2,None,1,None,None,None,None),
+	(1,3,"GtkWidget",1,1,None,None,None,None,None,None),
+	(1,3,"GtkWidget",2,2,None,1,None,None,None,None),
+	(1,7,"GtkWidget",1,1,None,None,None,None,None,None),
+	(1,7,"GtkWidget",2,2,None,1,None,None,None,None),
+	(1,8,"GtkWidget",1,1,None,None,None,None,None,None),
+	(1,8,"GtkWidget",2,2,None,1,None,None,None,None),
+	(1,1,"GtkWidget",2,2,None,1,None,None,None,None),
+	(1,1,"GtkWidget",1,3,None,None,None,None,None,None),
+	(1,1,"GtkWidget",2,4,None,3,None,None,None,None)
+  </object_data>
+  <object_data_arg>
+	(1,6,"GtkWidget",2,2,"name","title"),
+	(1,5,"GtkWidget",2,2,"name","title"),
+	(1,4,"GtkWidget",2,2,"name","icon"),
+	(1,3,"GtkWidget",2,2,"name","prefixes"),
+	(1,7,"GtkWidget",2,2,"name","subtitle"),
+	(1,8,"GtkWidget",2,2,"name","suffixes"),
+	(1,1,"GtkWidget",2,2,"name","property"),
+	(1,1,"GtkWidget",2,4,"name","view")
+  </object_data_arg>
+</cambalache-project>
diff --git a/res/windows/main_window.ui b/res/windows/main_window.ui
index 5dc17d8..4712455 100644
--- a/res/windows/main_window.ui
+++ b/res/windows/main_window.ui
@@ -10,8 +10,23 @@
       <object class="AdwToolbarView">
         <property name="content">
           <object class="GtkScrolledWindow">
+            <property name="vexpand">True</property>
             <child>
-              <object class="GtkListBox" id="entry_list"/>
+              <object class="AdwClamp">
+                <property name="child">
+                  <object class="GtkListBox" id="participant_list">
+                    <property name="margin-bottom">18</property>
+                    <property name="margin-end">12</property>
+                    <property name="margin-start">12</property>
+                    <property name="margin-top">18</property>
+                    <property name="selection-mode">none</property>
+                    <property name="valign">start</property>
+                    <style>
+                      <class name="boxed-list"/>
+                    </style>
+                  </object>
+                </property>
+              </object>
             </child>
           </object>
         </property>
@@ -33,12 +48,16 @@
                 <property name="icon-name">contact-new</property>
               </object>
             </child>
+            <style/>
           </object>
         </child>
+        <style/>
       </object>
     </property>
-    <property name="height-request">720</property>
-    <property name="width-request">360</property>
+    <property name="default-height">720</property>
+    <property name="default-width">360</property>
+    <property name="height-request">480</property>
+    <property name="width-request">240</property>
   </object>
   <menu id="main_menu">
     <item>
diff --git a/res/windows/windows.cmb b/res/windows/windows.cmb
index c26082d..198105f 100644
--- a/res/windows/windows.cmb
+++ b/res/windows/windows.cmb
@@ -13,24 +13,48 @@
 	(1,2,"AdwToolbarView",None,1,None,None,None,-1,None,None),
 	(1,3,"AdwHeaderBar","header",2,None,"top",None,-1,None,None),
 	(1,4,"GtkScrolledWindow",None,2,None,None,None,-1,None,None),
-	(1,5,"GtkListBox","entry_list",4,None,None,None,-1,None,None),
 	(1,6,"AdwWindowTitle","title",3,None,None,None,-1,None,None),
 	(1,7,"GtkMenuButton","open_main_menu",3,None,"start",None,None,None,None),
 	(1,8,"GtkButton","add_participant",3,None,"start",None,None,None,None),
 	(1,9,"(menu)","main_menu",None,None,None,None,-1,None,None),
-	(1,10,"(item)",None,9,None,None,None,-1,None,None)
+	(1,10,"(item)",None,9,None,None,None,-1,None,None),
+	(1,11,"AdwClamp",None,4,None,None,None,-1,None,None),
+	(1,12,"GtkListBox","participant_list",11,None,None,None,-1,None,None)
   </object>
   <object_property>
 	(1,1,"AdwApplicationWindow","content",None,None,None,None,None,2,None,None,None,None),
-	(1,1,"GtkWidget","height-request","720",None,None,None,None,None,None,None,None,None),
-	(1,1,"GtkWidget","width-request","360",None,None,None,None,None,None,None,None,None),
+	(1,1,"GtkWidget","height-request","480",None,None,None,None,None,None,None,None,None),
+	(1,1,"GtkWidget","width-request","240",None,None,None,None,None,None,None,None,None),
+	(1,1,"GtkWindow","default-height","720",None,None,None,None,None,None,None,None,None),
+	(1,1,"GtkWindow","default-width","360",None,None,None,None,None,None,None,None,None),
 	(1,2,"AdwToolbarView","content",None,None,None,None,None,4,None,None,None,None),
 	(1,3,"AdwHeaderBar","title-widget",None,None,None,None,None,6,None,None,None,None),
+	(1,4,"GtkWidget","vexpand","True",None,None,None,None,None,None,None,None,None),
 	(1,6,"AdwWindowTitle","title","Turns",1,None,None,None,None,None,None,None,None),
 	(1,7,"GtkMenuButton","icon-name","open-menu",None,None,None,None,None,None,None,None,None),
 	(1,7,"GtkMenuButton","menu-model","9",None,None,None,None,None,None,None,None,None),
 	(1,8,"GtkButton","icon-name","contact-new",None,None,None,None,None,None,None,None,None),
 	(1,10,"(item)","action","app.quit",None,None,None,None,None,None,None,None,None),
-	(1,10,"(item)","label","_Quit",1,None,None,None,None,None,None,None,None)
+	(1,10,"(item)","label","_Quit",1,None,None,None,None,None,None,None,None),
+	(1,11,"AdwClamp","child",None,None,None,None,None,12,None,None,None,None),
+	(1,12,"GtkListBox","selection-mode","none",None,None,None,None,None,None,None,None,None),
+	(1,12,"GtkWidget","margin-bottom","18",None,None,None,None,None,None,None,None,None),
+	(1,12,"GtkWidget","margin-end","12",None,None,None,None,None,None,None,None,None),
+	(1,12,"GtkWidget","margin-start","12",None,None,None,None,None,None,None,None,None),
+	(1,12,"GtkWidget","margin-top","18",None,None,None,None,None,None,None,None,None),
+	(1,12,"GtkWidget","valign","start",None,None,None,None,None,None,None,None,None)
   </object_property>
+  <object_data>
+	(1,1,"GtkWidget",2,2,None,1,None,None,None,None),
+	(1,4,"GtkWidget",2,2,None,1,None,None,None,None),
+	(1,3,"GtkWidget",1,1,None,None,None,None,None,None),
+	(1,2,"GtkWidget",1,1,None,None,None,None,None,None),
+	(1,12,"GtkWidget",1,1,None,None,None,None,None,None),
+	(1,12,"GtkWidget",2,2,None,1,None,None,None,None)
+  </object_data>
+  <object_data_arg>
+	(1,1,"GtkWidget",2,2,"name","background"),
+	(1,4,"GtkWidget",2,2,"name","boxed-list"),
+	(1,12,"GtkWidget",2,2,"name","boxed-list")
+  </object_data_arg>
 </cambalache-project>