In-Band Registration

1 files changed, 366 insertions, 112 deletions

diff --git a/main/data/manage_accounts/add_account_dialog.ui b/main/data/manage_accounts/add_account_dialog.ui
index 44c131c3..6698b337 100644
--- a/main/data/manage_accounts/add_account_dialog.ui
+++ b/main/data/manage_accounts/add_account_dialog.ui
@@ -1,136 +1,390 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <interface>
     <template class="DinoUiManageAccountsAddAccountDialog">
-        <property name="default_width">300</property>
+        <property name="default_width">400</property>
         <property name="modal">True</property>
-        <child type="titlebar">
-            <object class="GtkHeaderBar">
-                <property name="visible">True</property>
-                <child>
-                    <object class="GtkButton" id="cancel_button">
-                        <property name="label" translatable="yes">Cancel</property>
-                        <property name="visible">True</property>
-                    </object>
-                    <packing>
-                        <property name="pack_type">start</property>
-                    </packing>
-                </child>
-                <child>
-                    <object class="GtkButton" id="ok_button">
-                        <property name="can_default">True</property>
-                        <property name="label" translatable="yes">Save</property>
-                        <property name="sensitive">False</property>
-                        <property name="visible">True</property>
-                        <style>
-                            <class name="suggested-action"/>
-                        </style>
-                    </object>
-                    <packing>
-                        <property name="pack_type">end</property>
-                    </packing>
-                </child>
-            </object>
-        </child>
         <child internal-child="vbox">
             <object class="GtkBox">
                 <property name="visible">True</property>
                 <child>
-                    <object class="GtkGrid" id="info_grid">
-                        <property name="orientation">vertical</property>
-                        <property name="margin">20</property>
-                        <property name="column-spacing">10</property>
-                        <property name="row-spacing">7</property>
+                    <object class="GtkOverlay">
                         <property name="visible">True</property>
                         <child>
-                            <object class="GtkLabel">
-                                <property name="label">JID</property>
-                                <property name="xalign">1</property>
-                                <property name="visible">True</property>
-                            </object>
-                            <packing>
-                                <property name="left_attach">0</property>
-                                <property name="top_attach">0</property>
-                                <property name="width">1</property>
-                                <property name="height">1</property>
-                            </packing>
-                        </child>
-                        <child>
-                            <object class="GtkEntry" id="jid_entry">
-                                <property name="activates_default">True</property>
-                                <property name="hexpand">True</property>
-                                <property name="width_request">200</property>
-                                <property name="visible">True</property>
-                            </object>
-                            <packing>
-                                <property name="left_attach">1</property>
-                                <property name="top_attach">0</property>
-                                <property name="width">1</property>
-                                <property name="height">1</property>
-                            </packing>
-                        </child>
-                        <child>
-                            <object class="GtkLabel">
-                                <property name="label" translatable="yes">Password</property>
-                                <property name="xalign">1</property>
+                            <object class="GtkBox">
+                                <property name="expand">True</property>
                                 <property name="visible">True</property>
+                                <child>
+                                    <object class="GtkStack" id="stack">
+                                        <property name="transition_type">slide-left</property>
+                                        <property name="expand">True</property>
+                                        <property name="visible">True</property>
+                                        <child>
+                                            <object class="GtkBox" id="sign_in_box">
+                                                <property name="orientation">vertical</property>
+                                                <property name="margin">20</property>
+                                                <property name="margin-start">50</property>
+                                                <property name="margin-end">50</property>
+                                                <property name="visible">True</property>
+                                                <child>
+                                                    <object class="GtkLabel">
+                                                        <property name="label">Sign in</property>
+                                                        <property name="margin-bottom">10</property>
+                                                        <property name="visible">True</property>
+                                                        <attributes>
+                                                            <attribute name="scale" value="1.3"/>
+                                                        </attributes>
+                                                    </object>
+                                                </child>
+                                                <child>
+                                                    <object class="GtkBox" id="info_grid">
+                                                        <property name="orientation">vertical</property>
+                                                        <property name="visible">True</property>
+                                                        <child>
+                                                            <object class="GtkLabel">
+                                                                <property name="label">JID</property>
+                                                                <property name="xalign">0</property>
+                                                                <property name="visible">True</property>
+                                                                <attributes>
+                                                                    <attribute name="scale" value="0.9"/>
+                                                                </attributes>
+                                                            </object>
+                                                        </child>
+                                                        <child>
+                                                            <object class="GtkEntry" id="jid_entry">
+                                                                <property name="activates_default">True</property>
+                                                                <property name="hexpand">True</property>
+                                                                <property name="width_request">200</property>
+                                                                <property name="visible">True</property>
+                                                            </object>
+                                                        </child>
+                                                        <child>
+                                                            <object class="GtkLabel">
+                                                                <property name="label" translatable="yes">Password</property>
+                                                                <property name="xalign">0</property>
+                                                                <property name="margin-top">7</property>
+                                                                <property name="visible">True</property>
+                                                                <attributes>
+                                                                    <attribute name="scale" value="0.9"/>
+                                                                </attributes>
+                                                            </object>
+                                                        </child>
+                                                        <child>
+                                                            <object class="GtkEntry" id="password_entry">
+                                                                <property name="activates_default">True</property>
+                                                                <property name="hexpand">True</property>
+                                                                <property name="input_purpose">password</property>
+                                                                <property name="width_request">200</property>
+                                                                <property name="visible">True</property>
+                                                                <property name="visibility">False</property>
+                                                            </object>
+                                                        </child>
+                                                        <child>
+                                                            <object class="GtkLabel">
+                                                                <property name="label" translatable="yes">Local alias</property>
+                                                                <property name="xalign">0</property>
+                                                                <property name="margin-top">7</property>
+                                                                <property name="visible">True</property>
+                                                                <attributes>
+                                                                    <attribute name="scale" value="0.9"/>
+                                                                </attributes>
+                                                            </object>
+                                                        </child>
+                                                        <child>
+                                                            <object class="GtkEntry" id="alias_entry">
+                                                                <property name="activates_default">True</property>
+                                                                <property name="hexpand">True</property>
+                                                                <property name="width_request">200</property>
+                                                                <property name="visible">True</property>
+                                                            </object>
+                                                        </child>
+                                                    </object>
+                                                </child>
+                                                <child>
+                                                    <object class="GtkBox">
+                                                        <property name="orientation">horizontal</property>
+                                                        <property name="margin-top">20</property>
+                                                        <property name="visible">True</property>
+                                                        <child>
+                                                            <object class="GtkButton" id="serverlist_button">
+                                                                <property name="label" translatable="yes">Create account</property>
+                                                                <property name="visible">True</property>
+                                                            </object>
+                                                            <packing>
+                                                                <property name="pack_type">start</property>
+                                                            </packing>
+                                                        </child>
+                                                        <child>
+                                                            <object class="GtkButton" id="sign_in_continue">
+                                                                <property name="can_default">True</property>
+                                                                <property name="label" translatable="yes">Save</property>
+                                                                <property name="sensitive">False</property>
+                                                                <property name="visible">True</property>
+                                                                <style>
+                                                                    <class name="suggested-action"/>
+                                                                </style>
+                                                            </object>
+                                                            <packing>
+                                                                <property name="pack_type">end</property>
+                                                            </packing>
+                                                        </child>
+                                                    </object>
+                                                </child>
+                                            </object>
+                                            <packing>
+                                                <property name="name">login</property>
+                                            </packing>
+                                        </child>
+                                        <child>
+                                            <object class="GtkBox" id="create_account_box">
+                                                <property name="orientation">vertical</property>
+                                                <property name="margin">20</property>
+                                                <property name="margin-start">50</property>
+                                                <property name="margin-end">50</property>
+                                                <property name="visible">True</property>
+                                                <child>
+                                                    <object class="GtkLabel">
+                                                        <property name="label" translatable="yes">Create Account</property>
+                                                        <property name="margin-bottom">20</property>
+                                                        <property name="visible">True</property>
+                                                        <attributes>
+                                                            <attribute name="scale" value="1.3"/>
+                                                        </attributes>
+                                                    </object>
+                                                </child>
+                                                <child>
+                                                    <object class="GtkLabel">
+                                                        <property name="visible">True</property>
+                                                        <property name="xalign">0</property>
+                                                        <property name="label" translatable="yes">Choose a public server</property>
+                                                        <attributes>
+                                                            <attribute name="weight" value="PANGO_WEIGHT_BOLD"/>
+                                                        </attributes>
+                                                    </object>
+                                                </child>
+                                                <child>
+                                                    <object class="GtkFrame">
+                                                        <property name="visible">True</property>
+                                                        <child>
+                                                            <object class="GtkScrolledWindow">
+                                                                <property name="max_content_height">300</property>
+                                                                <property name="propagate_natural_height">True</property>
+                                                                <property name="hscrollbar_policy">never</property>
+                                                                <property name="visible">True</property>
+                                                                <child>
+                                                                    <object class="GtkListBox" id="server_list_box">
+                                                                        <property name="visible">True</property>
+                                                                    </object>
+                                                                </child>
+                                                            </object>
+                                                        </child>
+                                                    </object>
+                                                </child>
+                                                <child>
+                                                    <object class="GtkLabel">
+                                                        <property name="visible">True</property>
+                                                        <property name="xalign">0</property>
+                                                        <property name="margin-top">20</property>
+                                                        <property name="label" translatable="yes">Or specify a server address</property>
+                                                        <attributes>
+                                                            <attribute name="weight" value="PANGO_WEIGHT_BOLD"/>
+                                                        </attributes>
+                                                    </object>
+                                                </child>
+                                                <child>
+                                                    <object class="GtkEntry" id="server_entry">
+                                                        <property name="activates_default">True</property>
+                                                        <property name="can_default">True</property>
+                                                        <property name="visible">True</property>
+                                                    </object>
+                                                </child>
+                                                <child>
+                                                    <object class="GtkBox">
+                                                        <property name="visible">True</property>
+                                                        <property name="margin-top">30</property>
+                                                        <property name="orientation">horizontal</property>
+                                                        <child>
+                                                            <object class="GtkButton" id="login_button">
+                                                                <property name="label" translatable="yes">Sign in instead</property>
+                                                                <property name="visible">True</property>
+                                                            </object>
+                                                            <packing>
+                                                                <property name="pack_type">start</property>
+                                                            </packing>
+                                                        </child>
+                                                        <child>
+                                                            <object class="GtkButton" id="select_server_continue">
+                                                                <property name="sensitive">False</property>
+                                                                <property name="can_default">True</property>
+                                                                <property name="visible">True</property>
+                                                                <style>
+                                                                    <class name="text-button"/>
+                                                                    <class name="suggested-action"/>
+                                                                </style>
+                                                                <child>
+                                                                    <object class="GtkStack" id="select_server_continue_stack">
+                                                                        <property name="visible">True</property>
+                                                                        <child>
+                                                                            <object class="GtkLabel">
+                                                                                <property name="label" translatable="yes">Next</property>
+                                                                                <property name="visible">True</property>
+                                                                            </object>
+                                                                            <packing>
+                                                                                <property name="name">label</property>
+                                                                            </packing>
+                                                                        </child>
+                                                                        <child>
+                                                                            <object class="GtkSpinner">
+                                                                                <property name="active">True</property>
+                                                                                <property name="visible">True</property>
+                                                                            </object>
+                                                                            <packing>
+                                                                                <property name="name">spinner</property>
+                                                                            </packing>
+                                                                        </child>
+                                                                    </object>
+
+                                                                </child>
+                                                            </object>
+                                                            <packing>
+                                                                <property name="pack_type">end</property>
+                                                            </packing>
+                                                        </child>
+                                                    </object>
+                                                </child>
+                                            </object>
+                                            <packing>
+                                                <property name="name">server</property>
+                                            </packing>
+                                        </child>
+                                        <child>
+                                            <object class="GtkBox" id="register_box">
+                                                <property name="margin">20</property>
+                                                <property name="margin-start">50</property>
+                                                <property name="margin-end">50</property>
+                                                <property name="orientation">vertical</property>
+                                                <property name="visible">True</property>
+                                                <child>
+                                                    <object class="GtkLabel" id="register_title">
+                                                        <property name="margin-bottom">10</property>
+                                                        <property name="visible">True</property>
+                                                        <attributes>
+                                                            <attribute name="scale" value="1.3"/>
+                                                        </attributes>
+                                                    </object>
+                                                </child>
+                                                <child>
+                                                    <object class="GtkBox" id="form_box">
+                                                        <property name="orientation">vertical</property>
+                                                        <property name="visible">True</property>
+                                                    </object>
+                                                </child>
+                                                <child>
+                                                    <object class="GtkBox">
+                                                        <property name="visible">True</property>
+                                                        <property name="margin-top">30</property>
+                                                        <property name="orientation">horizontal</property>
+                                                        <child>
+                                                            <object class="GtkButton" id="register_form_back">
+                                                                <property name="label" translatable="yes">Pick another server</property>
+                                                                <property name="visible">True</property>
+                                                            </object>
+                                                            <packing>
+                                                                <property name="pack_type">start</property>
+                                                            </packing>
+                                                        </child>
+                                                        <child>
+                                                            <object class="GtkButton" id="register_form_continue">
+                                                                <property name="can_default">True</property>
+                                                                <property name="visible">True</property>
+                                                                <style>
+                                                                    <class name="text-button"/>
+                                                                    <class name="suggested-action"/>
+                                                                </style>
+                                                                <child>
+                                                                    <object class="GtkStack" id="register_form_continue_stack">
+                                                                        <property name="visible">True</property>
+                                                                        <child>
+                                                                            <object class="GtkLabel" id="register_form_continue_label">
+                                                                                <property name="label" translatable="yes">Next</property>
+                                                                                <property name="visible">True</property>
+                                                                            </object>
+                                                                            <packing>
+                                                                                <property name="name">label</property>
+                                                                            </packing>
+                                                                        </child>
+                                                                        <child>
+                                                                            <object class="GtkSpinner">
+                                                                                <property name="active">True</property>
+                                                                                <property name="visible">True</property>
+                                                                            </object>
+                                                                            <packing>
+                                                                                <property name="name">spinner</property>
+                                                                            </packing>
+                                                                        </child>
+                                                                    </object>
+                                                                </child>
+                                                            </object>
+                                                            <packing>
+                                                                <property name="pack_type">end</property>
+                                                            </packing>
+                                                        </child>
+                                                    </object>
+                                                </child>
+                                            </object>
+                                            <packing>
+                                                <property name="name">form</property>
+                                            </packing>
+                                        </child>
+                                    </object>
+                                </child>
                             </object>
                             <packing>
-                                <property name="left_attach">0</property>
-                                <property name="top_attach">1</property>
-                                <property name="width">1</property>
-                                <property name="height">1</property>
+                                <property name="index">-1</property>
                             </packing>
                         </child>
-                        <child>
-                            <object class="GtkEntry" id="password_entry">
-                                <property name="activates_default">True</property>
-                                <property name="hexpand">True</property>
-                                <property name="input_purpose">password</property>
-                                <property name="width_request">200</property>
+                        <child type="overlay">
+                            <object class="GtkRevealer" id="notification_revealer">
                                 <property name="visible">True</property>
-                                <property name="visibility">False</property>
+                                <property name="can_focus">False</property>
+                                <property name="halign">center</property>
+                                <property name="valign">start</property>
+                                <child>
+                                    <object class="GtkFrame" id="frame2">
+                                        <property name="visible">True</property>
+                                        <property name="can_focus">False</property>
+                                        <property name="label_xalign">0</property>
+                                        <property name="shadow_type">none</property>
+                                        <style>
+                                            <class name="app-notification"/>
+                                        </style>
+                                        <child>
+                                            <object class="GtkBox" id="box2">
+                                                <property name="visible">True</property>
+                                                <property name="can_focus">False</property>
+                                                <property name="spacing">20</property>
+                                                <child>
+                                                    <object class="GtkLabel" id="notification_label">
+                                                        <property name="visible">True</property>
+                                                        <property name="can_focus">False</property>
+                                                    </object>
+                                                    <packing>
+                                                        <property name="expand">False</property>
+                                                        <property name="fill">True</property>
+                                                        <property name="position">0</property>
+                                                    </packing>
+                                                </child>
+                                            </object>
+                                        </child>
+                                        <child type="label_item">
+                                            <placeholder/>
+                                        </child>
+                                    </object>
+                                </child>
                             </object>
-                            <packing>
-                                <property name="left_attach">1</property>
-                                <property name="top_attach">1</property>
-                                <property name="width">1</property>
-                                <property name="height">1</property>
-                            </packing>
-                        </child>
-                        <child>
-                            <object class="GtkLabel">
-                                <property name="label" translatable="yes">Local alias</property>
-                                <property name="xalign">1</property>
-                                <property name="visible">True</property>
-                            </object>
-                            <packing>
-                                <property name="left_attach">0</property>
-                                <property name="top_attach">2</property>
-                                <property name="width">1</property>
-                                <property name="height">1</property>
-                            </packing>
-                        </child>
-                        <child>
-                            <object class="GtkEntry" id="alias_entry">
-                                <property name="activates_default">True</property>
-                                <property name="hexpand">True</property>
-                                <property name="width_request">200</property>
-                                <property name="visible">True</property>
-                            </object>
-                            <packing>
-                                <property name="left_attach">1</property>
-                                <property name="top_attach">2</property>
-                                <property name="width">1</property>
-                                <property name="height">1</property>
-                            </packing>
                         </child>
                     </object>
                 </child>
             </object>
         </child>
-        <action-widgets>
-            <action-widget response="cancel">cancel_button</action-widget>
-            <action-widget response="ok" default="true">ok_button</action-widget>
-        </action-widgets>
     </template>
 </interface>