From bda31d7152e78b8e484c7b16accdbf7edeaaf96f Mon Sep 17 00:00:00 2001
From: Florian Beer <fb@42dev.eu>
Date: Thu, 4 Aug 2016 14:19:02 +0200
Subject: [PATCH] Update Apps overview page

---
 html/pages/apps/default.inc.php | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/html/pages/apps/default.inc.php b/html/pages/apps/default.inc.php
index 41380c9b1e..4118d21ae0 100644
--- a/html/pages/apps/default.inc.php
+++ b/html/pages/apps/default.inc.php
@@ -9,19 +9,18 @@ $graph_array_zoom['height'] = '150';
 $graph_array_zoom['width']  = '400';
 $graph_array['legend']      = 'no';
 
-echo '<h2>'.nicecase($vars['app']).'</h2>';
-echo '<table cellpadding=5 cellspacing=0 class=devicetable width=100%>';
 $app_devices = dbFetchRows('SELECT * FROM `devices` AS D, `applications` AS A WHERE D.device_id = A.device_id AND A.app_type = ?', array($vars['app']));
 
 foreach ($app_devices as $app_device) {
-    echo '<tr class="list-device">';
-    echo '<td class="device-head" width=300px>'.generate_device_link($app_device, shorthost($app_device['hostname']), array('tab' => 'apps', 'app' => $vars['app'])).'</td>';
-    echo '<td class="device-head" width=100px>'.$app_device['app_instance'].'</td>';
-    echo '<td class="device-head" width=100px>'.$app_device['app_status'].'</td>';
-    echo '<td></td>';
-    echo '</tr>';
-    echo '<tr class="list-device">';
-    echo '<td colspan=4>';
+    echo '<div class="panel panel-default">
+        <div class="panel-heading">
+        <h3 class="panel-title">
+        '.generate_device_link($app_device, shorthost($app_device['hostname']), array('tab' => 'apps', 'app' => $vars['app'])).'
+        <div class="pull-right"><small class="muted">'.$app_device['app_instance'].' '.$app_device['app_status'].'</small></div>
+        </h3>
+        </div>
+        <div class="panel-body">
+        <div class="row">';
 
     foreach ($graphs[$vars['app']] as $graph_type) {
     $graph_array['type']          = 'application_'.$vars['app'].'_'.$graph_type;
@@ -31,11 +30,14 @@ foreach ($app_devices as $app_device) {
 
         $link = generate_url(array('page' => 'device', 'device' => $app_device['device_id'], 'tab' => 'apps', 'app' => $vars['app']));
 
+        echo '<div class="pull-left">';
         echo overlib_link($link, generate_lazy_graph_tag($graph_array), generate_graph_tag($graph_array_zoom),  NULL);
+        echo '</div>';
     }
 
-    echo '</td>';
-    echo '</tr>';
+    echo '</div>';
+    echo '</div>';
+    echo '</div>';
 }//end foreach
 
 echo '</table>';