333 lines
9 KiB
JavaScript
333 lines
9 KiB
JavaScript
import Vue from "vue"
|
|
import Vuex from "vuex"
|
|
|
|
Vue.use(Vuex)
|
|
|
|
export default new Vuex.Store({
|
|
state: {
|
|
recipes: [
|
|
{
|
|
imageSrc: null,
|
|
title: "Mediterranean Salad",
|
|
category: "Salads",
|
|
prepTime: "12:25",
|
|
cookTime: "00:30",
|
|
portionSize: 1,
|
|
ingredients: [
|
|
{
|
|
item: "Cucumbers, Seeded And Sliced",
|
|
quantity: 3,
|
|
unit: "unit",
|
|
},
|
|
{
|
|
item: "Crumbled Feta Cheese",
|
|
quantity: 1.5,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Black Olives, Pitted And Sliced",
|
|
quantity: 1,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Diced Roma Tomatoes",
|
|
quantity: 3,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Diced Oil Packed Sun Dried Tomatoes, Drained, Oil Reserved",
|
|
quantity: 0.3,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Onion, Sliced",
|
|
quantity: 1.5,
|
|
unit: "unit",
|
|
},
|
|
{
|
|
item: "Cucumbers, Seeded And Sliced",
|
|
quantity: 3,
|
|
unit: "unit",
|
|
},
|
|
{
|
|
item: "Crumbled Feta Cheese",
|
|
quantity: 1.5,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Black Olives, Pitted And Sliced",
|
|
quantity: 1,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Diced Roma Tomatoes",
|
|
quantity: 3,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Diced Oil Packed Sun Dried Tomatoes, Drained, Oil Reserved",
|
|
quantity: 0.3,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Onion, Sliced",
|
|
quantity: 1.5,
|
|
unit: "unit",
|
|
},
|
|
{
|
|
item: "Cucumbers, Seeded And Sliced",
|
|
quantity: 3,
|
|
unit: "unit",
|
|
},
|
|
{
|
|
item: "Crumbled Feta Cheese",
|
|
quantity: 1.5,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Black Olives, Pitted And Sliced",
|
|
quantity: 1,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Diced Roma Tomatoes",
|
|
quantity: 3,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Diced Oil Packed Sun Dried Tomatoes, Drained, Oil Reserved",
|
|
quantity: 0.3,
|
|
unit: "cup",
|
|
},
|
|
{
|
|
item: "Onion, Sliced",
|
|
quantity: 1.5,
|
|
unit: "unit",
|
|
},
|
|
],
|
|
instructions: [
|
|
"In a large salad bowl, toss together the cucumbers, feta cheese, olives, roma tomatoes, sun-dried tomatoes, 2 tablespoons reserved sun-dried tomato oil, and red onion.",
|
|
"Chill until serving.",
|
|
"In a large salad bowl, toss together the cucumbers, feta cheese, olives, roma tomatoes, sun-dried tomatoes, 2 tablespoons reserved sun-dried tomato oil, and red onion. In a large salad bowl, toss together the cucumbers, feta cheese, olives, roma tomatoes, sun-dried tomatoes, 2 tablespoons reserved sun-dried tomato oil, and red onion.",
|
|
"Chill until serving.",
|
|
"Chill until serving.",
|
|
"In a large salad bowl, toss together the cucumbers, feta cheese, olives, roma tomatoes, sun-dried tomatoes, 2 tablespoons reserved sun-dried tomato oil, and red onion.",
|
|
"Chill until serving.",
|
|
"Chill until serving.",
|
|
"Chill until serving.",
|
|
"Chill until serving.",
|
|
"Chill until serving.",
|
|
],
|
|
notes: [
|
|
"Per Serving: 130.6 calories; protein 5.5g 11% DV; carbohydrates 9.3g 3% DV; fat 8.8g 14% DV; cholesterol 25mg 8% DV; sodium 486.4mg 20% DV.",
|
|
"Per Serving: 130.6 calories; protein 5.5g 11% DV; carbohydrates 9.3g 3% DV; fat 8.8g 14% DV; cholesterol 25mg 8% DV; sodium 486.4mg 20% DV.",
|
|
"Per Serving: 130.6 calories; protein 5.5g 11% DV; carbohydrates 9.3g 3% DV; fat 8.8g 14% DV; cholesterol 25mg 8% DV; sodium 486.4mg 20% DV.",
|
|
],
|
|
references: [
|
|
"https://www.allrecipes.com/recipe/14403/mediterranean-greek-salad/",
|
|
"https://www.allrecipes.com/recipe/14403/mediterranean-greek-salad/",
|
|
"https://www.allrecipes.com/recipe/14403/mediterranean-greek-salad/",
|
|
"https://www.allrecipes.com/recipe/14403/mediterranean-greek-salad/",
|
|
],
|
|
isFavorite: true,
|
|
tried: false,
|
|
lastModified: "2020-10-18T17:37:51.798Z",
|
|
},
|
|
{
|
|
imageSrc: null,
|
|
title: "Fresh Tomato Sauce",
|
|
category: "Sauces",
|
|
prepTime: "00:45",
|
|
cookTime: "00:35",
|
|
portionSize: 1,
|
|
ingredients: [],
|
|
instructions: [],
|
|
notes: [],
|
|
references: [],
|
|
isFavorite: true,
|
|
tried: true,
|
|
lastModified: "2020-10-15T17:37:51.798Z",
|
|
},
|
|
{
|
|
imageSrc: null,
|
|
title: "Creamy Mushroom Herb Pasta",
|
|
category: "Lunch",
|
|
prepTime: "00:10",
|
|
cookTime: "00:15",
|
|
portionSize: 1,
|
|
ingredients: [],
|
|
instructions: [],
|
|
notes: [],
|
|
references: [],
|
|
isFavorite: false,
|
|
tried: false,
|
|
lastModified: "2020-10-12T17:37:51.798Z",
|
|
},
|
|
{
|
|
imageSrc: null,
|
|
title: "Grilled Cheese Sandwich",
|
|
category: "Lunch",
|
|
prepTime: "00:50",
|
|
cookTime: "00:12",
|
|
portionSize: 1,
|
|
ingredients: [],
|
|
instructions: [],
|
|
notes: [],
|
|
references: [],
|
|
isFavorite: false,
|
|
tried: true,
|
|
lastModified: "2020-10-03T17:37:51.798Z",
|
|
},
|
|
],
|
|
viewIsScrolled: false,
|
|
icon: {
|
|
home: "\ued99",
|
|
heart: "\ued94",
|
|
heartOutline: "\uead6",
|
|
label: "\uedaf",
|
|
cog: "\ued05",
|
|
info: "\ueda7",
|
|
menu: "\ueb2a",
|
|
search: "\uebbc",
|
|
sort: "\ueb2b",
|
|
plus: "\ueb89",
|
|
close: "\uec4e",
|
|
image: "\ueae9",
|
|
back: "\ue988",
|
|
save: "\uee48",
|
|
camera: "\uecc2",
|
|
share: "\uee51",
|
|
edit: "\uee17",
|
|
theme: "\ued09",
|
|
folder: "\ued7c",
|
|
backup: "\uee48",
|
|
restore: "\ueadc",
|
|
link: "\ueb09",
|
|
file: "\ued60",
|
|
user: "\uee8e",
|
|
trash: "\uee83",
|
|
donate: "\ued41",
|
|
musttry: "\uec96",
|
|
musttryOutline: "\ue9bb",
|
|
},
|
|
units: [
|
|
"unit",
|
|
"tsp",
|
|
"Tbsp",
|
|
"oz",
|
|
"cup",
|
|
"pt",
|
|
"qt",
|
|
"lb",
|
|
"gal",
|
|
"ml",
|
|
"L",
|
|
"mg",
|
|
"g",
|
|
"kg",
|
|
"mm",
|
|
"cm",
|
|
"m",
|
|
"in",
|
|
"°C",
|
|
"°F",
|
|
],
|
|
categories: [
|
|
"Appetizers",
|
|
"BBQ",
|
|
"Beverages",
|
|
"Breads",
|
|
"Breakfast",
|
|
"Desserts",
|
|
"Dinner",
|
|
"Drinks",
|
|
"Healthy",
|
|
"Lunch",
|
|
"Main dishes",
|
|
"Meat",
|
|
"Noodles",
|
|
"Pasta",
|
|
"Poultry",
|
|
"Rice",
|
|
"Salads",
|
|
"Sauces",
|
|
"Seafood",
|
|
"Side dishes",
|
|
"Snacks",
|
|
"Soups",
|
|
"Undefined",
|
|
"Vegan",
|
|
"Vegetarian",
|
|
],
|
|
currentComponent: "EnRecipes",
|
|
},
|
|
mutations: {
|
|
addRecipe(state, recipe) {
|
|
state.recipes.push(recipe)
|
|
},
|
|
addCategory(state, category) {
|
|
let a = state.categories.filter((e) => e === category).length
|
|
if (a == 0) {
|
|
state.categories.push(category)
|
|
state.categories.sort()
|
|
}
|
|
},
|
|
overwriteRecipe(state, { index, recipe }) {
|
|
Object.assign(state.recipes[index], recipe)
|
|
},
|
|
deleteRecipe(state, index) {
|
|
state.recipes.splice(index, 1)
|
|
},
|
|
toggleFavorite(state, index) {
|
|
state.recipes[index].isFavorite = !state.recipes[index].isFavorite
|
|
},
|
|
toggleMustTry(state, index) {
|
|
state.recipes[index].tried = !state.recipes[index].tried
|
|
},
|
|
setCurrentComponent(state, comp) {
|
|
state.currentComponent = comp
|
|
},
|
|
renameCategory(state, { current, updated }) {
|
|
let a = state.categories.filter((e) => e === updated).length
|
|
if (a == 0) {
|
|
// add updated category to categories
|
|
state.categories.splice(state.categories.indexOf(current), 1)
|
|
state.categories.push(updated)
|
|
state.categories.sort()
|
|
// rename all occurences
|
|
state.recipes.forEach((e, i) => {
|
|
if (e.category == current) {
|
|
state.recipes[i].category = updated
|
|
}
|
|
})
|
|
}
|
|
},
|
|
},
|
|
actions: {
|
|
addRecipeAction({ commit }, recipe) {
|
|
commit("addRecipe", recipe)
|
|
},
|
|
addCategoryAction({ commit }, category) {
|
|
commit("addCategory", category)
|
|
},
|
|
overwriteRecipeAction({ commit }, updatedRecipe) {
|
|
commit("overwriteRecipe", updatedRecipe)
|
|
},
|
|
deleteRecipeAction({ commit }, index) {
|
|
commit("deleteRecipe", index)
|
|
},
|
|
toggleFavoriteAction({ commit }, index) {
|
|
commit("toggleFavorite", index)
|
|
},
|
|
toggleMustTryAction({ commit }, index) {
|
|
commit("toggleMustTry", index)
|
|
},
|
|
setCurrentComponentAction({ commit }, comp) {
|
|
commit("setCurrentComponent", comp)
|
|
},
|
|
renameCategoryAction({ commit }, category) {
|
|
commit("renameCategory", category)
|
|
},
|
|
},
|
|
})
|