Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cleanup

Browse Source
This commit is contained in:
Gabe Kangas 2021-01-05 11:29:45 -08:00
parent a6cd3a1a5f
commit 45337d0bea
1 changed files with 55 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
web/pages/access-tokens.tsx
View File

@ -12,7 +12,61 @@ import {
CREATE_ACCESS_TOKEN, CREATE_ACCESS_TOKEN,
} from "../utils/apis"; } from "../utils/apis";
export default function Logs() { const scopeMapping = {
'CAN_SEND_SYSTEM_MESSAGES': 'system chat',
'CAN_SEND_MESSAGES': 'user chat',
};
function convertScopeStringToRenderString(scope) {
if (!scope || !scopeMapping[scope]) {
return "unknown";
}
return scopeMapping[scope].toUpperCase();
}
function NewTokenModal(props) {
var selectedScopes = [];
const scopes = [
{
value: 'CAN_SEND_SYSTEM_MESSAGES',
label: 'Can send system chat messages',
description: 'Can send chat messages as the offical system user.'
},
{
value: 'CAN_SEND_MESSAGES',
label: 'Can send user chat messages',
description: 'Can send chat messages as any user name.'
},
]
function onChange(checkedValues) {
selectedScopes = checkedValues
}
function saveToken() {
props.onOk(name, selectedScopes)
}
const [name, setName] = useState('');
return (
<Modal title="Create New Access token" visible={props.visible} onOk={saveToken} onCancel={props.onCancel}>
<p><Input value={name} placeholder="Access token name/description" onChange={(input) => setName(input.currentTarget.value)} /></p>
<p>
Select the permissions this access token will have. It cannot be edited after it's created.
</p>
<Checkbox.Group options={scopes} onChange={onChange} />
</Modal>
)
}
export default function AccessTokens() {
const [tokens, setTokens] = useState([]);
const [isTokenModalVisible, setIsTokenModalVisible] = useState(false);
const columns = [ const columns = [
{ {
title: '', title: '',
@ -65,8 +119,6 @@ export default function Logs() {
}, },
]; ];
const [tokens, setTokens] = useState([]);
const getAccessTokens = async () => { const getAccessTokens = async () => {
try { try {
const result = await fetchData(ACCESS_TOKENS); const result = await fetchData(ACCESS_TOKENS);
@ -78,10 +130,6 @@ export default function Logs() {
useEffect(() => { useEffect(() => {
getAccessTokens(); getAccessTokens();
// returned function will be called on component unmount
return () => {
};
}, []); }, []);
async function handleDeleteToken(token) { async function handleDeleteToken(token) {
@ -107,8 +155,6 @@ export default function Logs() {
alert(error); alert(error);
} }
const [isTokenModalVisible, setIsTokenModalVisible] = useState(false);
const showCreateTokenModal = () => { const showCreateTokenModal = () => {
setIsTokenModalVisible(true); setIsTokenModalVisible(true);
}; };
@ -122,7 +168,6 @@ export default function Logs() {
setIsTokenModalVisible(false); setIsTokenModalVisible(false);
}; };
return ( return (
<div> <div>
<Title>Access Tokens</Title> <Title>Access Tokens</Title>
@ -140,54 +185,3 @@ export default function Logs() {
</div> </div>
); );
} }
const scopeMapping = {
'CAN_SEND_SYSTEM_MESSAGES': 'system chat',
'CAN_SEND_MESSAGES': 'user chat',
};
function convertScopeStringToRenderString(scope) {
if (!scopeMapping[scope]) {
return "unknown";
}
return scopeMapping[scope].toUpperCase();
}
function NewTokenModal(props) {
var selectedScopes = [];
const scopes = [
{
value: 'CAN_SEND_SYSTEM_MESSAGES',
label: 'Can send system chat messages',
description: 'Can send chat messages as the offical system user.'
},
{
value: 'CAN_SEND_MESSAGES',
label: 'Can send user chat messages',
description: 'Can send chat messages as any user name.'
},
]
function onChange(checkedValues) {
selectedScopes = checkedValues
}
function saveToken() {
props.onOk(name, selectedScopes)
}
const [name, setName] = useState('');
return (
<Modal title="Create New Access token" visible={props.visible} onOk={saveToken} onCancel={props.onCancel}>
<p><Input value={name} placeholder="Access token name/description" onChange={(input) => setName(input.currentTarget.value)} /></p>
<p>
Select the permissions this access token will have. It cannot be edited after it's created.
</p>
<Checkbox.Group options={scopes} onChange={onChange} />
</Modal>
)
}