diff options
Diffstat (limited to 'webapp/components/help')
| -rw-r--r-- | webapp/components/help/components/attaching.jsx | 84 | ||||
| -rw-r--r-- | webapp/components/help/components/commands.jsx | 77 | ||||
| -rw-r--r-- | webapp/components/help/components/composing.jsx | 77 | ||||
| -rw-r--r-- | webapp/components/help/components/formatting.jsx | 133 | ||||
| -rw-r--r-- | webapp/components/help/components/mentioning.jsx | 79 | ||||
| -rw-r--r-- | webapp/components/help/components/messaging.jsx | 78 | ||||
| -rw-r--r-- | webapp/components/help/help_controller.jsx | 29 |
7 files changed, 0 insertions, 557 deletions
diff --git a/webapp/components/help/components/attaching.jsx b/webapp/components/help/components/attaching.jsx deleted file mode 100644 index 3013d744d..000000000 --- a/webapp/components/help/components/attaching.jsx +++ /dev/null @@ -1,84 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import {localizeMessage} from 'utils/utils.jsx'; -import {formatText} from 'utils/text_formatting.jsx'; -import {FormattedMessage} from 'react-intl'; -import {Link} from 'react-router/es6'; - -import React from 'react'; - -export default function HelpAttaching() { - const message = []; - message.push(localizeMessage('help.attaching.title', '# Attaching Files\n_____')); - message.push(localizeMessage('help.attaching.methods', '## Attachment Methods\nAttach a file by drag and drop or by clicking the attachment icon in the message input box.')); - message.push(localizeMessage('help.attaching.dragdrop', '#### Drag and Drop\nUpload a file or selection of files by dragging the files from your computer into the RHS or center pane. Dragging and dropping attaches the files to the message input box, then you can optionally type a message and press **ENTER** to post.')); - message.push(localizeMessage('help.attaching.icon', '#### Attachment Icon\nAlternatively, upload files by clicking the grey paperclip icon inside the message input box. This opens up your system file viewer where you can navigate to the desired files and then click **Open** to upload the files to the message input box. Optionally type a message and then press **ENTER** to post.')); - message.push(localizeMessage('help.attaching.pasting', '#### Pasting Images\nOn Chrome and Edge browsers, it is also possible to upload files by pasting them from the clipboard. This is not yet supported on other browsers.')); - message.push(localizeMessage('help.attaching.previewer', '## File Previewer\nMattermost has a built in file previewer that is used to view media, download files and share public links. Click the thumbnail of an attached file to open it in the file previewer.')); - message.push('\n'); - message.push(localizeMessage('help.attaching.publicLinks', '#### Sharing Public Links\nPublic links allow you to share file attachments with people outside your Mattermost team. Open the file previewer by clicking on the thumbnail of an attachment, then click **Get Public Link**. This opens a dialog box with a link to copy. When the link is shared and opened by another user, the file will automatically download.')); - message.push(localizeMessage('help.attaching.publicLinks2', 'If **Get Public Link** is not visible in the file previewer and you prefer the feature enabled, you can request that your System Admin enable the feature from the System Console under **Security** > **Public Links**.')); - message.push('\n'); - message.push(localizeMessage('help.attaching.downloading', '#### Downloading Files\nDownload an attached file by clicking the download icon next to the file thumbnail or by opening the file previewer and clicking **Download**.')); - message.push(localizeMessage('help.attaching.supported', '#### Supported Media Types\nIf you are trying to preview a media type that is not supported, the file previewer will open a standard media attachment icon. Supported media formats depend heavily on your browser and operating system, but the following formats are supported by Mattermost on most browsers:')); - message.push(localizeMessage('help.attaching.supportedList', '- Images: BMP, GIF, JPG, JPEG, PNG\n- Video: MP4\n- Audio: MP3, M4A\n- Documents: PDF')); - message.push(localizeMessage('help.attaching.notSupported', 'Document preview (Word, Excel, PPT) is not yet supported.')); - message.push(localizeMessage('help.attaching.limitations', '## File Size Limitations\nMattermost supports a maximum of five attached files per post, each with a maximum file size of 50Mb.')); - - return ( - <div> - <span - dangerouslySetInnerHTML={{__html: formatText(message.join('\n\n'))}} - /> - <p className='links'> - <FormattedMessage - id='help.learnMore' - defaultMessage='Learn more about:' - /> - </p> - <ul> - <li> - <Link to='/help/messaging'> - <FormattedMessage - id='help.link.messaging' - defaultMessage='Basic Messaging' - /> - </Link> - </li> - <li> - <Link to='/help/composing'> - <FormattedMessage - id='help.link.composing' - defaultMessage='Composing Messages and Replies' - /> - </Link> - </li> - <li> - <Link to='/help/mentioning'> - <FormattedMessage - id='help.link.mentioning' - defaultMessage='Mentioning Teammates' - /> - </Link> - </li> - <li> - <Link to='/help/formatting'> - <FormattedMessage - id='help.link.formatting' - defaultMessage='Formatting Messages using Markdown' - /> - </Link> - </li> - <li> - <Link to='/help/commands'> - <FormattedMessage - id='help.link.commands' - defaultMessage='Executing Commands' - /> - </Link> - </li> - </ul> - </div> - ); -} diff --git a/webapp/components/help/components/commands.jsx b/webapp/components/help/components/commands.jsx deleted file mode 100644 index 41dc736b5..000000000 --- a/webapp/components/help/components/commands.jsx +++ /dev/null @@ -1,77 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import {localizeMessage} from 'utils/utils.jsx'; -import {formatText} from 'utils/text_formatting.jsx'; -import {FormattedMessage} from 'react-intl'; -import {Link} from 'react-router/es6'; - -import React from 'react'; - -export default function HelpCommands() { - const message = []; - message.push(localizeMessage('help.commands.title', '# Executing Commands\n___')); - message.push(localizeMessage('help.commands.intro', 'Slash commands perform operations in Mattermost by typing into the text input box. Enter a `/` followed by a command and some arguments to perform actions.\n\nBuilt-in slash commands come with all Mattermost installations and custom slash commands are configurable to interact with external applications. Learn about configuring custom slash commands on the [developer slash command documentation page](http://docs.mattermost.com/developer/slash-commands.html).')); - message.push(localizeMessage('help.commands.builtin', '## Built-in Commands\nThe following slash commands are available on all Mattermost installations:')); - message.push(''); - message.push(localizeMessage('help.commands.builtin2', 'Begin by typing `/` and a list of slash command options appears above the text input box. The autocomplete suggestions help by providing a format example in black text and a short description of the slash command in grey text.')); - message.push(''); - message.push(localizeMessage('help.commands.custom', '## Custom Commands\nCustom slash commands integrate with external applications. For example, a team might configure a custom slash command to check internal health records with `/patient joe smith` or check the weekly weather forecast in a city with `/weather toronto week`. Check with your System Admin or open the autocomplete list by typing `/` to determine if your team configured any custom slash commands.')); - message.push(localizeMessage('help.commands.custom2', 'Custom slash commands are disabled by default and can be enabled by the System Admin in the **System Console** > **Integrations** > **Webhooks and Commands**. Learn about configuring custom slash commands on the [developer slash command documentation page](http://docs.mattermost.com/developer/slash-commands.html).')); - - return ( - <div> - <span - dangerouslySetInnerHTML={{__html: formatText(message.join('\n\n'))}} - /> - <p className='links'> - <FormattedMessage - id='help.learnMore' - defaultMessage='Learn more about:' - /> - </p> - <ul> - <li> - <Link to='/help/messaging'> - <FormattedMessage - id='help.link.messaging' - defaultMessage='Basic Messaging' - /> - </Link> - </li> - <li> - <Link to='/help/composing'> - <FormattedMessage - id='help.link.composing' - defaultMessage='Composing Messages and Replies' - /> - </Link> - </li> - <li> - <Link to='/help/mentioning'> - <FormattedMessage - id='help.link.mentioning' - defaultMessage='Mentioning Teammates' - /> - </Link> - </li> - <li> - <Link to='/help/formatting'> - <FormattedMessage - id='help.link.formatting' - defaultMessage='Formatting Messages using Markdown' - /> - </Link> - </li> - <li> - <Link to='/help/attaching'> - <FormattedMessage - id='help.link.attaching' - defaultMessage='Attaching Files' - /> - </Link> - </li> - </ul> - </div> - ); -} diff --git a/webapp/components/help/components/composing.jsx b/webapp/components/help/components/composing.jsx deleted file mode 100644 index 41b620d26..000000000 --- a/webapp/components/help/components/composing.jsx +++ /dev/null @@ -1,77 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import {localizeMessage} from 'utils/utils.jsx'; -import {formatText} from 'utils/text_formatting.jsx'; -import {FormattedMessage} from 'react-intl'; -import {Link} from 'react-router/es6'; - -import React from 'react'; - -export default function HelpComposing() { - const message = []; - message.push(localizeMessage('help.composing.title', '# Sending Messages\n_____')); - message.push(localizeMessage('help.composing.types', '## Message Types\nReply to posts to keep conversations organized in threads.')); - message.push(localizeMessage('help.composing.posts', '#### Posts\nPosts can be considered parent messages. They are the messages that often start a thread of replies. Posts are composed and sent from the text input box at the bottom of the center pane.')); - message.push(localizeMessage('help.composing.replies', '#### Replies\nReply to a message by clicking the reply icon next to any message text. This action opens the right-hand-side (RHS) where you can see the message thread, then compose and send your reply. Replies are indented slightly in the center pane to indicate that they are child messages of a parent post.\n\nWhen composing a reply in the right-hand side, click the expand/collapse icon with two arrows at the top of the sidebar to make things easier to read.')); - message.push(localizeMessage('help.composing.posting', '## Posting a Message\nWrite a message by typing into the text input box, then press ENTER to send it. Use SHIFT+ENTER to create a new line without sending a message. To send messages by pressing CTRL+ENTER go to **Main Menu > Account Settings > Send messages on CTRL+ENTER**.')); - message.push(localizeMessage('help.composing.editing', '## Editing a Message\nEdit a message by clicking the **[...]** icon next to any message text that you’ve composed, then click **Edit**. After making modifications to the message text, press **ENTER** to save the modifications. Message edits do not trigger new @mention notifications, desktop notifications or notification sounds.')); - message.push(localizeMessage('help.composing.deleting', '## Deleting a message\nDelete a message by clicking the **[...]** icon next to any message text that you’ve composed, then click **Delete**. System and Team Admins can delete any message on their system or team.')); - message.push(localizeMessage('help.composing.linking', '## Linking to a message\nThe **Permalink** feature creates a link to any message. Sharing this link with other users in the channel lets them view the linked message in the Message Archives. Users who are not a member of the channel where the message was posted cannot view the permalink. Get the permalink to any message by clicking the **[...]** icon next to the message text > **Permalink** > **Copy Link**.')); - - return ( - <div> - <span - dangerouslySetInnerHTML={{__html: formatText(message.join('\n\n'))}} - /> - <p className='links'> - <FormattedMessage - id='help.learnMore' - defaultMessage='Learn more about:' - /> - </p> - <ul> - <li> - <Link to='/help/messaging'> - <FormattedMessage - id='help.link.messaging' - defaultMessage='Basic Messaging' - /> - </Link> - </li> - <li> - <Link to='/help/mentioning'> - <FormattedMessage - id='help.link.mentioning' - defaultMessage='Mentioning Teammates' - /> - </Link> - </li> - <li> - <Link to='/help/formatting'> - <FormattedMessage - id='help.link.formatting' - defaultMessage='Formatting Messages using Markdown' - /> - </Link> - </li> - <li> - <Link to='/help/attaching'> - <FormattedMessage - id='help.link.attaching' - defaultMessage='Attaching Files' - /> - </Link> - </li> - <li> - <Link to='/help/commands'> - <FormattedMessage - id='help.link.commands' - defaultMessage='Executing Commands' - /> - </Link> - </li> - </ul> - </div> - ); -} diff --git a/webapp/components/help/components/formatting.jsx b/webapp/components/help/components/formatting.jsx deleted file mode 100644 index 312df252a..000000000 --- a/webapp/components/help/components/formatting.jsx +++ /dev/null @@ -1,133 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import {localizeMessage} from 'utils/utils.jsx'; -import {formatText} from 'utils/text_formatting.jsx'; -import {FormattedMessage} from 'react-intl'; -import {Link} from 'react-router/es6'; - -import React from 'react'; - -export default function HelpFormatting() { - const message = []; - message.push(localizeMessage('help.formatting.title', '# Formatting Text\n_____')); - message.push(localizeMessage('help.formatting.intro', 'Markdown makes it easy to format messages. Type a message as you normally would, and use these rules to render it with special formatting.')); - message.push(localizeMessage('help.formatting.style', '## Text Style\n\nYou can use either `_` or `*` around a word to make it italic. Use two to make it bold.\n\n* `_italics_` renders as _italics_\n* `**bold**` renders as **bold**\n* `**_bold-italic_**` renders as **_bold-italics_**\n* `~~strikethrough~~` renders as ~~strikethrough~~')); - message.push(localizeMessage('help.formatting.code', '## Code Block\n\nCreate a code block by indenting each line by four spaces, or by placing ``` on the line above and below your code.')); - message.push(localizeMessage('help.formatting.example', 'Example:') + '\n\n'); - message.push(' ```\n ' + localizeMessage('help.formatting.codeBlock', 'code block') + '\n ```'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:')); - message.push('```\n' + localizeMessage('help.formatting.codeBlock', 'code block') + '\n```'); - message.push(localizeMessage('help.formatting.syntax', '### Syntax Highlighting\n\nTo add syntax highlighting, type the language to be highlighted after the ``` at the beginning of the code block. Mattermost also offers four different code themes (GitHub, Solarized Dark, Solarized Light, Monokai) that can be changed in **Account Settings** > **Display** > **Theme** > **Custom Theme** > **Center Channel Styles**')); - message.push(localizeMessage('help.formatting.supportedSyntax', 'Supported languages are:\n`as`, `applescript`, `osascript`, `scpt`, `bash`, `sh`, `zsh`, `clj`, `boot`, `cl2`, `cljc`, `cljs`, `cljs.hl`, `cljscm`, `cljx`, `hic`, `coffee`, `_coffee`, `cake`, `cjsx`, `cson`, `iced`, `cpp`, `c`, `cc`, `h`, `c++`, `h++`, `hpp`, `cs`, `csharp`, `css`, `d`, `di`, `dart`, `delphi`, `dpr`, `dfm`, `pas`, `pascal`, `freepascal`, `lazarus`, `lpr`, `lfm`, `diff`, `django`, `jinja`, `dockerfile`, `docker`, `erl`, `f90`, `f95`, `fsharp`, `fs`, `gcode`, `nc`, `go`, `groovy`, `handlebars`, `hbs`, `html.hbs`, `html.handlebars`, `hs`, `hx`, `java`, `jsp`, `js`, `jsx`, `json`, `jl`, `kt`, `ktm`, `kts`, `less`, `lisp`, `lua`, `mk`, `mak`, `md`, `mkdown`, `mkd`, `matlab`, `m`, `mm`, `objc`, `obj-c`, `ml`, `perl`, `pl`, `php`, `php3`, `php4`, `php5`, `php6`, `ps`, `ps1`, `pp`, `py`, `gyp`, `r`, `ruby`, `rb`, `gemspec`, `podspec`, `thor`, `irb`, `rs`, `scala`, `scm`, `sld`, `scss`, `st`, `sql`, `swift`, `tex`, `vbnet`, `vb`, `bas`, `vbs`, `v`, `veo`, `xml`, `html`, `xhtml`, `rss`, `atom`, `xsl`, `plist`, `yaml`')); - message.push(localizeMessage('help.formatting.example', 'Example:') + '\n\n'); - message.push(' ```go\n' + localizeMessage('help.formatting.syntaxEx', ' package main\n import "fmt"\n func main() {\n fmt.Println("Hello, 世界")\n }') + '\n ```'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:')); - message.push(localizeMessage('help.formatting.githubTheme', '**GitHub Theme**')); - message.push(''); - message.push(localizeMessage('help.formatting.solirizedDarkTheme', '**Solarized Dark Theme**')); - message.push(''); - message.push(localizeMessage('help.formatting.solirizedLightTheme', '**Solarized Light Theme**')); - message.push(''); - message.push(localizeMessage('help.formatting.monokaiTheme', '**Monokai Theme**')); - message.push(''); - message.push(localizeMessage('help.formatting.inline', '## In-line Code\n\nCreate in-line monospaced font by surrounding it with backticks.')); - message.push('```\n`monospace`\n```'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:') + ' `monospace`'); - message.push(localizeMessage('help.formatting.links', '## Links\n\nCreate labeled links by putting the desired text in square brackets and the associated link in normal brackets.')); - message.push('`' + localizeMessage('help.formatting.linkEx', '[Check out Mattermost!](https://about.mattermost.com/)') + '`'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:') + ' ' + localizeMessage('help.formatting.linkEx', '[Check out Mattermost!](https://about.mattermost.com/)')); - message.push(localizeMessage('help.formatting.images', '## In-line Images\n\nCreate in-line images using an `!` followed by the alt text in square brackets and the link in normal brackets. Add hover text by placing it in quotes after the link.')); - message.push('```\n' + localizeMessage('help.formatting.imagesExample', '\n\nand\n\n[](https://travis-ci.org/mattermost/platform) [](https://github.com/mattermost/platform)') + '\n```'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:')); - message.push(localizeMessage('help.formatting.imagesExample', '\n\nand\n\n[](https://travis-ci.org/mattermost/platform) [](https://github.com/mattermost/platform)')); - message.push(localizeMessage('help.formatting.emojis', '## Emojis\n\nOpen the emoji autocomplete by typing `:`. A full list of emojis can be found [here](http://www.emoji-cheat-sheet.com/). It is also possible to create your own [Custom Emoji](http://docs.mattermost.com/help/settings/custom-emoji.html) if the emoji you want to use doesn\'t exist.')); - message.push('```\n' + localizeMessage('help.formatting.emojiExample', ':smile: :+1: :sheep:') + '\n```'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:')); - message.push(localizeMessage('help.formatting.emojiExample', ':smile: :+1: :sheep:')); - message.push(localizeMessage('help.formatting.lines', '## Lines\n\nCreate a line by using three `*`, `_`, or `-`.')); - message.push('`***` ' + localizeMessage('help.formatting.renders', 'Renders as:') + '\n***'); - message.push(localizeMessage('help.formatting.quotes', '## Block quotes\n\nCreate block quotes using `>`.')); - message.push(localizeMessage('help.formatting.quotesExample', '`> block quotes` renders as:')); - message.push(localizeMessage('help.formatting.quotesRender', '> block quotes')); - message.push(localizeMessage('help.formatting.lists', '## Lists\n\nCreate a list by using `*` or `-` as bullets. Indent a bullet point by adding two spaces in front of it.')); - message.push('```\n' + localizeMessage('help.formatting.listExample', '* list item one\n* list item two\n * item two sub-point') + '\n```'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:')); - message.push(localizeMessage('help.formatting.listExample', '* list item one\n* list item two\n * item two sub-point')); - message.push(localizeMessage('help.formatting.ordered', 'Make it an ordered list by using numbers instead:')); - message.push('```\n' + localizeMessage('help.formatting.orderedExample', '1. Item one\n2. Item two') + '\n```'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:')); - message.push(localizeMessage('help.formatting.orderedExample', '1. Item one\n2. Item two')); - message.push(localizeMessage('help.formatting.checklist', 'Make a task list by including square brackets:')); - message.push('```\n' + localizeMessage('help.formatting.checklistExample', '- [ ] Item one\n- [ ] Item two\n- [x] Completed item') + '\n```'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:')); - message.push(localizeMessage('help.formatting.checklistExample', '- [ ] Item one\n- [ ] Item two\n- [x] Completed item')); - message.push(localizeMessage('help.formatting.tables', '## Tables\n\nCreate a table by placing a dashed line under the header row and separating the columns with a pipe `|`. (The columns don’t need to line up exactly for it to work). Choose how to align table columns by including colons `:` within the header row.')); - message.push('```\n' + localizeMessage('help.formatting.tableExample', '| Left-Aligned | Center Aligned | Right Aligned |\n| :------------ |:---------------:| -----:|\n| Left column 1 | this text | $100 |\n| Left column 2 | is | $10 |\n| Left column 3 | centered | $1 |') + '\n```'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:')); - message.push(localizeMessage('help.formatting.tableExample', '| Left-Aligned | Center Aligned | Right Aligned |\n| :------------ |:---------------:| -----:|\n| Left column 1 | this text | $100 |\n| Left column 2 | is | $10 |\n| Left column 3 | centered | $1 |')); - message.push(localizeMessage('help.formatting.headings', '## Headings\n\nMake a heading by typing # and a space before your title. For smaller headings, use more #’s.')); - message.push('```\n' + localizeMessage('help.formatting.headingsExample', '## Large Heading\n### Smaller Heading\n#### Even Smaller Heading') + '\n```'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:')); - message.push(localizeMessage('help.formatting.headingsExample', '## Large Heading\n### Smaller Heading\n#### Even Smaller Heading')); - message.push(localizeMessage('help.formatting.headings2', 'Alternatively, you can underline the text using `===` or `---` to create headings.')); - message.push('```\n' + localizeMessage('help.formatting.headings2Example', 'Large Heading\n-------------') + '\n```'); - message.push(localizeMessage('help.formatting.renders', 'Renders as:')); - message.push(localizeMessage('help.formatting.headings2Example', 'Large Heading\n-------------')); - - return ( - <div> - <span - dangerouslySetInnerHTML={{__html: formatText(message.join('\n\n'))}} - /> - <p className='links'> - <FormattedMessage - id='help.learnMore' - defaultMessage='Learn more about:' - /> - </p> - <ul> - <li> - <Link to='/help/messaging'> - <FormattedMessage - id='help.link.messaging' - defaultMessage='Basic Messaging' - /> - </Link> - </li> - <li> - <Link to='/help/composing'> - <FormattedMessage - id='help.link.composing' - defaultMessage='Composing Messages and Replies' - /> - </Link> - </li> - <li> - <Link to='/help/mentioning'> - <FormattedMessage - id='help.link.mentioning' - defaultMessage='Mentioning Teammates' - /> - </Link> - </li> - <li> - <Link to='/help/attaching'> - <FormattedMessage - id='help.link.attaching' - defaultMessage='Attaching Files' - /> - </Link> - </li> - <li> - <Link to='/help/commands'> - <FormattedMessage - id='help.link.commands' - defaultMessage='Executing Commands' - /> - </Link> - </li> - </ul> - </div> - ); -} diff --git a/webapp/components/help/components/mentioning.jsx b/webapp/components/help/components/mentioning.jsx deleted file mode 100644 index fa3bf2d7d..000000000 --- a/webapp/components/help/components/mentioning.jsx +++ /dev/null @@ -1,79 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import {localizeMessage} from 'utils/utils.jsx'; -import {formatText} from 'utils/text_formatting.jsx'; -import {FormattedMessage} from 'react-intl'; -import {Link} from 'react-router/es6'; - -import React from 'react'; - -export default function HelpMentioning() { - const message = []; - message.push(localizeMessage('help.mentioning.title', '# Mentioning Teammates\n_____')); - message.push(localizeMessage('help.mentioning.mentions', '## @Mentions\nUse @mentions to get the attention of specific team members.')); - message.push(localizeMessage('help.mentioning.username', '#### @Username\nYou can mention a teammate by using the `@` symbol plus their username to send them a mention notification.\n\nType `@` to bring up a list of team members who can be mentioned. To filter the list, type the first few letters of any username, first name, last name, or nickname. The **Up** and **Down** arrow keys can then be used to scroll through entries in the list, and pressing **ENTER** will select which user to mention. Once selected, the username will automatically replace the full name or nickname.\nThe following example sends a special mention notification to **alice** that alerts her of the channel and message where she has been mentioned. If **alice** is away from Mattermost and has [email notifications](http://docs.mattermost.com/help/getting-started/configuring-notifications.html#email-notifications) turned on, then she will receive an email alert of her mention along with the message text.')); - message.push('```\n' + localizeMessage('help.mentioning.usernameExample', '@alice how did your interview go with the new candidate?') + '\n```'); - message.push('\n\n '); - message.push(localizeMessage('help.mentioning.usernameCont', 'If the user you mentioned does not belong to the channel, a System Message will be posted to let you know. This is a temporary message only seen by the person who triggered it. To add the mentioned user to the channel, go to the dropdown menu beside the channel name and select **Add Members**.')); - message.push(localizeMessage('help.mentioning.channel', '#### @Channel\nYou can mention an entire channel by typing `@channel`. All members of the channel will receive a mention notification that behaves the same way as if the members had been mentioned personally.')); - message.push('```\n' + localizeMessage('help.mentioning.channelExample', '@channel great work on interviews this week. I think we found some excellent potential candidates!') + '```\n'); - message.push(localizeMessage('help.mentioning.triggers', '## Words That Trigger Mentions\nIn addition to being notified by @username and @channel, you can customize words that trigger mention notifications in **Account Settings** > **Notifications** > **Words that trigger mentions**. By default, you will receive mention notifications on your first name, and you can add more words by typing them into the input box separated by commas. This is useful if you want to be notified of all posts on certain topics, for example, "interviewing" or "marketing".')); - message.push(localizeMessage('help.mentioning.recent', '## Recent Mentions\nClick `@` next to the search box to query for your most recent @mentions and words that trigger mentions. Click **Jump** next to a search result in the RHS to jump the center pane to the channel and location of the message with the mention.')); - - return ( - <div> - <span - dangerouslySetInnerHTML={{__html: formatText(message.join('\n\n'))}} - /> - <p className='links'> - <FormattedMessage - id='help.learnMore' - defaultMessage='Learn more about:' - /> - </p> - <ul> - <li> - <Link to='/help/messaging'> - <FormattedMessage - id='help.link.messaging' - defaultMessage='Basic Messaging' - /> - </Link> - </li> - <li> - <Link to='/help/composing'> - <FormattedMessage - id='help.link.composing' - defaultMessage='Composing Messages and Replies' - /> - </Link> - </li> - <li> - <Link to='/help/formatting'> - <FormattedMessage - id='help.link.formatting' - defaultMessage='Formatting Messages using Markdown' - /> - </Link> - </li> - <li> - <Link to='/help/attaching'> - <FormattedMessage - id='help.link.attaching' - defaultMessage='Attaching Files' - /> - </Link> - </li> - <li> - <Link to='/help/commands'> - <FormattedMessage - id='help.link.commands' - defaultMessage='Executing Commands' - /> - </Link> - </li> - </ul> - </div> - ); -} diff --git a/webapp/components/help/components/messaging.jsx b/webapp/components/help/components/messaging.jsx deleted file mode 100644 index a36e8e772..000000000 --- a/webapp/components/help/components/messaging.jsx +++ /dev/null @@ -1,78 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import {localizeMessage} from 'utils/utils.jsx'; -import {formatText} from 'utils/text_formatting.jsx'; -import {FormattedMessage} from 'react-intl'; -import {Link} from 'react-router/es6'; - -import React from 'react'; - -export default function HelpMessaging() { - const message = []; - message.push(localizeMessage('help.messaging.title', '# Messaging Basics\n_____')); - message.push(localizeMessage('help.messaging.write', '**Write messages** using the text input box at the bottom of Mattermost. Press ENTER to send a message. Use SHIFT+ENTER to create a new line without sending a message.')); - message.push(localizeMessage('help.messaging.reply', '**Reply to messages** by clicking the reply arrow next to the message text.')); - message.push(''); - message.push(localizeMessage('help.messaging.notify', '**Notify teammates** when they are needed by typing `@username`.')); - message.push(localizeMessage('help.messaging.format', '**Format your messages** using Markdown that supports text styling, headings, links, emoticons, code blocks, block quotes, tables, lists and in-line images.')); - message.push(''); - message.push(localizeMessage('help.messaging.emoji', '**Quickly add emoji** by typing ":", which will open an emoji autocomplete. If the existing emoji don\'t cover what you want to express, you can also create your own [Custom Emoji](http://docs.mattermost.com/help/settings/custom-emoji.html).')); - message.push(localizeMessage('help.messaging.attach', '**Attach files** by dragging and dropping into Mattermost or clicking the attachment icon in the text input box.')); - - return ( - <div> - <span - dangerouslySetInnerHTML={{__html: formatText(message.join('\n\n'))}} - /> - <p className='links'> - <FormattedMessage - id='help.learnMore' - defaultMessage='Learn more about:' - /> - </p> - <ul> - <li> - <Link to='/help/composing'> - <FormattedMessage - id='help.link.composing' - defaultMessage='Composing Messages and Replies' - /> - </Link> - </li> - <li> - <Link to='/help/mentioning'> - <FormattedMessage - id='help.link.mentioning' - defaultMessage='Mentioning Teammates' - /> - </Link> - </li> - <li> - <Link to='/help/formatting'> - <FormattedMessage - id='help.link.formatting' - defaultMessage='Formatting Messages using Markdown' - /> - </Link> - </li> - <li> - <Link to='/help/attaching'> - <FormattedMessage - id='help.link.attaching' - defaultMessage='Attaching Files' - /> - </Link> - </li> - <li> - <Link to='/help/commands'> - <FormattedMessage - id='help.link.commands' - defaultMessage='Executing Commands' - /> - </Link> - </li> - </ul> - </div> - ); -} diff --git a/webapp/components/help/help_controller.jsx b/webapp/components/help/help_controller.jsx deleted file mode 100644 index b58a93320..000000000 --- a/webapp/components/help/help_controller.jsx +++ /dev/null @@ -1,29 +0,0 @@ -import PropTypes from 'prop-types'; - -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import React from 'react'; -import ReactDOM from 'react-dom'; - -export default class HelpController extends React.Component { - static get propTypes() { - return { - children: PropTypes.node.isRequired - }; - } - - componentWillUpdate() { - ReactDOM.findDOMNode(this).scrollIntoView(); - } - - render() { - return ( - <div className='help'> - <div className='container col-sm-10 col-sm-offset-1'> - {this.props.children} - </div> - </div> - ); - } -} |