From b468d683cb7bc477bb8f77a1f938e1c98e8f437b Mon Sep 17 00:00:00 2001
From: Keith <keith@keithfimreite.com>
Date: Thu, 5 Jun 2014 22:26:02 -0700
Subject: [PATCH] Client-side Validation updates

---
 .../views/create-article.client.view.html      | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/public/modules/articles/views/create-article.client.view.html b/public/modules/articles/views/create-article.client.view.html
index 404d4ff4fd..51a321cebe 100644
--- a/public/modules/articles/views/create-article.client.view.html
+++ b/public/modules/articles/views/create-article.client.view.html
@@ -3,19 +3,25 @@
 		<h1>New Article</h1>
 	</div>
 	<div class="col-md-12">
-		<form name="articleForm" class="form-horizontal" data-ng-submit="articleForm.$valid && create()" novalidate>
+		<form name="articleForm" class="form-horizontal" data-ng-submit="create(articleForm.$valid)" novalidate>
 			<fieldset>
-				<div class="form-group">
+				<div class="form-group" ng-class="{ 'has-error' : submitted && articleForm.title.$invalid}">
 					<label class="control-label" for="title">Title</label>
 					<div class="controls">
-						<input type="text" data-ng-model="title" id="title" class="form-control" placeholder="Title" required>
+						<input name="title" type="text" data-ng-model="title" id="title" class="form-control" placeholder="Title" required>
 					</div>
-				</div>
-				<div class="form-group">
+			    		<div ng-show="submitted && articleForm.title.$invalid" class="help-block">
+						<p ng-show="articleForm.title.$error.required" class="text-danger">Title is required</p>
+                    			</div>
+                		</div>
+				<div class="form-group" ng-class="{ 'has-error' : submitted && articleForm.content.$invalid}">
 					<label class="control-label" for="content">Content</label>
 					<div class="controls">
-						<textarea data-ng-model="content" id="content" class="form-control" cols="30" rows="10" placeholder="Content"></textarea>
+						<textarea name="content" data-ng-model="content" id="content" class="form-control" cols="30" rows="10" placeholder="Content" required></textarea>
 					</div>
+                    			<div ng-show="submitted && articleForm.title.$invalid" class="help-block">
+				    		<p ng-show="articleForm.content.$error.required" class="text-danger">Content is required</p>
+                    			</div>
 				</div>
 				<div class="form-group">
 					<input type="submit" class="btn btn-default">