record sord type&order (#3133)

frontend/src/pages/groups/group-view.js

@@ -1,6 +1,7 @@
 import React,{ Fragment } from 'react';
 import { Popover } from 'reactstrap';
 import PropTypes from 'prop-types';
+import cookie from 'react-cookies';
 import { gettext, siteRoot, username, loginUrl, canAddRepo } from '../../utils/constants';
 import { Link } from '@reach/router';
 import { seafileAPI } from '../../utils/seafile-api';
@@ -42,8 +43,8 @@ class GroupView extends React.Component {
       currentRepo: null,
       isStaff: false,
       isOwner: false,
-      sortBy: 'name', // 'name' or 'time'
+      sortBy: cookie.load('seafile-repo-sort-by') || 'name', // 'name' or 'time'
-      sortOrder: 'asc', // 'asc' or 'desc'
+      sortOrder: cookie.load('seafile-repo-sort-order') || 'asc', // 'asc' or 'desc'
       repoList: [],
       libraryType: 'group',
       isCreateRepoDialogShow: false,
@@ -330,6 +331,8 @@ class GroupView extends React.Component {
   }
 
   sortItems = (sortBy, sortOrder) => {
+    cookie.save('seafile-repo-sort-by', sortBy);
+    cookie.save('seafile-repo-sort-order', sortOrder);
     this.setState({
       sortBy: sortBy,
       sortOrder: sortOrder,

frontend/src/pages/lib-content-view/lib-content-view.js

@@ -64,8 +64,8 @@ class LibContentView extends React.Component {
       isDirentListLoading: true,
       direntList: [],
       isDirentSelected: false,
-      sortBy: 'name', // 'name' or 'time'
+      sortBy: cookie.load('seafile-dir-sort-by') || 'name', // 'name' or 'time'
-      sortOrder: 'asc', // 'asc' or 'desc'
+      sortOrder: cookie.load('seafile-dir-sort-order') || 'asc', // 'asc' or 'desc'
       isAllDirentSelected: false,
       dirID: '',  // for update dir list
       errorMsg: '',
@@ -1164,6 +1164,8 @@ class LibContentView extends React.Component {
   }
 
   sortItems = (sortBy, sortOrder) => {
+    cookie.save('seafile-dir-sort-by', sortBy);
+    cookie.save('seafile-dir-sort-order', sortOrder);
     this.setState({
       sortBy: sortBy,
       sortOrder: sortOrder,

frontend/src/pages/my-libs/my-libs.js

@@ -1,4 +1,5 @@
 import React, { Component, Fragment } from 'react';
+import cookie from 'react-cookies';
 import { seafileAPI } from '../../utils/seafile-api';
 import { gettext, loginUrl} from '../../utils/constants';
 import { Utils } from '../../utils/utils';
@@ -17,8 +18,8 @@ class MyLibraries extends Component {
       isLoading: true,
       repoList: [],
       isShowDetails: false,
-      sortBy: 'name', // 'name' or 'time'
+      sortBy: cookie.load('seafile-repo-sort-by') || 'name', // 'name' or 'time'
-      sortOrder: 'asc' // 'asc' or 'desc'
+      sortOrder: cookie.load('seafile-repo-sort-order') || 'asc', // 'asc' or 'desc'
     };
 
     this.emptyMessage = (
@@ -80,6 +81,8 @@ class MyLibraries extends Component {
   }
 
   sortRepoList = (sortBy, sortOrder) => {
+    cookie.save('seafile-repo-sort-by', sortBy);
+    cookie.save('seafile-repo-sort-order', sortOrder);
     this.setState({
       sortBy: sortBy,
       sortOrder: sortOrder,

frontend/src/pages/shared-libs/shared-libs.js

@@ -1,6 +1,7 @@
 import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import moment from 'moment';
+import cookie from 'react-cookies';
 import { Link } from '@reach/router';
 import { seafileAPI } from '../../utils/seafile-api';
 import { Utils } from '../../utils/utils';
@@ -292,8 +293,8 @@ class SharedLibraries extends Component {
       loading: true,
       errorMsg: '',
       items: [],
-      sortBy: 'name', // 'name' or 'time'
+      sortBy: cookie.load('seafile-repo-sort-by') || 'name', // 'name' or 'time'
-      sortOrder: 'asc' // 'asc' or 'desc'
+      sortOrder: cookie.load('seafile-repo-sort-order') || 'asc', // 'asc' or 'desc'
     };
   }
 
@@ -332,6 +333,8 @@ class SharedLibraries extends Component {
   }
 
   sortItems = (sortBy, sortOrder) => {
+    cookie.save('seafile-repo-sort-by', sortBy);
+    cookie.save('seafile-repo-sort-order', sortOrder);
     this.setState({
       sortBy: sortBy,
       sortOrder: sortOrder,

frontend/src/pages/shared-with-all/public-shared-view.js

@@ -1,5 +1,6 @@
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
+import cookie from 'react-cookies';
 import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem} from 'reactstrap';
 import { seafileAPI } from '../../utils/seafile-api';
 import { gettext, loginUrl } from '../../utils/constants';
@@ -27,8 +28,8 @@ class PublicSharedView extends React.Component {
       errMessage: '',
       emptyTip: '',
       repoList: [],
-      sortBy: 'name', // 'name' or 'time'
+      sortBy: cookie.load('seafile-repo-sort-by') || 'name', // 'name' or 'time'
-      sortOrder: 'asc', // 'asc' or 'desc'
+      sortOrder: cookie.load('seafile-repo-sort-order') || 'asc', // 'asc' or 'desc'
       libraryType: 'public',
       isCreateMenuShow: false,
       isCreateRepoDialogShow: false,
@@ -148,6 +149,8 @@ class PublicSharedView extends React.Component {
   }
 
   sortItems = (sortBy, sortOrder) => {
+    cookie.save('seafile-repo-sort-by', sortBy);
+    cookie.save('seafile-repo-sort-order', sortOrder);
     this.setState({
       sortBy: sortBy,
       sortOrder: sortOrder,