From a5032e3811ec6cfeac41f262a109ecbc73b1a5ff Mon Sep 17 00:00:00 2001
From: Corey Johnson <cj@github.com>
Date: Tue, 17 Jul 2012 20:12:57 -0700
Subject: [PATCH] PreviewItem displays matched text

---
 src/extensions/command-panel/operation.coffee    |  3 ++-
 src/extensions/command-panel/preview-item.coffee |  5 +++--
 static/command-panel.css                         | 14 ++++++++++++++
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/extensions/command-panel/operation.coffee b/src/extensions/command-panel/operation.coffee
index 17b40cbe2..34b13fcdc 100644
--- a/src/extensions/command-panel/operation.coffee
+++ b/src/extensions/command-panel/operation.coffee
@@ -17,7 +17,8 @@ class Operation
     editSession.addSelectionForBufferRange(@getBufferRange()) unless @preserveSelection
 
   preview: ->
-    "sad :-("
+    range = @anchorRange.getBufferRange()
+    @buffer.textInRange(range)
 
   destroy: ->
     @buffer.release()
diff --git a/src/extensions/command-panel/preview-item.coffee b/src/extensions/command-panel/preview-item.coffee
index a9b75c9ef..e8f9b9ded 100644
--- a/src/extensions/command-panel/preview-item.coffee
+++ b/src/extensions/command-panel/preview-item.coffee
@@ -4,5 +4,6 @@ module.exports =
 class PreviewItem extends View
   @content: (operation) ->
     @li =>
-      @span operation.getPath()
-      @span operation.preview()
+      @span operation.getPath(), outlet: "path", class: "path"
+      @span outlet: "preview", class: "preview", ->
+        operation.preview()
diff --git a/static/command-panel.css b/static/command-panel.css
index 50d218159..ed6d89e4b 100644
--- a/static/command-panel.css
+++ b/static/command-panel.css
@@ -11,6 +11,20 @@
   overflow: auto;
 }
 
+.command-panel .preview-list .path{
+  padding-left: 1em;
+  color: red;
+}
+
+.command-panel .preview-list .preview {
+  padding-left: 1em;
+  color: green;
+}
+
+.command-panel .preview-list .preview .match{
+  font-weight: bold;
+}
+
 .command-panel .prompt-and-editor {
   display: -webkit-box;
 }