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

Modal inputs

Browse Source
This commit is contained in:
James Barnsley
2018-05-24 21:37:41 +12:00
parent e5bead0735
commit b5c25760ad
10 changed files with 23534 additions and 25421 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
mopidy_iris/static/app.css
View File

File diff suppressed because one or more lines are too long

48790
mopidy_iris/static/app.js
View File

File diff suppressed because it is too large Load Diff

2
mopidy_iris/static/app.js.map
View File

File diff suppressed because one or more lines are too long

2
mopidy_iris/static/index.html
View File

@ -77,7 +77,7 @@
// Release details
// These are automatically injected to built HTML
var build = "1527020848";
var build = "1527152918";
var version = "3.18.0";
// Construct the script tag

80
src/js/components/Modal/CreatePlaylistModal.js
View File

@ -55,23 +55,27 @@ export default class CreatePlaylistModal extends React.Component{
</div>
<div className="field checkbox white">
<span className="label">Options</span>
<label>
<input
type="checkbox"
name="is_public"
checked={ this.state.is_public }
onChange={ e => this.setState({ is_public: !this.state.is_public })} />
<span className="label">Public</span>
</label>
<label>
<input
type="checkbox"
name="is_collaborative"
checked={ this.state.is_collaborative }
onChange={ e => this.setState({ is_collaborative: !this.state.is_collaborative })} />
<span className="label">Collaborative</span>
</label>
<div className="label">
Options
</div>
<div className="input">
<label>
<input
type="checkbox"
name="is_public"
checked={ this.state.is_public }
onChange={ e => this.setState({ is_public: !this.state.is_public })} />
<span className="label">Public</span>
</label>
<label>
<input
type="checkbox"
name="is_collaborative"
checked={ this.state.is_collaborative }
onChange={ e => this.setState({ is_collaborative: !this.state.is_collaborative })} />
<span className="label">Collaborative</span>
</label>
</div>
</div>
</div>
)
@ -98,25 +102,29 @@ export default class CreatePlaylistModal extends React.Component{
<form onSubmit={(e) => this.createPlaylist(e)}>
<div className="field radio white">
<span className="label">Provider</span>
<label>
<input
type="radio"
name="scheme"
value="spotify"
checked={ this.state.scheme == 'spotify' }
onChange={ e => this.setState({ scheme: e.target.value })} />
<span className="label">Spotify</span>
</label>
<label>
<input
type="radio"
name="scheme"
value="m3u"
checked={ this.state.scheme == 'm3u' }
onChange={ e => this.setState({ scheme: e.target.value })} />
<span className="label">Mopidy</span>
</label>
<div className="label">
Provider
</div>
<div className="input">
<label>
<input
type="radio"
name="scheme"
value="spotify"
checked={ this.state.scheme == 'spotify' }
onChange={ e => this.setState({ scheme: e.target.value })} />
<span className="label">Spotify</span>
</label>
<label>
<input
type="radio"
name="scheme"
value="m3u"
checked={ this.state.scheme == 'm3u' }
onChange={ e => this.setState({ scheme: e.target.value })} />
<span className="label">Mopidy</span>
</label>
</div>
</div>
{this.renderFields()}

49
src/scss/components/_icon.scss
View File

@ -48,19 +48,18 @@ $icon-stop: \e91f;
$icon-websocket: \e920;
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'iris' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
@include noselect();
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'iris' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-back:before {
@ -175,18 +174,19 @@ $icon-websocket: \e920;
**/
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;;
src: url(../assets/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(../assets/fonts/MaterialIcons-Regular.woff2) format('woff2'),
url(../assets/fonts/MaterialIcons-Regular.woff) format('woff'),
url(../assets/fonts/MaterialIcons-Regular.ttf) format('truetype');
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;;
src: url(../assets/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(../assets/fonts/MaterialIcons-Regular.woff2) format('woff2'),
url(../assets/fonts/MaterialIcons-Regular.woff) format('woff'),
url(../assets/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icon {
@include noselect();
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
@ -200,15 +200,8 @@ $icon-websocket: \e920;
vertical-align: bottom;
font-size: 1.3em;
margin-bottom: 0.1em;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}

2
src/scss/components/_lists.scss
View File

@ -53,7 +53,7 @@
}
}
.source {
.icon.source {
color: $mid_grey;
position: absolute;
top: 16px;

3
src/scss/components/_modal.scss
View File

@ -68,6 +68,9 @@
pointer-events: none;
padding: 0;
}
& > .input {
padding-top: 0;
}
}
&.text {

1
src/scss/components/_playback-controls.scss
View File

@ -83,6 +83,7 @@
.control {
@include animate();
@include noselect();
color: $white;
cursor: pointer;
padding: 10px 6px;

2
src/scss/global/_forms.scss
View File

@ -60,7 +60,7 @@ input[type="radio"]{
height: 6px;
border-radius: 50%;
position: absolute;
top: 12px;
top: 11px;
left: 7px;
background: $white;
}