depau/Purism-Calls
1
0
Fork 0
mirror of https://gitlab.gnome.org/GNOME/calls.git synced 2024-07-02 15:09:31 +00:00
Code Issues Releases Wiki Activity
Purism-Calls/src/ui/call-display.ui

488 lines
26 KiB
Plaintext
Raw Normal View History

Initial import of cleaned Calls working tree
2018-05-17 13:16:51 +00:00
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generated with glade 3.22.0 -->
<interface>
<requires lib="gtk+" version="3.20"/>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<template class="CallsCallDisplay" parent="GtkOverlay">
Initial import of cleaned Calls working tree
2018-05-17 13:16:51 +00:00
<property name="visible">True</property>
<property name="can_focus">False</property>
<child>
<object class="GtkBox">
<property name="can_focus">False</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="halign">center</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="margin_bottom">12</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="margin_left">12</property>
<property name="margin_right">12</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="margin_top">12</property>
Initial import of cleaned Calls working tree
2018-05-17 13:16:51 +00:00
<property name="orientation">vertical</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="vexpand">True</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="visible">True</property>
<property name="width_request">300</property>
<property name="sensitive" bind-source="dial_pad_revealer" bind-property="reveal-child" bind-flags="invert-boolean|bidirectional|sync-create"/>
Initial import of cleaned Calls working tree
2018-05-17 13:16:51 +00:00
<child>
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="orientation">vertical</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="vexpand">True</property>
Initial import of cleaned Calls working tree
2018-05-17 13:16:51 +00:00
<child>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<object class="GtkLabel" id="incoming_phone_call">
<property name="visible">False</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="can_focus">False</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="margin_top">40</property>
<property name="margin_bottom">12</property>
<property name="label" translatable="yes">Incoming phone call</property>
call-display: Make the buttons match the new design Add 'mute' and 'dial pad' buttons, drop the 'hold' button, change the size of the central buttons, make them use icons and drop the now useless group size.
2018-07-27 11:06:17 +00:00
</object>
</child>
<child>
CallsCallDisplay: use HdyAvatar
2021-01-28 18:10:03 +00:00
<object class="GtkBox">
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="visible">True</property>
<property name="can_focus">False</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="orientation">vertical</property>
<property name="vexpand">True</property>
<child>
<object class="GtkLabel" id="primary_contact_info">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="margin_top">6</property>
<property name="margin_bottom">6</property>
call-display: Ellipsize labels at the end Fixes #283
2021-06-30 21:32:42 +00:00
<property name="ellipsize">end</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<attributes>
<attribute name="weight" value="bold"/>
<attribute name="scale" value="1.6"/>
</attributes>
</object>
</child>
<child>
<object class="GtkLabel" id="secondary_contact_info">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="margin_top">4</property>
<property name="margin_bottom">4</property>
call-display: Ellipsize labels at the end Fixes #283
2021-06-30 21:32:42 +00:00
<property name="ellipsize">end</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
</object>
</child>
CallsCallDisplay: use HdyAvatar
2021-01-28 18:10:03 +00:00
<child>
<object class="HdyAvatar" id="avatar">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="size">100</property>
</object>
</child>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
</object>
</child>
<child>
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="orientation">vertical</property>
call-display: Make the buttons match the new design Add 'mute' and 'dial pad' buttons, drop the 'hold' button, change the size of the central buttons, make them use icons and drop the now useless group size.
2018-07-27 11:06:17 +00:00
<child>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<object class="GtkLabel" id="status">
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="visible">True</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="can_focus">False</property>
<property name="margin_top">30</property>
<property name="margin_bottom">40</property>
<attributes>
<attribute name="scale" value="1.6"/>
</attributes>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
</object>
</child>
<child>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<object class="GtkBox" id="controls">
call-display: Make the buttons match the new design Add 'mute' and 'dial pad' buttons, drop the 'hold' button, change the size of the central buttons, make them use icons and drop the now useless group size.
2018-07-27 11:06:17 +00:00
<property name="visible">True</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="can_focus">False</property>
<property name="spacing">12</property>
<property name="homogeneous">True</property>
<property name="orientation">vertical</property>
<property name="vexpand">False</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<child>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<object class="GtkBox" id="general_controls">
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="visible">True</property>
<property name="can_focus">False</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="spacing">12</property>
<property name="height_request">65</property>
<property name="homogeneous">True</property>
<property name="hexpand">True</property>
<child>
<object class="GtkToggleButton" id="mute">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">True</property>
<property name="no_show_all">True</property>
<property name="hexpand">True</property>
ui: call-display: set speaker and mute buttons sensitive by default Now that we got rid of ugly hacks, these buttons should work on all devices. We can therefore enable them by default.
2020-10-13 01:01:55 +00:00
<property name="sensitive">True</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<signal name="toggled" handler="mute_toggled_cb" swapped="no"/>
<child>
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="orientation">vertical</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="icon_name">microphone-sensitivity-muted-symbolic</property>
<property name="icon_size">3</property>
<property name="vexpand">True</property>
</object>
</child>
<child>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="margin_bottom">4</property>
ui: call-display: wrap toggle buttons' labels For some locales, the buttons' labels can be quite long, making the window wider than the display. Using a line wrap will solve this issue when there wouldn't be shorter translation alternatives. This requires reducing the encryption indicator's margins so the window height doesn't grow beyond the available display size.
2020-07-12 20:17:39 +00:00
<property name="wrap">True</property>
<property name="justify">center</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="label" translatable="yes">Mute</property>
</object>
</child>
</object>
</child>
</object>
</child>
<child>
<object class="GtkToggleButton" id="speaker">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">True</property>
<property name="no_show_all">True</property>
<property name="hexpand">True</property>
ui: call-display: set speaker and mute buttons sensitive by default Now that we got rid of ugly hacks, these buttons should work on all devices. We can therefore enable them by default.
2020-10-13 01:01:55 +00:00
<property name="sensitive">True</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<signal name="toggled" handler="speaker_toggled_cb" swapped="no"/>
<child>
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="orientation">vertical</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="icon_name">audio-volume-high-symbolic</property>
<property name="icon_size">3</property>
<property name="vexpand">True</property>
</object>
</child>
<child>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="margin_bottom">4</property>
ui: call-display: wrap toggle buttons' labels For some locales, the buttons' labels can be quite long, making the window wider than the display. Using a line wrap will solve this issue when there wouldn't be shorter translation alternatives. This requires reducing the encryption indicator's margins so the window height doesn't grow beyond the available display size.
2020-07-12 20:17:39 +00:00
<property name="wrap">True</property>
<property name="justify">center</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="label" translatable="yes">Speaker</property>
</object>
</child>
</object>
</child>
</object>
</child>
<child>
<object class="GtkButton" id="add_call">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">True</property>
<property name="no_show_all">True</property>
<property name="sensitive">False</property>
<signal name="clicked" handler="add_call_clicked_cb" swapped="no"/>
<child>
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="orientation">vertical</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can_focus">False</property>
resources: Use standard icon path GtkApplication by default appends "icons" to the app id and add that to the icon search path. So let's just use that instead of adding custom one. This commit also fixes missing icon for "Add call" button in active call window
2021-01-20 12:54:06 +00:00
<property name="icon_name">new-call-symbolic</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="icon_size">3</property>
<property name="vexpand">True</property>
</object>
</child>
<child>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="margin_bottom">4</property>
ui: call-display: wrap toggle buttons' labels For some locales, the buttons' labels can be quite long, making the window wider than the display. Using a line wrap will solve this issue when there wouldn't be shorter translation alternatives. This requires reducing the encryption indicator's margins so the window height doesn't grow beyond the available display size.
2020-07-12 20:17:39 +00:00
<property name="wrap">True</property>
<property name="justify">center</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="label" translatable="yes">Add call</property>
</object>
</child>
</object>
</child>
</object>
</child>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
</object>
</child>
<child>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<object class="GtkBox" id="gsm_controls">
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="visible">True</property>
<property name="can_focus">False</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="spacing">12</property>
<property name="height_request">65</property>
<child>
<object class="GtkToggleButton" id="hold">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">True</property>
<property name="no_show_all">True</property>
<property name="hexpand">True</property>
<property name="sensitive">False</property>
<signal name="toggled" handler="hold_toggled_cb" swapped="no"/>
<child>
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="orientation">vertical</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="icon_name">media-playback-pause-symbolic</property>
<property name="icon_size">3</property>
<property name="vexpand">True</property>
</object>
</child>
<child>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="margin_bottom">4</property>
ui: call-display: wrap toggle buttons' labels For some locales, the buttons' labels can be quite long, making the window wider than the display. Using a line wrap will solve this issue when there wouldn't be shorter translation alternatives. This requires reducing the encryption indicator's margins so the window height doesn't grow beyond the available display size.
2020-07-12 20:17:39 +00:00
<property name="wrap">True</property>
<property name="justify">center</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="label" translatable="yes">Hold</property>
</object>
</child>
</object>
</child>
</object>
</child>
<child>
<object class="GtkToggleButton" id="dial_pad">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">True</property>
<property name="no_show_all">True</property>
<property name="active" bind-source="dial_pad_revealer" bind-property="reveal-child" bind-flags="bidirectional|sync-create"/>
<property name="hexpand">True</property>
<child>
<object class="GtkBox">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="orientation">vertical</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="icon_name">input-dialpad-symbolic</property>
<property name="icon_size">3</property>
<property name="vexpand">True</property>
</object>
</child>
<child>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="margin_bottom">4</property>
ui: call-display: wrap toggle buttons' labels For some locales, the buttons' labels can be quite long, making the window wider than the display. Using a line wrap will solve this issue when there wouldn't be shorter translation alternatives. This requires reducing the encryption indicator's margins so the window height doesn't grow beyond the available display size.
2020-07-12 20:17:39 +00:00
<property name="wrap">True</property>
<property name="justify">center</property>
Switcher: symbolic icons, label capitalization
2019-07-03 12:55:09 +00:00
<property name="label" translatable="yes">Dial Pad</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
</object>
</child>
</object>
</child>
</object>
</child>
<child>
<object class="GtkBox" id="blank">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">True</property>
<property name="no_show_all">True</property>
<property name="hexpand">True</property>
</object>
</child>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
</object>
</child>
call-display: Make the buttons match the new design Add 'mute' and 'dial pad' buttons, drop the 'hold' button, change the size of the central buttons, make them use icons and drop the now useless group size.
2018-07-27 11:06:17 +00:00
</object>
</child>
Initial import of cleaned Calls working tree
2018-05-17 13:16:51 +00:00
</object>
</child>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
</object>
</child>
<child>
<object class="CallsEncryptionIndicator" id="encryption_indicator">
<property name="can_focus">False</property>
ui: call-display: wrap toggle buttons' labels For some locales, the buttons' labels can be quite long, making the window wider than the display. Using a line wrap will solve this issue when there wouldn't be shorter translation alternatives. This requires reducing the encryption indicator's margins so the window height doesn't grow beyond the available display size.
2020-07-12 20:17:39 +00:00
<property name="margin_top">30</property>
<property name="margin_bottom">20</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="visible">True</property>
</object>
</child>
<child>
<object class="GtkBox" id="action_box">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="orientation">horizontal</property>
<property name="hexpand">True</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<child>
<object class="GtkButton" id="hang_up">
<property name="always_show_image">True</property>
Initial import of cleaned Calls working tree
2018-05-17 13:16:51 +00:00
<property name="can_focus">True</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="halign">center</property>
<property name="height_request">65</property>
<property name="receives_default">False</property>
<property name="valign">start</property>
<property name="visible">True</property>
<property name="width_request">150</property>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<property name="hexpand">True</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<signal name="clicked" handler="hang_up_clicked_cb" swapped="no"/>
<style>
<class name="destructive-action"/>
<class name="image-button"/>
</style>
<child internal-child="accessible">
<object class="AtkObject" id="a11y-hang-up">
<property name="accessible-name" translatable="yes">Hang up</property>
</object>
</child>
call-display: Make the buttons match the new design Add 'mute' and 'dial pad' buttons, drop the 'hold' button, change the size of the central buttons, make them use icons and drop the now useless group size.
2018-07-27 11:06:17 +00:00
<child>
<object class="GtkImage">
<property name="visible">True</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="icon-name">call-stop-symbolic</property>
<property name="icon-size">5</property>
call-display: Make the buttons match the new design Add 'mute' and 'dial pad' buttons, drop the 'hold' button, change the size of the central buttons, make them use icons and drop the now useless group size.
2018-07-27 11:06:17 +00:00
</object>
</child>
Initial import of cleaned Calls working tree
2018-05-17 13:16:51 +00:00
</object>
</child>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<child>
<object class="GtkButton" id="answer">
<property name="always_show_image">True</property>
<property name="can_focus">True</property>
<property name="halign">center</property>
<property name="height_request">65</property>
<property name="receives_default">False</property>
<property name="valign">start</property>
<property name="visible">True</property>
<property name="width_request">150</property>
<property name="hexpand">True</property>
<property name="margin_left">12</property>
<signal name="clicked" handler="answer_clicked_cb" swapped="no"/>
<style>
<class name="suggested-action"/>
<class name="image-button"/>
</style>
<child internal-child="accessible">
<object class="AtkObject" id="a11y-answer">
<property name="accessible-name" translatable="yes">Answer</property>
</object>
</child>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="icon-name">call-start-symbolic</property>
<property name="icon-size">5</property>
</object>
</child>
</object>
</child>
Initial import of cleaned Calls working tree
2018-05-17 13:16:51 +00:00
</object>
</child>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
</object>
</child>
<child type="overlay">
<object class="GtkRevealer" id="dial_pad_revealer">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="halign">fill</property>
<property name="valign">end</property>
<property name="hexpand">True</property>
<property name="vexpand">False</property>
<property name="transition-type">slide-up</property>
<property name="reveal-child" bind-source="dial_pad" bind-property="active" bind-flags="bidirectional|sync-create"/>
call-display: Add an encryption indicator This matches the final design.
2018-07-27 11:48:45 +00:00
<child>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<object class="GtkActionBar">
call-display: Move hang up button at the bottom Also make it match the final design.
2018-07-27 08:03:22 +00:00
<property name="visible">True</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="can_focus">False</property>
call-display: Move hang up button at the bottom Also make it match the final design.
2018-07-27 08:03:22 +00:00
<style>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<class name="background"/>
call-display: Move hang up button at the bottom Also make it match the final design.
2018-07-27 08:03:22 +00:00
</style>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<child type="center">
Replace HdyDialer with HdyKeypad and bump libhandy to 0.0.12 HdyDialer was deprecated and therefore is replaced with HdyKeypad. HdyDialer used a `gchr *` to store the entered phone number. On every button press the entire text of the display entry was replaced with the new string, which messed up selection and cursor position. HdyKeypad connects directly to a GtkEntry and inserts each button press the same way as a keyboard stroke would do. In the case of the `call display` entry every new digit is appended to the end of the input and therefore it also moves the cursor to the end of the entry. Instead of making the Entry not editable, only the events which would remove text form the entry are blocked, via the `delete-text` signal. And the signal `insert-text` is used to block unwanted chars from beeing inserted. Same as for the `call display` entry also the `new call box` entry is made editable and the signal `insert-text` is used to block unwanted chars. All other user action possible on a entry arn't blocked e.g. repositioning the cursor. The advantage of making the Entry editable is that we can show the cursor position. It also allows the user to select the position where new digits are inserted in the `new call box`. On a button press the focus is set to the Entry to give the correct feedback to the user. This centers the text on the entry, as required by the design. This also makes the delete button remove only one char at the time, to move closer to the desired UX. Related: https://source.puri.sm/Librem5/calls/issues/58 Fixes: https://source.puri.sm/Librem5/calls/issues/82
2019-09-17 12:09:33 +00:00
<object class="GtkBox" id="box_keypad">
call-display: Move hang up button at the bottom Also make it match the final design.
2018-07-27 08:03:22 +00:00
<property name="visible">True</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="can_focus">False</property>
<property name="orientation">vertical</property>
<property name="width_request">300</property>
<property name="margin_bottom">6</property>
<property name="margin_top">12</property>
calls-call-display: Add a display of dial pad digits Closes #57
2019-07-04 14:15:16 +00:00
<property name="spacing">10</property>
<child>
Replace HdyDialer with HdyKeypad and bump libhandy to 0.0.12 HdyDialer was deprecated and therefore is replaced with HdyKeypad. HdyDialer used a `gchr *` to store the entered phone number. On every button press the entire text of the display entry was replaced with the new string, which messed up selection and cursor position. HdyKeypad connects directly to a GtkEntry and inserts each button press the same way as a keyboard stroke would do. In the case of the `call display` entry every new digit is appended to the end of the input and therefore it also moves the cursor to the end of the entry. Instead of making the Entry not editable, only the events which would remove text form the entry are blocked, via the `delete-text` signal. And the signal `insert-text` is used to block unwanted chars from beeing inserted. Same as for the `call display` entry also the `new call box` entry is made editable and the signal `insert-text` is used to block unwanted chars. All other user action possible on a entry arn't blocked e.g. repositioning the cursor. The advantage of making the Entry editable is that we can show the cursor position. It also allows the user to select the position where new digits are inserted in the `new call box`. On a button press the focus is set to the Entry to give the correct feedback to the user. This centers the text on the entry, as required by the design. This also makes the delete button remove only one char at the time, to move closer to the desired UX. Related: https://source.puri.sm/Librem5/calls/issues/58 Fixes: https://source.puri.sm/Librem5/calls/issues/82
2019-09-17 12:09:33 +00:00
<object class="GtkEntry" id="keypad_entry">
calls-call-display: Add a display of dial pad digits Closes #57
2019-07-04 14:15:16 +00:00
<property name="visible">True</property>
Replace HdyDialer with HdyKeypad and bump libhandy to 0.0.12 HdyDialer was deprecated and therefore is replaced with HdyKeypad. HdyDialer used a `gchr *` to store the entered phone number. On every button press the entire text of the display entry was replaced with the new string, which messed up selection and cursor position. HdyKeypad connects directly to a GtkEntry and inserts each button press the same way as a keyboard stroke would do. In the case of the `call display` entry every new digit is appended to the end of the input and therefore it also moves the cursor to the end of the entry. Instead of making the Entry not editable, only the events which would remove text form the entry are blocked, via the `delete-text` signal. And the signal `insert-text` is used to block unwanted chars from beeing inserted. Same as for the `call display` entry also the `new call box` entry is made editable and the signal `insert-text` is used to block unwanted chars. All other user action possible on a entry arn't blocked e.g. repositioning the cursor. The advantage of making the Entry editable is that we can show the cursor position. It also allows the user to select the position where new digits are inserted in the `new call box`. On a button press the focus is set to the Entry to give the correct feedback to the user. This centers the text on the entry, as required by the design. This also makes the delete button remove only one char at the time, to move closer to the desired UX. Related: https://source.puri.sm/Librem5/calls/issues/58 Fixes: https://source.puri.sm/Librem5/calls/issues/82
2019-09-17 12:09:33 +00:00
<property name="can_focus">False</property>
<property name="hexpand">True</property>
calls-call-display: Add a display of dial pad digits Closes #57
2019-07-04 14:15:16 +00:00
<property name="xalign">0.5</property>
Replace HdyDialer with HdyKeypad and bump libhandy to 0.0.12 HdyDialer was deprecated and therefore is replaced with HdyKeypad. HdyDialer used a `gchr *` to store the entered phone number. On every button press the entire text of the display entry was replaced with the new string, which messed up selection and cursor position. HdyKeypad connects directly to a GtkEntry and inserts each button press the same way as a keyboard stroke would do. In the case of the `call display` entry every new digit is appended to the end of the input and therefore it also moves the cursor to the end of the entry. Instead of making the Entry not editable, only the events which would remove text form the entry are blocked, via the `delete-text` signal. And the signal `insert-text` is used to block unwanted chars from beeing inserted. Same as for the `call display` entry also the `new call box` entry is made editable and the signal `insert-text` is used to block unwanted chars. All other user action possible on a entry arn't blocked e.g. repositioning the cursor. The advantage of making the Entry editable is that we can show the cursor position. It also allows the user to select the position where new digits are inserted in the `new call box`. On a button press the focus is set to the Entry to give the correct feedback to the user. This centers the text on the entry, as required by the design. This also makes the delete button remove only one char at the time, to move closer to the desired UX. Related: https://source.puri.sm/Librem5/calls/issues/58 Fixes: https://source.puri.sm/Librem5/calls/issues/82
2019-09-17 12:09:33 +00:00
<signal name="delete-text" handler="block_delete_cb"/>
<signal name="insert-text" handler="insert_text_cb"/>
NewCallBox+CallDisplay: UI facelift This adds a style.css file to allow the use of custom css Fixes https://source.puri.sm/Librem5/calls/issues/115: - Making the phone number larger - Moving the delete button to the bottom - Rounding all buttons, and making the grid buttons circular - Making the call button a bit less wide
2020-01-28 15:35:02 +00:00
<style>
<class name="phone-number-entry"/>
</style>
calls-call-display: Add a display of dial pad digits Closes #57
2019-07-04 14:15:16 +00:00
</object>
</child>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<child>
Replace HdyDialer with HdyKeypad and bump libhandy to 0.0.12 HdyDialer was deprecated and therefore is replaced with HdyKeypad. HdyDialer used a `gchr *` to store the entered phone number. On every button press the entire text of the display entry was replaced with the new string, which messed up selection and cursor position. HdyKeypad connects directly to a GtkEntry and inserts each button press the same way as a keyboard stroke would do. In the case of the `call display` entry every new digit is appended to the end of the input and therefore it also moves the cursor to the end of the entry. Instead of making the Entry not editable, only the events which would remove text form the entry are blocked, via the `delete-text` signal. And the signal `insert-text` is used to block unwanted chars from beeing inserted. Same as for the `call display` entry also the `new call box` entry is made editable and the signal `insert-text` is used to block unwanted chars. All other user action possible on a entry arn't blocked e.g. repositioning the cursor. The advantage of making the Entry editable is that we can show the cursor position. It also allows the user to select the position where new digits are inserted in the `new call box`. On a button press the focus is set to the Entry to give the correct feedback to the user. This centers the text on the entry, as required by the design. This also makes the delete button remove only one char at the time, to move closer to the desired UX. Related: https://source.puri.sm/Librem5/calls/issues/58 Fixes: https://source.puri.sm/Librem5/calls/issues/82
2019-09-17 12:09:33 +00:00
<object class="HdyKeypad" id="keypad">
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
<property name="visible">True</property>
Replace HdyDialer with HdyKeypad and bump libhandy to 0.0.12 HdyDialer was deprecated and therefore is replaced with HdyKeypad. HdyDialer used a `gchr *` to store the entered phone number. On every button press the entire text of the display entry was replaced with the new string, which messed up selection and cursor position. HdyKeypad connects directly to a GtkEntry and inserts each button press the same way as a keyboard stroke would do. In the case of the `call display` entry every new digit is appended to the end of the input and therefore it also moves the cursor to the end of the entry. Instead of making the Entry not editable, only the events which would remove text form the entry are blocked, via the `delete-text` signal. And the signal `insert-text` is used to block unwanted chars from beeing inserted. Same as for the `call display` entry also the `new call box` entry is made editable and the signal `insert-text` is used to block unwanted chars. All other user action possible on a entry arn't blocked e.g. repositioning the cursor. The advantage of making the Entry editable is that we can show the cursor position. It also allows the user to select the position where new digits are inserted in the `new call box`. On a button press the focus is set to the Entry to give the correct feedback to the user. This centers the text on the entry, as required by the design. This also makes the delete button remove only one char at the time, to move closer to the desired UX. Related: https://source.puri.sm/Librem5/calls/issues/58 Fixes: https://source.puri.sm/Librem5/calls/issues/82
2019-09-17 12:09:33 +00:00
<property name="can_focus">False</property>
<property name="column_spacing">16</property>
<property name="row_spacing">10</property>
<property name="halign">center</property>
<property name="entry">keypad_entry</property>
call-display: Add a dial pad overlay Put the call display in an GtkOverlay and add a dial pad sending DTMF tones as an overlay. Also make the dial pad overlay be triggered by the dial pad button.
2018-08-01 09:45:05 +00:00
</object>
</child>
<child>
<object class="GtkButton">
<property name="always_show_image">True</property>
<property name="can_focus">True</property>
<property name="halign">center</property>
<property name="height_request">65</property>
<property name="receives_default">True</property>
<property name="valign">start</property>
<property name="relief">none</property>
<property name="visible">True</property>
<property name="width_request">150</property>
<signal name="clicked" handler="hide_dial_pad_clicked_cb" swapped="yes"/>
<style>
<class name="image-button"/>
</style>
<child internal-child="accessible">
<object class="AtkObject" id="a11y-hide-dial-pad">
<property name="accessible-name" translatable="yes">Hide the dial pad</property>
</object>
</child>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="icon-name">go-down-symbolic</property>
<property name="icon-size">5</property>
</object>
</child>
</object>
</child>
call-display: Move hang up button at the bottom Also make it match the final design.
2018-07-27 08:03:22 +00:00
</object>
</child>
</object>
</child>
Initial import of cleaned Calls working tree
2018-05-17 13:16:51 +00:00
</object>
</child>
</template>
Update UI to better reflect the design * Make the Answer button look nice and laid out properly. * Merge the time and status labels, displaying simply the text "Calling..." until the call becomes active and then the call time afterwards. * Fix info display bar in both the call and main windows so they use a GtkRevealer and work a lot better. * Add a "new-call-symbolic" icon for the "Add call" button. * General tweaks and clean-ups Closes #55 Closes #35
2019-06-28 08:20:15 +00:00
<object class="GtkSizeGroup">
<widgets>
<widget name="mute"/>
<widget name="speaker"/>
<widget name="add_call"/>
<widget name="dial_pad"/>
<widget name="hold"/>
<widget name="blank"/>
</widgets>
</object>
Initial import of cleaned Calls working tree
2018-05-17 13:16:51 +00:00
</interface>
Reference in a new issue Copy permalink