-
-
-
- LeanTicket
-
-
-
-
- -
- {t('ticketList')}
-
- -
- {t('about')}
-
-
- {this.props.isCustomerService && (
-
- -
- {t('customerServiceTickets')}
-
- -
- {t('statistics')}
-
-
- )}
-
- {this.props.currentUser && (
+export default function GlobalNav({ user, onLogout }) {
+ const { t } = useTranslation()
+ const history = useHistory()
+ const { isCustomerService } = useContext(AppContext)
+
+ const handleChangeLanguage = (lang) => {
+ i18next.changeLanguage(lang)
+ localStorage.setItem('locale', lang)
+ }
+
+ return (
+
- )
- }
+
+
+ )
}
-
GlobalNav.propTypes = {
- currentUser: PropTypes.object,
- isCustomerService: PropTypes.bool,
- logout: PropTypes.func.isRequired,
- t: PropTypes.func,
- history: PropTypes.object.isRequired,
+ user: PropTypes.object,
+ onLogout: PropTypes.func.isRequired,
}
-
-export default withTranslation()(withRouter(GlobalNav))
diff --git a/modules/Home.js b/modules/Home.js
index 386b35ba3..ff2266bb9 100644
--- a/modules/Home.js
+++ b/modules/Home.js
@@ -12,7 +12,7 @@ export default function Home({ isCustomerService }) {
return
}
if (isCustomerService) {
- history.replace('/customerService/tickets')
+ history.replace('/customerService/tickets?assignee=me&isOpen=true')
} else {
history.replace('/tickets')
}
diff --git a/modules/category/index.js b/modules/category/index.js
new file mode 100644
index 000000000..4b1f06c56
--- /dev/null
+++ b/modules/category/index.js
@@ -0,0 +1,129 @@
+import i18next from 'i18next'
+import { useEffect, useState } from 'react'
+
+import { db } from '../../lib/leancloud'
+
+/**
+ * @typedef {{
+ * name: string;
+ * createdAt: Date;
+ * order?: number;
+ * parent?: Category;
+ * children?: Array
;
+ * }} Category
+ */
+
+/**
+ * @param {Category} category
+ * @returns {string}
+ */
+export function getCategoryName(category) {
+ let { name } = category
+ if (category.deletedAt) {
+ name += i18next.t('disabled')
+ }
+ return name
+}
+
+/**
+ * Sort categories in place.
+ * @param {Array} categories
+ */
+function sortCategories(categories) {
+ categories.sort((c1, c2) => {
+ return (c1.order ?? c1.createdAt.getTime()) - (c2.order ?? c2.createdAt.getTime())
+ })
+ categories.forEach((c) => {
+ if (c.children) {
+ sortCategories(c.children)
+ }
+ })
+}
+
+/**
+ * @param {Array} categories
+ * @param {Function} callback
+ * @param {Array} results
+ * @param {number} [depth]
+ */
+function mapCategories(categories, callback, results, depth = 0) {
+ categories.forEach((category) => {
+ results.push(callback(category, depth))
+ if (category.children) {
+ mapCategories(category.children, callback, results, depth + 1)
+ }
+ })
+}
+
+export class CategoryManager {
+ /**
+ * @param {Array} categories
+ */
+ constructor(categories) {
+ this.categories = categories
+ this.categoryById = {}
+ this.categories.forEach((category) => {
+ this.categoryById[category.objectId] = category
+ })
+ this.categories.forEach((category) => {
+ if (category.parent) {
+ category.parent = this.categoryById[category.parent.objectId]
+ if (!category.parent.children) {
+ category.parent.children = []
+ }
+ category.parent.children.push(category)
+ }
+ })
+ this.topLevelCategories = this.categories.filter((category) => !category.parent)
+ sortCategories(this.topLevelCategories)
+ }
+
+ /**
+ * @param {string} id
+ * @returns {Array}
+ */
+ getNodes(id) {
+ const nodes = []
+ if (id in this.categoryById) {
+ nodes.push(this.categoryById[id])
+ while (nodes[0].parent) {
+ nodes.unshift(nodes[0].parent)
+ }
+ }
+ return nodes
+ }
+
+ /**
+ * @param {string} id
+ * @returns {Category}
+ */
+ get(id) {
+ return this.categoryById[id]
+ }
+
+ /**
+ * @param {Function} callback
+ * @returns {Array}
+ */
+ map(callback) {
+ const results = []
+ mapCategories(this.topLevelCategories, callback, results)
+ return results
+ }
+}
+
+const EMPTY_CATEGORIES = new CategoryManager([])
+
+/**
+ * @returns {CategoryManager}
+ */
+export function useCategories() {
+ const [categories, setCategories] = useState(EMPTY_CATEGORIES)
+ useEffect(() => {
+ db.class('Category')
+ .find()
+ .then((objects) => setCategories(new CategoryManager(objects.map((o) => o.toJSON()))))
+ .catch(console.error)
+ }, [])
+ return categories
+}
diff --git a/modules/components/BlodSearchString/index.js b/modules/components/BlodSearchString/index.js
new file mode 100644
index 000000000..5c5923179
--- /dev/null
+++ b/modules/components/BlodSearchString/index.js
@@ -0,0 +1,40 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const AROUND_LENGTH = 40
+const OVERFLOW = '...'
+
+/**
+ * @param {object} props
+ * @param {string} props.content
+ * @param {string} props.searchString
+ */
+export function BlodSearchString({ content, searchString }) {
+ console.log({ content, searchString })
+ const index = content.indexOf(searchString)
+ if (index < 0) {
+ return null
+ }
+
+ let before = content.slice(0, index)
+ if (before.length > AROUND_LENGTH) {
+ before = OVERFLOW + before.slice(before.length - AROUND_LENGTH)
+ }
+
+ let after = content.slice(index + searchString.length)
+ if (after.length > AROUND_LENGTH) {
+ after = after.slice(0, AROUND_LENGTH) + OVERFLOW
+ }
+
+ return (
+
+ {before}
+ {searchString}
+ {after}
+
+ )
+}
+BlodSearchString.propTypes = {
+ content: PropTypes.string.isRequired,
+ searchString: PropTypes.string.isRequired,
+}
diff --git a/modules/components/DelayInputForm/index.js b/modules/components/DelayInputForm/index.js
new file mode 100644
index 000000000..95158bd49
--- /dev/null
+++ b/modules/components/DelayInputForm/index.js
@@ -0,0 +1,52 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react'
+import { FormControl } from 'react-bootstrap'
+import PropTypes from 'prop-types'
+
+/**
+ * @param {object} props
+ * @param {string} [props.value]
+ * @param {Function} [props.onChange]
+ * @param {number} [props.delay]
+ * @param {string} [props.placeholder]
+ */
+export function DelayInputForm({ value = '', onChange, placeholder, delay = 1000 }) {
+ const [debouncedValue, setDebouncedValue] = useState(value)
+
+ const $onChange = useRef(onChange)
+ useEffect(() => {
+ $onChange.current = onChange
+ }, [onChange])
+ const $delay = useRef(delay)
+ useEffect(() => {
+ $delay.current = delay
+ }, [delay])
+
+ useEffect(() => {
+ const timer = setTimeout(() => {
+ $onChange.current?.(debouncedValue)
+ }, $delay.current)
+ return () => clearTimeout(timer)
+ }, [debouncedValue])
+
+ const handleChange = useCallback(
+ (e) => {
+ setDebouncedValue(e.target.value)
+ },
+ [setDebouncedValue]
+ )
+
+ return (
+
+ )
+}
+DelayInputForm.propTypes = {
+ value: PropTypes.string,
+ onChange: PropTypes.func,
+ delay: PropTypes.number,
+ placeholder: PropTypes.string,
+}
diff --git a/modules/context/index.js b/modules/context/index.js
new file mode 100644
index 000000000..7317e488e
--- /dev/null
+++ b/modules/context/index.js
@@ -0,0 +1,8 @@
+import React from 'react'
+import _ from 'lodash'
+
+export const AppContext = React.createContext({
+ isCustomerService: false,
+ tagMetadatas: [],
+ addNotification: _.noop,
+})
diff --git a/modules/i18n/locales.js b/modules/i18n/locales.js
index 2cf0a18b6..800e41ce2 100644
--- a/modules/i18n/locales.js
+++ b/modules/i18n/locales.js
@@ -646,6 +646,10 @@ const messages = {
'All time',
'全部时间'
],
+ 'today': [
+ 'Today',
+ '今日'
+ ],
'thisMonth': [
'This month',
'本月'