.with(some_func) extension (transform/map values when binding - see

test-10)
flatiron · Feb 13, 2012 · bae1fae · bae1fae
1 parent e8e9ad4
commit bae1fae
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 0 deletions.
diff --git a/examples/browser/plates.js b/examples/browser/plates.js
@@ -106,6 +106,9 @@
                 tagbody = tagbody.replace(this.attr, function(str, key, value, a) {
 
                   var newdata = map[ii].dataKey ? data[map[ii].dataKey] : data[key];
+                  if (mappings[ii].transform) {
+                    newdata = mappings[ii].transform(newdata);
+                  }
 
                   if (map[ii].replace === key) {
 
@@ -200,6 +203,10 @@
     as: function(val) {
       last.call(this).replace = val;
       return this;
+    },
+    with: function(val) {
+      last.call(this).transform = val;
+      return this;
     }
   };
 

diff --git a/lib/plates.js b/lib/plates.js
@@ -112,6 +112,10 @@
                 tagbody = tagbody.replace(this.attr, function(str, key, value, a) {
 
                   var newdata = mappings[ii].dataKey ? data[mappings[ii].dataKey] : data[key];
+
+                  if (mappings[ii].transform) {
+                    newdata = mappings[ii].transform(newdata);
+                  }
 
                   if (mappings[ii].replace === key) {
 
@@ -219,6 +223,10 @@
     as: function(val) {
       last.call(this).replace = val;
       return this;
+    },
+    with: function(val) {
+      last.call(this).transform = val;
+      return this;
     }
   };
 

diff --git a/test/api-test.js b/test/api-test.js
@@ -112,8 +112,23 @@ vows.describe('merge data into markup').addBatch({
         return common.createTest('test-9', map);
 
       }()
+
+    ),
+
+    '(10) using with val transformation': (
+      function() {
+
+        var map = Plates.Map();
+
+        map.class('snippet').to('foo').with(function(val) { return val.toUpperCase()});
+        map.class('thumb').use('bar').as('src').with(function(val) { return "http://prefix/" + val});
+
+        return common.createTest('test-10', map);
+
+      }()
 
     )
+
   }
 
 }).export(module);

diff --git a/test/fixtures/test-10.html b/test/fixtures/test-10.html
@@ -0,0 +1,2 @@
+<div class="snippet"></div>
+<img class="thumb" src="" />
diff --git a/test/fixtures/test-10.json b/test/fixtures/test-10.json
@@ -0,0 +1,4 @@
+{
+  "foo": "fooval",
+  "bar": "barval"
+}
diff --git a/test/fixtures/test-10.out b/test/fixtures/test-10.out
@@ -0,0 +1,2 @@
+<div class="snippet">FOOVAL</div>
+<img class="thumb" src="http://prefix/barval" />