Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <title>Backbone.js Web App</title>
- <link rel="stylesheet" href="css/screen.css" />
- <script id="contactTemplate" type="text/template">
- <img src="<%= photo %>" alt="<%= name %>" />
- <h1><%= name %><span><%= type %></span></h1>
- <div><%= address %></div>
- <dl>
- <dt>Tel:</dt><dd><%= tel %></dd>
- <dt>Email:</dt><dd><a href="mailto:<%= email %>"><%= email %></a></dd>
- </dl>
- <button class="delete">Delete</button>
- <button class="edit">Edit</button>
- </script>
- <script id="contactEditTemplate" type="text/template">
- <form action="#">
- <input type="file" value="<%= photo %>" />
- <input class="name" value="<%= name %>" />
- <input id="type" type="hidden" value="<%= type %>" />
- <input class="address" value="<%= address %>" />
- <input class="tel" value="<%= tel %>" />
- <input class="email" value="<%= email %>" />
- <button class="save">Save</button>
- <button class="cancel">Cancel</button>
- </form>
- </script>
- <script type="text/javascript">
- var base_url = "<?php echo base_url(); ?>";
- </script>
- <script src="js/jquery-1.7.1.min.js"></script>
- <script src="js/underscore-min.js"></script>
- <script src="js/backbone-min.js"></script>
- <script src="js/app.js"></script>
- </head>
- <body>
- <div id="contacts">
- <header>
- <div id="filter"><label>Show me:</label></div>
- <a id="showForm" href="#">Add new contact</a>
- </header>
- <form id="addContact" action="#" style="display:none;">
- <label for="photo">photo:</label><input id="photo" type="file" />
- <label for="type">Type:</label><input id="type" />
- <label for="name">Name:</label><input id="name" />
- <label for="address">Address:</label><input id="address" />
- <label for="tel">Tel:</label><input id="tel" />
- <label for="email">Email:</label><input id="email" />
- <button id="add">Add</button>
- </form>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement