Changed page to match standard js JSON format.

Author: ChrisMcKee

src/ServiceStack.MovieRest/Web/App_Start/AppHost.cs

@@ -1,46 +1,37 @@
-using System;
-using System.Linq;
-using System.Configuration;
-using System.Collections.Generic;
-using ServiceStack.Configuration;
-using ServiceStack.OrmLite;
-using ServiceStack.ServiceInterface;
-using ServiceStack.ServiceInterface.Auth;
-using ServiceStack.ServiceInterface.ServiceModel;
-using ServiceStack.WebHost.Endpoints;
+using ServiceStack.MovieRest.App_Start;
+using WebActivator;
 
-[assembly: WebActivator.PreApplicationStartMethod(typeof(ServiceStack.MovieRest.App_Start.MovieAppHost), "Start")]
-
-
-/**
- * Entire ServiceStack Starter Template configured with a 'Hello' Web Service and a 'Todo' Rest Service.
- *
- * Auto-Generated Metadata API page at: /metadata
- * See other complete web service examples at: https://github.com/ServiceStack/ServiceStack.Examples
- */
+[assembly: PreApplicationStartMethod(typeof (MovieAppHost), "Start")]
 
 namespace ServiceStack.MovieRest.App_Start
 {
+	using Funq;
 	using ServiceStack.Common.Utils;
+	using ServiceStack.OrmLite;
 	using ServiceStack.OrmLite.Sqlite;
 	using ServiceStack.ServiceInterface.Cors;
+	using ServiceStack.Text;
+	using ServiceStack.WebHost.Endpoints;
 
 	public class MovieAppHost
 		: AppHostBase
-	{		
+	{
 		/// <summary>
 		///     Initializes a new instance of your ServiceStack application, with the specified name and assembly containing the services.
 		/// </summary>
 		public MovieAppHost() : base("ServiceStack REST at the Movies!", typeof (MovieService).Assembly)
 		{
 		}
 
-		public override void Configure(Funq.Container container)
+		public override void Configure(Container container)
 		{
+			JsConfig.DateHandler = JsonDateHandler.ISO8601;
+
 			//Set JSON web services to return idiomatic JSON camelCase properties
-			ServiceStack.Text.JsConfig.EmitCamelCaseNames = true;
-			
-			container.Register<IDbConnectionFactory>(c => new OrmLiteConnectionFactory("~/App_Data/db.sqlite".MapHostAbsolutePath(), SqliteOrmLiteDialectProvider.Instance));
+			JsConfig.EmitCamelCaseNames = true;
+
+			container.Register<IDbConnectionFactory>(
+				c => new OrmLiteConnectionFactory("~/App_Data/db.sqlite".MapHostAbsolutePath(), SqliteOrmLiteDialectProvider.Instance));
 
 			using (var resetMovies = container.Resolve<ResetMoviesService>())
 			{
@@ -50,16 +41,15 @@ public override void Configure(Funq.Container container)
 			Plugins.Add(new CorsFeature()); //Enable CORS
 
 			SetConfig(new EndpointHostConfig
-			{
-				DebugMode = true //Show StackTraces for easier debugging (default auto inferred by Debug/Release builds)
-			});
+				          {
+					          DebugMode = true //Show StackTraces for easier debugging (default auto inferred by Debug/Release builds)
+				          });
 		}
 
-		
 
 		public static void Start()
 		{
 			new MovieAppHost().Init();
 		}
 	}
-}
+}

src/ServiceStack.MovieRest/Web/default.htm

@@ -82,21 +82,21 @@
 			var showDetailsForm = function (updateMovie) {
 				var isUpdate = !!updateMovie;
 				var newMovie = {
-					Id: 0,
-					ImdbId: "tt0110912",
-					Title: "Pulp Fiction",
-					Rating: 8.9,
-					Director: "Quentin Tarantino",
-					ReleaseDate: new Date(1994, 10, 24),
-					TagLine: "Girls like me don't make invitations like this to just anyone!",
-					Genres: ["Crime", "Drama", "Thriller"]
+					id: 0,
+					imdbId: "tt0110912",
+					title: "Pulp Fiction",
+					rating: 8.9,
+					director: "Quentin Tarantino",
+					releaseDate: new Date(1994, 10, 24),
+					tagLine: "Girls like me don't make invitations like this to just anyone!",
+					genres: ["Crime", "Drama", "Thriller"]
 				};
 
 				var movie = updateMovie || newMovie;
 
 				$("FORM INPUT[type=submit]").val(isUpdate ? "Update movie" : "Add new movie");
 				var action = "movies";
-				$("FORM").attr('action', isUpdate ? action + "/" + movie.Id : action);
+				$("FORM").attr('action', isUpdate ? action + "/" + movie.id : action);
 				$("FORM").attr('method', isUpdate ? 'PUT' : 'POST');
 
 				var title = isUpdate ? "Update " + movie.title : "Add a new movie";
@@ -105,13 +105,14 @@
 				for (var name in movie) {
 					$("INPUT[name=" + name + "]").val(movie[name]);
 				}
-				
+
 				if (movie['releaseDate'] != null) {
-					
-					var date = JSON.parse(movie['releaseDate']);
-				
-					$("INPUT[name=ReleaseDate]").val(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate());					
+					var convertedDate = typeof movie['releaseDate'] == "string" ? new Date(movie['releaseDate']) : movie['releaseDate'];
+	
+					convertedDate = (convertedDate.getFullYear() + "-" + (convertedDate.getMonth() + 1) + "-" + convertedDate.getDate());
+					$("INPUT[name=releaseDate]").val(convertedDate);
 				}
+				
 				$("FORM").fadeIn('fast');
 			};
 
@@ -181,35 +182,35 @@ <h2>Existing Movies</h2>
 	</div>
 	<form action="movies" method="post">
 		<h2></h2>
-		<input type="hidden" name="Id" />
+		<input type="hidden" name="id" />
 		<dl>
 			<dt>Imdb Id</dt>
 			<dd>
-				<input type="text" name="ImdbId" />
+				<input type="text" name="imdbId" />
 			</dd>
 			<dt>Title</dt>
 			<dd>
-				<input type="text" name="Title" />
+				<input type="text" name="title" />
 			</dd>
 			<dt>Rating</dt>
 			<dd>
-				<input type="text" name="Rating" />
+				<input type="text" name="rating" />
 			</dd>
 			<dt>Director</dt>
 			<dd>
-				<input type="text" name="Director" />
+				<input type="text" name="director" />
 			</dd>
 			<dt>Release Date</dt>
 			<dd>
-				<input type="text" name="ReleaseDate" />
+				<input type="text" name="releaseDate" />
 			</dd>
 			<dt>Tag Line</dt>
 			<dd>
-				<input type="text" name="TagLine" />
+				<input type="text" name="tagLine" />
 			</dd>
 			<dt>Genres</dt>
 			<dd>
-				<input type="text" name="Genres" />
+				<input type="text" name="genres" />
 			</dd>
 		</dl>
 		<input type="submit" />