https://github.com/nondeterministic/scalajs-notifyjs
A minimalistic Scala.js type facade for Notify.js
https://github.com/nondeterministic/scalajs-notifyjs
notifyjs scalajs
Last synced: 29 days ago
JSON representation
A minimalistic Scala.js type facade for Notify.js
- Host: GitHub
- URL: https://github.com/nondeterministic/scalajs-notifyjs
- Owner: nondeterministic
- License: mit
- Created: 2018-02-24T15:33:26.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2020-08-02T14:42:52.000Z (over 5 years ago)
- Last Synced: 2023-07-02T07:36:34.444Z (over 2 years ago)
- Topics: notifyjs, scalajs
- Language: Scala
- Homepage:
- Size: 17.6 KB
- Stars: 1
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# scalajs-notifyjs
A minimalistic Scala.js type facade for [Notify.js](https://notifyjs.com/) supporting both
ScalaJS 1.0 and 0.6
## Installation
Add the following to your `build.sbt`:
libraryDependencies += "com.github.nondeterministic" %%% "scalajs-notifyjs" % "0.2.0"
(While the above should also work for Scala 0.6, I haven't tried it myself. You may want
to fall back to version `0.1.1` in case of trouble.)
You also must make sure that the project, which you want to use scalajs-notifyjs in, has
the corresponding JavaScript libraries available. To this end, you can either include
them manually in your .html files, or add the following to your `build.sbt`:
jsDependencies += "org.webjars" % "jquery" % "2.2.4" / "2.2.4/jquery.js"
jsDependencies += "org.webjars" % "notifyjs" % "0.4.2" / "0.4.2/notify.js"
## Usage
Currently, there are basically three different use cases supported, all of which are demonstrated in the piece of code below.
```scala
import org.scalajs.jquery.jQuery
import scalatags.JsDom.all._
import com.github.nondeterministic.notifyjs._
object TutorialApp {
def main(args: Array[String]): Unit = {
val myHtml = div(id:="pos-demo", p("Message!"))
jQuery("body").append(myHtml.render)
// Some ordinary notifications:
// Corresponds to the following JavaScript call:
// $.notify("Warning!", "warn");
Notify("Warning!", "warn")
Notify("Error!", "error")
Notify("Info!", "info")
// A bit of customisation:
Notify("I'm a lefty!", new Options { override val globalPosition = "left" })
// Positioning relative to an HTML-element:
// Corresponds to the following JavaScript call:
// $('#pos-demo').notify('Near Message!', { position:'bottom', className:'info', autoHide:false });
Notify(jQuery("#pos-demo"),
"I'm a relativist!",
new Options { override val className = "info";
override val globalPosition = "bottom";
override val autoHide = false})
}
}
```