瀏覽代碼

Worked on queue.

KrisVos130 8 年之前
父節點
當前提交
7408a2ef77
共有 4 個文件被更改,包括 36 次插入22 次删除
  1. 8 0
      frontend/build/index.css
  2. 1 0
      frontend/build/index.html
  3. 23 18
      frontend/components/pages/AdminQueue.vue
  4. 4 4
      frontend/components/pages/Station.vue

+ 8 - 0
frontend/build/index.css

@@ -0,0 +1,8 @@
+body {
+	background-color: rgb(245, 245, 245);
+}
+
+.card {
+	background-color: white;
+	padding: 20px;
+}

+ 1 - 0
frontend/build/index.html

@@ -10,6 +10,7 @@
 	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 	<!-- Bootstrap -->
 	<link rel="stylesheet" href="./vendor/bootstrap.min.css">
+	<link rel="stylesheet" href="./index.css">
 	<script src="./vendor/jquery.min.js"></script>
 	<script src="./vendor/bootstrap.min.js"></script>
 	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.0/moment.min.js"></script>

+ 23 - 18
frontend/components/pages/AdminQueue.vue

@@ -1,24 +1,29 @@
 <template>
 	<div class="app">
 		<main-header></main-header>
-		<table>
-			<thead>
-				<tr>
-					<td>Title</td>
-					<td>Artists</td>
-					<td>Genre's</td>
-					<td>Controls</td>
-				</tr>
-			</thead>
-			<tbody>
-				<tr v-for="song in songs">
-					<td>{{song.title}}</td>
-					<td>{{song.artists}}</td>
-					<td>{{song.genres}}</td>
-					<td><button @click="reviewSong(song._id)">Review</button></td>
-				</tr>
-			</tbody>
-		</table>
+		<div class="row">
+			<div class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1 card">
+				<table class="table table-striped">
+					<thead>
+					<tr>
+						<td>Title</td>
+						<td>Artists</td>
+						<td>Genre's</td>
+						<td>Controls</td>
+					</tr>
+					</thead>
+					<tbody>
+					<tr v-for="song in songs">
+						<td>{{song.title}}</td>
+						<td>{{song.artists}}</td>
+						<td>{{song.genres}}</td>
+						<td><button @click="reviewSong(song._id)">Review</button></td>
+					</tr>
+					</tbody>
+				</table>
+			</div>
+		</div>
+
 		<main-footer></main-footer>
 		<div class="modal fade" id="reviewModal" tabindex="-1" role="dialog" aria-labelledby="review-modal">
 			<div class="modal-dialog modal-large" role="document">

+ 4 - 4
frontend/components/pages/Station.vue

@@ -231,12 +231,12 @@
 				local.stationSocket.emit("pause");
 			},
 			toggleLike: function() {
-				let local = this;
-				local.stationSocket.emit("toggleLike");//TODO Add code here to see if this was a success or not
+				/*let local = this;
+				local.stationSocket.emit("toggleLike");//TODO Add code here to see if this was a success or not*/
 			},
 			toggleDislike: function() {
-				let local = this;
-				local.stationSocket.emit("toggleDislike");//TODO Add code here to see if this was a success or not
+				/*let local = this;
+				local.stationSocket.emit("toggleDislike");//TODO Add code here to see if this was a success or not*/
 			},
 			addItemToItems: function(id) {
 				let local = this;