-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathSetup-UI-2.html
91 lines (86 loc) · 3.37 KB
/
Setup-UI-2.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
<!DOCTYPE html>
<html>
<head>
<base target="_blank">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Noto Sans">
<style>
body {
font-family: 'Noto Sans', serif;
font-size: 18px;
text-align: center;
}
.list {
display: grid;
place-items: center;
text-align: left;
}
</style>
</head>
<body>
<? if (discordInfoPresent) { ?>
<h2><a href="https://discord.com/oauth2/authorize?client_id=<?= discordClientId ?>&permissions=402653184&scope=bot&guild_id=<?= discordGuildId ?>">Bot Invite Link</a></h2>
<? } ?>
<b>Link for registering:</b><br>
This is also the link you should put on the forum post: <br>
<a href="<?= GenerateURI.osu ?>">Link for registering (right click -> 'copy link address')</a>
<br>
<br>
<b>Insert the link provided:</b>
<br>
insert in <a href="https://osu.ppy.sh/home/account/edit#oauth">this page</a>,
<br>
scroll to the bottom, and click 'New OAuth Application'</b>
<br>
<img src="https://i.imgur.com/XU2mVQf.png">
<br>
<img src="https://i.imgur.com/3hkvkZL.png">
<br>
<a href="<?= REDIRECT_URI ?>">Link to paste in the osu! website (right click -> 'copy link address')</a>
<br>
(take note of both the Client ID and Secret, you will need them later)
<br>
<br>
<b>Now do the same, but on the <a href="https://discord.com/developers/applications">Discord Developer
Portal</a>.</b>
<br>
Create a new application, and take note of the Client ID and Secret, you will need them later.
<br>
<img src="https://i.imgur.com/e5c1A5j.png" width="950">
Go to the OAuth2 page by clicking the button on the panel to the left.
<br>
<br>
<img src="https://i.imgur.com/Wf5DC6l.png" width="950">
<a href="<?= REDIRECT_URI ?>"> Link to paste in the Discord Developer Portal (right click -> 'copy link
address')</a>
<br>
<br>
Now go to the Bot page, directly below the previous one.<br>
<img src="https://i.imgur.com/Ntr2MbA.png" width="950"><br>
Click the button highlighted in red to copy your Discord Bot Token.
<br>
<br>
<b>Now take your:</b>
<div class="list">
<ul>
<li>Desired Tournament Acronym</li>
<li>Forum post URL (optional)</li>
<li>Desired signup end date</li>
<li>osu! Client ID</li>
<li>osu! Client Secret</li>
<li>Discord Client ID</li>
<li>Discord Client Secret</li>
<li>Discord Bot Token</li>
<li>Discord Guild ID (<a href="https://support.discord.com/hc/en-us/articles/206346498-Where-can-I-find-my-User-Server-Message-ID-">tutorial</a>)</li>
<li>The Discord Role IDs (<a href="https://support.discord.com/hc/en-us/articles/206346498-Where-can-I-find-my-User-Server-Message-ID-">tutorial</a>)<br>
for all the roles you want to assign to the players
</li>
</ul>
</div>
<br>
<b>Click Spreadsheet Settings, then click 'Set Script Properties' and paste, item-by-item:</b>
<br>(pressing Ok with an empty field zeroes that field, pressing Cancel leaves it unchanged)
<img src="https://i.imgur.com/YQjVhSj.png" width="950">
<br>
<h2><b>After doing these steps, you need to invite the bot to your server. After you set the script properties relating to Discord, a link will appear at the top of this popup. You need to click that link to add the bot to your server. It NEEDS the permissions listed on the Discord authorization page or it WILL break. Additionally, the bot's highest Role needs to be higher than the Role(s) it will give to the players.</b></h2>
</body>
</html>