Members
Methods
addNewIngredient Adds label and new input field for ingredients(none)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
none |
Returns:
none
addNewStep Adds label and new input field for steps(none)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
none |
Returns:
none
addNewTag Adds new input for tags(none)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
none |
Returns:
none
bindRecipeCard Adds an event listener to each recipe card which, when clicked, sets the expand recipe page to the recipe card's data and navigates to said recipe page.(recipeCard, recipeData)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
recipeCard |
HTMLElement
|
|
recipeData |
object
|
cancelDelete Helper function that cancels the deletion of a recipe from it's expand page()
- Source:
changeView Function that handles most of the navigation through the app. Given the page to be navigated to, shows only the elements that are supposed to appear on that page.(e)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
e |
string
|
The page to be navigated to |
confirmDelete Helper function that deletes a recipe from it's expand page()
- Source:
data Set's the content for the cook-mode page using the input data(data)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
data |
JSON
|
JSON data |
data
Sets the data for the recipe that will be put inside the element.
Overwrites the previously expanded recipe.(data)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
data |
JSON
|
JSON data |
filterTags Checks the tag list of each existing recipe card. If the filter tag is not in a recipe's tag list, that recipe gets hidden. If the filter is being turned off, then check the list of tags still being filtered for against each recipe's tag list. If there is no intersection, display the recipe(tag)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
tag |
string
|
The filter to be applied |
handleImageUpload Converts image to dataUrl to preview it(none)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
none |
Returns:
none
initCards When page is reloaded/refreshed, creates a new recipe card for each recipe in localStorage and binds the expanded recipe page to it()
- Source:
navEdit Creates edit recipe page that contains data for a recipe in the inputs()
- Source:
Parameters:
| Type | Description |
|---|---|
e
|
event |
newCard If passed recipe exists in localStorage, creates a new recipe card with the expanded recipe page bound to it.(name)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
name |
string
|
name of the recipe |
recipeExists Checks to see if a recipe exists in local storage by checking the name(recipeName) → {boolean}
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
recipeName |
string
|
name of recipe to check |
Returns:
- Type:
-
boolean
- true if exists, false if doesn't exist
refresh Removes recipes and shows 15 other random recipes()
- Source:
reset Clears input fields after saving(none)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
none |
Returns:
none
resetMobileNavMenu Resets mobile nav menu to default state()
- Source:
returnToHomePage Helper function that will navigate the user to the correct page when the back button is pressed()
- Source:
saveBase Saves data in input fields to local storage Resets the input field values Changes screen to expanded recipe page of saved recipe(page)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
page |
String
|
determines if it's updating or saving a recipe |
saveDataCreate Check to make sure input fields are valid or if recipe already exists If it doesn't Changes screen to expanded recipe page of saved recipe()
- Source:
saveDataEdit Saves edited data in input fields to local storage and deletes old recipe Resets the input field values Changes screen to expanded recipe page of saved recipe(originalName, functionName)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
originalName |
String
|
original name of recipe used for deletion |
functionName |
function
|
name of function to remove from event listener |
saveToMyRecipes Saves recipes from the explore page to my recipes Allows you to edit the recipe before you save(data)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
data |
JSON
|
searchRecipe Function to search for recipe cards in search bar()
- Source:
searchSpoon Function to search for recipes in Spoonacular()
- Source:
setLoading Shows loading spinner while explore page recipes is empty()
- Source:
setVoice Attaches a TTS button to each step card that, when clicked, will read out the text for that step.(flag, shadowRoot)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
flag |
boolean
|
Used to indicate when the TTS voice has been set |
shadowRoot |
*
|
Allows the function to access the shadowRoot elements |
showDeleteButtons Helper function that shows the recipe card delete buttons when the My Recipes trash button is clicked()
- Source:
showTags Triggers when the filter button next to the search bar is clicked. Shows all existing tags that, when clicked, will filter recipes based on that tag.()
- Source:
switchHighlight Switches the underline indicator to whatever page was navigated to(innerText)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
innerText |
string
|
The page being navigated to |
timer Starts a countdown timer with user input. It does this by, for each interval, converting all time fields to seconds, subtracting one, and then converting back into hours/minutes/seconds(shadowRoot, flag)
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
shadowRoot |
*
|
Allows function to access shadowRoot elements |
flag |
boolean
|
Flags whether the timer should be started or stopped |