X-Git-Url: http://www.aleph1.co.uk/gitweb/?a=blobdiff_plain;ds=sidebyside;f=web%2Fcore%2Fthemes%2Fseven%2Fjs%2Fmobile.install.es6.js;fp=web%2Fcore%2Fthemes%2Fseven%2Fjs%2Fmobile.install.es6.js;h=26271c0f7d984eb9b1429b90d45eb81934b08fa1;hb=9917807b03b64faf00f6a1f29dcb6eafc454efa5;hp=0000000000000000000000000000000000000000;hpb=aea91e65e895364e460983b890e295aa5d5540a5;p=yaffs-website

diff --git a/web/core/themes/seven/js/mobile.install.es6.js b/web/core/themes/seven/js/mobile.install.es6.js
new file mode 100644
index 000000000..26271c0f7
--- /dev/null
+++ b/web/core/themes/seven/js/mobile.install.es6.js
@@ -0,0 +1,29 @@
+(function () {
+  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);
+  }
+}());