modules/tabsManager.js

   1 rng.modules.tabsManager = function(sandbox) {\r
   2 \r
   3     var $ = sandbox.$;\r
   4     \r
   5     var view = $(sandbox.getTemplate('main')());\r
   6     \r
   7     var tabContent = {};\r
   8     \r
   9     function selectTab(tabCode) {\r
  10         var tabBar = $(view, '#rng-main-tabs');\r
  11         var prevTabCode = tabBar.find('li.active a').attr('href').substr(1);\r
  12         tabBar.find('li').removeClass('active');\r
  13         tabBar.find('a[href=#' + tabCode + ']').parent().addClass('active');\r
  14         $(view, '.rng-tab-content').hide();\r
  15         $(view, '#rng-tab-content-' + tabCode).show();\r
  16     }\r
  17     \r
  18     $('#rng-main-tabs li a').click(function(e) {\r
  19         selectTab($(e.target).attr('href').substr(1));\r
  20     });\r
  21     \r
  22     return {\r
  23         start: function() {\r
  24             sandbox.publish('ready');\r
  25         },\r
  26         \r
  27         getView: function() {\r
  28             return view;\r
  29         },\r
  30         \r
  31         addTab: function(title, view) {\r
  32             tabContent[title] = view;\r
  33         }\r
  34     }\r
  35 \r
  36 };