| 4219b44 by Arvind at 2014-03-03 | 1 | <html> |
| 2 | <head> |
|
| 3 | <link rel="stylesheet" |
|
| 7294c00 by Arvind at 2014-03-05 | 4 | href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" |
| 5 | type="text/css" media="screen" /> |
|
| 49f87bb by Arvind at 2014-03-07 | 6 | <style> |
| 7 | .comment{ margin-left: 2em; } |
|
| 8 | </style> |
|
| 4219b44 by Arvind at 2014-03-03 | 9 | </head> |
| 10 | <body class="container"> |
|
| 11 | <p>Comment below</p> |
|
| 49f87bb by Arvind at 2014-03-07 | 12 | <div id="comments-container"> |
| 4219b44 by Arvind at 2014-03-03 | 13 | |
| 49f87bb by Arvind at 2014-03-07 | 14 | </div> |
| 15 | <script type="text/template" id="commented-template"> |
|
| 16 | <div class="comment" id=<%= id %> replyTo=<%= how.replyTo %>> |
|
| 17 | <p><%= how.comment %></p> |
|
| 18 | <p><small><i>Posted by <%= who %> at <%= created %></i></small></p> |
|
| 19 | <button type="button" class="btn btn-default btn-sm reply" for=<%= id |
|
| 20 | %>><span class="glyphicon glyphicon-comment"></span></button> |
|
| 7294c00 by Arvind at 2014-03-05 | 21 | </div> |
| 49f87bb by Arvind at 2014-03-07 | 22 | </script> |
| 23 | <script type="text/template" id="comment-template"> |
|
| 24 | <div class="new-comment"> |
|
| 25 | <textarea class="form-control"><%= how.comment %></textarea> |
|
| 26 | <button class="btn btn-default btn-sm cancel"><span class="glyphicon |
|
| 27 | glyphicon-remove"></button> |
|
| 28 | <button class="btn btn-default btn-sm save"><span class="glyphicon |
|
| 29 | glyphicon-ok"></span></button> |
|
| 30 | </div> |
|
| 31 | </script> |
|
| 32 | <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true"> |
|
| 33 | <div class="modal-dialog"> |
|
| 34 | <div class="modal-content"> |
|
| 35 | <div class="modal-header"> |
|
| 36 | <h4 class="modal-title" id="ModalLabel">Sign in!</h4> |
|
| 37 | </div> |
|
| 38 | <div class="modal-body"> |
|
| 39 | <div class="form-group"> |
|
| 40 | <label class="sr-only" for="username">Username</label> |
|
| 41 | <input type="text" class="form-control" id="username" placeholder="Enter username"> |
|
| 7294c00 by Arvind at 2014-03-05 | 42 | </div> |
| 49f87bb by Arvind at 2014-03-07 | 43 | <div class="form-group"> |
| 44 | <label class="sr-only" for="password">Password</label> |
|
| 45 | <input type="password" class="form-control" id="password" placeholder="Password"> |
|
| 4219b44 by Arvind at 2014-03-03 | 46 | </div> |
| 47 | </div> |
|
| 49f87bb by Arvind at 2014-03-07 | 48 | <div class="modal-footer"> |
| 49 | <button type="button" class="btn btn-default" |
|
| 50 | data-dismiss="modal">Close</button> |
|
| 51 | <button type="button" id="saveButton" class="btn btn-primary" |
|
| 52 | data-dismiss="modal">Login</button> |
|
| 53 | </div> |
|
| 4219b44 by Arvind at 2014-03-03 | 54 | </div> |
| 55 | </div> |
|
| 56 | <script type="text/javascript" |
|
| 7294c00 by Arvind at 2014-03-05 | 57 | src="//code.jquery.com/jquery-1.11.0.min.js"></script> |
| 4219b44 by Arvind at 2014-03-03 | 58 | <script type="text/javascript" |
| 7294c00 by Arvind at 2014-03-05 | 59 | src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> |
| 4219b44 by Arvind at 2014-03-03 | 60 | <script type="text/javascript"> |
| 49f87bb by Arvind at 2014-03-07 | 61 | window.C = window.C || {}; window.onload = function(){ C.what = |
| 62 | "swaracomment"; C.url = "http://127.0.0.1:5001"; C.auth = |
|
| 63 | "/authenticate"; C.sweet= "/sweets"; C.get = "/sweets/q"; C.init(); } |
|
| 4219b44 by Arvind at 2014-03-03 | 64 | </script> |
| 49f87bb by Arvind at 2014-03-07 | 65 | <script type="text/javascript" src="//underscorejs.org/underscore-min.js"></script> |
| 66 | <script type="text/javascript" src="//backbonejs.org/backbone-min.js"></script> |
|
| 4219b44 by Arvind at 2014-03-03 | 67 | <script type="text/javascript" src="app.js"></script> |
| 68 | ||
| 69 | </body> |
|
| 70 | </html> |
