Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 09:42:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

streaming server finalized

Browse source
This commit is contained in:
nklhrstv 2020-02-11 15:14:34 +02:00
parent b0ef3f89d6
commit 2454f18fa8
2 changed files with 48 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
src/routes/Settings/Settings.js
View file

@ -2,7 +2,7 @@ const React = require('react');
const classnames = require('classnames');
const Icon = require('stremio-icons/dom');
const { useServices } = require('stremio/services');
const { Button, Checkbox, NavBar, Multiselect, ColorInput, useProfile, useStreamingServer } = require('stremio/common');
const { Button, Checkbox, NavBar, Multiselect, TextInput, ColorInput, useProfile, useStreamingServer } = require('stremio/common');
const useProfileSettingsInputs = require('./useProfileSettingsInputs');
const useStreamingServerSettingsInputs = require('./useStreamingServerSettingsInputs');
const styles = require('./styles');
@ -44,6 +44,14 @@ const Settings = () => {
}
});
}, []);
const reloadStreamingServer = React.useCallback(() => {
core.dispatch({
action: 'Ctx',
args: {
action: 'ReloadStreamingServer'
}
});
}, []);
return (
<div className={styles['settings-container']}>
<NavBar
@ -248,22 +256,44 @@ const Settings = () => {
</div>
<div className={styles['section-container']}>
<div className={styles['section-title']}>Streaming Server</div>
<div className={styles['option-container']}>
<Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Reload'} onClick={reloadStreamingServer}>
<div className={styles['label']}>Reload</div>
</Button>
</div>
<div className={styles['option-container']}>
<div className={styles['option-name-container']}>
<div className={styles['label']}>Status</div>
</div>
<div className={classnames(styles['option-input-container'], styles['info-container'])}>
<div className={styles['label']}>Online</div>
</div>
</div>
<div className={styles['option-container']}>
<div className={styles['option-name-container']}>
<div className={styles['label']}>Base Url</div>
</div>
<div className={classnames(styles['option-input-container'], styles['info-container'])}>
<div className={styles['label']}>http://</div>
<div className={styles['label']}>
{
streaminServer.type === 'Ready' ?
'Online'
:
streaminServer.type === 'Error' ?
`Error: (${streaminServer.error})`
:
streaminServer.type
}
</div>
</div>
</div>
{
streaminServer.type === 'Ready' ?
<div className={styles['option-container']}>
<div className={styles['option-name-container']}>
<div className={styles['label']}>Base Url</div>
</div>
<div className={classnames(styles['option-input-container'], styles['info-container'], styles['selectable'])}>
<div className={styles['label']}>
{streaminServer.base_url}
</div>
</div>
</div>
:
null
}
{
cacheSizeSelect !== null ?
<div className={styles['option-container']}>
@ -291,7 +321,6 @@ const Settings = () => {
</div>
:
null
}
</div>
</div>

8
src/routes/Settings/styles.less
View file

@ -174,6 +174,14 @@
&.info-container {
justify-content: center;
&.selectable {
user-select: text;
.label {
user-select: text;
}
}
}
}
}