-
Notifications
You must be signed in to change notification settings - Fork 23
/
viewer.html
366 lines (329 loc) · 20.7 KB
/
viewer.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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<!DOCTYPE html>
<html>
<head>
<title>ViSH Viewer</title>
<meta charset="UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link rel="stylesheet" type="text/css" href="/stylesheets/libs/joyride-1.0.5.css">
<link rel="stylesheet" type="text/css" href="/stylesheets/libs/jquery.fancybox-1.3.4.css"/>
<link rel="stylesheet" type="text/css" href="/stylesheets/libs/jquery-ui-1.9.2.custom.css">
<link rel="stylesheet" type="text/css" href="/stylesheets/all/styles.css"/>
<link rel="stylesheet" type="text/css" href="/stylesheets/all/pack1templates.css"/>
<link rel="stylesheet" type="text/css" href="/stylesheets/all/quiz.css">
<link rel="stylesheet" type="text/css" href="/stylesheets/all/customPlayer.css"/>
<!-- To simulate deploy in ViSH where all CSS is merged -->
<link rel="stylesheet" type="text/css" href="/stylesheets/all/editor.css"/>
<script src="/js/libs/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/libs/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="/js/libs/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="/js/libs/jquery.joyride-1.0.5.js"></script>
<script type="text/javascript" src="/js/libs/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/libs/modernizr.mq.js"></script>
<script type="text/javascript" src="/js/libs/modernizr.foundation.js"></script>
<script type="text/javascript" src="/js/libs/jquery.qrcode.min.js"></script>
<script type="text/javascript" src="/js/libs/RegaddiChart.js"></script>
<script type="text/javascript" src="/js/libs/jquery.watermark.min.js"></script>
<script type="text/javascript" src="/js/libs/jquery.ui.touch-punch.0.2.3.js"></script>
<script type="text/javascript" src="/js/libs/loep.js"></script>
<script type="text/javascript" src="/js/lang/translations.js"></script>
<script type="text/javascript" src="/configuration/configuration.js"></script>
<script type="text/javascript" src="/js/VISH.js"></script>
<script type="text/javascript" src="/js/VISH.Constant.js"></script>
<script type="text/javascript" src="/js/VISH.Samples.js"></script>
<script type="text/javascript" src="/js/VISH.Configuration.js"></script>
<script type="text/javascript" src="/js/VISH.I18n.js"></script>
<script type="text/javascript" src="/js/VISH.User.js"></script>
<script type="text/javascript" src="/js/VISH.Storage.js"></script>
<script type="text/javascript" src="/js/VISH.Object.js"></script>
<script type="text/javascript" src="/js/VISH.Object.PDF.js"></script>
<script type="text/javascript" src="/js/VISH.Object.GoogleDOC.js"></script>
<script type="text/javascript" src="/js/VISH.Object.Webapp.js"></script>
<script type="text/javascript" src="/js/VISH.Object.Webapp.Handler.js"></script>
<script type="text/javascript" src="/js/VISH.Renderer.js"></script>
<script type="text/javascript" src="/js/VISH.Renderer.Filter.js"></script>
<script type="text/javascript" src="/js/VISH.Debugging.js"></script>
<script type="text/javascript" src="/js/VISH.Presentation.js"></script>
<script type="text/javascript" src="/js/VISH.Video.js"></script>
<script type="text/javascript" src="/js/VISH.Video.CustomPlayer.js"></script>
<script type="text/javascript" src="/js/VISH.Video.HTML5.js"></script>
<script type="text/javascript" src="/js/VISH.Video.Youtube.js"></script>
<script type="text/javascript" src="/js/VISH.Audio.js"></script>
<script type="text/javascript" src="/js/VISH.Audio.HTML5.js"></script>
<script type="text/javascript" src="/js/VISH.ImagePlayer.js"></script>
<script type="text/javascript" src="/js/VISH.ObjectPlayer.js"></script>
<script type="text/javascript" src="/js/VISH.SnapshotPlayer.js"></script>
<script type="text/javascript" src="/js/VISH.AppletPlayer.js"></script>
<script type="text/javascript" src="/js/VISH.Viewer.js"></script>
<script type="text/javascript" src="/js/VISH.Utils.js"></script>
<script type="text/javascript" src="/js/VISH.Utils.iso8601Parser.js"></script>
<script type="text/javascript" src="/js/VISH.Status.js"></script>
<script type="text/javascript" src="/js/VISH.Status.Device.js"></script>
<script type="text/javascript" src="/js/VISH.Status.Device.Browser.js"></script>
<script type="text/javascript" src="/js/VISH.Status.Device.Features.js"></script>
<script type="text/javascript" src="/js/VISH.ViewerAdapter.js"></script>
<script type="text/javascript" src="/js/VISH.Text.js"></script>
<script type="text/javascript" src="/js/VISH.Recommendations.js"></script>
<script type="text/javascript" src="/js/VISH.Slideset.js"></script>
<script type="text/javascript" src="/js/VISH.Flashcard.js"></script>
<script type="text/javascript" src="/js/VISH.VirtualTour.js"></script>
<script type="text/javascript" src="/js/VISH.EVideo.js"></script>
<script type="text/javascript" src="/js/VISH.Animations.js"></script>
<script type="text/javascript" src="/js/VISH.Themes.js"></script>
<script type="text/javascript" src="/js/VISH.Themes.Core.js"></script>
<script type="text/javascript" src="/js/VISH.Themes.Presentation.js"></script>
<script type="text/javascript" src="/js/VISH.IframeMessenger.js"></script>
<script type="text/javascript" src="/js/VISH.Messenger.js"></script>
<script type="text/javascript" src="/js/VISH.Messenger.VE.js"></script>
<script type="text/javascript" src="/js/VISH.Messenger.WAPP.js"></script>
<script type="text/javascript" src="/js/VISH.Addons.js"></script>
<script type="text/javascript" src="/js/VISH.Utils.Loader.js"></script>
<script type="text/javascript" src="/js/VISH.Slides.js"></script>
<script type="text/javascript" src="/js/VISH.Events.js"></script>
<script type="text/javascript" src="/js/VISH.Events.Mobile.js"></script>
<script type="text/javascript" src="/js/VISH.Events.Touchable.js"></script>
<script type="text/javascript" src="/js/VISH.EventsNotifier.js"></script>
<script type="text/javascript" src="/js/VISH.Quiz.js"></script>
<script type="text/javascript" src="/js/VISH.Quiz.MC.js"></script>
<script type="text/javascript" src="/js/VISH.Quiz.TF.js"></script>
<script type="text/javascript" src="/js/VISH.Quiz.Sorting.js"></script>
<script type="text/javascript" src="/js/VISH.Quiz.Open.js"></script>
<script type="text/javascript" src="/js/VISH.Quiz.API.js"></script>
<script type="text/javascript" src="/js/VISH.Quiz.API.Development.js"></script>
<script type="text/javascript" src="/js/VISH.QuizCharts.js"></script>
<script type="text/javascript" src="/js/VISH.SlidesSelector.js"></script>
<script type="text/javascript" src="/js/VISH.Tour.js"></script>
<script type="text/javascript" src="/js/VISH.FullScreen.js"></script>
<script type="text/javascript" src="/js/VISH.TrackingSystem.js"></script>
<script type="text/javascript" src="/js/VISH.ProgressTracking.js"></script>
<script type="text/javascript" src="/js/VISH.SCORM.js"></script>
<script type="text/javascript" src="/js/VISH.SCORM.API.js"></script>
</head>
<body onload="start()" style="display: none" class="loaded" id="presentation_iframe">
<!-- Copy HTML from here -->
<section class="slides layout-regular template-default"></section>
<button id="back_arrow" class="vish_arrow" style="display:none" tabindex="2"></button>
<button id="forward_arrow" class="vish_arrow" style="display:none" tabindex="2"></button>
<div id="viewbar" style="display:none">
<a href="#" target="_blank"><div id="embedWatermark" class="watermark" style="display:none"></div></a>
<button id="page-fullscreen" class="fullscreen" type="submit" style="border: none; background-color: transparent; display: none;" tabindex="2"></button>
<button id="page-switcher-start" class="page-switcher" tabindex="2"></button>
<div id="slide-counter-div" style="">
<input id="slide-counter-input" type="text" name="goToSlide" maxlength="2" value="1"><span id="slide-counter-span"></span>
</div>
<button id="page-switcher-end" class="page-switcher" tabindex="2" ></button>
<!-- Force browser to preload viewbar icons -->
<img src="/images/vicons/arrows.png" style="display:none"/>
<img src="/images/vicons/fullscreen.png" style="display:none"/>
<img src="/images/cursor/right-pointer.png" style="display:none"/>
<img src="/images/cursor/left-pointer.png" style="display:none"/>
<!-- Force browser to preload more ViSH Viewer icons -->
<img src="/images/vicons/ve_close.png" style="display:none"/>
<img src="/images/vicons/ve_close_hover.png" style="display:none"/>
<img src="/images/vicons/ve_close2.png" style="display:none"/>
<img src="/images/vicons/ve_close2_hover.png" style="display:none"/>
<img src="/images/vicons/helptutorial_circle_hover.png" style="display:none"/>
<img src="/images/vicons/helptutorial_circle2_hover.png" style="display:none"/>
<img src="/images/vicons/helptutorial_circle_hover_tp.png" style="display:none"/>
<!-- <img src="/images/vicons/watermark.png" style="display:none"/> -->
</div>
<div id="selectSlidesBar" style="display:none">
<img id='help_addslides_selection' src='/images/vicons/helptutorial_circle_blank.png'/>
<div class="selectSlidesButtons1">
<button id="ssbAll" class="selectSlidesButton">
<table class="selectSlidesTable">
<tr>
<td><img class="selectSlidesimgbutton" src="/images/quiz/checkbox_checked.png"/></td>
<td><span i18n-key="i.SelectAll">Select All</span></td>
</tr>
</table>
</button>
<button id="ssbuAll" class="selectSlidesButton">
<table class="selectSlidesTable">
<tr>
<td><img class="selectSlidesimgbutton" src="/images/quiz/checkbox_wrong.png"/></td>
<td><span i18n-key="i.UnselectAll">Unselect All</span></td>
</tr>
</table>
</button>
</div>
<div class="selectSlidesButtons3">
<div class="selectSlidesSelection">
<p id="ssbsp" class="selected_n_slides addslidetrans"></p>
<img id="SelectedSlidesToAdd"/>
</div>
<div class="selectSlidesButtonWrapper">
<button i18n-key="i.AddSlides" id="ssbdone" class="viewer_button">Add Slides</button>
</div>
</div>
<div class="selectSlidesButtons2">
<button id="ssbaccept" class="buttoncenter selectSlidesButton">
<table class="selectSlidesTable">
<tr>
<td><img class="selectSlidesimgbutton" src="/images/quiz/checkbox_wrong.png"/></td>
<td><span i18n-key="i.UnselectSlide">Unselect Slide</span></td>
</tr>
</table>
</button>
</div>
</div>
<div style="display:none" id="viewerpreview"><span i18n-key="i.Preview">Preview</span></div>
<button id="closeButton" style="display:none" ><img id="closeButtonImg" src="/images/vicons/back_icon.png"/></button>
<!-- Hidden link to open fancybox to display recommendations -->
<a id="fancyRec" href="#fancy_recommendations" style="display: none;"></a>
<!-- Recommendations fancybox -->
<div style='display:none'>
<div id='fancy_recommendations'>
<div class="rec-first-row">
<span class="textrec1" i18n-key="i.evaluateTitle">Want to contribute evaluating the excursion?</span>
<button id='evaluate_presentation' submit='disable' class='recbutton' i18n-key="i.Evaluate">Evaluate</button>
</div>
<div class="rec-second-row">
<span class="textrec1" i18n-key="i.recommendationsTitle">Recommended excursions:</span>
<div class="rec-grid"></div>
</div>
</div>
</div>
<!-- Hidden link to open fancybox to display evaluations -->
<a id="fancyEvaluations" href="#fancy_evaluations" style="display: none;"></a>
<!-- Evaluations fancybox -->
<div style='display:none'>
<div id='fancy_evaluations'>
</div>
</div>
<!-- Quizzes -->
<!-- Hidden link to open fancybox when start a quiz session inside a slide -->
<a id="addQuizSessionFancybox" href="#start_quiz_fancybox" style="display: none;"></a>
<!-- Quiz session fancybox -->
<div style='display:none'>
<div id="start_quiz_fancybox" class="outer_box_viewer">
<div class="fancy_viewer_tabs" id="images_fancy_tabs_id">
<ul>
<li><a i18n-key="i.LiveQuiz" href="#" id="tab_quiz_session" onclick="VISH.Quiz.loadTab('tab_quiz_session'); return false;" class="fancy_viewer_tab tabbable">Live Quiz</a></li>
<li><a i18n-key="i.QuizResults" href="#" id="tab_quiz_stats" onclick="VISH.Quiz.loadTab('tab_quiz_stats'); return false;"class="fancy_viewer_tab">Results</a></li>
</ul>
<img class='help_in_fancybox_viewer' id='tab_quiz_session_help' src='/images/vicons/helptutorial_circle_blank.png'/>
<img class='help_in_fancybox_viewer' id='tab_quiz_stats_help' src='/images/vicons/helptutorial_circle_blank.png'/>
</div>
<div id='tab_quiz_session_content' class="tab_quiz_session_content fancy_viewer_tab_content">
<a target="_blank" id='tab_quiz_session_url_link'></a>
<div class="quizSharebuttons">
<a target="_blank" href="#" id='tab_quiz_session_share_twitter'><img src='/images/vicons/social/twitter.png' class='socialButton'/></a>
<a target="_blank" href="#" id='tab_quiz_session_share_facebook'><img src='/images/vicons/social/facebook.svg' class='socialButton'/></a>
<a target="_blank" href="#" id='tab_quiz_session_share_gPlus'><img src='/images/vicons/social/gplus.svg' class='socialButton'/></a>
</div>
<div class="quizQr"></div>
<input i18n-key="i.QuizStop" class='quizButton button quizStopButton' readonly value='Stop'/>
</div>
<div id='tab_quiz_stats_content' class="fancy_viewer_tab_content">
<canvas id="quiz_chart" width="400" height="400"></canvas>
</div>
</div>
</div>
<!-- Open Ended Quiz Answer Fancybox -->
<div style='display:none'>
<div id="openQuizAnswer_fancybox" class="outer_box_viewer">
<div class="oQA_title">
<p i18n-key="i.Response">Response</p>
</div>
<div class="oQA_body">
</div>
</div>
</div>
<!-- NOTIFICATIONS -->
<!-- Hidden link to open notification template -->
<a id="link_to_notification_template" href="#notification_template_cloned"></a>
<!-- NOTIFICATION TEMPLATE -->
<div id="notification_template_wrapper" style='display:none'></div>
<!-- WALKTHROUGH HELP SECTION -->
<!-- Help for Live Quizzes -->
<ol id="quiz_session_help" class="joyRideTipContent">
<li data-id="tab_quiz_session_content" class="tut_full_viewer tut_without_arrow" data-options="tipLocation:none;" data-text="Finish" i18n-key="i.Finish">
<h2 i18n-key="i.walkQuizzes_1">Live Quizzes</h2>
<p i18n-key="i.walkQuizzes_2">
Live Quizzes allows you to launch quizzes and polls in real time to get instant feedback.
</p>
<p i18n-key="i.walkQuizzes_3">
To launch a 'Live Quiz' you have to access to a presentation and click on the 'Launch' button placed at the bottom of the quiz you want to use. Take into account that the 'Launch' button is not present when you are previewing a presentation with the editor. When you launch a live quiz, a 'quiz session' is created on the ViSH platform, which will store all the quiz results and stats. Once a 'quiz session' is created, you will be able to access it (and therefore to view the results and stats) on the ViSH Platform at any time.
</p>
<p>
<span i18n-key="i.walkQuizzes_4">After you launch a live quiz using the 'Launch' button placed at the bottom of the quiz, a new screen will pop up ('live quiz screen') displaying several elements</span>:
</p>
<ul>
<li>
<p><span i18n-key="i.walkQuizzes_5a">A hyperlink to the live quiz, for instance</span>: 'http://vishub.org/qs/1234'. <span i18n-key="i.walkQuizzes_5b">This hyperlink is use to answer the quiz. Anyone accessing this internet address will be able to answer the live quiz. Therefore you can share your live quiz through this hyperlink, for example sending it by email or pasting it in a forum.</span></p>
</li>
<li>
<p i18n-key="i.walkQuizzes_6">
Some logos of popular social networks (Twitter, Facebook, Google+, ...). You can share the hyperlink of the live quiz on any of these social networks by clicking on the corresponding logo.
</p>
</li>
<li>
<p i18n-key="i.walkQuizzes_7">
A QR code for mobile devices. Any device can automatically get the live quiz hyperlink by scanning this QR code.
</p>
</li>
<li>
<p i18n-key="i.walkQuizzes_8">
A 'Results' tab placed at the top, that allows you to view in real time the quiz results. Depending on the type of the quiz, the representation of the results will vary (pie chart, graph bar, etc.).
</p>
</li>
</ul>
<p i18n-key="i.walkQuizzes_9">
If you want to 'close' the live quiz you should click on the 'Stop' button placed at the bottom right. After you close a live quiz no more answers will be allowed and stored. You can also close a live quiz from the ViSH platform at any time. When you close a live quiz, you can optionally specify a name to facilitate its later searching on the ViSH.
</p>
<p i18n-key="i.walkQuizzes_10">
If you exit from the live quiz screen, you can come back at any time by clicking on the 'Options' button placed at the bottom of the quiz. Notice that if a quiz has been launched, the 'Launch' button is replaced by a 'Options' button. Once you close the live quiz, the 'Launch' button will appear again. Finally, bear in mind that you can not launch more than one live quiz at the same time.
</p>
</li>
</ol>
<!-- Help selecting slides from a previewed presentation -->
<ol id="addslides_help" class="joyRideTipContent">
<li data-id="viewbar" data-text="Close" i18n-key="i.Close" class="tut_width800_center addslidestut tut_without_arrow" data-options="tipLocation:none">
<h2 i18n-key="i.walkSelectSlides_1">Adding external slides to your presentation</h2>
<p i18n-key="i.walkSelectSlides_2">Here you can see a preview of the presentation that you have decided to import. You can insert all the slides of the presentation or select the ones that you want to insert.</p>
<p i18n-key="i.walkSelectSlides_3">Taking into account that all slides are selected by default, if you want to insert the whole presentation you just have to click on the 'Add Slides' button placed at the bottom right.</p>
<p><span i18n-key="i.walkSelectSlides_4">If you want to select specific slides to import, the following instructions will help you</span>:</p>
<p class="tut_withouttopspace"><span i18n-key="i.walkSelectSlides_5a">Use the arrows</span> <img srctoload="/images/tutorial/tut_arrow.png"/> <span i18n-key="i.walkSelectSlides_5b">placed at the bottom to navigate between the slides of the presentation.</span></p>
<p class="tut_withouttopspace"><span i18n-key="i.walkSelectSlides_6a">Selected slides have a green border</span> <img srctoload="/images/tutorial/tut_selectedSlideBoxGreen.png"/> <span i18n-key="i.walkSelectSlides_6b">while unselected slides have a red border</span> <img srctoload="/images/tutorial/tut_selectedSlideBoxRed.png"/>.</p>
<p class="tut_withmediumbottomspace" i18n-key="i.walkSelectSlides_7">To select or unselect the current slide you are viewing, click on the 'Select/Unselect Slide' button placed at the bottom center.</p>
<img class="addslidestut_button" i18n-key="i.img.tut_selects" srctoload="/images/tutorial/tut_selects.png"/> <img class="addslidestut_button" i18n-key="i.img.tut_unselects" srctoload="/images/tutorial/tut_unselects.png"/>
<p class="tut_withmediumbottomspace" i18n-key="i.walkSelectSlides_8">Moreover, you can use the following buttons to select or unselect all the slides at once.</p>
<img class="addslidestut_button" i18n-key="i.img.tut_selectAll" srctoload="/images/tutorial/tut_selectall.png"/> <img class="addslidestut_button" i18n-key="i.img.tut_unselectAll" srctoload="/images/tutorial/tut_unselectall.png"/>
<p i18n-key="i.walkSelectSlides_9">Finally, to insert the selected slides you have to click on the 'Add slides' button placed at the bottom right. Notice that the quantity of slides that you are going to insert is indicated at the left of this button. </p>
<p class="tut_space"> </p>
</li>
</ol>
<div id='qr_overlay' style="display:none"></div>
<!-- Copy HTML until here -->
<script>
function start(){
getOptions();
var isPreview = false;
var parentSameDomain = false;
try{
isPreview =
(window.parent.VISH) &&
(window.parent.VISH.Editor) &&
(typeof window.parent.VISH.Editor.Preview.getPreview == "function") &&
(typeof window.parent.VISH.Editor.Preview.getPreview() != "undefined");
parentSameDomain = true;
} catch(exception){
isPreview = false;
parentSameDomain = false;
}
if(isPreview){
//called to show a preview
options["preview"] = true;
VISH.Viewer.init(options, window.parent.VISH.Editor.Preview.getPreview());
} else if(parentSameDomain && window.parent.options){
//called from web server to show a presentation
VISH.Viewer.init(window.parent.options, window.parent.presentation);
} else {
//Developping
VISH.Viewer.init(options);
}
}
</script>
</body>
</html>