JavaScript templates/jst Examples

Example #1

File: reader.js Project: grapesmoker/qbdb3.0

var Backbone = require('backbone');
var _ = require('underscore');
var jst = require('templates/jst');
var ReaderTemplate = jst('reader');

var TossupModel = require('models/tossup');
var TossupCollection = require('collections/tossups');
var BonusModel = require('models/bonus');
var BonusCollection = require('collections/bonuses');
var PacketModel = require('models/packet');
var TournamentCollection = require('collections/tournaments');

var ReaderView = Backbone.View.extend({

    el: '#qbdb-contents',

        initialize: function(options) {
        this.speed = options.speed || 3;
        this.order = options.order || 'sequential';
        this.readTossups = options.readTossups || true;
        this.readBonuses = options.readBonuses || true;

        this.currentQuestion = null;
        this.currentQType = null;
        this.currentPacket = null;
        this.currentTournament = null;
        this.questionsToRead = [];
        this.questionBeingRead = false;
        this.bonusPartBeingRead = 0;
        this.readTimer = null;

Example #2

File: packet.js Project: grapesmoker/qbdb3.0

var Backbone = require('backbone');
//var $ = require('jquery');
//var $ui = require('jqueryui');
var _ = require('underscore');
var jst = require('templates/jst');

var PacketModel = require('models/packet');
var TossupCollection = require('collections/tossups');
var TossupsView = require('views/tossups');
var BonusCollection = require('collections/bonuses');
var BonusesView = require('views/bonuses');
var PacketTemplate = jst('packet');

var PacketView = Backbone.View.extend({

    el: '#qbdb-contents',

    tagName: 'div',

    initialize: function () {
        this.render()
    },

    events: {},

    render: function () {
        var that = this;
        //console.log(this.model.id)
        this.model.fetch({
            success: function () {
                //console.log('foobar')

Example #3

File: tossup.js Project: grapesmoker/qbdb3.0

var Backbone = require('backbone');
//var $ = require('jquery');
//var $ui = require('jqueryui');
var _ = require('underscore');
var jst = require('templates/jst');

var TossupModel = require('models/tossup');
var TossupTemplate = jst('tossup');
var TuAsRowTemplate = jst('tossup_as_row');

var TossupView = Backbone.View.extend({

    tagName: 'tr',

    initialize: function () {

    },

    events: {
        'change .tossup-difficulty': function (ev) {
            this.updateDorQ(ev, 'diff')
        },
        'change .tossup-quality': function (ev) {
            this.updateDorQ(ev, 'qual')
        }
    },

    render: function () {
        this.template = TuAsRowTemplate;
        this.$el.html(this.template(this.model.attributes));

Example #4

File: search.js Project: grapesmoker/qbdb3.0

var Backbone = require('backbone');
//var $ = require('jquery');
//var $ui = require('jqueryui');
var _ = require('underscore');
var jst = require('templates/jst');

var TossupModel = require('models/tossup');
var BonusModel = require('models/bonus');
var TossupsCollection = require('collections/tossups');
var BonusesCollection = require('collections/bonuses');
var TossupsView = require('views/tossups');
var BonusesView = require('views/bonuses');
var SearchTemplate = jst('search');
var PacketTemplate = jst('packet');


var SearchView = Backbone.View.extend({

    el: '#search-results',

    initialize: function () {

    },

    events: {
        'click #search': 'searchAndRender',
        'keypress #search-term': 'keyHandler',
        'change #search-term': 'logChange'
    },

    render: function () {

Example #5

File: tournaments.js Project: grapesmoker/qbdb3.0

var Backbone = require('backbone');
//var $ = require('jquery');
//var $ui = require('jqueryui');
var _ = require('underscore');
var jst = require('templates/jst');

var TournamentView = require('views/tournament');
var TournamentCollection = require('collections/tournaments');
var TournamentsTemplate = jst('tournaments');

var TournamentCollectionView = Backbone.View.extend({
    el: '#qbdb-contents',

    events: {
        'change .tour-difficulty': function (ev) {
            this.updateDorQ(ev, 'diff')
        },
        'change .tour-quality': function (ev) {
            this.updateDorQ(ev, 'qual')
        }
    },

    initialize: function (collection) {
        _.bindAll(this, 'render', 'renderTournament')
        this.collection = collection;
        this.render();
        this.collection.on('reset', this.render, this);
    },

    render: function () {
        var that = this;