STARK-web/static/js/init.js

// Global array to store input names
var globalInputList = ['tree_size_min', 'tree_size_max', 'file', 'association_measures', 'labeled_trees', 'node_type_upos', 'fixed_order', 'input_url', 'node_type_lemma', 'root_restriction', 'node_type_form', 'frequency_threshold'];
//const URLSearchParams = window.URLSearchParams;
// Function to store values to local storage
function storeValuesToLocalstorage() {
    globalInputList.forEach(function(inputName) {
        var inputElement = $('[name="' + inputName + '"]');

        if (inputElement.length > 0) {
            var inputType = inputElement.attr('type');
            if (inputType === 'text' | inputType === 'hidden') {
                localStorage.setItem(inputName, inputElement.val());
            } else if (inputType === 'checkbox') {
                localStorage.setItem(inputName, inputElement.prop('checked'));
            }
        }
    });
}

// Function to read values from local storage
function readValuesFromLocalstorage() {
    globalInputList.forEach(function(inputName) {
        var inputElement = $('[name="' + inputName + '"]');

        if (inputElement.length > 0) {
            var inputType = inputElement.attr('type');
            if (inputType === 'text') {
                var text_val = localStorage.getItem(inputName);
                if (text_val !== '' & text_val !== null) {
                    // set label to active
                    $("label[for='" + inputElement.attr('id') + "']").addClass('active');
                }
                if (inputName === 'frequency_threshold' && text_val === null) {
                    text_val = '1'
                }
                inputElement.val(text_val);

            } else if (inputType === 'checkbox') {
                var check_value = localStorage.getItem(inputName);
                if (check_value !== null) {
                    inputElement.prop('checked', check_value === 'true');
                }
            }
        }

    });
    var tree_size_min = localStorage.getItem('tree_size_min') !== null ? localStorage.getItem('tree_size_min') : 2;
    var tree_size_max = localStorage.getItem('tree_size_max') !== null ? localStorage.getItem('tree_size_max') : 3;
    return [tree_size_min, tree_size_max]
}


document.addEventListener("DOMContentLoaded", function(event) {
  tree_size = readValuesFromLocalstorage()

  var valuesForSlider = [1,2,3,4,5];

  var format = {
      to: function(value) {
        return valuesForSlider[Math.round(value)];
      },
      from: function (value) {
        return valuesForSlider.indexOf(Number(value));
      }
    };
  var slider = document.getElementById('slider');
  noUiSlider.create(slider, {
   start: [tree_size[0], tree_size[1]],
   connect: true,
   tooltips: true,
   step: 1,
   range: {
     'min': 0,
     'max': valuesForSlider.length - 1
   },
   format: format
  });
  /*
  // OLD VERSION
  var perfEntries = performance.getEntriesByType("navigation");

  for (var i = 0; i < perfEntries.length; i++) {
    if (perfEntries[i].type === 'back_forward') {
      window.location.href = '?noreload=true'
      return;
    }
  }
  var urlParams = new URLSearchParams(window.location.search);
  if (!urlParams.has('noreload')) {
    if (Object.keys(localStorage).length > 1) {
      localStorage.clear();
      window.location.href = '?noreload=true'
    }

  }*/

  var urlParams = new URLSearchParams(window.location.search);
  var lang='en'
  if (urlParams.has('lang')) {
    lang=urlParams.get('lang');
  }

  var perfEntries = performance.getEntriesByType("navigation");
  for (var i = 0; i < perfEntries.length; i++) {
    if (perfEntries[i].type === 'back_forward') {
      window.location.href = '/?lang='+lang;
      return;
    }
  }


  if (urlParams.has('reload')) {
//    if (Object.keys(localStorage).length > 1) {
      localStorage.clear();
      window.location.href = '/?lang='+lang;
//    }

  }
});

(function($){
  $(function(){

    $('.sidenav').sidenav();

  }); // end of document ready
  $(document).ready(function(){
    $('.modal').modal();
//    var instance = M.Modal.getInstance(elem);
//    instance.open();

    $('.input-field input[type="checkbox"]').on('change', function() {
      var isChecked = $('.input-field input[type="checkbox"]:checked').length > 0;
      $('#node-type-error').hide();
    });
    $('#submit-form input').on('change', function() {
      $('#unknown-error').hide();
    });

    $('#advanced-tree').hide();
    var advancedTreeExpanded = false;
    $('#advanced-tree-expand').bind('click', function(e) {
      if (!advancedTreeExpanded){
        advancedTreeExpanded = true;
        $('#advanced-tree').show('fast');
        $('#advanced-tree-expand i').text('remove');
      } else {
        advancedTreeExpanded = false;
        $('#advanced-tree').hide('fast');
        $('#advanced-tree-expand i').text('add');
      }
    });
  });

  $("#submit-form").submit( function(eventObj) {
    var spans = $(".noUi-tooltip").find('span');
    var tree_size_min = spans[0].innerText;
    var tree_size_max = spans[1].innerText;
    console.log('amm');
    $("<input />").attr("type", "hidden")
      .attr("name", "tree_size_min")
      .attr("value", tree_size_min)
      .appendTo("#submit-form");
    $("<input />").attr("type", "hidden")
      .attr("name", "tree_size_max")
      .attr("value", tree_size_max)
      .appendTo("#submit-form");

    storeValuesToLocalstorage();
    return true;
  });
  $("#switch-language").click(function(e) {
    var spans = $(".noUi-tooltip").find('span');
    var tree_size_min = spans[0].innerText;
    var tree_size_max = spans[1].innerText;
    console.log('amm');
    $("<input />").attr("type", "hidden")
      .attr("name", "tree_size_min")
      .attr("value", tree_size_min)
      .appendTo("#submit-form");
    $("<input />").attr("type", "hidden")
      .attr("name", "tree_size_max")
      .attr("value", tree_size_max)
      .appendTo("#submit-form");

    storeValuesToLocalstorage();
    return true;
  });
})(jQuery); // end of jQuery name space