product_category_grid.php

/magehelp/application/views/products/product_category_grid.php

https://bitbucket.org/jit_bec/shopifine
PHP | 240 lines | 199 code | 36 blank | 5 comment | 7 complexity | 7e437068e925bc518584e922566eefab MD5 | raw file
Possible License(s): LGPL-3.0

<html>
    <head>
       <?php $this->load->view("common/header"); ?>
         <script src="<?php echo base_url();?>js/jquery.jstree.js" type="text/javascript" language="javascript" charset="UTF-8"></script>
        <style>
            .ui-combobox > input{
                width:20em;
            }
            
            .ui-combobox > a{
                left:170px;
            }
            .column {width:400px;}
            .field {width:45em;}
        </style>
         <script>
            $(document).ready(function(){
                
                
                 $.validator.addMethod('treerequired', function(value, element) {
                    var selArray = $('#treeViewDiv').jstree('get_selected');
                    console.log(selArray.length);
                    alert (selArray.length);
                    if (selArray.length == 0){
                       
                            return false;
                       
                    }
                    return true;
                }, 'Please select a category');

                $( "#productForm" ).validate({
                    errorPlacement: function(error, element) {
                        error.appendTo( element.parent());
                    }//,
                    //            rules: {
                    //                        mfrOp: {
                    //                            comboBoxrequired: true
                    //                        }
                    //                    }
            
                }
            );   
                
                
                 $( "#dialog:ui-dialog" ).dialog( "destroy" );
                 
                  $("#productOp").combobox();  
                  
                  
                 
                $( "#dialog-form" ).dialog({
                    autoOpen: false,
                    height: 'auto',
                    width: '40%',
                    position:[350,25],
                    modal: true,
                    buttons: {
                        "Add Category To Products": function() {
                           var bValid =  $("#productForm").valid();
                    
                            if (bValid ){
                                var selectedIds = [];
                                $('#treeViewDiv').jstree('get_selected').each(function(){
                                    selectedIds.push($(this).attr('id'));
                                });
                        
                                $.ajax({
                                    url:"index.php/products/addcategoryToProduct",
                                    data: {
                                            
                                            productOp : $("#productOp").val(),
                                            productIp: $("#productOp-input").val(),
                                            category:JSON.stringify(selectedIds)
                                            },
                                
                                    type:"POST",
                                    success:function(serverresponse)
                                    {
                                        showSuccessMessage("Product Suceessfully Added To category");
                                        $("#resources").trigger("reloadGrid");
                                    }
                                });
                        
                                $( this ).dialog( "close" );
                            }
                    
                        },
                        Cancel: function() {
                            $( this ).dialog( "close" );
                        }
                    },
                    close: function() {
                        $("#productForm").data('validator').resetForm();
                        $('#productForm')[0].reset();
                    }
                });
                

                var myGrid = $("#resources");
               
                myGrid.jqGrid({
                    url:'index.php/products/populateProductCategoryMapping',
                    datatype: 'json',
                    mtype: 'GET',
                    colNames:['Product','Barcode','Product ID','Category ID','Category'],
                    colModel :[ 
                        {name:'product_name', index:'product_name', width:140, align:'right',editable:false,search:false},
                        {name:'barcode', index:'barcode', width:140, align:'right',editable:false},
                        {name:'product_id', index:'product_id', width:100, align:'right',hidden:true},
                        {name:'category_id', index:'category_id', width:100, align:'right',hidden:true},
                        {name:'category_name', index:'category_name', width:140, align:'right',editable:false},
                        
                    ],
                    pager: '#pager',
                    rowNum:10,
                    rowList:[5,10,20],
                    sortname: 'id',
                    sortorder: 'desc',
                    viewrecords: true,
                    gridview: true,
                    ignoreCase:true,
                    rownumbers:true,
                    height:'auto',
                    width:'auto',
                    multiselect:true,
                    caption: 'Product Category Mapping',
            
                    jsonReader : {
                        root:"productcategorydata",
                        page: "page",
                        total: "total",
                        records: "records",
                        cell: "dprow",
                        id: "id"
                    }
                   
                    
                }).navGrid("#pager",{edit:false,add:false,del:false,search:false},
               /* edit Option*/ {},
            /* Add Option*/     {reloadAfterSubmit:true,recreateForm:true},
                                                 {},{},{});
               
                myGrid.jqGrid('filterToolbar', {stringResult: true, searchOnEnter: true, defaultSearch : "cn"});
                var settingsObj ={grid_id:'resources',pager:'pager'};
                var buttons = {add_cat:true,del_cat:true};
                addCustomButtonsInProductsGrid(settingsObj, buttons);
                $("#add_resources").insertBefore("#del_resources")
                 
                  $("#treeViewDiv")
                        .jstree({
               "plugins" : ["themes", "json_data", "ui"],
               "json_data" : {
                   "ajax" : {
                       "type": 'GET',
                       "url": function (node) {
                           var nodeId = "";
                           var url = ""
                           if (node == -1)
                           {
                               url = "index.php/utilities/renderParents";
                           }
                           else
                           {
                               nodeId = node.attr('id');
                               url = "index.php/utilities/renderChildren";
                           }

                           return url;
                       },
                       data : function(node) {
                           if (node != -1){
                               return {

                                 "nodeid":$.trim(node.attr('id'))
                               }
                           }
                   },
                       "success": function (new_data) {
                           return new_data;
                       }
                   }
               }});  
            });
            $(window).load(function(){
       
                var warningDialogs={one:true,none:true,status:true,exactlyone:true,morethanone:true};
                initDialogs(warningDialogs);
                initDeleteDialog();
                
            });
        </script>
    </head>
     
    <body>
         <?php $this->load->view("common/menubar"); ?>
        <?php  $this->load->view("common/dialogs"); ?>
        <div id ="dialog-form">
            <h1 id="formHeader">Add Category</h1>   
            <form id="productForm">
                <fieldset>
                    
                    <div class="row">
                        <div class="column">
                            <div class="field">
                                <label for="productOp">Products:</label>  
                                <select name="productOp" id ="productOp" class="required"> 
                                    <option value="">Choose 
                                        <?= $productOptions ?> 
                                </select>
                                <!--<button id="test"> test</button>-->
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="column">
                            <div class="field">
                                <label for="categoryOp">Category:</label>  
                                <div id="treeViewDiv" style="display:inline-block">
                                </div>
                                <input id="treeViewHidden" name ="treeViewHidden" style="display:inline-block" class="treerequired" type="hidden"/>
                            </div>
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
        
        <div style="display: block;height: 100%;left:0em;" class="shopifine-ui-dialog  ui-widget ui-widget-content ui-corner-all" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dialog-form">
            <?php $this->load->view("common/message"); ?>
            <div class="table-grid">
                <h1 id="table header">Products And Categories</h1>
                <table id="resources"><tr><td/></tr></table> 
                <div id="pager"></div>
            </div>
        </div>
        <?php $this->load->view("partial/footer"); ?>
    </body>
</html>