mirror/pcottle.learnGitBranching
1
0
Fork 0
mirror of https://github.com/pcottle/learnGitBranching.git synced 2025-06-29 09:20:03 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

arrows in, workinggg

Browse source
This commit is contained in:
Peter Cottle 2012-12-24 12:23:16 -08:00
parent cb0a492da6
commit cab63cbce0
3 changed files with 339 additions and 123 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/js/views/index.js
View file

@ -4,23 +4,40 @@ var _ = require('underscore');
var Backbone = (!require('../util').isBrowser()) ? require('backbone') : window.Backbone;
var BaseView = Backbone.View.extend({
render: function() {
var destination = this.destination || this.container.getInsideElement();
this.$el.html(this.template(this.JSON));
getDestination: function() {
return this.destination || this.container.getInsideElement();
},
render: function(HTML) {
// flexibility
var destination = this.getDestination();
HTML = HTML || this.template(this.JSON);
this.$el.html(HTML);
$(destination).append(this.el);
}
});
var PosNegBase = BaseView.extend({
positive: function() {
var ResolveRejectBase = BaseView.extend({
resolve: function() {
this.deferred.resolve();
},
negative: function() {
reject: function() {
this.deferred.reject();
}
});
var PositiveNegativeBase = BaseView.extend({
positive: function() {
this.navEvents.trigger('positive');
},
negative: function() {
this.navEvents.trigger('negative');
}
});
var ContainedBase = BaseView.extend({
show: function() {
this.container.show();
@ -31,13 +48,13 @@ var ContainedBase = BaseView.extend({
}
});
var ConfirmCancelView = PosNegBase.extend({
var ConfirmCancelView = ResolveRejectBase.extend({
tagName: 'div',
className: 'confirmCancelView box horizontal justify',
template: _.template($('#confirm-cancel-template').html()),
events: {
'click .confirmButton': 'positive',
'click .cancelButton': 'negative'
'click .confirmButton': 'resolve',
'click .cancelButton': 'reject'
},
initialize: function(options) {
@ -56,7 +73,7 @@ var ConfirmCancelView = PosNegBase.extend({
}
});
var LeftRightView = PosNegBase.extend({
var LeftRightView = PositiveNegativeBase.extend({
tagName: 'div',
className: 'leftRightView box horizontal center',
template: _.template($('#left-right-template').html()),
@ -66,12 +83,12 @@ var LeftRightView = PosNegBase.extend({
},
initialize: function(options) {
if (!options.destination || !options.deferred) {
if (!options.destination || !options.events) {
throw new Error('needmore');
}
this.destination = options.destination;
this.deferred = options.deferred;
this.navEvents = options.events;
this.JSON = {};
this.render();
@ -165,15 +182,13 @@ var ModalAlert = ContainedBase.extend({
},
render: function() {
var destination = this.destination || this.container.getInsideElement();
var HTML = null;
if (this.JSON.markdown) {
HTML = require('markdown').markdown.toHTML(this.JSON.markdown);
} else {
HTML = this.template(this.JSON);
}
this.$el.html(HTML);
$(destination).append(this.el);
var HTML = (this.JSON.markdown) ?
require('markdown').markdown.toHTML(this.JSON.markdown) :
this.template(this.JSON);
// call to super, not super elegant but better than
// copy paste code
ModalAlert.__super__.render.apply(this, [HTML]);
}
});