You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
593 lines
16 KiB
593 lines
16 KiB
/* For licensing terms, see /license.txt */
|
|
|
|
// Load symfony routes in order to use it in a js
|
|
//const routes = require('../../public/js/fos_js_routes.json');
|
|
//import Routing from '../../vendor/friendsofsymfony/jsrouting-bundle/Resources/public/js/router.min.js';
|
|
const $ = require('jquery');
|
|
|
|
window.jQuery = $;
|
|
window.$ = $;
|
|
global.jQuery = $;
|
|
global.$ = global.jQuery = $
|
|
|
|
//Routing.setRoutingData(routes);
|
|
|
|
const locale = document.querySelector('html').lang;
|
|
// moment
|
|
const { DateTime } = require("luxon");
|
|
window.luxon = global.luxon = DateTime;
|
|
import 'select2/dist/js/select2.full.min';
|
|
import 'select2/dist/css/select2.min.css';
|
|
|
|
// Gets HTML content from tinymce
|
|
window.getContentFromEditor = function (id) {
|
|
if (typeof tinymce == "undefined") {
|
|
return false;
|
|
}
|
|
|
|
let content = '';
|
|
if (tinymce.get(id)) {
|
|
content = tinymce.get(id).getContent();
|
|
}
|
|
|
|
return content;
|
|
};
|
|
|
|
window.setContentFromEditor = function (id, content) {
|
|
if (tinymce.get(id)) {
|
|
tinymce.get(id).setContent(content);
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
//require('flatpickr');
|
|
require('webpack-jquery-ui');
|
|
require('webpack-jquery-ui/css');
|
|
|
|
// const frameReady = require('/public/main/inc/lib/javascript/jquery.frameready.js');
|
|
//
|
|
// global.frameReady = frameReady;
|
|
// window.frameReady = frameReady;
|
|
|
|
require('./vendor');
|
|
import './main';
|
|
import('bootstrap-daterangepicker');
|
|
import('qtip2');
|
|
//require('bootstrap-daterangepicker/daterangepicker.js');
|
|
|
|
require('blueimp-file-upload');
|
|
require('blueimp-load-image');
|
|
import('mediaelement');
|
|
require('multiselect-two-sides');
|
|
|
|
//import 'jquery-sortablejs';
|
|
|
|
import Sortable from 'sortablejs';
|
|
window.Sortable = Sortable;
|
|
|
|
import Swal from 'sweetalert2';
|
|
window.Swal = Swal;
|
|
|
|
// @todo rework url naming
|
|
//const homePublicUrl = Routing.generate('index');
|
|
const homePublicUrl = '/';
|
|
const mainUrl = homePublicUrl + 'main/';
|
|
const webAjax = homePublicUrl + 'main/inc/ajax/';
|
|
|
|
$(function () {
|
|
let courseId = $('body').attr('data-course-id');
|
|
let webCidReq = '&cid=' + courseId + '&sid=' + $('body').attr('data-session-id');
|
|
window.webCidReq = webCidReq;
|
|
|
|
$("#menu_courses").click(function(){
|
|
return false;
|
|
});
|
|
$("#menu_social").click(function(){
|
|
return false;
|
|
});
|
|
$("#menu_administrator").click(function(){
|
|
return false;
|
|
});
|
|
|
|
if (courseId >0) {
|
|
let courseCode = $("body").data("course-code");
|
|
let logOutUrl = webAjax + 'course.ajax.php?a=course_logout&cidReq=' + courseCode;
|
|
function courseLogout() {
|
|
$.ajax({
|
|
async: false,
|
|
url: logOutUrl,
|
|
success: function () {
|
|
return 1;
|
|
}
|
|
});
|
|
}
|
|
addMainEvent(window, 'unload', courseLogout ,false);
|
|
}
|
|
|
|
$("#open-view-list").click(function () {
|
|
$("#student-list-work").fadeIn(300);
|
|
});
|
|
$("#closed-view-list").click(function () {
|
|
$("#student-list-work").fadeOut(300);
|
|
});
|
|
|
|
// Removes the yellow input in Chrome
|
|
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
|
|
$(window).on("load", function () {
|
|
$('input:-webkit-autofill').each(function () {
|
|
var text = $(this).val();
|
|
var name = $(this).attr('name');
|
|
$(this).after(this.outerHTML).remove();
|
|
$('input[name=' + name + ']').val(text);
|
|
});
|
|
});
|
|
}
|
|
|
|
// MODAL DELETE CONFIRM
|
|
$('.delete-swal').click(function (e) {
|
|
e.preventDefault(); // Prevent the href from redirecting directly
|
|
var url = $(this).attr("href");
|
|
var title = $(this).attr("title");
|
|
|
|
Swal.fire({
|
|
title: title,
|
|
text: '',
|
|
icon: 'warning',
|
|
showCancelButton: true,
|
|
cancelButtonText: 'Cancel',
|
|
confirmButtonColor: '#3085d6',
|
|
cancelButtonColor: '#d33',
|
|
confirmButtonText: 'Yes',
|
|
}).then((result) => {
|
|
if (result.value) {
|
|
/*Swal.fire(
|
|
'Deleted!',
|
|
'Your file has been deleted.',
|
|
'success'
|
|
)*/
|
|
window.location.href = url;
|
|
}
|
|
});
|
|
});
|
|
|
|
// Start modals
|
|
// class='ajax' loads a page in a modal
|
|
$('body').on('click', 'a.ajax', function (e) {
|
|
e.preventDefault();
|
|
|
|
var contentUrl = this.href,
|
|
loadModalContent = $.get(contentUrl),
|
|
self = $(this);
|
|
|
|
$.when(loadModalContent).done(function (modalContent) {
|
|
var modalTitle = self.data('title') || ' ',
|
|
globalModalTitle = $('#global-modal').find('#global-modal-title'),
|
|
globalModalBody = $('#global-modal').find('#global-modal-body');
|
|
|
|
globalModalTitle.text(modalTitle);
|
|
globalModalBody.html(modalContent);
|
|
|
|
globalModalBody.css({'max-height' : "500px", "overflow" : "auto"});
|
|
|
|
toggleModal('global-modal');
|
|
});
|
|
});
|
|
|
|
$('#global-modal').on('hidden.bs.modal', function () {
|
|
$(".embed-responsive").find('iframe').remove();
|
|
});
|
|
|
|
$('#close-global-model').on('click', function () {
|
|
toggleModal('global-modal');
|
|
});
|
|
|
|
// Expands an image modal
|
|
$('a.expand-image').on('click', function (e) {
|
|
e.preventDefault();
|
|
var title = $(this).attr('title');
|
|
var image = new Image();
|
|
image.onload = function () {
|
|
if (title) {
|
|
$('#expand-image-modal').find('.modal-title').text(title);
|
|
} else {
|
|
$('#expand-image-modal').find('.modal-title').html(' ');
|
|
}
|
|
|
|
$('#expand-image-modal').find('.modal-body').html(image);
|
|
$('#expand-image-modal').modal({
|
|
show: true
|
|
});
|
|
};
|
|
image.src = this.href;
|
|
});
|
|
|
|
// Delete modal
|
|
$('#confirm-delete').on('show.bs.modal', function (e) {
|
|
$(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
|
|
//var message = '{{ 'AreYouSureToDeleteJS' | get_lang }}: <strong>' + $(e.relatedTarget).data('item-title') + '</strong>';
|
|
var message = 'AreYouSureToDeleteJS : <strong>' + $(e.relatedTarget).data('item-title') + '</strong>';
|
|
|
|
if ($(e.relatedTarget).data('item-question')) {
|
|
message = $(e.relatedTarget).data('item-question');
|
|
}
|
|
|
|
$('.debug-url').html(message);
|
|
});
|
|
// End modals
|
|
|
|
// old jquery.menu.js
|
|
$('#navigation a').stop().animate({
|
|
'marginLeft':'50px'
|
|
},1000);
|
|
|
|
$('#navigation div').hover(
|
|
function () {
|
|
$('a',$(this)).stop().animate({
|
|
'marginLeft':'1px'
|
|
},200);
|
|
},
|
|
function () {
|
|
$('a',$(this)).stop().animate({
|
|
'marginLeft':'50px'
|
|
},200);
|
|
}
|
|
);
|
|
|
|
jQuery.fn.filterByText = function (textbox) {
|
|
return this.each(function () {
|
|
var select = this;
|
|
var options = [];
|
|
$(select).find('option').each(function () {
|
|
options.push({value: $(this).val(), text: $(this).text()});
|
|
});
|
|
$(select).data('options', options);
|
|
|
|
$(textbox).bind('change keyup', function () {
|
|
var options = $(select).empty().data('options');
|
|
var search = $.trim($(this).val());
|
|
var regex = new RegExp(search, "gi");
|
|
|
|
$.each(options, function (i) {
|
|
var option = options[i];
|
|
if (option.text.match(regex) !== null) {
|
|
$(select).append(
|
|
$('<option>').text(option.text).val(option.value)
|
|
);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
};
|
|
|
|
$(".black-shadow").mouseenter(function () {
|
|
$(this).addClass('hovered-course');
|
|
}).mouseleave(function () {
|
|
$(this).removeClass('hovered-course');
|
|
});
|
|
|
|
$("[data-toggle=popover]").each(function (i, obj) {
|
|
$(this).popover({
|
|
html: true,
|
|
content: function () {
|
|
var id = $(this).attr('id');
|
|
|
|
return $('#popover-content-' + id).html();
|
|
}
|
|
});
|
|
});
|
|
|
|
// Date time settings.
|
|
//moment.locale(locale);
|
|
//$.datepicker.setDefaults($.datepicker.regional[locale]);
|
|
//$.datepicker.regional["local"] = $.datepicker.regional[locale];
|
|
|
|
// Chosen select
|
|
// $(".chzn-select").chosen({
|
|
// disable_search_threshold: 10,
|
|
// /*no_results_text: '{{ 'SearchNoResultsFound' | get_lang | escape('js') }}',
|
|
// placeholder_text_multiple: '{{ 'SelectSomeOptions' | get_lang | escape('js') }}',
|
|
// placeholder_text_single: '{{ 'SelectAnOption' | get_lang | escape('js') }}',*/
|
|
// width: "100%"
|
|
// });
|
|
|
|
// Bootstrap tabs.
|
|
/*$('.tab_wrapper .nav a').on('click', function (e) {
|
|
e.preventDefault()
|
|
$(this).tab('show')
|
|
});*/
|
|
|
|
// Fixes bug when loading links inside a tab.
|
|
//$('.tab_wrapper .tab-pane a').unbind();
|
|
|
|
/**
|
|
* Advanced options
|
|
* Usage
|
|
* <a id="link" href="url">Advanced</a>
|
|
* <div id="link_options">
|
|
* hidden content :)
|
|
* </div>
|
|
* */
|
|
$(".advanced_options").on("click", function (event) {
|
|
event.preventDefault();
|
|
var id = $(this).attr('id') + '_options';
|
|
|
|
$("#" + id).toggle();
|
|
if ($("#card-container").height() > 700) {
|
|
$("#card-container").css("height", "auto");
|
|
} else {
|
|
$("#card-container").css("height", "100vh");
|
|
}
|
|
|
|
if ($("#column-left").hasClass("col-md-12")) {
|
|
$("#column-left").removeClass('col-md-12');
|
|
$("#column-right").removeClass('col-md-12');
|
|
$("#column-right").addClass('col-md-4');
|
|
$("#column-left").addClass('col-md-8');
|
|
} else {
|
|
$("#column-left").removeClass('col-md-8');
|
|
$("#column-right").removeClass('col-md-4');
|
|
$("#column-left").addClass('col-md-12');
|
|
$("#column-right").addClass('col-md-12');
|
|
}
|
|
if ($("#preview_course_add_course").length >= 0) {
|
|
$("#preview_course_add_course").toggle();
|
|
}
|
|
});
|
|
|
|
/**
|
|
* <a class="advanced_options_open" href="http://" rel="div_id">Open</a>
|
|
* <a class="advanced_options_close" href="http://" rel="div_id">Close</a>
|
|
* <div id="div_id">Div content</div>
|
|
* */
|
|
$(".advanced_options_open").on("click", function (event) {
|
|
event.preventDefault();
|
|
var id = $(this).attr('rel');
|
|
$("#" + id).show();
|
|
});
|
|
|
|
$(".advanced_options_close").on("click", function (event) {
|
|
event.preventDefault();
|
|
var id = $(this).attr('rel');
|
|
$("#" + id).hide();
|
|
});
|
|
|
|
// Adv multi-select search input.
|
|
$('.select_class_filter').each(function () {
|
|
var inputId = $(this).attr('id');
|
|
inputId = inputId.replace('-filter', '');
|
|
$("#" + inputId).filterByText($("#" + inputId + "-filter"));
|
|
});
|
|
|
|
// Mediaelement
|
|
//if ( {{ show_media_element }} == 1) {
|
|
// $('video:not(.skip), audio:not(.skip)').mediaelementplayer({
|
|
// pluginPath: _p.web + 'web/assets/mediaelement/build/',
|
|
// //renderers: ['html5', 'flash_video', 'native_flv'],
|
|
// features: ['{{ video_features }}'],
|
|
// success: function(mediaElement, originalNode, instance) {
|
|
// },
|
|
// vrPath: _p.web + 'web/assets/vrview/build/vrview.js'
|
|
// });
|
|
//}
|
|
|
|
// Table highlight.
|
|
$("form .data_table input:checkbox").click(function () {
|
|
if ($(this).is(":checked")) {
|
|
$(this).parentsUntil("tr").parent().addClass("row_selected");
|
|
} else {
|
|
$(this).parentsUntil("tr").parent().removeClass("row_selected");
|
|
}
|
|
});
|
|
|
|
// Tool tip (in exercises)
|
|
var tip_options = {
|
|
placement: 'right'
|
|
};
|
|
//$('.boot-tooltip').tooltip(tip_options);
|
|
});
|
|
|
|
$(document).scroll(function () {
|
|
var valor = $('body').outerHeight() - 700;
|
|
if ($(this).scrollTop() > 100) {
|
|
$('.bottom_actions').addClass('bottom_actions_fixed');
|
|
} else {
|
|
$('.bottom_actions').removeClass('bottom_actions_fixed');
|
|
}
|
|
|
|
if ($(this).scrollTop() > valor) {
|
|
$('.bottom_actions').removeClass('bottom_actions_fixed');
|
|
} else {
|
|
$('.bottom_actions').addClass('bottom_actions_fixed');
|
|
}
|
|
|
|
// Exercise warning fixed at the top.
|
|
var fixed = $("#exercise_clock_warning");
|
|
if (fixed.length) {
|
|
if (!fixed.attr('data-top')) {
|
|
// If already fixed, then do nothing
|
|
if (fixed.hasClass('subnav-fixed')) return;
|
|
// Remember top position
|
|
var offset = fixed.offset();
|
|
fixed.attr('data-top', offset.top);
|
|
fixed.css('width', '100%');
|
|
}
|
|
|
|
if (fixed.attr('data-top') - fixed.outerHeight() <= $(this).scrollTop()) {
|
|
fixed.addClass('navbar-fixed-top');
|
|
fixed.css('width', '100%');
|
|
} else {
|
|
fixed.removeClass('navbar-fixed-top');
|
|
fixed.css('width', '100%');
|
|
}
|
|
}
|
|
|
|
// Admin -> Settings toolbar.
|
|
if ($('body').width() > 959) {
|
|
if ($('.new_actions').length) {
|
|
if (!$('.new_actions').attr('data-top')) {
|
|
// If already fixed, then do nothing
|
|
if ($('.new_actions').hasClass('new_actions-fixed')) return;
|
|
// Remember top position
|
|
var offset = $('.new_actions').offset();
|
|
|
|
var more_top = 0;
|
|
if ($('.subnav').hasClass('new_actions-fixed')) {
|
|
more_top = 50;
|
|
}
|
|
$('.new_actions').attr('data-top', offset.top + more_top);
|
|
}
|
|
// Check if the height is enough before fixing the icons menu (or otherwise removing it)
|
|
// Added a 30px offset otherwise sometimes the menu plays ping-pong when scrolling to
|
|
// the bottom of the page on short pages.
|
|
if ($('.new_actions').attr('data-top') - $('.new_actions').outerHeight() <= $(this).scrollTop() + 30) {
|
|
$('.new_actions').addClass('new_actions-fixed');
|
|
} else {
|
|
$('.new_actions').removeClass('new_actions-fixed');
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
function get_url_params(q, attribute)
|
|
{
|
|
var hash;
|
|
if (q != undefined) {
|
|
q = q.split('&');
|
|
for (var i = 0; i < q.length; i++) {
|
|
hash = q[i].split('=');
|
|
if (hash[0] == attribute) {
|
|
return hash[1];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function setCheckbox(value, table_id)
|
|
{
|
|
var checkboxes = $("#" + table_id + " input:checkbox");
|
|
$.each(checkboxes, function (index, checkbox) {
|
|
checkbox.checked = value;
|
|
if (value) {
|
|
$(checkbox).parentsUntil("tr").parent().addClass("row_selected");
|
|
} else {
|
|
$(checkbox).parentsUntil("tr").parent().removeClass("row_selected");
|
|
}
|
|
});
|
|
|
|
return false;
|
|
}
|
|
|
|
function action_click(element, table_id)
|
|
{
|
|
var d = $("#" + table_id);
|
|
if (!confirm('ConfirmYourChoice')) {
|
|
//if (!confirm('{{ "ConfirmYourChoice"|get_lang }}')) {
|
|
return false;
|
|
} else {
|
|
var action = $(element).attr("data-action");
|
|
$('#' + table_id + ' input[name="action"] ').attr("value", action);
|
|
d.submit();
|
|
|
|
return false;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Generic function to replace the deprecated jQuery toggle function
|
|
* @param inId : id of block to hide / unhide
|
|
* @param inIdTxt : id of the button
|
|
* @param inTxtHide : text one of the button
|
|
* @param inTxtUnhide : text two of the button
|
|
* @todo : allow to detect if text is from a button or from a <a>
|
|
*/
|
|
function hideUnhide(inId, inIdTxt, inTxtHide, inTxtUnhide)
|
|
{
|
|
if ($('#'+inId).css("display") == "none") {
|
|
$('#'+inId).show(400);
|
|
$('#'+inIdTxt).attr("value", inTxtUnhide);
|
|
} else {
|
|
$('#'+inId).hide(400);
|
|
$('#'+inIdTxt).attr("value", inTxtHide);
|
|
}
|
|
}
|
|
|
|
function expandColumnToggle(buttonSelector, col1Info, col2Info)
|
|
{
|
|
$(buttonSelector).on('click', function (e) {
|
|
e.preventDefault();
|
|
|
|
col1Info = $.extend({
|
|
selector: '',
|
|
width: 4
|
|
}, col1Info);
|
|
col2Info = $.extend({
|
|
selector: '',
|
|
width: 8
|
|
}, col2Info);
|
|
|
|
if (!col1Info.selector || !col2Info.selector) {
|
|
return;
|
|
}
|
|
|
|
var col1 = $(col1Info.selector),
|
|
col2 = $(col2Info.selector);
|
|
|
|
$('#expand').toggleClass('hide');
|
|
$('#contract').toggleClass('hide');
|
|
|
|
if (col2.is('.col-md-' + col2Info.width)) {
|
|
col2.removeClass('col-md-' + col2Info.width).addClass('col-md-12');
|
|
col1.removeClass('col-md-' + col1Info.width).addClass('hide');
|
|
|
|
return;
|
|
}
|
|
|
|
col2.removeClass('col-md-12').addClass('col-md-' + col2Info.width);
|
|
col1.removeClass('hide').addClass('col-md-' + col1Info.width);
|
|
});
|
|
}
|
|
|
|
function addMainEvent(elm, evType, fn, useCapture)
|
|
{
|
|
if (elm.addEventListener) {
|
|
elm.addEventListener(evType, fn, useCapture);
|
|
|
|
return true;
|
|
} else if (elm.attachEvent) {
|
|
elm.attachEvent('on' + evType, fn);
|
|
} else {
|
|
elm['on'+evType] = fn;
|
|
}
|
|
}
|
|
|
|
function copyTextToClipBoard(elementId)
|
|
{
|
|
/* Get the text field */
|
|
var copyText = document.getElementById(elementId);
|
|
|
|
/* Select the text field */
|
|
copyText.select();
|
|
|
|
/* Copy the text inside the text field */
|
|
document.execCommand('copy');
|
|
}
|
|
|
|
function toggleModal(modalID)
|
|
{
|
|
document.getElementById(modalID).classList.toggle("hidden");
|
|
document.getElementById(modalID + "-backdrop").classList.toggle("hidden");
|
|
document.getElementById(modalID).classList.toggle("flex");
|
|
document.getElementById(modalID + "-backdrop").classList.toggle("flex");
|
|
}
|
|
|
|
// Expose functions to be use inside chamilo.
|
|
// @todo check if there's a better way to expose functions.
|
|
window.expandColumnToggle = expandColumnToggle;
|
|
window.get_url_params = get_url_params;
|
|
window.setCheckbox = setCheckbox;
|
|
window.action_click = action_click;
|
|
window.hideUnhide = hideUnhide;
|
|
window.addMainEvent = addMainEvent;
|
|
//window.showTemplates = showTemplates;
|
|
|