| 1 |
efrain |
1 |
/* global H5PDataView */
|
|
|
2 |
(function($) {
|
|
|
3 |
|
|
|
4 |
/**
|
|
|
5 |
* Creates a new dataview.
|
|
|
6 |
*
|
|
|
7 |
* @private
|
|
|
8 |
* @param {object} dataView Structure
|
|
|
9 |
* @param {string} dataView.source AJAX URL for data view
|
|
|
10 |
* @param {object[]} dataView.headers Header text and props
|
|
|
11 |
* @param {boolean[]} dataView.filters Which fields to allow filtering for
|
|
|
12 |
* @param {object} dataView.order Default order by and direction
|
|
|
13 |
* @param {object} dataView.l10n Translations
|
|
|
14 |
* @param {Element} wrapper Where in the DOM should the dataview be appended
|
|
|
15 |
* @param {function} loaded Callback for when the dataview is ready
|
|
|
16 |
*/
|
|
|
17 |
var createDataView = function(dataView, wrapper, loaded) {
|
|
|
18 |
new H5PDataView(
|
|
|
19 |
wrapper,
|
|
|
20 |
dataView.source,
|
|
|
21 |
dataView.headers,
|
|
|
22 |
dataView.l10n,
|
|
|
23 |
undefined,
|
|
|
24 |
dataView.filters,
|
|
|
25 |
loaded,
|
|
|
26 |
dataView.order
|
|
|
27 |
);
|
|
|
28 |
};
|
|
|
29 |
|
|
|
30 |
// Create data views when page is done loading.
|
|
|
31 |
$(document).ready(function() {
|
|
|
32 |
for (var id in H5PIntegration.dataViews) {
|
|
|
33 |
if (!H5PIntegration.dataViews.hasOwnProperty(id)) {
|
|
|
34 |
continue;
|
|
|
35 |
}
|
|
|
36 |
|
|
|
37 |
var wrapper = $('#' + id).get(0);
|
|
|
38 |
if (wrapper !== undefined) {
|
|
|
39 |
createDataView(H5PIntegration.dataViews[id], wrapper);
|
|
|
40 |
}
|
|
|
41 |
}
|
|
|
42 |
});
|
|
|
43 |
})(H5P.jQuery);
|