forked from encorelab/washago
-
Notifications
You must be signed in to change notification settings - Fork 0
/
participant.html
164 lines (152 loc) · 8.23 KB
/
participant.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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html>
<head>
<title>Washago Participant</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="js/sail.js/css/sail.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
<link href="css/participant.css" rel="stylesheet" type="text/css" />
<script src="js/sail.js/sail.js" type="text/javascript"></script>
<script type="text/javascript">
Sail.load()
.then('js/jquery.mobile-1.1.0.min.js')
.then('js/washago.participant.js')
.then('js/toast.notify.js')
.thenRun(function() { return Sail.init(Washago.Participant); });
</script>
</head>
<body>
<!-- single page -->
<div data-role="page" id="participant-view-add" style="display:none;" class="">
<!-- common header to view and add page -->
<div data-theme="b" data-role="header">
<h1 class="washago-header"></h1>
<div data-role="" style="position:absolute; top:6px; left:8px">
<select name="select-location" id="select-location" data-theme="c" >
<option value="">Select Poster</option>
</select>
</div>
<div id="navbar" data-role="navbar" data-iconpos="top">
<ul>
<li>
<!--
<a href="#participant-view" data-transition="none" data-theme="b" data-icon="" class="ui-btn-active ui-state-persist">
view
</a>
-->
<a id="p-view-btn" data-theme="b" data-icon="" class="ui-btn-active ui-state-persist">
view
</a>
</li>
<li>
<!--
<a href="#participant-add" data-transition="none" data-theme="b" data-icon="" class="">
add
</a>
-->
<a id="p-add-btn" data-theme="b" data-icon="" class="">
add
</a>
</li>
</ul>
</div>
</div>
<!-- /common header -->
<div style="clear: both;">
<!-- view page -->
<div id="p-view" class="">
<div data-role="" id="participant-view">
<!-- content -->
<div data-role="content" style="padding: 15px">
<div id="main-region" data-theme="b" data-content-theme="d" data-role="fieldcontain">
<h2 id="contribution-title" class="hide">
List of Contributions
</h2>
<h3 id="intro-title">
Select a poster from the dropdown at the top of your screen to view what others have contributed.<br /><br />
After selecting a poster, click on the 'add' tab to contribute your own thoughts and ideas to the knowledge community
</h3>
<div id="data-loading" class="hide"><img src="images/loader-small.gif"></div>
<ul id="community-contribution" data-role="listview" data-divider-theme="b" data-theme="b" data-inset="true" class="ui-listview">
<!-- ANTO: it's easier if this starts empty -->
</ul>
</div>
</div>
<!-- /content -->
</div>
</div>
<!-- /view page -->
<!-- add page -->
<div id="p-add" class="hide">
<div data-role="" id="participant-add">
<div data-role="content">
<div data-role="fieldcontain" id="parentTypeContainer">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>
Submission type:
</legend>
<div id="typeContainer">
</div>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="text-contribution">
Add your text:
</label>
<textarea id="text-contribution" placeholder=""></textarea>
</fieldset>
</div>
<div data-role="fieldcontain">
<!-- <h2 id="tags-header"><span style="float:left">Click here to add Tags</span><span style="float:right">(<span id="tag-count">0</span> Total)</span></h2> -->
<div>
<b>
<br />
Use the text field to add your own tags to the post and/or select
from the tag list generated by the community below:<span style="float:right">(<span id="tag-count">0</span> Total)
</b>
</div>
<div id="chosen-tags"></div>
<div data-role="fieldcontain">
<div data-theme="b" data-content-theme="b" data-role="collapsible" data-collapsed="false" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d">
<h3>Tags</h3>
<p>
<ul id="tag-list" data-inset="true" data-role="listview" data-theme="b" data-dividertheme="b" data-filter="true" data-filter-theme="c" data-filter-placeholder="Press enter after each tag">
<br />
<li id="tag-list-heading">Community submitted tags</li>
</ul>
</p>
</div>
</div>
</div>
</div>
<!-- <div id="tag-region" data-theme="b" data-content-theme="b" data-role="collapsible" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d">
<h2 id="tags-header"><span style="float:left">Click here to add Tags</span><span style="float:right">(<span id="tag-count">0</span> Total)</span></h2>
<div>
<b>
<br />
Use the text field to add your own tags to the post and/or select
from the tag list generated by the community below:
</b>
</div>
<div id="chosen-tags"></div>
<div data-role="fieldcontain">
<ul id="tag-list" data-inset="true" data-role="listview" data-theme="b" data-dividertheme="e" data-filter="true" data-filter-theme="c" data-filter-placeholder="Add tags for your post separated by commas...">
<li id="tag-list-heading" data-role="list-divider" role="heading">
Tags submitted by your peers
</li>
</ul>
</div>
</div>
<br /> -->
<!-- <input type="submit" value="Submit your post" data-ajax="false" data-theme="b" class="submit-button"/> -->
<div data-role="footer" data-position="fixed" data-tap-toggle="false">
<input type="submit" value="Submit your post" data-ajax="false" data-theme="b" class="submit-button" />
</div><!-- /footer -->
</div>
</div>
<!-- /add page -->
</div>
</body>
</html>