From b37bbcd9448680753b395f1e1859e588e286247d Mon Sep 17 00:00:00 2001
From: Daniel Maya <daniel.maya@artica.es>
Date: Tue, 29 Jun 2021 10:02:13 +0000
Subject: [PATCH] Ent 7143 autoajuste de la consola visual

---
 pandora_console/extras/mr/48.sql              |  2 +
 .../pandoradb_migrate_6.0_to_7.0.mysql.sql    |  2 +
 .../reporting/visual_console_builder.data.php | 19 +++++++
 .../reporting/visual_console_builder.php      |  4 ++
 .../javascript/pandora_visual_console.js      | 10 +++-
 pandora_console/include/rest-api/index.php    | 10 +++-
 .../include/rest-api/models/CachedModel.php   |  6 +-
 .../include/rest-api/models/Model.php         |  7 ++-
 .../models/VisualConsole/Container.php        | 24 +++++++-
 .../rest-api/models/VisualConsole/Item.php    |  8 ++-
 .../models/VisualConsole/Items/BarsGraph.php  |  5 +-
 .../models/VisualConsole/Items/Clock.php      |  5 +-
 .../models/VisualConsole/Items/ColorCloud.php |  5 +-
 .../models/VisualConsole/Items/DonutGraph.php |  5 +-
 .../VisualConsole/Items/EventsHistory.php     |  5 +-
 .../models/VisualConsole/Items/Group.php      |  5 +-
 .../models/VisualConsole/Items/Icon.php       |  5 +-
 .../models/VisualConsole/Items/Line.php       |  8 ++-
 .../VisualConsole/Items/ModuleGraph.php       |  5 +-
 .../VisualConsole/Items/NetworkLink.php       |  8 ++-
 .../models/VisualConsole/Items/Percentile.php |  5 +-
 .../VisualConsole/Items/SimpleValue.php       |  5 +-
 .../VisualConsole/Items/StaticGraph.php       |  5 +-
 .../operation/visual_console/view.php         | 57 ++++++++++++++++++-
 pandora_console/pandoradb.sql                 |  1 +
 pandora_console/pandoradb_data.sql            | 24 ++++----
 26 files changed, 195 insertions(+), 50 deletions(-)

diff --git a/pandora_console/extras/mr/48.sql b/pandora_console/extras/mr/48.sql
index 153b9aa98d..52c22ff932 100644
--- a/pandora_console/extras/mr/48.sql
+++ b/pandora_console/extras/mr/48.sql
@@ -11,4 +11,6 @@ UPDATE `tuser_task_scheduled` SET
     `args`= REPLACE(`args`, 's:15:"first_execution"', 'i:2;s:0:"";i:7;s:3:"PDF";s:15:"first_execution"')
     WHERE `id_user_task` = 2;
 
+ALTER TABLE `tlayout` ADD COLUMN `auto_adjust` INTEGER UNSIGNED NOT NULL default 0;
+
 COMMIT;
diff --git a/pandora_console/extras/pandoradb_migrate_6.0_to_7.0.mysql.sql b/pandora_console/extras/pandoradb_migrate_6.0_to_7.0.mysql.sql
index 8f888b3a52..b8eef69d9f 100644
--- a/pandora_console/extras/pandoradb_migrate_6.0_to_7.0.mysql.sql
+++ b/pandora_console/extras/pandoradb_migrate_6.0_to_7.0.mysql.sql
@@ -1665,6 +1665,8 @@ UPDATE tlayout SET is_favourite = 1 WHERE name REGEXP '^&#40;' OR name REGEXP '^
 
 ALTER TABLE `tlayout` MODIFY COLUMN `is_favourite` int(10) unsigned NOT NULL DEFAULT '0';
 
+ALTER TABLE `tlayout` ADD COLUMN `auto_adjust` INTEGER UNSIGNED NOT NULL default 0;
+
 -- ---------------------------------------------------------------------
 -- Table `tlayout_data`
 -- ---------------------------------------------------------------------
diff --git a/pandora_console/godmode/reporting/visual_console_builder.data.php b/pandora_console/godmode/reporting/visual_console_builder.data.php
index 5a79e5af2e..6bf5e0922e 100644
--- a/pandora_console/godmode/reporting/visual_console_builder.data.php
+++ b/pandora_console/godmode/reporting/visual_console_builder.data.php
@@ -222,6 +222,9 @@ $table->data[5][1] .= '<span class="opt" style="visibility:hidden;">
 $table->data[6][0] = __('Favourite visual console');
 $table->data[6][1] = html_print_checkbox('is_favourite', 0, $is_favourite, true);
 
+$table->data[7][0] = __('Auto adjust to screen in fullscreen');
+$table->data[7][1] = html_print_checkbox('auto_adjust', 0, $auto_adjust, true);
+
 if ($action == 'new') {
     $textButtonSubmit = __('Save');
     $classButtonSubmit = 'sub wand';
@@ -426,6 +429,22 @@ $(document).ready (function () {
             $("#hidden-is_favourite_sent").val(0);
         }
     });
+
+    if($("#checkbox-auto_adjust").is(":checked")) {
+        $("#hidden-auto_adjust_sent").val(1);
+    }
+    else{
+        $("#hidden-auto_adjust_sent").val(0);
+    }
+
+    $("#checkbox-auto_adjust").change(function(){
+        if($(this).is(":checked")) {
+            $("#hidden-auto_adjust_sent").val(1);
+        }
+        else{
+            $("#hidden-auto_adjust_sent").val(0);
+        }
+    });
     
     function metaconsole_url() {
         metaconsole = $("input[name='metaconsole_activated']").val();
diff --git a/pandora_console/godmode/reporting/visual_console_builder.php b/pandora_console/godmode/reporting/visual_console_builder.php
index 23ff0e5889..444296a290 100755
--- a/pandora_console/godmode/reporting/visual_console_builder.php
+++ b/pandora_console/godmode/reporting/visual_console_builder.php
@@ -151,6 +151,7 @@ switch ($activeTab) {
                 $height = '';
                 $visualConsoleName = '';
                 $is_favourite = 0;
+                $auto_adjust = 0;
             break;
 
             case 'update':
@@ -162,6 +163,7 @@ switch ($activeTab) {
                 $height = (int) get_parameter('height');
                 $visualConsoleName = (string) get_parameter('name');
                 $is_favourite  = (int) get_parameter('is_favourite_sent');
+                $auto_adjust  = (int) get_parameter('auto_adjust_sent');
 
                 // ACL for the new visual console
                 // $vconsole_read_new = check_acl ($config['id_user'], $idGroup, "VR");
@@ -186,6 +188,7 @@ switch ($activeTab) {
                     'width'            => $width,
                     'height'           => $height,
                     'is_favourite'     => $is_favourite,
+                    'auto_adjust'      => $auto_adjust,
                 ];
 
                 $error = $_FILES['background_image']['error'];
@@ -353,6 +356,7 @@ switch ($activeTab) {
                 $width = $visualConsole['width'];
                 $height = $visualConsole['height'];
                 $is_favourite = $visualConsole['is_favourite'];
+                $auto_adjust = $visualConsole['auto_adjust'];
             break;
         }
     break;
diff --git a/pandora_console/include/javascript/pandora_visual_console.js b/pandora_console/include/javascript/pandora_visual_console.js
index 0400ca56ad..74d4748cf0 100755
--- a/pandora_console/include/javascript/pandora_visual_console.js
+++ b/pandora_console/include/javascript/pandora_visual_console.js
@@ -737,6 +737,13 @@ function loadVisualConsoleData(baseUrl, vcId, size, id_user, hash, callback) {
     )
     .done(handleSuccess("props"))
     .fail(handleFail);
+
+  var queryString = new URLSearchParams(window.location.search);
+  var widthScreen = 0;
+  if (queryString.get("width")) {
+    widthScreen = document.body.offsetWidth;
+  }
+
   // Visual Console items request.
   itemsJqXHR = jQuery
     // .get(apiPath + "/visual-consoles/" + vcId + "/items", null, "json")
@@ -748,7 +755,8 @@ function loadVisualConsoleData(baseUrl, vcId, size, id_user, hash, callback) {
         size: size,
         visualConsoleId: vcId,
         id_user: typeof id_user == undefined ? id_user : null,
-        auth_hash: typeof hash == undefined ? hash : null
+        auth_hash: typeof hash == undefined ? hash : null,
+        widthScreen: widthScreen
       },
       "json"
     )
diff --git a/pandora_console/include/rest-api/index.php b/pandora_console/include/rest-api/index.php
index 48560ad2a4..5b9b5b13bc 100644
--- a/pandora_console/include/rest-api/index.php
+++ b/pandora_console/include/rest-api/index.php
@@ -86,6 +86,8 @@ if ($getVisualConsole === true) {
 
     $size = get_parameter('size', []);
 
+    $width = get_parameter('widthScreen', 0);
+
     $ratio = 0;
     if (isset($size) === true
         && is_array($size) === true
@@ -107,10 +109,16 @@ if ($getVisualConsole === true) {
         }
     }
 
+    $widthRatio = 0;
+    if ($visualConsoleData['autoAdjust'] === true && $width > 0) {
+        $widthRatio = ($width / $visualConsoleData['width']);
+    }
+
     $vcItems = VisualConsole::getItemsFromDB(
         $visualConsoleId,
         $aclUserGroups,
-        $ratio
+        $ratio,
+        $widthRatio
     );
 
     echo '['.implode(',', $vcItems).']';
diff --git a/pandora_console/include/rest-api/models/CachedModel.php b/pandora_console/include/rest-api/models/CachedModel.php
index 4c36aa85b9..6bf9043c62 100644
--- a/pandora_console/include/rest-api/models/CachedModel.php
+++ b/pandora_console/include/rest-api/models/CachedModel.php
@@ -72,17 +72,17 @@ abstract class CachedModel extends Model
      *
      * @overrides Model::fromDB.
      */
-    public static function fromDB(array $filter, ?float $ratio=0): Model
+    public static function fromDB(array $filter, ?float $ratio=0, ?float $widthRatio=0): Model
     {
         global $config;
         $save_cache = false;
-        if ($ratio == 0 && $filter['cache_expiration'] > 0) {
+        if ($ratio == 0 && $filter['cache_expiration'] > 0 && $widthRatio == 0) {
             $data = static::fetchCachedData($filter);
             $save_cache = true;
         }
 
         if (isset($data) === false) {
-            $data = static::fetchDataFromDB($filter, $ratio);
+            $data = static::fetchDataFromDB($filter, $ratio, $widthRatio);
         } else {
             // Retrieved from cache.
             $save_cache = false;
diff --git a/pandora_console/include/rest-api/models/Model.php b/pandora_console/include/rest-api/models/Model.php
index 12a00f88c1..8241d48156 100644
--- a/pandora_console/include/rest-api/models/Model.php
+++ b/pandora_console/include/rest-api/models/Model.php
@@ -130,7 +130,8 @@ abstract class Model
      */
     abstract protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     );
 
 
@@ -141,10 +142,10 @@ abstract class Model
      *
      * @return self A modeled element's instance.
      */
-    public static function fromDB(array $filter, ?float $ratio=0): self
+    public static function fromDB(array $filter, ?float $ratio=0, ?float $widthRatio=0): self
     {
         // The reserved word static refers to the invoked class at runtime.
-        return static::fromArray(static::fetchDataFromDB($filter, $ratio));
+        return static::fromArray(static::fetchDataFromDB($filter, $ratio, $widthRatio));
     }
 
 
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Container.php b/pandora_console/include/rest-api/models/VisualConsole/Container.php
index d67c021367..50ade6956b 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Container.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Container.php
@@ -84,6 +84,7 @@ final class Container extends Model
             'backgroundImage'   => static::extractBackgroundImage($data),
             'backgroundColor'   => static::extractBackgroundColor($data),
             'isFavorite'        => static::extractFavorite($data),
+            'autoAdjust'        => static::extractAutoAdjust($data),
             'width'             => (int) $data['width'],
             'height'            => (int) $data['height'],
             'backgroundURL'     => static::extractBackgroundUrl($data),
@@ -252,6 +253,21 @@ final class Container extends Model
     }
 
 
+    /**
+     * Extract the "auto adjust" switch value.
+     *
+     * @param array $data Unknown input data structure.
+     *
+     * @return boolean If the item is favorite or not.
+     */
+    private static function extractAutoAdjust(array $data): bool
+    {
+        return static::parseBool(
+            static::issetInArray($data, ['auto_adjust', 'autoAdjust'])
+        );
+    }
+
+
     /**
      * Obtain a container data structure from the database using a filter.
      *
@@ -264,7 +280,8 @@ final class Container extends Model
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ) {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
@@ -387,7 +404,8 @@ final class Container extends Model
     public static function getItemsFromDB(
         int $layoutId,
         array $groupsFilter=[],
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Default filter.
         $filter = ['id_layout' => $layoutId];
@@ -438,7 +456,7 @@ final class Container extends Model
             $class = static::getItemClass((int) $data['type']);
 
             try {
-                array_push($items, $class::fromDB($data, $ratio));
+                array_push($items, $class::fromDB($data, $ratio, $widthRatio));
             } catch (\Throwable $e) {
                 error_log('VC[Container]: '.$e->getMessage());
             }
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Item.php b/pandora_console/include/rest-api/models/VisualConsole/Item.php
index 028551e09d..15c9d80604 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Item.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Item.php
@@ -765,7 +765,8 @@ class Item extends CachedModel
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Load side libraries.
         global $config;
@@ -805,6 +806,11 @@ class Item extends CachedModel
             $row['pos_y'] = ($row['pos_y'] * $ratio);
         }
 
+        if ($widthRatio != 0) {
+            $row['width'] = ($row['width'] * $widthRatio);
+            $row['pos_x'] = ($row['pos_x'] * $widthRatio);
+        }
+
         return $row;
     }
 
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/BarsGraph.php b/pandora_console/include/rest-api/models/VisualConsole/Items/BarsGraph.php
index a56acc94e8..c1d81c9142 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/BarsGraph.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/BarsGraph.php
@@ -192,11 +192,12 @@ final class BarsGraph extends Item
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
-        $data = parent::fetchDataFromDB($filter, $ratio);
+        $data = parent::fetchDataFromDB($filter, $ratio, $widthRatio);
 
         /*
          * Retrieve extra data.
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/Clock.php b/pandora_console/include/rest-api/models/VisualConsole/Items/Clock.php
index 29a7a0b83a..696192ee73 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/Clock.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/Clock.php
@@ -419,11 +419,12 @@ final class Clock extends Item
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
-        $data = parent::fetchDataFromDB($filter, $ratio);
+        $data = parent::fetchDataFromDB($filter, $ratio, $widthRatio);
 
         // Default values.
         if ((int) $data['width'] === 0) {
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/ColorCloud.php b/pandora_console/include/rest-api/models/VisualConsole/Items/ColorCloud.php
index a2d3d67e29..4610cbc1e0 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/ColorCloud.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/ColorCloud.php
@@ -280,11 +280,12 @@ final class ColorCloud extends Item
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
-        $data = parent::fetchDataFromDB($filter, $ratio);
+        $data = parent::fetchDataFromDB($filter, $ratio, $widthRatio);
 
         /*
          * Retrieve extra data.
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/DonutGraph.php b/pandora_console/include/rest-api/models/VisualConsole/Items/DonutGraph.php
index 6774dd7fbd..daed532453 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/DonutGraph.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/DonutGraph.php
@@ -89,11 +89,12 @@ final class DonutGraph extends Item
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
-        $data = parent::fetchDataFromDB($filter, $ratio);
+        $data = parent::fetchDataFromDB($filter, $ratio, $widthRatio);
 
         /*
          * Retrieve extra data.
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/EventsHistory.php b/pandora_console/include/rest-api/models/VisualConsole/Items/EventsHistory.php
index adbf4ca182..a5caf7e06b 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/EventsHistory.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/EventsHistory.php
@@ -82,11 +82,12 @@ final class EventsHistory extends Item
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
-        $data = parent::fetchDataFromDB($filter, $ratio);
+        $data = parent::fetchDataFromDB($filter, $ratio, $widthRatio);
 
         /*
          * Retrieve extra data.
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/Group.php b/pandora_console/include/rest-api/models/VisualConsole/Items/Group.php
index f49e55a21e..f369324dcf 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/Group.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/Group.php
@@ -204,11 +204,12 @@ final class Group extends Item
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
-        $data = parent::fetchDataFromDB($filter, $ratio);
+        $data = parent::fetchDataFromDB($filter, $ratio, $widthRatio);
 
         /*
          * Retrieve extra data.
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/Icon.php b/pandora_console/include/rest-api/models/VisualConsole/Items/Icon.php
index d9074d871f..51594624c2 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/Icon.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/Icon.php
@@ -98,11 +98,12 @@ final class Icon extends Item
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
-        $data = parent::fetchDataFromDB($filter, $ratio);
+        $data = parent::fetchDataFromDB($filter, $ratio, $widthRatio);
 
         /*
          * Retrieve extra data.
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/Line.php b/pandora_console/include/rest-api/models/VisualConsole/Items/Line.php
index cf1660396d..832504e515 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/Line.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/Line.php
@@ -194,7 +194,8 @@ final class Line extends Model
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
@@ -211,6 +212,11 @@ final class Line extends Model
             $row['pos_y'] = ($row['pos_y'] * $ratio);
         }
 
+        if ($widthRatio != 0) {
+            $row['width'] = ($row['width'] * $widthRatio);
+            $row['pos_x'] = ($row['pos_x'] * $widthRatio);
+        }
+
         return $row;
     }
 
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/ModuleGraph.php b/pandora_console/include/rest-api/models/VisualConsole/Items/ModuleGraph.php
index d20bd2d710..cc0c365576 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/ModuleGraph.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/ModuleGraph.php
@@ -266,11 +266,12 @@ final class ModuleGraph extends Item
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
-        $data = parent::fetchDataFromDB($filter, $ratio);
+        $data = parent::fetchDataFromDB($filter, $ratio, $widthRatio);
 
         /*
          * Retrieve extra data.
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/NetworkLink.php b/pandora_console/include/rest-api/models/VisualConsole/Items/NetworkLink.php
index 86efdabf28..ce5eb8930f 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/NetworkLink.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/NetworkLink.php
@@ -359,7 +359,8 @@ final class NetworkLink extends Model
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
@@ -376,6 +377,11 @@ final class NetworkLink extends Model
             $row['pos_y'] = ($row['pos_y'] * $ratio);
         }
 
+        if ($widthRatio != 0) {
+            $row['width'] = ($row['width'] * $widthRatio);
+            $row['pos_x'] = ($row['pos_x'] * $widthRatio);
+        }
+
         $row['label'] = static::buildLabels($row);
 
         return $row;
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/Percentile.php b/pandora_console/include/rest-api/models/VisualConsole/Items/Percentile.php
index 3ca8c707bd..11132b7341 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/Percentile.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/Percentile.php
@@ -330,11 +330,12 @@ final class Percentile extends Item
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
-        $data = parent::fetchDataFromDB($filter, $ratio);
+        $data = parent::fetchDataFromDB($filter, $ratio, $widthRatio);
 
         /*
          * Retrieve extra data.
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/SimpleValue.php b/pandora_console/include/rest-api/models/VisualConsole/Items/SimpleValue.php
index bd43da0ad4..d7aa7afbc0 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/SimpleValue.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/SimpleValue.php
@@ -230,11 +230,12 @@ final class SimpleValue extends Item
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
-        $data = parent::fetchDataFromDB($filter, $ratio);
+        $data = parent::fetchDataFromDB($filter, $ratio, $widthRatio);
 
         /*
          * Retrieve extra data.
diff --git a/pandora_console/include/rest-api/models/VisualConsole/Items/StaticGraph.php b/pandora_console/include/rest-api/models/VisualConsole/Items/StaticGraph.php
index 732af64313..9ae0f20bd4 100644
--- a/pandora_console/include/rest-api/models/VisualConsole/Items/StaticGraph.php
+++ b/pandora_console/include/rest-api/models/VisualConsole/Items/StaticGraph.php
@@ -143,11 +143,12 @@ final class StaticGraph extends Item
      */
     protected static function fetchDataFromDB(
         array $filter,
-        ?float $ratio=0
+        ?float $ratio=0,
+        ?float $widthRatio=0
     ): array {
         // Due to this DB call, this function cannot be unit tested without
         // a proper mock.
-        $data = parent::fetchDataFromDB($filter, $ratio);
+        $data = parent::fetchDataFromDB($filter, $ratio, $widthRatio);
 
         /*
          * Retrieve extra data.
diff --git a/pandora_console/operation/visual_console/view.php b/pandora_console/operation/visual_console/view.php
index 2ab81d490c..5f4872db56 100644
--- a/pandora_console/operation/visual_console/view.php
+++ b/pandora_console/operation/visual_console/view.php
@@ -77,6 +77,9 @@ $pure = (bool) get_parameter('pure', $config['pure']);
 // Refresh interval in seconds.
 $refr = (int) get_parameter('refr', $config['vc_refr']);
 
+$width = (int) get_parameter('width', 0);
+$height = (int) get_parameter('height', 0);
+
 // Load Visual Console.
 use Models\VisualConsole\Container as VisualConsole;
 $visualConsole = null;
@@ -200,7 +203,7 @@ $options['view']['active'] = true;
 
 if (is_metaconsole() === false) {
     if (!$config['pure']) {
-        $options['pure']['text'] = '<a href="index.php?sec=network&sec2=operation/visual_console/render_view&id='.$visualConsoleId.'&pure=1&refr='.$refr.'">'.html_print_image(
+        $options['pure']['text'] = '<a id ="full_screen" href="index.php?sec=network&sec2=operation/visual_console/render_view&id='.$visualConsoleId.'&pure=1&refr='.$refr.'">'.html_print_image(
             'images/full_screen.png',
             true,
             [
@@ -489,11 +492,47 @@ ui_require_javascript_file('pandora_visual_console');
 include_javascript_d3();
 visual_map_load_client_resources();
 
+$widthRatio = 0;
+if ($width > 0 && $pure == 1) {
+    $widthRatio = ($width / $visualConsoleData['width']);
+
+    if ($visualConsoleData['width'] > $height) {
+        ?>
+            <style type="text/css">
+            div#main_pure {
+                width: 100%;
+            }
+
+            div#visual-console-container {
+                width: 100% !important;
+            }
+            </style>
+        <?php
+    } else {
+        ?>
+            <style type="text/css">
+            div#main_pure {
+                width: 100%;
+                display: flex;
+                align-items: center;
+            }
+
+            div#visual-console-container {
+                width: 100% !important;
+            }
+            </style>
+        <?php
+    }
+}
+
 // Load Visual Console Items.
 $visualConsoleItems = VisualConsole::getItemsFromDB(
     $visualConsoleId,
-    $aclUserGroups
+    $aclUserGroups,
+    0,
+    $widthRatio
 );
+
 ui_require_css_file('modal');
 ui_require_css_file('form');
 ?>
@@ -506,6 +545,7 @@ ui_require_css_file('form');
     var items = <?php echo '['.implode(',', $visualConsoleItems).']'; ?>;
     var baseUrl = "<?php echo ui_get_full_url('/', false, false, false); ?>";
     var controls = document.getElementById('vc-controls');
+
     autoHideElement(controls, 1000);
     var handleUpdate = function (prevProps, newProps) {
         if (!newProps) return;
@@ -683,6 +723,19 @@ if ($edit_capable === true) {
         visualConsoleManager.createItem(type);
     });
 
+    $('#full_screen').click(function (e) {
+        e.preventDefault();
+
+        if (props.autoAdjust === true) {
+            var hrefAux = $('#full_screen').attr('href');
+            hrefAux += '&width=' + document.body.offsetWidth+'&height=' + screen.height;
+            $('#full_screen').attr('href', hrefAux);
+        }
+
+        window.location.href = $('#full_screen').attr('href');
+
+    });
+
     /**
      * Process ajax responses and shows a dialog with results.
      */
diff --git a/pandora_console/pandoradb.sql b/pandora_console/pandoradb.sql
index ec7d1a2072..bd3d160146 100644
--- a/pandora_console/pandoradb.sql
+++ b/pandora_console/pandoradb.sql
@@ -1626,6 +1626,7 @@ CREATE TABLE IF NOT EXISTS `tlayout` (
 	`width` INTEGER UNSIGNED NOT NULL default 0,
 	`background_color` varchar(50) NOT NULL default '#FFF',
 	`is_favourite` INTEGER UNSIGNED NOT NULL default 0,
+	`auto_adjust` INTEGER UNSIGNED NOT NULL default 0,
 	PRIMARY KEY(`id`)
 )  ENGINE = InnoDB DEFAULT CHARSET=utf8;
 
diff --git a/pandora_console/pandoradb_data.sql b/pandora_console/pandoradb_data.sql
index 39fe84d2a1..49949cd2b1 100644
--- a/pandora_console/pandoradb_data.sql
+++ b/pandora_console/pandoradb_data.sql
@@ -1334,18 +1334,18 @@ UPDATE `tnotification_source` SET `enabled`=1 WHERE `description` = 'System&#x20
 -- 
 INSERT INTO `tlayout`
 VALUES
-    (1, 'Demo&#x20;visual console', 0, 'fondo.jpg', 1080, 1920, 'white', 0),
-	(2,'Demo&#x20;visual console 2',0,'fondo-keep-alive.jpg',1080,1920,'#FFF',0),
-	(3,'Worldmap',0,'map_world.jpg',1080,1920,'white',0),
-	(4,'Europe',0,'map_europe_1.jpg',1080,1920,'white',0),
-	(5,'USA',0,'map_USA.jpg',1080,1920,'white',0),
-	(6,'Spain',0,'map_spain.jpg',1080,1920,'white',0),
-	(7,'Madrid',0,'map_madrid.jpg',1080,1920,'white',0),
-	(8,'Germany',0,'map_germany_1.jpg',1080,1920,'white',0),
-	(9,'France',0,'map_france.jpg',1080,1920,'white',0),
-	(10,'Catalonia',0,'map_catalonia.jpg',1080,1920,'white',0),
-	(11,'Basque&#x20;Country',0,'map_basque-country.jpg',1080,1920,'white',0),
-	(12,'Andalusia',0,'map_andalusia.jpg',1080,1920,'white',0)
+    (1, 'Demo&#x20;visual console', 0, 'fondo.jpg', 1080, 1920, 'white', 0, 0),
+	(2,'Demo&#x20;visual console 2',0,'fondo-keep-alive.jpg',1080,1920,'#FFF',0, 0),
+	(3,'Worldmap',0,'map_world.jpg',1080,1920,'white',0, 0),
+	(4,'Europe',0,'map_europe_1.jpg',1080,1920,'white',0, 0),
+	(5,'USA',0,'map_USA.jpg',1080,1920,'white',0, 0),
+	(6,'Spain',0,'map_spain.jpg',1080,1920,'white',0, 0),
+	(7,'Madrid',0,'map_madrid.jpg',1080,1920,'white',0, 0),
+	(8,'Germany',0,'map_germany_1.jpg',1080,1920,'white',0, 0),
+	(9,'France',0,'map_france.jpg',1080,1920,'white',0, 0),
+	(10,'Catalonia',0,'map_catalonia.jpg',1080,1920,'white',0, 0),
+	(11,'Basque&#x20;Country',0,'map_basque-country.jpg',1080,1920,'white',0, 0),
+	(12,'Andalusia',0,'map_andalusia.jpg',1080,1920,'white',0, 0)
 ;
 
 --