WebSVN – SmartDukaan – /trunk/Support/src/main/webapp/WEB-INF/content/pickup-store-show.vm

<html>
<head>
        <title>Hotspot Store Dashboard for Saholic Orders</title>
</head>
<script type="text/javascript" src="/Support/js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="/Support/js/jquery.validate.js"></script>
<script type="text/javascript" src="/Support/js/jquery.colorbox-min.js"></script>

<link rel="stylesheet" href="/Support/css/colorbox.css" type="text/css" media="all" /> 
<link rel="stylesheet" href="/Support/css/lightbox_inline.css" type="text/css" media="all" />

<script type="text/javascript">
$(function() {

        $('.rejectform').live('click', function() {
                orderid = $('input[name=orderid]',$(this).parent()).val() 
                jQuery.ajax({
                  type: "POST",
                  url: "$request.getContextPath()/pickup-store",
                  data: "orderid=" + orderid + "&action=markrejected",
                  success: function(msg){
                        window.location = '$request.getContextPath()/pickup-store/receive';
                  }
                });
        });
        
        $('.receiveform').live('click', function() {
                jacketnumber = $('input[name=jacketnumber]',$(this).parent()).val()
                ojacketnumber = $('input[name=jacketnumber]',$(this).parent()).attr('jacketnumber');
                if(jacketnumber != ojacketnumber){
                        alert("Jacket Number does not match. Enter correct jacket number.");
                        return false; 
                }
                orderid = $('input[name=orderid]',$(this).parent()).val() 
                jQuery.ajax({
                  type: "POST",
                  url: "$request.getContextPath()/pickup-store",
                  data: "orderid=" + orderid + "&action=markreceived",
                  success: function(msg){
                        window.location = '$request.getContextPath()/pickup-store/receive';
                  }
                });
        });
    $('#awbnumber').live('blur', function() {
                orderid = $("#orderid").val();
                if($('#awbnumber').val() == ""){
                        alert("AWB Number cannot be left empty !!!");
                        $("#awbnumber").focus();
                        return false;
                }
                awbnumber = $('#'+orderid + ' td')[4].innerHTML
                if($('#awbnumber').val() != awbnumber){
                        alert("AWB Number does not match !!!");
                        $("#awbnumber").focus();
                        return false;
                }
    });
        $('#amount').live('blur', function() {
                orderid = $("#orderid").val();
                if($('#amount').val() == ""){
                        alert("Amount cannot be left empty !!!");
                        $("#amount").focus();
                        return false;
                }
                amount = $('#'+orderid + ' td')[5].innerHTML
                if($('#amount').val() != amount){
                        alert("Amount does not match !!!");
                        $("#amount").focus();
                        return false;
                }
    });
        $('#secretcode').live('blur', function() {
                orderid = $("#orderid").val();
                if($('#secretcode').val() == ""){
                        alert("Secret code cannot be left empty !!!");
                        $("#secretcode").focus();
                        return false;
                }
                secretcode = $('#'+orderid + ' td')[6].innerHTML
                if($('#secretcode').val() != secretcode){
                        alert("Secret code does not match !!!");
                        $("#secretcode").focus();
                        return false;
                }
    });
});

function displayForm(orderId, cod){
        $("#myform").css("display","block");
        if(cod){
                $("#codblock").css("display","block");
                $('#codblock').attr('disabled', '');
        }else{
                $("#codblock").css("display","none");
                $('#codblock').attr('disabled', 'disabled');
        }
        $("#orderid").val(orderId);
}

function printManifest(){
        var orderIds = '';
        var awbs = '';
        $('.rorder').each(function() {
                $('input[name=oid]:checked', $(this)).each(function() {
                         var awb = $('input[name=awb]', $(this).parent()).val();
                         if(awb == ""){
                                alert("Airway Bill Number can not be left empty for selected orders.");
                                return false;
                         }
                if(orderIds == ''){
                        orderIds = $(this).val();
                                awbs = awb;
                }else{
                        orderIds = orderIds + ':' + $(this).val();
                                awbs = awbs + ':' + awb;
                }
                });
        });
        
        
        $('#manifestbutton').attr('disabled', 'disabled');
        $('#confirmbutton').attr('disabled', '');
        
        $('input[name=oid]').each(function() {
                $(this).attr('disabled', 'disabled');
        });
        
        $('input[name=awb]').each(function() {
                $(this).attr('disabled', 'disabled');
        });

        provider=$('#providerId').val();
        orderIds='';
        $('input[name=oid]:checked').each(function() {
                if(orderIds == ''){
                        orderIds = $(this).val();
                }else{
                        orderIds = orderIds + ':' + $(this).val();
                }
        });
        if(orderIds == ''){
                alert('No order is selected !!!');
                return;
        }
        url = '/Support/manifest?providerID=' + provider + '&storeId=$action.getStoreId()&orderIds=' + orderIds + '&awbs=' + awbs;
        window.open(url);
}

function openDialogue(provider){
                                
                radBtn = '<input type="hidden" id="providerId" value=' + provider+ ' />';

                $('.log-' + provider).each(function() {
                        orderId = $('td', $(this))[0].innerHTML
                        radBtn = radBtn + '<span class="rorder"><input type="checkbox" name="oid" value="' + orderId + '" checked/>' + orderId +'<input type="text" name="awb" value=""/></br></span>'; 
                });

                $(".colorSelLightBoxColor .content").html(radBtn);
                                
                jQuery.fn.colorbox({
                        inline:true, 
                        href:".colorSelLightBoxColor", 
                        open:true, 
                        onComplete:function(){
                                var posLeft = (document.documentElement.clientWidth / 2) - (parseInt($('#colorbox').css('width')) / 2);
                                var posTop = (document.documentElement.clientHeight / 2) - (parseInt($('#colorbox').css('height')) / 2);

                                $('#colorbox').css('top', posTop);
                                $('#colorbox').css('left', posLeft);
                        }
                });
}
        


function confirmReturns(provider){
        provider=$('#providerId').val();
        var orderIds = '';
        var awbs = '';
        $('.rorder').each(function() {
                $('input[name=oid]:checked', $(this)).each(function() {
                         var awb = $('input[name=awb]', $(this).parent()).val();
                         if(awb == ""){
                                alert("Airway Bill Number can not be left empty for selected orders.");
                                return false;
                         }
                if(orderIds == ''){
                        orderIds = $(this).val();
                                awbs = awb;
                }else{
                        orderIds = orderIds + ':' + $(this).val();
                                awbs = awbs + ':' + awb;
                }
                });
        });
        if(orderIds == ''){
                alert('No order is selected !!!');
                return;
        }
        
        jQuery.ajax({
                  type: "POST",
                  url: "$request.getContextPath()/pickup-store",
                  data: "orderIds="+orderIds+"&providerID="+provider+"&action=markreturned&awbs="+awbs,
                  success: function(msg){
                        window.location = '$request.getContextPath()/pickup-store/return';
                  }
        });
        
}
</script>
        


                
<style type="text/css">
.error {
color: red;
}
</style>

<a href="$request.getContextPath()/pickup-store">Back to Main Menu</a>

<div style="color:red">$action.getError()</div>
#if($action.getId() == "receive")
#set($orders=$action.getReceivePendingOrders())
<h3>Receive Pending Orders</h3>
</br>
<table border="1">
<tr>
<th>Order Id</th>
<th>Customer Name</th>
<th>Product</th>
<th>AWB Number</th>
<th></th>
<th></th>
</tr>

#foreach($order in $orders)
#set($lineitem = $order.getLineitems().get(0))
<tr>
<td>$order.getId()</td>
<td>$order.getCustomer_name()</td>
<th>$lineitem.getBrand() #if($lineitem.getModel_name())$lineitem.getModel_name()#end #if($lineitem.getModel_number())$lineitem.getModel_number()#end #if($lineitem.getColor())$lineitem.getColor()#end</th>
<td>$order.getAirwaybill_no()</td>
<td>
        <!--action="$request.getContextPath()/pickup-store"-->

<div>
<p>
Jacket Number<input id="jacketnumber" name="jacketnumber" value="" jacketnumber="$order.getJacket_number()" type="text" class="required">
<input id="orderid" name="orderid" value="$order.getId()" type="hidden">
<input id="action" name="action" value="markreceived" type="hidden">
<input type="submit" class="receiveform" value="Mark Received">
<p>
</div>

</td>
<td><div><input id="orderid" name="orderid" value="$order.getId()" type="hidden"><input type="submit" class="rejectform" value="Do Not Receive"></div></td>
</tr>
#end

</table>

#elseif($action.getId() == "deliver")
        
<h3>Received Orders</h3>
#set($receivedorders=$action.getReceivedAtStoreOrders())

<table border="1">
<tr>
<th>Order Id</th>
<th>Order Type</th>
<th>Customer Name</th>
<th>Product</th>
<th style="display:none">AWB Number</th>
<th style="display:none">Amount</th>
<th style="display:none">Secret Code</th>
<th>Jacket Number</th>
<th></th>
</tr>

#foreach($receivedorder in $receivedorders)
#set($lineitem = $receivedorder.getLineitems().get(0))
<tr id="$receivedorder.getId()">
<td>$receivedorder.getId()</td>
<td>#if($receivedorder.isCod())COD#else Prepaid #end</td>
<td>$receivedorder.getCustomer_name()</td>
<td>$lineitem.getBrand() #if($lineitem.getModel_name())$lineitem.getModel_name()#end #if($lineitem.getModel_number())$lineitem.getModel_number()#end #if($lineitem.getColor())$lineitem.getColor()#end</td>
<td style="display:none">$receivedorder.getAirwaybill_no()</td>
<td style="display:none">$receivedorder.getTotal_amount()</td>
<td style="display:none">$action.getSecretCode($receivedorder.getId())</td>
<td>$receivedorder.getJacket_number()</td>
<td>
        <input type="radio" name="selectedorder" value="$receivedorder.getId()" onclick="displayForm($receivedorder.getId(), $receivedorder.isCod())" />
</td>
</tr>
#end

</table>

<br>
<br>
<br>
<form name="myform" id="myform" style="display:none" action="$request.getContextPath()/pickup-store" method="POST">
<input id="orderid" name="orderid" value="" type="hidden">
AWB Number &nbsp;&nbsp; <input id="awbnumber" name="awbnumber" class="required" value="" type="text"><br />
<div id="codblock" style="display:none">
Amount Collected &nbsp;&nbsp; <input id="amount" name="amount" class="required" value="0.0" type="text"><br />
Payment Type &nbsp;&nbsp; <input type="radio" name="paymenttype" class="required" value="Cash" checked /> Cash
                              <input type="radio" name="paymenttype" class="required" value="Card" /> Card <br />
</div>
Secret Code &nbsp;&nbsp; <input id="secretcode" name="secretcode" class="required" value="" type="text"><br />
Receiver &nbsp;&nbsp; <input id="receiver" name="receiver" class="required" value="" type="text"><br />

</b>
<input id="action" name="action" value="markdelivered" type="hidden">
<br><input type="submit" value="Mark Delivered"><br>
</form>


<script type="text/javascript" charset="utf-8">
            $(function(){
                $("form#myform").validate();
                });
</script>
                
                


#elseif($action.getId() == "return")
<h3>Return Pending Orders</h3>

#set($receivedorders=$action.getReceivedAtStoreOrders())
<hr />
<h5>BlueDart</h5>
<table border="1">
<tr>
<th>Order Id</th>
<th>Customer Name</th>
<th>Product</th>
<th style="display:none">Provider Id</th>
</tr>

#foreach($receivedorder in $receivedorders)
#if($receivedorder.getStatus().getValue() == 60 && $receivedorder.getLogistics_provider_id() == 1) 
        #set($lineitem = $receivedorder.getLineitems().get(0))
        <tr class="log-$receivedorder.getLogistics_provider_id()">
                <td>$receivedorder.getId()</td>
                <td>$receivedorder.getCustomer_name()</td>
                <th>$lineitem.getBrand() #if($lineitem.getModel_name())$lineitem.getModel_name()#end #if($lineitem.getModel_number())$lineitem.getModel_number()#end #if($lineitem.getColor())$lineitem.getColor()#end</th>
                <th style="display:none">$receivedorder.getLogistics_provider_id()</th>
        </tr>
#end
#end

</table>

</br>
<button type="button" onclick="this.disabled=true;openDialogue(1);" >Return orders for Bluedart</button>
</br>

<hr />
<h5>Delhivery</h5>
<table border="1">
<tr>
<th>Order Id</th>
<th>Customer Name</th>
<th>Product</th>
<th style="display:none">Provider Id</th>
</tr>

#foreach($receivedorder in $receivedorders)
#if($receivedorder.getStatus().getValue() == 60 && $receivedorder.getLogistics_provider_id() == 3) 
        #set($lineitem = $receivedorder.getLineitems().get(0))
        <tr class="log-$receivedorder.getLogistics_provider_id()">
                <td>$receivedorder.getId()</td>
                <td>$receivedorder.getCustomer_name()</td>
                <th>$lineitem.getBrand() #if($lineitem.getModel_name())$lineitem.getModel_name()#end #if($lineitem.getModel_number())$lineitem.getModel_number()#end #if($lineitem.getColor())$lineitem.getColor()#end</th>
                <th style="display:none">$receivedorder.getLogistics_provider_id()</th>
        </tr>
#end
#end

</table>

</br>
<button type="button" onclick="this.disabled=true;openDialogue(2);" >Return orders for Delhivery</button>
</br>




#elseif($action.getId() == "report")
        
<h3>Collection Report</h3>
<p>Specify the date range (dd/MM/yyyy):</p>
<form action="$request.getContextPath()/pickup-store" method="post">
        <div class="register-row">
                <label><span>Start Date:</span></label>
        <div class="imgTextBox textbox-image">
                        <input type="text" class="textbox" value="" name="startDate" id="datepicker" />
        </div>
        <div class="clearBoth"></div>   
     </div>
         <br/>
         <div class="register-row">
                <label><span>End Date:</span></label>
        <div class="imgTextBox textbox-image">
                        <input type="text" class="textbox" value="" name="endDate" id="datepicker1" />
        </div>
        <div class="clearBoth"></div>   
     </div>
         <br/>
         <input id="action" name="action" value="getreport" type="hidden">
         <div>
                <input name="submit" type="submit" value="Get Report"/>
         </div>
</form>


#end


        <!-- color by color lightbox -->
        <div style="display:none;">
                <div class="colorSelLightBoxColor">
                        <form name="frmColorSelName" method="post" action="#">
                                <h1>Select Orders to be Returned</h1>
                                <div class="content">
                                </div>
                                <div class="bigImgButton yellow-image">
                                        <input id="manifestbutton" value="Print Manifest" type="button" class="button" onclick="printManifest();" />
                                        <input id="confirmbutton" value="Confirm" type="button" class="button" disabled onclick="confirmReturns();" />
                                </div>
                                <div class="clearBoth"></div>
                        </form>
                </div>
        </div>
        <!-- /color by color lightbox -->
</html>
Subversion Repositories SmartDukaan

(root)/trunk/Support/src/main/webapp/WEB-INF/content/pickup-store-show.vm – Rev 5740
