fix on file remove and add empty room message

client/index.html

@@ -21,6 +21,9 @@
 	</div>
 	<progress id="progress-bar"></progress>
       </div>
+      <div id="empty-room">
+	<h1>Room is empty</h1>
+      </div>
       <div id="file-list">
 	<ul>
 	</ul>

client/main.js

@@ -140,17 +140,18 @@ var CryptoUploader = {
 			    .appendTo(e);
 			$("<span>🗑️</span>")
 			    .on('click', function(e){
-				Uploader.deleteFile(e.target.parentNode.querySelector("a").text);
+				Uploader.deleteFile(f[1]);
 				CryptoUploader.showRoomContent();
 			    })
 			    .addClass("delete-button")
 			    .appendTo(e);
+			$("#empty-room").hide();
 		    }).catch(function(err){
 			console.log(f[1]);
 			console.error(err);
 		    });			
 	    }
-	})
+	});
     },
 
     sanitizeHTML: function (str) {

client/style.css

@@ -3,6 +3,10 @@ body {
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;b3
 }
 
+::-moz-progress-bar {
+  background-color: #ec567c;
+}
+
 .stylish-button {
     background-color: #ec567c;
     margin: 0;
@@ -92,7 +96,7 @@ label, input {
 }
 
 #progress-bar {
-    background-color: #ec567;
+    background-color: #ccc;
     height: 25px;
     padding: 3px;
     width: 100%;
@@ -104,3 +108,7 @@ label, input {
     -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
     box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
 }
+
+#empty-room {
+    text-align: center;
+}