secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Loader progress a bit more tasteful

Browse Source
This commit is contained in:
James Barnsley
2020-02-17 15:44:40 +13:00
parent 2928eea8f9
commit 6050debd43
8 changed files with 26988 additions and 18965 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/js/components/Loader.js
View File

@ -77,6 +77,8 @@ export default memo((props) => {
<div className={classNameString}>
<div className="loader__spinner">
<Icon name="check" />
<div className="loader__spinner__background" />
<div className="loader__spinner__foreground" />
</div>
</div>
);
@ -92,6 +94,7 @@ export default memo((props) => {
radius={mini ? '13' : '60'}
progress={progress}
/>
<div className="loader__spinner__foreground" />
</div>
</div>
);
@ -99,7 +102,10 @@ export default memo((props) => {
return (
<div className={classNameString}>
<div className="loader__spinner" />
<div className="loader__spinner">
<div className="loader__spinner__background" />
<div className="loader__spinner__foreground" />
</div>
</div>
);
});

2
src/js/views/Debug.js
View File

@ -139,7 +139,7 @@ Back
<div className="name" />
<div className="input">
<a className="button button--default" onClick={(e) => this.props.uiActions.createNotification({ content: 'Test notification' })}>Create notification</a>
<a className="button button--default" onClick={(e) => this.props.uiActions.startProcess('test_process', "Test process", {remaining: 32, total: 100})}>Create process notification</a>
<a className="button button--default" onClick={(e) => this.props.uiActions.startProcess('test_process', "Test process", {remaining: 68, total: 100})}>Create process notification</a>
<a className="button button--default" onClick={(e) => this.props.pusherActions.request('test')}>Run test process</a>
</div>
</div>