mirrors/Remotely
3
0
Fork 0
mirror of https://github.com/immense/Remotely.git synced 2025-10-26 11:27:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add toast messages.

Browse Source
This commit is contained in:
Jared Goodwin 2020-04-16 15:42:54 -07:00
parent 965c5ecfc5
commit 92d23ff023
28 changed files with 102 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
Server/Pages/RemoteControl.cshtml
View File

@ -178,6 +178,11 @@
<textarea id="touchKeyboardTextArea" value=" #"> #</textarea>
</div>
<div id="toastsWrapper">
</div>
<footer>
<div class="footer-wrapper">
<p>&copy; @DateTimeOffset.Now.Year - Translucency Software</p>

14
Server/Pages/_IndexLoggedIn.cshtml
View File

@ -10,12 +10,12 @@
<div id="alertsFrame" class="bg-secondary">
<div class="text-right">
<button id="closeAlertsFrameButton" class="btn btn-secondary mt-2 mr-2 btn-sm">
<span class="fa fa-times pointer"></span>
<button id="closeAlertsFrameButton" class="btn btn-secondary mt-2 mr-2 btn-sm">
<span class="fa fa-times pointer"></span>
</button>
</div>
<div class="mt-3">
@foreach (var alert in Model.Alerts)
{
@ -66,6 +66,12 @@
</div>
</div>
<div id="toastsWrapper">
</div>
<script src="~/scripts/Main.js" type="module"></script>
<script>
window.onload = (ev) => {

5
Server/wwwroot/css/Themes/cyborg.custom.css
View File

@ -135,4 +135,9 @@ span.label.code {
#deviceGrid .fas:hover {
color: #2A9FD6 !important;
}
.toast-message {
background-color: rgb(50, 50, 50);
color: white;
}

7
Server/wwwroot/css/Themes/yeti.custom.css
View File

@ -127,4 +127,9 @@ span.label.code {
#deviceGrid .fas:hover {
color: #008cba !important;
}
}
.toast-message {
background-color: rgb(25, 25, 25);
color: white;
}

4
Server/wwwroot/css/remote-control-dark.css
View File

@ -87,8 +87,8 @@ footer a {
color: deepskyblue;
}
.float-message {
background-color: rgba(0, 0, 0, .75);
.toast-message {
background-color: rgb(50, 50, 50);
color: white;
}

4
Server/wwwroot/css/remote-control-light.css
View File

@ -75,8 +75,8 @@ footer a {
color: deepskyblue;
}
.float-message {
background-color: rgba(0, 0, 0, .75);
.toast-message {
background-color: rgb(25,25,25);
color: white;
}

28
Server/wwwroot/css/remote-control.css
View File

@ -203,33 +203,30 @@ footer {
font-size: .9em;
}
.float-message {
position: fixed;
top: 20px;
left: 50%;
transform: translate(-50%, 0);
.toast-message {
transform: translate(0, 0);
padding: 10px;
font-size: 1.25em;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
opacity: 1;
z-index: 4;
color: white;
border-radius: 5px;
user-select: none;
pointer-events: none;
animation-name: float-message;
animation-name: toast-message;
animation-delay: 2s;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: ease-in;
}
@keyframes float-message {
@keyframes toast-message {
from {
transform: translate(-50%, 0);
transform: translate(0, 0);
}
to {
transform: translate(-50%, calc(-100% - 25px));
transform: translate(calc(100% + 50px), 0);
}
}
@ -272,3 +269,10 @@ footer {
.connection-icon {
padding: 5px;
}
#toastsWrapper {
position: fixed;
bottom: 25px;
right: 25px;
z-index: 4;
}

30
Server/wwwroot/css/site.css
View File

@ -267,36 +267,36 @@ span.label.code {
transition: .5s ease all;
}
.float-message {
position: fixed;
top: 20px;
left: 50%;
transform: translate(-50%, 0);
.toast-message {
transform: translate(0, 0);
padding: 10px;
font-size: 1.25em;
font-weight: bold;
background-color: rgba(0, 0, 0, .75);
margin-top: 10px;
margin-bottom: 10px;
opacity: 1;
color: white;
z-index: 4;
border-radius: 5px;
user-select: none;
pointer-events: none;
animation-name: float-message;
animation-name: toast-message;
animation-delay: 2s;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: ease-in;
}
@keyframes float-message {
@keyframes toast-message {
from {
transform: translate(-50%, 0);
transform: translate(0, 0);
}
to {
transform: translate(-50%, calc(-100% - 25px));
transform: translate(calc(100% + 50px), 0);
}
}
#toastsWrapper {
position: fixed;
bottom: 25px;
right: 25px;
z-index: 4;
}

2
Server/wwwroot/scripts/BrowserSockets.js
View File

@ -75,7 +75,7 @@ function applyMessageHandlers(hubConnection) {
AddConsoleOutput(consoleMessage);
}
if (popupMessage) {
UI.PopupMessage(popupMessage);
UI.ShowMessage(popupMessage);
}
});
hubConnection.on("DisplayConsoleHTML", (message) => {

2
Server/wwwroot/scripts/BrowserSockets.js.map
View File

File diff suppressed because one or more lines are too long

2
Server/wwwroot/scripts/BrowserSockets.ts
View File

@ -90,7 +90,7 @@ function applyMessageHandlers(hubConnection) {
AddConsoleOutput(consoleMessage);
}
if (popupMessage) {
UI.PopupMessage(popupMessage);
UI.ShowMessage(popupMessage);
}
});
hubConnection.on("DisplayConsoleHTML", (message: string) => {

4
Server/wwwroot/scripts/InputEventHandlers.js
View File

@ -193,10 +193,10 @@ function clickStartRemoteControlButton() {
document.getElementById("startRemoteControlButton").addEventListener("click", function (e) {
var selectedDevices = DataGrid.GetSelectedDevices();
if (selectedDevices.length == 0) {
UI.PopupMessage("You must select a device first.");
UI.ShowMessage("You must select a device first.");
}
else if (selectedDevices.length > 1) {
UI.PopupMessage("You must select only one device to control.");
UI.ShowMessage("You must select only one device to control.");
}
else {
WebCommands.find(x => x.Name == "RemoteControl").Execute([]);

2
Server/wwwroot/scripts/InputEventHandlers.js.map
View File

File diff suppressed because one or more lines are too long

4
Server/wwwroot/scripts/InputEventHandlers.ts
View File

@ -202,10 +202,10 @@ function clickStartRemoteControlButton() {
document.getElementById("startRemoteControlButton").addEventListener("click", function (e) {
var selectedDevices = DataGrid.GetSelectedDevices();
if (selectedDevices.length == 0) {
UI.PopupMessage("You must select a device first.");
UI.ShowMessage("You must select a device first.");
}
else if (selectedDevices.length > 1) {
UI.PopupMessage("You must select only one device to control.");
UI.ShowMessage("You must select only one device to control.");
}
else {
WebCommands.find(x => x.Name == "RemoteControl").Execute([]);

2
Server/wwwroot/scripts/Pages/OrganizationManagement.js.map
View File

File diff suppressed because one or more lines are too long

2
Server/wwwroot/scripts/Pages/OrganizationManagement.ts
View File

@ -1,4 +1,4 @@
import { ShowModal, ValidateInput, PopupMessage } from "../UI.js";
import { ShowModal, ValidateInput, ShowMessage } from "../UI.js";
document.getElementById("usersHelpButton").addEventListener("click", (ev) => {

4
Server/wwwroot/scripts/RemoteControl/RCBrowserSockets.js
View File

@ -1,7 +1,7 @@
import * as UI from "./UI.js";
import { MainRc } from "./Main.js";
import { Sound } from "../Sound.js";
import { PopupMessage } from "../UI.js";
import { ShowMessage } from "../UI.js";
var signalR = window["signalR"];
export class RCBrowserSockets {
constructor() {
@ -117,7 +117,7 @@ export class RCBrowserSockets {
ApplyMessageHandlers(hubConnection) {
hubConnection.on("ClipboardTextChanged", (clipboardText) => {
MainRc.ClipboardWatcher.SetClipboardText(clipboardText);
PopupMessage("Clipboard updated.");
ShowMessage("Clipboard updated.");
});
hubConnection.on("ScreenData", (selectedDisplay, displayNames) => {
UI.UpdateDisplays(selectedDisplay, displayNames);

2
Server/wwwroot/scripts/RemoteControl/RCBrowserSockets.js.map
View File

File diff suppressed because one or more lines are too long

4
Server/wwwroot/scripts/RemoteControl/RCBrowserSockets.ts
View File

@ -3,7 +3,7 @@ import * as UI from "./UI.js";
import { MainRc } from "./Main.js";
import { CursorInfo } from "../Models/CursorInfo.js";
import { Sound } from "../Sound.js";
import { PopupMessage } from "../UI.js";
import { ShowMessage } from "../UI.js";
var signalR = window["signalR"];
@ -132,7 +132,7 @@ export class RCBrowserSockets {
private ApplyMessageHandlers(hubConnection) {
hubConnection.on("ClipboardTextChanged", (clipboardText: string) => {
MainRc.ClipboardWatcher.SetClipboardText(clipboardText);
PopupMessage("Clipboard updated.");
ShowMessage("Clipboard updated.");
});
hubConnection.on("ScreenData", (selectedDisplay: string, displayNames: string[]) => {
UI.UpdateDisplays(selectedDisplay, displayNames);

4
Server/wwwroot/scripts/RemoteControl/RtcMessageHandler.js
View File

@ -1,7 +1,7 @@
import * as UI from "./UI.js";
import { BinaryDtoType } from "../Enums/BinaryDtoType.js";
import { MainRc } from "./Main.js";
import { PopupMessage } from "../UI.js";
import { ShowMessage } from "../UI.js";
import { Sound } from "../Sound.js";
export class RtcMessageHandler {
constructor() {
@ -68,7 +68,7 @@ export class RtcMessageHandler {
}
HandleClipboardText(clipboardText) {
MainRc.ClipboardWatcher.SetClipboardText(clipboardText.ClipboardText);
PopupMessage("Clipboard updated.");
ShowMessage("Clipboard updated.");
}
HandleCursorChange(cursorChange) {
UI.UpdateCursor(cursorChange.CursorInfo);

2
Server/wwwroot/scripts/RemoteControl/RtcMessageHandler.js.map
View File

@ -1 +1 @@
{"version":3,"file":"RtcMessageHandler.js","sourceRoot":"","sources":["RtcMessageHandler.ts"],"names":[],"mappings":"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"}
{"version":3,"file":"RtcMessageHandler.js","sourceRoot":"","sources":["RtcMessageHandler.ts"],"names":[],"mappings":"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"}

4
Server/wwwroot/scripts/RemoteControl/RtcMessageHandler.ts
View File

@ -2,7 +2,7 @@
import { BinaryDtoType } from "../Enums/BinaryDtoType.js";
import { BinaryDto } from "./BinaryDto.js";
import { MainRc } from "./Main.js";
import { PopupMessage } from "../UI.js";
import { ShowMessage } from "../UI.js";
import { Sound } from "../Sound.js";
import {
AudioSampleDto,
@ -84,7 +84,7 @@ export class RtcMessageHandler {
}
HandleClipboardText(clipboardText: ClipboardTextDto) {
MainRc.ClipboardWatcher.SetClipboardText(clipboardText.ClipboardText);
PopupMessage("Clipboard updated.");
ShowMessage("Clipboard updated.");
}
HandleCursorChange(cursorChange: CursorChangeDto) {
UI.UpdateCursor(cursorChange.CursorInfo);

10
Server/wwwroot/scripts/RemoteControl/UI.js
View File

@ -1,5 +1,4 @@
import { MainRc } from "./Main.js";
import { PopupMessage } from "../UI.js";
import { RemoteControlMode } from "../Enums/RemoteControlMode.js";
import { GetDistanceBetween, ConvertUInt8ArrayToBase64 } from "../Utilities.js";
export var AudioButton = document.getElementById("audioButton");
@ -38,6 +37,7 @@ export var ClipboardTransferButton = document.getElementById("clipboardTransferB
export var ClipboardTransferTypeCheckbox = document.getElementById("clipboardTransferTypeCheckbox");
export var ConnectionP2PIcon = document.getElementById("connectionP2PIcon");
export var ConnectionRelayedIcon = document.getElementById("connectionRelayedIcon");
export var ToastsWrapper = document.getElementById("toastsWrapper");
var lastPointerMove = Date.now();
var isDragging;
var currentPointerDevice;
@ -70,7 +70,7 @@ export function ApplyInputHandlers() {
}
MainRc.MessageSender.SendClipboardTransfer(ClipboardTransferTextArea.value, ClipboardTransferTypeCheckbox.checked);
ClipboardTransferTextArea.blur();
PopupMessage("Clipboard sent!");
ShowMessage("Clipboard sent!");
});
ConnectButton.addEventListener("click", (ev) => {
MainRc.ConnectToClient();
@ -133,7 +133,7 @@ export function ApplyInputHandlers() {
url = `${location.origin}${location.pathname}?clientID=${MainRc.ClientID}&serviceID=${MainRc.ServiceID}`;
}
MainRc.ClipboardWatcher.SetClipboardText(url);
PopupMessage("Link copied to clipboard.");
ShowMessage("Link copied to clipboard.");
});
KeyboardButton.addEventListener("click", (ev) => {
closeAllHorizontalBars(null);
@ -412,9 +412,9 @@ export function SetScreenSize(width, height) {
}
export function ShowMessage(message) {
var messageDiv = document.createElement("div");
messageDiv.classList.add("float-message");
messageDiv.classList.add("toast-message");
messageDiv.innerHTML = message;
document.body.appendChild(messageDiv);
ToastsWrapper.appendChild(messageDiv);
window.setTimeout(() => {
messageDiv.remove();
}, 5000);

2
Server/wwwroot/scripts/RemoteControl/UI.js.map
View File

File diff suppressed because one or more lines are too long

10
Server/wwwroot/scripts/RemoteControl/UI.ts
View File

@ -1,6 +1,5 @@
import { RCBrowserSockets } from "./RCBrowserSockets.js";
import { MainRc } from "./Main.js";
import { PopupMessage } from "../UI.js";
import { RemoteControlMode } from "../Enums/RemoteControlMode.js";
import { Point } from "../Models/Point.js";
import { GetDistanceBetween, ConvertUInt8ArrayToBase64 } from "../Utilities.js";
@ -42,6 +41,7 @@ export var ClipboardTransferButton = document.getElementById("clipboardTransferB
export var ClipboardTransferTypeCheckbox = document.getElementById("clipboardTransferTypeCheckbox") as HTMLInputElement;
export var ConnectionP2PIcon = document.getElementById("connectionP2PIcon") as HTMLElement;
export var ConnectionRelayedIcon = document.getElementById("connectionRelayedIcon") as HTMLElement;
export var ToastsWrapper = document.getElementById("toastsWrapper") as HTMLDivElement;
var lastPointerMove = Date.now();
var isDragging: boolean;
@ -76,7 +76,7 @@ export function ApplyInputHandlers() {
}
MainRc.MessageSender.SendClipboardTransfer(ClipboardTransferTextArea.value, ClipboardTransferTypeCheckbox.checked);
ClipboardTransferTextArea.blur();
PopupMessage("Clipboard sent!");
ShowMessage("Clipboard sent!");
});
ConnectButton.addEventListener("click", (ev) => {
MainRc.ConnectToClient();
@ -139,7 +139,7 @@ export function ApplyInputHandlers() {
url = `${location.origin}${location.pathname}?clientID=${MainRc.ClientID}&serviceID=${MainRc.ServiceID}`;
}
MainRc.ClipboardWatcher.SetClipboardText(url);
PopupMessage("Link copied to clipboard.");
ShowMessage("Link copied to clipboard.");
});
KeyboardButton.addEventListener("click", (ev) => {
closeAllHorizontalBars(null);
@ -457,9 +457,9 @@ export function SetScreenSize(width: number, height: number) {
export function ShowMessage(message: string) {
var messageDiv = document.createElement("div");
messageDiv.classList.add("float-message");
messageDiv.classList.add("toast-message");
messageDiv.innerHTML = message;
document.body.appendChild(messageDiv);
ToastsWrapper.appendChild(messageDiv);
window.setTimeout(() => {
messageDiv.remove();
}, 5000);

7
Server/wwwroot/scripts/UI.js
View File

@ -20,11 +20,12 @@ export var AlertsButton = document.getElementById("alertsButton");
export var CloseAlertsButton = document.getElementById("closeAlertsFrameButton");
export var AlertsFrame = document.getElementById("alertsFrame");
export var AlertsCount = document.getElementById("alertsCount");
export function PopupMessage(message) {
export var ToastsWrapper = document.getElementById("toastsWrapper");
export function ShowMessage(message) {
var messageDiv = document.createElement("div");
messageDiv.classList.add("float-message");
messageDiv.classList.add("toast-message");
messageDiv.innerHTML = message;
document.body.appendChild(messageDiv);
ToastsWrapper.appendChild(messageDiv);
window.setTimeout(() => {
messageDiv.remove();
}, 5000);

2
Server/wwwroot/scripts/UI.js.map
View File

@ -1 +1 @@
{"version":3,"file":"UI.js","sourceRoot":"","sources":["UI.ts"],"names":[],"mappings":"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"}
{"version":3,"file":"UI.js","sourceRoot":"","sources":["UI.ts"],"names":[],"mappings":"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"}

8
Server/wwwroot/scripts/UI.ts
View File

@ -22,17 +22,19 @@ export var AlertsButton = document.getElementById("alertsButton") as HTMLButtonE
export var CloseAlertsButton = document.getElementById("closeAlertsFrameButton") as HTMLButtonElement;
export var AlertsFrame = document.getElementById("alertsFrame") as HTMLDivElement;
export var AlertsCount = document.getElementById("alertsCount") as HTMLSpanElement;
export var ToastsWrapper = document.getElementById("toastsWrapper") as HTMLDivElement;
export function PopupMessage(message: string) {
export function ShowMessage(message: string) {
var messageDiv = document.createElement("div");
messageDiv.classList.add("float-message");
messageDiv.classList.add("toast-message");
messageDiv.innerHTML = message;
document.body.appendChild(messageDiv);
ToastsWrapper.appendChild(messageDiv);
window.setTimeout(() => {
messageDiv.remove();
}, 5000);
}
export function ShowModal(title: string, modalBodyHtml: string, buttonsHTML: string = "", onDismissCallback: VoidFunction = null) : HTMLDivElement {
var modalID = Utilities.CreateGUID();
var modalHTML = `<div id="${modalID}" class="modal fade in" tabindex="-1" role="dialog">