mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-01 12:18:45 -05:00
Code Issues Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
smilerz
2021-11-29 13:13:01 -06:00
parent cae3773d5a
commit 0693d31550
7 changed files with 292 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
vue/src/components/RecipeCard.vue
View File

@@ -8,12 +8,8 @@
</a>
</div>
<div class="card-img-overlay w-50 d-flex flex-column justify-content-left float-left text-left pt-2" v-if="recipe.working_time !== 0 || recipe.waiting_time !== 0">
<b-badge pill variant="light" class="mt-1 font-weight-normal" v-if="recipe.working_time !== 0"
><i class="fa fa-clock"></i> {{ recipe.working_time }} {{ $t("min") }}
</b-badge>
<b-badge pill variant="secondary" class="mt-1 font-weight-normal" v-if="recipe.waiting_time !== 0"
><i class="fa fa-pause"></i> {{ recipe.waiting_time }} {{ $t("min") }}
</b-badge>
<b-badge pill variant="light" class="mt-1 font-weight-normal" v-if="recipe.working_time !== 0"><i class="fa fa-clock"></i> {{ recipe.working_time }} {{ $t("min") }} </b-badge>
<b-badge pill variant="secondary" class="mt-1 font-weight-normal" v-if="recipe.waiting_time !== 0"><i class="fa fa-pause"></i> {{ recipe.waiting_time }} {{ $t("min") }} </b-badge>
</div>
</a>
@@ -25,7 +21,7 @@
</a>
</h6>
<b-card-text style="text-overflow: ellipsis;">
<b-card-text style="text-overflow: ellipsis">
<template v-if="recipe !== null">
<recipe-rating :recipe="recipe"></recipe-rating>
<template v-if="recipe.description !== null">
@@ -61,7 +57,7 @@
</template>
<script>
import RecipeContextMenu from "@/components/ContextMenu/RecipeContextMenu"
import RecipeContextMenu from "@/components/RecipeContextMenu"
import KeywordsComponent from "@/components/KeywordsComponent"
import { resolveDjangoUrl, ResolveUrlMixin } from "@/utils/utils"
import RecipeRating from "@/components/RecipeRating"
@@ -86,17 +82,17 @@ export default {
console.log(this.recipe)
},
computed: {
detailed: function() {
detailed: function () {
return this.recipe?.steps !== undefined
},
text_length: function() {
text_length: function () {
if (this.detailed) {
return 200
} else {
return 120
}
},
recipe_image: function() {
recipe_image: function () {
if (this.recipe == null || this.recipe.image === null) {
return window.IMAGE_PLACEHOLDER
} else {
@@ -106,7 +102,7 @@ export default {
},
methods: {
// TODO: convert this to genericAPI
clickUrl: function() {
clickUrl: function () {
if (this.recipe !== null) {
return resolveDjangoUrl("view_recipe", this.recipe.id)
} else {
@@ -116,7 +112,7 @@ export default {
},
directives: {
hover: {
inserted: function(el) {
inserted: function (el) {
el.addEventListener("mouseenter", () => {
el.classList.add("shadow")
})

2
vue/src/components/RecipeContextMenu.vue
View File

@@ -107,7 +107,7 @@ import { makeToast, resolveDjangoUrl, ResolveUrlMixin, StandardToasts } from "@/
import CookLog from "@/components/CookLog"
import axios from "axios"
import AddRecipeToBook from "@/components/Modals/AddRecipeToBook"
import MealPlanEditModal from "@/components/Modals/MealPlanEditModal"
import MealPlanEditModal from "@/components/MealPlanEditModal"
import ShoppingModal from "@/components/Modals/ShoppingModal"
import moment from "moment"
import Vue from "vue"