gnome-control-center/panels/datetime/cc-tz-dialog.ui
Mohammed Sadiq eda96f8bc5 datetime: Implement the new timezone selection dialog
which fits better on small screen and is more accessible than a map.
This is based on GNOME Clocks world clock[0] and GNOME Settings[1] designs

[0] https://gitlab.gnome.org/Teams/Design/app-mockups/-/blob/master/clocks/clocks.png
[1] https://gitlab.gnome.org/Teams/Design/settings-mockups/-/blob/master/date-and-time/time-zone-picker.png
2022-12-04 21:38:34 +00:00

79 lines
3.1 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<interface>
<template class="CcTzDialog" parent="AdwWindow">
<property name="modal">True</property>
<property name="hide-on-close">True</property>
<property name="title" translatable="yes">Select Time Zone</property>
<property name="width-request">360</property>
<property name="height-request">300</property>
<property name="default-height">540</property>
<property name="content">
<object class="GtkBox">
<property name="orientation">vertical</property>
<child>
<object class="AdwHeaderBar">
<property name="show-start-title-buttons">True</property>
<property name="show-end-title-buttons">True</property>
</object>
</child>
<!-- SearchBar -->
<child>
<object class="GtkSearchEntry" id="location_entry">
<property name="halign">center</property>
<property name="margin-top">6</property>
<property name="margin-bottom">6</property>
<property name="width-chars">24</property>
<signal name="search-changed" handler="tz_dialog_search_changed_cb" swapped="yes"/>
</object>
</child>
<child>
<object class="GtkStack" id="main_stack">
<property name="vexpand">True</property>
<child>
<object class="AdwStatusPage" id="empty_page">
<property name="margin-top">18</property>
<property name="title" translatable="yes">No Results</property>
<property name="icon-name">system-search-symbolic</property>
</object>
</child>
<child>
<object class="GtkScrolledWindow" id="tz_page">
<property name="hscrollbar-policy">never</property>
<property name="vexpand">True</property>
<child>
<object class="AdwClampScrollable">
<child>
<object class="GtkListView" id="tz_view">
<property name="show-separators">True</property>
<property name="single-click-activate">True</property>
<signal name="activate" handler="tz_dialog_row_activated_cb" swapped="yes"/>
<style>
/* fixme: 'boxed-list' gives nice rounded borders, but we can't use
* it here as it works only with GtkListBox, not with GtkListView */
<class name="frame"/>
</style>
<property name="factory">
<object class="GtkBuilderListItemFactory">
<property name="resource">/org/gnome/control-center/datetime/cc-tz-row.ui</property>
</object>
</property>
</object>
</child>
</object>
</child>
</object>
</child>
</object>
</child>
</object>
</property>
</template>
</interface>