From a03ece96ae83e8fedb27fdb297c52a8e6b111d55 Mon Sep 17 00:00:00 2001
From: RaNaN <Mast3rRaNaN@hotmail.de>
Date: Sat, 1 Sep 2012 21:00:38 +0200
Subject: some functionality for the views

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

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

diff --git a/module/web/static/js/views/packageView.js b/module/web/static/js/views/packageView.js
new file mode 100644
index 000000000..a2e0abf31
--- /dev/null
+++ b/module/web/static/js/views/packageView.js
@@ -0,0 +1,45 @@
+define(['jquery', 'backbone', 'underscore', 'views/fileView'], function($, Backbone, _, fileView) {
+
+    // Renders a single package item
+    return Backbone.View.extend({
+
+        tagName: 'li',
+        events: {
+            'click .load': 'load',
+            'click .delete': 'delete'
+        },
+
+        initialize: function() {
+            this.model.on('change', this.render, this);
+            this.model.on('remove', this.unrender, this);
+        },
+
+        render: function() {
+            this.$el.html('Package ' + this.model.get('pid') + ': ' + this.model.get('name'));
+            this.$el.append($('<a class="load" href="#"> Load</a>'));
+            this.$el.append($('<a class="delete" href="#"> Delete</a>'));
+
+            if (this.model.isLoaded()) {
+                var ul = $('<ul></ul>');
+                this.model.get('files').each(function(file) {
+                    ul.append(new fileView({model: file}).render().el);
+                });
+                this.$el.append(ul);
+            }
+            return this;
+        },
+
+        unrender: function() {
+            this.$el.remove();
+        },
+
+        load: function() {
+            this.model.fetch();
+        },
+
+        delete: function() {
+            this.model.destroy();
+        }
+
+    });
+});
\ No newline at end of file
-- 
cgit v1.2.3