modules/nodePane/nodePane.js

   1 define([\r
   2 'libs/text!./template.html',\r
   3 'libs/jquery-1.9.1.min',\r
   4 'libs/underscore-min',\r
   5 \r
   6 ], function(templateSrc, $, _) {\r
   7 \r
   8 'use strict';\r
   9 \r
  10 return function(sandbox) {\r
  11     \r
  12     var view = $(_.template(templateSrc)());\r
  13     \r
  14     view.on('change', 'select', function(e) {\r
  15         var target = $(e.target);\r
  16         var attr = target.attr('class').split('-')[3] === 'tagSelect' ? 'tag' : 'class';\r
  17         sandbox.publish('nodeChanged', attr, target.val());\r
  18     });\r
  19     \r
  20     return {\r
  21         start: function() {\r
  22             sandbox.publish('ready');\r
  23         },\r
  24         getView: function() {\r
  25             return view;\r
  26         },\r
  27         setNode: function(canvasNode) {\r
  28             view.find('.rng-module-nodePane-tagSelect').val(canvasNode.getTag());\r
  29             view.find('.rng-module-nodePane-classSelect').val(canvasNode.getClass());\r
  30         }\r
  31     }\r
  32     \r
  33 }\r
  34 \r
  35 });