more

Digital-Peak · Jun 1, 2017 · 4a91d2a · 4a91d2a
1 parent 09d0ce8
commit 4a91d2a
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 4 deletions.
diff --git a/installation/template/js/installation.js b/installation/template/js/installation.js
@@ -510,6 +510,7 @@ console.log(data)
 // Init on dom content loaded event
 document.addEventListener('DOMContentLoaded', function() {
 
+	var url = document.location;
 	// Show the container
 	if (document.getElementById('container-installation')) {
 		document.getElementById('container-installation').classList.remove('no-js');
@@ -606,6 +607,32 @@ document.addEventListener('DOMContentLoaded', function() {
 		})
 	}
 
+	if (document.getElementById('step1')) {
+		document.getElementById('step1').addEventListener('click', function(e) {
+			e.preventDefault();
+			if (document.getElementById('installStep2')) {
+				document.getElementById('installStep2').classList.add('active');
+				document.getElementById('step1').parentNode.removeChild(document.getElementById('step1'));
+
+				document.getElementById('installStep2').scrollIntoView();
+
+
+			}
+		})
+	}
+
+	if (document.getElementById('step2')) {
+		document.getElementById('step2').addEventListener('click', function(e) {
+			// e.preventDefault();
+			if (document.getElementById('installStep3')) {
+				document.getElementById('installStep3').classList.add('active');
+				document.getElementById('step2').parentNode.removeChild(document.getElementById('step2'))
+
+				document.getElementById('installStep3').scrollIntoView();
+			}
+		})
+	}
+
 	Joomla.checkInputs = function() {
 		var inputs = [].slice.call(document.querySelectorAll('input[type="password"], input[type="text"], input[type="email"], select')),
 		    state = true;

diff --git a/installation/view/site/tmpl/default.php b/installation/view/site/tmpl/default.php
@@ -36,10 +36,10 @@
 					</div>
 				</div>
 				<div class="col-md-8 offset-md-2 justify-content-end d-flex">
-					<button class="btn btn-success" ?><?php echo JText::_('Next'); ?> <span class="fa fa-chevron-right" aria-hidden="true"></span></button>
+					<a class="btn btn-success" id="step1" href="#installStep2"><?php echo JText::_('JNEXT'); ?> <span class="fa fa-chevron-right" aria-hidden="true"></span></a>
 				</div>
 			</div>
-			<div id="installStep2" class="install-step">
+			<div id="installStep2" class="install-step" data-scroll>
 				<div class="form-group row">
 					<div class="col-md-8 offset-md-2">
 						<?php echo $this->form->getLabel('admin_user'); ?>
@@ -66,10 +66,10 @@
 					</div>
 				</div>
 				<div class="col-md-8 offset-md-2 justify-content-end d-flex">
-					<button class="btn btn-success" ?><?php echo JText::_('Next'); ?> <span class="fa fa-chevron-right" aria-hidden="true"></span></button>
+					<a class="btn btn-success" href="#installStep3" id="step2"><?php echo JText::_('JNEXT'); ?> <span class="fa fa-chevron-right" aria-hidden="true"></span></a>
 				</div>
 			</div>
-			<div id="installStep3" class="install-step">
+			<div id="installStep3" class="install-step" data-scroll>
 				<div class="form-group row">
 					<div class="col-md-8 offset-md-2">
 						<?php echo $this->form->getLabel('db_type'); ?>