html publish tags working

luiseduardobrito · Sep 17, 2013 · 326d50a · 326d50a
1 parent 2fb2bb2
commit 326d50a
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/client/app.js b/client/app.js
@@ -112,8 +112,7 @@
 
 				var action = $(this).attr("data-action") || "(function(){})();";
 
-				// execute script in private context
-				(new Function( "with(this) { " + action + " }")).call(this);
+				(new Function( "with(this) { try {" + action + "} catch(e){ throw e; } }")).call(this);
 			});
 
 		}; exports.publish = publish;
@@ -160,6 +159,24 @@
 
 				return false;
 			})
+
+			$("[data-event][data-on]").each(function(){
+
+				$(this).on($(this).attr("data-on") || "", function(e){
+
+					if(e && e.preventDefault) e.preventDefault();
+
+					var evt = $(this).attr("data-event");
+					var pub = $(this).attr("data-pub") || "return null";
+
+					pub = JSON.parse.call(this, pub);
+
+					window.sandbox.broadcast.publish(evt, pub);
+					return false;
+
+				});
+
+			});
 		}
 
 		var init = function(){

diff --git a/views/layout.ejs b/views/layout.ejs
@@ -14,7 +14,7 @@
 		<!-- styles -->
 		<link href="/assets/stylesheets/style.css" rel="stylesheet">
 	</head>
-	<body>
+	<body data-subscribe="app/destroy" data-action="$(this).remove()">
 
 		<section class="header" data-subscribe="user/logout" data-action="$(this).remove();">
 			<b>Title:</b> <%- title %>
@@ -28,6 +28,8 @@
 			</div>
 		</section>
 
+		<button data-on="click" data-event="app/destroy" data-pub='{"msg": "app destroyed by user"}'>Destroy app</button>
+
 		<!-- system deps -->
 		<script src="/socket.io/socket.io.js"></script>
 		<script src="/js/lib/jquery.min.js"></script>