-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathempty.html
72 lines (61 loc) · 3.93 KB
/
empty.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DUI Demo</title>
<script src="smartcomposition/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="smartcomposition/bower_components/polymer/polymer.html">
<link rel="import" href="smartcomposition/SmartComponent.html">
<link rel="import" href="smartcomposition/AttributeLink.html">
<link rel="import" href="smartcomposition/MessagingService.html">
<link rel="import" href="components/all.html">
<link rel="import" href="components/attribute-linker.html">
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<attribute-linker></attribute-linker>
<input type="text" id="inpDeviceName" placeholder="Device Name" onchange="this.setAttribute('value', this.value)">
<component-selector>
<option value="text-input">TEXT INPUT</option>
<option value="simple-chart">SIMPLE CHART</option>
<option value="nytimes-news">NY TIMES NEWS</option>
<option value="translate-text">TRANSLATE TEXT</option>
<option value="semantic-extraction">SEMANTIC EXTRACTION</option>
<option value="youtube-search">YOUTUBE SEARCH</option>
<option value="smart-video">SMART VIDEO</option>
<option value="flickr-images">FLICKR IMAGES</option>
<option value="google-geocoder">GOOGLE GEOCODER</option>
<option value="google-map">GOOGLE MAP</option>
<option value="wikipedia-extract">WIKIPEDIA EXTRACT</option>
<option value="twitter-tweets">TWITTER TWEETS</option>
<option value="current-weather">CURRENT WEATHER</option>
<option value="philips-hue">PHILIPS HUE</option>
</component-selector><br>
<attribute-link source="#inpDeviceName@value" target="messaging-service@client-name"></attribute-link>
<attribute-link target="#inpDeviceName@value" source="messaging-service@client-name"></attribute-link>
<messaging-service endpoint="http://localhost:9001">
<attribute-link source="navigation-pane@active-link" target="content-switcher@active-content" transformation="source.split('#')[1]"></attribute-link>
<attribute-link source="#inpTest@value" target="#chart1@value"></attribute-link>
<attribute-link source="#inpTest@value" target="#chart2@value"></attribute-link>
<attribute-link source="#inpTest@value" target="#inpTest2@value"></attribute-link>
<attribute-link source="#inpTest2@value" target="#inpTest@value"></attribute-link>
<attribute-link source="#gmap1@lat" target="#gmap2@lat"></attribute-link>
<attribute-link source="#gmap1@lng" target="#gmap2@lng"></attribute-link>
<attribute-link source="#gmap1@zoom" target="#gmap2@zoom"></attribute-link>
<attribute-link source="#gmap1@lat" target="#geocoder-reverse@lat"></attribute-link>
<attribute-link source="#gmap1@lng" target="#geocoder-reverse@lng"></attribute-link>
<attribute-link source="#geocoder-reverse@address" target="current-weather@city"></attribute-link>
<attribute-link source="#geocoder-reverse@address" target="wikipedia-extract@query" transformation="source.split(', ')[0]"></attribute-link>
<attribute-link source="#cityselect@value" target="#inpText@value"></attribute-link>
<attribute-link source="#inpText@value" target="#geocoder@address"></attribute-link>
<attribute-link source="#geocoder@lat" target="#gmap1@lat"></attribute-link>
<attribute-link source="#geocoder@lng" target="#gmap1@lng"></attribute-link>
<attribute-link source="#inpText@value" target="current-weather@city"></attribute-link>
<attribute-link source="#inpText@value" target="wikipedia-extract@query"></attribute-link>
<attribute-link source="current-weather@temperature" target="#chart3@value"></attribute-link>
<attribute-link source="current-weather@temperature" target="#inpTemp@value" transformation="source + '°C'"></attribute-link>
</messaging-service>
</body>
</html>