dashboard: icons by file type

circle/dashboard/store_api.py

+from os.path import splitext
 import json
 import logging
 from urlparse import urljoin
@@ -133,4 +134,50 @@ class Store(object):
             if d['TYPE'] == "D":
                 d['path'] += "/"
 
+            d['ext'] = splitext(d['path'])[1]
+            d['icon'] = ("folder-open" if not d['ext']
+                         else file_icons.get(d['ext'], "file-o"))
+
         return sorted(content, key=lambda k: k['TYPE'])
+
+
+file_icons = {
+    '.txt': "file-text-o",
+    '.pdf': "file-pdf-o",
+
+    '.jpg': "file-image-o",
+    '.jpeg': "file-image-o",
+    '.png': "file-image-o",
+    '.gif': "file-image-o",
+
+    '.avi': "file-video-o",
+    '.mkv': "file-video-o",
+    '.mp4': "file-video-o",
+    '.mov': "file-video-o",
+
+    '.mp3': "file-sound-o",
+    '.flac': "file-sound-o",
+    '.wma': "file-sound-o",
+
+    '.pptx': "file-powerpoint-o",
+    '.ppt': "file-powerpoint-o",
+    '.doc': "file-word-o",
+    '.docx': "file-word-o",
+    '.xlsx': "file-excel-o",
+    '.xls': "file-excel-o",
+
+    '.rar': "file-archive-o",
+    '.zip': "file-archive-o",
+    '.7z': "file-archive-o",
+    '.tar': "file-archive-o",
+    '.gz': "file-archive-o",
+
+    '.py': "file-code-o",
+    '.html': "file-code-o",
+    '.js': "file-code-o",
+    '.css': "file-code-o",
+    '.c': "file-code-o",
+    '.cpp': "file-code-o",
+    '.h': "file-code-o",
+    '.sh': "file-code-o",
+}

circle/dashboard/templates/dashboard/store/_list-box.html

@@ -17,7 +17,7 @@
     >
     <div class="store-list-item-icon">
       <i class="
-        fa fa-{% if f.TYPE == "D" %}folder-open store-list-item-icon-directory{% else %}file{% endif %}"
+        fa fa-{{ f.icon }}{% if f.TYPE == "D" %} store-list-item-icon-directory{% endif %}"
         ></i>
     </div>
     <div class="store-list-item-name">

circle/dashboard/templates/dashboard/store/index-files.html

@@ -13,7 +13,7 @@
     {% for t in toplist %}
     {% if t.TYPE == "F" %}
       <div class="list-group-item">
-        <i class="fa fa-file dashboard-toplist-icon"></i> 
+        <i class="fa fa-{{ t.icon }} dashboard-toplist-icon"></i> 
         <div class="store-list-item-name">
           {{ t.NAME }}
         </div>
@@ -30,7 +30,7 @@
     {% else %}
     <a href="{% url "dashboard.views.store-list" %}?directory={{ t.path }}" 
       class="list-group-item">
-      <i class="fa fa-folder-open dashboard-toplist-icon"></i>
+      <i class="fa fa-{{ t.icon }} dashboard-toplist-icon"></i>
         <div class="store-list-item-name">
         {{ t.NAME }}
       </div>