• Home
• org.hyperscala
• hyperscala-examples_2.11
• 0.10.3
• source code
• DropReceiverExample.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.DropReceiverExample.scala Maven / Gradle / Ivy

package org.hyperscala.examples.ui


import org.hyperscala.css.attributes.Position
import org.hyperscala.examples.Example
import org.hyperscala.html._
import org.hyperscala.jquery.Gritter
import org.hyperscala.ui.wrapped.DropReceiver
import org.hyperscala.web._
import org.powerscala.Color

import scala.language.reflectiveCalls

/**
 * @author Matt Hicks 
 */
class DropReceiverExample extends Webpage with Example {
  require(Gritter)

  body.contents += new tag.P {
    contents += "DropReceiver provides a convenient mechanism to receive drag-and-drop content of many types."
  }

  val dropDiv = new tag.Div(id = "droppable", content = "Drop here")
  dropDiv.style.position := Position.Relative
  dropDiv.style.left := 250.px
  dropDiv.style.top := 0.px
  dropDiv.style.width := 125.px
  dropDiv.style.height := 125.px
  dropDiv.style.backgroundColor := Color.Blue
  dropDiv.style.color := Color.White
  dropDiv.style.paddingAll(10.px)
  body.contents += dropDiv

  val dropReceiver = DropReceiver(dropDiv)
  dropReceiver.dropped.on {
    case evt => Gritter.add(this, "Drop Received", s"Dropped: $evt")
  }
}