tmk_core/tool/mbed/mbed-sdk/workspace_tools/ci_templates/scripts.js

   1 <script>
   2   var elements = document.querySelectorAll(".toggleshow"),
   3       hideClass = 'toggleshow-hide';
   4
   5   for (var i = 0; i < elements.length; i++) {
   6     var arrow = elements[i].querySelector(".toggleshow-arrow");
   7     // Initial hide/show based on class
   8     // Update arrow as well
   9     if (containsClass(elements[i], 'toggleshow-hide')) {
  10       toggleDisplay(elements[i]);
  11       changeArrow(arrow, false);
  12     } else {
  13       changeArrow(arrow, true);
  14     }
  15
  16     // Add click handler
  17     addClick(elements[i], toggleDisplay);
  18   }
  19
  20   function containsClass(element, className) {
  21     var eleClassName = ' ' + elements[i].className + ' ';
  22     return eleClassName.indexOf(' ' + className + ' ') > -1;
  23   }
  24
  25   function toggleDisplay(parentElement) {
  26     var body = parentElement.querySelector(".toggleshow-body"),
  27         arrow = parentElement.querySelector(".toggleshow-arrow");
  28
  29     if (body.style.display == 'block' || body.style.display == '') {
  30       body.style.display = 'none';
  31       changeArrow(arrow, false);
  32     } else {
  33       body.style.display = 'block';
  34       changeArrow(arrow, true);
  35     }
  36   }
  37
  38   function changeArrow(element, visible) {
  39     if (visible) {
  40       element.innerHTML = '&#9650';
  41     } else {
  42       element.innerHTML = '&#9660';
  43     }
  44   }
  45
  46   function addClick(parentElement, func) {
  47     parentElement.querySelector(".toggleshow-title").addEventListener("click", function(e) {
  48       func(parentElement);
  49       e.preventDefault();
  50       return false;
  51     });
  52   }
  53 </script>