Maxim mbed development library
tools/ci_templates/scripts.js@0:0e018d759a2a, 2016-11-08 (annotated)
- Committer:
- switches
- Date:
- Tue Nov 08 18:27:11 2016 +0000
- Revision:
- 0:0e018d759a2a
Initial commit
Who changed what in which revision?
| User | Revision | Line number | New contents of line |
|---|---|---|---|
| switches | 0:0e018d759a2a | 1 | <script> |
| switches | 0:0e018d759a2a | 2 | var elements = document.querySelectorAll(".toggleshow"), |
| switches | 0:0e018d759a2a | 3 | hideClass = 'toggleshow-hide'; |
| switches | 0:0e018d759a2a | 4 | |
| switches | 0:0e018d759a2a | 5 | for (var i = 0; i < elements.length; i++) { |
| switches | 0:0e018d759a2a | 6 | var arrow = elements[i].querySelector(".toggleshow-arrow"); |
| switches | 0:0e018d759a2a | 7 | // Initial hide/show based on class |
| switches | 0:0e018d759a2a | 8 | // Update arrow as well |
| switches | 0:0e018d759a2a | 9 | if (containsClass(elements[i], 'toggleshow-hide')) { |
| switches | 0:0e018d759a2a | 10 | toggleDisplay(elements[i]); |
| switches | 0:0e018d759a2a | 11 | changeArrow(arrow, false); |
| switches | 0:0e018d759a2a | 12 | } else { |
| switches | 0:0e018d759a2a | 13 | changeArrow(arrow, true); |
| switches | 0:0e018d759a2a | 14 | } |
| switches | 0:0e018d759a2a | 15 | |
| switches | 0:0e018d759a2a | 16 | // Add click handler |
| switches | 0:0e018d759a2a | 17 | addClick(elements[i], toggleDisplay); |
| switches | 0:0e018d759a2a | 18 | } |
| switches | 0:0e018d759a2a | 19 | |
| switches | 0:0e018d759a2a | 20 | function containsClass(element, className) { |
| switches | 0:0e018d759a2a | 21 | var eleClassName = ' ' + elements[i].className + ' '; |
| switches | 0:0e018d759a2a | 22 | return eleClassName.indexOf(' ' + className + ' ') > -1; |
| switches | 0:0e018d759a2a | 23 | } |
| switches | 0:0e018d759a2a | 24 | |
| switches | 0:0e018d759a2a | 25 | function toggleDisplay(parentElement) { |
| switches | 0:0e018d759a2a | 26 | var body = parentElement.querySelector(".toggleshow-body"), |
| switches | 0:0e018d759a2a | 27 | arrow = parentElement.querySelector(".toggleshow-arrow"); |
| switches | 0:0e018d759a2a | 28 | |
| switches | 0:0e018d759a2a | 29 | if (body.style.display == 'block' || body.style.display == '') { |
| switches | 0:0e018d759a2a | 30 | body.style.display = 'none'; |
| switches | 0:0e018d759a2a | 31 | changeArrow(arrow, false); |
| switches | 0:0e018d759a2a | 32 | } else { |
| switches | 0:0e018d759a2a | 33 | body.style.display = 'block'; |
| switches | 0:0e018d759a2a | 34 | changeArrow(arrow, true); |
| switches | 0:0e018d759a2a | 35 | } |
| switches | 0:0e018d759a2a | 36 | } |
| switches | 0:0e018d759a2a | 37 | |
| switches | 0:0e018d759a2a | 38 | function changeArrow(element, visible) { |
| switches | 0:0e018d759a2a | 39 | if (visible) { |
| switches | 0:0e018d759a2a | 40 | element.innerHTML = '▲'; |
| switches | 0:0e018d759a2a | 41 | } else { |
| switches | 0:0e018d759a2a | 42 | element.innerHTML = '▼'; |
| switches | 0:0e018d759a2a | 43 | } |
| switches | 0:0e018d759a2a | 44 | } |
| switches | 0:0e018d759a2a | 45 | |
| switches | 0:0e018d759a2a | 46 | function addClick(parentElement, func) { |
| switches | 0:0e018d759a2a | 47 | parentElement.querySelector(".toggleshow-title").addEventListener("click", function(e) { |
| switches | 0:0e018d759a2a | 48 | func(parentElement); |
| switches | 0:0e018d759a2a | 49 | e.preventDefault(); |
| switches | 0:0e018d759a2a | 50 | return false; |
| switches | 0:0e018d759a2a | 51 | }); |
| switches | 0:0e018d759a2a | 52 | } |
| switches | 0:0e018d759a2a | 53 | </script> |