hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-11-30 02:37:46 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

[UBER-169] Allow to click and open links in contact information (#3337)

Browse Source 
Signed-off-by: Ruslan Bayandinov <wazsone@ya.ru>
This commit is contained in:
Ruslan Bayandinov 2023-06-05 12:12:51 +07:00 committed by GitHub
parent 2aff844540
commit ce34a7e6d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/ui/src/utils.ts
View File

@ -173,6 +173,22 @@ export function replaceURLs (text: string): string {
}) })
} }
/**
* Parse first URL from the given text or html
*
* @example
* replaceURLs("github.com")
* returns: "http://github.com"
*
* @export
* @param {string} text
* @returns {string} string with parsed URL
*/
export function parseURL (text: string): string {
const matches = autolinker.parse(text, { urls: true })
return matches.length > 0 ? matches[0].getAnchorHref() : ''
}
/** /**
* @public * @public
*/ */

7
plugins/contact-resources/src/index.ts
View File

@ -19,7 +19,7 @@ import { Class, Client, DocumentQuery, Ref, RelatedDocument, WithLookup } from '
import login from '@hcengineering/login' import login from '@hcengineering/login'
import { IntlString, Resources, getResource } from '@hcengineering/platform' import { IntlString, Resources, getResource } from '@hcengineering/platform'
import { MessageBox, ObjectSearchResult, getClient, getFileUrl } from '@hcengineering/presentation' import { MessageBox, ObjectSearchResult, getClient, getFileUrl } from '@hcengineering/presentation'
import { AnyComponent, AnySvelteComponent, TooltipAlignment, showPopup } from '@hcengineering/ui' import { AnyComponent, AnySvelteComponent, TooltipAlignment, parseURL, showPopup } from '@hcengineering/ui'
import AccountArrayEditor from './components/AccountArrayEditor.svelte' import AccountArrayEditor from './components/AccountArrayEditor.svelte'
import AccountBox from './components/AccountBox.svelte' import AccountBox from './components/AccountBox.svelte'
import AssigneeBox from './components/AssigneeBox.svelte' import AssigneeBox from './components/AssigneeBox.svelte'
@ -240,8 +240,9 @@ async function kickEmployee (doc: Employee): Promise<void> {
} }
} }
async function openChannelURL (doc: Channel): Promise<void> { async function openChannelURL (doc: Channel): Promise<void> {
if (doc.value.startsWith('http://') || doc.value.startsWith('https://')) { const url = parseURL(doc.value)
window.open(doc.value) if (url.startsWith('http://') || url.startsWith('https://')) {
window.open(url)
} }
} }