Nantes Université

Skip to content
Extraits de code Groupes Projets
Valider 836873ae rédigé par Julien BOUYER's avatar Julien BOUYER
Parcourir les fichiers

Merge branch 'feature/UNOTOPLYS-65_progress_graph_mode' into 'develop'

UNOTOPLYS-65 feat(front) : affichage de la progressbar en type graph

See merge request !20
parents fc99e958 f353f1d7
Aucune branche associée trouvée
Aucune étiquette associée trouvée
2 requêtes de fusion!121UNAPLLYTMA-10 - EVOL 7 : Intégration d'un bouton "Imprimer",!20UNOTOPLYS-65 feat(front) : affichage de la progressbar en type graph
......@@ -6,7 +6,7 @@
</div>
</div>
<div class="apply-progress">
<screen-progress v-if="progress" :current="progress.current" :max="progress.max"></screen-progress>
<screen-progress v-if="progress" :current="progress.current" :max="progress.max" type="graph"></screen-progress>
</div>
<div class="form__actions-buttons">
<button v-if="hasPrevious" class="btn btn--primary" @click="previousScreen">
......
......@@ -3,6 +3,13 @@ import Component from 'vue-class-component';
import {Prop} from 'vue-property-decorator';
import VueI18n from 'vue-i18n';
const ProgressTypes = {
NONE: 'node',
GRAPH: 'graph',
PERCENTAGE: 'percentage',
STEPS: 'steps',
};
@Component
export default class ScreenProgress extends Vue {
......@@ -12,7 +19,15 @@ export default class ScreenProgress extends Vue {
@Prop()
public max: number;
@Prop()
public type: string;
public get label(): VueI18n.TranslateResult {
return this.$t('formFront.screen.progress.label', {current: this.current, max: this.max});
if (this.type === ProgressTypes.PERCENTAGE) {
return this.$t('formFront.screen.progress.label', {current: this.current, max: this.max});
} else if (this.type === ProgressTypes.STEPS) {
return this.$t('formFront.screen.progress.label', {current: this.current, max: this.max});
}
return '';
}
}
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter