matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adding a help button in the share chat modal.

Browse Source
This commit is contained in:
John Livingston 2023-07-27 16:39:05 +02:00
parent 46727a1511
commit 9621f717d1
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -5,6 +5,7 @@
### Minor changes and fixes ### Minor changes and fixes
* Fix link to documentation in french. * Fix link to documentation in french.
* Adding a help button in the share chat modal.
## 7.2.0 ## 7.2.0

19
client/videowatch/share.ts
View File

@ -1,8 +1,10 @@
import type { RegisterClientOptions } from '@peertube/peertube-types/client' import type { RegisterClientOptions } from '@peertube/peertube-types/client'
import type { Video } from '@peertube/peertube-types' import type { Video } from '@peertube/peertube-types'
import { helpButtonSVG } from './buttons'
import { logger } from './logger' import { logger } from './logger'
import { getIframeUri, getXMPPAddr, UriOptions } from './uri' import { getIframeUri, getXMPPAddr, UriOptions } from './uri'
import { isAutoColorsAvailable } from 'shared/lib/autocolors' import { isAutoColorsAvailable } from 'shared/lib/autocolors'
import { helpUrl } from 'shared/lib/help'
interface ShareForm { interface ShareForm {
shareString: HTMLInputElement shareString: HTMLInputElement
@ -38,7 +40,8 @@ async function shareChatUrl (registerOptions: RegisterClientOptions, settings: a
labelOpen, labelOpen,
labelAutocolors, labelAutocolors,
labelGenerateIframe, labelGenerateIframe,
labelChatFor labelChatFor,
labelHelp
] = await Promise.all([ ] = await Promise.all([
peertubeHelpers.translate(LOC_SHARE_CHAT_LINK), peertubeHelpers.translate(LOC_SHARE_CHAT_LINK),
peertubeHelpers.translate(LOC_WEB), peertubeHelpers.translate(LOC_WEB),
@ -54,7 +57,8 @@ async function shareChatUrl (registerOptions: RegisterClientOptions, settings: a
peertubeHelpers.translate(LOC_OPEN), peertubeHelpers.translate(LOC_OPEN),
peertubeHelpers.translate(LOC_USE_CURRENT_THEME_COLOR), peertubeHelpers.translate(LOC_USE_CURRENT_THEME_COLOR),
peertubeHelpers.translate(LOC_GENERATE_IFRAME), peertubeHelpers.translate(LOC_GENERATE_IFRAME),
peertubeHelpers.translate(LOC_CHAT_FOR_LIVE_STREAM) peertubeHelpers.translate(LOC_CHAT_FOR_LIVE_STREAM),
peertubeHelpers.translate(LOC_ONLINE_HELP)
]) ])
const defaultUri = getIframeUri(registerOptions, settings, video) const defaultUri = getIframeUri(registerOptions, settings, video)
@ -86,6 +90,17 @@ async function shareChatUrl (registerOptions: RegisterClientOptions, settings: a
openButton.classList.add('btn', 'btn-outline-secondary', 'text-uppercase') openButton.classList.add('btn', 'btn-outline-secondary', 'text-uppercase')
openButton.textContent = labelOpen openButton.textContent = labelOpen
divShareString.append(openButton) divShareString.append(openButton)
const helpButton = document.createElement('a')
helpButton.href = helpUrl({
page: 'documentation/user/streamers'
})
helpButton.target = '_blank'
helpButton.innerHTML = helpButtonSVG()
helpButton.title = labelHelp
helpButton.classList.add('orange-button', 'peertube-button-link', 'peertube-plugin-livechat-button')
divShareString.append(helpButton)
container.append(divShareString) container.append(divShareString)
let radioProtocolWeb let radioProtocolWeb