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

---
 .../views/edit-article.client.view.html       | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/public/modules/articles/views/edit-article.client.view.html b/public/modules/articles/views/edit-article.client.view.html
index 5230d8bef3..4a237c71f7 100644
--- a/public/modules/articles/views/edit-article.client.view.html
+++ b/public/modules/articles/views/edit-article.client.view.html
@@ -3,20 +3,26 @@
 		<h1>Edit Article</h1>
 	</div>
 	<div class="col-md-12">
-		<form name="articleForm" class="form-horizontal" data-ng-submit="articleForm.$valid && update()" novalidate>
+		<form name="articleForm" class="form-horizontal" data-ng-submit="update(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="article.title" id="title" class="form-control" placeholder="Title" required>
+						<input name="title" type="text" data-ng-model="article.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="article.content" id="content" class="form-control" cols="30" rows="10" placeholder="Content"></textarea>
+						<textarea name="content" data-ng-model="article.content" id="content" class="form-control" cols="30" rows="10" placeholder="Content" required></textarea>
 					</div>
-				</div>
+				    	<div ng-show="submitted && articleForm.content.$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" value="Update" class="btn btn-default">
 				</div>