diff --git a/app/assets/javascripts/room.js b/app/assets/javascripts/room.js index 0d94b92d..b7ef5396 100644 --- a/app/assets/javascripts/room.js +++ b/app/assets/javascripts/room.js @@ -19,6 +19,10 @@ $(document).on('turbolinks:load', function(){ var controller = $("body").data('controller'); var action = $("body").data('action'); + // highlight current room + $('.room-block').removeClass('current'); + $('a[href="' + window.location.pathname + '"] .room-block').addClass('current'); + // Only run on room pages. if (controller == "rooms" && action == "show"){ var copy = $('#copy'); @@ -57,7 +61,7 @@ $(document).on('turbolinks:load', function(){ $('#create-room-name').focus() } }) - + if (controller == "rooms" && action == "show" || controller == "admins" && action == "server_rooms"){ // Display and update all fields related to creating a room in the createRoomModal $(".update-room").click(function(){ @@ -120,13 +124,13 @@ $(document).on('turbolinks:load', function(){ let listItem = document.createElement("li") listItem.setAttribute('class', 'list-group-item text-left not-saved add-access'); listItem.setAttribute("data-uid", uid) - + let spanItem = "" + option.text().charAt(0) + " " + - option.text() + " " + option.data("subtext") + "" + + option.text() + " " + option.data("subtext") + "" + "" - + listItem.innerHTML = spanItem - + $("#user-list").append(listItem) } }) @@ -160,9 +164,9 @@ function showCreateRoom(target) { function showUpdateRoom(target) { var modal = $(target) - var update_path = modal.closest("#room-block").data("path") + var update_path = modal.closest(".room-block").data("path") var settings_path = modal.data("settings-path") - $("#create-room-name").val(modal.closest("#room-block").find("#room-name-text").text().trim()) + $("#create-room-name").val(modal.closest(".room-block").find(".room-name-text").text().trim()) $("#createRoomModal form").attr("action", update_path) //show all elements & their children with a update-only class @@ -178,8 +182,8 @@ function showUpdateRoom(target) { }) updateCurrentSettings(settings_path) - - var accessCode = modal.closest("#room-block").data("room-access-code") + + var accessCode = modal.closest(".room-block").data("room-access-code") if(accessCode){ $("#create-room-access-code").text(getLocalizedString("modal.create_room.access_code") + ": " + accessCode) @@ -199,7 +203,7 @@ function showDeleteRoom(target) { function updateCurrentSettings(settings_path){ // Get current room settings and set checkbox $.get(settings_path, function(room_settings) { - var settings = JSON.parse(room_settings) + var settings = JSON.parse(room_settings) $("#room_mute_on_join").prop("checked", settings.muteOnStart) $("#room_require_moderator_approval").prop("checked", settings.requireModeratorApproval) $("#room_anyone_can_start").prop("checked", settings.anyoneCanStart) @@ -249,7 +253,7 @@ function displaySharedUsers(path) { user_list_html += "" user_list_html += "" }) - + $("#user-list").html(user_list_html) }); } diff --git a/app/assets/stylesheets/rooms.scss b/app/assets/stylesheets/rooms.scss index 57f7fdf6..e30a2e11 100644 --- a/app/assets/stylesheets/rooms.scss +++ b/app/assets/stylesheets/rooms.scss @@ -57,6 +57,14 @@ padding-top: 12px; } +.room-block { + &:not(.current) { + .stamp { + opacity: 0.5; + } + } +} + #create-room-block { border: 1px dashed lightgray; @@ -99,4 +107,5 @@ .remove-shared { text-decoration: line-through; -} \ No newline at end of file +} + diff --git a/app/views/admins/components/_server_room_row.html.erb b/app/views/admins/components/_server_room_row.html.erb index d41fe740..eaf6a083 100644 --- a/app/views/admins/components/_server_room_row.html.erb +++ b/app/views/admins/components/_server_room_row.html.erb @@ -13,13 +13,13 @@ # with BigBlueButton; if not, see . %> - data-room-access-code="<%= room.access_code %>"> + data-room-access-code="<%= room.access_code %>">
<% if room.id == room.owner.room_id %> <% end %> - + <%= room.name %>
diff --git a/app/views/rooms/components/_room_block.html.erb b/app/views/rooms/components/_room_block.html.erb index 26c1f5aa..a352a082 100644 --- a/app/views/rooms/components/_room_block.html.erb +++ b/app/views/rooms/components/_room_block.html.erb @@ -13,7 +13,7 @@ # with BigBlueButton; if not, see . %> -
+
@@ -27,11 +27,11 @@ -
-
-

<%= room.name %>

+
+

<%= room.name %>

-
+ +
diff --git a/app/views/rooms/components/_shared_room_block.html.erb b/app/views/rooms/components/_shared_room_block.html.erb index 5713508f..95381177 100644 --- a/app/views/rooms/components/_shared_room_block.html.erb +++ b/app/views/rooms/components/_shared_room_block.html.erb @@ -13,7 +13,7 @@ # with BigBlueButton; if not, see . %> -
data-room-access-code="<%= room.access_code %>" class="card"> +
data-room-access-code="<%= room.access_code %>" class="card room-block">
@@ -37,7 +37,7 @@ diff --git a/app/views/rooms/show.html.erb b/app/views/rooms/show.html.erb index 897768d1..b97b2f57 100644 --- a/app/views/rooms/show.html.erb +++ b/app/views/rooms/show.html.erb @@ -84,7 +84,7 @@ <% end %> <% end %> - + <% if shared_access_allowed %> <% current_user.shared_rooms.each do |room| %>
diff --git a/app/views/shared/modals/_create_room_modal.html.erb b/app/views/shared/modals/_create_room_modal.html.erb index 90d22122..696ffe72 100644 --- a/app/views/shared/modals/_create_room_modal.html.erb +++ b/app/views/shared/modals/_create_room_modal.html.erb @@ -58,7 +58,7 @@ <% end %> - + <% if Rails.configuration.room_features.include? "anyone-can-start" %>
- <%= f.submit t("modal.create_room.create"), id: "create-room-submit", class: "create-only btn btn-primary btn-block" %> - <%= f.submit t("modal.room_settings.update"), id: "create-room-submit", class: "update-only btn btn-primary btn-block" %> + <%= f.submit t("modal.create_room.create"), class: "create-only btn btn-primary btn-block" %> + <%= f.submit t("modal.room_settings.update"), class: "update-only btn btn-primary btn-block" %>
<% end %>
diff --git a/lib/assets/_primary_themes.scss b/lib/assets/_primary_themes.scss index f0204529..9e9bd9a0 100644 --- a/lib/assets/_primary_themes.scss +++ b/lib/assets/_primary_themes.scss @@ -193,4 +193,10 @@ input:focus, select:focus { &.selected { @extend .btn-primary; } +} + +.room-block { + &.current { + box-shadow: 0 0 10px $primary-color-lighten; + } } \ No newline at end of file