seperate js in files

app/views/layouts/application.html.erb

@@ -30,7 +30,6 @@
 
       <%= yield %>
 
-      <!-- Modal Load -->
       <% if current_user %>
         <%= render "shared/modals/create_room_modal" %>
       <% end %>

app/views/rooms/show.html.erb

@@ -55,36 +55,3 @@
 </div>
 
 <%= render "shared/sessions", recordings: @recordings, only_public: false %>
-
-<script>
-var invite_url;
-var copy = $('#copy');
-
-// Handle copy button.
-copy.on('click', function(){
-  var inviteURL = $('#invite-url');
-  inviteURL.select();
-
-  var success = document.execCommand("copy");
-  if (success) {
-    inviteURL.blur();
-    copy.addClass('btn-success');
-    copy.html("<i class='fas fa-check'></i> Copy")
-    setTimeout(function(){
-      copy.removeClass('btn-success');
-      copy.html("<i class='fas fa-copy'></i> Copy")
-    }, 2000)
-  }
-});
-
-// Handle recording emails.
-$('.email-link').each(function(){
-  $(this).click(function(){
-    var subject = $(".username").text() + " has invited you to view a recording.";
-    var body = "To view the recording, follow the link below:\n\n" + $(this).attr("data-pres-link");
-    var footer = "\n\nThis e-mail is auto-generated by BigBlueButton.\nBigBlueButton is an open source web conferencing system. For more information on BigBlueButton, see https://bigbluebutton.org/."
-    var win = window.open("mailto:?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(body) + encodeURIComponent(footer), '_blank');
-    win.focus();
-  });
-});
-</script>

app/views/rooms/wait.html.erb

@@ -9,37 +9,3 @@
     </div>
   </div>
 <% end %>
-
-<script>
-$(document).on("turbolinks:load", function(){
-  App.waiting = App.cable.subscriptions.create({
-    channel: "WaitingChannel",
-    uid: $(".room-section").attr("room")
-  }, {
-    received: function(data){
-      if(data.action = "started"){ request_to_join_meeting(); }
-    }
-  });
-});
-
-var join_attempts = 0;
-
-var request_to_join_meeting = function(){
-  $.ajax({
-    url: window.location.pathname,
-    type: 'POST',
-    data: {
-      join_name: $(".room-section").attr("join-name")
-    },
-    headers: {
-      'Content-Type': 'application/x-www-form-urlencoded',
-      'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
-    },
-    error: function(){
-      // The meeting is still booting (going slowly), retry shortly.
-      if(join_attempts < 4){ setTimeout(request_to_join_meeting, 10000); }
-      join_attempts++;
-    }
-  });
-}
-</script>

app/views/shared/modals/_create_room_modal.html.erb

@@ -34,7 +34,8 @@
 </div>
 
 <script>
-
+// Handle validation messages client-side because
+// form is served in modal, and they are minimal.
 var roomCreateValidations = function(){
   if($('#room-name').val().length == 0){
     $('#room-name').addClass("is-invalid");
@@ -42,5 +43,4 @@ var roomCreateValidations = function(){
 }
 
 $('#create-room-submit').on('click', roomCreateValidations);
-
 </script>

app/views/users/edit.html.erb

@@ -1,5 +1,4 @@
 <div class="container mt-8">
-
   <%= render "shared/components/subtitle", subtitle: "Settings", search: false %>
 
   <div class="row">
@@ -46,25 +45,3 @@
     </div>
   </div>
 </div>
-
-<script>
-settingsButtons = $('.setting-btn');
-settingsViews = $('.setting-view');
-
-$(document).ready(function(){
-  settingsButtons.each(function(i, btn) {
-    if(i != 0){ $(settingsViews[i]).hide(); }
-    $(btn).click(function(){
-      $(btn).addClass("active");
-      settingsViews.each(function(i, view){
-        if($(view).attr("id") == $(btn).attr("id")){
-          $(view).show();
-        } else {
-          $(settingsButtons[i]).removeClass("active");
-          $(view).hide();
-        }
-      });
-    });
-  });
-});
-</script>