function getDomainData() {
    var domain = $('#domain-select').val();

    $('#service-select').prop('disabled', true);
    $('#entity-select').prop('disabled', true);

    $.ajax({
        type: "GET",
        url: "/dynamic/services/" + domain,
        contentType: "application/text",
        success: function(result) {
            $('#service-select').empty().append(result);
            $('#service-select').prop('disabled', false);
            getServiceFields(true)
        }
    }); 

    $.ajax({
        type: "GET",
        url: "/dynamic/entities/" + domain,
        contentType: "application/text",
        success: function(result) {
            $('#entity-select').empty().append(result);
            $('#entity-select').prop('disabled', false);
        }
    }); 
  }

  function getServiceFields(update_data) {
    var domain = $('#domain-select').val();
    var service = $('#service-select').val();

    $('#service-fields').empty()

    $.ajax({
        type: "GET",
        url: "/dynamic/service/fields/" + domain + "/" + service,
        contentType: "application/text",
        success: function(result) {
            var res = result.split("&#&");
            var show_entity = res[0].trim();
            var show_data = res[1].trim();
            var html = res[2].trim();
            var data = res[3].trim();

            if(show_entity == "True") {
                $('#entity-area').prop('hidden', false);
            }
            else {
                $('#entity-area').prop('hidden', true);
            }

            if(show_data == "True") {
                $('#data-area').prop('hidden', false);
            }
            else {
                $('#data-area').prop('hidden', true);
            }
            
            if(update_data){
                $('#data').val(data)
            }

            $('#data').attr('rows', $('#data').val().split('\n').length)
            $('#service-fields').append(html);
        }
    }); 
  }

  $(document).ready(getServiceFields(false))