Guest User

Untitled

a guest
Oct 23rd, 2017
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.94 KB | None | 0 0
  1. <section class="mdc-card__supporting-text" style="flex-direction: row">
  2.  
  3. <div class="mdc-textfield" data-mdc-auto-init="MDCTextfield">
  4. <input id="lang" required onkeyup="return forceLower(this)"
  5. type="text" class="mdc-textfield__input"
  6. value="{{ $fontmap->lang }}" aria-controls="lang-helptext">
  7. <label class="mdc-textfield__label mdc-textfield__label--float-above" for="lang">
  8. Language
  9. </label>
  10. <div class="mdc-textfield__bottom-line"></div>
  11. </div>
  12. <p id="lang-helptext" class="mdc-textfield-helptext" aria-hidden="true">
  13. Please use lowercase name for language.
  14. @if ($errors->has('lang'))
  15. <span style="color: red">
  16. {{ $errors->first('lang') }}
  17. </span>
  18. @endif
  19. </p>
  20.  
  21. <div class="mdc-textfield" data-mdc-auto-init="MDCTextfield">
  22. <input id="short" required type="text" onkeyup="return forceLower(this)"
  23. maxlength="2" size="2" class="mdc-textfield__input"
  24. value="{{ $fontmap->short }}" aria-controls="short-helptext">
  25. <label class="mdc-textfield__label mdc-textfield__label--float-above" for="short">
  26. Short
  27. </label>
  28. <div class="mdc-textfield__bottom-line"></div>
  29. </div>
  30. <p id="short-helptext" class="mdc-textfield-helptext" aria-hidden="true">
  31. Please type in the two character lowercase ISO code for the langauge.
  32. <a href="https://www.loc.gov/standards/iso639-2/php/code_list.php" target="_blank">
  33. ISO 639-1 Chart
  34. </a>
  35. @if ($errors->has('short'))
  36. <span style="color: red">
  37. {{ $errors->first('short') }}
  38. </span>
  39. @endif
  40. </p>
  41.  
  42. <script type="text/javascript">
  43. mdc.autoInit();
  44. mdc.textfield.MDCTextfield.attachTo(document.querySelector('.mdc-textfield'));
  45. function forceLower(strInput) {
  46. return strInput.value = strInput.value.toLowerCase();
  47. }
  48. </script>
Add Comment
Please, Sign In to add comment