Skip to content

Instantly share code, notes, and snippets.

@lakshaygupta21
Created May 13, 2020 06:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lakshaygupta21/12ddb5684e6cb8ad524fa66ad696e3aa to your computer and use it in GitHub Desktop.
Save lakshaygupta21/12ddb5684e6cb8ad524fa66ad696e3aa to your computer and use it in GitHub Desktop.
<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