htwkmooc/codeocean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improvements for togglable form inputs

Browse Source
This commit is contained in:
Hauke Klement
2015-03-12 17:57:15 +01:00
parent ad7d96b1b0
commit 612d226588
5 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/assets/javascripts/forms.js
View File

@ -7,16 +7,21 @@ $(function() {
$('form').on('click', '.toggle-input', function(event) {
event.preventDefault();
if (!$(this).hasClass('disabled')) {
$(this).hide();
var parent = $(this).parents('.form-group');
var original_input = parent.find('input:not(disabled), select:not(disabled), textarea:not(disabled), .chosen-container');
original_input.attr('disabled', true);
original_input.hide();
var original_input = parent.find('.original-input');
var alternative_input = parent.find('.alternative-input');
alternative_input.attr('disabled', false);
alternative_input.show();
alternative_input.trigger('click');
if (alternative_input.attr('disabled')) {
$(this).text($(this).data('text-toggled'));
original_input.attr('disabled', true).hide();
alternative_input.attr('disabled', false).show();
} else {
$(this).text($(this).data('text-initial'));
alternative_input.attr('disabled', true).hide();
original_input.attr('disabled', false).show();
}
}
});