Full screen elfinder windows

michaellindahl · michaellindahl · commit 4b0e7ff2000f · 2016-10-15T23:23:17.000-07:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -22,6 +22,9 @@ All Notable changes to `Backpack CRUD` will be documented in this file
 
 ## [3.1.28] - 2016-10-15
 
+### Added
+- When elfinder is launched as it's own window, display full-screen;
+
 ### Fixed
 - Update routes and editor links to follow the route_prefix set in config;
 
diff --git a/src/public/elfinder/elfinder.backpack.theme.css b/src/public/elfinder/elfinder.backpack.theme.css
@@ -5,6 +5,8 @@
  * @author Cristian Tabacitu [hello@tabacitu.ro]
  **/
 
+ body.elfinder { margin:0; }
+
 /* input textarea */
 .elfinder input,
 .elfinder textarea {
diff --git a/src/resources/views-elfinder/ckeditor4.php b/src/resources/views-elfinder/ckeditor4.php
@@ -39,6 +39,7 @@ function getUrlParam(paramName) {
 
             var elf = $('#elfinder').elfinder({
                 // set your elFinder options here
+                resizable: false,                
                 <?php if ($locale) {
     ?>
                     lang: '<?= $locale ?>', // locale
@@ -54,9 +55,15 @@ function getUrlParam(paramName) {
                 }
             }).elfinder('instance');
         });
+        $(window).resize(function(){
+            var h = ($(window).height());
+            if($('#elfinder').height() != h){
+                $('#elfinder').height(h).resize();
+            }
+        });
     </script>
 </head>
-<body>
+<body class="elfinder">
     <!-- Element where elFinder will be created (REQUIRED) -->
     <div id="elfinder"></div>
 </body>
diff --git a/src/resources/views-elfinder/filepicker.php b/src/resources/views-elfinder/filepicker.php
@@ -35,6 +35,7 @@
         $().ready(function () {
             var elf = $('#elfinder').elfinder({
                 // set your elFinder options here
+                resizable: false,
                 <?php if ($locale) {
         ?>
                     lang: '<?= $locale ?>', // locale
@@ -85,11 +86,17 @@
                 }
             }).elfinder('instance');
         });
+        $(window).resize(function(){
+            var h = ($(window).height());
+            if($('#elfinder').height() != h){
+                $('#elfinder').height(h).resize();
+            }
+        });
     </script>
 
 
 </head>
-<body style="margin: 0;">
+<body class="elfinder">
 <!-- Element where elFinder will be created (REQUIRED) -->
 <div id="elfinder"></div>
 
diff --git a/src/resources/views-elfinder/tinymce.php b/src/resources/views-elfinder/tinymce.php
@@ -62,6 +62,7 @@
         $().ready(function() {
             var elf = $('#elfinder').elfinder({
                 // set your elFinder options here
+                resizable: false,
                 <?php if ($locale) {
     ?>
                     lang: '<?= $locale ?>', // locale
@@ -76,10 +77,16 @@
                 }
             }).elfinder('instance');
         });
+        $(window).resize(function(){
+            var h = ($(window).height());
+            if($('#elfinder').height() != h){
+                $('#elfinder').height(h).resize();
+            }
+        });
     </script>
 
 </head>
-<body>
+<body class="elfinder">
 
 <!-- Element where elFinder will be created (REQUIRED) -->
 <div id="elfinder"></div>
diff --git a/src/resources/views-elfinder/tinymce4.php b/src/resources/views-elfinder/tinymce4.php
@@ -42,6 +42,7 @@
         $().ready(function() {
             var elf = $('#elfinder').elfinder({
                 // set your elFinder options here
+                resizable: false,
                 <?php if ($locale) {
     ?>
                     lang: '<?= $locale ?>', // locale
@@ -56,9 +57,15 @@
                 }
             }).elfinder('instance');
         });
+        $(window).resize(function(){
+            var h = ($(window).height());
+            if($('#elfinder').height() != h){
+                $('#elfinder').height(h).resize();
+            }
+        });
     </script>
 </head>
-<body>
+<body class="elfinder">
     <!-- Element where elFinder will be created (REQUIRED) -->
     <div id="elfinder"></div>
 </body>
