[HELP] Number only input

[Leone25]

Hello,

I'm trying to create a TOTP aka numbers only input.
From what I can tell there's no dedicated widget to do it, so this is what I came up with something like this:

use gtk4 as gtk;
use gtk::prelude::*;
use gtk::{glib, Application, ApplicationWindow, Entry, InputPurpose};

fn main() -> glib::ExitCode {
    let application = Application::builder()
        .application_id("com.example.test")
        .build();

    application.connect_activate(|app| {
        let window = ApplicationWindow::builder()
            .application(app)
            .title("Test")
            .build();

        let totp_input = Entry::builder()
            .placeholder_text("TOTP")
            .input_purpose(InputPurpose::Digits)
            .build();

        totp_input.connect_insert_text(|editable, text, position| {
            let filtered: String = text.chars().filter(|c| c.is_ascii_digit()).collect();

            if filtered != text {
                editable.stop_signal_emission_by_name("insert-text");
                editable.insert_text(&filtered, position);
            }
        });

        window.set_child(Some(&totp_input));

        window.present();
    });

    application.run()
}

If you run that and try to enter both words and numbers you'll notice that the filtering does not work. From what I can the the insert-text signal is never called.

Am I doing something wrong? Is there a better approach?

Thank you in advance

Rico

[parker-bryce-andrew]

This really isn't an issue with gtk4-rs. This is a help request on gtk4-rs usage. Nevertheless,

use gtk::prelude::*;
use gtk::{Application, ApplicationWindow, Entry, InputPurpose, glib};
use gtk4::{self as gtk, EntryBuffer};

fn main() -> glib::ExitCode {
    let application = Application::builder()
        .application_id("com.example.test")
        .build();

    application.connect_activate(|app| {
        let window = ApplicationWindow::builder()
            .application(app)
            .title("Test")
            .build();

        let totp_input = Entry::builder()
            .placeholder_text("TOTP")
            .input_purpose(InputPurpose::Digits)
            .build();

        totp_input.connect_text_notify(|entry| {
            let text = entry.buffer().text().to_string();
            let filtered: String = entry
                .buffer()
                .text()
                .to_string()
                .chars()
                .filter(|c| c.is_ascii_digit())
                .collect();

            if filtered != text {
                let position = entry.position();

                entry.set_buffer(&EntryBuffer::builder().text(filtered).build());

                entry.set_position(position - 1);
            }
        });

        window.set_child(Some(&totp_input));

        window.present();
    });

    application.run()
}

[Leone25]

Hello, thank you.

I see the method in the gtk4-rs docs but there's no description and I can't find any reference to in in the gtk4 docs. Am I missing something?

I've also noticed that this overwrites the max_length of the entry, I can use take when doing the filtering but is there a more "correct" way?

Thank you again

[parker-bryce-andrew]

I'm really not pro gtk-rs. I was looking back on an issue I opened and saw your post.

It's not very well documented, well at least lots of methods are lacking documentation in VSCode. I just tried lots of connect methods and already knew from solving a very similar problem in my own application.

I personally wouldn't recommend someone use gtk-rs for a user interface for rust when alternatives are available.