-
-
Notifications
You must be signed in to change notification settings - Fork 159
/
admin.html
101 lines (94 loc) · 3.51 KB
/
admin.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html>
<head>
<title>
NESHouse.com
</title>
<meta charset="UTF-8">
<link href="https://fonts.loli.net/css?family=Press+Start+2P" rel="stylesheet">
<link href="css/bulma.min.css" rel="stylesheet" type="text/css" />
<link href="css/nes.min.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/alpine.min.js"></script>
<script src="js/config.js?v=20220720001"></script>
<script src="js/av-live-query-min.js"></script>
<script src="js/admin.js?v=20220720001"></script>
</head>
</html>
<body x-data="admin()" x-init="init()">
<div class="columns is-centered">
<div class="column is-half" style="width: 60%;">
<!-- header -->
<div class="header">
<h1 class="title">
NESHouse.com
</h1>
<h2>
Please share this page with caution. Anyone who opens this page has super administrator rights.
</h2>
</div>
<!-- header end -->
<!-- register -->
<div class="container">
<h3 class="title">
Create a Room
</h3>
<div class="register-form">
<div class="nes-field">
<label for="name_field">
Room Name
</label>
<input class="nes-input" id="name_field" type="text" x-model="roomName" />
</div>
<div x-show="!usernameExist" class="nes-field">
<label for="name_field">
Your nickname
</label>
<input class="nes-input" id="nickName" type="text" x-model="nickName" />
</div>
<div style="display: flex; text-align: center;">
<button class="nes-btn is-primary mt-2" type="button" x-bind:class="{'is-disabled':roomId}"
x-on:click="createRoom()">
Create
</button>
<button x-show="usernameExist" class="nes-btn mt-2" type="button" @click="createNewUser()">
Change User
</button>
</div>
</div>
</div>
<!-- register end -->
<!-- share -->
<div class="container" id="control" x-show="isShowShareArea">
<h3 class="title">
Share
</h3>
<div class="avatar">
<textarea id="textarea_field" x-model="shareText" style="min-height: 7em;" class="nes-textarea"></textarea>
<div class="columns is-desktop" style="padding-top: 25px">
<div class="column is-two-fifths">
<div style="display: flex; text-align: center;">
<button class="nes-btn is-primary" type="button" x-on:click="copyLink">
Copy & Share
</button>
<button class="nes-btn is-success" type="button" x-on:click="loginAsAdmin">
Log in to the room as Administrator
</button>
</div>
</div>
</div>
</div>
</div>
<!-- share end -->
<div style="margin-top: 10px;">
<p>Designed & developed by <a href="https://github.com/bestony">Bestony</a>, co-developed by <a
href="https://github.com/johnpoint">johnpoint</a>
</p>
<p>Sponsored by: <a href="https://leancloud.app/">LeanCloud</a>, <a
href="https://www.agora.io/cn/?utm_source=opensource&utm_medium=refferal&utm_campaign=clubhouseB">Agora</a>
& <a href="https://www.ipip.net/">IPIP.net</a></p>
<p>Media partner: <a href="http://dao.fm/">津津乐道播客</a></p>
</div>
</div>
</div>
</body>