From b6a0b8bfdbb9df6f9a8533f2bbaaf4821b9dcd59 Mon Sep 17 00:00:00 2001
From: Kevin Sawicki <kevin@github.com>
Date: Wed, 26 Dec 2012 15:55:07 -0800
Subject: [PATCH] Use image, pdf, and compressed file icons

---
 src/packages/tree-view/src/file-view.coffee | 36 +++++++++++++++++++--
 static/tree-view.css                        | 16 ++++++++-
 2 files changed, 49 insertions(+), 3 deletions(-)

diff --git a/src/packages/tree-view/src/file-view.coffee b/src/packages/tree-view/src/file-view.coffee
index 3bf6894b3..5b39536cd 100644
--- a/src/packages/tree-view/src/file-view.coffee
+++ b/src/packages/tree-view/src/file-view.coffee
@@ -1,18 +1,50 @@
 {View, $$} = require 'space-pen'
 $ = require 'jquery'
 Git = require 'git'
+fs = require 'fs'
+_ = require 'underscore'
 
 module.exports =
 class FileView extends View
+
+  @COMPRESSED_EXTENSIONS: [
+    '.zip'
+    '.jar'
+    '.tar'
+    '.gz'
+  ]
+
+  @IMAGE_EXTENSIONS: [
+    '.jpeg'
+    '.jpg'
+    '.gif'
+    '.png'
+  ]
+
+  @PDF_EXTENSIONS: [
+    '.pdf'
+  ]
+
   @content: (file) ->
     @li class: 'file entry', =>
-      @span file.getBaseName(), class: 'name'
+      @span file.getBaseName(), class: 'name', outlet: 'fileName'
       @span "", class: 'highlight'
 
   file: null
 
   initialize: (@file) ->
-    @addClass('ignored') if new Git(@getPath()).isPathIgnored(@getPath())
+    path = @getPath()
+    extension = fs.extension(path)
+    if _.contains(FileView.COMPRESSED_EXTENSIONS, extension)
+      @fileName.addClass('compressed-name')
+    else if _.contains(FileView.IMAGE_EXTENSIONS, extension)
+      @fileName.addClass('image-name')
+    else if _.contains(FileView.PDF_EXTENSIONS, extension)
+      @fileName.addClass('pdf-name')
+    else
+      @fileName.addClass('text-name')
+
+    @addClass('ignored') if new Git(path).isPathIgnored(path)
 
   getPath: ->
     @file.path
diff --git a/static/tree-view.css b/static/tree-view.css
index ca19d8dc6..393988dd1 100644
--- a/static/tree-view.css
+++ b/static/tree-view.css
@@ -103,8 +103,22 @@
   top: -5px;
 }
 
-.tree-view .file .name:before {
+.tree-view .file .text-name:before {
   content: "\f011";
   top: -2px;
 }
 
+.tree-view .file .image-name:before {
+  content: "\f012";
+  top: -2px;
+}
+
+.tree-view .file .compressed-name:before {
+  content: "\f013";
+  top: -2px;
+}
+
+.tree-view .file .pdf-name:before {
+  content: "\f014";
+  top: -2px;
+}