aheh/mirotalk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[mirotalk] - add brand support for login page heading, description, and button labels

Browse Source
This commit is contained in:
Miroslav Pejic
2026-03-17 03:12:39 +01:00
parent 538499ecc7
commit dce32c07eb
8 changed files with 39 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env.template
+1 -1
View File
@@ -1,5 +1,5 @@
# ====================================================
# MiroTalk P2P v.1.7.49 - Environment Configuration
# MiroTalk P2P v.1.7.50 - Environment Configuration
# ====================================================
# App environment
app/src/config.template.js
+6 -1
View File
@@ -2,7 +2,7 @@
/**
* ==============================================
* MiroTalk P2P v.1.7.49 - Configuration File
* MiroTalk P2P v.1.7.50 - Configuration File
* ==============================================
*
* This file is the central configuration source.
@@ -282,6 +282,11 @@ module.exports = {
newCallRoomDescription:
"Each room has its disposable URL. Just pick a room name and share your custom URL. It's that easy.",
loginTitle: 'MiroTalk - Host Protected login required.',
loginHeading: 'Welcome back',
loginDescription: 'Enter your credentials to continue.',
loginButtonLabel: 'Login',
joinRoomTitle: 'Pick name.<br />Share URL.<br />Start conference.',
joinRoomButtonLabel: 'JOIN ROOM',
clientTitle: 'MiroTalk WebRTC Video call, Chat Room & Screen Sharing.',
privacyPolicyTitle: 'MiroTalk - privacy and policy.',
stunTurnTitle: 'Test Stun/Turn Servers.',
app/src/server.js
+1 -1
View File
@@ -45,7 +45,7 @@ dependencies: {
* @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
* @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.7.49
* @version 1.7.50
*
*/
package-lock.json
Generated
+2 -2
View File
@@ -1,12 +1,12 @@
{
"name": "mirotalk",
"version": "1.7.49",
"version": "1.7.50",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "mirotalk",
"version": "1.7.49",
"version": "1.7.50",
"license": "AGPL-3.0",
"dependencies": {
"@mattermost/client": "11.4.0",
package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "mirotalk",
"version": "1.7.49",
"version": "1.7.50",
"description": "A free WebRTC browser-based video call",
"main": "server.js",
"scripts": {
public/js/brand.js
+17 -1
View File
@@ -10,6 +10,11 @@ const newCallTitle = document.getElementById('newCallTitle');
const newCallRoomTitle = document.getElementById('newCallRoomTitle');
const newCallRoomDescription = document.getElementById('newCallRoomDescription');
const loginTitle = document.getElementById('loginTitle');
const loginHeading = document.getElementById('loginHeading');
const loginDescription = document.getElementById('loginDescription');
const loginButtonLabel = document.getElementById('loginButtonLabel');
const joinRoomTitle = document.getElementById('joinRoomTitle');
const joinRoomButtonLabel = document.getElementById('joinRoomButtonLabel');
const waitingRoomTitle = document.getElementById('waitingRoomTitle');
const waitingRoomHeading = document.getElementById('waitingRoomHeading');
const waitingRoomDescription = document.getElementById('waitingRoomDescription');
@@ -66,6 +71,11 @@ let brand = {
newCallRoomDescription:
"Each room has its disposable URL. Just pick a room name and share your custom URL. It's that easy.",
loginTitle: 'MiroTalk - Host Protected login required.',
loginHeading: 'Welcome back',
loginDescription: 'Enter your credentials to continue.',
loginButtonLabel: 'Login',
joinRoomTitle: 'Pick name.<br />Share URL.<br />Start conference.',
joinRoomButtonLabel: 'JOIN ROOM',
clientTitle: 'MiroTalk WebRTC Video call, Chat Room & Screen Sharing.',
privacyPolicyTitle: 'MiroTalk - privacy and policy.',
stunTurnTitle: 'Test Stun/Turn Servers.',
@@ -94,7 +104,7 @@ let brand = {
},
about: {
imageUrl: '../images/mirotalk-logo.gif',
title: 'WebRTC P2P v1.7.49',
title: 'WebRTC P2P v1.7.50',
html: `
<button
id="support-button"
@@ -239,6 +249,12 @@ function handleBrand() {
newCallRoomDescription.textContent = brand.site.newCallRoomDescription;
if (loginTitle && brand.site?.loginTitle) loginTitle.textContent = brand.site.loginTitle;
if (loginHeading && brand.site?.loginHeading) loginHeading.textContent = brand.site.loginHeading;
if (loginDescription && brand.site?.loginDescription) loginDescription.textContent = brand.site.loginDescription;
if (loginButtonLabel && brand.site?.loginButtonLabel) loginButtonLabel.textContent = brand.site.loginButtonLabel;
if (joinRoomTitle && brand.site?.joinRoomTitle) joinRoomTitle.innerHTML = brand.site.joinRoomTitle;
if (joinRoomButtonLabel && brand.site?.joinRoomButtonLabel)
joinRoomButtonLabel.textContent = brand.site.joinRoomButtonLabel;
if (privacyPolicyTitle && brand.site?.privacyPolicyTitle)
privacyPolicyTitle.textContent = brand.site.privacyPolicyTitle;
if (stunTurnTitle && brand.site?.stunTurnTitle) stunTurnTitle.textContent = brand.site.stunTurnTitle;
public/js/client.js
+2 -2
View File
@@ -15,7 +15,7 @@
* @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
* @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.7.49
* @version 1.7.50
*
*/
@@ -13738,7 +13738,7 @@ function showAbout() {
Swal.fire({
background: swBg,
position: 'center',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.7.49',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.7.50',
imageUrl: brand.about?.imageUrl && brand.about.imageUrl.trim() !== '' ? brand.about.imageUrl : images.about,
customClass: { image: 'img-about' },
html: `
public/views/login.html
+9 -5
View File
@@ -84,8 +84,10 @@
<div class="login-icon">
<i class="fa-solid fa-lock"></i>
</div>
<h2 class="login-title">Welcome back</h2>
<p class="login-description">Enter your credentials to continue.</p>
<h2 id="loginHeading" class="login-title">Welcome back</h2>
<p id="loginDescription" class="login-description">
Enter your credentials to continue.
</p>
<div class="login-input-group">
<i class="fa-solid fa-user"></i>
<input
@@ -109,7 +111,8 @@
/>
</div>
<button id="loginButton" class="login-btn pulse">
<i class="fa-solid fa-right-to-bracket"></i>&nbsp; Login
<i class="fa-solid fa-right-to-bracket"></i>&nbsp;
<span id="loginButtonLabel">Login</span>
</button>
</div>
<!-- Join Room Section hidden -->
@@ -117,7 +120,7 @@
<div class="login-icon">
<i class="fa-solid fa-video"></i>
</div>
<h2 class="join-room-title">
<h2 id="joinRoomTitle" class="join-room-title">
Pick name.<br />
Share URL.<br />
Start conference.
@@ -143,7 +146,8 @@
</button>
</div>
<button id="joinSelectRoomButton" class="join-room-btn">
<i class="fa-solid fa-right-to-bracket"></i>&nbsp; JOIN ROOM
<i class="fa-solid fa-right-to-bracket"></i>&nbsp;
<span id="joinRoomButtonLabel">JOIN ROOM</span>
</button>
</div>
</div>