sortable-table-header component setup
This commit is contained in:
@@ -0,0 +1,55 @@
|
||||
import Ember from 'ember'
|
||||
import layout from '../templates/components/sortable-table-header'
|
||||
|
||||
export default Ember.Component.extend
|
||||
layout: layout
|
||||
tagName: 'th'
|
||||
classNames: ['sortable-table-header']
|
||||
classNameBindings: ['isSortedByKey:sorted', 'sortDirectionClass']
|
||||
filters: Ember.Object.create()
|
||||
tScope: ''
|
||||
direction: 'asc'
|
||||
init: ->
|
||||
@_super arguments...
|
||||
Ember.defineProperty @, 'filter_calls', Ember.computed.alias("filters.filter_calls")
|
||||
|
||||
sortDirectionClass: Ember.computed 'isSortedByKey', ->
|
||||
return false unless @get('isSortedByKey')
|
||||
if @get('direction') is 'desc' then 'descending' else 'ascending'
|
||||
|
||||
|
||||
isSortedByKey: Ember.computed 'filters.s', ->
|
||||
return false unless s = @get('filters.s')
|
||||
if Ember.isArray s
|
||||
return false unless sort_statement = Ember.get(s, 'firstObject')
|
||||
else if typeof s is 'string'
|
||||
sort_statement = s
|
||||
else
|
||||
false
|
||||
[sort_key, direction] = sort_statement.split(/\s+/)
|
||||
direction ||= 'asc'
|
||||
@set 'direction', direction
|
||||
sort_key is @get('key')
|
||||
|
||||
headerContent: Ember.computed 'key', 'tScope', ->
|
||||
return '?' unless key = @get('key')
|
||||
if t_scope = @get('tScope')
|
||||
t key, scope: t_scope
|
||||
else
|
||||
key.replace(/[_\W]+/g, ' ').capitalize()
|
||||
|
||||
click: ->
|
||||
return unless key = @get('key')
|
||||
if isSortedByKey = @get('isSortedByKey')
|
||||
if @get('direction') is 'asc'
|
||||
@set 'filters.s', "#{key} desc"
|
||||
else
|
||||
@set 'filters.s', "#{key} asc"
|
||||
else
|
||||
default_direction = if key.match /date/ then 'desc' else 'asc'
|
||||
@set 'filters.s', "#{key} #{default_direction}"
|
||||
#debugger
|
||||
#@get('afterburn')() # call action if given
|
||||
@get('model')?.reload?()
|
||||
#@sendAction 'action'
|
||||
#@get('filters.reload')() if typeof @get('filters.reload') is 'function'
|
||||
@@ -0,0 +1,4 @@
|
||||
if hasBlock
|
||||
= yield
|
||||
else
|
||||
= headerContent
|
||||
@@ -10,11 +10,14 @@ export default PagedRemoteArray.extend
|
||||
@otherParams['q'] = query
|
||||
#@setOtherParam('q', query) # explicitly not, init does not trigger operational callbacks
|
||||
@_super arguments...
|
||||
|
||||
reload: ->
|
||||
query = @get('filters')?.toProperties() || {}
|
||||
@incrementProperty('filters.filter_calls')
|
||||
@set 'page', 1
|
||||
@set 'lastPage', null
|
||||
@setOtherParam('q', query)
|
||||
|
||||
paramMapping:
|
||||
total_pages: 'total-pages'
|
||||
total_count: 'total-count'
|
||||
|
||||
Reference in New Issue
Block a user