f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-16 19:02:40 +00:00
Code Wiki Activity

Expand updateUrl function

Browse Source
This commit is contained in:
G.Ambatte
2022-09-01 23:03:33 +12:00
parent 98e2d57691
commit 80428fc412
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
client/homebrew/pages/basePages/listPage/listPage.jsx
View File

@@ -22,9 +22,9 @@ const ListPage = createClass({
}, },
getInitialState : function() { getInitialState : function() {
return { return {
sortType : 'alpha',
sortDir : 'asc',
filterString : this.props.query?.filter || '', filterString : this.props.query?.filter || '',
sortType : this.props.query?.sort || 'alpha',
sortDir : this.props.query?.dir || 'asc',
query : this.props.query query : this.props.query
}; };
}, },
@@ -50,14 +50,18 @@ const ListPage = createClass({
}, },
handleSortOptionChange : function(event){ handleSortOptionChange : function(event){
this.updateUrl(this.state.filterString, event.target.value, this.state.sortDir);
this.setState({ this.setState({
sortType : event.target.value sortType : event.target.value
}); });
}, },
handleSortDirChange : function(event){ handleSortDirChange : function(event){
const newDir = this.state.sortDir == 'asc' ? 'desc' : 'asc';
this.updateUrl(this.state.filterString, this.state.sortType, newDir);
this.setState({ this.setState({
sortDir : `${(this.state.sortDir == 'asc' ? 'desc' : 'asc')}` sortDir : newDir
}); });
}, },
@@ -77,19 +81,22 @@ const ListPage = createClass({
this.setState({ this.setState({
filterString : e.target.value, filterString : e.target.value,
}); });
this.updateUrl(e.target.value); this.updateUrl(e.target.value, this.state.sortType, this.state.sortDir);
return; return;
}, },
updateUrl : function(filterTerm){ updateUrl : function(filterTerm, sortType, sortDir){
const url = new URL(window.location.href); const url = new URL(window.location.href);
const urlParams = new URLSearchParams(url.search); const urlParams = new URLSearchParams(url.search);
if(urlParams.get('filter') == filterTerm)
return; urlParams.set('sort', sortType);
urlParams.set('dir', sortDir);
if(!filterTerm) if(!filterTerm)
urlParams.delete('filter'); urlParams.delete('filter');
else else
urlParams.set('filter', filterTerm); urlParams.set('filter', filterTerm);
url.search = urlParams; url.search = urlParams;
window.history.replaceState(null, null, url); window.history.replaceState(null, null, url);
}, },