Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Added loader icon.

Browse source
This commit is contained in:
Martin Edenhofer 2015-09-30 15:55:26 +02:00
parent acacee59e2
commit b6dd55b8bf
2 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
app/assets/javascripts/app/controllers/_ui_element/ticket_selector.coffee
View file

@ -130,20 +130,21 @@ class App.UiElement.ticket_selector
elementLast.after(elementClone) elementLast.after(elementClone)
item.find('.js-filterElement').first().remove() item.find('.js-filterElement').first().remove()
triggerSearch = ->
item.find('.js-previewCounterContainer').addClass('hide')
item.find('.js-previewLoader').removeClass('hide')
App.Delay.set(
search,
600,
'preview',
)
# bind for preview # bind for preview
item.on('change', 'select.form-control', (e) -> item.on('change', 'select.form-control', (e) ->
App.Delay.set( triggerSearch()
search,
600,
'preview',
)
) )
item.on('change keyup', 'input.form-control', (e) -> item.on('change keyup', 'input.form-control', (e) ->
App.Delay.set( triggerSearch()
search,
600,
'preview',
)
) )
item item
@ -160,6 +161,8 @@ class App.UiElement.ticket_selector
processData: true, processData: true,
success: (data, status, xhr) => success: (data, status, xhr) =>
App.Collection.loadAssets( data.assets ) App.Collection.loadAssets( data.assets )
item.find('.js-previewCounterContainer').removeClass('hide')
item.find('.js-previewLoader').addClass('hide')
@ticketTable(data.ticket_ids, data.ticket_count, item) @ticketTable(data.ticket_ids, data.ticket_count, item)
) )

2
app/assets/javascripts/app/views/generic/ticket_selector.jst.eco
View file

@ -25,6 +25,6 @@
</div> </div>
</div> </div>
<div class="js-preview"> <div class="js-preview">
<h3><%- @T('Preview') %><span class="subtitle"> <span class="u-highlight js-previewCounter">?</span> <%- @T('matches') %></span></h3> <h3><%- @T('Preview') %><span class="subtitle js-previewCounterContainer hide"> <span class="u-highlight js-previewCounter">?</span> <%- @T('matches') %></span> <span class="tiny loading icon js-previewLoader hide" style="margin-left: 3px;"></span></h3>
<div class="js-previewTable"></div> <div class="js-previewTable"></div>
</div> </div>