source: src/main/resources/static/js/register_business.js@ 943857c

$(document).ready(function() {
    var enumerations = {};
    $.ajax({
        url: "http://localhost:8080/api/nomenclature/businessTypes"
    }).then(function (data) {
        enumerations = data;
        var $el = $("#companyType");

        $.each(data, function (index, obj) {
            $el.append("<option value=" + obj.value + ">" + obj.text + "</option>");
        });
    });

    $("#companyType").change(function () {
        var selectedVal = $(this).find(':selected').val();
        var selectedObj = enumerations[selectedVal - 1];
        var $el = $("#predefined_services");
        $el.empty();
        console.log(selectedObj['serviceTypes']);
        $.each(selectedObj['serviceTypes'], function (index, obj) {
            $el.append(
                '<div class="form-outline mb-4">' +
                '    <div class="row">' +
                '        <div class="col-md-6">\n' +
                '            <input class="form-check-input" type="checkbox" value="' + obj.id + '" id="' + obj.id + '">\n' +
                '            <label class="form-check-label" for="' + obj.id + '">\n' +
                obj.name +
                '            </label>\n' +
                '        </div>' +
                '        <div class="form-outline col-md-2 d-grid">' +
                '            <input type="text" id="' + obj.id + obj.name.replace(/\s/g, "") + "duration" + '" class="form-control" placeholder="time" />' +
                '        </div>' +
                '        <div class="form-outline col-md-2 d-grid">' +
                '            <input type="text" id="' + obj.id + obj.name.replace(/\s/g, "") + "price" + '" class="form-control" placeholder="price" />' +
                '        </div>' +
                '    </div>' +
                '    <div class="row" style="margin-top:10px;">' +
                '        <div class="form-outline col-md-10 d-grid">' +
                '            <input type="text" id="' + obj.id + obj.name.replace(/\s/g, "") + "description" + '" class="form-control" placeholder="description" />' +
                '        </div>' +
                '    </div>' +
                '</div>');
        });
        $("#input_service").prop('disabled', false);
        $("#add_service").prop('disabled', false);
    });

    $("#add_service").click(function () {
        var input_service = $("#input_service").val();
        // clear the input
        $("#input_service").val('');

        $("#predefined_services").append(
            '<div class="form-outline mb-4">' +
            '    <div class="row">' +
            '        <div class="col-md-6">\n' +
            '            <input class="form-check-input" type="checkbox" checked value="' + -1 + '" id="' + -1 + '">\n' +
            '            <label class="form-check-label" for="' + -1 + '">\n' +
            input_service +
            '            </label>\n' +
            '        </div>' +
            '        <div class="form-outline col-md-2 d-grid">' +
            '            <input type="text" id="' + -1 + input_service.replace(/\s/g, "") + "duration" + '" class="form-control" placeholder="time" />' +
            '        </div>' +
            '        <div class="form-outline col-md-2 d-grid">' +
            '            <input type="text" id="' + -1 + input_service.replace(/\s/g, "") + "price" + '" class="form-control" placeholder="price" />' +
            '        </div>' +
            '    </div>' +
            '    <div class="row" style="margin-top:10px;">' +
            '        <div class="form-outline col-md-10 d-grid">' +
            '            <input type="text" id="' + -1 + input_service.replace(/\s/g, "") + "description" + '" class="form-control" placeholder="description" />' +
            '        </div>' +
            '    </div>' +
            '</div>');
        event.preventDefault();
    });

    $('#signup_business_button').click(function () {
        let businessObj = {};
        let ownerObj = {};

        ownerObj['firstName'] = $('#firstName').val();
        ownerObj['lastName'] = $('#lastName').val();
        ownerObj['email'] = $('#email').val();
        ownerObj['username'] = $('#username').val();
        ownerObj['password'] = $('#password').val();
        ownerObj['phoneNumber'] = $('#phoneNumber').val();
        businessObj['owner'] = ownerObj;

        businessObj['companyName'] = $('#companyName').val();

        businessObj['businessType'] = {'value': $('#companyType').val()};

        servicesObj = [];

        $.each($('#predefined_services input:checked').siblings(), function(index, label) {

            let service = {};
            var id = $(label).prop('for');
            var text = $(label).text();
            var time = $($($(label).parent()).siblings()[0]).children()[0].value;
            var price = $($($(label).parent()).siblings()[1]).children()[0].value;
            var description = $($($($($($(label).parent())).parent()).siblings()[0]).children()[0]).children()[0].value;

            var serviceType = {}
            if(parseInt(id) != -1) {
                serviceType['id'] = id;
            }
            serviceType['name'] = text.trim();
            service['serviceType'] = serviceType;
            service['duration'] = time;
            service['price'] = price;
            service['description'] = description;
            servicesObj.push(service);
        });
        businessObj['services'] = servicesObj;
        $.ajax({
            url: "http://localhost:8080/api/business",
            type:"POST",
            data: JSON.stringify(businessObj),
            contentType:"application/json; charset=utf-8",
            dataType: 'text',
            success: function(success){
                alert( "Well done! You have finished the registration process. " +
                    "Please check periodically to see if the company has been approved." );
                window.location.href = "/login";
            },
            error: function(err) {
                alert(err);
            }
        });
        event.preventDefault();
    });
});