| author | veltr |
| Wed, 29 Aug 2012 18:34:11 +0200 | |
| branch | new-model |
| changeset 937 | eb3c442cec50 |
| parent 927 | 977a39c4ee80 |
| child 941 | 1e64e46a954f |
| permissions | -rw-r--r-- |
| 123 | 1 |
/* init.js - initialization and configuration of Popcorn and the widgets |
| 531 | 2 |
*/ |
|
453
8568e47379a2
added autoconfiguration of the media source for rtmp streams.
hamidouk
parents:
430
diff
changeset
|
3 |
|
| 882 | 4 |
if (typeof window.IriSP === "undefined") { |
5 |
IriSP = {}; |
|
6 |
} |
|
7 |
||
| 868 | 8 |
/* The Metadataplayer Object, single point of entry, replaces IriSP.init_player */ |
9 |
||
| 910 | 10 |
IriSP.Metadataplayer = function(config) { |
|
887
6a04bd37da0a
Corrected lib loading function so several instances of the Metadataplayer can be called
veltr
parents:
884
diff
changeset
|
11 |
IriSP.log("IriSP.Metadataplayer constructor"); |
|
875
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
12 |
for (var key in IriSP.guiDefaults) { |
| 882 | 13 |
if (IriSP.guiDefaults.hasOwnProperty(key) && !config.gui.hasOwnProperty(key)) { |
|
875
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
14 |
config.gui[key] = IriSP.guiDefaults[key] |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
15 |
} |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
16 |
} |
| 868 | 17 |
var _container = document.getElementById(config.gui.container); |
| 882 | 18 |
_container.innerHTML = '<h3 class="Ldt-Loader">Loading... Chargement...</h3>'; |
| 868 | 19 |
this.sourceManager = new IriSP.Model.Directory(); |
20 |
this.config = config; |
|
|
908
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
21 |
this.callbackQueue = []; |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
22 |
this.isLoaded = false; |
| 868 | 23 |
this.loadLibs(); |
24 |
} |
|
25 |
||
26 |
IriSP.Metadataplayer.prototype.toString = function() { |
|
|
908
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
27 |
return 'Metadataplayer in #' + this.config.gui.container; |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
28 |
} |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
29 |
|
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
30 |
IriSP.Metadataplayer.prototype.deferCallback = function(_callback) { |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
31 |
var _this = this; |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
32 |
IriSP._.defer(function() { |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
33 |
_callback.call(_this); |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
34 |
}); |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
35 |
} |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
36 |
|
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
37 |
IriSP.Metadataplayer.prototype.handleCallbacks = function() { |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
38 |
this.isLoaded = true; |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
39 |
while (this.callbackQueue.length) { |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
40 |
this.deferCallback(this.callbackQueue.splice(0,1)[0]); |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
41 |
} |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
42 |
} |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
43 |
|
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
44 |
IriSP.Metadataplayer.prototype.onLoad = function(_callback) { |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
45 |
if (this.isLoaded) { |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
46 |
this.deferCallback(_callback); |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
47 |
} else { |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
48 |
this.callbackQueue.push(_callback); |
|
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
49 |
} |
| 868 | 50 |
} |
51 |
||
52 |
IriSP.Metadataplayer.prototype.loadLibs = function() { |
|
|
887
6a04bd37da0a
Corrected lib loading function so several instances of the Metadataplayer can be called
veltr
parents:
884
diff
changeset
|
53 |
IriSP.log("IriSP.Metadataplayer.prototype.loadLibs"); |
| 884 | 54 |
var $L = $LAB |
55 |
.script(IriSP.getLib("underscore")) |
|
56 |
.script(IriSP.getLib("Mustache")) |
|
57 |
.script(IriSP.getLib("jQuery")) |
|
| 917 | 58 |
.script(IriSP.getLib("swfObject")); |
59 |
|
|
60 |
if (typeof JSON == "undefined") { |
|
61 |
$L.script(IriSP.getLib("json")); |
|
62 |
} |
|
63 |
|
|
64 |
$L.wait() |
|
| 884 | 65 |
.script(IriSP.getLib("jQueryUI")); |
| 868 | 66 |
|
| 884 | 67 |
if (this.config.player.type === "jwplayer" || this.config.player.type === "auto") { |
| 868 | 68 |
$L.script(IriSP.getLib("jwplayer")); |
| 884 | 69 |
} |
70 |
|
|
71 |
if (this.config.player.type !== "jwplayer" && this.config.player.type !== "allocine" && this.config.player.type !== "dailymotion") { |
|
| 883 | 72 |
$L.script(IriSP.getLib("popcorn")); |
| 868 | 73 |
} |
74 |
||
75 |
/* widget specific requirements */ |
|
76 |
for(var _i = 0; _i < this.config.gui.widgets.length; _i++) { |
|
| 882 | 77 |
var _t = this.config.gui.widgets[_i].type; |
| 927 | 78 |
if (typeof IriSP.widgetsRequirements[_t] !== "undefined" && typeof IriSP.widgetsRequirements[_t].requires !== "undefined" ) { |
79 |
for (var _j = 0; _j < IriSP.widgetsRequirements[_t].requires.length; _j++) { |
|
80 |
$L.script(IriSP.getLib(IriSP.widgetsRequirements[_t].requires[_j])); |
|
81 |
} |
|
| 868 | 82 |
} |
83 |
} |
|
84 |
|
|
85 |
var _this = this; |
|
| 927 | 86 |
|
| 868 | 87 |
$L.wait(function() { |
88 |
_this.onLibsLoaded(); |
|
89 |
}); |
|
90 |
} |
|
91 |
||
|
875
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
92 |
IriSP.Metadataplayer.prototype.onLibsLoaded = function() { |
|
887
6a04bd37da0a
Corrected lib loading function so several instances of the Metadataplayer can be called
veltr
parents:
884
diff
changeset
|
93 |
IriSP.log("IriSP.Metadataplayer.prototype.onLibsLoaded"); |
|
6a04bd37da0a
Corrected lib loading function so several instances of the Metadataplayer can be called
veltr
parents:
884
diff
changeset
|
94 |
if (typeof IriSP.jQuery === "undefined" && typeof window.jQuery !== "undefined") { |
|
6a04bd37da0a
Corrected lib loading function so several instances of the Metadataplayer can be called
veltr
parents:
884
diff
changeset
|
95 |
IriSP.jQuery = window.jQuery.noConflict(); |
|
6a04bd37da0a
Corrected lib loading function so several instances of the Metadataplayer can be called
veltr
parents:
884
diff
changeset
|
96 |
} |
|
6a04bd37da0a
Corrected lib loading function so several instances of the Metadataplayer can be called
veltr
parents:
884
diff
changeset
|
97 |
if (typeof IriSP._ === "undefined" && typeof window._ !== "undefined") { |
|
937
eb3c442cec50
Added events on annotation for inter widget communication
veltr
parents:
927
diff
changeset
|
98 |
IriSP._ = window._; |
|
887
6a04bd37da0a
Corrected lib loading function so several instances of the Metadataplayer can be called
veltr
parents:
884
diff
changeset
|
99 |
} |
|
6a04bd37da0a
Corrected lib loading function so several instances of the Metadataplayer can be called
veltr
parents:
884
diff
changeset
|
100 |
IriSP.loadCss(IriSP.getLib("cssjQueryUI")); |
|
6a04bd37da0a
Corrected lib loading function so several instances of the Metadataplayer can be called
veltr
parents:
884
diff
changeset
|
101 |
IriSP.loadCss(this.config.gui.css); |
|
6a04bd37da0a
Corrected lib loading function so several instances of the Metadataplayer can be called
veltr
parents:
884
diff
changeset
|
102 |
|
| 910 | 103 |
this.videoData = this.loadMetadata(this.config.player.metadata); |
|
875
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
104 |
this.$ = IriSP.jQuery('#' + this.config.gui.container); |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
105 |
this.$.css({ |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
106 |
"width": this.config.gui.width, |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
107 |
"clear": "both" |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
108 |
}); |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
109 |
if (typeof this.config.gui.height !== "undefined") { |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
110 |
this.$.css("height", this.config.gui.height); |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
111 |
} |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
112 |
|
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
113 |
var _this = this; |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
114 |
this.videoData.onLoad(function() { |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
115 |
_this.onVideoDataLoaded(); |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
116 |
}); |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
117 |
} |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
118 |
|
| 868 | 119 |
IriSP.Metadataplayer.prototype.loadMetadata = function(_metadataInfo) { |
120 |
if (typeof _metadataInfo.serializer === "undefined" && typeof _metadataInfo.format !== "undefined") { |
|
121 |
_metadataInfo.serializer = IriSP.serializers[_metadataInfo.format]; |
|
122 |
} |
|
123 |
if (typeof _metadataInfo.url === "undefined" && typeof _metadataInfo.src !== "undefined") { |
|
124 |
_metadataInfo.url = _metadataInfo.src; |
|
125 |
} |
|
126 |
if (typeof _metadataInfo.url !== "undefined" && typeof _metadataInfo.serializer !== "undefined") { |
|
127 |
return this.sourceManager.remoteSource(_metadataInfo); |
|
128 |
} else { |
|
129 |
return this.sourceManager.newLocalSource(_metadataInfo); |
|
130 |
} |
|
131 |
} |
|
132 |
||
133 |
IriSP.Metadataplayer.prototype.onVideoDataLoaded = function() { |
|
| 922 | 134 |
|
| 924 | 135 |
/* Setting default media from metadata */ |
| 922 | 136 |
|
| 924 | 137 |
if (typeof this.videoData !== "undefined") { |
| 919 | 138 |
|
139 |
var _media; |
|
140 |
|
|
141 |
if (typeof this.videoData.mainMedia !== "undefined") { |
|
142 |
_media = this.videoData.getElement(this.videoData.mainMedia); |
|
143 |
} |
|
144 |
|
|
145 |
if (this.config.player.type === "mashup" || this.config.player.type === "mashup-html") { |
|
146 |
if (typeof _media === "undefined" || _media.elementType !== "mashup") { |
|
147 |
var _mashups = this.videoData.getMashups(); |
|
148 |
if (_mashups.length) { |
|
149 |
_media = _mashups[0]; |
|
150 |
} |
|
151 |
} |
|
152 |
} else { |
|
153 |
if (typeof _media === "undefined" || _media.elementType !== "media") { |
|
154 |
var _medias = this.videoData.getMedias(); |
|
155 |
if (_medias.length) { |
|
156 |
_media = _medias[0]; |
|
157 |
} |
|
158 |
} |
|
159 |
} |
|
160 |
|
|
161 |
this.videoData.currentMedia = _media; |
|
162 |
|
|
| 924 | 163 |
/* Getting video URL from metadata if it's not in the player config options */ |
164 |
|
|
165 |
if (typeof _media !== "undefined" && typeof _media.video !== "undefined" && typeof this.config.player.video === "undefined") { |
|
|
870
2c025db10a10
Migrated playerWidget and started annotationsListWidget
veltr
parents:
868
diff
changeset
|
166 |
this.config.player.video = _media.video; |
| 924 | 167 |
if (typeof this.config.player.streamer == "undefined" && typeof _media.streamer !== "undefined") { |
|
870
2c025db10a10
Migrated playerWidget and started annotationsListWidget
veltr
parents:
868
diff
changeset
|
168 |
this.config.player.streamer = _media.streamer; |
| 868 | 169 |
} |
170 |
} |
|
171 |
|
|
172 |
} |
|
| 922 | 173 |
|
174 |
if (typeof this.config.player.video === "string" && this.config.player.url_transform === "function") { |
|
175 |
this.config.player.video = this.config.player.url_transform(this.config.player.video); |
|
176 |
} |
|
177 |
|
|
178 |
var _pop, |
|
179 |
_divs = this.layoutDivs("video",this.config.player.height || undefined), |
|
180 |
containerDiv = _divs[0], |
|
181 |
spacerDiv = _divs[1], |
|
182 |
_this = this, |
|
183 |
_types = { |
|
184 |
"html5" : /\.(ogg|ogv|webm)$/, |
|
185 |
"youtube" : /^(https?:\/\/)?(www\.)?youtube\.com/, |
|
186 |
"dailymotion" : /^(https?:\/\/)?(www\.)?dailymotion\.com/ |
|
187 |
}; |
|
188 |
|
|
189 |
if (this.config.player.type === "auto") { |
|
190 |
this.config.player.type = "jwplayer"; |
|
191 |
IriSP._(_types).each(function(_v, _k) { |
|
192 |
if (_v.test(_this.config.player.video)) { |
|
193 |
_this.config.player.type = _k |
|
194 |
} |
|
195 |
}); |
|
196 |
} |
|
197 |
||
198 |
switch(this.config.player.type) { |
|
199 |
case "html5": |
|
200 |
var _tmpId = Popcorn.guid("video"), |
|
201 |
_videoEl = IriSP.jQuery('<video>'); |
|
202 |
|
|
203 |
_videoEl.attr({ |
|
204 |
"src" : this.config.player.video, |
|
205 |
"id" : _tmpId |
|
206 |
}) |
|
207 |
||
208 |
if(this.config.player.hasOwnProperty("width")) { |
|
209 |
_videoEl.attr("width", this.config.player.width); |
|
210 |
} |
|
211 |
if(this.config.player.hasOwnProperty("height")) { |
|
212 |
_videoEl.attr("height", this.config.player.height); |
|
213 |
} |
|
214 |
IriSP.jQuery("#" + containerDiv).append(_videoEl); |
|
215 |
_pop = Popcorn("#" + _tmpId); |
|
216 |
break; |
|
217 |
||
218 |
case "html5-audio": |
|
219 |
var _tmpId = Popcorn.guid("audio"), |
|
220 |
_videoEl = IriSP.jQuery('<audio>'); |
|
221 |
|
|
222 |
_videoEl.attr({ |
|
223 |
"src" : this.config.player.video, |
|
224 |
"id" : _tmpId |
|
225 |
}) |
|
226 |
||
227 |
if(this.config.player.hasOwnProperty("width")) { |
|
228 |
_videoEl.attr("width", this.config.player.width); |
|
229 |
} |
|
230 |
if(this.config.player.hasOwnProperty("height")) { |
|
231 |
_videoEl.attr("height", this.config.player.height); |
|
232 |
} |
|
233 |
IriSP.jQuery("#" + containerDiv).append(_videoEl); |
|
234 |
_pop = Popcorn("#" + _tmpId); |
|
235 |
break; |
|
236 |
||
237 |
case "jwplayer": |
|
238 |
var opts = IriSP.jQuery.extend({}, this.config.player); |
|
239 |
delete opts.container; |
|
240 |
delete opts.type; |
|
| 926 | 241 |
if (typeof opts.streamer === "function") { |
242 |
opts.streamer = opts.streamer(opts.video); |
|
243 |
} |
|
244 |
if (typeof opts.streamer === "string") { |
|
| 924 | 245 |
opts.video = opts.video.replace(opts.streamer,""); |
246 |
} |
|
| 922 | 247 |
opts.file = opts.video; |
248 |
delete opts.video; |
|
| 924 | 249 |
delete opts.metadata; |
| 922 | 250 |
|
251 |
if(!opts.hasOwnProperty("flashplayer")) { |
|
252 |
opts.flashplayer = IriSP.getLib("jwPlayerSWF"); |
|
253 |
} |
|
254 |
||
255 |
if(!opts.hasOwnProperty("controlbar.position")) { |
|
256 |
opts["controlbar.position"] = "none"; |
|
257 |
} |
|
258 |
_pop = new IriSP.PopcornReplacement.jwplayer("#" + containerDiv, opts); |
|
259 |
break; |
|
260 |
||
261 |
case "youtube": |
|
262 |
// Popcorn.youtube wants us to specify the size of the player in the style attribute of its container div. |
|
263 |
IriSP.jQuery("#" + containerDiv).css({ |
|
264 |
width : this.config.player.width + "px", |
|
265 |
height : this.config.player.height + "px" |
|
266 |
}); |
|
267 |
var _urlparts = this.config.player.video.split(/[?&]/), |
|
268 |
_params = {}; |
|
269 |
for (var _j = 1; _j < _urlparts.length; _j++) { |
|
270 |
var _ppart = _urlparts[_j].split('='); |
|
271 |
_params[_ppart[0]] = decodeURIComponent(_ppart[1]); |
|
272 |
} |
|
273 |
_params.controls = 0; |
|
274 |
_params.modestbranding = 1; |
|
275 |
_url = _urlparts[0] + '?' + IriSP.jQuery.param(_params); |
|
276 |
_pop = Popcorn.youtube("#" + containerDiv, _url); |
|
277 |
break; |
|
278 |
||
279 |
case "dailymotion": |
|
280 |
_pop = new IriSP.PopcornReplacement.dailymotion("#" + containerDiv, this.config.player); |
|
281 |
break; |
|
282 |
||
283 |
case "mashup": |
|
284 |
_pop = new IriSP.PopcornReplacement.mashup("#" + containerDiv, this.config.player); |
|
285 |
break; |
|
286 |
|
|
287 |
case "allocine": |
|
288 |
_pop = new IriSP.PopcornReplacement.allocine("#" + containerDiv, this.config.player); |
|
289 |
break; |
|
290 |
|
|
291 |
case "mashup-html": |
|
292 |
_pop = new IriSP.PopcornReplacement.htmlMashup("#" + containerDiv, this.config.player, this.videoData); |
|
293 |
break; |
|
294 |
|
|
295 |
default: |
|
296 |
_pop = undefined; |
|
297 |
}; |
|
298 |
||
299 |
this.popcorn = _pop; |
|
300 |
|
|
301 |
/* Now Loading Widgets */ |
|
302 |
|
|
| 868 | 303 |
this.widgets = []; |
|
875
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
304 |
var _this = this; |
| 868 | 305 |
for(var i = 0; i < this.config.gui.widgets.length; i++) { |
|
875
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
306 |
this.loadWidget(this.config.gui.widgets[i], function(_widget) { |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
307 |
_this.widgets.push(_widget) |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
308 |
}); |
| 868 | 309 |
}; |
|
875
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
310 |
this.$.find('.Ldt-Loader').detach(); |
|
908
f56199193fad
CreateAnnotation widget now posts annotations, Tagcloud can be made segment-dependent
veltr
parents:
900
diff
changeset
|
311 |
this.handleCallbacks(); |
|
875
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
312 |
} |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
313 |
|
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
314 |
IriSP.Metadataplayer.prototype.loadWidget = function(_widgetConfig, _callback) { |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
315 |
/* Creating containers if needed */ |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
316 |
if (typeof _widgetConfig.container === "undefined") { |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
317 |
var _divs = this.layoutDivs(_widgetConfig.type); |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
318 |
_widgetConfig.container = _divs[0]; |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
319 |
} |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
320 |
|
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
321 |
var _this = this; |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
322 |
|
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
323 |
if (typeof IriSP.Widgets[_widgetConfig.type] !== "undefined") { |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
324 |
IriSP._.defer(function() { |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
325 |
_callback(new IriSP.Widgets[_widgetConfig.type](_this, _widgetConfig)); |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
326 |
}); |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
327 |
} else { |
| 882 | 328 |
/* Loading Widget CSS */ |
329 |
if (typeof IriSP.widgetsRequirements[_widgetConfig.type] === "undefined" || typeof IriSP.widgetsRequirements[_widgetConfig.type].noCss === "undefined" || !IriSP.widgetsRequirements[_widgetConfig.type].noCss) { |
|
330 |
IriSP.loadCss(IriSP.widgetsDir + '/' + _widgetConfig.type + '.css'); |
|
331 |
} |
|
|
875
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
332 |
/* Loading Widget JS */ |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
333 |
$LAB.script(IriSP.widgetsDir + '/' + _widgetConfig.type + '.js').wait(function() { |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
334 |
_callback(new IriSP.Widgets[_widgetConfig.type](_this, _widgetConfig)); |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
335 |
}); |
|
43629caa77bc
Big refactoring of widget files + started migration of segmentwidget
veltr
parents:
874
diff
changeset
|
336 |
} |
| 868 | 337 |
} |
338 |
||
339 |
/** create a subdiv with an unique id, and a spacer div as well. |
|
340 |
@param widgetName the name of the widget. |
|
341 |
@return an array of the form [createdivId, spacerdivId]. |
|
342 |
*/ |
|
| 917 | 343 |
IriSP.Metadataplayer.prototype.layoutDivs = function(_name, _height) { |
| 868 | 344 |
if (typeof(_name) === "undefined") { |
345 |
_name = ""; |
|
| 866 | 346 |
} |
|
870
2c025db10a10
Migrated playerWidget and started annotationsListWidget
veltr
parents:
868
diff
changeset
|
347 |
var newDiv = IriSP._.uniqueId(this.config.gui.container + "_widget_" + _name + "_"), |
|
2c025db10a10
Migrated playerWidget and started annotationsListWidget
veltr
parents:
868
diff
changeset
|
348 |
spacerDiv = IriSP._.uniqueId("LdtPlayer_spacer_"), |
|
874
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
349 |
divHtml = IriSP.jQuery('<div>') |
|
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
350 |
.attr("id",newDiv) |
|
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
351 |
.css({ |
|
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
352 |
width: this.config.gui.width + "px", |
|
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
353 |
position: "relative", |
|
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
354 |
clear: "both" |
| 868 | 355 |
}), |
|
874
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
356 |
spacerHtml = IriSP.jQuery('<div>') |
|
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
357 |
.attr("id",spacerDiv) |
|
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
358 |
.css({ |
|
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
359 |
width: this.config.gui.width + "px", |
|
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
360 |
height: this.config.gui.spacer_div_height + "px", |
|
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
361 |
position: "relative", |
|
38b65761a7d5
TooltipWidget, SliderWidget, corrections in AnnotationList, CSS are now split
veltr
parents:
870
diff
changeset
|
362 |
clear: "both" |
| 868 | 363 |
}); |
| 917 | 364 |
if (typeof _height !== "undefined") { |
365 |
divHtml.css("height", _height); |
|
366 |
} |
|
| 868 | 367 |
|
|
870
2c025db10a10
Migrated playerWidget and started annotationsListWidget
veltr
parents:
868
diff
changeset
|
368 |
this.$.append(divHtml); |
|
2c025db10a10
Migrated playerWidget and started annotationsListWidget
veltr
parents:
868
diff
changeset
|
369 |
this.$.append(spacerHtml); |
|
743
69a9969daa41
better defaults - paths are now computed at run-time.
hamidouk
parents:
707
diff
changeset
|
370 |
|
| 868 | 371 |
return [newDiv, spacerDiv]; |
| 866 | 372 |
}; |