fractal/src/components/editable_avatar.ui

77 lines
3.0 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<interface>
<template class="ComponentsEditableAvatar" parent="AdwBin">
<child>
<object class="GtkOverlay">
<property name="halign">center</property>
<child>
<object class="GtkStack" id="stack">
<property name="transition-type">crossfade</property>
<child>
<object class="GtkStackPage">
<property name="name">default</property>
<property name="child">
<object class="ComponentsAvatar">
<property name="size">128</property>
<property name="data" bind-source="ComponentsEditableAvatar" bind-property="data" bind-flags="sync-create"/>
</object>
</property>
</object>
</child>
<child>
<object class="GtkStackPage">
<property name="name">temp</property>
<property name="child">
<object class="AdwAvatar">
<property name="size">128</property>
<property name="show-initials">true</property>
<binding name="text">
<lookup name="display-name">
<lookup name="data">
ComponentsEditableAvatar
</lookup>
</lookup>
</binding>
<property name="custom-image" bind-source="ComponentsEditableAvatar" bind-property="temp-image" bind-flags="sync-create"/>
</object>
</property>
</object>
</child>
</object>
</child>
<child type="overlay">
<object class="AdwBin" id="button_remove_bin">
<style>
<class name="cutout-button" />
</style>
<property name="halign">end</property>
<property name="valign">start</property>
<child>
<object class="ComponentsActionButton" id="button_remove">
<property name="icon-name">user-trash-symbolic</property>
<property name="action-name">editable-avatar.remove-avatar</property>
</object>
</child>
</object>
</child>
<child type="overlay">
<object class="AdwBin">
<style>
<class name="cutout-button" />
</style>
<property name="visible" bind-source="ComponentsEditableAvatar" bind-property="editable" bind-flags="sync-create"/>
<property name="halign">end</property>
<property name="valign">end</property>
<child>
<object class="ComponentsActionButton" id="button_edit">
<property name="icon-name">document-edit-symbolic</property>
<property name="action-name">editable-avatar.edit-avatar</property>
</object>
</child>
</object>
</child>
</object>
</child>
</template>
</interface>