springup/cmc-sales
2
0
Fork 0
Code Issues 49 Pull requests Actions Packages Projects Releases Wiki Activity

Added some styling to the searchbox

Browse source
This commit is contained in:
Karl Cordes 2014-04-21 18:34:18 +10:00
parent 7db15ada3e
commit 1259b2467b
3 changed files with 24 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/views/elements/add_edit_line_item.ctp
View file

@ -3,6 +3,8 @@
<?=$form->input('product_search', array('label'=>'Search Product title', 'id'=>'productSearch'));?> <?=$form->input('product_search', array('label'=>'Search Product title', 'id'=>'productSearch'));?>
<button id="productSearchButton">Search</button>
<ul id="productList"></ul> <ul id="productList"></ul>
<div id="productsDiv"></div> <div id="productsDiv"></div>

10
app/webroot/css/quotenik.css
View file

@ -1577,6 +1577,15 @@ div.address span {
border: 1px solid; border: 1px solid;
} }
#productList {
margin-top: 0.4em;
font-size: 1.5em;
}
#productList li {
margin-bottom: 0.3em;
}
table.lineItems { table.lineItems {
margin-top: 0.2em; margin-top: 0.2em;
border: 1px solid; border: 1px solid;
@ -1682,3 +1691,4 @@ ul.document-buttons li {
display: block; display: block;
clear: both; clear: both;
} }

20
app/webroot/js/document_add_edit.js
View file

@ -297,12 +297,17 @@ $(function() {
}); });
//ProductSearch //Search for a Product
$("#productSearch").live('change', function() { $("#productSearch").live('change', function() {
console.log("CHANGING"); productSearch();
});
$("#productSearchButton").live('click', function() {
productSearch();
});
function productSearch() {
var searchVal = $("#productSearch").val(); var searchVal = $("#productSearch").val();
searchVal = searchVal.toLowerCase(); searchVal = searchVal.toLowerCase();
var param = "term="+searchVal; var param = "term="+searchVal;
@ -314,15 +319,14 @@ $(function() {
var link = "<li><a href=\"#\" class=\"search_product\" data-product-id=\""+id+"\">"+data[id]+"</a></li>"; var link = "<li><a href=\"#\" class=\"search_product\" data-product-id=\""+id+"\">"+data[id]+"</a></li>";
$("#productList").append(link); $("#productList").append(link);
} }
}); });
}
}); //Click on a search product name.
$(".search_product").live('click', function() { $(".search_product").live('click', function() {
var productID = $(this).data('product-id'); var productID = $(this).data('product-id');
getProductDetails(productID); getProductDetails(productID);
return false;
}); });
$("#productSelect").live('change',function() { $("#productSelect").live('change',function() {