pong-game/PongGame/Pages/Pong.cshtml

34 lines
1.3 KiB
Plaintext
Raw Normal View History

2022-11-03 12:29:35 +01:00
@page
@model PongModel
@{
ViewData["Title"] = "Pong";
}
<div class="text-center">
<h1 class="display-4">Pong</h1>
<h3 id="connection">Connection Status</h3>
<button id="createlobby" class="btn btn-primary mb-3">Create Room</button>
<button id="leavelobby" class="btn btn-primary mb-3 d-none">Leave Room</button>
2022-11-03 12:29:35 +01:00
<div id="joinroomdiv" class="input-group mb-3">
2022-11-03 12:29:35 +01:00
<input id="roomid" type="text" class="form-control" placeholder="Room ID" aria-label="Room ID" aria-describedby="joinroom">
<button id="joinroom" class="btn btn-outline-secondary" type="button">Join Room</button>
2022-11-03 12:29:35 +01:00
</div>
<div class="input-group mb-3 has-validation">
2022-11-03 12:29:35 +01:00
<input id="username" type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="setusername">
<button id="setusername" class="btn btn-outline-secondary" type="button">Set Username</button>
<div id="usernameerror" class="invalid-feedback"></div>
2022-11-03 12:29:35 +01:00
</div>
<div>
<h4>Room <span id="connectedroomid"></span></h4>
<div id="canvas-container" class="mb-3"></div>
</div>
2022-11-03 12:29:35 +01:00
</div>
<script src="~/lib/signalr/dist/browser/signalr.min.js"></script>
<script src="~/lib/signalr/dist/browser/signalr-protocol-msgpack.min.js"></script>
<script src="~/lib/pixi/dist/pixi.min.js"></script>
2022-11-03 12:29:35 +01:00
<script src="~/js/pong.js"></script>