ujh/fountainpencompanion

$(function () {
  $("#collected_ink_brand_name").autocomplete({
    source: function (request, response) {
      fetch("/api/v1/brands?term=" + encodeURIComponent(request.term))
        .then(function (r) {
          return r.json();
        })
        .then(function (r) {
          var names = $.map(r.data, function (e) {
            return e.attributes.name;
          });
          response(names);
        });
    }
  });

  $("#collected_ink_line_name").autocomplete({
    source: function (request, response) {
      var brandName = encodeURIComponent($("#collected_ink_brand_name").val());
      var term = encodeURIComponent(request.term);
      var url = "/api/v1/lines?term=" + term + "&brand_name=" + brandName;
      fetch(url)
        .then(function (r) {
          return r.json();
        })
        .then(function (r) {
          var names = $.map(r.data, function (e) {
            return e.attributes.line_name;
          });
          response(names);
        });
    }
  });

  $("#collected_ink_ink_name").autocomplete({
    source: function (request, response) {
      var brandName = encodeURIComponent($("#collected_ink_brand_name").val());
      var term = encodeURIComponent(request.term);
      var url = "/api/v1/inks?term=" + term + "&brand_name=" + brandName;
      fetch(url)
        .then(function (r) {
          return r.json();
        })
        .then(function (r) {
          var names = $.map(r.data, function (e) {
            return e.attributes.ink_name;
          });
          response(names);
        });
    }
  });
});