play/pause room buttons working

app/client/scripts/events.js

@@ -1539,10 +1539,16 @@ Template.room.events({
         }
     },
     "click #play": function () {
-        Meteor.call("resumeRoom", type);
+        Meteor.call("resumeRoom", Session.get("type"));
+        var $parent = $("#play").parent();
+        $("#play").remove();
+        $parent.append('<a id="pause"><i class="material-icons">pause</i></a>')
     },
     "click #pause": function () {
-        Meteor.call("pauseRoom", type);
+        Meteor.call("pauseRoom", Session.get("type"));
+        var $parent = $("#pause").parent();
+        $("#pause").remove();
+        $parent.append('<a id="play"><i class="material-icons">play_arrow</i></a>')
     },
     "click #skip": function () {
         var parts = location.href.split('/');

app/client/templates/room.html

@@ -315,10 +315,10 @@
             <h5>Playlist</h5>
         </div>
         <ul id='admin-dropdown' style="background-color: #00bfa5 !important; display: none">
-            <li><a><i class="material-icons">pause</i></a></li>
+            <li><a id="pause"><i class="material-icons">pause</i></a></li>
             <li><a id="skip"><i class="material-icons">skip_next</i></a></li>
-            <li><a><i class="material-icons">shuffle</i></a></li>
-            <li><a><i class="material-icons">lock_outline</i></a></li>
+            <li><a id="shuffle"><i class="material-icons">shuffle</i></a></li>
+            <li><a id="lock"><i class="material-icons">lock_outline</i></a></li>
         </ul>
         <script>
             $("#add-song-modal-button").leanModal({