init add. warning: it can't run!

node_modules/folder_view.js

@@ -0,0 +1,59 @@
+var events = require('events');
+var fs = require('fs');
+var path = require('path');
+var jade = require('jade');
+var util = require('util');
+var mime = require('mime');
+
+// Template engine
+var gen_files_view = jade.compile([
+    '- each file in files',
+    '  .file(data-path="#{file.path}")',
+    '    .icon',
+    '      img(src="icons/#{file.type}.png")',
+    '    .name #{file.name}',
+].join('\n'));
+
+// Our type
+function Folder(jquery_element) {
+  events.EventEmitter.call(this);
+  this.element = jquery_element;
+
+  var self = this;
+  // Click on blank
+  this.element.parent().on('click', function() {
+    self.element.children('.focus').removeClass('focus');
+  });
+  // Click on file
+  this.element.delegate('.file', 'click', function(e) {
+    self.element.children('.focus').removeClass('focus');
+    $(this).addClass('focus');
+    e.stopPropagation();
+  });
+  // Double click on file
+  this.element.delegate('.file', 'dblclick', function() {
+    var file_path = $(this).attr('data-path');
+    self.emit('navigate', file_path, mime.stat(file_path));
+  });
+}
+
+util.inherits(Folder, events.EventEmitter);
+
+Folder.prototype.open = function(dir) {
+  var self = this;
+  fs.readdir(dir, function(error, files) {
+    if (error) {
+      console.log(error);
+      window.alert(error);
+      return;
+    }
+
+    for (var i = 0; i < files.length; ++i) {
+      files[i] = mime.stat(path.join(dir, files[i]));
+    }
+
+    self.element.html(gen_files_view({ files: files }));
+  });
+}
+
+exports.Folder = Folder;