Created
May 13, 2020 06:27
-
-
Save lakshaygupta21/12ddb5684e6cb8ad524fa66ad696e3aa to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<title>Reports</title> | |
<!-- jQuery --> | |
https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js | |
<!-- Bootstrap --> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | |
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js | |
<!-- Datepicker --> | |
<link href='bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css' rel='stylesheet' type='text/css'> | |
http://bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js | |
<script> | |
$(document).ready(function () { | |
var date_input = $('input[name="start_date"]'); | |
var container = $('.bootstrap-iso form').length > 0 ? $('.bootstrap-iso form').parent() : "body"; | |
var options = { | |
format: 'mm/dd/yyyy', | |
container: container, | |
todayHighlight: true, | |
autoclose: true, | |
}; | |
date_input.datepicker(options); | |
}) | |
</script> | |
<script> | |
$(document).ready(function () { | |
var date_input = $('input[name="end_date"]'); | |
var container = $('.bootstrap-iso form').length > 0 ? $('.bootstrap-iso form').parent() : "body"; | |
var options = { | |
format: 'mm/dd/yyyy', | |
container: container, | |
todayHighlight: true, | |
autoclose: true, | |
}; | |
date_input.datepicker(options); | |
}) | |
</script> | |
https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js | |
<link rel="stylesheet" | |
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css" /> | |
<script> | |
$(document).ready(function () { | |
var date_input = $('input[name="start_date"]'); | |
var container = $('.bootstrap-iso form').length > 0 ? $('.bootstrap-iso form').parent() : "body"; | |
date_input.datepicker({ | |
format: 'mm/dd/yyyy', | |
container: container, | |
todayHighlight: true, | |
autoclose: true, | |
}) | |
}) | |
</script> | |
<script> | |
$(document).ready(function () { | |
var date_input = $('input[name="end_date"]'); | |
var container = $('.bootstrap-iso form').length > 0 ? $('.bootstrap-iso form').parent() : "body"; | |
date_input.datepicker({ | |
format: 'mm/dd/yyyy', | |
container: container, | |
todayHighlight: true, | |
autoclose: true, | |
}) | |
}) | |
</script> | |
<style> | |
.containerform{ | |
margin-left:35% !important | |
} | |
form{ | |
width:40% !important | |
} | |
button{ | |
width:100% !important | |
} | |
</style> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="jumbotron jumbotron-fluid"> | |
<div class="container"> | |
<h1 class="display-4">Easy way to generate your amazon reports</h1> | |
<p class="lead">Fill in your credentials and hit the generate reports button</p> | |
</div> | |
</div> | |
<div class='containerform'> | |
<form method='POST' action="/"> | |
<div class="form-group"> | |
<input type="text" class="form-control" name="aws_key" placeholder='AWS KEY' required autocomplete="off"> | |
</div> | |
<div class="form-group"> | |
<input type="text" class="form-control" name="aws_secret_key" placeholder='AWS SECRET KEY' required autocomplete="off"> | |
</div> | |
<div class="form-group"> | |
<input type="text" class="form-control" name="seller_id" placeholder='SELLER ID' required autocomplete="off"> | |
</div> | |
<div class="form-group"> | |
<input type="text" class="form-control" name="mws_auth_token" placeholder='MWS AUTHORISATION TOKEN' required autocomplete="off"> | |
</div> | |
<div class="form-group"> | |
<input type="text" class="form-control" name="seller_name" placeholder='SELLER NAME' required autocomplete="off"> | |
</div> | |
<div class="form-group"> | |
<input class="form-control" name="start_date" placeholder="START DATE MM/DD/YYYY" type="text" autocomplete="off" required/> | |
</div> | |
<div class="form-group"> | |
<input class="form-control" name="end_date" placeholder="END DATE MM/DD/YYY" type="text" autocomplete="off" required/> | |
</div> | |
<button type="submit" class="btn btn-primary">Generate Reports</button> | |
</form> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment