feat(web): add lint (#875)

* feat: add lint

* feat: fix lint error

* chore: add ignore file

* chore: close indent

web/src/SyncerListPage.js

@@ -14,7 +14,7 @@
 
 import React from "react";
 import {Link} from "react-router-dom";
-import {Button, Popconfirm, Switch, Table} from 'antd';
+import {Button, Popconfirm, Switch, Table} from "antd";
 import moment from "moment";
 import * as Setting from "./Setting";
 import * as SyncerBackend from "./backend/SyncerBackend";
@@ -42,15 +42,15 @@ class SyncerListPage extends BaseListPage {
       avatarBaseUrl: "",
       syncInterval: 10,
       isEnabled: false,
-    }
+    };
   }
 
   addSyncer() {
     const newSyncer = this.newSyncer();
     SyncerBackend.addSyncer(newSyncer)
       .then((res) => {
-          this.props.history.push({pathname: `/syncers/${newSyncer.name}`, mode: "add"});
-        }
+        this.props.history.push({pathname: `/syncers/${newSyncer.name}`, mode: "add"});
+      }
       )
       .catch(error => {
         Setting.showMessage("error", `Syncer failed to add: ${error}`);
@@ -60,12 +60,12 @@ class SyncerListPage extends BaseListPage {
   deleteSyncer(i) {
     SyncerBackend.deleteSyncer(this.state.data[i])
       .then((res) => {
-          Setting.showMessage("success", `Syncer deleted successfully`);
-          this.setState({
-            data: Setting.deleteRow(this.state.data, i),
-            pagination: {total: this.state.pagination.total - 1},
-          });
-        }
+        Setting.showMessage("success", "Syncer deleted successfully");
+        this.setState({
+          data: Setting.deleteRow(this.state.data, i),
+          pagination: {total: this.state.pagination.total - 1},
+        });
+      }
       )
       .catch(error => {
         Setting.showMessage("error", `Syncer failed to delete: ${error}`);
@@ -76,9 +76,9 @@ class SyncerListPage extends BaseListPage {
     this.setState({loading: true});
     SyncerBackend.runSyncer("admin", this.state.data[i].name)
       .then((res) => {
-          this.setState({loading: false});
-          Setting.showMessage("success", `Syncer sync users successfully`);
-        }
+        this.setState({loading: false});
+        Setting.showMessage("success", "Syncer sync users successfully");
+      }
       )
       .catch(error => {
         this.setState({loading: false});
@@ -90,40 +90,40 @@ class SyncerListPage extends BaseListPage {
     const columns = [
       {
         title: i18next.t("general:Organization"),
-        dataIndex: 'organization',
-        key: 'organization',
-        width: '120px',
+        dataIndex: "organization",
+        key: "organization",
+        width: "120px",
         sorter: true,
-        ...this.getColumnSearchProps('organization'),
+        ...this.getColumnSearchProps("organization"),
         render: (text, record, index) => {
           return (
             <Link to={`/organizations/${text}`}>
               {text}
             </Link>
-          )
+          );
         }
       },
       {
         title: i18next.t("general:Name"),
-        dataIndex: 'name',
-        key: 'name',
-        width: '150px',
-        fixed: 'left',
+        dataIndex: "name",
+        key: "name",
+        width: "150px",
+        fixed: "left",
         sorter: true,
-        ...this.getColumnSearchProps('name'),
+        ...this.getColumnSearchProps("name"),
         render: (text, record, index) => {
           return (
             <Link to={`/syncers/${text}`}>
               {text}
             </Link>
-          )
+          );
         }
       },
       {
         title: i18next.t("general:Created time"),
-        dataIndex: 'createdTime',
-        key: 'createdTime',
-        width: '160px',
+        dataIndex: "createdTime",
+        key: "createdTime",
+        width: "160px",
         sorter: true,
         render: (text, record, index) => {
           return Setting.getFormattedDate(text);
@@ -131,108 +131,108 @@ class SyncerListPage extends BaseListPage {
       },
       {
         title: i18next.t("provider:Type"),
-        dataIndex: 'type',
-        key: 'type',
-        width: '100px',
+        dataIndex: "type",
+        key: "type",
+        width: "100px",
         sorter: true,
         filterMultiple: false,
         filters: [
-          {text: 'Database', value: 'Database'},
-          {text: 'LDAP', value: 'LDAP'},
+          {text: "Database", value: "Database"},
+          {text: "LDAP", value: "LDAP"},
         ],
       },
       {
         title: i18next.t("provider:Host"),
-        dataIndex: 'host',
-        key: 'host',
-        width: '120px',
+        dataIndex: "host",
+        key: "host",
+        width: "120px",
         sorter: true,
-        ...this.getColumnSearchProps('host'),
+        ...this.getColumnSearchProps("host"),
       },
       {
         title: i18next.t("provider:Port"),
-        dataIndex: 'port',
-        key: 'port',
-        width: '100px',
+        dataIndex: "port",
+        key: "port",
+        width: "100px",
         sorter: true,
-        ...this.getColumnSearchProps('port'),
+        ...this.getColumnSearchProps("port"),
       },
       {
         title: i18next.t("general:User"),
-        dataIndex: 'user',
-        key: 'user',
-        width: '120px',
+        dataIndex: "user",
+        key: "user",
+        width: "120px",
         sorter: true,
-        ...this.getColumnSearchProps('user'),
+        ...this.getColumnSearchProps("user"),
       },
       {
         title: i18next.t("general:Password"),
-        dataIndex: 'password',
-        key: 'password',
-        width: '120px',
+        dataIndex: "password",
+        key: "password",
+        width: "120px",
         sorter: true,
-        ...this.getColumnSearchProps('password'),
+        ...this.getColumnSearchProps("password"),
       },
       {
         title: i18next.t("syncer:Database type"),
-        dataIndex: 'databaseType',
-        key: 'databaseType',
-        width: '120px',
+        dataIndex: "databaseType",
+        key: "databaseType",
+        width: "120px",
         sorter: (a, b) => a.databaseType.localeCompare(b.databaseType),
       },
       {
         title: i18next.t("syncer:Database"),
-        dataIndex: 'database',
-        key: 'database',
-        width: '120px',
+        dataIndex: "database",
+        key: "database",
+        width: "120px",
         sorter: true,
       },
       {
         title: i18next.t("syncer:Table"),
-        dataIndex: 'table',
-        key: 'table',
-        width: '120px',
+        dataIndex: "table",
+        key: "table",
+        width: "120px",
         sorter: true,
       },
       {
         title: i18next.t("syncer:Sync interval"),
-        dataIndex: 'syncInterval',
-        key: 'syncInterval',
-        width: '130px',
+        dataIndex: "syncInterval",
+        key: "syncInterval",
+        width: "130px",
         sorter: true,
-        ...this.getColumnSearchProps('syncInterval'),
+        ...this.getColumnSearchProps("syncInterval"),
       },
       {
         title: i18next.t("general:Is enabled"),
-        dataIndex: 'isEnabled',
-        key: 'isEnabled',
-        width: '120px',
+        dataIndex: "isEnabled",
+        key: "isEnabled",
+        width: "120px",
         sorter: true,
         render: (text, record, index) => {
           return (
             <Switch disabled checkedChildren="ON" unCheckedChildren="OFF" checked={text} />
-          )
+          );
         }
       },
       {
         title: i18next.t("general:Action"),
-        dataIndex: '',
-        key: 'op',
-        width: '240px',
+        dataIndex: "",
+        key: "op",
+        width: "240px",
         fixed: (Setting.isMobile()) ? "false" : "right",
         render: (text, record, index) => {
           return (
             <div>
-              <Button style={{marginTop: '10px', marginBottom: '10px', marginRight: '10px'}} type="primary" onClick={() => this.runSyncer(index)}>{i18next.t("general:Sync")}</Button>
-              <Button style={{marginTop: '10px', marginBottom: '10px', marginRight: '10px'}} onClick={() => this.props.history.push(`/syncers/${record.name}`)}>{i18next.t("general:Edit")}</Button>
+              <Button style={{marginTop: "10px", marginBottom: "10px", marginRight: "10px"}} type="primary" onClick={() => this.runSyncer(index)}>{i18next.t("general:Sync")}</Button>
+              <Button style={{marginTop: "10px", marginBottom: "10px", marginRight: "10px"}} onClick={() => this.props.history.push(`/syncers/${record.name}`)}>{i18next.t("general:Edit")}</Button>
               <Popconfirm
                 title={`Sure to delete syncer: ${record.name} ?`}
                 onConfirm={() => this.deleteSyncer(index)}
               >
-                <Button style={{marginBottom: '10px'}} type="danger">{i18next.t("general:Delete")}</Button>
+                <Button style={{marginBottom: "10px"}} type="danger">{i18next.t("general:Delete")}</Button>
               </Popconfirm>
             </div>
-          )
+          );
         }
       },
     ];
@@ -246,15 +246,15 @@ class SyncerListPage extends BaseListPage {
 
     return (
       <div>
-        <Table scroll={{x: 'max-content'}} columns={columns} dataSource={syncers} rowKey="name" size="middle" bordered pagination={paginationProps}
-               title={() => (
-                 <div>
-                   {i18next.t("general:Syncers")}&nbsp;&nbsp;&nbsp;&nbsp;
-                   <Button type="primary" size="small" onClick={this.addSyncer.bind(this)}>{i18next.t("general:Add")}</Button>
-                 </div>
-               )}
-               loading={this.state.loading}
-               onChange={this.handleTableChange}
+        <Table scroll={{x: "max-content"}} columns={columns} dataSource={syncers} rowKey="name" size="middle" bordered pagination={paginationProps}
+          title={() => (
+            <div>
+              {i18next.t("general:Syncers")}&nbsp;&nbsp;&nbsp;&nbsp;
+              <Button type="primary" size="small" onClick={this.addSyncer.bind(this)}>{i18next.t("general:Add")}</Button>
+            </div>
+          )}
+          loading={this.state.loading}
+          onChange={this.handleTableChange}
         />
       </div>
     );
@@ -267,7 +267,7 @@ class SyncerListPage extends BaseListPage {
       field = "type";
       value = params.type;
     }
-    this.setState({ loading: true });
+    this.setState({loading: true});
     SyncerBackend.getSyncers("admin", params.pagination.current, params.pagination.pageSize, field, value, sortField, sortOrder)
       .then((res) => {
         if (res.status === "ok") {