Add a password-group form element with a button to show/hide the pass…

…word.

Beocreate2/beo-views/default/index.html

@@ -113,7 +113,10 @@ <h1>Title</h1>
  <p id="text-prompt">Text prompt.</p>
  <form id="text-fields" action="javascript:;" onsubmit="beo.submitText();">
  <input type="text" name="text-input" value="" id="text-input-plain" autocorrect="off" autocapitalize="off" placeholder="Placeholder">
- <input type="password" name="password-input" id="text-input-password" placeholder="Password" value="" autocomplete="current-password">
+ <div id="password-group">
+ <input type="password" name="password-input" id="text-input-password" placeholder="Password" value="" autocomplete="current-password">
+ <div class="button symbol" id="text-input-password-reveal" onclick="beo.togglePasswordReveal();" style="-webkit-mask-image: url(common/symbols-black/eye.svg); mask-image: url(common/symbols-black/eye.svg);"></div>
+ </div>
  <input type="submit" value="Submit" id="submit-text">
  </form>
  </div>