From 9079711cd31496e564b9c6c5462b8b4273b818bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesus.gonzalez@wazuh.com>
Date: Mon, 1 Oct 2018 09:15:13 +0200
Subject: [PATCH] Adapted view for multi-groups

---
 public/templates/agents/agents-general.html | 12 +++++++++---
 public/templates/agents/agents-welcome.html | 12 +++++++++---
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/public/templates/agents/agents-general.html b/public/templates/agents/agents-general.html
index 8e06c4f5b..3fc2d7493 100644
--- a/public/templates/agents/agents-general.html
+++ b/public/templates/agents/agents-general.html
@@ -13,9 +13,6 @@
                 <div class="wz-text-truncatable" flex>
                     IP: <span class="wz-text-bold">{{ agent.ip }}</span>
                 </div>
-                <div class="wz-text-truncatable" flex ng-if="agent.group">
-                    Group: <span ng-repeat="group in agent.group" class="wz-text-bold wz-text-link" ng-click="goGroups(agent,$index)">{{ group }}&nbsp;</span>
-                </div>
                 <div class="wz-text-truncatable" flex ng-if="agent.version">
                     Version: <span class="wz-text-bold">{{ agent.version }}</span>
                 </div>
@@ -28,6 +25,15 @@
             </md-card-content>
         </md-card>
     </div>
+    <div layout="row" layout-align="start center">
+        <md-card flex class="wz-metric-color wz-md-card">
+            <md-card-content layout="row" class="wz-padding-metric">
+                <div class="wz-text-truncatable" flex ng-if="agent.group">
+                    Groups: <span ng-repeat="group in agent.group" class="wz-text-bold wz-text-link" ng-click="goGroups(agent,$index)">{{ group }}&nbsp;</span>
+                </div>
+            </md-card-content>
+        </md-card>
+    </div>
     <div layout="row" layout-align="start center">
         <md-card flex class="wz-metric-color wz-md-card">
             <md-card-content layout="row" class="wz-padding-metric">
diff --git a/public/templates/agents/agents-welcome.html b/public/templates/agents/agents-welcome.html
index d1d043f47..b754f0e98 100644
--- a/public/templates/agents/agents-welcome.html
+++ b/public/templates/agents/agents-welcome.html
@@ -19,9 +19,6 @@
                 <div class="wz-text-truncatable" flex>
                     IP: <span class="wz-text-bold">{{ agent.ip }}</span>
                 </div>
-                <div class="wz-text-truncatable" flex ng-if="agent.group">
-                    Group: <span ng-repeat="group in agent.group" class="wz-text-bold wz-text-link" ng-click="goGroups(agent,$index)">{{ group }}&nbsp;</span>
-                </div>
                 <div class="wz-text-truncatable" flex ng-if="agent.version">
                     Version: <span class="wz-text-bold">{{ agent.version }}</span>
                 </div>
@@ -34,6 +31,15 @@
             </md-card-content>
         </md-card>
     </div>
+    <div layout="row" layout-padding class="wz-padding-top-0 wz-padding-bottom-0">
+        <md-card flex class="wz-metric-color wz-md-card wz-no-padding">
+            <md-card-content layout="row" class="wz-padding-metric">
+                <div class="wz-text-truncatable" flex ng-if="agent.group">
+                    Groups: <span ng-repeat="group in agent.group" class="wz-text-bold wz-text-link" ng-click="goGroups(agent,$index)">{{ group }}&nbsp;</span>
+                </div>
+            </md-card-content>
+        </md-card>
+    </div>
     <div layout="row" layout-padding class="wz-padding-top-0 wz-padding-bottom-0">
         <md-card flex class="wz-metric-color wz-md-card wz-no-padding">
             <md-card-content layout="row" class="wz-padding-metric">