mirror of
https://github.com/pcottle/learnGitBranching.git
synced 2025-07-01 18:24:28 +02:00
temp
This commit is contained in:
parent
e081c47e31
commit
68223505ce
11 changed files with 150 additions and 7 deletions
|
@ -5940,9 +5940,12 @@ if (require('../util').isBrowser()) {
|
|||
* and simply pipes commands to the main events system
|
||||
**/
|
||||
function CommandUI() {
|
||||
var Views = require('../views');
|
||||
var Collections = require('../models/collections');
|
||||
var CommandViews = require('../views/commandViews');
|
||||
|
||||
//new Views.HelperBar();
|
||||
|
||||
this.commandCollection = new Collections.CommandCollection();
|
||||
this.commandBuffer = new Collections.CommandBuffer({
|
||||
collection: this.commandCollection
|
||||
|
@ -10073,6 +10076,34 @@ var LevelToolbar = BaseView.extend({
|
|||
}
|
||||
});
|
||||
|
||||
var HelperBar = BaseView.extend({
|
||||
tagName: 'div',
|
||||
className: 'helperBar',
|
||||
template: _.template($('#helper-bar-template').html()),
|
||||
events: {
|
||||
'click div': 'onClick'
|
||||
},
|
||||
|
||||
onClick: function(ev) {
|
||||
},
|
||||
|
||||
initialize: function(options) {
|
||||
options = options || {};
|
||||
this.destination = $('body');
|
||||
|
||||
var items = [{
|
||||
text: '??',
|
||||
id: 'main'
|
||||
}];
|
||||
|
||||
this.JSON = {
|
||||
items: items
|
||||
};
|
||||
|
||||
this.render();
|
||||
}
|
||||
});
|
||||
|
||||
var CanvasTerminalHolder = BaseView.extend({
|
||||
tagName: 'div',
|
||||
className: 'canvasTerminalHolder box flex1',
|
||||
|
@ -10140,6 +10171,7 @@ exports.LeftRightView = LeftRightView;
|
|||
exports.ZoomAlertWindow = ZoomAlertWindow;
|
||||
exports.ConfirmCancelTerminal = ConfirmCancelTerminal;
|
||||
exports.WindowSizeAlertWindow = WindowSizeAlertWindow;
|
||||
exports.HelperBar = HelperBar;
|
||||
|
||||
exports.CanvasTerminalHolder = CanvasTerminalHolder;
|
||||
exports.LevelToolbar = LevelToolbar;
|
||||
|
@ -13413,7 +13445,6 @@ var LevelBuilder = Level.extend({
|
|||
|
||||
die: function() {
|
||||
this.hideStart();
|
||||
|
||||
LevelBuilder.__super__.die.apply(this, arguments);
|
||||
|
||||
delete this.startVis;
|
||||
|
@ -20336,9 +20367,12 @@ if (require('../util').isBrowser()) {
|
|||
* and simply pipes commands to the main events system
|
||||
**/
|
||||
function CommandUI() {
|
||||
var Views = require('../views');
|
||||
var Collections = require('../models/collections');
|
||||
var CommandViews = require('../views/commandViews');
|
||||
|
||||
//new Views.HelperBar();
|
||||
|
||||
this.commandCollection = new Collections.CommandCollection();
|
||||
this.commandBuffer = new Collections.CommandBuffer({
|
||||
collection: this.commandCollection
|
||||
|
@ -24198,7 +24232,6 @@ var LevelBuilder = Level.extend({
|
|||
|
||||
die: function() {
|
||||
this.hideStart();
|
||||
|
||||
LevelBuilder.__super__.die.apply(this, arguments);
|
||||
|
||||
delete this.startVis;
|
||||
|
@ -27927,6 +27960,34 @@ var LevelToolbar = BaseView.extend({
|
|||
}
|
||||
});
|
||||
|
||||
var HelperBar = BaseView.extend({
|
||||
tagName: 'div',
|
||||
className: 'helperBar',
|
||||
template: _.template($('#helper-bar-template').html()),
|
||||
events: {
|
||||
'click div': 'onClick'
|
||||
},
|
||||
|
||||
onClick: function(ev) {
|
||||
},
|
||||
|
||||
initialize: function(options) {
|
||||
options = options || {};
|
||||
this.destination = $('body');
|
||||
|
||||
var items = [{
|
||||
text: '??',
|
||||
id: 'main'
|
||||
}];
|
||||
|
||||
this.JSON = {
|
||||
items: items
|
||||
};
|
||||
|
||||
this.render();
|
||||
}
|
||||
});
|
||||
|
||||
var CanvasTerminalHolder = BaseView.extend({
|
||||
tagName: 'div',
|
||||
className: 'canvasTerminalHolder box flex1',
|
||||
|
@ -27994,6 +28055,7 @@ exports.LeftRightView = LeftRightView;
|
|||
exports.ZoomAlertWindow = ZoomAlertWindow;
|
||||
exports.ConfirmCancelTerminal = ConfirmCancelTerminal;
|
||||
exports.WindowSizeAlertWindow = WindowSizeAlertWindow;
|
||||
exports.HelperBar = HelperBar;
|
||||
|
||||
exports.CanvasTerminalHolder = CanvasTerminalHolder;
|
||||
exports.LevelToolbar = LevelToolbar;
|
||||
|
|
1
build/bundle.min.99df78c8.js
Normal file
1
build/bundle.min.99df78c8.js
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
build/bundle.min.js
vendored
2
build/bundle.min.js
vendored
File diff suppressed because one or more lines are too long
|
@ -515,6 +515,21 @@ li.rebaseEntry,
|
|||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.helperBar {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
background: #424242;
|
||||
padding: 4px 10px;
|
||||
border-radius: 5px 0 0 0;
|
||||
border: 2px solid #EFEDEE;
|
||||
border-bottom: 0;
|
||||
border-right: 0;
|
||||
box-shadow: -1px -1px 5px rgba(0,0,0,0.3);
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#commandLineBar,
|
||||
.terminal-window .inside {
|
||||
border-top: 0;
|
14
index.html
14
index.html
|
@ -13,7 +13,7 @@
|
|||
<meta property="og:image" content="http://pcottle.github.com/learnGitBranching/assets/learnGitBranching.png"/>
|
||||
<meta property="og:description" content="A interactive Git visualization tool to educate and challenge!"/>
|
||||
|
||||
<link rel="stylesheet" href="build/main.5fc7ddb9.css" type="text/css" charset="utf-8">
|
||||
<link rel="stylesheet" href="build/main.02d13d1b.css" type="text/css" charset="utf-8">
|
||||
<link rel="stylesheet" href="src/style/font-awesome.css" type="text/css" charset="utf-8">
|
||||
</head>
|
||||
<body>
|
||||
|
@ -105,6 +105,16 @@
|
|||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="helper-bar-template">
|
||||
<div class="helperBar">
|
||||
<% for(var i = 0; i < items.length; i++) { %>
|
||||
<a data-id="wtf">
|
||||
<%= items[i].text %>
|
||||
</a>
|
||||
<% } %>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="level-toolbar-template">
|
||||
<div class="toolbar level-toolbar box vertical center transitionAll hidden">
|
||||
<div>
|
||||
|
@ -412,7 +422,7 @@
|
|||
For a much easier time perusing the source, see the individual files at:
|
||||
https://github.com/pcottle/learnGitBranching
|
||||
-->
|
||||
<script src="build/bundle.min.9b2f4bfd.js"></script>
|
||||
<script src="build/bundle.min.99df78c8.js"></script>
|
||||
|
||||
<!-- The advantage of github pages: super-easy, simple, slick static hostic.
|
||||
The downside? No raw logs to parse for analytics, so I have to include
|
||||
|
|
|
@ -164,9 +164,12 @@ if (require('../util').isBrowser()) {
|
|||
* and simply pipes commands to the main events system
|
||||
**/
|
||||
function CommandUI() {
|
||||
var Views = require('../views');
|
||||
var Collections = require('../models/collections');
|
||||
var CommandViews = require('../views/commandViews');
|
||||
|
||||
//new Views.HelperBar();
|
||||
|
||||
this.commandCollection = new Collections.CommandCollection();
|
||||
this.commandBuffer = new Collections.CommandBuffer({
|
||||
collection: this.commandCollection
|
||||
|
|
|
@ -357,7 +357,6 @@ var LevelBuilder = Level.extend({
|
|||
|
||||
die: function() {
|
||||
this.hideStart();
|
||||
|
||||
LevelBuilder.__super__.die.apply(this, arguments);
|
||||
|
||||
delete this.startVis;
|
||||
|
|
|
@ -570,6 +570,34 @@ var LevelToolbar = BaseView.extend({
|
|||
}
|
||||
});
|
||||
|
||||
var HelperBar = BaseView.extend({
|
||||
tagName: 'div',
|
||||
className: 'helperBar',
|
||||
template: _.template($('#helper-bar-template').html()),
|
||||
events: {
|
||||
'click div': 'onClick'
|
||||
},
|
||||
|
||||
onClick: function(ev) {
|
||||
},
|
||||
|
||||
initialize: function(options) {
|
||||
options = options || {};
|
||||
this.destination = $('body');
|
||||
|
||||
var items = [{
|
||||
text: '??',
|
||||
id: 'main'
|
||||
}];
|
||||
|
||||
this.JSON = {
|
||||
items: items
|
||||
};
|
||||
|
||||
this.render();
|
||||
}
|
||||
});
|
||||
|
||||
var CanvasTerminalHolder = BaseView.extend({
|
||||
tagName: 'div',
|
||||
className: 'canvasTerminalHolder box flex1',
|
||||
|
@ -637,6 +665,7 @@ exports.LeftRightView = LeftRightView;
|
|||
exports.ZoomAlertWindow = ZoomAlertWindow;
|
||||
exports.ConfirmCancelTerminal = ConfirmCancelTerminal;
|
||||
exports.WindowSizeAlertWindow = WindowSizeAlertWindow;
|
||||
exports.HelperBar = HelperBar;
|
||||
|
||||
exports.CanvasTerminalHolder = CanvasTerminalHolder;
|
||||
exports.LevelToolbar = LevelToolbar;
|
||||
|
|
|
@ -515,6 +515,21 @@ li.rebaseEntry,
|
|||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.helperBar {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
background: #424242;
|
||||
padding: 4px 10px;
|
||||
border-radius: 5px 0 0 0;
|
||||
border: 2px solid #EFEDEE;
|
||||
border-bottom: 0;
|
||||
border-right: 0;
|
||||
box-shadow: -1px -1px 5px rgba(0,0,0,0.3);
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#commandLineBar,
|
||||
.terminal-window .inside {
|
||||
border-top: 0;
|
||||
|
|
|
@ -105,6 +105,16 @@
|
|||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="helper-bar-template">
|
||||
<div class="helperBar">
|
||||
<% for(var i = 0; i < items.length; i++) { %>
|
||||
<a data-id="wtf">
|
||||
<%= items[i].text %>
|
||||
</a>
|
||||
<% } %>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="level-toolbar-template">
|
||||
<div class="toolbar level-toolbar box vertical center transitionAll hidden">
|
||||
<div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue