Source: ui/InputCssW3.js

  1. const InputCss = require('./InputCss.js').InputCss;
  2. /**
  3. * This class implements w3css css
  4. * @implements InputCss
  5. */
  6. class InputCssW3 extends InputCss {
  7. constructor() {
  8. super();
  9. this._cssError = "w3-pale-red";
  10. this._cssWarning = "w3-pale-yellow";
  11. this._cssValid = "w3-border-green";
  12. this._cssHidden = "w3-hide";
  13. this._all = [this._cssError, this._cssWarning, this._cssValid];
  14. }
  15. clear(input) {
  16. this._all.forEach(item => {
  17. input.classList.remove(item);
  18. });
  19. input.title = "";
  20. }
  21. error(input, msg) {
  22. input.title = msg;
  23. input.classList.add(this._cssError);
  24. }
  25. warning(input, msg) {
  26. input.title = msg;
  27. input.classList.add(this._cssWarning);
  28. }
  29. valid(input) {
  30. input.title = '';
  31. input.classList.add(this._cssValid);
  32. }
  33. hide(input) {
  34. input.classList.add(this._cssHidden);
  35. input.previousElementSibling.classList.add(this._cssHidden);
  36. }
  37. show(input) {
  38. input.classList.remove(this._cssHidden);
  39. input.previousElementSibling.classList.remove(this._cssHidden);
  40. }
  41. }
  42. exports.InputCssW3 = InputCssW3;