this.handleClick(e, connection.connectionid) }>
{ connection.username }
({ connection.ip })
diff --git a/src/js/services/pusher/middleware.js b/src/js/services/pusher/middleware.js
index eb8082fe..00fb9715 100755
--- a/src/js/services/pusher/middleware.js
+++ b/src/js/services/pusher/middleware.js
@@ -128,6 +128,10 @@ const PusherMiddleware = (function(){
return next(action);
break;
+ case 'ERROR':
+ store.dispatch( uiActions.createNotification(action.data.source+': '+action.data.message,'bad') )
+ break;
+
case 'START_UPGRADE':
request({ action: 'upgrade' })
.then(
@@ -233,6 +237,9 @@ const PusherMiddleware = (function(){
case 'track':
data.seed_tracks.push( action.uris[i] );
break;
+ case 'genre':
+ data.seed_genres.push( action.uris[i] );
+ break;
}
}
@@ -256,7 +263,6 @@ const PusherMiddleware = (function(){
}
)
- store.dispatch(uiActions.createNotification('Stopping radio'))
var data = {
action: 'stop_radio',
seed_artists: [],
diff --git a/src/js/views/Queue.js b/src/js/views/Queue.js
index 30398717..f9e46f87 100755
--- a/src/js/views/Queue.js
+++ b/src/js/views/Queue.js
@@ -57,27 +57,18 @@ class Queue extends React.Component{
render(){
var actions = (
-
this.props.mopidyActions.clearTracklist()}>
-
- Clear
-
+
+ this.props.uiActions.openModal('edit_radio')}>
+
+ Radio
+
+ this.props.mopidyActions.clearTracklist()}>
+
+ Clear
+
+
)
- if (this.props.radio && this.props.radio.enabled){
- var actions = (
-
- this.props.uiActions.openModal('edit_radio')}>
-
- Edit
-
- this.props.pusherActions.stopRadio()}>
-
- Stop
-
-
- )
- }
-
return (
diff --git a/src/scss/components/_modal.scss b/src/scss/components/_modal.scss
index c4f7bbce..3d356e33 100755
--- a/src/scss/components/_modal.scss
+++ b/src/scss/components/_modal.scss
@@ -68,6 +68,7 @@
.list {
@include clearfix();
+ padding-top: 30px;
.list-item {
box-sizing: border-box;
@@ -81,20 +82,6 @@
border-top: 1px solid $mid_grey;
}
- &.small {
- padding-left: 30px;
- width: 49%;
- float: left;
-
- &:nth-child(2){
- border-top: 1px solid $mid_grey;
- }
-
- &:nth-child(2n){
- margin-left: 2%;
- }
- }
-
.source {
position: absolute;
top: 18px;
@@ -107,8 +94,25 @@
}
}
- &.pusher-connection-list {
- padding-top: 50px;
+ &.playlists {
+ padding-top: 0;
+
+ .list-item {
+ padding-left: 30px;
+ }
+ }
+
+ &.small .list-item {
+ width: 49%;
+ float: left;
+
+ &:nth-child(2){
+ border-top: 1px solid $mid_grey;
+ }
+
+ &:nth-child(2n){
+ margin-left: 2%;
+ }
}
}
}
@@ -127,6 +131,27 @@
}
}
+ &.edit_radio {
+ .field {
+ position: relative;
+ button {
+ position: absolute;
+ top: 5px;
+ right: 0;
+ }
+ }
+ }
+
+ .actions {
+ padding-top: 50px;
+ text-align: center;
+
+ .button,
+ button {
+ margin: 0 3px;
+ }
+ }
+
@include responsive( $bp_medium ){
.content {
diff --git a/src/scss/global/_core.scss b/src/scss/global/_core.scss
index 8049a27f..7664675b 100755
--- a/src/scss/global/_core.scss
+++ b/src/scss/global/_core.scss
@@ -166,6 +166,7 @@ h4 {
.red-text { color: $red !important; }
.green-text { color: $green !important; }
.dark-text { color: $dark_grey !important; }
+.centred-text { text-align: center; }
footer {
display: block;
diff --git a/src/scss/global/_forms.scss b/src/scss/global/_forms.scss
index 07944c46..d957b67d 100755
--- a/src/scss/global/_forms.scss
+++ b/src/scss/global/_forms.scss
@@ -96,17 +96,16 @@ input[type="submit"] {
}
}
- &.centered {
- display: block;
+ &.wide {
+ display: inline-block;
min-width: 200px;
- margin: 0 auto;
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
&[disabled],
- &[disabled="disabled"] {
+ &[disabled="disabled"]{
background: rgba(200,200,200,0.4) !important;
color: $mid_grey !important;
cursor: not-allowed !important;