Exposing setting the index page in the admin app and added a crude emoji picker, finally.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3966 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
2022-08-17 00:29:57 +00:00
parent 3729346961
commit 46d3e8f567
8 changed files with 15247 additions and 25 deletions

View File

@ -4,9 +4,16 @@ tfrpc.register(function delete_user(user) {
return core.deleteUser(user);
});
tfrpc.register(function global_settings_set(key, value) {
return core.globalSettingsSet(key, value);
});
async function main() {
let data = {users: {}, granted: await core.allPermissionsGranted()};
print(JSON.stringify(data));
let data = {
users: {},
granted: await core.allPermissionsGranted(),
index: await core.globalSettingsGet('index'),
};
for (let user of await core.users()) {
data.users[user] = await core.permissionsForUser(user);
}

View File

@ -11,9 +11,22 @@ function delete_user(user) {
}
}
function global_settings_set(key, value) {
tfrpc.rpc.global_settings_set(key, value).then(function() {
alert(`Set "${key}" to "${value}".`);
}).catch(function(error) {
alert(`Failed to set "${key}": ${JSON.stringify(error, null, 2)}.`);
});
}
window.addEventListener('load', function() {
const permission_template = (permission) =>
html` <code>${permission}</code>`;
const input_template = (key, value) => html`
<label ?for=${'gs_' + key}>${key}: </label>
<input type="text" value="${value}" ?id=${'gs_' + key}></input>
<button @click=${(e) => global_settings_set(key, e.srcElement.previousElementSibling.value)}>Set</button>
`;
const user_template = (user, permissions) => html`
<li>
<button @click=${(e) => delete_user(user)}>
@ -24,8 +37,15 @@ window.addEventListener('load', function() {
</li>
`;
const users_template = (users) =>
html`<ul>
${users.map(u => user_template(u[0], u[1]))}
html`<h2>Users</h2>
<ul>
${Object.entries(users).map(u => user_template(u[0], u[1]))}
</ul>`;
render(users_template(Object.entries(g_data.users)), document.body);
const page_template = (data) =>
html`<div>
<h2>Global Settings</h2>
${input_template('index', data.index)}
${users_template(data.users)}
</div>`;
render(page_template(g_data), document.body);
});