Please wait while loading...
<div style="margin-left:auto;margin-right:auto;text-align:left;width:900px;height:660px;position:relative;"> <s:include b:url="tabbox.xml"/> <s:include b:url="button.xml"/> <!-- Include the petshop specific behaviors --> <s:include b:url="petshop.xml"/> <!-- Include the product html structures and behaviors --> <s:include b:url="product.xml"/> <!-- Visual Application structure --> <b:panelset b:cols="55px * 58px"> <b:panel style="background: url('images/app/background-left.gif')"></b:panel> <b:panelset b:rows="110px 550px"> <b:panel style="background-color: #e1e6e9;"> <img b:action="select" b:target="id('main-content')" src="images/app/petshop.gif" alt="Petshop" style="margin-top: 18px;margin-left: 12px;"/> </b:panel> <b:panelset b:cols="* 245px" style="background-color: #dde3e6;"> <b:panel style="overflow: hidden; padding-right: 5px;"> <!-- The Left side --> <b:deck> <b:tabbox style="width: 100%;height:450px;" id="main-content"> <b:tabrow> <b:tab b:followstate="id('DOGS')">DOGS</b:tab> <b:tab b:followstate="id('CATS')">CATS</b:tab> <b:tab b:followstate="id('REPTILES')">REPTILES</b:tab> </b:tabrow> <!-- Main visual screen will be placed here --> </b:tabbox> <!-- Checkout --> <b:buffer id="checkout" b:url="checkout.xml"/> </b:deck> <a href="http://www.backbase.com"><img src="images/backbase.gif" alt="Powered By Backbase" style="border-style:none;" /></a> </b:panel> <b:panel class="b-panel"> <!-- The Right side --> <div b:singular="loose"> <div class="header">HISTORY</div> <div id="history" class="content-area" style="height: 45px;"></div> <div class="header">CART</div> <div class="content-area" style="height: 327px; padding: 10px;"> <img src="images/app/cart.png" alt="Cart" style="float: left; margin-right: 10px;"/> <span>Items: <span id="item-count"></span></span><br/> <span>Sub-Total: <span id="item-total"></span></span><br/><br/> <!-- This div is functioning as a receiver, it makes a better distinction between copied and existing items (copied items still need to be processed --> <div style="display:none" b:behavior="cart-receiver" id="cart-receiver"></div> <table style="width: 100%" class="b-item-list-cart"> <thead><tr style="background-color: white"><td>Product</td><td>Qty.</td><td>Price</td></tr></thead> <tbody id="cart" b:singular="loose"></tbody> </table> <b:button b:icon="next" b:action="select" b:target="id('checkout')" style="float: right; margin-top: 10px">CHECKOUT</b:button> <b:button b:icon="remove" b:action="trigger" b:event="remove-item" b:target="id('cart-receiver')" style="float: right; margin-top: 10px">REMOVE</b:button> </div> </div> </b:panel> </b:panelset> </b:panelset> <b:panel style="background: url('images/app/background-right.gif')"></b:panel> </b:panelset> </div> <s:execute> <!-- Transform the xml to bxml on startup--> <s:task b:action="load" b:url="stylesheet.xml" b:destination="." /> <s:task b:action="load" b:url="catalog.xml" b:destination="." /> <s:task b:action="transform" b:stylesheet="$products" b:datasource="$catalog" b:destination="id('main-content')" b:mode="aslastchild" /> <s:task b:action="select" b:target="id('DOGS')" /> <s:task b:action="js" b:value="document.getElementById('startup').style.display='none';" /> <s:task b:action="show" b:target="/body/b:backbase" /> </s:execute>
