luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Property Menu: i18n

Browse source
This commit is contained in:
Chen-I Lim 2021-01-04 12:08:12 -08:00
parent 8ac0a9ba14
commit e35ba1abc5
3 changed files with 56 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
webapp/i18n/en.json
View file

@ -24,9 +24,9 @@
"ContentBlock.Delete": "Delete",
"ContentBlock.DeleteAction": "delete",
"ContentBlock.Text": "Text",
"ContentBlock.addDivider": "Add divider",
"ContentBlock.addImage": "Add image",
"ContentBlock.addText": "Add text",
"ContentBlock.addDivider": "add divider",
"ContentBlock.addImage": "add image",
"ContentBlock.addText": "add text",
"ContentBlock.divider": "Divider",
"ContentBlock.editCardText": "edit card text",
"ContentBlock.editText": "Edit text...",
@ -44,6 +44,22 @@
"Mutator.new-card-from-template": "new card from template",
"Mutator.new-template-from-board": "new template from board",
"Mutator.new-template-from-card": "new template from card",
"PropertyMenu.changeType": "Change property type",
"PropertyMenu.typeTitle": "Type",
"PropertyType.Checkbox": "Checkbox",
"PropertyType.CreatedBy": "Created By",
"PropertyType.CreatedTime": "Created Time",
"PropertyType.Email": "Email",
"PropertyType.File": "File or Media",
"PropertyType.MultiSelect": "Multi Select",
"PropertyType.Number": "Number",
"PropertyType.Person": "Person",
"PropertyType.Phone": "Phone",
"PropertyType.Select": "Select",
"PropertyType.Text": "Text",
"PropertyType.URL": "URL",
"PropertyType.UpdatedBy": "Updated By",
"PropertyType.UpdatedTime": "Updated Time",
"Sidebar.add-board": "+ Add Board",
"Sidebar.add-template": "+ New template",
"Sidebar.dark-theme": "Dark theme",

6
webapp/src/components/contentBlock.tsx
View file

@ -89,7 +89,7 @@ class ContentBlock extends React.PureComponent<Props> {
const contentOrder = contents.map((o) => o.id)
contentOrder.splice(index, 0, newBlock.id)
mutator.performAsUndoGroup(async () => {
const description = intl.formatMessage({id: 'ContentBlock.addText', defaultMessage: 'Add text'})
const description = intl.formatMessage({id: 'ContentBlock.addText', defaultMessage: 'add text'})
await mutator.insertBlock(newBlock, description)
await mutator.changeCardContentOrder(card, contentOrder, description)
})
@ -102,7 +102,7 @@ class ContentBlock extends React.PureComponent<Props> {
onClick={() => {
Utils.selectLocalFile((file) => {
mutator.performAsUndoGroup(async () => {
const description = intl.formatMessage({id: 'ContentBlock.addImage', defaultMessage: 'Add image'})
const description = intl.formatMessage({id: 'ContentBlock.addImage', defaultMessage: 'add image'})
const newBlock = await mutator.createImageBlock(card, file, description)
if (newBlock) {
const contentOrder = contents.map((o) => o.id)
@ -126,7 +126,7 @@ class ContentBlock extends React.PureComponent<Props> {
const contentOrder = contents.map((o) => o.id)
contentOrder.splice(index, 0, newBlock.id)
mutator.performAsUndoGroup(async () => {
const description = intl.formatMessage({id: 'ContentBlock.addDivider', defaultMessage: 'Add divider'})
const description = intl.formatMessage({id: 'ContentBlock.addDivider', defaultMessage: 'add divider'})
await mutator.insertBlock(newBlock, description)
await mutator.changeCardContentOrder(card, contentOrder, description)
})

52
webapp/src/widgets/propertyMenu.tsx
View file

@ -1,12 +1,11 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react'
import {injectIntl, IntlShape} from 'react-intl'
import {PropertyType} from '../blocks/board'
import {Utils} from '../utils'
import Menu from '../widgets/menu'
import './propertyMenu.scss'
type Props = {
@ -16,13 +15,14 @@ type Props = {
onNameChanged: (newName: string) => void
onTypeChanged: (newType: PropertyType) => void
onDelete: (id: string) => void
intl: IntlShape
}
type State = {
name: string
}
export default class PropertyMenu extends React.PureComponent<Props, State> {
class PropertyMenu extends React.PureComponent<Props, State> {
private nameTextbox = React.createRef<HTMLInputElement>()
constructor(props: Props) {
@ -36,21 +36,23 @@ export default class PropertyMenu extends React.PureComponent<Props, State> {
}
private typeDisplayName(type: PropertyType): string {
const {intl} = this.props
switch (type) {
case 'text': return 'Text'
case 'number': return 'Number'
case 'select': return 'Select'
case 'multiSelect': return 'Multi Select'
case 'person': return 'Person'
case 'file': return 'File or Media'
case 'checkbox': return 'Checkbox'
case 'url': return 'URL'
case 'email': return 'Email'
case 'phone': return 'Phone'
case 'createdTime': return 'Created Time'
case 'createdBy': return 'Created By'
case 'updatedTime': return 'Updated Time'
case 'updatedBy': return 'Updated By'
case 'text': return intl.formatMessage({id: 'PropertyType.Text', defaultMessage: 'Text'})
case 'number': return intl.formatMessage({id: 'PropertyType.Number', defaultMessage: 'Number'})
case 'select': return intl.formatMessage({id: 'PropertyType.Select', defaultMessage: 'Select'})
case 'multiSelect': return intl.formatMessage({id: 'PropertyType.MultiSelect', defaultMessage: 'Multi Select'})
case 'person': return intl.formatMessage({id: 'PropertyType.Person', defaultMessage: 'Person'})
case 'file': return intl.formatMessage({id: 'PropertyType.File', defaultMessage: 'File or Media'})
case 'checkbox': return intl.formatMessage({id: 'PropertyType.Checkbox', defaultMessage: 'Checkbox'})
case 'url': return intl.formatMessage({id: 'PropertyType.URL', defaultMessage: 'URL'})
case 'email': return intl.formatMessage({id: 'PropertyType.Email', defaultMessage: 'Email'})
case 'phone': return intl.formatMessage({id: 'PropertyType.Phone', defaultMessage: 'Phone'})
case 'createdTime': return intl.formatMessage({id: 'PropertyType.CreatedTime', defaultMessage: 'Created Time'})
case 'createdBy': return intl.formatMessage({id: 'PropertyType.CreatedBy', defaultMessage: 'Created By'})
case 'updatedTime': return intl.formatMessage({id: 'PropertyType.UpdatedTime', defaultMessage: 'Updated Time'})
case 'updatedBy': return intl.formatMessage({id: 'PropertyType.UpdatedBy', defaultMessage: 'Updated By'})
default: {
Utils.assertFailure(`typeDisplayName, unhandled type: ${type}`)
return type
@ -58,6 +60,10 @@ export default class PropertyMenu extends React.PureComponent<Props, State> {
}
}
private typeMenuTitle(type: PropertyType): string {
return `${this.props.intl.formatMessage({id: 'PropertyMenu.typeTitle', defaultMessage: 'Type'})}: ${this.typeDisplayName(type)}`
}
public render(): JSX.Element {
return (
<Menu>
@ -78,8 +84,16 @@ export default class PropertyMenu extends React.PureComponent<Props, State> {
/>
<Menu.SubMenu
id='type'
name={this.typeDisplayName(this.props.propertyType)}
name={this.typeMenuTitle(this.props.propertyType)}
>
<Menu.Label>
<b>
{this.props.intl.formatMessage({id: 'PropertyMenu.changeType', defaultMessage: 'Change property type'})}
</b>
</Menu.Label>
<Menu.Separator/>
<Menu.Text
id='text'
name='Text'
@ -115,3 +129,5 @@ export default class PropertyMenu extends React.PureComponent<Props, State> {
)
}
}
export default injectIntl(PropertyMenu)