Skip to content

added backbone-support plugin for awesome view management #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jhendley25 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

added backbone-support plugin for awesome view management #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 28 additions & 26 deletions app/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,17 +55,17 @@ <h3>All Applicants</h3>
<i class="ss-desktop">&#x1F4BB;</i>
<h3>App Settings</h3>
</div>

</div>

<div class="track-window">
<div class="head-background"></div>


</div>

<div class="track-box">

</div>

<div class="create-track-box">
Expand All @@ -74,7 +74,7 @@ <h3>App Settings</h3>

</div>



<div class="modal">
<div class="modal-box">
Expand All @@ -89,8 +89,8 @@ <h1>Warning</h1><p>You are missing some info.</p>

<div class="yourtracks-header">
<h1>Welcome to Step</h1>
</div>
<div class="sign-up-meta">
</div>
<div class="sign-up-meta">
<input class="username" placeholder="Enter Username">
<input class="password" type ="password" placeholder="Enter Password">
<input class="email" placeholder="Enter Email">
Expand Down Expand Up @@ -119,9 +119,9 @@ <h1>Create a track</h1>
</script>

<script type="text/template" id="step-view-template">

<div class="step-box">

<input class="step-title" value="Track" placeholder="Step Title">

<select class="action">
Expand All @@ -132,9 +132,9 @@ <h1>Create a track</h1>
</select>

<button class="button delete-step">Delete Step</button>

</div>

</script>

<script type="text/template" id="your-tracks-template">
Expand All @@ -149,43 +149,43 @@ <h1>Your Application Tracks</h1>
</div>
</div>
</script>
<script type="text/template" id="your-track-view-template">

<script type="text/template" id="your-track-view-template">
<a href="#/yourtracks/<%= item.get('id') %>">
<div class="track-main">
<h2 class="track-name"> <%= item.get('name') %></h2>
<i class="ss-navigateright"></i>
<br>
<div class="track-meta">
<h6>test</h6>
<span class="divider">|</span>
<h6>test</h6>
<span class="divider">|</span>
<h6>test</h6>
<h6>test</h6>
<span class="divider">|</span>
<h6>test</h6>
<span class="divider">|</span>
<h6>test</h6>
</div>
</div>
</a>

<div class="track-bottom">
<div class="class-status">
<i class="ss-record"></i>
<h3>Open</h3>
</div>

<div class="class-applicants">
<span class="applicant-count">23</span>
<h3>Applicants</h3>
</div>

<div class="class-accepted">
<span class="applicants-accepted">9/15</span>
<h3>Accepted</h3>
</div>
</div>

<div class="steps-icon">
<p>Steps</p>
<i class="ss-layergroup"></i>
</div>
</div>
</div>

</script>
Expand All @@ -199,8 +199,8 @@ <h1> Cool Track Name </h1>
<input class="input search-applicants" placeholder="Search Applicants"></input>
<div class=" search-icon search-applicant-icon">
<i class="ss-icon">&#x1F50E;</i>
</div>
</div>

<ul class="filters">
<li class="all-filter"><span>All</span></li>
<li class="completed-filter"><span>Completed</span></li>
Expand Down Expand Up @@ -446,7 +446,7 @@ <h3>Fake Question</h3>
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<hr>
<hr>
</div>
</script>

Expand Down Expand Up @@ -476,9 +476,11 @@ <h3>Fake Question</h3>
</script>

<!-- build:js scripts/main.js -->
<script src="scripts/backbone-support.js"></script>
<script src="select2-3.4.5/select2.js"></script>
<script src="scripts/main.js"></script>
<script src="scripts/views.js"></script>
<script src="scripts/createTrackMasterView.js"></script>
<script src="scripts/objects.js"></script>
<script src="scripts/collections.js"></script>
<script src="scripts/router.js"></script>
Expand Down
16 changes: 16 additions & 0 deletions app/scripts/createTrackMasterView.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
CreateTrackMasterView = Support.CompositeView.extend({

// template: _.template( $('#track-applicants-template').text() ),

initialize: function () {
console.log("CreateTrackMasterView init")

},

render: function () {
this.appendChildTo(new CreateTrackView(), '.track-box')
this.appendChildTo(new StepView(), '.track-box')
return this
},

});
14 changes: 7 additions & 7 deletions app/scripts/router.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
console.log('hello router script')

AppRouter = Backbone.Router.extend ({
AppRouter = Support.SwappingRouter.extend ({
// when router init'd instantiate steps and tracks collections
initialize: function(){
this.el = $("")//fill in
this.steps = new StepsCollection();
this.tracks = new TrackCollection();
this.applicants = new ApplicantsCollection();
Expand All @@ -21,14 +22,13 @@ AppRouter = Backbone.Router.extend ({
$('.track-window').html('')
$('.track-box').html('')
$('.main-view').html('');
new HomeView();
var view = new HomeView();
this.swap(view)
},

createTrack: function(){
$('.track-box').html('');
$('.main-view').html('');
new CreateTrackView();
new StepView();
var view = new CreateTrackMasterView()
this.swap(view)
},

yourTracks: function() {
Expand Down Expand Up @@ -67,4 +67,4 @@ AppRouter = Backbone.Router.extend ({
})

var router = new AppRouter()
Backbone.history.start()
Backbone.history.start()
Loading