svn commit: r782200 - /ofbiz/trunk/specialpurpose/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

svn commit: r782200 - /ofbiz/trunk/specialpurpose/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl

apatel-2
Author: apatel
Date: Sat Jun  6 07:18:47 2009
New Revision: 782200

URL: http://svn.apache.org/viewvc?rev=782200&view=rev
Log:
cleaned up some more markup.

Modified:
    ofbiz/trunk/specialpurpose/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl

Modified: ofbiz/trunk/specialpurpose/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl
URL: http://svn.apache.org/viewvc/ofbiz/trunk/specialpurpose/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl?rev=782200&r1=782199&r2=782200&view=diff
==============================================================================
--- ofbiz/trunk/specialpurpose/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl (original)
+++ ofbiz/trunk/specialpurpose/ecommerce/webapp/ecommerce/order/OnePageCheckoutProcess.ftl Sat Jun  6 07:18:47 2009
@@ -17,32 +17,27 @@
 under the License.
 -->
 
-<div class="screenlet">
+<div>
   <#assign shoppingCart = sessionAttributes.shoppingCart?if_exists>
-  <div class="screenlet-header">
-    <div class="boxhead">${uiLabelMap.OrderCheckout}</div>
-  </div>
-  <div class="screenlet-body">
+  <h1>${uiLabelMap.OrderCheckout}</h1>
     <#if shoppingCart?has_content && shoppingCart.size() gt 0>
       <div id="checkoutPanel">
 
 <#-- ========================================================================================================================== -->
         <div id="cartPanel" class="screenlet">
-          <div class="screenlet-header"><div class="boxhead">${uiLabelMap.EcommerceStep} 1: ${uiLabelMap.PageTitleShoppingCart}</div></div>
-          <div id="cartSummaryPanel" class="screenlet-body" style="display: none;">
-            <div class="buttons"><span><a href="javascript:void(0);" id="openCartPanel">${uiLabelMap.EcommerceClickHereToEdit}</a></span></div>
-            <div><h3>${uiLabelMap.OrderShoppingCart} ${uiLabelMap.EcommerceSummary}</h3></div>
-            <table width="75%" cellspacing="0" cellpadding="1" border="0">
+          <h3 class="boxhead">${uiLabelMap.EcommerceStep} 1: ${uiLabelMap.PageTitleShoppingCart}</h3>
+          <div id="cartSummaryPanel" style="display: none;">
+            <div class="buttons"><a href="javascript:void(0);" id="openCartPanel">${uiLabelMap.EcommerceClickHereToEdit}</a></div>
+            <table id="cartSummaryPanel_cartItems">
               <thead>
                 <tr>
-                  <td><div><b>${uiLabelMap.OrderItem}</b></div></td>
-                  <td><div><b>${uiLabelMap.CommonDescription}</b></div></td>
-                  <td align="center"><div><b>${uiLabelMap.EcommerceUnitPrice}</b></div></td>
-                  <td align="center"><div><b>${uiLabelMap.OrderQuantity}</b></div></td>
-                  <td align="center"><div><b>${uiLabelMap.EcommerceAdjustments}</b></div></td>
-                  <td align="right"><div><b>${uiLabelMap.EcommerceItemTotal}</b></div></td>
+                  <th>${uiLabelMap.OrderItem}</th>
+                  <th>${uiLabelMap.CommonDescription}</th>
+                  <th>${uiLabelMap.EcommerceUnitPrice}</th>
+                  <th>${uiLabelMap.OrderQuantity}</th>
+                  <th>${uiLabelMap.EcommerceAdjustments}</th>
+                  <th>${uiLabelMap.EcommerceItemTotal}</th>
                 </tr>
-                <tr><td colspan="6"><hr/></td></tr>
               </thead>
               <tbody>
                 <#assign itemCount = 0>
@@ -58,19 +53,21 @@
                     <#if !smallImageUrl?string?has_content><#assign smallImageUrl = ""></#if>
                   </#if>
                   <tr id="cartItemDisplayRow_${cartLineIndex}">
-                    <td><div><img src="<@ofbizContentUrl>${requestAttributes.contentPathPrefix?if_exists}${smallImageUrl}</@ofbizContentUrl>" alt = "Product Image" /></div></td>
-                    <td><div>${cartLine.getName()?if_exists}</div></td>
-                    <td align="center"><div>${cartLine.getDisplayPrice()}</div></td>
-                    <td align="center"><div><span id="completedCartItemQty_${cartLineIndex}">${cartLine.getQuantity()?string.number}</span></div></td>
-                    <td align="center"><div><span id="completedCartItemAdjustment_${cartLineIndex}"><@ofbizCurrency amount=cartLine.getOtherAdjustments() isoCode=shoppingCart.getCurrency()/></span></div></td>
-                    <td align="right"><div id="completedCartItemSubTotal_${cartLineIndex}"><@ofbizCurrency amount=cartLine.getDisplayItemSubTotal() isoCode=shoppingCart.getCurrency()/></div></td>
+                    <td><img src="<@ofbizContentUrl>${requestAttributes.contentPathPrefix?if_exists}${smallImageUrl}</@ofbizContentUrl>" alt = "Product Image" /></td>
+                    <td>${cartLine.getName()?if_exists}</td>
+                    <td>${cartLine.getDisplayPrice()}</td>
+                    <td><span id="completedCartItemQty_${cartLineIndex}">${cartLine.getQuantity()?string.number}</span></td>
+                    <td><span id="completedCartItemAdjustment_${cartLineIndex}"><@ofbizCurrency amount=cartLine.getOtherAdjustments() isoCode=shoppingCart.getCurrency()/></span></td>
+                    <td align="right"><span id="completedCartItemSubTotal_${cartLineIndex}"><@ofbizCurrency amount=cartLine.getDisplayItemSubTotal() isoCode=shoppingCart.getCurrency()/></span></td>
                   </tr>
-                  <tr><td colspan="6"><hr/></td></tr>
                   <#assign itemCount = itemCount + 1>
                 </#list>
+              </tbody>
+            </table>
+            <table id="cartSummaryPanel_cartTotals">
+              <tbody>
                 <tr id="completedCartSubtotalRow">
-                  <td colspan="4"></td>
-                  <td><div><b>${uiLabelMap.CommonSubtotal}:</b></div></td>
+                  <th scope="row">${uiLabelMap.CommonSubtotal}</th>
                   <td><div id="completedCartSubTotal"><@ofbizCurrency amount=shoppingCart.getSubTotal() isoCode=shoppingCart.getCurrency()/></div></td>
                 </tr>
                 <#assign orderAdjustmentsTotal = 0>
@@ -78,23 +75,19 @@
                   <#assign orderAdjustmentsTotal = orderAdjustmentsTotal + Static["org.ofbiz.order.order.OrderReadHelper"].calcOrderAdjustment(cartAdjustment, shoppingCart.getSubTotal())>
                 </#list>
                 <tr id="completedCartDiscountRow">
-                  <td colspan="4"><input type="hidden" value="${orderAdjustmentsTotal}" id="initializedCompletedCartDiscount"/></td>
-                  <td><div><b>${uiLabelMap.ProductDiscount}:</b></div></td>
-                  <td><div id="completedCartDiscount"><@ofbizCurrency amount=orderAdjustmentsTotal isoCode=shoppingCart.getCurrency()/></div></td>
+                  <th scope="row">${uiLabelMap.ProductDiscount}</th>
+                  <td><input type="hidden" value="${orderAdjustmentsTotal}" id="initializedCompletedCartDiscount"/><div id="completedCartDiscount"><@ofbizCurrency amount=orderAdjustmentsTotal isoCode=shoppingCart.getCurrency()/></div></td>
                 </tr>
                 <tr>
-                  <td colspan="4"></td>
-                  <td><div><b>${uiLabelMap.OrderShippingAndHandling}:</b></div></td>
+                  <th scope="row">${uiLabelMap.OrderShippingAndHandling}</th>
                   <td><div id="completedCartTotalShipping"><@ofbizCurrency amount=shoppingCart.getTotalShipping() isoCode=shoppingCart.getCurrency()/></div></td>
                 </tr>
                 <tr>
-                  <td colspan="4"></td>
-                  <td><div><b>${uiLabelMap.OrderSalesTax}:</b></div></td>
+                  <th scope="row">${uiLabelMap.OrderSalesTax}</th>
                   <td><div id="completedCartTotalSalesTax"><@ofbizCurrency amount=shoppingCart.getTotalSalesTax() isoCode=shoppingCart.getCurrency()/></div></td>
                 </tr>
                 <tr>
-                  <td colspan="4"></td>
-                  <td><div><b>${uiLabelMap.OrderGrandTotal}:</b></div></td>
+                  <th scope="row">${uiLabelMap.OrderGrandTotal}</th>
                   <td><div id="completedCartDisplayGrandTotal"><@ofbizCurrency amount=shoppingCart.getDisplayGrandTotal() isoCode=shoppingCart.getCurrency()/></div></td>
                 </tr>
               </tbody>
@@ -102,23 +95,21 @@
           </div>
 
 <#-- ============================================================= -->
-          <div id="editCartPanel" class="screenlet-body">
+          <div id="editCartPanel">
             <form id="cartForm" method="post" action="<@ofbizUrl></@ofbizUrl>">
-              <fieldset>
                   <input type="hidden" name="removeSelected" value="false" />
                   <div id="cartFormServerError" class="errorMessage"></div>
-                  <table width="75%" cellspacing="0" cellpadding="1" border="0">
+                  <table id="editCartPanel_cartItems">
                     <thead>
                       <tr>
-                        <td><div><b>${uiLabelMap.OrderItem}</b></div></td>
-                        <td><div><b>${uiLabelMap.CommonDescription}</b></div></td>
-                        <td align="center"><div><b>${uiLabelMap.EcommerceUnitPrice}</b></div></td>
-                        <td align="center"><div><b>${uiLabelMap.OrderQuantity}</b></div></td>
-                        <td align="center"><div><b>${uiLabelMap.EcommerceAdjustments}</b></div></td>
-                        <td align="center"><div><b>${uiLabelMap.EcommerceItemTotal}</b></div></td>
-                        <td align="right"><div><b>${uiLabelMap.FormFieldTitle_removeButton}</b></div></td>
+                        <th>${uiLabelMap.OrderItem}</td>
+                        <th>${uiLabelMap.CommonDescription}</td>
+                        <th>${uiLabelMap.EcommerceUnitPrice}</td>
+                        <th>${uiLabelMap.OrderQuantity}</td>
+                        <th>${uiLabelMap.EcommerceAdjustments}</td>
+                        <th>${uiLabelMap.EcommerceItemTotal}</td>
+                        <th>${uiLabelMap.FormFieldTitle_removeButton}</td>
                       </tr>
-                      <tr><td colspan="7"><hr/></td></tr>
                     </thead>
                     <tbody id="updateBody">
                       <#assign itemCount = 0>
@@ -126,7 +117,7 @@
                         <#assign cartLineIndex = itemCount>
                         <#assign productId = cartLineIndex>
                         <tr id="cartItemRow_${cartLineIndex}">
-                          <td style="padding: 1px;" valign="top">
+                          <td>
                             <#if cartLine.getProductId()?exists>
                               <#if cartLine.getParentProductId()?exists>
                                 <#assign parentProductId = cartLine.getParentProductId()/>
@@ -140,42 +131,39 @@
                               </#if>
                             </#if>
                           </td>
-                          <td><div>${cartLine.getName()?if_exists}</div></td>
-                          <td align="center"><div id="itemUnitPrice_${cartLineIndex}"><@ofbizCurrency amount=cartLine.getDisplayPrice() isoCode=shoppingCart.getCurrency()/></div></td>
-                          <td align="center">
+                          <td>${cartLine.getName()?if_exists}</td>
+                          <td><div id="itemUnitPrice_${cartLineIndex}"><@ofbizCurrency amount=cartLine.getDisplayPrice() isoCode=shoppingCart.getCurrency()/></div></td>
+                          <td>
                             <#if cartLine.getIsPromo()>
                               ${cartLine.getQuantity()?string.number}
                             <#else>
                               <input type="hidden" name="cartLineProductId" id="cartLineProductId_${cartLineIndex}" value="${cartLine.getProductId()}" />
-                              <div>
-                                <span>
-                                  <input type="text" name="update${cartLineIndex}" id="qty_${cartLineIndex}" value="${cartLine.getQuantity()?string.number}" size="6" class="required validate-number" />
-                                </span>
-                                <label for="qty_${cartLineIndex}"><span id="advice-required-qty_${cartLineIndex}" style="display:none;" class="errorMessage"> (required)</span></label>
-                              </div>
+                              <input type="text" name="update${cartLineIndex}" id="qty_${cartLineIndex}" value="${cartLine.getQuantity()?string.number}" class="required validate-number" />
+                              <span id="advice-required-qty_${cartLineIndex}" style="display:none;" class="errorMessage"> (required)</span>
                             </#if>
                           </td>
                           <#if !cartLine.getIsPromo()>
-                            <td align="center"><div id="addPromoCode_${cartLineIndex}" class="tabletext"><@ofbizCurrency amount=cartLine.getOtherAdjustments() isoCode=shoppingCart.getCurrency()/></div></td>
+                            <td><div id="addPromoCode_${cartLineIndex}"><@ofbizCurrency amount=cartLine.getOtherAdjustments() isoCode=shoppingCart.getCurrency()/></div></td>
                           <#else>
-                            <td align="center"><div class="tabletext"><@ofbizCurrency amount=cartLine.getOtherAdjustments() isoCode=shoppingCart.getCurrency()/></div></td>
+                            <td><@ofbizCurrency amount=cartLine.getOtherAdjustments() isoCode=shoppingCart.getCurrency()/></td>
                           </#if>
-                          <td align="center"><div id="displayItem_${cartLineIndex}"><@ofbizCurrency amount=cartLine.getDisplayItemSubTotal() isoCode=shoppingCart.getCurrency()/></div></td>
+                          <td><div id="displayItem_${cartLineIndex}"><@ofbizCurrency amount=cartLine.getDisplayItemSubTotal() isoCode=shoppingCart.getCurrency()/></div></td>
                           <#if !cartLine.getIsPromo()>
-                            <td align="right"><a href="javascript:void(0);"><img id="remove_${cartLineIndex?if_exists}" src="<@ofbizContentUrl>/ecommerce/images/remove.png</@ofbizContentUrl>" alt="Remove Item Image"/></a></td>
+                            <td><a href="javascript:void(0);"><img id="remove_${cartLineIndex?if_exists}" src="<@ofbizContentUrl>/ecommerce/images/remove.png</@ofbizContentUrl>" alt="Remove Item Image"/></a></td>
                           </#if>
                         </tr>
-                        <tr><td colspan="7"><hr/></td></tr>
                         <#assign itemCount = itemCount + 1>
                       </#list>
+                    </tbody>
+                  </table>
+                  <table id="editCartPanel_cartTotals">
+                    <tbody>
                       <tr>
-                        <td colspan="4"></td>
-                        <td><div><b>${uiLabelMap.CommonSubtotal}:</b></div></td>
+                        <th scope="row">${uiLabelMap.CommonSubtotal}</th>
                         <td><div id="cartSubTotal"><@ofbizCurrency amount=shoppingCart.getSubTotal() isoCode=shoppingCart.getCurrency()/></div></td>
                       </tr>
                       <tr>
-                        <td colspan="4"><div>${uiLabelMap.EcommerceEnterPromoCode}:<input id="productPromoCode" name="productPromoCode" size="22" type="text" value=""/></div></td>
-                        <td><div id="cartDiscount"><b>${uiLabelMap.ProductDiscount}:</b></div></td>
+                        <th scope="row">${uiLabelMap.ProductDiscount}</th>
                         <td>
                           <div id="cartDiscountValue">
                             <#assign orderAdjustmentsTotal = 0>
@@ -187,27 +175,30 @@
                         </td>
                       </tr>
                       <tr>
-                        <td colspan="4"></td>
-                        <td><div><b>${uiLabelMap.OrderShippingAndHandling}:</b></div></td>
+                        <th scope="row">${uiLabelMap.OrderShippingAndHandling}</th>
                         <td><div id="cartTotalShipping"><@ofbizCurrency amount=shoppingCart.getTotalShipping() isoCode=shoppingCart.getCurrency()/></div></td>
                       </tr>
                       <tr>
-                        <td colspan="4"></td>
-                        <td><div><b>${uiLabelMap.OrderSalesTax}:</b></div></td>
+                        <th scope="row">${uiLabelMap.OrderSalesTax}</th>
                         <td><div id="cartTotalSalesTax"><@ofbizCurrency amount=shoppingCart.getTotalSalesTax() isoCode=shoppingCart.getCurrency()/></div></td>
                       </tr>
                       <tr>
-                        <td colspan="4"></td>
-                        <td><div><b>${uiLabelMap.OrderGrandTotal}:</b></div></td>
+                        <th scope="row">${uiLabelMap.OrderGrandTotal}</th>
                         <td><div id="cartDisplayGrandTotal"><@ofbizCurrency amount=shoppingCart.getDisplayGrandTotal() isoCode=shoppingCart.getCurrency()/></div></td>
                       </tr>
                     </tbody>
                   </table>
-                </fieldset>
+                  <fieldset id="productPromoCodeFields">
+                    <legend></legend>
+                    <div class="form-row">
+                      <lable for="productPromoCode">${uiLabelMap.EcommerceEnterPromoCode}<lable>
+                      <input id="productPromoCode" name="productPromoCode" type="text" value=""/>
+                    </div>
+                  </fieldset>
             </form>
             <div class="buttons">
-              <span><a href="javascript:void(0);" id="updateShoppingCart" >${uiLabelMap.EcommerceContinueToStep} 2</a></span>
-              <span><a style="display: none" href="javascript:void(0);" id="processingShipping">${uiLabelMap.EcommercePleaseWait}....</a></span>
+              <a href="javascript:void(0);" id="updateShoppingCart" >${uiLabelMap.EcommerceContinueToStep} 2</a>
+              <a style="display: none" href="javascript:void(0);" id="processingShipping">${uiLabelMap.EcommercePleaseWait}....</a>
             </div>
           </div>
         </div>
@@ -728,5 +719,4 @@
         <div class="screenlet-header"><div class="boxhead">${uiLabelMap.EcommerceStep} 5: ${uiLabelMap.OrderSubmitOrder}</div></div>
       </div>
     </div>
-  </div>
 </div>
\ No newline at end of file