diff --git a/app/assets/javascripts/room.js b/app/assets/javascripts/room.js index d0853152..1089f215 100644 --- a/app/assets/javascripts/room.js +++ b/app/assets/javascripts/room.js @@ -142,6 +142,9 @@ $(document).on('turbolinks:load', function(){ $("#remove-presentation").click(function(data) { removePreuploadPresentation($(this).data("remove")) }) + + // trigger initial room filter + filterRooms(); } }); @@ -347,3 +350,20 @@ function checkIfAutoJoin() { $("#room-join").click() } } + +function filterRooms() { + const search_term = $('#room-search').val().toLowerCase(), + rooms = $('#room_block_container > div:not(:last-child)'); + clear_room_search = $('#clear-room-search'); + + if (search_term) { + clear_room_search.show(); + } else { + clear_room_search.hide(); + } + + rooms.each(function(i, room) { + let text = $(this).find('h4').text(); + room.style.display = (text.toLowerCase().indexOf(search_term) < 0) ? 'none' : 'block'; + }) +} diff --git a/app/assets/stylesheets/admins.scss b/app/assets/stylesheets/admins.scss index 65036144..f83ae097 100644 --- a/app/assets/stylesheets/admins.scss +++ b/app/assets/stylesheets/admins.scss @@ -24,7 +24,7 @@ } } -#clear-search { +#clear-search, #clear-room-search { z-index: 9; position: absolute; right: 55px; @@ -35,6 +35,10 @@ } } +.room-search { + margin: 50px 0 25px 0; +} + .tag i { color: white !important; } diff --git a/app/views/rooms/show.html.erb b/app/views/rooms/show.html.erb index 3addc386..5f6c0f00 100644 --- a/app/views/rooms/show.html.erb +++ b/app/views/rooms/show.html.erb @@ -82,6 +82,20 @@ + <% if current_user.ordered_rooms.length > 6 %> +