web client: extract each widget to a dedicated file

1 files changed, 53 insertions, 0 deletions

diff --git a/web/widget/reference.js b/web/widget/reference.js
new file mode 100644
index 0000000..4413cc9
--- /dev/null
+++ b/web/widget/reference.js
@@ -0,0 +1,53 @@
+/*
+ * Copyright (c) 2012-2014 Kaarle Ritvanen
+ * See LICENSE file for license details
+ */
+
+define(
+    ["acf2/dom", "acf2/widget/combobox", "jquery", "underscore"],
+    function(dom, Base, $, _) {
+	var Class = Base.extend({
+	    init: function(
+		data, name, meta, level, editable, removable
+	    ) {
+		this.field = Base.createEl();
+		return this.super(
+		    Class,
+		    "init",
+		    data,
+		    name,
+		    meta,
+		    level,
+		    editable,
+		    removable
+		);
+	    },
+	    
+	    staticRender: function(value, meta) {
+		return $("<td>").html(dom.objectRef(value).text(value));
+	    },
+	    
+	    statusEl: function() { return this.el.find("select"); },
+
+	    createEl: function() { return $("<div>"); },
+	    
+	    render: function(value, meta) {
+		this.super(Class, "render", value, meta);
+		
+		this.el.html(this.field);
+		this.el.append(" ");
+		
+		var link = $("<div>");
+		var update = _.bind(function() {
+		    link.html(dom.objectRef(this.get()));
+		}, this);
+		this.el.append(link);
+		
+		this.field.change(update);
+		update();
+	    }
+	});
+
+	return Class;
+    }
+);