29 lines
1.0 KiB
TypeScript
29 lines
1.0 KiB
TypeScript
|
import {
|
||
|
|
UIMessageBus,
|
||
|
|
UIMessageBusSink,
|
||
|
|
UIMessageBusSource
|
||
|
|
} from "angular2/src/web-workers/ui/application";
|
||
|
|
|
||
|
|
var worker = new Worker("loader.js");
|
||
|
|
var bus = new UIMessageBus(new UIMessageBusSink(worker), new UIMessageBusSource(worker));
|
||
|
|
var VALUE = 5;
|
||
|
|
|
||
|
|
document.getElementById("send_echo")
|
||
|
|
.addEventListener("click", (e) => {
|
||
|
|
var val = (<HTMLInputElement>document.getElementById("echo_input")).value;
|
||
|
|
bus.sink.send({type: "echo", value: val});
|
||
|
|
});
|
||
|
|
bus.source.listen((message) => {
|
||
|
|
if (message.data.type === "echo_response") {
|
||
|
|
document.getElementById("echo_result").innerHTML =
|
||
|
|
`<span class='response'>${message.data.value}</span>`;
|
||
|
|
} else if (message.data.type === "test") {
|
||
|
|
bus.sink.send({type: "result", value: {id: message.data.id, value: VALUE}});
|
||
|
|
} else if (message.data.type == "result") {
|
||
|
|
document.getElementById("ui_result").innerHTML =
|
||
|
|
`<span class='result'>${message.data.value}</span>`;
|
||
|
|
} else if (message.data.type == "ready") {
|
||
|
|
bus.sink.send({type: "init"});
|
||
|
|
}
|
||
|
|
});
|