function openAddProperty() {
    pageselect('device-add-field-page');
    createSelectAddProperty(listPropertyAll);
    resetForm();
}

function createSelectAddProperty(propertyAllList) {
    let select = $('.selectAddProperty');
    select.empty();
    propertyAllList.forEach((item, index, array) => {
        if (!DevPropTable.columns(0).data()[0].find(elm => elm.devicePropertyKey === item.devicePropertyKey)) select.append(new Option(item.devicePropertyDescription, item.devicePropertyKey));
    });
    select.append(new Option("ПОЛЬЗОВАТЕЛЬСКОЕ ПОЛЕ", ""));
}

function resetForm() {
    $("#input10").val('');
    $("#input20").val('');
    $('#input10').prop('disabled', false);
    $(".selectAddProperty option").last().prop('selected',true);
}

function saveDevicePropertyField() {
    console.log("START saveDevicePropertyField");
    let keyField = document.getElementById("input10").value;
    let valueField = document.getElementById("input20").value;
    let descriptionField = $(".selectAddProperty option:selected").text();

    DevPropTable.row.add( {
        "devicePropertyKey": keyField,
        "devicePropertyValue": valueField,
        "devicePropertyDescription": descriptionField
    } ).draw();
    resetForm();
    customHistory.back();
}

function changeSelectAddProperty(data) {
    let value = data.value;
    $('#input10').val(data.value);
    if (value === '') $('#input10').prop('disabled', false);
    else $('#input10').prop('disabled', true);
}