Redesign and rewrite accounts and settings dialog into a combined one

1 files changed, 264 insertions, 0 deletions

diff --git a/main/src/windows/preferences_window/account_preferences_subpage.vala b/main/src/windows/preferences_window/account_preferences_subpage.vala
new file mode 100644
index 00000000..462fc8e1
--- /dev/null
+++ b/main/src/windows/preferences_window/account_preferences_subpage.vala
@@ -0,0 +1,264 @@
+using Dino.Entities;
+using Xmpp;
+using Xmpp.Xep;
+using Gee;
+using Gtk;
+using Gdk;
+
+[GtkTemplate (ui = "/im/dino/Dino/preferences_window_account.ui")]
+public class Dino.Ui.AccountPreferencesSubpage : Gtk.Box {
+
+    [GtkChild] public unowned Button back_button;
+    [GtkChild] public unowned AvatarPicture avatar;
+    [GtkChild] public unowned Adw.ActionRow xmpp_address;
+    [GtkChild] public unowned Adw.ActionRow local_alias; // TODO replace with EntryRow once we require Adw 1.2
+    [GtkChild] public unowned Entry local_alias_entry;
+    [GtkChild] public unowned Adw.ActionRow connection_status;
+    [GtkChild] public unowned Button enter_password_button;
+    [GtkChild] public unowned Box avatar_menu_box;
+    [GtkChild] public unowned Button edit_avatar_button;
+    [GtkChild] public unowned Button remove_avatar_button;
+    [GtkChild] public unowned Widget button_container;
+    [GtkChild] public unowned Button remove_account_button;
+    [GtkChild] public unowned Button disable_account_button;
+
+    public Account account { get { return model.selected_account.account; } }
+    public ViewModel.PreferencesWindow model { get; set; }
+
+    private Binding[] bindings = new Binding[0];
+    private ulong[] account_notify_ids = new ulong[0];
+    private ulong alias_entry_changed = 0;
+
+    construct {
+        button_container.layout_manager = new NaturalDirectionBoxLayout((BoxLayout)button_container.layout_manager);
+        back_button.clicked.connect(() => {
+            var window = (Adw.PreferencesWindow) this.get_root();
+            window.close_subpage();
+        });
+        edit_avatar_button.clicked.connect(() => {
+            show_select_avatar();
+        });
+        remove_avatar_button.clicked.connect(() => {
+            model.remove_avatar(account);
+        });
+        disable_account_button.clicked.connect(() => {
+            model.enable_disable_account(account);
+        });
+        remove_account_button.clicked.connect(() => {
+            show_remove_account_dialog();
+        });
+        enter_password_button.clicked.connect(() => {
+
+        var password = new PasswordEntry() { show_peek_icon=true };
+#if Adw_1_2
+            var dialog = new Adw.MessageDialog((Window)this.get_root(), "Enter password for %s".printf(account.bare_jid.to_string()), null);
+            dialog.response.connect((response) => {
+                if (response == "connect") {
+                    account.password = password.text;
+                    model.reconnect_account(account);
+                }
+            });
+            dialog.set_default_response("connect");
+            dialog.set_extra_child(password);
+            dialog.add_response("cancel", _("Cancel"));
+            dialog.add_response("connect", _("Connect"));
+#else
+            Gtk.MessageDialog dialog = new Gtk.MessageDialog (
+                    (Window)this.get_root(),  Gtk.DialogFlags.DESTROY_WITH_PARENT | Gtk.DialogFlags.MODAL,
+                    Gtk.MessageType.QUESTION, Gtk.ButtonsType.OK_CANCEL,
+                    "Enter password for %s", account.bare_jid.to_string());
+            Button ok_button = dialog.get_widget_for_response(ResponseType.OK) as Button;
+            ok_button.label = _("Connect");
+
+            dialog.response.connect((response) => {
+                if (response == ResponseType.OK) {
+                    account.password = password.text;
+                    model.reconnect_account(account);
+                }
+                dialog.close();
+            });
+            dialog.get_content_area().append(password);
+#endif
+
+            dialog.present();
+        });
+
+        this.notify["model"].connect(() => {
+            model.notify["selected-account"].connect(() => {
+                foreach (var binding in bindings) {
+                    binding.unbind();
+                }
+
+                avatar.model = model.selected_account.avatar_model;
+                xmpp_address.subtitle = account.bare_jid.to_string();
+
+                if (alias_entry_changed != 0) local_alias_entry.disconnect(alias_entry_changed);
+                local_alias_entry.text = account.alias ?? "";
+                alias_entry_changed = local_alias_entry.changed.connect(() => {
+                    account.alias = local_alias_entry.text;
+                });
+
+                bindings += account.bind_property("enabled", disable_account_button, "label", BindingFlags.SYNC_CREATE, (binding, from, ref to) => {
+                    bool enabled_bool = (bool) from;
+                    to = enabled_bool ? _("Disable account") : _("Enable account");
+                    return true;
+                });
+                bindings += account.bind_property("enabled", avatar_menu_box, "visible", BindingFlags.SYNC_CREATE);
+                bindings += account.bind_property("enabled", connection_status, "visible", BindingFlags.SYNC_CREATE);
+                bindings += model.selected_account.bind_property("connection-state", connection_status, "subtitle", BindingFlags.SYNC_CREATE, (binding, from, ref to) => {
+                    to = get_status_label();
+                    return true;
+                });
+                bindings += model.selected_account.bind_property("connection-error", connection_status, "subtitle", BindingFlags.SYNC_CREATE, (binding, from, ref to) => {
+                    to = get_status_label();
+                    return true;
+                });
+                bindings += model.selected_account.bind_property("connection-error", enter_password_button, "visible", BindingFlags.SYNC_CREATE, (binding, from, ref to) => {
+                    var error = (ConnectionManager.ConnectionError) from;
+                    to = error != null && error.source == ConnectionManager.ConnectionError.Source.SASL;
+                    return true;
+                });
+
+                model.selected_account.notify["connection-error"].connect(() => {
+                    // TODO doesn't work
+                    if (model.selected_account.connection_error != null) {
+                        connection_status.add_css_class("error");
+                    } else {
+                        connection_status.remove_css_class("error");
+                    }
+                });
+                if (model.selected_account.connection_error != null) {
+                    connection_status.add_css_class("error");
+                } else {
+                    connection_status.remove_css_class("error");
+                }
+            });
+        });
+    }
+
+    private void show_select_avatar() {
+        FileChooserNative chooser = new FileChooserNative(_("Select avatar"), (Window)this.get_root(), FileChooserAction.OPEN, _("Select"), _("Cancel"));
+        FileFilter filter = new FileFilter();
+        foreach (PixbufFormat pixbuf_format in Pixbuf.get_formats()) {
+            foreach (string mime_type in pixbuf_format.get_mime_types()) {
+                filter.add_mime_type(mime_type);
+            }
+        }
+        filter.set_filter_name(_("Images"));
+        chooser.add_filter(filter);
+
+        filter = new FileFilter();
+        filter.set_filter_name(_("All files"));
+        filter.add_pattern("*");
+        chooser.add_filter(filter);
+
+        chooser.response.connect(() => {
+            string uri = chooser.get_file().get_path();
+            model.set_avatar_uri(account, uri);
+        });
+
+        chooser.show();
+    }
+
+    private void show_remove_account_dialog() {
+        Gtk.MessageDialog msg = new Gtk.MessageDialog (
+                (Window)this.get_root(),  Gtk.DialogFlags.DESTROY_WITH_PARENT | Gtk.DialogFlags.MODAL,
+                Gtk.MessageType.WARNING, Gtk.ButtonsType.OK_CANCEL,
+                _("Remove account %s?"), account.bare_jid.to_string());
+        msg.secondary_text = "You won't be able to access your conversation history anymore."; // TODO remove history!
+        Button ok_button = msg.get_widget_for_response(ResponseType.OK) as Button;
+        ok_button.label = _("Remove");
+        ok_button.add_css_class("destructive-action");
+        msg.response.connect((response) => {
+            if (response == ResponseType.OK) {
+                model.remove_account(account);
+                // Close the account subpage
+                var window = (Adw.PreferencesWindow) this.get_root();
+                window.close_subpage();
+//                window.pop_subpage();
+            }
+            msg.close();
+        });
+        msg.present();
+    }
+
+    private string get_status_label() {
+        string? error_label = get_connection_error_description();
+        if (error_label != null) return error_label;
+
+        ConnectionManager.ConnectionState state = model.selected_account.connection_state;
+        switch (state) {
+            case ConnectionManager.ConnectionState.CONNECTING:
+                return _("Connecting…");
+            case ConnectionManager.ConnectionState.CONNECTED:
+                return _("Connected");
+            case ConnectionManager.ConnectionState.DISCONNECTED:
+                return _("Disconnected");
+        }
+        assert_not_reached();
+    }
+
+    private string? get_connection_error_description() {
+        ConnectionManager.ConnectionError? error = model.selected_account.connection_error;
+        if (error == null) return null;
+
+        switch (error.source) {
+            case ConnectionManager.ConnectionError.Source.SASL:
+                return _("Wrong password");
+            case ConnectionManager.ConnectionError.Source.TLS:
+                return _("Invalid TLS certificate");
+        }
+        if (error.identifier != null) {
+            return _("Error") + ": " + error.identifier;
+        } else {
+            return _("Error");
+        }
+    }
+}
+
+public class Dino.Ui.NaturalDirectionBoxLayout : LayoutManager {
+    private BoxLayout original;
+    private BoxLayout alternative;
+
+    public NaturalDirectionBoxLayout(BoxLayout original) {
+        this.original = original;
+        if (original.orientation == Orientation.HORIZONTAL) {
+            this.alternative = new BoxLayout(Orientation.VERTICAL);
+            this.alternative.spacing = this.original.spacing / 2;
+        }
+    }
+
+    public override SizeRequestMode get_request_mode(Widget widget) {
+        return original.orientation == Orientation.HORIZONTAL ? SizeRequestMode.HEIGHT_FOR_WIDTH : SizeRequestMode.WIDTH_FOR_HEIGHT;
+    }
+
+    public override void allocate(Widget widget, int width, int height, int baseline) {
+        int blind_minimum, blind_natural, blind_minimum_baseline, blind_natural_baseline;
+        original.measure(widget, original.orientation, -1, out blind_minimum, out blind_natural, out blind_minimum_baseline, out blind_natural_baseline);
+        int for_size = (original.orientation == Orientation.HORIZONTAL ? width : height);
+        if (for_size >= blind_minimum) {
+            original.allocate(widget, width, height, baseline);
+        } else {
+            alternative.allocate(widget, width, height, baseline);
+        }
+    }
+
+    public override void measure(Widget widget, Orientation orientation, int for_size, out int minimum, out int natural, out int minimum_baseline, out int natural_baseline) {
+        if (for_size == -1) {
+            original.measure(widget, orientation, -1, out minimum, out natural, out minimum_baseline, out natural_baseline);
+            int alt_minimum, alt_natural, alt_minimum_baseline, alt_natural_baseline;
+            alternative.measure(widget, orientation, -1, out alt_minimum, out alt_natural, out alt_minimum_baseline, out alt_natural_baseline);
+            if (alt_minimum < minimum && alt_minimum != -1) minimum = alt_minimum;
+            if (alt_minimum_baseline < minimum_baseline && alt_minimum_baseline != -1) minimum = alt_minimum_baseline;
+        } else {
+            Orientation other_orientation = orientation == Orientation.HORIZONTAL ? Orientation.VERTICAL : Orientation.HORIZONTAL;
+            int blind_minimum, blind_natural, blind_minimum_baseline, blind_natural_baseline;
+            original.measure(widget, other_orientation, -1, out blind_minimum, out blind_natural, out blind_minimum_baseline, out blind_natural_baseline);
+            if (for_size >= blind_minimum) {
+                original.measure(widget, orientation, for_size, out minimum, out natural, out minimum_baseline, out natural_baseline);
+            } else {
+                alternative.measure(widget, orientation, for_size, out minimum, out natural, out minimum_baseline, out natural_baseline);
+            }
+        }
+    }
+}
\ No newline at end of file