You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
2.9 KiB
59 lines
2.9 KiB
function build_ingredient_row() { |
|
var ingredient_row_outer_div = document.createElement("div"); |
|
ingredient_row_outer_div.setAttribute("class", "row"); |
|
|
|
var ingredient_row_amount_div = document.createElement("div"); |
|
ingredient_row_amount_div.setAttribute("class", "col s2 m1"); |
|
var ingredient_amount_input = document.createElement("input"); |
|
ingredient_amount_input.setAttribute("class", "center-align"); |
|
ingredient_amount_input.setAttribute("type", "text"); |
|
ingredient_amount_input.setAttribute("name", "amount[]"); |
|
ingredient_row_amount_div.appendChild(ingredient_amount_input); |
|
|
|
var ingredient_row_measure_div = document.createElement("div"); |
|
ingredient_row_measure_div.setAttribute("class", "col s2 m1"); |
|
var ingredient_measure_input = document.createElement("input"); |
|
ingredient_measure_input.setAttribute("class", "center-align"); |
|
ingredient_measure_input.setAttribute("type", "text"); |
|
ingredient_measure_input.setAttribute("name", "measure[]"); |
|
ingredient_row_measure_div.appendChild(ingredient_measure_input); |
|
|
|
var ingredient_row_ingredient_div = document.createElement("div"); |
|
ingredient_row_ingredient_div.setAttribute("class", "col s8 m10"); |
|
var ingredient_ingredient_input = document.createElement("input"); |
|
ingredient_ingredient_input.setAttribute("type", "text"); |
|
ingredient_ingredient_input.setAttribute("name", "ingredient[]"); |
|
ingredient_row_ingredient_div.appendChild(ingredient_ingredient_input); |
|
|
|
ingredient_row_outer_div.appendChild(ingredient_row_amount_div); |
|
ingredient_row_outer_div.appendChild(ingredient_row_measure_div); |
|
ingredient_row_outer_div.appendChild(ingredient_row_ingredient_div); |
|
|
|
return ingredient_row_outer_div; |
|
} |
|
|
|
|
|
function add_more_ingredients() { |
|
var ingredients_node = document.getElementById("input_fields_for_ingredients"); |
|
var ingredients_button_node = document.getElementById("add_ingredients_button"); |
|
ingredients_node.insertBefore(build_ingredient_row(), ingredients_button_node); |
|
ingredients_node.insertBefore(build_ingredient_row(), ingredients_button_node); |
|
ingredients_node.insertBefore(build_ingredient_row(), ingredients_button_node); |
|
} |
|
|
|
|
|
function build_preparation_input() { |
|
var preparation_input = document.createElement("input"); |
|
preparation_input.setAttribute("type", "text"); |
|
preparation_input.setAttribute("name", "preparation[]"); |
|
return preparation_input; |
|
} |
|
|
|
|
|
function add_more_preparation() { |
|
var preparations_node = document.getElementById("input_fields_for_preparation"); |
|
var preparations_button_node = document.getElementById("add_preparation_button"); |
|
preparations_node.insertBefore(build_preparation_input(), preparations_button_node); |
|
preparations_node.insertBefore(build_preparation_input(), preparations_button_node); |
|
preparations_node.insertBefore(build_preparation_input(), preparations_button_node); |
|
}
|
|
|