Remotely/Remotely_Server/Pages/RemoteControl.cshtml
2021-07-29 07:53:41 -07:00

102 lines
3.9 KiB
Plaintext

@page
@model Remotely_Server.Pages.RemoteControlModel
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=0.9" />
<link rel="icon" href="~/favicon.ico" />
<title>Remotely Remote Control</title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<link href="~/manifest-rc.json" rel="manifest" />
<meta name="description" content="Remote access tools designed to get things done quickly." />
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
<link href="~/css/remote-control.css" rel="stylesheet" asp-append-version="true" />
<link href="~/css/fontawesome/css/all.min.css" rel="stylesheet" />
<environment include="Development">
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/signalr/signalr.js"></script>
</environment>
<environment exclude="Development">
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/signalr/signalr.min.js"></script>
</environment>
<script src="~/lib/adapter.js"></script>
</head>
<body>
<div class="remotely-header" title="Remotely">
<div class="logo-title">
Remotely
</div>
<div class="logo-subtitle">Do IT Remotely</div>
</div>
<div id="connectionBar" class="connection-bar">
<i id="menuButton" class="fas fa-bars"></i>
<div class="connection-bar-footer">
</div>
<div class="connection-bar-body">
<button id="actionsButton" class="bar-button">Actions <i class="fas fa-bolt"></i></button>
<button id="changeScreenButton" class="bar-button">Monitors <i class="fas fa-desktop"></i></button>
<button id="fitToScreenButton" class="toggled bar-button">Fit <i class="fas fa-expand"></i></button>
<button id="disconnectButton" class="bar-button">Disconnect <i class="fas fa-window-close"></i></button>
</div>
</div>
<div id="actionsBar" class="horizontal-button-bar">
<button id="inviteButton" class="bar-button">Invite Others <i class="fas fa-user-plus"></i></button>
<button id="keyboardButton" hidden="hidden" class="bar-button">Keyboard <i class="fas fa-keyboard"></i></button>
<button id="fileTransferButton" class="bar-button">File Transfer <i class="fas fa-file-upload"></i></button>
<button id="ctrlAltDelButton" class="bar-button">Ctrl+Alt+Del <i class="fas fa-sign-in-alt"></i></button>
</div>
<div id="connectBox">
<h3>Connect to a client:</h3>
<div class="form-block">
<label>Your Name (shown to client): </label>
<br />
<input id="nameInput" type="text" />
</div>
<div class="form-block">
<label>Session ID: </label>
<br />
<input id="sessionIDInput" type="text" pattern="[0-9 ]+" />
</div>
<div class="right-aligned">
<button id="connectButton">Connect</button>
</div>
<div id="statusMessage" class="status-message">
</div>
</div>
<div id="screenSelectBar" class="horizontal-button-bar">
</div>
<div class="center-aligned">
<canvas id="screenViewer" hidden="hidden"></canvas>
<input id="fileTransferInput" hidden="hidden" type="file" />
<input id="touchKeyboardInput" type="text" />
</div>
<partial name="_OSK.cshtml" />
<footer>
<div class="footer-wrapper">
<p>&copy; 2018 - Translucency Software</p>
<p hidden="hidden">
<span>File Transfer:</span>
<progress id="fileTransferProgress"></progress>
</p>
</div>
</footer>
<script type="module" src="~/scripts/RemoteControl/RemoteControl.js">
</script>
</body>
</html>