• Home
• org.hyperscala
• hyperscala-examples_2.11
• 0.10.3
• source code
• DialogExample.scala

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

org.hyperscala.examples.ui.DialogExample.scala Maven / Gradle / Ivy

package org.hyperscala.examples.ui

import org.hyperscala.examples.Example
import org.hyperscala.html._
import org.hyperscala.jquery.ui._
import org.hyperscala.realtime.RealtimeEvent
import org.hyperscala.web.Webpage

import scala.language.reflectiveCalls

/**
 * @author Matt Hicks 
 */
class DialogExample extends Webpage with Example {
  require(jQueryUI)

  body.contents += new tag.P {
    contents += "Dialog provides a simple wrapper around jQuery UI's Dialog."
  }

  val myDiv = new tag.Div(id = "myDiv", titleText = "Dialog Example") {
    contents += new tag.P(content = "This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.")
  }
  val myDialog = Dialog(myDiv)
  myDialog.title := "Hello World"
  myDialog.autoOpen := false
  myDialog.hide := Effect.Explode(duration = 1500, easing = Easing.EaseInBounce)
  myDialog.show := Effect.Fold
  body.contents += myDiv

  body.contents += new tag.Button(content = "Toggle Dialog Visible") {
    clickEvent := RealtimeEvent()

    clickEvent.on {
      case evt => myDialog.toggleOpen()
    }
  }
}