diff options
| author | Teddy Wing | 2013-11-09 19:19:33 -0500 |
|---|---|---|
| committer | Teddy Wing | 2013-11-09 19:19:33 -0500 |
| commit | 2d4833274337d222bf83830783ab9ffd285e0440 (patch) | |
| tree | 98dbc1fec4355b22ac86aee4473e828a461e10f8 /index.html | |
| parent | 45fef997e92bd20b464ea4b2734f09a30e2ab38b (diff) | |
| download | clip-play-2d4833274337d222bf83830783ab9ffd285e0440.tar.bz2 | |
Add Backbone + structure
Create basic app structure using Backbone & Marionette.
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 41 |
1 files changed, 38 insertions, 3 deletions
@@ -15,6 +15,13 @@ </head> <body> <div role="main"> + <div id="add-sample"> + <form action="" method="get"> + <input type="text" placeholder="Video URL" /> + <input type="submit" value="Add" /> + </form> + </div> + <div id="samples"> <div class="edit-sample js-edit-sample"> <div class="progress-bar"> @@ -41,12 +48,40 @@ <script src="/assets/js/libs/jquery-2.0.3.min.js"></script> - <script src="/assets/js/libs/player.js"></script> - <script src="/assets/js/libs/utils.js"></script> <script src="/assets/js/libs/jquery-ui-1.10.3.custom.min.js"></script> <script src="/assets/js/libs/jquery.embedly-3.1.1.min.js"></script> - <script src="/assets/js/sample-editor.js"></script> + <script src="/assets/js/libs/underscore-min.js"></script> + <script src="/assets/js/libs/backbone-min.js"></script> + <script src="/assets/js/libs/backbone.marionette.min.js"></script> + <script src="/assets/js/libs/player.js"></script> + <!-- <script src="/assets/js/libs/utils.js"></script> --> + + <script type="text/html" id="sample-view-template"> + <div class="edit-sample js-edit-sample"> + <div class="progress-bar"> + <div class="clip-line js-clip-line js-start-position"> + <div class="drag-handle js-drag-handle"></div> + </div> + + <div class="clip-line js-clip-line js-end-position"> + <div class="drag-handle js-drag-handle"></div> + </div> + </div> + + <div> + <input type="text" class="js-keyboard-key" placeholder="a" /> + </div> + </div> + </script> + <script src="/assets/js/sample.js"></script> + + <script src="/assets/js/initialize.js"></script> + <script src="/assets/js/models/sample.js"></script> + <script src="/assets/js/collections/samples.js"></script> + <script src="/assets/js/views/sample-add-view.js"></script> + <script src="/assets/js/views/sample.js"></script> + <script src="/assets/js/views/sample-editor.js"></script> <script src="/assets/js/app.js"></script> </body> </html> |