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

format step time

Browse Source
This commit is contained in:
vabene1111
2022-10-01 19:10:58 +02:00
parent be0088aec6
commit 15f65cd711
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
vue/src/components/StepComponent.vue
View File

@@ -8,7 +8,7 @@
<template v-if="step.name">{{ step.name }}</template> <template v-if="step.name">{{ step.name }}</template>
<template v-else>{{ $t("Step") }} {{ index + 1 }}</template> <template v-else>{{ $t("Step") }} {{ index + 1 }}</template>
<small style="margin-left: 4px" class="text-muted" v-if="step.time !== 0"><i <small style="margin-left: 4px" class="text-muted" v-if="step.time !== 0"><i
class="fas fa-user-clock"></i> {{ step.time }} {{ $t("min") }} </small> class="fas fa-user-clock"></i> {{ step_time }}</small>
<small v-if="start_time !== ''" class="d-print-none"> <small v-if="start_time !== ''" class="d-print-none">
<b-link :id="`id_reactive_popover_${step.id}`" @click="openPopover" href="#"> <b-link :id="`id_reactive_popover_${step.id}`" @click="openPopover" href="#">
{{ moment(start_time).add(step.time_offset, "minutes").format("HH:mm") }} {{ moment(start_time).add(step.time_offset, "minutes").format("HH:mm") }}
@@ -131,7 +131,7 @@ import CompileComponent from "@/components/CompileComponent"
import IngredientsCard from "@/components/IngredientsCard" import IngredientsCard from "@/components/IngredientsCard"
import Vue from "vue" import Vue from "vue"
import moment from "moment" import moment from "moment"
import {ResolveUrlMixin} from "@/utils/utils" import {ResolveUrlMixin, calculateHourMinuteSplit} from "@/utils/utils"
Vue.prototype.moment = moment Vue.prototype.moment = moment
@@ -150,6 +150,10 @@ export default {
default: false, default: false,
}, },
}, },
computed: {
step_time: function() {
return calculateHourMinuteSplit(this.step.time)},
},
data() { data() {
return { return {
details_visible: true, details_visible: true,