2015-06-23 23:23:25 -04:00
|
|
|
# Requires Input behavior
|
|
|
|
|
#
|
|
|
|
|
# When called on a form with input fields with the `required` attribute, the
|
|
|
|
|
# form's submit button will be disabled until all required fields have values.
|
|
|
|
|
#
|
|
|
|
|
#= require extensions/jquery
|
|
|
|
|
#
|
|
|
|
|
# ### Example Markup
|
|
|
|
|
#
|
|
|
|
|
# <form class="js-requires-input">
|
|
|
|
|
# <input type="text" required="required">
|
|
|
|
|
# <input type="submit" value="Submit">
|
|
|
|
|
# </form>
|
|
|
|
|
#
|
|
|
|
|
$.fn.requiresInput = ->
|
|
|
|
|
$form = $(this)
|
|
|
|
|
$button = $('button[type=submit], input[type=submit]', $form)
|
|
|
|
|
|
|
|
|
|
required = '[required=required]'
|
|
|
|
|
fieldSelector = "input#{required}, select#{required}, textarea#{required}"
|
|
|
|
|
|
|
|
|
|
requireInput = ->
|
|
|
|
|
# Collect the input values of *all* required fields
|
|
|
|
|
values = _.map $(fieldSelector, $form), (field) -> field.value
|
|
|
|
|
|
|
|
|
|
# Disable the button if any required fields are empty
|
|
|
|
|
if values.length && _.any(values, _.isEmpty)
|
|
|
|
|
$button.disable()
|
|
|
|
|
else
|
|
|
|
|
$button.enable()
|
|
|
|
|
|
|
|
|
|
# Set initial button state
|
|
|
|
|
requireInput()
|
|
|
|
|
|
|
|
|
|
$form.on 'change input', fieldSelector, requireInput
|
|
|
|
|
|
2015-10-05 18:03:14 -04:00
|
|
|
$ ->
|
2016-04-12 09:41:34 -04:00
|
|
|
$form = $('form.js-requires-input')
|
|
|
|
|
$form.requiresInput()
|
|
|
|
|
|
|
|
|
|
# Hide or Show the help block when creating a new project
|
|
|
|
|
# based on the option selected
|
|
|
|
|
hideOrShowHelpBlock = (form) ->
|
|
|
|
|
selected = $('.js-select-namespace option:selected')
|
|
|
|
|
if selected.length and selected.data('options-parent') is 'groups'
|
|
|
|
|
return form.find('.help-block').hide()
|
|
|
|
|
else if selected.length
|
|
|
|
|
form.find('.help-block').show()
|
|
|
|
|
|
|
|
|
|
hideOrShowHelpBlock($form)
|
|
|
|
|
|
|
|
|
|
$('.select2.js-select-namespace').change -> hideOrShowHelpBlock($form)
|
