From 22c351fabc5c52ad5b55e1d67d906073d5a09716 Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Tue, 29 Jan 2013 14:35:30 -0800
Subject: [PATCH] UI plugins: Implement plugin detail page

Renders all metadata from plugin's config.js onto a detail page, on
click of the plugin row under the 'Plugins' main section.
---
 ui/scripts/ui-custom/plugins.js | 38 +++++++++++++++++++++++++++------
 1 file changed, 32 insertions(+), 6 deletions(-)

diff --git a/ui/scripts/ui-custom/plugins.js b/ui/scripts/ui-custom/plugins.js
index cee2605acde..ba61f7462b1 100644
--- a/ui/scripts/ui-custom/plugins.js
+++ b/ui/scripts/ui-custom/plugins.js
@@ -32,7 +32,37 @@
         $plugin.click(function() {
           $browser.cloudBrowser('addPanel', {
             title: plugin.title,
-            $parent: $('.panel:first')
+            $parent: $('.panel:first'),
+            complete: function($panel) {
+              $panel.detailView({
+                name: 'Plugin details',
+                tabs: {
+                  details: {
+                    title: 'label.plugin.details',
+                    fields: [
+                      {
+                        name: { label: 'label.name' }
+                      },
+                      {
+                        desc: { label: 'label.description' },
+                        externalLink: {
+                          isExternalLink: true,
+                          label: 'label.external.link'
+                        }
+                      },
+                      {
+                        authorName: { label: 'label.author.name' },
+                        authorEmail: { label: 'label.author.email' },
+                        id: { label: 'label.id' }
+                      }
+                    ],
+                    dataProvider: function(args) {
+                      args.response.success({ data: plugin });
+                    }
+                  }
+                }
+              });
+            }
           });
         });
 
@@ -52,11 +82,7 @@
       plugins: $(plugins).map(function(index, pluginID) {
         var plugin = cloudStack.plugins[pluginID].config;
 
-        return {
-          id: pluginID,
-          title: plugin.title,
-          desc: plugin.desc
-        };
+        return $.extend(plugin, { id: pluginID });
       })
     });
   };