Move js code into 2 separate files see #7807
Julio Montoya
11 years ago
parent
5b0b4ef7d4
commit
c65dbc3782
@ -0,0 +1,111 @@ |
||||
<script> |
||||
$("form").on("click", ' .advanced_parameters', function() { |
||||
/*var id = $(this).attr('id') + '_options'; |
||||
console.log(id); |
||||
$("#"+id).toggleClass('active'); |
||||
var button = $(this); |
||||
$("#"+id).toggle(function() { |
||||
$("#"+id).toggleClass('active'); |
||||
});*/ |
||||
}); |
||||
|
||||
/* Makes row highlighting possible */ |
||||
$(document).ready( function() { |
||||
// 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 }}', |
||||
placeholder_text_multiple: '{{ 'SelectSomeOptions' | get_lang }}', |
||||
placeholder_text_single: '{{ 'SelectAnOption' | get_lang }}', |
||||
width: "100%" |
||||
}); |
||||
|
||||
// Bootstrap tabs. |
||||
$('.tab-wrapper a').click(function (e) { |
||||
e.preventDefault(); |
||||
$(this).tab('show'); |
||||
|
||||
//$('#tabs a:first').tab('show') // Select first tab |
||||
}); |
||||
|
||||
// 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'; |
||||
var button = $(this); |
||||
button.toggleClass('active'); |
||||
$("#" + id).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').on('focus', function () { |
||||
var inputId = $(this).attr('id'); |
||||
inputId = inputId.replace('-filter', ''); |
||||
$("#" + inputId).filterByText($("#" + inputId + "-filter")); |
||||
}); |
||||
|
||||
$(".jp-jplayer audio").addClass('skip'); |
||||
|
||||
// Mediaelement |
||||
jQuery('video:not(.skip), audio:not(.skip)').mediaelementplayer(/* Options */); |
||||
|
||||
// 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"); |
||||
} |
||||
}); |
||||
|
||||
/* For non HTML5 browsers */ |
||||
if ($("#formLogin".length > 1)) { |
||||
$("input[name=login]").focus(); |
||||
} |
||||
|
||||
/* For IOS users */ |
||||
$('.autocapitalize_off').attr('autocapitalize', 'off'); |
||||
|
||||
// Tool tip (in exercises) |
||||
var tip_options = { |
||||
placement: 'right' |
||||
}; |
||||
$('.boot-tooltip').tooltip(tip_options); |
||||
}); |
||||
|
||||
|
||||
|
||||
</script> |
||||
@ -0,0 +1,425 @@ |
||||
<script> |
||||
// External plugins not part of the default Ckeditor package. |
||||
var plugins = [ |
||||
'asciimath', |
||||
'asciisvg', |
||||
'audio', |
||||
//'ckeditor_wiris', |
||||
'dialogui', |
||||
'glossary', |
||||
'leaflet', |
||||
'mapping', |
||||
'maximize', |
||||
'mathjax', |
||||
'oembed', |
||||
'toolbar', |
||||
'toolbarswitch', |
||||
'video', |
||||
'wikilink', |
||||
'wordcount', |
||||
'youtube' |
||||
]; |
||||
|
||||
plugins.forEach(function(plugin) { |
||||
CKEDITOR.plugins.addExternal(plugin, '{{ _p.web_main ~ 'inc/lib/javascript/ckeditor/plugins/' }}' + plugin + '/'); |
||||
}); |
||||
|
||||
/** |
||||
* Function use to load templates in a div |
||||
**/ |
||||
var showTemplates = function (ckeditorName) { |
||||
var editorName = 'content'; |
||||
if (ckeditorName && ckeditorName.length > 0) { |
||||
editorName = ckeditorName; |
||||
} |
||||
CKEDITOR.editorConfig(CKEDITOR.config); |
||||
CKEDITOR.loadTemplates(CKEDITOR.config.templates_files, function (a){ |
||||
var templatesConfig = CKEDITOR.getTemplates("default"); |
||||
|
||||
var $templatesUL = $("<ul>"); |
||||
|
||||
$.each(templatesConfig.templates, function () { |
||||
var template = this; |
||||
var $templateLi = $("<li>"); |
||||
|
||||
var templateHTML = "<img src=\"" + templatesConfig.imagesPath + template.image + "\" ><div>"; |
||||
templateHTML += "<b>" + template.title + "</b>"; |
||||
|
||||
if (template.description) { |
||||
templateHTML += "<div class=description>" + template.description + "</div>"; |
||||
} |
||||
|
||||
templateHTML += "</div>"; |
||||
|
||||
$("<a>", { |
||||
href: "#", |
||||
html: templateHTML, |
||||
click: function (e) { |
||||
e.preventDefault(); |
||||
if (CKEDITOR.instances[editorName]) { |
||||
CKEDITOR.instances[editorName].setData(template.html, function () { |
||||
this.checkDirty(); |
||||
}); |
||||
} |
||||
} |
||||
}).appendTo($templateLi); |
||||
$templatesUL.append($templateLi); |
||||
}); |
||||
$templatesUL.appendTo("#frmModel"); |
||||
}); |
||||
}; |
||||
|
||||
$(document).ready(function(){ |
||||
$("#open-view-list").click(function(){ |
||||
$("#student-list-work").fadeIn(300); |
||||
}); |
||||
$("#closed-view-list").click(function(){ |
||||
$("#student-list-work").fadeOut(300); |
||||
}); |
||||
|
||||
check_brand(); |
||||
//if exists the toolbar admin |
||||
|
||||
if($('#toolbar').length){ |
||||
var heigthToolBar= $('#toolbar').height(); |
||||
$('header').css('margin-top', heigthToolBar+'px'); |
||||
$('#page-back').css('padding-top', heigthToolBar+20+'px'); |
||||
} |
||||
|
||||
// Removes the yellow input in Chrome |
||||
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) { |
||||
$(window).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); |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
$(".accordion_jquery").accordion({ |
||||
autoHeight: false, |
||||
active: false, // all items closed by default |
||||
collapsible: true, |
||||
header: ".accordion-heading" |
||||
}); |
||||
|
||||
// Global popup |
||||
$('body').on('click', 'a.ajax', function(e) { |
||||
e.preventDefault(); |
||||
|
||||
var contentUrl = this.href, |
||||
loadModalContent = $.get(contentUrl), |
||||
self = $(this); |
||||
|
||||
$.when(loadModalContent).done(function(modalContent) { |
||||
var modalDialog = $('#global-modal').find('.modal-dialog'), |
||||
modalSize = self.data('size') || get_url_params(contentUrl, 'modal_size'), |
||||
modalWidth = self.data('width') || get_url_params(contentUrl, 'width'), |
||||
modalTitle = self.data('title') || ' '; |
||||
|
||||
modalDialog.removeClass('modal-lg modal-sm').css('width', ''); |
||||
|
||||
if (modalSize) { |
||||
switch (modalSize) { |
||||
case 'lg': |
||||
modalDialog.addClass('modal-lg'); |
||||
break; |
||||
case 'sm': |
||||
modalDialog.addClass('modal-sm'); |
||||
break; |
||||
} |
||||
} else if (modalWidth) { |
||||
modalDialog.css('width', modalWidth + 'px'); |
||||
} |
||||
|
||||
$('#global-modal').find('.modal-title').text(modalTitle); |
||||
$('#global-modal').find('.modal-body').html(modalContent); |
||||
$('#global-modal').modal('show'); |
||||
}); |
||||
}); |
||||
|
||||
$('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; |
||||
}); |
||||
|
||||
// Global confirmation |
||||
$('.popup-confirmation').on('click', function() { |
||||
showConfirmationPopup(this); |
||||
return false; |
||||
}); |
||||
|
||||
// old jquery.menu.js |
||||
$('#navigation a').stop().animate({ |
||||
'marginLeft':'50px' |
||||
},1000); |
||||
|
||||
$('#navigation > li').hover( |
||||
function () { |
||||
$('a',$(this)).stop().animate({ |
||||
'marginLeft':'1px' |
||||
},200); |
||||
}, |
||||
function () { |
||||
$('a',$(this)).stop().animate({ |
||||
'marginLeft':'50px' |
||||
},200); |
||||
} |
||||
); |
||||
|
||||
/* Make responsive image maps */ |
||||
$('map').imageMapResize(); |
||||
|
||||
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) |
||||
); |
||||
} |
||||
}); |
||||
}); |
||||
}); |
||||
}; |
||||
}); |
||||
|
||||
$(window).resize(function() { |
||||
check_brand(); |
||||
}); |
||||
|
||||
$(document).scroll(function() { |
||||
|
||||
//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('subnav-fixed'); |
||||
fixed.css('width', '100%'); |
||||
} else { |
||||
fixed.removeClass('subnav-fixed'); |
||||
fixed.css('width', '200px'); |
||||
} |
||||
} |
||||
|
||||
// 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); |
||||
} |
||||
|
||||
if ($('.new_actions').attr('data-top') - $('.new_actions').outerHeight() <= $(this).scrollTop()) { |
||||
$('.new_actions').addClass('new_actions-fixed'); |
||||
} else { |
||||
$('.new_actions').removeClass('new_actions-fixed'); |
||||
} |
||||
} |
||||
} |
||||
|
||||
// Bottom actions. |
||||
if ($('.bottom_actions').length) { |
||||
if (!$('.bottom_actions').attr('data-top')) { |
||||
// If already fixed, then do nothing |
||||
if ($('.bottom_actions').hasClass('bottom_actions_fixed')) return; |
||||
|
||||
// Remember top position |
||||
var offset = $('.bottom_actions').offset(); |
||||
$('.bottom_actions').attr('data-top', offset.top); |
||||
} |
||||
|
||||
if ($('.bottom_actions').attr('data-top') > $('body').outerHeight()) { |
||||
if ( ($('.bottom_actions').attr('data-top') - $('body').outerHeight() - $('.bottom_actions').outerHeight()) >= $(this).scrollTop()) { |
||||
$('.bottom_actions').addClass('bottom_actions_fixed'); |
||||
$('.bottom_actions').css("width", "100%"); |
||||
} else { |
||||
$('.bottom_actions').css("width", ""); |
||||
$('.bottom_actions').removeClass('bottom_actions_fixed'); |
||||
} |
||||
} else { |
||||
if ( ($('.bottom_actions').attr('data-top') - $('.bottom_actions').outerHeight()) <= $(this).scrollTop()) { |
||||
$('.bottom_actions').addClass('bottom_actions_fixed'); |
||||
$('.bottom_actions').css("width", "100%"); |
||||
} else { |
||||
$('.bottom_actions').removeClass('bottom_actions_fixed'); |
||||
$('.bottom_actions').css("width", ""); |
||||
} |
||||
} |
||||
} |
||||
}); |
||||
|
||||
function get_url_params(q, attribute) { |
||||
var vars; |
||||
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 check_brand() { |
||||
if ($('.subnav').length) { |
||||
if ($(window).width() >= 969) { |
||||
$('.subnav .brand').hide(); |
||||
} else { |
||||
$('.subnav .brand').show(); |
||||
} |
||||
} |
||||
} |
||||
|
||||
function showConfirmationPopup(obj, urlParam) { |
||||
if (urlParam) { |
||||
url = urlParam |
||||
} else { |
||||
url = obj.href; |
||||
} |
||||
|
||||
var dialog = $("#dialog"); |
||||
if ($("#dialog").length == 0) { |
||||
dialog = $('<div id="dialog" style="display:none">{{ "ConfirmYourChoice" | get_lang }} </div>').appendTo('body'); |
||||
} |
||||
|
||||
var width_value = 350; |
||||
var height_value = 150; |
||||
var resizable_value = true; |
||||
|
||||
var new_param = get_url_params(url, 'width'); |
||||
if (new_param) { |
||||
width_value = new_param; |
||||
} |
||||
|
||||
var new_param = get_url_params(url, 'height') |
||||
if (new_param) { |
||||
height_value = new_param; |
||||
} |
||||
|
||||
var new_param = get_url_params(url, 'resizable'); |
||||
if (new_param) { |
||||
resizable_value = new_param; |
||||
} |
||||
|
||||
// Show dialog |
||||
dialog.dialog({ |
||||
modal : true, |
||||
width : width_value, |
||||
height : height_value, |
||||
resizable : resizable_value, |
||||
buttons: [ |
||||
{ |
||||
text: '{{ 'Yes' | get_lang }}', |
||||
click: function() { |
||||
window.location = url; |
||||
}, |
||||
icons:{ |
||||
primary:'ui-icon-locked' |
||||
} |
||||
}, |
||||
{ |
||||
text: '{{ 'No' | get_lang }}', |
||||
click: function() { $(this).dialog("close"); }, |
||||
icons:{ |
||||
primary:'ui-icon-locked' |
||||
} |
||||
} |
||||
] |
||||
}); |
||||
// prevent the browser to follow the link |
||||
return false; |
||||
} |
||||
|
||||
function setCheckbox(value, table_id) { |
||||
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) { |
||||
d = $("#"+table_id); |
||||
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); |
||||
} |
||||
} |
||||
</script> |
||||
Loading…
Reference in new issue