whroman

 let buttons = `<button type="button" class="btn btn-warning lessFields"><span class="glyphicon glyphicon-minus"></span></button>
       <button type="button" class="btn moreFields"><span class="glyphicon glyphicon-plus"></span></button>`;
                                                                                                     
 prefillFields();
 bindMoreFieldsClickHandler();

 function bindMoreFieldsClickHandler() {
     $(".moreFields").click(function() {                                                                 
         console.log("on click moreFields");                                                             
         // TODO: refactor to permit more than 10 filters                                                

whroman

javascript: (function() {

    var root = $(document.getElementsByTagName('html'));
    var watchers = [];
    var attributes = [];
    var attributes_with_values = [];
    var elements = [];
    var elements_per_attr = [];
    var scopes = [];

whroman

//==== SCSS mixin to create CSS triangles
//==== Examples:
//====   @include triangle ("up", #fff, 10px, 20px); 
//====   @include triangle("up", #000, 20px);
@mixin triangle ($direction: "down", $color: #000, $width: 20px, $height: $width ) {
    width: 0; 
    height: 0;
    border-left:    #{setTriangleSide($direction, "left",   $width, $height, $color)};
    border-right:   #{setTriangleSide($direction, "right",  $width, $height, $color)};
    border-bottom:  #{setTriangleSide($direction, "down",   $width, $height, $color)};