Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Add toast notifications & loading message type. #721

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

Merged
FalkWolsky merged 11 commits into lowcoder-org:dev from sudoischenny:main
Feb 28, 2024
Merged

Add toast notifications & loading message type. #721

FalkWolsky merged 11 commits into lowcoder-org:dev from sudoischenny:main
Feb 28, 2024

Conversation

Copy link
Contributor

@sudoischenny sudoischenny commented Feb 27, 2024
edited
Loading

Proposed changes

Added a built in function called toast for longer notifications.

Also added message.loading()

Please see docs\build-apps\write-javascript\built-in-javascript-functions.md

// message.loading( text: string, options?: {duration: number = 3 } )
message.loading("Query is running", { duration: 5 })

Screenshot 2024年02月27日 150558

// toast.open( title: string, options?: { message?: string, duration?: number = 3, id?: string, placement?: "top" | "topLeft" | "topRight" | "bottom" | "bottomRight", "bottomRight" = "bottomRight", dismissible?: boolean = true } )
toast.open("This Is a Notification", {message: "I do not go away automatically.", duration: 0})
// toast.info( title: string, options?: { message?: string, duration?: number = 3, id?: string, placement?: "top" | "topLeft" | "topRight" | "bottom" | "bottomRight", "bottomRight" = "bottomRight", dismissible?: boolean = true } )
toast.info("Order #1519", {message: "Shipped out on Tuesday, Jan 3rd.", duration: 5})
// toast.success( title: string, options?: { message?: string, duration?: number = 3, id?: string, placement?: "top" | "topLeft" | "topRight" | "bottom" | "bottomRight", "bottomRight" = "bottomRight", dismissible?: boolean = true } )
toast.success("Query runs successfully", { duration: 10 })
// toast.warn( title: string, options?: { message?: string, duration?: number = 3, id?: string, placement?: "top" | "topLeft" | "topRight" | "bottom" | "bottomRight", "bottomRight" = "bottomRight", dismissible?: boolean = true } )
toast.warn("Duplicate Action", {message: "The email was previously sent on Jan 3rd. Click the button again to send.", duration: 5})
// toast.error( title: string, options?: { message?: string, duration?: number = 3, id?: string, placement?: "top" | "topLeft" | "topRight" | "bottom" | "bottomRight", "bottomRight" = "bottomRight", dismissible?: boolean = true } )
toast.error("Your credentials were invalid", {message: "You have 5 tries left", duration: 5})
//toast.destroy(id?: string)
toast.destroy()

Screenshot 2024年02月27日 152030

FalkWolsky and others added 3 commits February 26, 2024 23:18
Dev -> Main - fixing Publishing behaviour
Added a built in function called toast for longer notifications.
Also added message.loading()
Please see docs\build-apps\write-javascript\built-in-javascript-functions.md
Copy link

netlify bot commented Feb 27, 2024
edited
Loading

👷 Deploy request for lowcoder-cloud pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 56d2086

Copy link

netlify bot commented Feb 27, 2024
edited
Loading

👷 Deploy request for lowcoder-test pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 56d2086

@sudoischenny sudoischenny marked this pull request as draft February 27, 2024 20:22
@sudoischenny sudoischenny marked this pull request as ready for review February 27, 2024 20:23
Copy link
Contributor

Oh, this is fantastic.

Any chance a User could "style" the Toast Displays?

Copy link
Contributor

@FalkWolsky FalkWolsky left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you very much for your great contribution! An amazing feature.

@FalkWolsky FalkWolsky merged commit eb3854b into lowcoder-org:dev Feb 28, 2024
Copy link
Contributor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@FalkWolsky FalkWolsky FalkWolsky approved these changes

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

AltStyle によって変換されたページ (->オリジナル) /