Add fullscreen view to group overview page

assets/assetpack.def

@@ -52,6 +52,7 @@
 < javascripts/comments.js
 < javascripts/keyevent.js
 < javascripts/feature.js
+< javascripts/fullscreen.js
 < https://raw.githubusercontent.com/vsn4ik/bootstrap-submenu/v2.0.4/dist/js/bootstrap-submenu.js
 < https://raw.githubusercontent.com/twbs/bootstrap-sass/5d6b2ebba0c2a5885ce2f0e01e9218db3d3b5e47/assets/javascripts/bootstrap/collapse.js
 < https://raw.githubusercontent.com/twbs/bootstrap-sass/5d6b2ebba0c2a5885ce2f0e01e9218db3d3b5e47/assets/javascripts/bootstrap/tooltip.js

assets/javascripts/fullscreen.js

@@ -0,0 +1,27 @@
+function hideNavbar(fullscreen) {
+
+    var mouseY = 0;
+    var navbarHeight = $(".navbar").outerHeight();
+    navbarHeight -= 30;
+
+    if (($('#filter-fullscreen').is(':checked')) || (fullscreen == 1)) {
+        $("#content").attr('id', 'content_fullscreen');
+        $(".navbar").addClass('hidden');
+        $(".footer").addClass('hidden');
+        $(".jumbotron").addClass('hidden');
+        if (fullscreen == 1) {
+            $("#group_description").addClass('hidden');
+        }
+        document.addEventListener('mousemove', function(e){
+            mouseY = e.clientY || e.pageY;
+            if (mouseY < navbarHeight) {
+                $(".navbar").removeClass('hidden').addClass('show');
+            }
+            else if (mouseY > navbarHeight) {
+                if (!$("li").hasClass('dropdown open')) {
+                    $(".navbar").removeClass('show').addClass('hidden');
+                }
+            }
+        }, false);
+    }
+};

assets/javascripts/index.js

@@ -37,28 +37,3 @@ function setupIndexPage() {
         }
     });
 }
-
-function hideNavbar() {
-
-    var mouseY = 0;
-    var navbarHeight = $(".navbar").outerHeight();
-    navbarHeight -= 30;
-
-    if ($('#filter-fullscreen').is(':checked')) {
-        $("#content").attr('id', 'content_fullscreen');
-        $(".navbar").addClass('hidden');
-        $(".footer").addClass('hidden');
-        $(".jumbotron").addClass('hidden');
-        document.addEventListener('mousemove', function(e){
-            mouseY = e.clientY || e.pageY;
-            if (mouseY < navbarHeight) {
-                $(".navbar").removeClass('hidden').addClass('show');
-            }
-            else if (mouseY > navbarHeight) {
-                if (!$("li").hasClass('dropdown open')) {
-                    $(".navbar").removeClass('show').addClass('hidden');
-                }
-            }
-        }, false);
-    }
-};

lib/OpenQA/WebAPI/Controller/Main.pm

@@ -89,6 +89,7 @@ sub group_overview {
     my $only_tagged = $self->param('only_tagged') // 0;
     my $group = $self->db->resultset($resultset)->find($self->param('groupid'));
     return $self->reply->not_found unless $group;
+    $self->stash('fullscreen', $self->param('fullscreen') // 0);
 
     my @comments;
     my @pinned_comments;

templates/main/group_overview.html.ep

@@ -5,6 +5,7 @@
 
 % content_for 'ready_function' => begin
     $('.timeago').timeago();
+    hideNavbar(<%= $fullscreen %>);
 % end
 
 % if (is_admin) {

templates/main/more_builds.html.ep

@@ -7,3 +7,12 @@
     % my $selected = $rtagged{$only_tagged};
     %= b join(' / ', map { $_ eq $selected ? "<b>$_</b>" : link_to($_ => url_with->query([only_tagged => $tagged{$_}])) } reverse sort keys %tagged);
 </div>
+
+<div id="mode_section">
+    Set mode to
+    % if ($fullscreen == 0) {
+        <%= link_to url_for->query(fullscreen => 1)->to_abs => begin %>full screen<% end %>
+    % } else {
+      <%= link_to url_for->query(fullscreen => 0)->to_abs => begin %>default view<% end %>
+    % }
+</div>