RTECH/notXCS
2
0
Fork 0
Code Issues Pull requests 1 Actions Packages Projects Releases Wiki Activity

Change stuff

Browse source
This commit is contained in:
Christopher Cookman 2026-07-03 16:10:46 -06:00
parent ba84e78d61
commit 361deabf59
3 changed files with 49 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
public/css/style.css
View file

@ -434,20 +434,6 @@ button.danger {
font-size: 14px;
}
.input-with-button {
display: flex;
gap: 8px;
}
.input-with-button input {
flex: 1;
margin-bottom: 0;
}
.input-with-button button {
white-space: nowrap;
}
.field-hint {
display: block;
font-size: 12px;

10
public/dashboard/index.html
View file

@ -206,10 +206,7 @@
</div>
<div class="field-group" id="acl-data-group">
<label for="acl-data">User ID</label>
<div class="input-with-button">
<input type="text" id="acl-data">
<button type="button" class="secondary" id="acl-data-lookup-btn">Look up username</button>
</div>
<input type="text" id="acl-data" placeholder="User id or username">
<span class="field-hint hidden" id="acl-data-hint"></span>
</div>
<div class="field-group hidden" id="acl-group-id-group">
@ -273,10 +270,7 @@
</div>
<div class="field-group" id="group-member-data-group">
<label for="group-member-data">User ID</label>
<div class="input-with-button">
<input type="text" id="group-member-data">
<button type="button" class="secondary" id="group-member-data-lookup-btn">Look up username</button>
</div>
<input type="text" id="group-member-data" placeholder="User id or username">
<span class="field-hint hidden" id="group-member-data-hint"></span>
</div>
<div class="field-group hidden" id="group-member-group-id-group">

65
public/js/dashboard.js
View file

@ -545,45 +545,38 @@ function formatRobloxUserId(userId) {
return escapeHtml(userId);
}
// Wires up a "Look up username" button next to a User ID input: on click, prompts for a username,
// resolves it via the Roblox API, fills the input with the id, and shows a status hint.
function setupUsernameLookupButton(buttonId, inputId, hintId) {
const button = document.getElementById(buttonId);
// Wires up a User ID input so it accepts either a plain numeric id or a Roblox username: on blur,
// if the current value isn't purely digits, it's treated as a username, resolved to an id via the
// Roblox API, and the input is rewritten to hold the id (with a status hint shown either way).
function setupUserIdField(inputId, hintId) {
const input = document.getElementById(inputId);
const hint = document.getElementById(hintId);
if (!button || !input) return;
if (!input || !hint) return;
button.addEventListener('click', async () => {
const username = prompt('Enter a Roblox username to look up its user id:');
if (username === null) return;
if (!username.trim()) return;
const originalLabel = button.textContent;
button.textContent = 'Looking up...';
button.disabled = true;
input.addEventListener('blur', async () => {
const value = input.value.trim();
hint.classList.add('hidden');
if (!value || /^\d+$/.test(value)) return; // Blank, or already a plain numeric id - nothing to resolve.
try {
const userId = await lookupRobloxUsername(username);
hint.textContent = 'Looking up username...';
hint.className = 'field-hint';
hint.classList.remove('hidden');
const userId = await lookupRobloxUsername(value);
if (userId) {
input.value = userId;
const user = robloxUserCache.get(userId);
hint.textContent = `Found: ${user.name} (id ${userId})`;
hint.className = 'field-hint success';
} else {
hint.textContent = `No Roblox user found with username "${username.trim()}"`;
hint.textContent = `No Roblox user found with username "${value}"`;
hint.className = 'field-hint error';
}
hint.classList.remove('hidden');
} finally {
button.textContent = originalLabel;
button.disabled = false;
}
});
}
setupUsernameLookupButton('acl-data-lookup-btn', 'acl-data', 'acl-data-hint');
setupUsernameLookupButton('group-member-data-lookup-btn', 'group-member-data', 'group-member-data-hint');
setupUserIdField('acl-data', 'acl-data-hint');
setupUserIdField('group-member-data', 'group-member-data-hint');
async function saveReader(readerId, card) {
@ -1029,7 +1022,18 @@ document.getElementById('add-acl-form').addEventListener('submit', async (e) =>
const type = parseInt(document.getElementById('acl-type').value, 10);
let data;
if (type === 0 || type === 1) {
if (type === 0) {
data = document.getElementById('acl-data').value.trim();
if (!data) return;
if (!/^\d+$/.test(data)) {
const userId = await lookupRobloxUsername(data);
if (!userId) {
alert(`No Roblox user found with username "${data}"`);
return;
}
data = userId;
}
} else if (type === 1) {
data = document.getElementById('acl-data').value.trim();
if (!data) return;
} else if (type === 2 || type === 3) {
@ -1230,7 +1234,18 @@ document.getElementById('add-group-member-form').addEventListener('submit', asyn
const type = parseInt(document.getElementById('group-member-type').value, 10);
let data;
if (type === 0 || type === 1) {
if (type === 0) {
data = document.getElementById('group-member-data').value.trim();
if (!data) return;
if (!/^\d+$/.test(data)) {
const userId = await lookupRobloxUsername(data);
if (!userId) {
alert(`No Roblox user found with username "${data}"`);
return;
}
data = userId;
}
} else if (type === 1) {
data = document.getElementById('group-member-data').value.trim();
if (!data) return;
} else if (type === 2 || type === 3) {