mirror of
https://github.com/openSUSE/osem.git
synced 2026-08-14 04:04:03 +00:00
922e4934ba
Due to the DOM not being ready when osem.js is executed, the bind statements do not actually bind on the correct elements. We just wrap the binds in a document ready event which allows the elements to fully load and the events to fire correctly. I also bind on more then just keyup, to catch times when people paste content into the field. The input event is only supported by newer browsers, but is entirely a noop for older browsers.
352 lines
12 KiB
JavaScript
352 lines
12 KiB
JavaScript
$(function () {
|
|
|
|
$("#user_biography").bind('keyup', function() {
|
|
word_count(this, 'bio_length', 150);
|
|
} );
|
|
|
|
/**
|
|
* Displays a modal with the questions of the registration.
|
|
*/
|
|
$(document).ready(function(){
|
|
$(".question-btn").click(function(){
|
|
var id = $(this).data('id');
|
|
$("#question-modal-body").empty();
|
|
$("#question-modal-body").html($(".question" + id).clone().show());
|
|
$("#question-modal-header").text('Questions for ' + $(this).data('name'));
|
|
$('#questions').modal('show');
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Toggles email template help below email body textarea field.
|
|
*/
|
|
$(document).ready( function() {
|
|
$(".template-help").hide();
|
|
$(".template_help_link").click(function() {
|
|
var id = $(this).data('name');
|
|
$("#" + id).toggle();
|
|
});
|
|
});
|
|
|
|
$(".select-help-toggle").change(function () {
|
|
var id = $(this).attr('id');
|
|
$('.' + id).collapse('hide');
|
|
|
|
$('#' + $(this).val() + '-help.' + id).collapse('show');
|
|
});
|
|
$('.dropdown-toggle').dropdown();
|
|
|
|
/**
|
|
* Adds the default template as value to the regarding email textarea field.
|
|
*/
|
|
$(".load_template").on('click', function () {
|
|
var template = $(this).data('template');
|
|
var textarea_name = $(this).data('name');
|
|
$('#' + textarea_name).val(template);
|
|
});
|
|
|
|
/**
|
|
* Toggle the required attribute on click on_send_email radio button.
|
|
*/
|
|
$('.send_on_radio').click(function () {
|
|
toggle_required_for_mail_subjects($(this))
|
|
});
|
|
|
|
/**
|
|
* Adds required attribute to on_send_email radio button if necessary.
|
|
*/
|
|
$('.send_on_radio').each(function () {
|
|
toggle_required_for_mail_subjects($(this))
|
|
});
|
|
/**
|
|
* Toggle the required attribute helper function.
|
|
*/
|
|
function toggle_required_for_mail_subjects($this) {
|
|
var name = $this.data('name');
|
|
if ($this.is(':checked')) {
|
|
$('#' + name).prop('required', true);
|
|
} else {
|
|
$('#' + name).removeAttr('required');
|
|
}
|
|
}
|
|
|
|
/**
|
|
/**
|
|
* Opens a prompt with the URL to copy to clipboard.
|
|
* Used in the campaign index view.
|
|
*/
|
|
$('.copyLink').on('click', function(){
|
|
var url = $(this).data('url');
|
|
copyToClipboard(url);
|
|
})
|
|
function copyToClipboard(text) {
|
|
window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
|
|
}
|
|
|
|
/**
|
|
* Toggles the targets on the conference site with a more / less link.
|
|
*/
|
|
$('.show_targets').click(function () {
|
|
if($(this).text().trim() == 'more'){
|
|
$(this).text("less");
|
|
}else{
|
|
$(this).text("more");
|
|
}
|
|
$('#' + $(this).data('name')).toggle();
|
|
});
|
|
|
|
$(".comment-reply-link").click(function(){
|
|
$(".comment-reply", $(this).parent()).toggle();
|
|
return false;
|
|
});
|
|
|
|
$("#event-comment-link").click(function(){
|
|
$("#comments-div").toggle();
|
|
return false;
|
|
});
|
|
|
|
$(".comment-reply").hide();
|
|
$(".user-details-popover").popover();
|
|
$("#comments-div").hide();
|
|
|
|
$('a:contains("Add track")').click(function () {
|
|
setTimeout(function () {
|
|
$("div.nested-fields:last div:nth-of-type(2) input").val(get_color());
|
|
},
|
|
5)
|
|
});
|
|
|
|
$('a:contains("Add difficulty_level")').click(function () {
|
|
setTimeout(function () {
|
|
$("div.nested-fields:last div:nth-of-type(3) input").val(get_color());
|
|
},
|
|
5)
|
|
});
|
|
|
|
$('a:contains("Add event_type")').click(function () {
|
|
setTimeout(function () {
|
|
$("div.nested-fields:last div:nth-of-type(5) input").val(get_color());
|
|
},
|
|
5)
|
|
});
|
|
});
|
|
|
|
function get_color() {
|
|
var colors = ['#000000', '#0000FF', '#00FF00', '#FF0000', '#FFFF00', '#9900CC',
|
|
'#CC0066', '#00FFFF', '#FF00FF', '#C0C0C0', '#00008B', '#FFD700',
|
|
'#FFA500', '#FF1493', '#FF00FF', '#F0FFFF', '#EE82EE', '#D2691E',
|
|
'#C0C0C0', '#A52A2A', '#9ACD32', '#9400D3', '#8B008B', '#8B0000',
|
|
'#87CEEB', '#808080', '#800080', '#008B8B', '#006400'
|
|
];
|
|
return colors[Math.floor(Math.random() * colors.length)];
|
|
}
|
|
|
|
function word_count(text, divId, maxcount) {
|
|
var r = 0;
|
|
var input = text.value.replace(/\s/g,' ');
|
|
var word_array = input.split(' ');
|
|
for (var i=0; i < word_array.length; i++) {
|
|
if (word_array[i].length > 0) r++;
|
|
}
|
|
|
|
$('#' + divId).text(r);
|
|
if (r > maxcount) {
|
|
$('#' + divId).css('color', 'red');
|
|
} else {
|
|
$('#' + divId).css('color', '#333');
|
|
}
|
|
};
|
|
|
|
/* Wait for the DOM to be ready before attaching events to the elements */
|
|
$( document ).ready(function() {
|
|
/* Set the minimum and maximum proposal abstract word length */
|
|
$("#event_event_type_id").change(function () {
|
|
var $selected = $("#event_event_type_id option:selected")
|
|
var max = $selected.data("max-words");
|
|
var min = $selected.data("min-words");
|
|
|
|
$("#abstract-maximum-word-count").text(max);
|
|
$("#abstract-minimum-word-count").text(min);
|
|
word_count($('#event_abstract').get(0), 'abstract-count', max);
|
|
})
|
|
.trigger('change');
|
|
|
|
/* Count the proposal abstract length */
|
|
$("#event_abstract").bind('change keyup paste input', function() {
|
|
var $selected = $("#event_event_type_id option:selected")
|
|
var max = $selected.data("max-words");
|
|
word_count(this, 'abstract-count', max);
|
|
} );
|
|
});
|
|
|
|
/* Set the defaults for DataTables initialisation */
|
|
$.extend( true, $.fn.dataTable.defaults, {
|
|
"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
|
|
"sPaginationType": "bootstrap",
|
|
"oLanguage": {
|
|
"sLengthMenu": "_MENU_ items per page"
|
|
}
|
|
} );
|
|
|
|
/* Default class modification */
|
|
$.extend( $.fn.dataTableExt.oStdClasses, {
|
|
"sWrapper": "dataTables_wrapper form-inline"
|
|
} );
|
|
|
|
/* API method to get paging information */
|
|
$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
|
|
{
|
|
return {
|
|
"iStart": oSettings._iDisplayStart,
|
|
"iEnd": oSettings.fnDisplayEnd(),
|
|
"iLength": oSettings._iDisplayLength,
|
|
"iTotal": oSettings.fnRecordsTotal(),
|
|
"iFilteredTotal": oSettings.fnRecordsDisplay(),
|
|
"iPage": oSettings._iDisplayLength === -1 ?
|
|
0 : Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
|
|
"iTotalPages": oSettings._iDisplayLength === -1 ?
|
|
0 : Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
|
|
};
|
|
};
|
|
|
|
$.fn.dataTableExt.oApi.fnReloadAjax = function ( oSettings, sNewSource, fnCallback, bStandingRedraw )
|
|
{
|
|
if ( typeof sNewSource != 'undefined' && sNewSource != null ) {
|
|
oSettings.sAjaxSource = sNewSource;
|
|
}
|
|
|
|
// Server-side processing should just call fnDraw
|
|
if ( oSettings.oFeatures.bServerSide ) {
|
|
this.fnDraw();
|
|
return;
|
|
}
|
|
|
|
this.oApi._fnProcessingDisplay( oSettings, true );
|
|
var that = this;
|
|
var iStart = oSettings._iDisplayStart;
|
|
var aData = [];
|
|
|
|
this.oApi._fnServerParams( oSettings, aData );
|
|
|
|
oSettings.fnServerData.call( oSettings.oInstance, oSettings.sAjaxSource, aData, function(json) {
|
|
/* Clear the old information from the table */
|
|
that.oApi._fnClearTable( oSettings );
|
|
|
|
/* Got the data - add it to the table */
|
|
var aData = (oSettings.sAjaxDataProp !== "") ?
|
|
that.oApi._fnGetObjectDataFn( oSettings.sAjaxDataProp )( json ) : json;
|
|
|
|
for ( var i=0 ; i<aData.length ; i++ )
|
|
{
|
|
that.oApi._fnAddData( oSettings, aData[i] );
|
|
}
|
|
|
|
oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
|
|
|
|
if ( typeof bStandingRedraw != 'undefined' && bStandingRedraw === true )
|
|
{
|
|
oSettings._iDisplayStart = iStart;
|
|
that.fnDraw( false );
|
|
}
|
|
else
|
|
{
|
|
that.fnDraw();
|
|
}
|
|
|
|
that.oApi._fnProcessingDisplay( oSettings, false );
|
|
|
|
/* Callback user function - for event handlers etc */
|
|
if ( typeof fnCallback == 'function' && fnCallback != null )
|
|
{
|
|
fnCallback( oSettings );
|
|
}
|
|
}, oSettings );
|
|
};
|
|
|
|
/* Bootstrap style pagination control */
|
|
$.extend( $.fn.dataTableExt.oPagination, {
|
|
"bootstrap": {
|
|
"fnInit": function( oSettings, nPaging, fnDraw ) {
|
|
var oLang = oSettings.oLanguage.oPaginate;
|
|
var fnClickHandler = function ( e ) {
|
|
e.preventDefault();
|
|
if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
|
|
fnDraw( oSettings );
|
|
}
|
|
};
|
|
|
|
$(nPaging).addClass('pagination').append(
|
|
'<ul>'+
|
|
'<li class="prev disabled"><a href="#">← '+oLang.sPrevious+'</a></li>'+
|
|
'<li class="next disabled"><a href="#">'+oLang.sNext+' → </a></li>'+
|
|
'</ul>'
|
|
);
|
|
var els = $('a', nPaging);
|
|
$(els[0]).bind( 'click.DT', { action: "previous" }, fnClickHandler );
|
|
$(els[1]).bind( 'click.DT', { action: "next" }, fnClickHandler );
|
|
},
|
|
|
|
"fnUpdate": function ( oSettings, fnDraw ) {
|
|
var iListLength = 5;
|
|
var oPaging = oSettings.oInstance.fnPagingInfo();
|
|
var an = oSettings.aanFeatures.p;
|
|
var i, ien, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
|
|
|
|
if ( oPaging.iTotalPages < iListLength) {
|
|
iStart = 1;
|
|
iEnd = oPaging.iTotalPages;
|
|
}
|
|
else if ( oPaging.iPage <= iHalf ) {
|
|
iStart = 1;
|
|
iEnd = iListLength;
|
|
} else if ( oPaging.iPage >= (oPaging.iTotalPages-iHalf) ) {
|
|
iStart = oPaging.iTotalPages - iListLength + 1;
|
|
iEnd = oPaging.iTotalPages;
|
|
} else {
|
|
iStart = oPaging.iPage - iHalf + 1;
|
|
iEnd = iStart + iListLength - 1;
|
|
}
|
|
|
|
for ( i=0, ien=an.length ; i<ien ; i++ ) {
|
|
// Remove the middle elements
|
|
$('li:gt(0)', an[i]).filter(':not(:last)').remove();
|
|
|
|
// Add the new list items and their event handlers
|
|
for ( j=iStart ; j<=iEnd ; j++ ) {
|
|
sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
|
|
$('<li '+sClass+'><a href="#">'+j+'</a></li>')
|
|
.insertBefore( $('li:last', an[i])[0] )
|
|
.bind('click', function (e) {
|
|
e.preventDefault();
|
|
oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
|
|
fnDraw( oSettings );
|
|
} );
|
|
}
|
|
|
|
// Add / remove disabled classes from the static elements
|
|
if ( oPaging.iPage === 0 ) {
|
|
$('li:first', an[i]).addClass('disabled');
|
|
} else {
|
|
$('li:first', an[i]).removeClass('disabled');
|
|
}
|
|
|
|
if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
|
|
$('li:last', an[i]).addClass('disabled');
|
|
} else {
|
|
$('li:last', an[i]).removeClass('disabled');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} );
|
|
|
|
/* Commodity function for modal windows */
|
|
|
|
window.build_dialog = function(selector, content) {
|
|
// Close it and remove content if it's already open
|
|
$("#" + selector).modal('hide');
|
|
$("#" + selector).remove();
|
|
// Add new content and pops it up
|
|
$("body").append("<div id=\"" + selector + "\" class=\"modal fade\" role=\"dialog\">\n" + content + "</div>");
|
|
$("#" + selector).modal();
|
|
}
|