Gleipnir/nidus-sync
2
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Figure out router pattern for compliance steps

Browse source
This commit is contained in:
Eli Ribble 2026-04-07 00:04:40 +00:00
parent 20614acb86
commit 4faa7fa8c0
No known key found for this signature in database
8 changed files with 132 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

24
ts/rmo/components/ProgressBarCompliance.vue Normal file
View file

@ -0,0 +1,24 @@
<template>
<div class="mb-4">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="small text-muted">Step {{ step }} of {{ maxSteps }}</span>
</div>
<div class="progress" style="height: 8px">
<div
class="progress-bar"
role="progressbar"
:style="{ width: (step / maxSteps) * 100 + '%' }"
aria-valuenow="12"
aria-valuemin="0"
aria-valuemax="100"
></div>
</div>
</div>
</template>
<script setup lang="ts">
interface Props {
step: number;
}
const props = defineProps<Props>();
const maxSteps = 8;
</script>