Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

EditableLabel: Gtk4 Prep #383

Merged
merged 3 commits into from
Jun 5, 2024
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 28 additions & 49 deletions src/Widgets/EditableLabel.vala
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*
* Copyright 2016-2023 elementary, Inc. (https://elementary.io)
* Copyright 2016-2024 elementary, Inc. (https://elementary.io)
* Copyright 2016 Corentin Noël <corentin@elementary.io>
* SPDX-License-Identifier: LGPL-2.1-or-later
*/
Expand All @@ -10,9 +10,11 @@ public class Tasks.Widgets.EditableLabel : Gtk.EventBox {
private Gtk.Label title;
private Gtk.Entry entry;
private Gtk.Stack stack;
private Gtk.Box box;

public string text { get; set; }
private Gtk.EventControllerMotion motion_controller;
private Gtk.GestureMultiPress click_gesture;

public string text { get; set; default = ""; }

public bool editing {
get { return stack.visible_child == entry; }
Expand All @@ -27,7 +29,7 @@ public class Tasks.Widgets.EditableLabel : Gtk.EventBox {
changed ();
}

stack.set_visible_child (box);
stack.set_visible_child (title);
}
}
}
Expand All @@ -37,71 +39,47 @@ public class Tasks.Widgets.EditableLabel : Gtk.EventBox {
}

construct {
valign = Gtk.Align.CENTER;
events |= Gdk.EventMask.ENTER_NOTIFY_MASK;
events |= Gdk.EventMask.LEAVE_NOTIFY_MASK;
events |= Gdk.EventMask.BUTTON_PRESS_MASK;
valign = CENTER;

title = new Gtk.Label ("") {
ellipsize = Pango.EllipsizeMode.END,
ellipsize = END,
xalign = 0
};

var edit_button = new Gtk.Button () {
image = new Gtk.Image.from_icon_name ("edit-symbolic", Gtk.IconSize.MENU),
tooltip_text = _("Edit…")
};
edit_button.get_style_context ().add_class (Gtk.STYLE_CLASS_FLAT);

var button_revealer = new Gtk.Revealer () {
valign = Gtk.Align.CENTER,
transition_type = Gtk.RevealerTransitionType.CROSSFADE
};
button_revealer.add (edit_button);

box = new Gtk.Box (Gtk.Orientation.HORIZONTAL, 12) {
valign = Gtk.Align.CENTER
};
box.add (title);
box.add (button_revealer);

entry = new Gtk.Entry () {
hexpand = true
};

stack = new Gtk.Stack () {
hhomogeneous = false,
transition_type = Gtk.StackTransitionType.CROSSFADE
transition_type = CROSSFADE
};
stack.add (box);
stack.add (title);
stack.add (entry);

add (stack);

bind_property ("text", title, "label");

enter_notify_event.connect ((event) => {
if (event.detail != Gdk.NotifyType.INFERIOR) {
button_revealer.reveal_child = true;
}

return Gdk.EVENT_PROPAGATE;
});
motion_controller = new Gtk.EventControllerMotion (this) {
propagation_phase = CAPTURE
};

leave_notify_event.connect ((event) => {
if (event.detail != Gdk.NotifyType.INFERIOR) {
button_revealer.reveal_child = false;
}
click_gesture = new Gtk.GestureMultiPress (this);

return Gdk.EVENT_PROPAGATE;
motion_controller.enter.connect (() => {
get_window ().set_cursor (
new Gdk.Cursor.from_name (Gdk.Display.get_default (), "text")
);
});

button_press_event.connect ((event) => {
editing = true;
return Gdk.EVENT_PROPAGATE;
motion_controller.leave.connect (() => {
get_window ().set_cursor (
new Gdk.Cursor.from_name (Gdk.Display.get_default (), "default")
);
});

edit_button.clicked.connect (() => {
click_gesture.released.connect (() => {
editing = true;
});

Expand All @@ -111,15 +89,16 @@ public class Tasks.Widgets.EditableLabel : Gtk.EventBox {
}
});

grab_focus.connect (() => {
editing = true;
});

entry.focus_out_event.connect ((event) => {
if (stack.visible_child == entry) {
editing = false;
}

return Gdk.EVENT_PROPAGATE;
});
}

public override void grab_focus () {
editing = true;
}
}