Add Error Message on PaperSelect

Author: wukongrita

addon/components/paper-select/template.hbs

@@ -32,4 +32,21 @@
     {{yield opt term}}
   </PowerSelect>
 
-</md-input-container>
+  {{#unless hideAllMessages}}
+    <div class="md-errors-spacer" id={{concat elementId "-char-count"}}>
+      {{#if maxlength}}
+        <div class="md-char-counter">{{renderCharCount}}</div>
+      {{/if}}
+    </div>
+    {{#if isInvalidAndTouched}}
+      <div class="md-input-messages-animation md-auto-hide" id={{concat elementId "-error-messages"}}>
+        {{#each validationErrorMessages as |error index|}}
+          <div id="error-{{inputElementId}}-{{index}}" class="paper-input-error ng-enter ng-enter-active md-input-message-animation" style="opacity: 1; margin-top: 0">
+            {{error.message}}
+          </div>
+        {{/each}}
+      </div>
+    {{/if}}
+  {{/unless}}
+
+</md-input-container>

addon/templates/components/paper-input.hbs

@@ -90,9 +90,7 @@
   {{#if isInvalidAndTouched}}
     <div class="md-input-messages-animation md-auto-hide" id={{concat elementId "-error-messages"}}>
       {{#each validationErrorMessages as |error index|}}
-        <div id="error-{{inputElementId}}-{{index}}"
-        class="paper-input-error ng-enter ng-enter-active md-input-message-animation"
-        style="opacity: 1; margin-top: 0">
+        <div id="error-{{inputElementId}}-{{index}}" class="paper-input-error ng-enter ng-enter-active md-input-message-animation" style="opacity: 1; margin-top: 0">
           {{error.message}}
         </div>
       {{/each}}