1234567891011121314151617181920212223242526272829 |
- (() => {
- function findActiveStep(steps) {
- for (let i = 0; i < steps.length; i++) {
- if (steps[i].className === 'is-active') {
- return i + 1;
- }
- }
- // The final "Finished" step is never "active".
- if (steps[steps.length - 1].className === 'done') {
- return steps.length;
- }
- return 0;
- }
- function installStepsSetup() {
- const steps = document.querySelectorAll('.task-list li');
- if (steps.length) {
- const header = document.querySelector('header[role="banner"]');
- const stepIndicator = document.createElement('div');
- stepIndicator.className = 'step-indicator';
- stepIndicator.innerHTML = `${findActiveStep(steps)}/${steps.length}`;
- header.appendChild(stepIndicator);
- }
- }
- if (document.addEventListener) {
- document.addEventListener('DOMContentLoaded', installStepsSetup);
- }
- })();
|