mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/izyim-api.git
synced 2026-08-19 04:24:01 +00:00
added integration for request verification code page
This commit is contained in:
Aqeeb Imtiaz Harun
@@ -46,7 +46,6 @@
|
||||
|
||||
<div class="form-row">
|
||||
<a href="#" id="login" class="button block green" type="submit">Sign In</a>
|
||||
<a href="home.html" class="button block green" id="signin">Sign In</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
@@ -1,100 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AzureUI - SIGNUP</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>AzureUI - SIGN-IN</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
|
||||
<!-- Header area start -->
|
||||
<header style="background-color: #FFF">
|
||||
<a class="go-back-link-index" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
|
||||
<h1 id="HT" class="page-title" style="color: #000">Sign-up</h1>
|
||||
</header>
|
||||
<!-- Header area end -->
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center">
|
||||
<img src="images/CIEF.png" style="width:200px; height:100px">
|
||||
</div>
|
||||
|
||||
<!-- Page content start -->
|
||||
<main>
|
||||
<section class="container">
|
||||
<form>
|
||||
<div class="form-row-group with-icons">
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-user" style="color: #667F97"></i>
|
||||
</div>
|
||||
<select class="form-element">
|
||||
<option value="">Role</option>
|
||||
<option value="1" selected>Importer</option>
|
||||
<option value="2">Forwarder</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-lock" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="password" name="aaa" class="form-element" placeholder="Password" required>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-lock" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="password" name="aaa" class="form-element" placeholder="Confirm Password" required>
|
||||
</div>
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-check" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="text" name="aaa" class="form-element" placeholder="Verification No" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-row txt-center" style="color:white">
|
||||
Request verification number
|
||||
</div>
|
||||
|
||||
<div class="form-row-group with-icons">
|
||||
<div class="form-row no-padding">
|
||||
<div style="position:absolute; top: 10px;">
|
||||
<i class="fa fa-phone" style="color: #667F97"></i>
|
||||
</div>
|
||||
<input type="text" name="aaa" class="form-element" placeholder="Mobile No">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-divider"></div>
|
||||
<a href="#" class="button blue" style="right: 50px">Send</a>
|
||||
<div class="form-divider"></div>
|
||||
<div class="form-label-divider"></div>
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<div >
|
||||
<a href="verify-terms-conditions.html" class="button block green">Sign Up</a>
|
||||
</div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
Already have an account? <a href="index.html" data-loader="show">Sign-in</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<!-- Page content end -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -8,8 +8,8 @@
|
||||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/global.style.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div class="wrapper-inline">
|
||||
<div class="form-divider"></div>
|
||||
@@ -19,15 +19,16 @@
|
||||
</div>
|
||||
|
||||
<div class="form-row txt-center">
|
||||
IZYIM will send an SMS message to verify your phone number. Enter your country code and phone number:
|
||||
IZYIM will send an SMS message to verify your phone number. Enter your country code and phone number:
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-divider"></div>
|
||||
|
||||
<!-- Here Lies Main Start Here -->
|
||||
<main>
|
||||
<section class="container">
|
||||
<form></form>
|
||||
<form>
|
||||
@csrf
|
||||
<div class="form-row-group with-icons">
|
||||
|
||||
<div class="form-row no-padding">
|
||||
@@ -53,7 +54,7 @@
|
||||
<div class="azfooter">
|
||||
<div class="azfmain-button">
|
||||
<div class="form-row txt-center">
|
||||
<a href="verify-code-number.html" class="button block green">NEXT</a>
|
||||
<a href="#" id="send-verification" class="button block green">NEXT</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="azfmain-txt">
|
||||
@@ -61,14 +62,32 @@
|
||||
Carrier SMS charges may apply
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- AzFooter Ended Here -->
|
||||
|
||||
</div> <!-- AzFooter Ended Here -->
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('#send-verification').click(function() {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "api/send-verification",
|
||||
data: {
|
||||
phone: $('#mobile').val()},
|
||||
success: function(data) {
|
||||
document.location.href="verify-code-number.html";
|
||||
},
|
||||
error: function() {
|
||||
alert("Failed");}
|
||||
});
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user