From 9923323fdcecd79b7a701f65f84206aef0502a9e Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Thu, 6 Sep 2012 17:22:00 -0400
Subject: [PATCH] styled new post error messages

---
 lms/static/coffee/src/discussion/utils.coffee |   2 +-
 lms/static/images/white-error-icon.png        | Bin 0 -> 1107 bytes
 lms/static/sass/_discussion.scss              |  22 ++++++++++++++++++
 lms/templates/discussion/_new_post.html       |   5 ++--
 4 files changed, 25 insertions(+), 4 deletions(-)
 create mode 100644 lms/static/images/white-error-icon.png

diff --git a/lms/static/coffee/src/discussion/utils.coffee b/lms/static/coffee/src/discussion/utils.coffee
index 746cc308cf..22adcff4b7 100644
--- a/lms/static/coffee/src/discussion/utils.coffee
+++ b/lms/static/coffee/src/discussion/utils.coffee
@@ -127,7 +127,7 @@ class @DiscussionUtil
       if response.errors? and response.errors.length > 0
         errorsField.empty()
         for error in response.errors
-          errorsField.append($("<li>").addClass("new-post-form-error").html(error))
+          errorsField.append($("<li>").addClass("new-post-form-error").html(error)).show()
 
   @clearFormErrors: (errorsField) ->
     errorsField.empty()
diff --git a/lms/static/images/white-error-icon.png b/lms/static/images/white-error-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..6204f4451349d143934c9425e75eabf91d4cbe68
GIT binary patch
literal 1107
zcmaJ=TWHfz7*1EW>DY9lqSdO$DB@&InqJa2w6<N-xq_LaD_Ri2G&x(tmYkTJ*=|qU
zo)iRqo3HvHC^GQT3tnKuO$7z@L4BEf6`8(>f;vyOb^0(3NzOSx|M&ghe>oR=x{tOr
z?QEhbswLMY=E>ShzD?^J$p4dloF$6~XN$NO_2G(aK`O1H5(GJ2?uU6OtHWn!VVt7e
z2ed*F7o}r@f^<f9e3+_k5;R4{lT}kz1|S9{*smE0dg0zf8fa>QJ{gw$l9_>Jt!u=B
zy(8TPWn@5!sdVxPh*t$dphGN!sy=AgLN!4z@d{+`m{}Sux!{2Wy)3FI^?(erAP6%-
zpW^2@!1D|j3iCYI4g!8I!1~F{`?!!0=7m56tUNS{W~qHbUhG_nMNSF2jIk-OY^73R
zDnSNW{VW%Y#T<@6z(+iM_OOBFs?V_Z*BC@-E0$(r4H>{;luKv`CupK{IR)KZr8Vr8
zGLeF@RoP@Y#_yz5bCjh2yXyL?w~h1gkKQ$j?ZU7L**vt-kfo5u_3d{;nL@^bGDcPb
zp}|@ed&&qSyNpbb>E*#8Nmew&F|;iqBuU5_HkJ(q=EMX|I2cV+g=jbujD*BYwj-V9
zxGWbHBfJ>pBjI2m813X@HLQq~AsrgHhE@My#eZU*VbDzyS%j8$4yv6N(!o;Fg0_Yh
ze>5cWT!!#PLThVT#;R**S;1!iiDiix)@kiut*)8K{5ady!6k>)(T4_^cZ&?RH$C@~
zT#D(Om@ZV`m3}NPCf$3$x~XHS9}N?A2fg#xQulY?{1R?maFuem4yTz%;}buhtlM?_
z#`N{KUy{b0G((*L55}L2zE3?Ldofy4-z?A_k9V}Zraz`Pifv$00nLZUiknZhV>h>V
zbAwrTHhI_eHRYX6#XmQe&=psEDqery<LPp58NK4(+InYkwsG6V)V%lQfz05E`<I&C
zug0I9{9sKdE^nXm%rrKE?cVypt(nl=wnNSFv2SkAuf+{h-zirEb*_SXo?hK|+PUVr
LY_~Ysac2BC#P4J5

literal 0
HcmV?d00001

diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss
index 0f4bc9f7e9..41706e283c 100644
--- a/lms/static/sass/_discussion.scss
+++ b/lms/static/sass/_discussion.scss
@@ -211,6 +211,28 @@
 
 
 body.discussion {
+  .new-post-form-errors {
+    display: none;
+    background: $error-red;
+    padding: 0;
+    border: 1px solid #333;
+    list-style: none;
+    color: #fff;
+    line-height: 1.6;
+    border-radius: 3px;
+    @include box-shadow(0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, .2));
+
+    li {
+      padding: 10px 20px 12px 45px;
+      border-bottom: 1px solid #dc4949;
+      background: url(../images/white-error-icon.png) no-repeat 15px 14px;
+
+      &:last-child {
+        border-bottom: none;
+      }
+    }
+  }
+
   .course-tabs .right {
     float: right;
 
diff --git a/lms/templates/discussion/_new_post.html b/lms/templates/discussion/_new_post.html
index 8081829ec1..b823d81218 100644
--- a/lms/templates/discussion/_new_post.html
+++ b/lms/templates/discussion/_new_post.html
@@ -22,9 +22,7 @@
 </%def>
 
 <article class="new-post-article">
-    <div class="inner-wrapper">
-        <div class="new-post-form-errors">
-        </div>
+    <div class="inner-wrapper">        
         <form class="new-post-form">
             <div class="left-column">
                 <label>Create new post in:</label>
@@ -46,6 +44,7 @@
                 </div>
             </div>
             <div class="right-column">
+                <ul class="new-post-form-errors"></ul>
                 <div class="form-row">
                     <input type="text" class="new-post-title" name="title" placeholder="Title">
                 </div>