Popup

src/app.rs

@@ -4,7 +4,7 @@ use makepad_widgets::*;
 use matrix_sdk::ruma::{OwnedRoomId, RoomId};
 
 use crate::{
-    home::{new_message_context_menu::NewMessageContextMenuWidgetRefExt, room_screen::MessageAction, rooms_list::RoomsListAction}, login::login_screen::LoginAction, shared::{callout_tooltip::{CalloutTooltipOptions, CalloutTooltipWidgetRefExt, TooltipAction}, popup_list::PopupNotificationAction}, utils::room_name_or_id, verification::VerificationAction, verification_modal::{VerificationModalAction, VerificationModalWidgetRefExt}
+    home::{new_message_context_menu::NewMessageContextMenuWidgetRefExt, room_screen::MessageAction, rooms_list::RoomsListAction}, login::login_screen::LoginAction, shared::{callout_tooltip::{CalloutTooltipOptions, CalloutTooltipWidgetRefExt, TooltipAction}, popup_list::PopupNotificationAction, popup_notification::RobrixPopupNotificationWidgetRefExt}, utils::room_name_or_id, verification::VerificationAction, verification_modal::{VerificationModalAction, VerificationModalWidgetRefExt}
 };
 
 live_design! {
@@ -19,6 +19,7 @@ live_design! {
     use crate::shared::popup_list::PopupList;
     use crate::home::new_message_context_menu::*;
     use crate::shared::callout_tooltip::CalloutTooltip;
+    use crate::shared::popup_notification::RobrixPopupNotification;
 
 
     APP_TAB_COLOR = #344054
@@ -141,6 +142,10 @@ live_design! {
                             verification_modal_inner = <VerificationModal> {}
                         }
                     }
+
+                    test_popup = <RobrixPopupNotification> {
+                        text: "Test notification",
+                    }
                 }
             } // end of body
         }
@@ -199,6 +204,7 @@ impl MatchEvent for App {
                 log!("Received LoginAction::LoginSuccess, hiding login view.");
                 self.app_state.logged_in = true;
                 self.update_login_visibility(cx);
+                self.ui.robrix_popup_notification(id!(test_popup)).open(cx);
                 self.ui.redraw(cx);
             }
 

src/home/room_screen.rs

@@ -23,8 +23,9 @@ use crate::{
         user_profile::{AvatarState, ShowUserProfileAction, UserProfile, UserProfileAndRoomId, UserProfilePaneInfo, UserProfileSlidingPaneRef, UserProfileSlidingPaneWidgetExt},
         user_profile_cache,
     }, shared::{
-        avatar::AvatarWidgetRefExt, callout_tooltip::TooltipAction, html_or_plaintext::{HtmlOrPlaintextRef, HtmlOrPlaintextWidgetRefExt, RobrixHtmlLinkAction}, jump_to_bottom_button::{JumpToBottomButtonWidgetExt, UnreadMessageCount}, popup_list::enqueue_popup_notification, styles::COLOR_DANGER_RED, text_or_image::{TextOrImageRef, TextOrImageWidgetRefExt}, typing_animation::TypingAnimationWidgetExt
+        avatar::AvatarWidgetRefExt, callout_tooltip::TooltipAction, html_or_plaintext::{HtmlOrPlaintextRef, HtmlOrPlaintextWidgetRefExt, RobrixHtmlLinkAction}, jump_to_bottom_button::{JumpToBottomButtonWidgetExt, UnreadMessageCount}, popup_list::enqueue_popup_notification, popup_notification::RobrixPopupNotificationWidgetExt, styles::COLOR_DANGER_RED, text_or_image::{TextOrImageRef, TextOrImageWidgetRefExt}, typing_animation::TypingAnimationWidgetExt
     }, sliding_sync::{get_client, submit_async_request, take_timeline_endpoints, BackwardsPaginateUntilEventRequest, MatrixRequest, PaginationDirection, TimelineRequestSender, UserPowerLevels}, utils::{self, room_name_or_id, unix_time_millis_to_datetime, ImageFormat, MEDIA_THUMBNAIL_FORMAT}
+
 };
 use crate::home::event_reaction_list::ReactionListWidgetRefExt;
 use crate::home::room_read_receipt::AvatarRowWidgetRefExt;
@@ -60,9 +61,11 @@ live_design! {
     use crate::home::loading_pane::*;
     use crate::home::location_preview::*;
     use crate::room::room_input_bar::*;
+    use crate::shared::popup_notification::RobrixPopupNotification;
     use crate::room::room_input_bar::*;
     use crate::home::room_read_receipt::*;
 
+
     IMG_DEFAULT_AVATAR = dep("crate://self/resources/img/default_avatar.png")
 
     ICO_LOCATION_PERSON = dep("crate://self/resources/icons/location-person.svg")
@@ -770,6 +773,11 @@ live_design! {
             // to finish loading, e.g., when loading an older replied-to message.
             loading_pane = <LoadingPane> { }
 
+            popup = <RobrixPopupNotification> {
+                text: "Click success",
+                duration: 5.0,
+            }
+
 
             /*
              * TODO: add the action bar back in as a series of floating buttons.
@@ -1049,8 +1057,10 @@ impl Widget for RoomScreen {
 
                     self.clear_replying_to(cx);
                     message_input.set_text(cx, "");
+                    self.robrix_popup_notification(id!(popup)).open(cx);
                     room_input_bar.enable_send_message_button(cx, false);
 
+
                 }
             }
 

src/shared/mod.rs

@@ -15,6 +15,7 @@ pub mod text_or_image;
 pub mod typing_animation;
 pub mod unread_badge;
 pub mod verification_badge;
+pub mod popup_notification;
 
 
 pub fn live_design(cx: &mut Cx) {
@@ -34,4 +35,5 @@ pub fn live_design(cx: &mut Cx) {
     verification_badge::live_design(cx);
     callout_tooltip::live_design(cx);
     mentionable_text_input::live_design(cx);
+    popup_notification::live_design(cx);
 }