atTextInputWithPasswordStrength.html

<template name="atTextInputWithPasswordStrength">
  <div class="at-input form-group {{#if isValidating}}validating{{/if}} {{#if hasError}}has-error{{/if}} {{#if hasSuccess}}has-success{{/if}} {{#if feedback}}has-feedback{{/if}}">
    <label class="control-label {{#unless showLabels}}sr-only{{/unless}}" for="at-field-{{_id}}">
     {{displayName}} {{#unless required}}{{optionalText}}{{/unless}}
    </label>
    <input type="{{type}}" class="form-control" id="at-field-{{_id}}" name="at-field-{{_id}}" placeholder="{{placeholder}}" autocapitalize="none" autocorrect="off">
    {{#if hasIcon}}
      <span class="{{iconClass}} form-control-feedback"></span>
    {{/if}}

    {{#if showStrengthLevel}}
    <ul class="strengthLevelIndicator">
        <li class="strengthLevelBar {{strengthClassName 2}}"></li>
        <li class="strengthLevelBar {{strengthClassName 3}}"></li>
        <li class="strengthLevelBar {{strengthClassName 4}}"></li>
        <li class="strengthLevelBar {{strengthClassName 5}}"></li>
        <li class="strengthLevelText">{{strengthText}}</li>
    </ul>
    {{/if}}

    <span class="help-block {{#unless hasError}}hide{{/unless}}">{{errorText}}</span>

  </div>
</template>