Team:WITS-CSIR SA/client/CalendarModel.js
From 2011.igem.org
(Difference between revisions)
Line 64: | Line 64: | ||
initialize: function () { | initialize: function () { | ||
this.months = new Months(null, { Year: this }); | this.months = new Months(null, { Year: this }); | ||
- | |||
- | |||
- | |||
- | |||
this.months.add(new Month({ name: 'June' })); | this.months.add(new Month({ name: 'June' })); | ||
this.months.add(new Month({ name: 'July' })); | this.months.add(new Month({ name: 'July' })); | ||
Line 153: | Line 149: | ||
var calendar = new Calendar(), week = null, month = null; | var calendar = new Calendar(), week = null, month = null; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
month = calendar.year.getMonth('june'); | month = calendar.year.getMonth('june'); | ||
Line 366: | Line 334: | ||
week = new Week({ name: 'Week 2' }); | week = new Week({ name: 'Week 2' }); | ||
- | week.days.add(new Day({ name: 'Monday', content: '<li> | + | week.days.add(new Day({ name: 'Monday', content: '<li>Plasmid Prep AtRS-mRFP1(Part:BBa_K537008)-DT, RBS-Cre-DT and Pr-AtRS-mRFP1(Part:BBa_K537008)</li>'+ |
- | week.days.add(new Day({ name: 'Tuesday', content: '<li> | + | '<li>Colony PCR of RBS- Cre-DT and verification of the RBS- Cre-DT colony PCR products</li>'})); |
- | week.days.add(new Day({ name: 'Wednesday', content: '<li> | + | week.days.add(new Day({ name: 'Tuesday', content: '<li>Plasmid prep Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-ThRS1-venus(Part:BBa_K537003)(Part:BBa_K537003)-DT, Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-ThRS2-venus(Part:BBa_K537004)-DT, Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-ThRS1-CheZ (Part:BBa_K537001)-Venus(Part:BBa_K537006)-DT and Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-ThRS1-CheZ (Part:BBa_K537001)-Venus(Part:BBa_K537006)-DT, Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-RBS-Venus(Part:BBa_K537006)-DT , Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-AtRS-CheZ (Part:BBa_K537000)-mRFP1(Part:BBa_K537005)-DT and Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-RBS-CheZ(Part:BBa_K537007)-mRFP1(Part:BBa_K537005)-DT</li>'+ |
- | + | '<li>Toggle switch construction (Ligation of the IPTG inducible promoter with RBS-Cre-DT) </li>' })); | |
- | week.days.add(new Day({ name: ' | + | week.days.add(new Day({ name: 'Wednesday', content: '<li>Re-do Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-ThRS1-venus(Part:BBa_K537003)-DT, Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-ThRS2-venus(Part:BBa_K537004)-DT, Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-ThRS1-CheZ (Part:BBa_K537001)-Venus(Part:BBa_K537006)-DT and Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-ThRS1-CheZ (Part:BBa_K537001)-Venus(Part:BBa_K537006)-DT, Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-RBS-Venus(Part:BBa_K537006)-DT , Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-AtRS-CheZ (Part:BBa_K537000)-mRFP1-DT and Lox66(Part:BBa_K537019)-SPr-lox71(Part:BBa_K537020)-RBS-CheZ(Part:BBa_K537007)-mRFP1-DT</li>'+ |
- | week.days.add(new Day({ name: ' | + | '<li>Screening ligation of IPTG inducible promoter with RBS-Cre-DT</li>'+'<li>Preparation of the Capillary Assay</li>' })); |
- | week.days.add(new Day({ name: ' | + | week.days.add(new Day({ name: 'Thursday', content: '<li>Plasmid prep IPTG-RBS-Cre-DT, ThRS1-venus(Part:BBa_K537003), ThRS2-venus(Part:BBa_K537004), ThRS1-venus(Part:BBa_K537003)-DT, ThRS2-venus(Part:BBa_K537004)-DT, ThRS1-CheZ (Part:BBa_K537001)-Venus(Part:BBa_K537006), ThRS2-CheZ(Part:BBa_K537002)-Venus(Part:BBa_K537006), AtRS-mRFP1(Part:BBa_K537008)-DT, AtRS-CheZ (Part:BBa_K537000)-mRFP1(Part:BBa_K537005)-DT , RBS-mRFP1-DT and RBS-CheZ(Part:BBa_K537007)-mRFP1(Part:BBa_K537005)-DT</li>'+'<li>Capillary Assay</li>' })); |
+ | week.days.add(new Day({ name: 'Friday', content: '<li>Counting colonies from Capillary Assay</li>' })); | ||
+ | week.days.add(new Day({ name: 'Saturday', content: '<li>Capillary Assay analysis</li>' })); | ||
month.weeks.add(week); | month.weeks.add(week); | ||
week = new Week({ name: 'Week 3' }); | week = new Week({ name: 'Week 3' }); | ||
- | week.days.add(new Day({ name: 'Monday', content: '<li> | + | week.days.add(new Day({ name: 'Monday', content: '<li>Prepared some samples (machines) for shipment to the USA for submission</li>'+ |
- | + | '<li>Inoculated Amp broth with colonies off master plates of positive clones: parental CheZ deletion mutants; StrongPromoter-ThRS1-venus(Part:BBa_K537003)-DoubleTerminator; StrongPromoter-ThRS2-venus(Part:BBa_K537004)-DoubleTerminator --> for Fluorescence Microscopy at the CSIR tomorrow</li>' })); | |
- | + | week.days.add(new Day({ name: 'Tuesday', content: '<li>Epi-Fluorescence Microscopy imaging with samples: parental CheZ deletion mutants; StrongPromoter-ThRS1-venus(Part:BBa_K537003)-DoubleTerminator; StrongPromoter-ThRS2-venus(Part:BBa_K537004)-DoubleTerminator. Thank you to Robyn Brackin at the CSIR for all the help with these experiments!</li>' })); | |
- | + | week.days.add(new Day({ name: 'Wednesday', content: '<li>Processing of fluorescence images that were captured yesterday – using program “ImageJ.”</li>' })); | |
- | + | week.days.add(new Day({ name: 'Thursday', content: '<li>WE ARE DONE WITH LAB WORK!!! Yippeeeeee!!!</li>' })); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | week.days.add(new Day({ name: 'Tuesday', content: '<li> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | week.days.add(new Day({ name: ' | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | week.days.add(new Day({ name: 'Thursday', content: '<li> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
month.weeks.add(week); | month.weeks.add(week); | ||
Revision as of 17:03, 21 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: 'June' })); this.months.add(new Month({ name: 'July' })); this.months.add(new Month({ name: 'August' })); this.months.add(new Month({ name: 'September' }));
}, 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.template = '
' +
'
' <% } %>' + ' <% }); %>' +' ' + ' | ' +
' ' +
' <% _.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(\'name\') %>' +' <%= day.get(\'content\') %>' + ' <% }); %>' + ' </div>' + ' <% }); %>' + ' </div>' + ' <% } %>' + ' <% }); %>' +' | ' +
'