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() {

        $('#selectreason').change(function(){
                if($(this).val() == "Other"){
                        $('#reason').show();
                        $('#reason').addClass('required');
                }else{
                        $('#reason').hide();
                        $('#reason').removeClass('required');
                        $('label.error').remove();
                }
        });
        

        $('.receiveform').live('click', function() {
                var jacketnumber = $('input[name=jacketnumber]',$(this).parent()).val();
                var ojacketnumber = $('input[name=jacketnumber]',$(this).parent()).attr('jacketnumber');
                if(jacketnumber != ojacketnumber){
                        alert("Jacket Number does not match. Enter correct jacket number.");
                        return false; 
                }
                var 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';
                  }
                });
        });
    $('#jacketnumber').live('blur', function() {
                var orderid = $("#orderid").val();
                if($('#jacketnumber').val() == ""){
                        alert("Jacket Number cannot be left empty !!!");
                        //$("#jacketnumber").focus();
                        return false;
                }
                var jacketnumber = $('#'+orderid + ' td')[4].innerHTML;
                if($('#jacketnumber').val() != jacketnumber){
                        alert("Jacket Number does not match !!!");
                        //$("#jacketnumber").focus();
                        return false;
                }
                
                var cod = $('input[name=selectedorder]:checked').attr('iscod');
                if(cod=='true'){
                        $("#codblock").css("display","block");
                        $('#codblock').attr('disabled', '');
                }else{
                        $("#codblock").css("display","none");
                        $('#codblock').attr('disabled', 'disabled');
                        $("#secretcodeblock").css("display","block");
                }
                $("#jacketnumber").attr('readonly', 'readonly');
    });
        $('#amount').live('blur', function() {
                var orderid = $("#orderid").val();
                if($('#amount').val() == ""){
                        alert("Amount cannot be left empty !!!");
                        //$("#amount").focus();
                        return false;
                }
                var amount = $('#'+orderid + ' td')[5].innerHTML
                if($('#amount').val() != amount){
                        alert("Amount does not match !!!");
                        //$("#amount").focus();
                        return false;
                }
                $("#secretcodeblock").css("display","block");
                $("#amount").attr('readonly', 'readonly');
    });
        $('#secretcode').live('blur', function() {
                var orderid = $("#orderid").val();
                if($('#secretcode').val() == ""){
                        alert("Secret code cannot be left empty !!!");
                        //$("#secretcode").focus();
                        return false;
                }
                var secretcode = $('#'+orderid + ' td')[6].innerHTML
                if($('#secretcode').val() != secretcode){
                        alert("Secret code does not match !!!");
                        //$("#secretcode").focus();
                        return false;
                }
                $("#receiverblock").css("display","block");
                $('input[name=deliverybutton]').attr("disabled", "");
                $("#secretcode").attr('readonly', 'readonly');
    });
});


function openCancelDialogue(orderid){
                                
                var radBtn = '<input type="hidden" name="orderid" value=' + orderid + ' />';

                $(".cancelReasonLightBox .content").html(radBtn);
                                
                jQuery.fn.colorbox({
                        inline:true, 
                        href:".cancelReasonLightBox", 
                        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 openDialogue(provider, fillAWB){
                                
                var radBtn = '<input type="hidden" id="providerId" value=' + provider+ ' />';

                $('.log-' + provider).each(function() {
                        var orderId = $('td', $(this))[0].innerHTML;
                        var oldAWB = '';
                        var disableAWB = '';
                        if(fillAWB){
                                oldAWB =  $('td', $(this))[4].innerHTML;
                                disableAWB = 'readonly';
                        }
                        radBtn = radBtn + '<span class="rorder"><input type="checkbox" name="oid" value="' + orderId + '" checked/>' + orderId +'<input type="text" name="awb" ' + disableAWB + ' value="' + oldAWB + '"/></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 displayForm(orderId){
        $("#myform").css("display","block");
        $("#orderid").val(orderId);
}

function printManifest(){
        var orderIds = '';
        var awbs = '';
        var retval = true;
        $('.rorder').each(function() {
                $('input[name=oid]:checked', $(this)).each(function() {
                         var awb = $('input[name=awb]', $(this).parent()).val();
                         if(awb == ""){
                                retval = false;
                         }
                if(orderIds == ''){
                        orderIds = $(this).val();
                                awbs = awb;
                }else{
                        orderIds = orderIds + ':' + $(this).val();
                                awbs = awbs + ':' + awb;
                }
                });
        });
        
        if(!retval){
                alert("Airway Bill Number can not be left empty for selected orders.");
                return retval;
        }
        
        $('#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');
        });

        var provider=$('#providerId').val();
        var 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 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 false;
        }
        
        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></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>
<br></br>
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">
<br></br>
</div>

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

</table>

#elseif($action.getId() == "deliver")
        
<h3>Orders Pending for Delivery to Customer</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">Jacket Number</th>
<th style="display:none">Amount</th>
<th style="display:none">Secret Code</th>
<th>Amount to Collect</th>
<th>AWB Number</th>
<th></th>
</tr>

#foreach($receivedorder in $receivedorders)
#set($lineitem = $receivedorder.getLineitems().get(0))
#set($Double=($receivedorder.getTotal_amount()-$receivedorder.getGvAmount()))
<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.getJacket_number()</td>
<td style="display:none">$Double.intValue()</td>
<td style="display:none">$action.getSecretCode($receivedorder.getId())</td>
<td>#if($receivedorder.isCod())$Double.intValue()#else 0 #end</td>
<td>$receivedorder.getAirwaybill_no()</td>
<td>
        <input type="radio" name="selectedorder" iscod=$receivedorder.isCod() value="$receivedorder.getId()" onclick="displayForm($receivedorder.getId())" />
</td>
</tr>
#end

</table>

<br></br>
<br></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">
Jacket Number &nbsp;&nbsp; <input id="jacketnumber" name="jacketnumber" class="required" value="" type="text"><br></br>
<div id="codblock" style="display:none">
Amount Collected &nbsp;&nbsp; <input id="amount" name="amount" class="required" value="0" type="text"><br></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></br>
</div>
<div id="secretcodeblock" style="display:none">
Secret Code &nbsp;&nbsp; <input id="secretcode" name="secretcode" class="required" value="" type="text"><br></br>
</div>
<div id="receiverblock" style="display:none">
Receiver &nbsp;&nbsp; <input id="receiver" name="receiver" class="required" value="" type="text"><br></br>
</div>
<input id="action" name="action" value="markdelivered" type="hidden">
<br></br><input type="submit" name="deliverybutton" disabled value="Mark Delivered"><br></br>
</form>


<script type="text/javascript" charset="utf-8">
            $(function(){
                $("form#myform").validate();
                });
</script>
                
<ul> Instructions
        <li>Get copy of photo id card from customer.</li>
        <li>Ask secret code from customer.</li>
        <li>Take dispatch advice from packet and get it signed by customer. Keep it with you.</li>
</ul> 



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

<ul> Instructions
        <li>For runner, print manifest, get it signed by runner and keep it with you.</li>
        <li>For courier, get copy of the slip from courier person and keep it with you.</li>
</ul> 

#set($receivedorders=$action.getReceivedAtStoreOrders())

#set($providers=$action.getAllProviders())
#foreach($provider in $providers)
<hr />
<h5>$provider.getName()</h5>
<table border="1">
<tr>
<th>Order Id</th>
<th>Customer Name</th>
<th>Product</th>
<th style="display:none">Provider Id</th>
<th style="display:none">AWB Number</th>
</tr>

#foreach($receivedorder in $receivedorders)
#if($receivedorder.getStatus().getValue() == 60 && $receivedorder.getLogistics_provider_id() == $provider.getId()) 
        #set($lineitem = $receivedorder.getLineitems().get(0))
        <tr class="log-$receivedorder.getLogistics_provider_id()">
                <td>$receivedorder.getId()</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.getLogistics_provider_id()</td>
                <td style="display:none">$receivedorder.getAirwaybill_no()</td>
        </tr>
#end
#end

</table>

<br></br>
<button type="button" onclick="openDialogue($provider.getId(), #if($provider.getPickup().getValue() == 1) true #else false #end);" >Return orders for $provider.getName()</button>
<br></br>
#end

#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></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></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 Order and enter new AWB number.</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 -->
        

                <!-- color by color lightbox -->
        <div style="display:none;">
                <div style="height:150px;" class="cancelReasonLightBox">
                        <form id="frmColorSelName" name="frmColorSelName" method="post" action="$request.getContextPath()/pickup-store">
                                <h4>Select reason and confirm</h4>
                                <div class="content">
                                </div>
                                <div class="bigImgButton yellow-image">
                                        <input id="action" name="action" value="markrejected" type="hidden">
                                        <select style="width:250px;" id="selectreason" name="selectreason">
                                                <option>Jacket tampered.</option>
                                                <option>Jacket number does not match.</option>
                                                <option>Dispatch advice not legible.</option>
                                                <option>Packet damaged.</option>
                                                <option>Other</option>
                    </select>
                                        <br></br>
                                        <br></br>
                                        <input  style="display:none" type="text" id="reason" name="reason"/>
                                        <br></br>
                                        <input type="submit" value="Confirm">
                                </div>
                                <div class="clearBoth"></div>
                        </form>
                </div>
        </div>
        <!-- /color by color lightbox -->


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

</html>
Subversion Repositories SmartDukaan

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