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

implemented search for adding and editing line items.

Browse source
This commit is contained in:
Karl Cordes 2014-04-21 18:14:09 +10:00
parent 44026e53d9
commit dcf2501f6e
4 changed files with 53 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/controllers/products_controller.php
View file

@ -176,7 +176,6 @@ class ProductsController extends AppController {
} }
App::import('Core', 'Sanitize'); App::import('Core', 'Sanitize');
$query = Sanitize::clean($query); $query = Sanitize::clean($query);
$products = $this->Product->find('list', array( $products = $this->Product->find('list', array(
@ -187,8 +186,6 @@ class ProductsController extends AppController {
'order' => array('Product.title ASC') 'order' => array('Product.title ASC')
)); ));
//Cakephp. You are awful. Past Karl was an idiot
$products_json = json_encode($products); $products_json = json_encode($products);
$this->set('products_json', $products_json); $this->set('products_json', $products_json);

5
app/views/documents/get_products.ctp
View file

@ -1 +1,6 @@
<?=$form->input('product', array('label'=>'Product', 'id'=>'productSelect', 'empty'=>'Choose Products', 'options'=>$products));?> <?=$form->input('product', array('label'=>'Product', 'id'=>'productSelect', 'empty'=>'Choose Products', 'options'=>$products));?>
<span class="products_json" style="display: none;"><?=json_encode($products); ?></span>
<?=$form->input('product_search', array('label'=>'Search Product title', 'id'=>'productSearch'));?>

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

@ -1,13 +1,13 @@
<? echo $form->input('Product.principle_id', array('id'=>'principleSelect', 'label'=>'Principle','empty'=>'Select Principle'));?> <? echo $form->input('Product.principle_id', array('id'=>'principleSelect', 'label'=>'Principle','empty'=>'Select Principle'));?>
<?=$form->input('product_search', array('label'=>'Search Product title', 'id'=>'productSearch'));?>
<ul id="productList"></ul>
<div id="productsDiv"></div> <div id="productsDiv"></div>
<div id="productDetails"></div> <div id="productDetails"></div>
<br><br> <br><br>
<div class="autocomplete">
<span>OR search for product</span>
<label for="productAutocomplete">Product title</label>
<input id="productAutocomplete"/>
</div>
<div id="lineItemDetails"> <div id="lineItemDetails">
<? <?

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

@ -279,21 +279,56 @@ $(function() {
}); });
var products = {};
$("#principleSelect").live('change',function() { $("#principleSelect").live('change',function() {
var principleID = getSelectedID('#principleSelect'); var principleID = getSelectedID('#principleSelect');
$("#productDetails").hide(); $("#productDetails").hide();
$.get('/documents/getProducts/'+principleID, function(data) { $.get('/documents/getProducts/'+principleID, function(data) {
$('#productsDiv').html(data); $('#productsDiv').html(data);
var resp = $(data).filter(".products_json");
products = jQuery.parseJSON(resp.html());
}); });
}); });
//ProductSearch
$("#productSearch").live('change', function() {
console.log("CHANGING");
var searchVal = $("#productSearch").val();
searchVal = searchVal.toLowerCase();
var param = "term="+searchVal;
$.getJSON("/products/autocomplete", param, function(data) {
$("#productList").empty();
for(var id in data) {
var link = "<li><a href=\"#\" class=\"search_product\" data-product-id=\""+id+"\">"+data[id]+"</a></li>";
$("#productList").append(link);
}
});
});
$(".search_product").live('click', function() {
var productID = $(this).data('product-id');
getProductDetails(productID);
});
$("#productSelect").live('change',function() { $("#productSelect").live('change',function() {
var productID = getSelectedID('#productSelect'); var productID = getSelectedID('#productSelect');
getProductDetails(productID); getProductDetails(productID);
}); });
@ -326,16 +361,22 @@ $(function() {
} }
//Autocomplete product title for adding lineItem //Autocomplete product title for adding lineItem
$( "#productAutocomplete" ).live('focus', function() { $( "#productAutocomplete" ).live('focus', function() {
$(this).autocomplete({ $(this).autocomplete({
source: "/products/autocomplete", source: "/products/autocomplete",
minLength: 2, minLength: 2,
select: function( event, ui ) { select: function( event, ui ) {
console.log(ui); console.log(ui);
} },
appendTo: '#searchProducts'
}); });
}); });
$("#productAutocomplete").insertAfter();
// Initialize the editor. // Initialize the editor.
// Callback function can be passed and executed after full instance creation. // Callback function can be passed and executed after full instance creation.
$('.page').ckeditor(config); $('.page').ckeditor(config);