<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="3157.35 632 16.91 16.909" width="20px" height="20px"
>
  <defs>
    <style>
      .cls-1 {
        fill: none;
      }

      .cls-2 {
        clip-path: url(#clip-path);
      }

      .cls-3 {
        fill: #e60053;
      }
    </style>
    <clipPath id="clip-path">
      <rect class="cls-1" width="16.91" height="16.909"/>
    </clipPath>
  </defs>
  <g id="Repeat_Grid_8" data-name="Repeat Grid 8" class="cls-2" transform="translate(3157.35 632)">
    <g id="Group_1491" data-name="Group 1491" transform="translate(-342.35 -26)">
      <rect id="Rectangle_352" data-name="Rectangle 352" class="cls-3" width="21.61" height="2.304" transform="translate(342.351 41.28) rotate(-45)"/>
      <rect id="Rectangle_354" data-name="Rectangle 354" class="cls-3" width="21.61" height="2.304" transform="translate(343.979 26) rotate(45)"/>
    </g>
  </g>
</svg>

Select all Open in new window

function validateForm() {
        // This function deals with validation of the form fields
        var x, y, i, valid = true;
        x = document.getElementsByClassName("tab");
        y = x[currentTab].getElementsByTagName("input");
        // A loop that checks every input field in the current tab:
        for (i = 0; i < y.length; i++) {
            // If a field is empty...
            //if (y[i].value == "") {
                // add an "invalid" class to the field:
            //    y[i].className += " invalid";
                // and set the current valid status to false
            //    valid = false;
           // }
        }
        // If the valid status is true, mark the step as finished and valid:
        if (valid) {
            document.getElementsByClassName("step")[currentTab].className += " finish";
        }
        return valid; // return the valid status
    }

Select all Open in new window

export default class SearchOptions extends Component {
  constructor(props) {
     super(props);
     //this.updateFacet = this.updateFacet.bind(this);
     this.onInputBoxChange = this.onInputBoxChange.bind(this);
  }

  /*updateFacet(key,value,isChecked) {
      console.log("updateFacet - " + isChecked);
      this.props.actions.updateFacet(key,value,isChecked,false);
  }*/

  onInputBoxChange(e,items,key) {
     items.map(i => console.log(i.value + " count (" + i.count + ")" ));
     console.log("target - " + e.target.value);
     var keysList = items.filter(i => i.value.toLowerCase().indexOf(e.target.value.toLowerCase().toString()) >= 0 ? true : false);
     console.log(keysList);
  }

  createListKeyValues() {
        const listKeyValues = (
          <div style={{marginLeft:10}}>
          {(()=>{
               return i.items.slice(0,3).map((j) => {

                  const label = j.value.charAt(0).toUpperCase() + j.value.slice(1);
                  const count = j.count && j.count > 0 ? ` (${j.count})` : '';

Select all Open in new window