playground.jsx

define(function(require){
  //var React = require('react');
  var jQuery = require('jquery');

  //var TemplatesPanel = require('modules/pathboard/common/views/templatesPanel');

  //var Templates = require('modules/pathboard/common/models/templates');
  //var templates = new Templates();
  //var Loading = require('ui/react/loading');
  //var Panel = require('ui/react/modals/panel');

  var templateServiceApi = (function($) {
    return {
      getSystemTemplates: function () {
        return $.get('/api/courses/templates/general');
      }
    }
  })(jQuery);

  var templatesModule = (function(api) {
    var loading;
    return {
      load: function(cb) {
        loading = true;
        return api.getSystemTemplates().then(function (response) {
          loading = false;
          return response;
        }).then(cb);
      },
      isLoading: function() {
        return loading;
      }
    }
  })(templateServiceApi);


  console.log('loading:', templatesModule.isLoading());
  templatesModule.load().then(function (data) {
    console.log(data);
    console.log('loading:', templatesModule.isLoading());
  });
  console.log('loading:', templatesModule.isLoading());

  /*
   *<div className='nano'>
   *  <div className='content'>
   *  </div>
   *</div>
   */

  //  methods
  //templates.load();
  //templates.loadTEmplate(templateId)
  //isLoading()


  //React.render(
    //<div>
    //<button />,
    //<TemplatesPanel templates={templates} />,
    //</div>
    //document.body
  //);
});