Averaging group volume plus bias

mopidy_iris/static/app.css

@@ -4291,6 +4291,9 @@ input[type="submit"] {
         left: 0;
         right: 0; } }
 
+.snapcast button {
+  margin-bottom: 0; }
+
 .snapcast .volume-control .mute-control {
   display: inline-block;
   float: left;

mopidy_iris/static/app.js

@@ -51676,8 +51676,6 @@ var PusherMiddleware = function () {
                             clients_ids.splice(clients_ids_index, 1);
                         }
 
-                        console.log(clients_ids, action.id, clients_ids_index);
-
                         var data = {
                             method: 'Group.SetClients',
                             params: {
@@ -70576,7 +70574,7 @@ var Snapcast = function (_React$Component) {
 						// Don't add our existing group
 						if (groups[i].id !== group.id) {
 							groups_dropdown.push({
-								label: groups[i].name ? groups[i].name : 'Group ' + (i + 1),
+								label: groups[i].name ? groups[i].name : 'Group ' + groups[i].id.substring(0, 3),
 								value: groups[i].id
 							});
 						}
@@ -70749,7 +70747,7 @@ var Snapcast = function (_React$Component) {
 						)
 					)
 				),
-				groups.map(function (group, i) {
+				groups.map(function (group) {
 
 					// Average our clients' volume for an overall group volume
 					var group_volume = 0;
@@ -70776,7 +70774,7 @@ var Snapcast = function (_React$Component) {
 								_react2.default.createElement(
 									'div',
 									{ className: 'text' },
-									group.name ? group.name : 'Group ' + (i + 1),
+									group.name ? group.name : 'Group ' + group.id.substring(0, 3),
 									' \xA0',
 									_react2.default.createElement(
 										'span',

src/js/components/Snapcast.js

@@ -63,7 +63,7 @@ class Snapcast extends React.Component{
 							// Don't add our existing group
 							if (groups[i].id !== group.id){
 								groups_dropdown.push({
-									label: (groups[i].name ? groups[i].name : 'Group '+(i+1)),
+									label: (groups[i].name ? groups[i].name : 'Group '+groups[i].id.substring(0,3)),
 									value: groups[i].id
 								});
 							}
@@ -199,7 +199,7 @@ class Snapcast extends React.Component{
 				</div>
 
 				{
-					groups.map((group, i) => {
+					groups.map(group => {
 
 						// Average our clients' volume for an overall group volume
 						var group_volume = 0;
@@ -217,7 +217,7 @@ class Snapcast extends React.Component{
 									</div>
 									<div className="input">	
 										<div className="text">
-											{group.name ? group.name : 'Group '+(i+1)} &nbsp;
+											{group.name ? group.name : 'Group '+group.id.substring(0,3)} &nbsp;
 											<span className="grey-text">({group.id})</span>
 										</div>
 									</div>

src/js/services/pusher/middleware.js

@@ -791,8 +791,6 @@ const PusherMiddleware = (function(){
                     clients_ids.splice(clients_ids_index, 1);
                 }
 
-                console.log(clients_ids, action.id, clients_ids_index);
-
                 var data = {
                     method: 'Group.SetClients',
                     params: {

src/scss/components/_snapcast.scss

@@ -1,5 +1,9 @@
 
 .snapcast {
+
+	button {
+		margin-bottom: 0;
+	}
 					
 	.volume-control {