Team:WITS-CSIR SA/client/CalendarModel.js

From 2011.igem.org

Revision as of 09:11, 3 September 2011

/// <reference path="../../js/lib/backbone.js" /> /// <reference path="../../js/lib/underscore.js" /> /// <reference path="../../js/lib/jlayout.border.js" /> /// <reference path="../../js/lib/jquery-1.5.1.min.js" /> /// <reference path="../../js/lib/jquery-ui-1.8.14.custom.min.js" /> /// <reference path="../../js/lib/jQuery.BlockUI.js" /> /// <reference path="../../js/lib/jquery.fling.js" /> /// <reference path="../../js/lib/jquery.jlayout.js" /> /// <reference path="../../js/lib/jquery.sizes.js" /> /// <reference path="../../js/lib/modernizr-1.7.min.js" /> /// <reference path="../../js/lib/sammy-latest.min.js" /> /// <reference path="../../js/common.js" />

$(function () {

   var Day = Backbone.Model.extend({
       name: null,
       content: null
   });

   var Days = Backbone.Collection.extend({
       initialize: function (models, options) {
           this.opts = options;
       },
       hasContent: function () { return this.length > 0; }
   });

   var Week = Backbone.Model.extend({
       initialize: function () {
           this.days = new Days(null, { Week: this });
       },
       name: null,
       hasContent: function () { return this.days.hasContent(); }
   });

   var Weeks = Backbone.Collection.extend({
       initialize: function (models, options) {
           this.opts = options;
       },
       hasContent: function () {
           for (var i = 0; i < this.length; i++)
               if (this.models[i].hasContent()) { return true; }

           return false;
       }
   });

   var Month = Backbone.Model.extend({
       initialize: function () {
           this.weeks = new Weeks(null, { Month: this });
       },
       name: null,
       hasContent: function () {
           return this.weeks.hasContent();
       }
   });

   var Months = Backbone.Collection.extend({
       initialize: function (models, options) {
           this.opts = options;
       }
   });

   var Year = Backbone.Model.extend({
       initialize: function () {
           this.months = new Months(null, { Year: this });
           this.months.add(new Month({ name: 'January' }));
           this.months.add(new Month({ name: 'February' }));
           this.months.add(new Month({ name: 'March' }));
           this.months.add(new Month({ name: 'April' }));
           this.months.add(new Month({ name: 'May' }));
           this.months.add(new Month({ name: 'June' }));
           this.months.add(new Month({ name: 'July' }));
           this.months.add(new Month({ name: 'August' }));
           this.months.add(new Month({ name: 'September' }));
           this.months.add(new Month({ name: 'October' }));
           this.months.add(new Month({ name: 'November' }));
           this.months.add(new Month({ name: 'December' }));
       },
       year: null,
       getMonth: function (name) {
           var caller = this;
           var m = $.grep(caller.months.models, function (n, i) {
               return n.get('name').toLowerCase() == name.toLowerCase();
           });

           return m.length > 0 ? m[0] : null;
       },
       hasContent: function () { return this.months.hasContent(); }
   });

   var Calendar = Backbone.View.extend({
       el: $('div.calendar'),
       initialize: function () {
           this.year = new Year({ year: 2011 });

This is a test

This is a test This is a test This is a test This is a test This is a test

This is a test

This is a test

This is a test

This is a test

       month.weeks.add(week);

       week = new Week({ name: 'Week 2' });

This is a test

This is a test

This is a test

       month.weeks.add(week);

       week = new Week({ name: 'Week 3' });

This is a test

This is a test

This is a test

       month.weeks.add(week);

       month = calendar.year.getMonth('february');

       week = new Week({ name: 'Week 2' });

This is a test

This is a test

This is a test

       month.weeks.add(week);

       month = calendar.year.getMonth('march');

       week = new Week({ name: 'Week 2' });

This is a test

This is a test

This is a test

       month.weeks.add(week);

       month = calendar.year.getMonth('april');

       week = new Week({ name: 'Week 2' });

This is a test

This is a test

       month.weeks.add(week);

       month = calendar.year.getMonth('may');

       week = new Week({ name: 'Week 2' });

This is a test

This is a test

       month.weeks.add(week);

       month = calendar.year.getMonth('june');

       week = new Week({ name: 'Week 2' });

This is a test

This is a test

       month.weeks.add(week);

       month = calendar.year.getMonth('july');

       week = new Week({ name: 'Week 1' });

This is a test

This is a test

       month.weeks.add(week);

       month = calendar.year.getMonth('august');

       week = new Week({ name: 'Week 2' });

This is a test

This is a test

       month.weeks.add(week);

       month = calendar.year.getMonth('september');

       week = new Week({ name: 'Week 2' });

This is a test

This is a test

       month.weeks.add(week);

       month = calendar.year.getMonth('october');

       week = new Week({ name: 'Week 2' });

This is a test

This is a test

       month.weeks.add(week);

       month = calendar.year.getMonth('november');

       week = new Week({ name: 'Week 2' });

This is a test

This is a test

       month.weeks.add(week);

       month = calendar.year.getMonth('december');

       week = new Week({ name: 'Week 2' });

This is a test

This is a test

       month.weeks.add(week);

       calendar.render();
   });

});

• Recent changes
• What links here
• Related changes
• Special pages
• My preferences

• Printable version
• Permanent link
• Privacy policy
• Disclaimers

                           '            <% _.forEach(year.months.models, function(month) { %>' +
                           '            <% if(month.hasContent()){ %>' +
                           '               <div class="month <%= month.get(\'name\') %>" id="<%= month.get(\'name\') + \'_\' + month.cid %>">' +

                           '                   <% _.forEach(month.weeks.models, function(week) { %>' +
                           '                       <div id="<%= month.get(\'name\') + \'_week_\' + week.cid %>">' +
                           '                       <% _.forEach(week.days.models, function(day) { %>' +

                           '                           <%= day.get(\'content\') %>' +
                           '                       <% }); %>' +
                           '                       </div>' +
                           '                   <% }); %>' +
                           '               </div>' +
                           '            <% } %>' +
                           '            <% }); %>' +