Subversion Repositories SmartDukaan

Rev

Rev 9025 | Blame | Compare with Previous | Last modification | View Log | RSS feed

<html>
<head>
<style>
.loading-image {
position: fixed;
top: 40%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
z-index: 100;
}
</style>
<script src="/Support/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
  $(function(){ 
        $(".flipkart-upload").live('click', function() {
                flipkartuploadorders("content");
    }); 
        });
</script>
<script type="text/javascript">
function flipkartuploadorders(domId){
jQuery.ajax({
        type : "GET",
        url : "/Support/flipkart-dashboard!uploadorders",
        success : function(response) {
            $('#' + domId).html(response);
        }
    });
}
        
$("#uploadOrders").live('submit', function(){
    var formData = new FormData($(this)[0]);

    jQuery.ajax({
        url: "/Support/flipkart-dashboard!uploadOrdersFile",
        type: 'POST',
        data: formData,
        async: false,
                beforeSend: function(){
        $('#ajax-spinner').show();
        },
                complete: function(){
        $('#ajax-spinner').hide();
                $('#uploadOrders')[0].reset();
        },
        success: function (data) {
                        jAlert(data, 'ALERT');
        },
                 error : function() {
                        jAlert("Error.");
                 },
        cache: false,
        contentType: false,
        processData: false
    });

    return false;
});
</script>
<style>
        #content{
        margin-top:20px;
        }
</style>
<link href="/Support/css/jquery.alerts.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="/Support/js/jquery.alerts.js"></script>
</head>
<body>
<span><a href="/Support/reports">Back</a></span>        
<div style="margin: 5px;">&nbsp;</div>
<h4>Flipkart Dashboard</h4>
<div class="options">
<hr>
<a href="#" class="flipkart-upload">Create Orders</a>
<br>
<br>
<br>
<hr>
<div id="ajax-spinner" style="display:none;">
<img src="/Support/images/ajax_loader_blue.gif" class="loading-image">
</div>
</div>
<div id="content">
</div>
</body>
</html>