diff options
Diffstat (limited to 'examples/src/main/scala/webpage')
-rw-r--r-- | examples/src/main/scala/webpage/Weather0.scala | 27 | ||||
-rw-r--r-- | examples/src/main/scala/webpage/Weather1.scala | 30 | ||||
-rw-r--r-- | examples/src/main/scala/webpage/Weather2.scala | 35 | ||||
-rw-r--r-- | examples/src/main/scala/webpage/Weather3.scala | 55 | ||||
-rw-r--r-- | examples/src/main/scala/webpage/WeatherSearch.scala | 90 |
5 files changed, 237 insertions, 0 deletions
diff --git a/examples/src/main/scala/webpage/Weather0.scala b/examples/src/main/scala/webpage/Weather0.scala new file mode 100644 index 0000000..4a2c6f0 --- /dev/null +++ b/examples/src/main/scala/webpage/Weather0.scala @@ -0,0 +1,27 @@ +package webpage + +import org.scalajs.dom +import org.scalajs.dom.{Node, Element} +import scala.scalajs.js +import scala.scalajs.js.annotation.JSExport +import scalatags.JsDom.all._ + +@JSExport +object Weather0 extends{ + @JSExport + def main(target: dom.HTMLDivElement) = { + val xhr = new dom.XMLHttpRequest() + xhr.open("GET", + "http://api.openweathermap.org/" + + "data/2.5/weather?q=Singapore" + ) + xhr.onload = (e: dom.Event) => { + if (xhr.status == 200) { + target.appendChild( + pre(xhr.responseText).render + ) + } + } + xhr.send() + } +}
\ No newline at end of file diff --git a/examples/src/main/scala/webpage/Weather1.scala b/examples/src/main/scala/webpage/Weather1.scala new file mode 100644 index 0000000..c509cb5 --- /dev/null +++ b/examples/src/main/scala/webpage/Weather1.scala @@ -0,0 +1,30 @@ +package webpage + +import org.scalajs.dom +import org.scalajs.dom.{Node, Element} +import scala.scalajs.js +import scala.scalajs.js.annotation.JSExport +import scalatags.JsDom.all._ + +@JSExport +object Weather1 extends{ + @JSExport + def main(target: dom.HTMLDivElement) = { + import dom.extensions._ + import scala.scalajs + .concurrent + .JSExecutionContext + .Implicits + .runNow + + val url = + "http://api.openweathermap.org/" + + "data/2.5/weather?q=Singapore" + + Ajax.get(url).onSuccess{ case xhr => + target.appendChild( + pre(xhr.responseText).render + ) + } + } +}
\ No newline at end of file diff --git a/examples/src/main/scala/webpage/Weather2.scala b/examples/src/main/scala/webpage/Weather2.scala new file mode 100644 index 0000000..aa04059 --- /dev/null +++ b/examples/src/main/scala/webpage/Weather2.scala @@ -0,0 +1,35 @@ +package webpage + +import org.scalajs.dom +import org.scalajs.dom.{Node, Element} +import scala.scalajs.js +import scala.scalajs.js.annotation.JSExport +import scalatags.JsDom.all._ + +@JSExport +object Weather2 extends{ + @JSExport + def main(target: dom.HTMLDivElement) = { + import dom.extensions._ + import scala.scalajs + .concurrent + .JSExecutionContext + .Implicits + .runNow + + val url = + "http://api.openweathermap.org/" + + "data/2.5/weather?q=Singapore" + + Ajax.get(url).onSuccess{ case xhr => + target.appendChild( + pre( + js.JSON.stringify( + js.JSON.parse(xhr.responseText), + space=4 + ) + ).render + ) + } + } +}
\ No newline at end of file diff --git a/examples/src/main/scala/webpage/Weather3.scala b/examples/src/main/scala/webpage/Weather3.scala new file mode 100644 index 0000000..4dadf94 --- /dev/null +++ b/examples/src/main/scala/webpage/Weather3.scala @@ -0,0 +1,55 @@ +package webpage + +import org.scalajs.dom +import org.scalajs.dom.{Node, Element} +import scala.scalajs.js +import scala.scalajs.js.annotation.JSExport +import scalatags.JsDom.all._ + +@JSExport +object Weather3 extends{ + @JSExport + def main(target: dom.HTMLDivElement) = { + import dom.extensions._ + import scala.scalajs + .concurrent + .JSExecutionContext + .Implicits + .runNow + + val url = + "http://api.openweathermap.org/" + + "data/2.5/weather?q=Singapore" + + Ajax.get(url).onSuccess{ case xhr => + if (xhr.status == 200) { + val json = js.JSON.parse( + xhr.responseText + ) + val name = json.name.toString + val weather = json.weather + .pop() + .main + .toString + + def celsius(kelvins: js.Dynamic) = { + kelvins.asInstanceOf[Double] - 273.15 + }.toInt + val min = celsius(json.main.temp_min) + val max = celsius(json.main.temp_max) + val humid = json.main.humidity.toString + target.appendChild( + div( + b("Weather in Singapore:"), + ul( + li(b("Country "), name), + li(b("Weather "), weather), + li(b("Temp "), min, " - ", max), + li(b("Humidity "), humid, "%") + ) + ).render + ) + } + } + } +}
\ No newline at end of file diff --git a/examples/src/main/scala/webpage/WeatherSearch.scala b/examples/src/main/scala/webpage/WeatherSearch.scala new file mode 100644 index 0000000..0c8acc9 --- /dev/null +++ b/examples/src/main/scala/webpage/WeatherSearch.scala @@ -0,0 +1,90 @@ +package webpage + +import org.scalajs.dom +import dom.extensions._ +import scala.scalajs.concurrent.JSExecutionContext.Implicits.runNow +import scala.scalajs.js +import scala.scalajs.js.annotation.JSExport +import scalatags.JsDom.all._ + +@JSExport +object WeatherSearch extends{ + @JSExport + def main(target: dom.HTMLDivElement) = { + + lazy val box = input( + `type`:="text", + placeholder:="Type here!" + ).render + + lazy val output = div( + height:="400px", + overflowY:="scroll" + ).render + + box.onkeyup = (e: dom.Event) => { + output.innerHTML = "Loading..." + fetchWeather(box.value) + } + + target.appendChild( + div( + h1("Weather Search"), + p( + "Enter the name of a city to pull the ", + "latest weather data from api.openweathermap.com!" + ), + p(box), + hr, output, hr + ).render + ) + + def fetchWeather(query: String) = { + val searchUrl = + "http://api.openweathermap.org/data/" + + "2.5/find?type=like&mode=json&q=" + + query + + for{ + xhr <- Ajax.get(searchUrl) + if query == box.value + } js.JSON.parse(xhr.responseText).list match{ + case jsonlist: js.Array[js.Dynamic] => + output.innerHTML = "" + showResults(jsonlist, query) + case _ => + output.innerHTML = "No Results" + } + } + + def showResults(jsonlist: js.Array[js.Dynamic], query: String) = { + for (json <- jsonlist) { + val name = json.name.toString + val country = json.sys.country.toString + val weather = json.weather.pop().main.toString + + def celsius(kelvins: js.Dynamic) = { + kelvins.asInstanceOf[Double] - 273.15 + }.toInt + + val min = celsius(json.main.temp_min) + val max = celsius(json.main.temp_max) + val humid = json.main.humidity.toString + val (first, last) = name.splitAt(query.length) + output.appendChild( + div( + b(span(first, backgroundColor:="yellow"), last, ", ", country), + ul( + li(b("Weather "), weather), + li(b("Temp "), min, " - ", max), + li(b("Humidity "), humid, "%") + ) + ).render + ) + } + + } + + + } +}
\ No newline at end of file |