use OutlinedInput and helperText on Settings

This commit is contained in:
nikk gitanes
2021-07-17 05:14:02 +03:00
parent 8298e66b59
commit 478d5cbab9
10 changed files with 53 additions and 63 deletions

View File

@@ -61,12 +61,12 @@ var Staticjs265f701bfchunkjsLICENSEtxt []byte
var Staticjs265f701bfchunkjsmap []byte var Staticjs265f701bfchunkjsmap []byte
//go:embed pages/static/js/main.3ecebe04.chunk.js //go:embed pages/static/js/main.cc2a2392.chunk.js
var Staticjsmain3ecebe04chunkjs []byte var Staticjsmaincc2a2392chunkjs []byte
//go:embed pages/static/js/main.3ecebe04.chunk.js.map //go:embed pages/static/js/main.cc2a2392.chunk.js.map
var Staticjsmain3ecebe04chunkjsmap []byte var Staticjsmaincc2a2392chunkjsmap []byte
//go:embed pages/static/js/runtime-main.8bda5920.js //go:embed pages/static/js/runtime-main.8bda5920.js

View File

@@ -1,7 +1,7 @@
{ {
"files": { "files": {
"main.js": "/static/js/main.3ecebe04.chunk.js", "main.js": "/static/js/main.cc2a2392.chunk.js",
"main.js.map": "/static/js/main.3ecebe04.chunk.js.map", "main.js.map": "/static/js/main.cc2a2392.chunk.js.map",
"runtime-main.js": "/static/js/runtime-main.8bda5920.js", "runtime-main.js": "/static/js/runtime-main.8bda5920.js",
"runtime-main.js.map": "/static/js/runtime-main.8bda5920.js.map", "runtime-main.js.map": "/static/js/runtime-main.8bda5920.js.map",
"static/js/2.65f701bf.chunk.js": "/static/js/2.65f701bf.chunk.js", "static/js/2.65f701bf.chunk.js": "/static/js/2.65f701bf.chunk.js",
@@ -12,6 +12,6 @@
"entrypoints": [ "entrypoints": [
"static/js/runtime-main.8bda5920.js", "static/js/runtime-main.8bda5920.js",
"static/js/2.65f701bf.chunk.js", "static/js/2.65f701bf.chunk.js",
"static/js/main.3ecebe04.chunk.js" "static/js/main.cc2a2392.chunk.js"
] ]
} }

View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width,shrink-to-fit=no"><meta name="description" content="TorrServer - torrent to http stream"/><title>TorrServer</title></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script src="https://cdn.lordicon.com/libs/frhvbuzj/lord-icon-2.0.2.js"></script><script src="https://www.gstatic.com/firebasejs/8.1.2/firebase-app.js"></script><script src="https://www.gstatic.com/firebasejs/8.1.2/firebase-analytics.js"></script><script>const firebaseConfig={apiKey:"AIzaSyDivIsadtzAmp3SIY4yArNcFugUmr63rvo",authDomain:"torrserve.firebaseapp.com",databaseURL:"https://torrserve.firebaseio.com",projectId:"torrserve",storageBucket:"torrserve.appspot.com",messagingSenderId:"400168070412",appId:"1:400168070412:web:82c8e43dd7fc8f807aed29",measurementId:"G-T4RC2BFRSF"};firebase.initializeApp(firebaseConfig),firebase.analytics()</script><script>!function(e){function r(r){for(var n,l,f=r[0],i=r[1],a=r[2],c=0,s=[];c<f.length;c++)l=f[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,f=1;f<t.length;f++){var i=t[f];0!==o[i]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var f=this.webpackJsonptorrserver_web=this.webpackJsonptorrserver_web||[],i=f.push.bind(f);f.push=r,f=f.slice();for(var a=0;a<f.length;a++)r(f[a]);var p=i;t()}([])</script><script src="/static/js/2.65f701bf.chunk.js"></script><script src="/static/js/main.3ecebe04.chunk.js"></script></body></html> <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width,shrink-to-fit=no"><meta name="description" content="TorrServer - torrent to http stream"/><title>TorrServer</title></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script src="https://cdn.lordicon.com/libs/frhvbuzj/lord-icon-2.0.2.js"></script><script src="https://www.gstatic.com/firebasejs/8.1.2/firebase-app.js"></script><script src="https://www.gstatic.com/firebasejs/8.1.2/firebase-analytics.js"></script><script>const firebaseConfig={apiKey:"AIzaSyDivIsadtzAmp3SIY4yArNcFugUmr63rvo",authDomain:"torrserve.firebaseapp.com",databaseURL:"https://torrserve.firebaseio.com",projectId:"torrserve",storageBucket:"torrserve.appspot.com",messagingSenderId:"400168070412",appId:"1:400168070412:web:82c8e43dd7fc8f807aed29",measurementId:"G-T4RC2BFRSF"};firebase.initializeApp(firebaseConfig),firebase.analytics()</script><script>!function(e){function r(r){for(var n,l,f=r[0],i=r[1],a=r[2],c=0,s=[];c<f.length;c++)l=f[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,f=1;f<t.length;f++){var i=t[f];0!==o[i]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var f=this.webpackJsonptorrserver_web=this.webpackJsonptorrserver_web||[],i=f.push.bind(f);f.push=r,f=f.slice();for(var a=0;a<f.length;a++)r(f[a]);var p=i;t()}([])</script><script src="/static/js/2.65f701bf.chunk.js"></script><script src="/static/js/main.cc2a2392.chunk.js"></script></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -14,31 +14,6 @@ func RouteWebPages(route *gin.RouterGroup) {
}) })
route.GET("/apple-touch-icon.png", func(c *gin.Context) {
c.Data(200, "image/png", Appletouchiconpng)
})
route.GET("/browserconfig.xml", func(c *gin.Context) {
c.Data(200, "application/xml", Browserconfigxml)
})
route.GET("/static/js/runtime-main.8bda5920.js", func(c *gin.Context) {
c.Data(200, "application/javascript", Staticjsruntimemain8bda5920js)
})
route.GET("/asset-manifest.json", func(c *gin.Context) {
c.Data(200, "application/json", Assetmanifestjson)
})
route.GET("/favicon-16x16.png", func(c *gin.Context) {
c.Data(200, "image/png", Favicon16x16png)
})
route.GET("/site.webmanifest", func(c *gin.Context) { route.GET("/site.webmanifest", func(c *gin.Context) {
c.Data(200, "application/manifest+json", Sitewebmanifest) c.Data(200, "application/manifest+json", Sitewebmanifest)
}) })
@@ -64,18 +39,23 @@ func RouteWebPages(route *gin.RouterGroup) {
}) })
route.GET("/static/js/main.3ecebe04.chunk.js", func(c *gin.Context) { route.GET("/apple-touch-icon.png", func(c *gin.Context) {
c.Data(200, "application/javascript", Staticjsmain3ecebe04chunkjs) c.Data(200, "image/png", Appletouchiconpng)
}) })
route.GET("/static/js/main.3ecebe04.chunk.js.map", func(c *gin.Context) { route.GET("/asset-manifest.json", func(c *gin.Context) {
c.Data(200, "application/json", Staticjsmain3ecebe04chunkjsmap) c.Data(200, "application/json", Assetmanifestjson)
}) })
route.GET("/android-chrome-192x192.png", func(c *gin.Context) { route.GET("/browserconfig.xml", func(c *gin.Context) {
c.Data(200, "image/png", Androidchrome192x192png) c.Data(200, "application/xml", Browserconfigxml)
})
route.GET("/static/js/runtime-main.8bda5920.js.map", func(c *gin.Context) {
c.Data(200, "application/json", Staticjsruntimemain8bda5920jsmap)
}) })
@@ -84,8 +64,13 @@ func RouteWebPages(route *gin.RouterGroup) {
}) })
route.GET("/static/js/2.65f701bf.chunk.js", func(c *gin.Context) { route.GET("/static/js/main.cc2a2392.chunk.js", func(c *gin.Context) {
c.Data(200, "application/javascript", Staticjs265f701bfchunkjs) c.Data(200, "application/javascript", Staticjsmaincc2a2392chunkjs)
})
route.GET("/static/js/main.cc2a2392.chunk.js.map", func(c *gin.Context) {
c.Data(200, "application/json", Staticjsmaincc2a2392chunkjsmap)
}) })
@@ -94,8 +79,23 @@ func RouteWebPages(route *gin.RouterGroup) {
}) })
route.GET("/static/js/runtime-main.8bda5920.js.map", func(c *gin.Context) { route.GET("/static/js/runtime-main.8bda5920.js", func(c *gin.Context) {
c.Data(200, "application/json", Staticjsruntimemain8bda5920jsmap) c.Data(200, "application/javascript", Staticjsruntimemain8bda5920js)
})
route.GET("/android-chrome-192x192.png", func(c *gin.Context) {
c.Data(200, "image/png", Androidchrome192x192png)
})
route.GET("/favicon-16x16.png", func(c *gin.Context) {
c.Data(200, "image/png", Favicon16x16png)
})
route.GET("/static/js/2.65f701bf.chunk.js", func(c *gin.Context) {
c.Data(200, "application/javascript", Staticjs265f701bfchunkjs)
}) })
} }

View File

@@ -60,9 +60,7 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
id='TorrentDisconnectTimeout' id='TorrentDisconnectTimeout'
label={t('SettingsDialog.TorrentDisconnectTimeout')} label={t('SettingsDialog.TorrentDisconnectTimeout')}
InputProps={{ InputProps={{
endAdornment: ( endAdornment: <InputAdornment position='end'>{t('Seconds')}</InputAdornment>,
<InputAdornment position='end'>{t('Seconds')}</InputAdornment>
),
}} }}
value={TorrentDisconnectTimeout} value={TorrentDisconnectTimeout}
type='number' type='number'
@@ -75,11 +73,7 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
margin='normal' margin='normal'
id='ConnectionsLimit' id='ConnectionsLimit'
label={t('SettingsDialog.ConnectionsLimit')} label={t('SettingsDialog.ConnectionsLimit')}
InputProps={{ helperText={t('SettingsDialog.ConnectionsLimitHint')}
endAdornment: (
<InputAdornment position='end'>{t('SettingsDialog.ConnectionsLimitHint')}</InputAdornment>
),
}}
value={ConnectionsLimit} value={ConnectionsLimit}
type='number' type='number'
variant='outlined' variant='outlined'
@@ -108,9 +102,7 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
id='DownloadRateLimit' id='DownloadRateLimit'
label={t('SettingsDialog.DownloadRateLimit')} label={t('SettingsDialog.DownloadRateLimit')}
InputProps={{ InputProps={{
endAdornment: ( endAdornment: <InputAdornment position='end'>{t('Kilobytes')}</InputAdornment>,
<InputAdornment position='end'>{t('Kilobytes')}</InputAdornment>
),
}} }}
value={DownloadRateLimit} value={DownloadRateLimit}
type='number' type='number'
@@ -129,9 +121,7 @@ export default function SecondarySettingsComponent({ settings, inputForm }) {
id='UploadRateLimit' id='UploadRateLimit'
label={t('SettingsDialog.UploadRateLimit')} label={t('SettingsDialog.UploadRateLimit')}
InputProps={{ InputProps={{
endAdornment: ( endAdornment: <InputAdornment position='end'>{t('Kilobytes')}</InputAdornment>,
<InputAdornment position='end'>{t('Kilobytes')}</InputAdornment>
),
}} }}
value={UploadRateLimit} value={UploadRateLimit}
type='number' type='number'

View File

@@ -1,4 +1,4 @@
import { Grid, Input, Slider } from '@material-ui/core' import { Grid, OutlinedInput, Slider } from '@material-ui/core'
export default function SliderInput({ export default function SliderInput({
isProMode, isProMode,
@@ -40,12 +40,12 @@ export default function SliderInput({
{isProMode && ( {isProMode && (
<Grid item> <Grid item>
<Input <OutlinedInput
value={value} value={value}
margin='dense' margin='dense'
onChange={onInputChange} onChange={onInputChange}
onBlur={onBlur} onBlur={onBlur}
style={{ width: '65px' }} style={{ width: '91px', marginTop: '-6px' }}
inputProps={{ step, min: inputMin, max: inputMax, type: 'number' }} inputProps={{ step, min: inputMin, max: inputMax, type: 'number' }}
/> />
</Grid> </Grid>