Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

add popover html content

Browse Source
This commit is contained in:
Mathieu Jaumotte 2022-01-30 16:35:47 +01:00
parent 0add020e57
commit de45555c5a
1 changed files with 31 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/EntityWorkflow/ListWorkflow.vue
View File

@ -44,11 +44,12 @@
<!--
Etape actuelle: {{ w.currentStep.currentStep.text }}
<ul>
<li v-for="w in w.steps">
Etape: {{ w.currentStep.text }},
<span v-if="w.transitionPrevious != null">
transition pour arriver à cette étape : {{ w.transitionPrevious.text }},
par: {{ w.transitionPreviousBy.text }}, le {{ w.transitionPreviousAt.datetime }}
<li v-for="step in w.steps">
Etape: {{ step.currentStep.text }},
<span v-if="step.transitionPrevious != null">
transition pour arriver à cette étape : {{ step.transitionPrevious.text }},
par: {{ step.transitionPreviousBy.text }},
le {{ step.transitionPreviousAt.datetime }}
</span>
</li>
</ul>
@ -81,8 +82,20 @@
<script>
import Popover from 'bootstrap/js/src/popover';
const i18n = {
messages: {
fr: {
you_subscribed_to_all_steps: "Vous recevrez une notification à chaque étape",
you_subscribed_to_final_step: "Vous recevrez une notification à l'étape finale",
by: "Par",
at: "Le"
}
}
}
export default {
name: "ListWorkflow",
i18n: i18n,
props: {
workflows: {
type: Array,
@ -93,13 +106,20 @@ export default {
goToUrl(w) {
return `/fr/main/workflow/${w.id}/show`;
},
getPopTitle(w) {
// todo
return 'title'
getPopTitle(step) {
if (step.transitionPrevious != null) {
let freezed = step.isFreezed ? `<i class="fa fa-snowflake-o fa-sm me-1"></i>` : ``;
return `${freezed}${step.currentStep.text}`; // or step.transitionPrevious.text ??
}
},
getPopContent(w) {
// todo
return 'content'
getPopContent(step) {
if (step.transitionPrevious != null) {
return `<ul class="small_in_title">
<li><span class="item-key">${i18n.messages.fr.by} : </span><b>${step.transitionPreviousBy.text}</b></li>
<li><span class="item-key">${i18n.messages.fr.at} : </span><b>${step.transitionPreviousAt.datetime}</b></li>
</ul>`
;
}
},
isUserSubscribedToStep(w) {
// todo
@ -118,14 +138,6 @@ export default {
html: true,
});
});
},
i18n: {
messages: {
fr: {
you_subscribed_to_all_steps: "Vous recevrez une notification à chaque étape",
you_subscribed_to_final_step: "Vous recevrez une notification à l'étape finale",
}
}
}
}
</script>