snusmubrik (snusmubrik) wrote in changelog,
snusmubrik
snusmubrik
changelog

[ljcom] r12670: LJSUP-12963: Implement Shop UI for Dengi...

Committer: aeremenko
LJSUP-12963: Implement Shop UI for DengiOnline
U   trunk/htdocs/stc/shop/shop.css
U   trunk/templates/Shop/CartTable.tmpl
Modified: trunk/htdocs/stc/shop/shop.css
===================================================================
--- trunk/htdocs/stc/shop/shop.css	2012-09-20 11:56:45 UTC (rev 12669)
+++ trunk/htdocs/stc/shop/shop.css	2012-09-20 14:21:16 UTC (rev 12670)
@@ -1610,51 +1610,77 @@
 		.b-cart-paidinfo TD {
 			padding:0 0 5px 10px;
 			}
-	.b-cart-table {
-		width: 100%;
-		margin:0 0 10px;
-		}
-		.b-cart-table TD {
-			padding: 9px 13px 11px 13px;
-			border-bottom: 1px solid #D1D1D1;
-			line-height: 14px;
-			font-size: 12px;
-			vertical-align: top;
-			text-align: left;
-			}
-		.b-cart-table .b-cart-thead {
-			}
-			.b-cart-table .b-cart-thead TH {
-				padding: 5px 13px 7px 13px;
-				background: #E8E8E8;
-				line-height: 13px;
-				font-weight: normal;
-				font-size: 11px;
-				vertical-align: middle;
-				text-align: left;
-				}
-		.b-cart-table .b-cart-tfoot {
-			}
-			.b-cart-table .b-cart-tfoot TD {
-				padding: 5px 13px 7px 13px;
-				border-bottom: 0;
-				background: #E8E8E8;
-				line-height: 13px;
-				font-size: 11px;
-				vertical-align: top;
-				text-align: left;
-				}
-		.b-cart-table .b-cart-table-item {
-			}
-		.b-cart-table .b-cart-table-type {
-			}
-		.b-cart-table .b-cart-table-user {
-			}
-		.b-cart-table .b-cart-table-price {
-			}
-		.b-cart-table .b-cart-table-total {
-			font-weight:bold;
-			}
+    .b-cart-table-outer {
+        padding: 20px;
+        border: 1px solid #e6e6e6;
+        -webkit-border-radius: 6px 6px 0 0;
+        -moz-border-radius: 6px 6px 0 0;
+        -ms-border-radius: 6px 6px 0 0;
+        border-radius: 6px 6px 0 0;
+        background-color: #f6f6f6;
+    }
+    .b-payment-cart-checkout {
+        padding: 16px 20px 16px 20px;
+    }
+        .b-cart-delete {
+            float: left;
+        }
+            .b-cart-nonrefundable {
+                margin-top: 6px;
+                font: normal 0.9em Arial,sans-serif;
+                color: #999;
+            }
+	   .b-cart-table {
+        width: 100%;
+        margin:0;
+        
+        }
+        .b-cart-table-tfoot {
+
+        }
+        .bcart-table-tr:nth-of-type(even) {
+            background-color: #eee;
+        }
+        .b-cart-table TD {
+            padding: 9px 13px 11px 13px;
+            /*border-bottom: 1px solid #D1D1D1;*/
+            line-height: 14px;
+            font-size: 12px;
+            vertical-align: top;
+            text-align: left;
+            }
+        .b-cart-table .b-cart-thead {
+            }
+            .b-cart-table .b-cart-thead TH {
+                padding: 5px 13px 7px 13px;
+                border-bottom: 1px solid #e5e5e5;
+                line-height: 13px;
+                font-size: 11px;
+                vertical-align: middle;
+                text-align: left;
+                }
+        .b-cart-table .b-cart-tfoot {
+            }
+            .b-cart-table .b-cart-tfoot TD {
+                padding: 5px 13px 7px 13px;
+                border-bottom: 0;
+                background: #E8E8E8;
+                line-height: 13px;
+                font-size: 11px;
+                vertical-align: top;
+                text-align: left;
+                }
+        .b-cart-table .b-cart-table-item {
+            }
+        .b-cart-table .b-cart-table-type {
+            }
+        .b-cart-table .b-cart-table-user {
+            }
+        .b-cart-table .b-cart-table-price {
+            }
+        .b-cart-table .b-cart-table-total {
+            font-weight:bold;
+            }
 	.b-cart-method {
 		text-align:right;
 		}

Modified: trunk/templates/Shop/CartTable.tmpl
===================================================================
--- trunk/templates/Shop/CartTable.tmpl	2012-09-20 11:56:45 UTC (rev 12669)
+++ trunk/templates/Shop/CartTable.tmpl	2012-09-20 14:21:16 UTC (rev 12670)
@@ -1,47 +1,45 @@
-<table class="b-cart-table">
-	<tr class="b-cart-thead">
-		<th><TMPL_VAR expr="ml('pay.cart.item')"></th>
-		<th><TMPL_VAR expr="ml('pay.cart.type')"></th>
-		<th><TMPL_VAR expr="ml('pay.cart.recipient')"></th>
-		<th><TMPL_VAR expr="ml('pay.cart.amount')"></th>
-	</tr>
+<div class="b-cart-table-outer">
+	<table class="b-cart-table">
+		<tr class="b-cart-thead">
+			<th><TMPL_VAR expr="ml('pay.cart.item')"></th>
+			<th><TMPL_VAR expr="ml('pay.cart.type')"></th>
+			<th><TMPL_VAR expr="ml('pay.cart.recipient')"></th>
+			<th><TMPL_VAR expr="ml('pay.cart.amount')"></th>
+		</tr>
 
-<TMPL_LOOP name="items">
-	<tr>
-		<td class="b-cart-table-item">
-			<TMPL_UNLESS name="cart_locked">
-				<input type="checkbox" name="delete" value="<TMPL_VAR id>" id="delete-<TMPL_VAR id>" />
-				<label for="delete-<TMPL_VAR id>"><TMPL_VAR name></label>
-			<TMPL_ELSE>
-                <TMPL_IF name="image_url"><img src="<TMPL_VAR image_url>"></TMPL_IF>
-				<TMPL_VAR name>
-			</TMPL_UNLESS>
-		</td>
-		<td class="b-cart-table-type"><TMPL_VAR type></td>
-		<td class="b-cart-table-user">
-			<TMPL_IF name="rcpt_username">
-				<TMPL_VAR expr="ljuser(rcpt_username)">
-			</TMPL_IF>
-			<TMPL_IF name="rcpt_additional">
-				<TMPL_VAR rcpt_additional>
-			</TMPL_IF>
-		</td>
-		<td class="b-cart-table-price"><TMPL_VAR price></td>
-	</tr>
-</TMPL_LOOP>
+	<TMPL_LOOP name="items">
+		<tr class="b-cart-table-tr">
+			<td class="b-cart-table-item">
+				<TMPL_UNLESS name="cart_locked">
+					<input type="checkbox" name="delete" value="<TMPL_VAR id>" id="delete-<TMPL_VAR id>" />
+					<label for="delete-<TMPL_VAR id>"><TMPL_VAR name></label>
+				<TMPL_ELSE>
+	                <TMPL_IF name="image_url"><img src="<TMPL_VAR image_url>"></TMPL_IF>
+					<TMPL_VAR name>
+				</TMPL_UNLESS>
+			</td>
+			<td class="b-cart-table-type"><TMPL_VAR type></td>
+			<td class="b-cart-table-user">
+				<TMPL_IF name="rcpt_username">
+					<TMPL_VAR expr="ljuser(rcpt_username)">
+				</TMPL_IF>
+				<TMPL_IF name="rcpt_additional">
+					<TMPL_VAR rcpt_additional>
+				</TMPL_IF>
+			</td>
+			<td class="b-cart-table-price"><TMPL_VAR price></td>
+		</tr>
+	</TMPL_LOOP>
+	</table>
+</div>
+<div class="b-payment-window-checkout b-payment-cart-checkout">
+    <button class="b-btn"><TMPL_VAR expr="ml('shop.cart.btn.confirm')"></button>
+    <div class="b-cart-delete">
+    	<TMPL_UNLESS name="cart_locked">
+    		<button type="submit"><TMPL_VAR expr="ml('shop.cart.btn.delete')"></button>
+    	</TMPL_UNLESS>
+    	<p class="b-cart-nonrefundable"><TMPL_VAR expr="ml('shop.cart.nonrefundable')"></p>
+    </div>
+    <span class="b-payment-window-sum"><TMPL_VAR expr="ml('pay.cart.total')"><br><span class="b-payment-window-sumbig"><TMPL_VAR total_price></span></span>
+</div>
 
-	<tr class="b-cart-tfoot">
-		<td>
-			<TMPL_UNLESS name="cart_locked">
-				<button type="submit"><TMPL_VAR expr="ml('shop.cart.btn.delete')"></button>
-			</TMPL_UNLESS>
-		</td>
-		<td colspan="2">&nbsp;</td>
-		<td class="b-cart-table-total"><TMPL_VAR expr="ml('pay.cart.total')"></td>
-	</tr>
-
-	<tr>
-		<td colspan="3">&nbsp;</td>
-		<td><TMPL_VAR total_price></td>
-	</tr>
-</table>

Tags: aeremenko, css, ljcom, snusmubrik, tmpl
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments