Subversion Repositories SmartDukaan

Rev

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

<html>
<head>
<meta http-equiv="refresh" content="60">
<script src="/Support/js/jquery-1.5.1.min.js"></script>
<link href="/Support/css/jquery.alerts.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="/Support/js/jquery.alerts.js"></script>
<script type="text/javascript">
  $(function(){ 
        $(".sheet-upload").live('click', function() {
                loadSheet("content");
    }); 
        
        $(".add-items").live('click', function() {
                loadItem("content");
    });

        $(".viewReport").live('click', function() {
                var up_id = $(this).attr('uploadId');
                viewReport(up_id);
    });

$("#uploadBulkFile").live('submit', function(){
    var formData = new FormData($(this)[0]);

    jQuery.ajax({
        url: "/Support/competition-scraping!uploadBulkFile",
        type: 'POST',
        data: formData,
        async: false,
                beforeSend: function(){
        $('#loader').show();
                $('#scui-alert').hide();
        },
        success: function (data) {
                        $('#uploadBulkFile')[0].reset();
                        $('#scui-alert').show();
                        $('#' + 'previous-data').html(data);
                        $('#loader').hide();
        },
                 error : function() {
                        jAlert("OOPS!!!Unable to upload.No of items can exceed 100.",'ERROR');
                        $('#loader').hide();
                 },
        cache: false,
        contentType: false,
        processData: false
    });

    return false;
});
});
</script>
<script type="text/javascript">
function loadSheet(domId){
jQuery.ajax({
        type : "GET",
        url : "/Support/competition-scraping!uploadSheet",
        success : function(response) {
            $('#' + domId).html(response);
        }
    });  
}
function loadItem(domId){
jQuery.ajax({
        type : "GET",
        url : "/Support/competition-scraping!addItems",
        success : function(response) {
            $('#' + domId).html(response);
        }
    });  
}
function downloadReport(uploadId){
jQuery.ajax({
        type : "GET",
        url : "/Support/competition-scraping!downloadReport?requestId="+uploadId,
                error : function() {
                        jAlert("OOPS!!!Unable to stream",'ERROR');
                 },
    });  
}
function viewReport(uploadId){
jQuery.ajax({
        type : "GET",
        url : "/Support/competition-scraping!getUploadData?requestId="+uploadId,
                success: function (data) {
                        $('#' + 'report-data').html(data);
        },
                error : function() {
                        jAlert("OOPS!!!Unable to render report",'ERROR');
                 },
    });  
}
</script>
<script type="text/javascript">
                $(function(){
jQuery.ajax({
        type : "GET",
        url : "/Support/competition-scraping!getPreviousData",
                beforeSend: function(){
                        $('#loader').show();
        },
        complete: function(){
                        $('#loader').hide();
        },
        success : function(response) {
        $('#' + 'previous-data').html(response);
        }
    });  
});
</script>
<script type="text/javascript">
$(function(){   
$("#itemForm").live('submit', function(){
        $('input[type=checkbox]').each(function () {
        if(this.checked){
                $(this).val('true');
        }
        else{
                $(this).attr('checked','checked');
                $(this).val('false');
        }       
        });
        var data = $('#itemForm').serialize() 
    jQuery.ajax({
        url: "/Support/competition-scraping!processItems",
        type: 'POST',
        data: data,
        async: false,
                beforeSend: function(){
        $('#loader').show();
                $('#scui-alert').hide();
        },
        success: function (data) {
                        $('#scui-alert').show();
                        $('#' + 'previous-data').html(data);
                        $('#loader').hide();
                        $('#content').hide();
        },
                 error : function() {
                        jAlert("OOPS!!!Unable to upload.Try Again.",'ERROR');
                        $('#loader').hide();
                 },
        cache: false,
        contentType: "application/x-www-form-urlencoded",
        processData: false
    });
    return false;
});
});
</script>


<style>
        a{
                text-decoration:none;
        }
        #content{
                margin-top:20px;
        }
        td{
                text-align:center;
        }
        th{
                text-align:center;
        }
* { font-family: Verdana; font-size: 96%; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
ul { padding-left: 13px;}
td{background-color:gainsboro};
.diffColor {
    background: grey;
}
    border-color: #89cd89;
}
#scui-alert {
    background-color: white;
    border: 1px solid black;
    border-radius: 4px;
    line-height: 18px;
}
</style>
</head>
<body>
<div style="padding: 10px 0px;">
           <a style="padding-left: 10px;" href="/Support/reports">Back</a>
           <a style="padding-left: 10px;" href="/Support/logout">Logout</a>
</div>
<div style="margin: 5px; color: blue;"><h3>Competition Scraping</h3></div>
<div class="options">
<hr>
<a target="_blank" href="http://173.255.253.139/competitor-scraping-template.xls">Download Bulk Upload Template</a>
<br>
<br>
<a href="#" class="sheet-upload">Upload Item Sheet</a>
<br>
<br>
<a href="#" class="add-items">Add Items To Process</a>
<hr>
</div>
<div style="color:red;">
    #sactionerror()
</div>
<div id="content">
</div>
<div style="margin-bottom: 10px; margin-top: 10px; border: 1px solid black;display:none;" id="scui-alert">  
        <div class="scui-alert-inner">
            <h4 style="margin-bottom: 0px; color: green; margin-left: 15px; margin-top: 10px;">Success</h4>
            <ul style="margin-top: 5px; margin-bottom: 5px;" class="multiple">
            <li style="list-style: none outside none;"><strong>Your request accepted.</strong>You will be notified about status by email.</li>
            </ul>
        </div>
</div>
<div id="loader" style="display:none;">
        <table width="100%">
                <tr>
                        <td style="background-color:white;width:0%;"></td>
                        <td style="background-color:white;"><img src="/Support/images/galary_loading.gif" /></td>
                </tr>
        </table>
</div>
<div id="previous-data">
</div>
<div id="report-data" style="margin-top:30px;">
</div>
</body>
</html>