jlebensold/home.tpl.php

## home.tpl.php
<html>
  <head>
    <title>Names Hello</title>
<script type="text/javascript" src="/js/jquery-1.5.1.js"></script>
		<style>
			*
			{

				margin: 0 0;
				padding: 0 0;
				font-family: helvetica, arial, sans-serif;
			}
			body {

				background: #CCC;
			}
			#container
			{
				padding: 20px;
				margin: 0 auto;
				width: 600px;
				background: #FFF;
			}
    </style>
    <script>
      $(function()
      {
        $('a.list').click(function(e)
          {
            findAll();
            e.preventDefault();
          });

        $("form").submit(function(e)
          {
            $.post("/names",
              {name: $("#newname").val() },
              function(resp) {
                findAll();
              });
            e.preventDefault();
          });

      });

      function findAll()
      {
        $("#names").empty();
        $.get("/names",function(resp)
        {
          $.each(resp,function(k,v)
          {
            $("#names").append('<li id="name_'+v.id+'" data-id="'+v.id+'">'+v.name+'</li>');
          });
        },"json");
      };
    </script>

  </head>
  <body>
    <div id="container">
      <h3> Names <a class="list" href="#">Load</a></h3>
      <ul id="names"></ul>

      <form class="" id="newnamefrm">
        <input type="text" id="newname"></input><input type="submit" value="Add Name" />
      </form>
    </div>
  </body>

</html>

## index.php
<?php
require '../Slim/Slim.php';
require '../Name.php';

function json($obj)
{
  header('Content-Type', 'application/json');
  return json_encode($obj);
}

$app = new Slim();
$app->config(array('templates.path' => '../templates'));

$app->get('/names/:id',function($id) {
  echo json(Name::find($id));
});
$app->get('/names',function() {
  echo json(Name::findAll());
});
$app->post('/names',function() use ($app) {
  $n = new Name(null,$app->request()->post('name'));
  $n->create();
  echo '{status: "success" }';
});

$app->get('/', function() use($app) {
  $app->render('home.tpl.php');

});


$app->run();
	<html>
	<head>
	<title>Names Hello</title>
	<script type="text/javascript" src="/js/jquery-1.5.1.js"></script>
	<style>
	*
	{

	margin: 0 0;
	padding: 0 0;
	font-family: helvetica, arial, sans-serif;
	}
	body {

	background: #CCC;
	}
	#container
	{
	padding: 20px;
	margin: 0 auto;
	width: 600px;
	background: #FFF;
	}
	</style>
	<script>
	$(function()
	{
	$('a.list').click(function(e)
	{
	findAll();
	e.preventDefault();
	});

	$("form").submit(function(e)
	{
	$.post("/names",
	{name: $("#newname").val() },
	function(resp) {
	findAll();
	});
	e.preventDefault();
	});

	});

	function findAll()
	{
	$("#names").empty();
	$.get("/names",function(resp)
	{
	$.each(resp,function(k,v)
	{
	$("#names").append('<li id="name_'+v.id+'" data-id="'+v.id+'">'+v.name+'</li>');
	});
	},"json");
	};
	</script>

	</head>
	<body>
	<div id="container">
	<h3> Names <a class="list" href="#">Load</a></h3>
	<ul id="names"></ul>

	<form class="" id="newnamefrm">
	<input type="text" id="newname"></input><input type="submit" value="Add Name" />
	</form>
	</div>
	</body>

	</html>
	<?php
	require '../Slim/Slim.php';
	require '../Name.php';

	function json($obj)
	{
	header('Content-Type', 'application/json');
	return json_encode($obj);
	}

	$app = new Slim();
	$app->config(array('templates.path' => '../templates'));

	$app->get('/names/:id',function($id) {
	echo json(Name::find($id));
	});
	$app->get('/names',function() {
	echo json(Name::findAll());
	});
	$app->post('/names',function() use ($app) {
	$n = new Name(null,$app->request()->post('name'));
	$n->create();
	echo '{status: "success" }';
	});

	$app->get('/', function() use($app) {
	$app->render('home.tpl.php');

	});


	$app->run();