1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
this.jetpackModules = this.jetpackModules || {};
window.jetpackModules.views = ( function( window, $, _, Backbone, wp ) {
'use strict';
var views = {};
views.List_Table = Backbone.View.extend( {
template: wp.template( 'Jetpack_Modules_List_Table_Template' ),
/**
* If we can, use replaceState to change the URL and indicate the new filtering.
* This will be handy with redirecting back to the same state after activating/deactivating.
*/
updateUrl: function() {
if ( ! window.history.replaceState ) {
return;
}
var url = window.location.href.split( '?' )[ 0 ] + '?page=jetpack_modules',
m_tag = $( '.subsubsub .current' ),
m_filter = $( '.button-group.filter-active .active' ),
m_sort = $( '.button-group.sort .active' ),
m_search = $( '#srch-term-search-input' ).val();
if ( m_search.length ) {
url += '&s=' + encodeURIComponent( m_search );
}
if ( ! m_tag.hasClass( 'all' ) ) {
url += '&module_tag=' + encodeURIComponent( m_tag.data( 'title' ) );
}
if ( m_filter.data( 'filter-by' ) ) {
url +=
'&' +
encodeURIComponent( m_filter.data( 'filter-by' ) ) +
'=' +
encodeURIComponent( m_filter.data( 'filter-value' ) );
}
if ( 'name' !== m_sort.data( 'sort-by' ) ) {
url += '&sort_by=' + encodeURIComponent( m_sort.data( 'sort-by' ) );
}
window.history.replaceState( {}, '', url );
},
render: function() {
this.model.filter_and_sort();
this.$el.html( this.template( this.model.attributes ) );
this.updateUrl();
return this;
},
initialize: function() {
this.listenTo( this.model, 'change', this.render );
},
} );
return views;
} )( this, jQuery, _, Backbone, wp );
|