sell product list

frontend/web/js/transferlist.js

@@ -6,29 +6,56 @@ $.widget( "fitness.transferList", {
 		   { 'label' : 'Ár' },
 		   { 'label' : 'Db' },
 		   { 'label' : 'Összesen' },
+		 ],
+		 footers: [
+		    { 
+		    	'label' : 'Összesen',
+		    	'total' : function(transfers){
+		    		var totals;
+		    		totals = 0;
+		    		for ( var i = 0; i < transfers.length ; i++ ){
+		    			totals += transfers[i].money;
+		    		}
+		    		return totals;
+		    	},
+		    	'count' : function(transfers){
+		    		var totals;
+		    		totals = 0;
+		    		for ( var i = 0; i < transfers.length ; i++ ){
+		    			totals += transfers[i].count;
+		    		}
+		    		return totals;
+		    	},
+            }
 		 ]
 	},
 	_create: function() {
 		var o;
 		o = this.options;
+		this._refresh();
 	},
 	_refresh: function(){
 		var s;
-		s = this._render('table',{ 'columns' : this.options.columns });
+		s = this._render('table',{ 'columns' : this.options.columns, 'transfers' : this.options.transfers,'footer': this.options.footers });
 		this.element.html(s);
 	},
+	 
 	_render: function(template,params){
 		var s;
 		var columsn;
+		var transfer;
+		var footer;
 		s = "";
 			switch(template){
 			case 'table':
 				s += this._render('openTable', {});
-				s += this._render('header', { 'columns' : params.columns });
-				s += this._render('closeTable', {});
+				s += this._render('header', { 'columns'   : params.columns   });
+				s += this._render('body'  , { 'transfers' : params.transfers });
+				s += this._render('footer'  , { 'transfers' : params.transfers ,'footers': this.options.footers});
+				s += this._render('closeTable', { });
 				break;
 			case 'openTable':
-				s += '<table class="table table-bordered table-striped">';
+				s += '<table class="table table-bordered table-striped table-transfers">';
 				break;
 			case 'closeTable':
 				s += '</table>';
@@ -48,17 +75,70 @@ $.widget( "fitness.transferList", {
 				break;
 			case 'body':
 				s += '<tbody>';
-				for( var i = 0; i < transfers.length; i++){
-					
+				for( var i = 0; i < params.transfers.length; i++){
+					s += this._render('row', { 'transfer' : params.transfers[i] })
 				}
 				s += '</tbody>';
 				break;
 			case 'row':
-			
+				transfer = params.transfer;
+				s += '<tr>';
+				s += '<td class="product-name">';
+				s += transfer.product_name;
+				s += '</td>';
+				s += '<td class="sale-price">';
+				s += transfer.item_price;
+				s += '</td>';
+				s += '<td class=\'product-count\' >';
+				s += transfer.count;
+				s += '</td>';
+				s += '<td class=\'product-money\'  >';
+				s += transfer.money;
+				s += '</td>';
+				s += '</tr>';
 			break;
+			case 'footer':
+				s += "<tfoot>";
+				for ( var i = 0; i < params.footers.length; i++ ){
+					footer = params.footers[i];
+					s += "<tr class='warning' >";
+					s += "<th class='product-name'>";
+					s += footer.label;
+					s += "</th>";
+					s += "<td class=\"sale-price\">";
+					s += "</td>";
+					s += "<td class=\'product-count\' >";
+					s += footer.count( params.transfers );
+					s += "</td>";
+					s += "<td class=\'product-money\'  >";
+					s += footer.total( params.transfers );
+					s += "</td>";
+					s += "</tr>";
+				}
+				s += "</tfoot>";
+				break;
 			}
 		
 		return s;
+	},
+	_setOption: function (key, value) {
+		var self = this,
+			prev = this.options[key],
+			fnMap = {
+				'transfers': function () {
+					self._refresh();
+				},
+			};	
+		 
+			// base
+			this._super(key, value);
+		 
+			if (key in fnMap) {
+				fnMap[key]();
+
+			// Fire event
+//			this._triggerOptionChanged(key, prev, value);
+		  }
 	}