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

nice dynamic arrows

Browse source
This commit is contained in:
Peter Cottle 2012-12-24 12:35:09 -08:00
parent cab63cbce0
commit 7acde81510
4 changed files with 40 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

30
build/bundle.js
View file

@ -8685,7 +8685,10 @@ var LeftRightView = PositiveNegativeBase.extend({
this.destination = options.destination;
this.navEvents = options.events;
this.JSON = {};
this.JSON = {
showLeft: (options.showLeft === undefined) ? true : options.showLeft,
lastNav: (options.lastNav === undefined) ? false : options.lastNav
};
this.render();
}
@ -13791,21 +13794,23 @@ var MultiView = Backbone.View.extend({
return view;
},
addNavToView: function(view) {
addNavToView: function(view, index) {
var leftRight = new LeftRightView({
events: this.navEvents,
// we want the arrows to be on the same level as the content (not
// beneath), so we go one level up with getDestination()
destination: view.getDestination()
destination: view.getDestination(),
showLeft: (index !== 0),
lastNav: (index === this.childViewJSONs.length - 1)
});
},
render: function() {
// go through each and render... show the first
_.each(this.childViewJSONs, function(childViewJSON) {
_.each(this.childViewJSONs, function(childViewJSON, index) {
var childView = this.createChildView(childViewJSON);
this.childViews.push(childView);
this.addNavToView(childView);
this.addNavToView(childView, index);
}, this);
this.showViewIndex(this.currentIndex);
@ -16892,7 +16897,10 @@ var LeftRightView = PositiveNegativeBase.extend({
this.destination = options.destination;
this.navEvents = options.events;
this.JSON = {};
this.JSON = {
showLeft: (options.showLeft === undefined) ? true : options.showLeft,
lastNav: (options.lastNav === undefined) ? false : options.lastNav
};
this.render();
}
@ -17099,21 +17107,23 @@ var MultiView = Backbone.View.extend({
return view;
},
addNavToView: function(view) {
addNavToView: function(view, index) {
var leftRight = new LeftRightView({
events: this.navEvents,
// we want the arrows to be on the same level as the content (not
// beneath), so we go one level up with getDestination()
destination: view.getDestination()
destination: view.getDestination(),
showLeft: (index !== 0),
lastNav: (index === this.childViewJSONs.length - 1)
});
},
render: function() {
// go through each and render... show the first
_.each(this.childViewJSONs, function(childViewJSON) {
_.each(this.childViewJSONs, function(childViewJSON, index) {
var childView = this.createChildView(childViewJSON);
this.childViews.push(childView);
this.addNavToView(childView);
this.addNavToView(childView, index);
}, this);
this.showViewIndex(this.currentIndex);

12
src/index.html
View file

@ -160,11 +160,19 @@
</script>
<script type="text/html" id="left-right-template">
<div class="box left">
<% if (showLeft) { %>
<div class="box left">
<% } else { %>
<div class="box left" style="opacity: 0; cursor: default">
<% } %>
<i class="icon-circle-arrow-left"></i>
</div>
<div class="box right">
<i class="icon-circle-arrow-right"></i>
<% if (!lastNav) { %>
<i class="icon-circle-arrow-right"></i>
<% } else { %>
<i class="icon-ok"></i>
<% } %>
</div>
</script>

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

@ -89,7 +89,10 @@ var LeftRightView = PositiveNegativeBase.extend({
this.destination = options.destination;
this.navEvents = options.events;
this.JSON = {};
this.JSON = {
showLeft: (options.showLeft === undefined) ? true : options.showLeft,
lastNav: (options.lastNav === undefined) ? false : options.lastNav
};
this.render();
}

10
src/js/views/multiView.js
View file

@ -91,21 +91,23 @@ var MultiView = Backbone.View.extend({
return view;
},
addNavToView: function(view) {
addNavToView: function(view, index) {
var leftRight = new LeftRightView({
events: this.navEvents,
// we want the arrows to be on the same level as the content (not
// beneath), so we go one level up with getDestination()
destination: view.getDestination()
destination: view.getDestination(),
showLeft: (index !== 0),
lastNav: (index === this.childViewJSONs.length - 1)
});
},
render: function() {
// go through each and render... show the first
_.each(this.childViewJSONs, function(childViewJSON) {
_.each(this.childViewJSONs, function(childViewJSON, index) {
var childView = this.createChildView(childViewJSON);
this.childViews.push(childView);
this.addNavToView(childView);
this.addNavToView(childView, index);
}, this);
this.showViewIndex(this.currentIndex);