forked from ibm-js/deliteful-tutorial
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (68 loc) · 2.75 KB
/
index.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
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<title>Deliteful Tutorial</title>
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="bower_components/delite/themes/defaultapp.css">
<script src="bower_components/requirejs/require.js"></script>
<script src="js/app.js"></script>
</head>
<body style="display: none">
<!-- left pane (Settings) -->
<d-side-pane mode="push" position="start" id="leftPane">
<d-linear-layout class="height100">
<!-- left menu header -->
<d-linear-layout vertical="false" class="pageHeader">
<div class="fill titleStyle">Settings</div>
</d-linear-layout>
<d-linear-layout>
<div class="formLabel">Tags:</div>
<input id="tagsInput" class="formInput" onchange="tagsChanged()">
<d-linear-layout vertical="false">
<div class="formLabel switchLabel">Tag mode:</div>
<d-switch id="tagModeSwitch" uncheckedLabel="Any" checkedLabel="All"
onchange="tagModeChanged()"></d-switch>
</d-linear-layout>
<div class="formLabel">Language:</div>
<d-select id="languageSelect" onchange="languageChanged()"></d-select>
</d-linear-layout>
</d-linear-layout>
</d-side-pane>
<!-- page content -->
<d-view-stack class="width100 height100" id="vs">
<d-linear-layout id="listView">
<!-- page content header -->
<d-linear-layout vertical="false" class="pageHeader">
<div>
<button is="d-button" onclick="leftPane.toggle()">Settings</button>
</div>
<div class="fill titleStyle">Photo Feed</div>
<div>
<button is="d-button" onclick="refreshPhotoList()">Refresh</button>
</div>
</d-linear-layout>
<!-- scrollable list -->
<div class="fill">
<d-list class="width100 height100" id="photolist" copyAllItemProps="true">
</d-list>
<d-progress-indicator id="pi"></d-progress-indicator>
</div>
</d-linear-layout>
<!-- details view -->
<d-linear-layout id="detailsView">
<!-- page content header -->
<d-linear-layout vertical="false" class="pageHeader">
<div>
<button is="d-button" onclick="vs.show(listView, {reverse:true})">Back</button>
</div>
<div class="fill titleStyle">Photo Details</div>
</d-linear-layout>
<!-- page content -->
<div id="photoDetails" class="fill"></div>
</d-linear-layout>
</d-view-stack>
</body>
</html>