BlockStorage/repertory-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated prettierrc

Browse Source
This commit is contained in:
sgraves76
2021-03-11 18:15:08 -06:00
parent c8b5d2351e
commit 468bdfa632
29 changed files with 131 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.prettierrc.json
View File

@@ -2,5 +2,6 @@
"trailingComma": "es5",
"tabWidth": 2,
"semi": true,
"singleQuote": true
"singleQuote": true,
"jsxBracketSameLine": true
}

2
.vim/coc-settings.json
View File

@@ -16,6 +16,8 @@
"WINFSP",
"blockstorage",
"centos",
"fontawesome",
"fortawesome",
"msiexec",
"norestart",
"randomstring",

10
public/index.html
View File

@@ -1,18 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="theme-color" content="#000000"/>
<meta name="theme-color" content="#000000" />
<!--
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json"/>
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"/>
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<link
href="https://fonts.googleapis.com/css?family=Nunito:400,700"
rel="stylesheet"
@@ -30,7 +30,7 @@
<title>Repertory UI</title>
</head>
<body>
<noscript> You need to enable JavaScript to run this app.</noscript>
<noscript> You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.

9
src/App.jsx
View File

@@ -275,8 +275,7 @@ class App extends IPCContainer {
mainContent.push(
<Box
key={'md_' + key++}
dxStyle={{ padding: 'var(--default_spacing)', height: 'auto' }}
>
dxStyle={{ padding: 'var(--default_spacing)', height: 'auto' }}>
<ReleaseVersionDisplay
downloadDisabled={!downloadEnabled}
version={selectedVersion}
@@ -293,8 +292,7 @@ class App extends IPCContainer {
mainContent.push(
<Box
dxStyle={{ padding: 'var(--default_spacing)', height: 'auto' }}
key={'md_' + key++}
>
key={'md_' + key++}>
<MountItems
s3Supported={s3Supported}
remoteSupported={remoteSupported}
@@ -308,8 +306,7 @@ class App extends IPCContainer {
mainContent.push(
<Box
dxStyle={{ padding: 'var(--default_spacing)', height: '170px' }}
key={'md_' + key++}
>
key={'md_' + key++}>
<Loading />
</Box>
);

3
src/components/ApplicationBusy/ApplicationBusy.js
View File

@@ -15,8 +15,7 @@ const ApplicationBusy = ({ title }) => {
style={{
paddingLeft: 'calc(50% - 16px)',
paddingTop: 'var(--default_spacing)',
}}
>
}}>
<Loader
color={'var(--heading_text_color)'}
height={32}

3
src/components/DependencyList/Dependency/Dependency.js
View File

@@ -29,8 +29,7 @@ export default connect(mapStateToProps)((props) => {
onClick={() => {
props.onDownload();
return false;
}}
>
}}>
<u>Install</u>
</a>
) : (

12
src/components/DependencyList/DependencyList.js
View File

@@ -53,8 +53,7 @@ export default connect(
paddingRight: '4px',
boxSizing: 'border-box',
display: 'block',
}}
>
}}>
<a
href={'#'}
onClick={
@@ -64,8 +63,7 @@ export default connect(
}
style={{
cursor: props.AllowDismissDependencies ? 'pointer' : 'no-drop',
}}
>
}}>
X
</a>
</div>
@@ -80,15 +78,13 @@ export default connect(
height: 'auto',
paddingBottom: '5px',
boxSizing: 'border-box',
}}
>
}}>
<h1
style={{
width: '100%',
textAlign: 'center',
color: 'var(--text_color_error)',
}}
>
}}>
Missing Dependencies
</h1>
</div>

6
src/components/NewReleases/NewRelease/NewRelease.jsx
View File

@@ -74,8 +74,7 @@ export default connect(
<td width="50%">
<Button
buttonStyles={{ width: '100%' }}
clicked={displayChanges}
>
clicked={displayChanges}>
Changes
</Button>
</td>
@@ -86,8 +85,7 @@ export default connect(
{!isActiveRelease ? (
<Button
buttonStyles={{ width: '100%' }}
clicked={setReleaseAndVersion}
>
clicked={setReleaseAndVersion}>
Activate
</Button>
) : null}

3
src/components/ReleaseVersionDisplay/ReleaseVersionDisplay.js
View File

@@ -138,8 +138,7 @@ export default connect(
colSpan={20}
key={key++}
row={5}
rowSpan={7}
>
rowSpan={7}>
Install
</Button>
);

3
src/components/UI/Box/Box.js
View File

@@ -20,8 +20,7 @@ const Box = (props) => {
<div
onClick={props.clicked}
className={styleList.join(' ')}
style={{ ...props.dxStyle }}
>
style={{ ...props.dxStyle }}>
{props.children}
</div>
);

3
src/components/UI/Button/Button.js
View File

@@ -8,8 +8,7 @@ const Button = (props) => {
autoFocus={props.autoFocus}
className={'Button'}
style={props.buttonStyles}
onClick={props.clicked}
>
onClick={props.clicked}>
{props.children}
</button>
);

18
src/components/UI/CheckBox/CheckBox.css
View File

@@ -19,11 +19,11 @@ label.CheckBoxLabel {
/* Hide the browser's default checkbox */
label.CheckBoxLabel input[type='checkbox'] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
@@ -42,7 +42,7 @@ label.CheckBoxLabel input[type='checkbox'] {
/* On mouse-over, add a grey background color */
label.CheckBoxLabel:hover input[type='checkbox'] ~ .CheckBoxCheckMark {
background-color: var(--control_background_hover);
background-color: var(--control_background_hover);
}
/* When the checkbox is checked, add a blue background */
@@ -52,9 +52,9 @@ label.CheckBoxLabel input:checked ~ .CheckBoxCheckMark {
/* Create the CheckBoxCheckMark/indicator (hidden when not checked) */
.CheckBoxCheckMark:after {
content: '';
position: absolute;
display: none;
content: '';
position: absolute;
display: none;
}
/* Show the CheckBoxCheckMark when checked */

22
src/components/UI/DropDown/DropDown.css
View File

@@ -8,17 +8,17 @@
.DropDownSelect,
.DropDownSelect.Alt {
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 2px;
border-radius: var(--border_radius);
background: var(--control_background);
border: none;
color: var(--text_color);
box-sizing: border-box;
outline: none !important;
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 2px;
border-radius: var(--border_radius);
background: var(--control_background);
border: none;
color: var(--text_color);
box-sizing: border-box;
outline: none !important;
}
.DropDownSelect.Auto {

3
src/components/UI/DropDown/DropDown.js
View File

@@ -21,8 +21,7 @@ const DropDown = (props) => {
autoFocus={props.autoFocus}
disabled={props.disabled}
onChange={props.changed}
value={props.selected}
>
value={props.selected}>
{options}
</select>
</div>

3
src/components/UI/Grid/Grid.js
View File

@@ -115,8 +115,7 @@ export default class Grid extends Component {
col={col}
rowSpan={rowSpan}
colSpan={colSpan}
key={'gc_' + i}
>
key={'gc_' + i}>
{child}
</GridComponent>
);

18
src/components/UI/Loading/Loading.css
View File

@@ -7,13 +7,13 @@
}
.LoadingContent {
margin: 0;
padding: 0;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
box-sizing: border-box;
margin: 0;
padding: 0;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
box-sizing: border-box;
}

3
src/components/UpgradeUI/UpgradeUI.js
View File

@@ -59,8 +59,7 @@ export default connect(
<td width="50%">
<Button
buttonStyles={{ width: '100%' }}
clicked={() => props.setDismissUIUpgrade(true)}
>
clicked={() => props.setDismissUIUpgrade(true)}>
Cancel
</Button>
</td>

9
src/components/YesNo/YesNo.js
View File

@@ -27,8 +27,7 @@ export default connect(
minWidth: '180px',
height: 'auto',
padding: 'var(--default_spacing)',
}}
>
}}>
<div style={{ width: '100%', height: 'auto' }}>
<h1 style={{ width: '100%', textAlign: 'center' }}>{props.Title}</h1>
</div>
@@ -38,16 +37,14 @@ export default connect(
<td width="50%">
<Button
buttonStyles={{ width: '100%' }}
clicked={() => props.hideConfirmYesNo(true)}
>
clicked={() => props.hideConfirmYesNo(true)}>
Yes
</Button>
</td>
<td width="50%">
<Button
buttonStyles={{ width: '100%' }}
clicked={() => props.hideConfirmYesNo(false)}
>
clicked={() => props.hideConfirmYesNo(false)}>
No
</Button>
</td>

30
src/containers/AddMount/AddMount.js
View File

@@ -137,14 +137,12 @@ export default connect(
width: 'auto',
height: 'auto',
padding: 'var(--default_spacing)',
}}
>
}}>
<h1
style={{
textAlign: 'center',
paddingBottom: 'var(--default_spacing)',
}}
>
}}>
Add Remote Mount
</h1>
<Text text={'Hostname or IP'} textAlign={'left'} type={'Heading2'} />
@@ -178,15 +176,13 @@ export default connect(
<div style={{ display: 'flex', flexDirection: 'row' }}>
<Button
buttonStyles={{ width: '100%' }}
clicked={() => this.addRemoteMount()}
>
clicked={() => this.addRemoteMount()}>
OK
</Button>
<div style={{ paddingLeft: 'var(--default_spacing)' }} />
<Button
buttonStyles={{ width: '100%' }}
clicked={() => this.setState({ DisplayRemote: false })}
>
clicked={() => this.setState({ DisplayRemote: false })}>
Cancel
</Button>
</div>
@@ -201,14 +197,12 @@ export default connect(
width: 'auto',
height: 'auto',
padding: 'var(--default_spacing)',
}}
>
}}>
<h1
style={{
textAlign: 'center',
paddingBottom: 'var(--default_spacing)',
}}
>
}}>
Add S3 Mount
</h1>
<div style={{ display: 'flex', flexDirection: 'row' }}>
@@ -283,15 +277,13 @@ export default connect(
<div style={{ width: '200%' }} />
<Button
buttonStyles={{ width: '100%' }}
clicked={() => this.addS3Mount()}
>
clicked={() => this.addS3Mount()}>
OK
</Button>
<div style={{ paddingLeft: 'var(--default_spacing)' }} />
<Button
buttonStyles={{ width: '100%' }}
clicked={() => this.setState({ DisplayS3: false })}
>
clicked={() => this.setState({ DisplayS3: false })}>
Cancel
</Button>
</div>
@@ -306,8 +298,7 @@ export default connect(
{this.props.remoteSupported ? (
<Button
className={'AddMountButton'}
clicked={this.handleAddRemoteMount}
>
clicked={this.handleAddRemoteMount}>
Add Remote Mount
</Button>
) : null}
@@ -317,8 +308,7 @@ export default connect(
{this.props.s3Supported ? (
<Button
className={'AddMountButton'}
clicked={this.handleAddS3Mount}
>
clicked={this.handleAddS3Mount}>
Add S3 Mount
</Button>
) : null}

29
src/containers/Configuration/Configuration.js
View File

@@ -163,7 +163,7 @@ class Configuration extends IPCContainer {
});
};
onGetConfigReply = (event, arg) => {
onGetConfigReply = (_, arg) => {
if (arg.data.Success) {
const list = this.createItemList(arg.data.Config, this.state.Template);
const itemListCopy = JSON.parse(JSON.stringify(list.ItemList));
@@ -207,7 +207,7 @@ class Configuration extends IPCContainer {
}
};
onGetConfigTemplateReply = (event, arg) => {
onGetConfigTemplateReply = (_, arg) => {
if (arg.data.Success) {
this.setState(
{
@@ -318,16 +318,14 @@ class Configuration extends IPCContainer {
<td align="center" width="50%">
<Button
clicked={this.saveAndClose}
disabled={this.state.Saving}
>
disabled={this.state.Saving}>
Yes
</Button>
</td>
<td align="center" width="50%">
<Button
clicked={this.props.hideConfiguration}
disabled={this.state.Saving}
>
disabled={this.state.Saving}>
No
</Button>
</td>
@@ -340,6 +338,12 @@ class Configuration extends IPCContainer {
}
let autoFocus = true;
const getAutoFocus = () => {
return autoFocus;
};
const setAutoFocus = (value) => {
autoFocus = value;
};
let objectItems = [];
for (const key of Object.keys(this.state.ObjectLookup)) {
@@ -348,8 +352,8 @@ class Configuration extends IPCContainer {
<h2>{key}</h2>
<div>
{this.state.ObjectLookup[key].map((k, i) => {
const shouldFocus = autoFocus;
autoFocus = false;
const shouldFocus = getAutoFocus();
setAutoFocus(false);
return !k.advanced ||
(this.state.ShowAdvanced && k.advanced && !k.remote) ||
this.showRemoteConfigItem(k, this.state.ObjectLookup[key]) ? (
@@ -407,13 +411,11 @@ class Configuration extends IPCContainer {
marginTop: '-4px',
boxSizing: 'border-box',
display: 'block',
}}
>
}}>
<a
href={'#'}
onClick={this.checkSaveRequired}
style={{ cursor: 'pointer' }}
>
style={{ cursor: 'pointer' }}>
X
</a>
</div>
@@ -434,8 +436,7 @@ class Configuration extends IPCContainer {
clicked={() => {
this.props.displayPinnedManager(true);
return false;
}}
>
}}>
&nbsp;Pinned File Manager...&nbsp;
</Button>
) : null}

3
src/containers/Configuration/ConfigurationItem/ConfigurationItem.js
View File

@@ -46,8 +46,7 @@ export default connect(
onClick={() => {
displayInfo();
return false;
}}
>
}}>
<FontAwesomeIcon icon={faInfoCircle} />
</a>
);

24
src/containers/MountItems/MountItem/MountItem.js
View File

@@ -112,8 +112,7 @@ export default connect(
colSpan={inputColumnSpan - 8}
key={'i' + key++}
row={secondRow}
rowSpan={7}
>
rowSpan={7}>
<input
disabled={!props.MState.AllowMount || props.MState.Mounted}
maxLength={4096}
@@ -135,8 +134,7 @@ export default connect(
disabled={props.MState.Mounted || !props.MState.AllowMount}
key={'b' + key++}
row={secondRow}
rowSpan={7}
>
rowSpan={7}>
...
</Button>
);
@@ -172,8 +170,7 @@ export default connect(
colSpan={21}
disabled={!props.MState.AllowMount}
row={secondRow}
rowSpan={7}
>
rowSpan={7}>
{buttonDisplay}
</Button>
);
@@ -183,8 +180,7 @@ export default connect(
col={inputColumnSpan + 24}
colSpan={28}
row={secondRow}
rowSpan={7}
>
rowSpan={7}>
<CheckBox
changed={handleAutoMountChanged}
checked={props.PState.AutoMount}
@@ -198,8 +194,7 @@ export default connect(
col={inputColumnSpan + 24 + 28}
colSpan={24}
row={secondRow}
rowSpan={7}
>
rowSpan={7}>
<CheckBox
changed={handleAutoRestartChanged}
checked={props.PState.AutoRestart}
@@ -222,8 +217,7 @@ export default connect(
removeControl = (
<RootElem
col={(dimensions) => dimensions.columns - 6}
row={secondRow + 3}
>
row={secondRow + 3}>
<a href={'#'} onClick={handleRemoveMount} style={removeStyle}>
<FontAwesomeIcon icon={faTrashAlt} />
</a>
@@ -264,8 +258,7 @@ export default connect(
}
}
rowSpan={5}
style={{ ...pointer, fontWeight: 'normal' }}
>
style={{ ...pointer, fontWeight: 'normal' }}>
<u>Export</u>
</a>
) : null}
@@ -281,8 +274,7 @@ export default connect(
}
}
rowSpan={5}
style={{ ...pointer, fontWeight: 'normal' }}
>
style={{ ...pointer, fontWeight: 'normal' }}>
<u>Import</u>
</a>
) : null}

12
src/containers/MountItems/MountItems.js
View File

@@ -430,8 +430,7 @@ class MountItems extends IPCContainer {
clicked={() =>
this.cancelRetryMount(provider, () => this.detectMounts())
}
key={'rl_' + retryList.length}
>
key={'rl_' + retryList.length}>
Cancel {provider} Remount (
{this.state.RetryItems[provider].RetrySeconds}s)
</Button>
@@ -451,15 +450,13 @@ class MountItems extends IPCContainer {
<Modal>
<Box
dxDark
dxStyle={{ padding: 'var(--default_spacing)', minWidth: '70vw' }}
>
dxStyle={{ padding: 'var(--default_spacing)', minWidth: '70vw' }}>
<h1
style={{
textAlign: 'center',
paddingBottom: 'var(--default_spacing)',
color: 'var(--text_color_error)',
}}
>
}}>
Mount Failed
</h1>
{retryList}
@@ -563,8 +560,7 @@ class MountItems extends IPCContainer {
this.props.remoteSupported || this.props.s3Supported
? 'MountItemsRemote'
: 'MountItems'
}
>
}>
{items}
</div>
<div style={{ paddingTop: 'var(--default_spacing)' }} />

9
src/containers/PinnedManager/PinnedManager.js
View File

@@ -119,8 +119,7 @@ export default connect(
this.grabDirectoryItems();
}
);
}}
>
}}>
<FontAwesomeIcon
icon={faFolder}
fixedWidth
@@ -177,16 +176,14 @@ export default connect(
height: 'calc(100vh - (var(--default_spacing) * 4)',
padding: 'var(--default_spacing)',
width: 'calc(100vw - (var(--default_spacing) * 4)',
}}
>
}}>
<div className={'PinnedManager'}>
<div className={'PinnedManagerHeading'}>
<div className={'PinnedManagerClose'}>
<a
href={'#'}
onClick={() => this.props.displayPinnedManager(false)}
style={{ cursor: 'pointer', flex: '0' }}
>
style={{ cursor: 'pointer', flex: '0' }}>
X
</a>
</div>

3
src/containers/SelectAppPlatform/SelectAppPlatform.js
View File

@@ -83,8 +83,7 @@ class SelectAppPlatform extends IPCContainer {
/>
<Button
clicked={this.handleTestClicked}
disabled={this.props.InstallTestActive}
>
disabled={this.props.InstallTestActive}>
Test
</Button>
</div>

18
src/containers/SkynetExport/SkynetExport.js
View File

@@ -179,8 +179,7 @@ export default connect(
height: '90vh',
padding: 'var(--default_spacing)',
width: 'calc(100vw - (var(--default_spacing) * 4)',
}}
>
}}>
<div
style={{
float: 'right',
@@ -189,13 +188,11 @@ export default connect(
marginTop: '-4px',
boxSizing: 'border-box',
display: 'block',
}}
>
}}>
<a
href={'#'}
onClick={() => this.props.displaySkynetExport(false)}
style={{ cursor: 'pointer' }}
>
style={{ cursor: 'pointer' }}>
X
</a>
</div>
@@ -205,8 +202,7 @@ export default connect(
<div
className={
this.state.second_stage ? 'SkynetExportList' : 'SkynetExportTree'
}
>
}>
{this.state.second_stage ? (
this.state.checked.map((path) => {
return (
@@ -324,8 +320,7 @@ export default connect(
this.setState({
second_stage: false,
})
}
>
}>
{'Back'}
</Button>
) : null}
@@ -336,8 +331,7 @@ export default connect(
marginTop: 'var(--default_spacing)',
width: 'auto',
}}
clicked={this.handleNavigation}
>
clicked={this.handleNavigation}>
{this.state.second_stage ? 'Export' : 'Next'}
</Button>
</div>

18
src/containers/SkynetImport/SkynetImport.js
View File

@@ -191,8 +191,7 @@ export default connect(
height: 'auto',
padding: 'var(--default_spacing)',
width: 'calc(100vw - (var(--default_spacing) * 4)',
}}
>
}}>
<div
style={{
float: 'right',
@@ -201,13 +200,11 @@ export default connect(
marginTop: '-4px',
boxSizing: 'border-box',
display: 'block',
}}
>
}}>
<a
href={'#'}
onClick={() => this.props.displaySkynetImport(false)}
style={{ cursor: 'pointer' }}
>
style={{ cursor: 'pointer' }}>
X
</a>
</div>
@@ -236,8 +233,7 @@ export default connect(
marginTop: 'var(--default_spacing)',
width: 'auto',
}}
clicked={this.displaySyntax}
>
clicked={this.displaySyntax}>
Import Syntax...
</Button>
<div className={'SkynetActionButtons'}>
@@ -253,8 +249,7 @@ export default connect(
this.setState({
second_stage: false,
})
}
>
}>
{'Back'}
</Button>
) : null}
@@ -265,8 +260,7 @@ export default connect(
marginTop: 'var(--default_spacing)',
width: 'auto',
}}
clicked={this.handleNavigation}
>
clicked={this.handleNavigation}>
{this.state.second_stage ? 'Import' : 'Next'}
</Button>
</div>

6
src/containers/UI/Password/Password.js
View File

@@ -122,8 +122,7 @@ export default class Password extends Component {
<a
href={'#'}
className={'PasswordLink'}
onClick={this.handleActionClick}
>
onClick={this.handleActionClick}>
<u>{this.state.button_text}</u>
</a>
)}
@@ -144,8 +143,7 @@ export default class Password extends Component {
<a
href={'#'}
className={'PasswordShowHide'}
onClick={this.handleShowHideClick}
>
onClick={this.handleShowHideClick}>
<FontAwesomeIcon
icon={this.state.show_password ? faEye : faEyeSlash}
fixedWidth

34
src/index.css
View File

@@ -37,11 +37,11 @@ a {
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
color: var(--text_color);
height: 100%;
width: 100%;
margin: 0;
padding: 0;
color: var(--text_color);
}
p {
@@ -56,12 +56,12 @@ p {
h1,
h2,
h3 {
padding: 0;
margin: 0;
font-weight: bold;
text-decoration: none;
white-space: pre;
text-align: left;
padding: 0;
margin: 0;
font-weight: bold;
text-decoration: none;
white-space: pre;
text-align: left;
}
h1 {
@@ -70,7 +70,7 @@ h1 {
h2,
h3 {
color: var(--heading_other_text_color);
color: var(--heading_other_text_color);
}
p {
@@ -87,21 +87,21 @@ p {
.scrollable-content,
::-webkit-scrollbar {
width: 8px;
height: 8px;
width: 8px;
height: 8px;
}
.scrollable-content,
::-webkit-scrollbar * {
background: transparent;
background: transparent;
}
.scrollable-content,
::-webkit-scrollbar-thumb {
background: var(--control_background_hover) !important;
background: var(--control_background_hover) !important;
}
.scrollbar-corner,
::-webkit-scrollbar-corner {
background: transparent;
background: transparent;
}