mirror of
https://github.com/internetee/registry.git
synced 2025-07-24 19:48:28 +02:00
Client side validations
This commit is contained in:
parent
e987e201ad
commit
b51310062d
53 changed files with 503 additions and 305 deletions
66
app/assets/javascripts/admin/autocomplete.js.coffee
Normal file
66
app/assets/javascripts/admin/autocomplete.js.coffee
Normal file
|
@ -0,0 +1,66 @@
|
|||
class @Autocomplete
|
||||
@bindTypeahead: (obj) ->
|
||||
Autocomplete.toggleOkFeedbacksOnLoad(obj)
|
||||
# Autocomplete.toggleOkFeedback(obj.hiddenSelector)
|
||||
$(obj.selector).typeahead(
|
||||
highlight: true,
|
||||
hint: false
|
||||
,
|
||||
displayKey: "display_key"
|
||||
source: Autocomplete.constructSourceAdapter(obj.remote)
|
||||
).on('typeahead:selected', (e, item) ->
|
||||
parent = $(e.currentTarget).parents('div.js-typeahead-container')
|
||||
jObj = parent.find(obj.hiddenSelector).val item.id
|
||||
Autocomplete.toggleOkFeedback(jObj)
|
||||
)
|
||||
|
||||
@constructSourceAdapter: (remote) ->
|
||||
source = new Bloodhound(
|
||||
datumTokenizer: (d) ->
|
||||
Bloodhound.tokenizers.whitespace d.display_key
|
||||
|
||||
queryTokenizer: Bloodhound.tokenizers.whitespace
|
||||
remote: "#{remote}?q=%QUERY"
|
||||
)
|
||||
|
||||
source.initialize()
|
||||
source.ttAdapter()
|
||||
|
||||
@toggleOkFeedback: (jObj) ->
|
||||
ok = jObj.parents('div.js-typeahead-container').find('.js-typeahead-ok')
|
||||
remove = jObj.parents('div.js-typeahead-container').find('.js-typeahead-remove')
|
||||
|
||||
if jObj.val()
|
||||
ok.removeClass('hidden')
|
||||
remove.addClass('hidden')
|
||||
else
|
||||
remove.removeClass('hidden')
|
||||
ok.addClass('hidden')
|
||||
|
||||
@toggleOkFeedbacksOnLoad: (obj) ->
|
||||
$.each $(obj.hiddenSelector), (k, v) ->
|
||||
Autocomplete.toggleOkFeedback($(v))
|
||||
|
||||
@bindAdminContactSearch: ->
|
||||
Autocomplete.bindTypeahead
|
||||
remote: '/admin/contacts/search'
|
||||
selector: '.js-contact-typeahead'
|
||||
hiddenSelector: '.js-contact-id'
|
||||
|
||||
@bindAdminRegistrarSearch: ->
|
||||
Autocomplete.bindTypeahead
|
||||
remote: '/admin/registrars/search'
|
||||
selector: '.js-registrar-typeahead'
|
||||
hiddenSelector: '.js-registrar-id'
|
||||
|
||||
@bindClientContactSearch: ->
|
||||
Autocomplete.bindTypeahead
|
||||
remote: '/client/contacts/search'
|
||||
selector: '.js-contact-typeahead'
|
||||
hiddenSelector: '.js-contact-id'
|
||||
|
||||
@bindClientRegistrarSearch: ->
|
||||
Autocomplete.bindTypeahead
|
||||
remote: '/client/registrars/search'
|
||||
selector: '.js-registrar-typeahead'
|
||||
hiddenSelector: '.js-registrar-id'
|
Loading…
Add table
Add a link
Reference in a new issue