- Style enhancements

- Removal of single order items
- Add index to table creation script

js/optiTrainer.js

@@ -4,10 +4,6 @@ var optionChainContext={};
 
 $(document).ready(_=>{
 	dta={};
-	//allCombinations=$.get("/getCombinations",
-	//	data=>{allCombinations=data;},
-	//	"json");
-//	displayOptionChain();
 	createOrderFrame();
 	createMasterFilterFrame();
 	let selectDataFirst=_=>{
@@ -42,11 +38,19 @@ let addToOrder=(openType,optionData)=>{
 	console.log("AddToOrder",openType,optionData);
 	
 	let price=(openType.substr(0,1)==="b")?optionData.ask:optionData.bid;
-	price=Number(price*100).toLocaleString('en',{minimumFractionDigits: 2, maximumFractionDigits: 2})
+	price=price*100;
 
-	costAmount+=(price*100) * ((openType.substr(0,1)==="b")?-1:1);
+	let priceEffect=price * ((openType.substr(0,1)==="b")?-1:1);
+	costAmount+=priceEffect;
+	showCostAmount();
+	$("#listOrderItems").append(`<li><a class='danger' onclick='removeFromOrder(this,${priceEffect});'>[X]</a> ${openType} | ${optionData.symbol} | ${price.toLocaleString('en',{minimumFractionDigits: 2, maximumFractionDigits: 2})}</li>`);
+}
+
+let removeFromOrder=(ele,priceEffect)=>{
+	costAmount-=priceEffect;
+	let li=ele.parentElement;
+	li.parentElement.removeChild(li);
 	showCostAmount();
-	$("#listOrderItems").append(`<li><a onclick='alert("TODO - not yet implemented.");'>[X]</a> ${openType} | ${optionData.symbol} | ${price*100}</li>`);
 }
 
 let showCostAmount=_=>{
@@ -83,6 +87,8 @@ let getCallArtifact=(callData,allColumns)=>{
 	bidFrm=Number(callData.bid).toLocaleString('en',{minimumFractionDigits: 2, maximumFractionDigits: 2});
 	askFrm=Number(callData.ask).toLocaleString('en',{minimumFractionDigits: 2, maximumFractionDigits: 2});
 	
+	classes += " priceClick";
+	
 	artifact+=`
 		<td class="${classes} ralign" onclick="addToOrder('sell','${strCallJSON}')"><a href="#" title="Sell">${bidFrm}</a></td>
 		<td class="${classes} ralign" onclick="addToOrder('buy','${strCallJSON}')"><a href="#" title="Buy">${askFrm}</a></td>