From 8668dd67ac4c3566eaaf37a2913ba2217133e114 Mon Sep 17 00:00:00 2001
From: Kevin Sawicki <kevin@github.com>
Date: Tue, 21 May 2013 08:53:09 -0700
Subject: [PATCH] Add README to package section

---
 .../available-packages-config-panel.coffee    |  6 +++--
 src/app/package-config-view.coffee            | 25 +++++++++++++++++--
 static/config.less                            |  6 +++++
 3 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/src/app/available-packages-config-panel.coffee b/src/app/available-packages-config-panel.coffee
index 3a5540112..70a2ce110 100644
--- a/src/app/available-packages-config-panel.coffee
+++ b/src/app/available-packages-config-panel.coffee
@@ -13,7 +13,7 @@ async = require 'async'
 module.exports =
 class AvailablePackagesConfigPanel extends ConfigPanel
   @content: ->
-    @div =>
+    @div id: 'available-packages', =>
       @legend 'Available Packages'
 
   initialize: ->
@@ -33,7 +33,9 @@ class AvailablePackagesConfigPanel extends ConfigPanel
           queue = async.queue (pack, callback) ->
             roaster pack.description, {}, (error, html) ->
               pack.descriptionHtml = html
-              callback()
+              roaster pack.readme, {}, (error, html) ->
+                pack.readmeHtml = html
+                callback()
           queue.push(pack) for pack in packages
           queue.drain =  =>
             for pack in packages
diff --git a/src/app/package-config-view.coffee b/src/app/package-config-view.coffee
index ba4369039..c83fb7014 100644
--- a/src/app/package-config-view.coffee
+++ b/src/app/package-config-view.coffee
@@ -13,18 +13,39 @@ class PackageConfigView extends View
             @span class: 'caret'
           @ul class: 'dropdown-menu', outlet: 'dropdown'
       @div outlet: 'description'
-      @div outlet: 'versions', class: 'panel-footer'
+      @div outlet: 'versions'
+      @ul class: 'list-group list-group-flush', =>
+        @li outlet: 'readmeArea', class: 'list-group-item', =>
+          @a 'Show README', outlet: 'readmeLink'
+          @div class: 'readme', outlet: 'readme'
 
   initialize: (@pack, @queue) ->
     @versions.text("Version: #{@pack.version}")
     @name.text(@pack.name)
+
     if @pack.descriptionHtml
-      @description.html(pack.descriptionHtml)
+      @description.html(@pack.descriptionHtml)
     else if @pack.description
       @description.text(@pack.description)
     else
       @description.text('No further description available.')
 
+    @readme.hide()
+    if @pack.readmeHtml
+      @readme.html(pack.readmeHtml)
+    else if @pack.readme
+      @readme.text(@pack.readme)
+    else
+      @readmeArea.hide()
+
+    @readmeLink.on 'click', =>
+      if @readme.isVisible()
+        @readme.hide()
+        @readmeLink.text('Show README')
+      else
+        @readme.show()
+        @readmeLink.text('Hide README')
+
     @updateInstallState()
 
   updateInstallState: ->
diff --git a/static/config.less b/static/config.less
index 063ca1de2..44cdd2880 100644
--- a/static/config.less
+++ b/static/config.less
@@ -142,4 +142,10 @@
       text-align: center;
     }
   }
+
+  #available-packages {
+    .readme {
+      margin-top: 10px;
+    }
+  }
 }