Added autofocus for models

frontend/components/Modals/AddSongToQueue.vue

@@ -21,7 +21,7 @@
 				</aside>
 				<div class="control is-grouped">
 					<p class="control is-expanded">
-						<input class="input" type="text" placeholder="YouTube Query" v-model="querySearch" @keyup.enter="submitQuery()">
+						<input class="input" type="text" placeholder="YouTube Query" v-model='querySearch' autofocus @keyup.enter='submitQuery()'>
 					</p>
 					<p class="control">
 						<a class="button is-info" @click="submitQuery()" href='#'>

frontend/components/Modals/CreateCommunityStation.vue

@@ -10,7 +10,7 @@
 				<!-- validation to check if exists http://bulma.io/documentation/elements/form/ -->
 				<label class='label'>Unique ID (lowercase, a-z, used in the url)</label>
 				<p class='control'>
-					<input class='input' type='text' placeholder='Name...' v-model='newCommunity._id'>
+					<input class='input' type='text' placeholder='Name...' v-model='newCommunity._id' autofocus>
 				</p>
 				<label class='label'>Display Name</label>
 				<p class='control'>

frontend/components/Modals/EditSong.vue

@@ -51,7 +51,7 @@
 				</p>
 				<label class='label'>Song Title</label>
 				<p class='control'>
-					<input class='input' type='text' v-model='$parent.editing.song.title'>
+					<input class='input' type='text' v-model='$parent.editing.song.title' autofocus>
 				</p>
 				<div class='control is-horizontal'>
 					<div class='control is-grouped'>

frontend/components/Modals/EditStation.vue

@@ -10,7 +10,7 @@
 				<label class='label'>Display name</label>
 				<div class='control is-grouped'>
 					<p class='control is-expanded'>
-						<input class='input' type='text' placeholder='Station Display Name' v-model='data.displayName'>
+						<input class='input' type='text' placeholder='Station Display Name' v-model='data.displayName' autofocus>
 					</p>
 					<p class='control'>
 						<a class='button is-info' @click='updateDisplayName()' href='#'>Update</a>

frontend/components/Modals/Playlists/Create.vue

@@ -8,7 +8,7 @@
 			</header>
 			<section class='modal-card-body'>
 				<p class='control is-expanded'>
-					<input class='input' type='text' placeholder='Playlist Display Name' v-model='playlist.displayName' @keyup.enter="createPlaylist()">
+					<input class='input' type='text' placeholder='Playlist Display Name' v-model='playlist.displayName' autofocus @keyup.enter='createPlaylist()'>
 				</p>
 			</section>
 			<footer class='modal-card-foot'>

frontend/components/Modals/Playlists/Edit.vue

@@ -28,7 +28,7 @@
 				</aside>
 				<div class='control is-grouped'>
 					<p class='control is-expanded'>
-						<input class='input' type='text' placeholder='Search for Song to add' v-model='songQuery' @keyup.enter="searchForSongs()">
+						<input class='input' type='text' placeholder='Search for Song to add' v-model='songQuery' autofocus @keyup.enter='searchForSongs()'>
 					</p>
 					<p class='control'>
 						<a class='button is-info' @click='searchForSongs()' href="#">Search</a>

frontend/components/Modals/Register.vue

@@ -10,7 +10,7 @@
 				<!-- validation to check if exists http://bulma.io/documentation/elements/form/ -->
 				<label class='label'>Email</label>
 				<p class='control'>
-					<input class='input' type='text' placeholder='Email...' v-model='$parent.register.email'>
+					<input class='input' type='text' placeholder='Email...' v-model='$parent.register.email' autofocus>
 				</p>
 				<label class='label'>Username</label>
 				<p class='control'>