Source: ui/AnchorCssW3.js

  1. const AnchorCss = require('./AnchorCss.js').AnchorCss;
  3. /**
  4.  * w3css anchor style interface implementation {@link AnchorCss}
  5.  * @implements AnchorCss
  6.  */
  7. class AnchorCssW3 extends AnchorCss {
  9. 	constructor() {
  10. 		super();
  11. 		this._cssHidden = "w3-hide";
  12. 	}
  14. 	select(element) {
  15. 		if (element.classList.contains('topbar')) {
  16. 			element.classList.add('w3-light-blue');
  17. 		}
  18. 		else {
  19. 			element.classList.remove('w3-border-light-blue');
  20. 			element.classList.add('w3-border-purple');
  21. 		}
  22. 	}
  24. 	deselect(element) {
  25. 		if (element.classList.contains('topbar')) {
  26. 			element.classList.remove('w3-light-blue');
  27. 		}
  28. 		else {
  29. 			element.classList.remove('w3-border-purple');
  30. 			element.classList.add('w3-border-light-blue');
  31. 		}
  32. 	}
  34. 	hide(element) {
  35. 		if (element.classList.contains('topbar')) {
  36. 			return;
  37. 		}
  38. 		element.classList.add(this._cssHidden);
  39. 	}
  41. 	show(element) {
  42. 		if (element.classList.contains('topbar')) {
  43. 			return;
  44. 		}
  45. 		element.classList.remove(this._cssHidden);
  46. 	}
  47. }
  48. exports.AnchorCssW3 = AnchorCssW3;