Buttons in Settings
This commit is contained in:
James Barnsley
@ -3529,10 +3529,13 @@ select {
|
||||
border-color: #a3a19f;
|
||||
background: transparent; }
|
||||
@media (max-width: 799px) {
|
||||
.button--large {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-bottom: 10px; } }
|
||||
.button {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px; }
|
||||
.button--large {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-bottom: 10px; } }
|
||||
|
||||
.field {
|
||||
-webkit-touch-callout: none;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -82515,6 +82515,22 @@ var Settings = function (_React$Component) {
|
||||
|
||||
var _this = _possibleConstructorReturn(this, (Settings.__proto__ || Object.getPrototypeOf(Settings)).call(this, props));
|
||||
|
||||
_this.renderLocalScanButton = function () {
|
||||
var processes = _this.props.ui.processes;
|
||||
|
||||
var loading = processes.local_scan && processes.local_scan.status === 'running';
|
||||
return _react2.default.createElement(
|
||||
'button',
|
||||
{
|
||||
className: 'button button--default ' + (loading ? 'button--working' : ''),
|
||||
onClick: function onClick(e) {
|
||||
return _this.props.pusherActions.localScan();
|
||||
}
|
||||
},
|
||||
'Run local scan'
|
||||
);
|
||||
};
|
||||
|
||||
_this.state = {
|
||||
mopidy_host: _this.props.mopidy.host,
|
||||
mopidy_port: _this.props.mopidy.port,
|
||||
@ -83167,13 +83183,7 @@ var Settings = function (_React$Component) {
|
||||
_react2.default.createElement(
|
||||
'div',
|
||||
{ className: 'field' },
|
||||
_react2.default.createElement(
|
||||
'button',
|
||||
{ className: 'button button--default', onClick: function onClick(e) {
|
||||
return _this2.props.pusherActions.localScan();
|
||||
} },
|
||||
'Run local scan'
|
||||
),
|
||||
this.renderLocalScanButton(),
|
||||
_react2.default.createElement(
|
||||
_reactRouterDom.Link,
|
||||
{ className: 'button button--default', to: '/share-configuration' },
|
||||
@ -83224,53 +83234,49 @@ var Settings = function (_React$Component) {
|
||||
),
|
||||
_react2.default.createElement(
|
||||
'div',
|
||||
{ className: 'field' },
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
'div',
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
'em',
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
'a',
|
||||
{ href: 'https://github.com/jaedb/Iris', target: '_blank' },
|
||||
'Iris'
|
||||
)
|
||||
),
|
||||
' ',
|
||||
'is an open-source project by',
|
||||
_react2.default.createElement(
|
||||
'a',
|
||||
{ href: 'https://github.com/jaedb', target: '_blank' },
|
||||
'James Barnsley'
|
||||
),
|
||||
'. It is provided free and with absolutely no warranty. If you paid someone for this software, please let me know.'
|
||||
),
|
||||
_react2.default.createElement('br', null),
|
||||
_react2.default.createElement('br', null),
|
||||
_react2.default.createElement(
|
||||
'div',
|
||||
'em',
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
'a',
|
||||
{ className: 'button button--default', href: 'https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=james%40barnsley%2enz&lc=NZ&item_name=James%20Barnsley¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted', target: '_blank' },
|
||||
_react2.default.createElement(_Icon2.default, { type: 'fontawesome', name: 'paypal' }),
|
||||
' ',
|
||||
'Donate'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
'a',
|
||||
{ className: 'button button--default', href: 'https://github.com/jaedb/Iris', target: '_blank' },
|
||||
_react2.default.createElement(_Icon2.default, { type: 'fontawesome', name: 'github' }),
|
||||
' ',
|
||||
'GitHub'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
'a',
|
||||
{ className: 'button button--default', href: 'http://creativecommons.org/licenses/by-nc/4.0/', target: '_blank' },
|
||||
_react2.default.createElement(_Icon2.default, { type: 'fontawesome', name: 'creative-commons' }),
|
||||
'\xA0Licence'
|
||||
{ href: 'https://github.com/jaedb/Iris', target: '_blank' },
|
||||
'Iris'
|
||||
)
|
||||
),
|
||||
' ',
|
||||
'is an open-source project by',
|
||||
_react2.default.createElement(
|
||||
'a',
|
||||
{ href: 'https://github.com/jaedb', target: '_blank' },
|
||||
'James Barnsley'
|
||||
),
|
||||
'. It is provided free and with absolutely no warranty. If you paid someone for this software, please let me know.'
|
||||
),
|
||||
_react2.default.createElement('br', null),
|
||||
_react2.default.createElement('br', null),
|
||||
_react2.default.createElement(
|
||||
'div',
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
'a',
|
||||
{ className: 'button button--default', href: 'https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=james%40barnsley%2enz&lc=NZ&item_name=James%20Barnsley¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted', target: '_blank' },
|
||||
_react2.default.createElement(_Icon2.default, { type: 'fontawesome', name: 'paypal' }),
|
||||
' ',
|
||||
'Donate'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
'a',
|
||||
{ className: 'button button--default', href: 'https://github.com/jaedb/Iris', target: '_blank' },
|
||||
_react2.default.createElement(_Icon2.default, { type: 'fontawesome', name: 'github' }),
|
||||
' ',
|
||||
'GitHub'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
'a',
|
||||
{ className: 'button button--default', href: 'http://creativecommons.org/licenses/by-nc/4.0/', target: '_blank' },
|
||||
_react2.default.createElement(_Icon2.default, { type: 'fontawesome', name: 'creative-commons' }),
|
||||
'\xA0Licence'
|
||||
)
|
||||
)
|
||||
)
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -100,7 +100,7 @@
|
||||
|
||||
// Release details
|
||||
// These are automatically injected to built HTML
|
||||
var build = "1576226251";
|
||||
var build = "1576347780";
|
||||
var version = "3.43.0";
|
||||
|
||||
// Construct the script tag
|
||||
|
||||
@ -136,6 +136,19 @@ class Settings extends React.Component {
|
||||
);
|
||||
}
|
||||
|
||||
renderLocalScanButton = () => {
|
||||
const { processes } = this.props.ui;
|
||||
const loading = processes.local_scan && processes.local_scan.status === 'running';
|
||||
return (
|
||||
<button
|
||||
className={`button button--default ${loading ? 'button--working' : ''}`}
|
||||
onClick={(e) => this.props.pusherActions.localScan()}
|
||||
>
|
||||
Run local scan
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
render() {
|
||||
const {
|
||||
mopidyActions,
|
||||
@ -441,7 +454,7 @@ Advanced
|
||||
</div>
|
||||
|
||||
<div className="field">
|
||||
<button className="button button--default" onClick={(e) => this.props.pusherActions.localScan()}>Run local scan</button>
|
||||
{this.renderLocalScanButton()}
|
||||
<Link className="button button--default" to="/share-configuration">Share configuration</Link>
|
||||
</div>
|
||||
|
||||
@ -471,32 +484,30 @@ Advanced
|
||||
<a name="about" />
|
||||
</h4>
|
||||
|
||||
<div className="field">
|
||||
<div>
|
||||
<em><a href="https://github.com/jaedb/Iris" target="_blank">Iris</a></em>
|
||||
{' '}
|
||||
<div>
|
||||
<em><a href="https://github.com/jaedb/Iris" target="_blank">Iris</a></em>
|
||||
{' '}
|
||||
is an open-source project by
|
||||
<a href="https://github.com/jaedb" target="_blank">James Barnsley</a>
|
||||
<a href="https://github.com/jaedb" target="_blank">James Barnsley</a>
|
||||
. It is provided free and with absolutely no warranty. If you paid someone for this software, please let me know.
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div>
|
||||
<a className="button button--default" href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=james%40barnsley%2enz&lc=NZ&item_name=James%20Barnsley¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted" target="_blank">
|
||||
<Icon type="fontawesome" name="paypal" />
|
||||
{' '}
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div>
|
||||
<a className="button button--default" href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=james%40barnsley%2enz&lc=NZ&item_name=James%20Barnsley¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted" target="_blank">
|
||||
<Icon type="fontawesome" name="paypal" />
|
||||
{' '}
|
||||
Donate
|
||||
</a>
|
||||
<a className="button button--default" href="https://github.com/jaedb/Iris" target="_blank">
|
||||
<Icon type="fontawesome" name="github" />
|
||||
{' '}
|
||||
</a>
|
||||
<a className="button button--default" href="https://github.com/jaedb/Iris" target="_blank">
|
||||
<Icon type="fontawesome" name="github" />
|
||||
{' '}
|
||||
GitHub
|
||||
</a>
|
||||
<a className="button button--default" href="http://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
|
||||
<Icon type="fontawesome" name="creative-commons" />
|
||||
</a>
|
||||
<a className="button button--default" href="http://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
|
||||
<Icon type="fontawesome" name="creative-commons" />
|
||||
Licence
|
||||
</a>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
@ -398,6 +398,9 @@ select {
|
||||
}
|
||||
|
||||
@include responsive($bp_medium) {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
|
||||
&--large {
|
||||
width: 100%;
|
||||
display: block;
|
||||
|
||||
Reference in New Issue
Block a user