Enforce user name on initial setup (required field)

Author: jaedb

src/app/services/dialog/initialsetup.template.html

@@ -6,7 +6,7 @@ <h4 class="section-title dialog-title">Initial Setup</h4>
 
 		<div class="field text large">
 			<input name="username" placeholder="Your name" ng-model="name" />
-			<span class="note">This can be changed later in Settings</span>
+			<span class="note"><span class="red-text" ng-if="error">Please enter your name &nbsp;</span>This can be changed later in Settings</span>
 		</div>
 
 		<div class="field switch">

src/app/services/dialog/service.js

@@ -274,14 +274,18 @@ angular.module('spotmop.services.dialog', [])
 		templateUrl: 'app/services/dialog/initialsetup.template.html',
 		controller: function( $scope, $element, $rootScope, $filter, DialogService, SettingsService ){
             $scope.saving = false;
-            $scope.save = function(){
-                
-                // set state to saving (this swaps save button for spinner)
-                $scope.saving = true;
-                
-                // perform the creation
-                SettingsService.setSetting('pushername', $scope.name);
-                DialogService.remove();
+            $scope.save = function(){                
+				if( $scope.name && $scope.name != '' ){
+					
+					// set state to saving (this swaps save button for spinner)
+					$scope.saving = true;
+					
+					// perform the creation
+					SettingsService.setSetting('pushername', $scope.name);
+					DialogService.remove();
+				}else{
+					$scope.error = true;
+				}
             }
 		}
 	};

src/assets/css/forms.css

@@ -19,12 +19,12 @@
 }
 
 .field .note {
-	opacity: 0.35;
 	display: block;
 	padding: 4px 0 5px 0;
 	font-family: "Roboto";
 	font-size: 12px;
 	font-weight: 300;
+	color: #777777;
 }
 
 .field .input {