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) { $('form').on('click', '.toggle-input', function(event) {
event.preventDefault(); event.preventDefault();
if (!$(this).hasClass('disabled')) { if (!$(this).hasClass('disabled')) {
$(this).hide();
var parent = $(this).parents('.form-group'); var parent = $(this).parents('.form-group');
var original_input = parent.find('input:not(disabled), select:not(disabled), textarea:not(disabled), .chosen-container'); var original_input = parent.find('.original-input');
original_input.attr('disabled', true);
original_input.hide();
var alternative_input = parent.find('.alternative-input'); var alternative_input = parent.find('.alternative-input');
alternative_input.attr('disabled', false);
alternative_input.show(); if (alternative_input.attr('disabled')) {
alternative_input.trigger('click'); $(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();
}
} }
}); });

4
app/views/execution_environments/_form.html.slim
View File

@ -9,8 +9,8 @@
.form-group .form-group
= f.label(:docker_image) = f.label(:docker_image)
|   |  
a.toggle-input href='#' = t('shared.new') a.toggle-input data={text_initial: t('shared.new'), text_toggled: t('shared.back')} href='#' = t('shared.new')
= f.select(:docker_image, @docker_images, {}, class: 'form-control') .original-input = f.select(:docker_image, @docker_images, {}, class: 'form-control')
= f.text_field(:docker_image, class: 'alternative-input form-control', disabled: true) = f.text_field(:docker_image, class: 'alternative-input form-control', disabled: true)
.help-block == t('.hints.docker_image') .help-block == t('.hints.docker_image')
.form-group .form-group

4
app/views/exercises/_code_field.html.slim
View File

@ -1,6 +1,6 @@
.form-group class="form-group-#{attribute.to_s.gsub('_', '-')}" .form-group class="form-group-#{attribute.to_s.gsub('_', '-')}"
= form.label(attribute, label) = form.label(attribute, label)
|   |  
a.toggle-input href='#' = t('shared.upload_file') a.toggle-input data={text_initial: t('shared.upload_file'), text_toggled: t('shared.back')} href='#' = t('shared.upload_file')
= form.text_area(attribute, class: 'code-field form-control', rows: 16) = form.text_area(attribute, class: 'code-field form-control original-input', rows: 16)
= form.file_field(attribute, class: 'alternative-input form-control', disabled: true) = form.file_field(attribute, class: 'alternative-input form-control', disabled: true)

1
config/locales/de.yml
View File

@ -283,6 +283,7 @@ de:
administration: Administration administration: Administration
already_signed_in: Sie sind bereits angemeldet. already_signed_in: Sie sind bereits angemeldet.
apply_filters: Filter anwenden apply_filters: Filter anwenden
back: Zurück
batch_update: Batch-Update batch_update: Batch-Update
confirm_destroy: Sind Sie sicher? confirm_destroy: Sind Sie sicher?
create: '%{model} erstellen' create: '%{model} erstellen'

1
config/locales/en.yml
View File

@ -283,6 +283,7 @@ en:
administration: Administration administration: Administration
already_signed_in: You are already signed in. already_signed_in: You are already signed in.
apply_filters: Apply filters apply_filters: Apply filters
back: Back
batch_update: Batch Update batch_update: Batch Update
confirm_destroy: Are you sure? confirm_destroy: Are you sure?
create: 'Create %{model}' create: 'Create %{model}'