<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<script src="/yote/js"></script>
<script src="/templates/default_templates.js"></script>
<script type="text/template" class="yote_template_definition" template_name="RolodexMain">
<h2>Rolodex App</h2>
<DIV class="box">
<$@ Show_Rolodex Empty _.rolodex entries @$> <BR>
</DIV>
<DIV class="box">
<$$ New_Rolodex $$>
</DIV>
</script>
<script type="text/template" class="yote_template_definition" template_name="New_Rolodex">
<$$$ new firstname <input type="text" placeholder="First Name" > $$$> <BR>
<$$$ new lastname <input type="text" placeholder="Last Name" > $$$> <BR>
<$$$ new email <input type="email" placeholder="Email Address"> $$$> <BR>
<$$$ new cell <input type="phone" placeholder="Cellphone" > $$$> <BR>
<$$$ new homepage <input type="text" placeholder="Homepage URL" > $$$> <BR>
<$ newbutton _.rolodex entries New Rolodex Entry $>
</script>
<script type="text/template" class="yote_template_definition" template_name="Empty">
No entries found.
</script>
<script type="text/template" class="yote_template_definition" template_name="Show_Rolodex">
<h3>Rolodex Entries</h3>
<$$$ var search_fields firstname lastname email $$$>
<$$ SearchList $$><BR>
<TABLE>
<TR> <TH>First Name</TH> <TH>Last Name</TH> <TH>Email</TH> <TH>Cell Number<> <TH>Homepage</TH> <TH>Delete</TH> </TR>
<@ Show_Rolodex_Entry 10 @>
</TABLE>
<$$ Paginator $$>
</script>
<script type="text/template" class="yote_template_definition" template_name="Show_Rolodex_Entry">
<TR>
<TD> <$ edit _ firstname $> </TD>
<TD> <$ edit _ lastname $> </TD>
<TD> <$ edit _ email $> </TD>
<TD> <$ edit _ cell $> </TD>
<TD> <$ edit _ homepage $> </TD>
<TD> <$ list_remove_button _ entries $> </TD>
</TR>
</script>
<script>
$().ready(function(){
$.yote.include_templates( '/templates/default_templates.html' );
$.yote.util.register_functions( base_templates );
var app = $.yote.init( 'Rolo' );
<!-- Registering the app makes it available to be specified as
a default variable.
-->
$.yote.util.register_item( 'app', app );
$.yote.util.init_ui();
});
</script>
</head>
<BODY>
<!-- ActiveThe filled out template will appear inside this div and be passed the app as the default variable. -->
<DIV class="yote_template side_panel" template="RolodexMain" default_variable="app"></div>
</body>
</html>