From cbd4f4b5375f89362733e10a9b98e5a74c2a5734 Mon Sep 17 00:00:00 2001
From: RaNaN <Mast3rRaNaN@hotmail.de>
Date: Fri, 31 Aug 2012 23:25:26 +0200
Subject: first js models/views

---
 module/web/static/js/views/packageTreeView.js | 54 +++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 module/web/static/js/views/packageTreeView.js

(limited to 'module/web/static/js/views')

diff --git a/module/web/static/js/views/packageTreeView.js b/module/web/static/js/views/packageTreeView.js
new file mode 100644
index 000000000..79527b394
--- /dev/null
+++ b/module/web/static/js/views/packageTreeView.js
@@ -0,0 +1,54 @@
+define(['jquery', 'backbone', 'underscore', 'models/TreeCollection'], function($, Backbone, _, TreeCollection){
+
+    // Renders whole PackageView
+    return Backbone.View.extend({
+
+        el: '#content',
+
+        events: {
+
+        },
+
+        initialize: function() {
+            _.bindAll(this, 'render');
+
+            this.tree = new TreeCollection();
+
+        },
+
+        init: function() {
+            var self = this;
+            this.tree.fetch({success: function(){
+                self.render();
+            }});
+        },
+
+
+        render: function() {
+
+            var packs = this.tree.get('packages'),
+                files = this.tree.get('files'),
+                html = 'Root: ' +  this.tree.get('root').get('name') + '<br>';
+
+            html += 'Packages: ' + packs.size();
+            html += '<br><ul>';
+
+            packs.each(function(pack){
+                html += '<li>'+ pack.get('pid') + pack.get('name') + '</li>';
+            });
+
+            html += '</ul><br> Files: ' + files.size() + '<br><ul>';
+            files.each(function(file){
+                html += '<li>'+ file.get('fid') + file.get('name') + '</li>';
+            });
+
+            html += '</ul>';
+
+
+            this.$el.html(html);
+
+            return this;
+        }
+
+    });
+});
\ No newline at end of file
-- 
cgit v1.2.3