421 lines
14 KiB
JavaScript
421 lines
14 KiB
JavaScript
|
pscript['onload_Sales Browser'] = function(){
|
||
|
|
var parent = $i('tr_body');
|
||
|
|
parent.innerHTML = 'Please select your chart: '
|
||
|
|
var sel = $a(parent,'select');
|
||
|
|
add_sel_options(sel, ['Territory', 'Customer Group', 'Item Group', 'Sales Person'], 'Territory');
|
||
|
|
var btn = $btn(parent, 'Go', function() { new SalesBrowser().set_val(sel_val(sel)) }, {marginTop:'8px'});
|
||
|
|
}
|
||
|
|
|
||
|
|
//================================= SalesBrowser Class ======================================
|
||
|
|
SalesBrowser = function(){
|
||
|
|
|
||
|
|
this.make_body = function(){
|
||
|
|
|
||
|
|
$i('tr_header').innerHTML = '';
|
||
|
|
$i('tr_body').innerHTML = '';
|
||
|
|
//make header
|
||
|
|
var desc = this.sel;
|
||
|
|
var me = this;
|
||
|
|
var h = new PageHeader($i('tr_header'),desc);
|
||
|
|
h.add_button('New '+this.sel, function() { me.set_dialog(1); }, 0, 'ui-icon-plus', 1);
|
||
|
|
h.add_button('Refresh', function() { me.refresh_tree(); }, 0, 'ui-icon-refresh');
|
||
|
|
|
||
|
|
var div_body = $a($i('tr_body'),'div');
|
||
|
|
var tr_main_grid = make_table(div_body,1,2,'100%',['60%','40%'],{width: "100%", tableLayout: "fixed", borderCollapse: "collapse", border:"0px", padding:"4px 4px 4px 4px"});
|
||
|
|
|
||
|
|
$y($td(tr_main_grid,0,0),{border: "1px solid #dddddd", padding: "8px", width: "60%"});
|
||
|
|
this.tree_area = $a($td(tr_main_grid,0,0),'div');
|
||
|
|
|
||
|
|
$y($td(tr_main_grid,0,1),{border: "1px solid #DDD"});
|
||
|
|
this.detail_area = $a($td(tr_main_grid,0,1),'div');
|
||
|
|
|
||
|
|
this.make_tree_body(this.tree_area);
|
||
|
|
this.refresh_tree();
|
||
|
|
}
|
||
|
|
|
||
|
|
this.set_val = function(b){
|
||
|
|
var me = this;
|
||
|
|
me.sel = b;
|
||
|
|
me.make_body();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//=================================================================================================================================
|
||
|
|
SalesBrowser.prototype.make_tree_body = function(parent){
|
||
|
|
|
||
|
|
//this.tab2 =make_table(this.wrapper,1,2,'100%',['60%','40%']);
|
||
|
|
this.make_tree();
|
||
|
|
this.make_rgt_sect();
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//=================================================================================================================================
|
||
|
|
SalesBrowser.prototype.make_rgt_sect=function(){
|
||
|
|
//var d = $a($td(this.tab2,0,1),'div','',{border:'1px solid #000'});
|
||
|
|
|
||
|
|
this.rgt_tab =make_table(this.detail_area,4,1,'','',{padding:"4px",spacing:"4px"});
|
||
|
|
this.dtl = $a($td(this.rgt_tab,0,0),'div');
|
||
|
|
this.btn = $a($td(this.rgt_tab,1,0),'div','span');
|
||
|
|
this.help = $a($td(this.rgt_tab,2,0),'div');
|
||
|
|
this.help.innerHTML = "Note: Explore and click on the tree node to see details."
|
||
|
|
|
||
|
|
this.set_btn();
|
||
|
|
}
|
||
|
|
//=================================================================================================================================
|
||
|
|
SalesBrowser.prototype.set_btn = function(){
|
||
|
|
var me = this;
|
||
|
|
this.edit_btn = $btn(this.btn,'Edit',function(){ me.set_dialog(2); });
|
||
|
|
|
||
|
|
this.trash_btn = $btn(this.btn,'Trash',null);
|
||
|
|
this.trash_btn.onclick = function(){
|
||
|
|
var check = confirm("Are you sure you want to trash "+me.cur_node.rec.name+" node?");
|
||
|
|
|
||
|
|
if(check){
|
||
|
|
var arg = [me.cur_node.rec.name, me.sel];
|
||
|
|
$c_obj('Sales Browser Control','trash_record',arg.join(','),function(r,rt){ me.refresh_tree();});
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//=====================================================
|
||
|
|
SalesBrowser.prototype.set_dialog = function(f){
|
||
|
|
|
||
|
|
|
||
|
|
if(this.sel == 'Territory')
|
||
|
|
new MakeDialog('Territory','territory',f,this); //Territory Dialog
|
||
|
|
if(this.sel == 'Customer Group')
|
||
|
|
new MakeDialog('Customer Group','customer_group',f,this); //Customer Group Dialog
|
||
|
|
if(this.sel == 'Item Group')
|
||
|
|
new MakeDialog('Item Group','item_group',f,this); //Item Group Dialog
|
||
|
|
if(this.sel == 'Sales Person')
|
||
|
|
new MakeDialog('Sales Person','sales_person',f,this);//Sales Person Dialog
|
||
|
|
|
||
|
|
}
|
||
|
|
//=====================================================Make Tree============================================================================
|
||
|
|
SalesBrowser.prototype.make_tree = function() {
|
||
|
|
var me = this;
|
||
|
|
|
||
|
|
this.tree = new Tree(this.tree_area, '100%');
|
||
|
|
|
||
|
|
//---------------------------------------------------------------------------------------------------------------------------------
|
||
|
|
// on click
|
||
|
|
this.tree.std_onclick = function(node) {
|
||
|
|
|
||
|
|
me.cur_node = node;
|
||
|
|
if(node.rec.name =='All Customer Groups' || node.rec.name =='All Sales Persons' || node.rec.name =='All Item Groups' || node.rec.name =='All Territories'){
|
||
|
|
//$di(me.add_btn);
|
||
|
|
|
||
|
|
$dh(me.edit_btn);
|
||
|
|
$dh(me.trash_btn);
|
||
|
|
}
|
||
|
|
else{
|
||
|
|
//$di(me.add_btn);
|
||
|
|
//if(node.has_children == false)
|
||
|
|
//$dh(me.add_btn);
|
||
|
|
|
||
|
|
$di(me.edit_btn);
|
||
|
|
$di(me.trash_btn);
|
||
|
|
|
||
|
|
}
|
||
|
|
me.make_details();
|
||
|
|
|
||
|
|
}
|
||
|
|
//---------------------------------------------------------------------------------------------------------------------------------
|
||
|
|
// on expand
|
||
|
|
this.tree.std_onexp = function(node) {
|
||
|
|
|
||
|
|
if(node.expanded_once)return;
|
||
|
|
$di(node.loading_div);
|
||
|
|
|
||
|
|
var callback = function(r,rt) {
|
||
|
|
|
||
|
|
$dh(node.loading_div);
|
||
|
|
var n = me.tree.allnodes[r.message.parent];
|
||
|
|
var cl = r.message.cl;
|
||
|
|
|
||
|
|
for(var i=0;i<cl.length;i++) {
|
||
|
|
var imgsrc=null;
|
||
|
|
var has_children = true;
|
||
|
|
|
||
|
|
if(cl[i].is_group=='No') {
|
||
|
|
var imgsrc = 'images/icons/page.gif';
|
||
|
|
has_children = false;
|
||
|
|
}
|
||
|
|
var t = me.tree.addNode(n, cl[i].name, imgsrc,me.tree.std_onclick, has_children ? me.tree.std_onexp : null);
|
||
|
|
t.rec = cl[i];
|
||
|
|
t.parent_account = r.message.parent;
|
||
|
|
t.has_children = has_children;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
var arg = [node.rec.name, me.sel];
|
||
|
|
$c_obj('Sales Browser Control','get_record_list',arg.join(','),callback);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//=================================================================================================================================
|
||
|
|
SalesBrowser.prototype.make_details = function(){
|
||
|
|
var me = this;
|
||
|
|
var callback = function(r,rt){
|
||
|
|
|
||
|
|
me.dtl.innerHTML = "";
|
||
|
|
//me.dtl_tab = make_table(me.dtl,3,2,'','',{tableLayout:'fixed',borderCollapse: 'collapse'})
|
||
|
|
|
||
|
|
var h = $a(me.dtl,'h3','',{padding:'4px', margin:'0px',backgroundColor:'#EEEEEE',borderBottom:'1px solid #AAAAAA'});
|
||
|
|
$(h).html(r.message.name);
|
||
|
|
|
||
|
|
var d = $a(me.dtl,'div');
|
||
|
|
me.dtl_tab = make_table(me.dtl,3,2,'','',{tableLayout:'fixed',borderCollapse: 'collapse',padding:'4px'})
|
||
|
|
$td(me.dtl_tab,0,0).innerHTML="Parent";
|
||
|
|
if(r.message.parent != '')
|
||
|
|
$td(me.dtl_tab,0,1).innerHTML=": "+r.message.parent;
|
||
|
|
else
|
||
|
|
$td(me.dtl_tab,0,1).innerHTML=": ----";
|
||
|
|
$td(me.dtl_tab,1,0).innerHTML="Has Child Node";
|
||
|
|
$td(me.dtl_tab,1,1).innerHTML=": "+r.message.is_group;
|
||
|
|
|
||
|
|
|
||
|
|
me.open_doc = $a(me.dtl,'div','link_type',{paddingTop:'14px'});
|
||
|
|
me.open_doc.innerHTML = "Click here to open "+r.message.name;
|
||
|
|
|
||
|
|
me.open_doc.onclick = function(){
|
||
|
|
loaddoc(me.sel,r.message.name );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var arg = [this.cur_node.rec.name, this.sel];
|
||
|
|
|
||
|
|
$c_obj('Sales Browser Control','get_record',arg.join(','),callback);
|
||
|
|
|
||
|
|
}
|
||
|
|
//=================================================================================================================================
|
||
|
|
SalesBrowser.prototype.refresh_tree=function(){
|
||
|
|
|
||
|
|
this.tree_area.innerHTML = '';
|
||
|
|
this.dtl.innerHTML = '';
|
||
|
|
this.first_level_node(); //set root
|
||
|
|
//hide add, edit, trash buttons
|
||
|
|
//$dh(this.add_btn);
|
||
|
|
$dh(this.edit_btn);
|
||
|
|
$dh(this.trash_btn);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//=============================== make first level node ================================================
|
||
|
|
SalesBrowser.prototype.first_level_node = function(){
|
||
|
|
|
||
|
|
var me = this;
|
||
|
|
var callback = function(r,rt) {
|
||
|
|
|
||
|
|
var cl = r.message.cl;
|
||
|
|
|
||
|
|
for(var i=0;i<cl.length;i++) {
|
||
|
|
var imgsrc=null;
|
||
|
|
var has_children = true;
|
||
|
|
|
||
|
|
if(cl[i].is_group=='No') {
|
||
|
|
var imgsrc = 'images/icons/page.gif';
|
||
|
|
has_children = false;
|
||
|
|
}
|
||
|
|
me.tree_area.innerHTML = '';
|
||
|
|
if(me.tree) {
|
||
|
|
|
||
|
|
me.tree.innerHTML = '';
|
||
|
|
me.tree.body.innerHTML = '';
|
||
|
|
|
||
|
|
me.make_tree();
|
||
|
|
}
|
||
|
|
|
||
|
|
var t = me.tree.addNode(null, cl[i].name, imgsrc,me.tree.std_onclick, has_children ? me.tree.std_onexp : null);
|
||
|
|
t.rec ={};
|
||
|
|
t.rec.name = cl[i].name;
|
||
|
|
t.has_children = has_children;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$c_obj('Sales Browser Control','get_fl_node',this.sel,callback);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//========================================= Dialog Section ===================================================================
|
||
|
|
//--------------------------------------------------------------------------------------------------------------------------------
|
||
|
|
//========================================================================
|
||
|
|
MakeDialog=function(label,field_name,n,cls_obj){
|
||
|
|
|
||
|
|
var new_head = 'Create A New '+label;
|
||
|
|
|
||
|
|
this.label = label;
|
||
|
|
|
||
|
|
this.lbl_rec = label+' Name';
|
||
|
|
this.field_name = field_name;
|
||
|
|
this.n = n;
|
||
|
|
this.cls_obj=cls_obj;
|
||
|
|
//-----------------------------------------------
|
||
|
|
|
||
|
|
this.main_dialog = new Dialog(400,300,new_head);
|
||
|
|
this.set_dg_fields();
|
||
|
|
this.set_dg_values();
|
||
|
|
//-----------------------------------------------
|
||
|
|
this.new_main_dialog = this.main_dialog;
|
||
|
|
|
||
|
|
this.new_main_dialog.show();
|
||
|
|
|
||
|
|
}
|
||
|
|
//=================================================================================================================================
|
||
|
|
MakeDialog.prototype.set_dg_fields = function(){
|
||
|
|
|
||
|
|
var bd_lst = [];
|
||
|
|
bd_lst.push(['HTML','Heading'],['Data',this.lbl_rec],['Select','Parent'],['Select','Has Child Node']);
|
||
|
|
if(this.cls_obj.sel == 'Sales Person')
|
||
|
|
bd_lst.push(['HTML','','All nodes are allowed in transaction.']);
|
||
|
|
else
|
||
|
|
bd_lst.push(['HTML','','Only leaf nodes are allowed in transaction.']);
|
||
|
|
if(this.n==1)
|
||
|
|
bd_lst.push(['Button','Create']);
|
||
|
|
|
||
|
|
if(this.n==2){
|
||
|
|
bd_lst.push(['Button','Update']);
|
||
|
|
this.set_edit_fields();
|
||
|
|
}
|
||
|
|
|
||
|
|
this.main_dialog.make_body(bd_lst);
|
||
|
|
|
||
|
|
//-----------------------------------------------
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//====================================================================================================================================
|
||
|
|
MakeDialog.prototype.set_edit_fields=function(){
|
||
|
|
var me = this;
|
||
|
|
var callback = function(r,rt){
|
||
|
|
|
||
|
|
me.main_dialog.widgets[me.lbl_rec].value = r.message.name;
|
||
|
|
|
||
|
|
add_sel_options(me.main_dialog.widgets['Parent'], r.message.parent_lst,r.message.parent);
|
||
|
|
me.main_dialog.widgets['Has Child Node'].value = r.message.is_group;
|
||
|
|
}
|
||
|
|
|
||
|
|
var arg = [this.cls_obj.cur_node.rec.name, this.cls_obj.sel];
|
||
|
|
|
||
|
|
$c_obj('Sales Browser Control','get_record',arg.join(','),callback);
|
||
|
|
}
|
||
|
|
//======================================= Validation - fields entered or not =================================================
|
||
|
|
MakeDialog.prototype.validate = function(){
|
||
|
|
|
||
|
|
if(!this.main_dialog.widgets[this.lbl_rec].value) {
|
||
|
|
err_msg1 ='Please enter '+this.label +' Name'
|
||
|
|
alert(err_msg1);
|
||
|
|
return 1;
|
||
|
|
}
|
||
|
|
if(!this.main_dialog.widgets['Parent'].value){
|
||
|
|
alert('Please enter Parent Name' );
|
||
|
|
return 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//====================================================================================================================================
|
||
|
|
MakeDialog.prototype.set_dg_values = function(){
|
||
|
|
if(this.n==1){
|
||
|
|
var me = this;
|
||
|
|
var callback = function(r,rt){
|
||
|
|
me.main_dialog.widgets[me.lbl_rec].disabled = 0;
|
||
|
|
me.main_dialog.widgets['Parent'].disabled = 0;
|
||
|
|
|
||
|
|
add_sel_options(me.main_dialog.widgets['Parent'],r.message);
|
||
|
|
//add_sel_options(this.main_dialog.widgets['Parent'], [this.cls_obj.cur_node.rec.name]);
|
||
|
|
me.btn_onclick('Create',me.cls_obj);
|
||
|
|
}
|
||
|
|
|
||
|
|
$c_obj('Sales Browser Control','get_parent_lst',this.cls_obj.sel,callback);
|
||
|
|
|
||
|
|
}
|
||
|
|
if(this.n == 2){
|
||
|
|
this.main_dialog.widgets[this.lbl_rec].disabled = 1;
|
||
|
|
this.main_dialog.widgets['Parent'].disabled = 0;
|
||
|
|
this.btn_onclick('Update');
|
||
|
|
this.old_value = sel_val(this.main_dialog.widgets['Parent']);
|
||
|
|
}
|
||
|
|
|
||
|
|
add_sel_options(this.main_dialog.widgets['Has Child Node'], ['Yes','No'], 'No');
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//=================================================================================================================================
|
||
|
|
//-----------------------------------------Dialog button onclick event----------------------------------------------
|
||
|
|
MakeDialog.prototype.btn_onclick=function(btn_name){
|
||
|
|
var me = this;
|
||
|
|
this.btn_name = btn_name;
|
||
|
|
this.main_dialog.widgets[this.btn_name].onclick = function() {
|
||
|
|
|
||
|
|
var callback=function(r,rt){
|
||
|
|
if(r.message == 'true'){
|
||
|
|
me.main_dialog.hide();
|
||
|
|
}
|
||
|
|
else{
|
||
|
|
flag = me.validate();
|
||
|
|
if(flag == 1) return;
|
||
|
|
|
||
|
|
//---------------------------------------------------------
|
||
|
|
|
||
|
|
var arg2 = me.make_args();
|
||
|
|
|
||
|
|
//create Sales Person -- server to Sales Browser Control
|
||
|
|
if(me.btn_name == "Create")
|
||
|
|
method_name = "add_node";
|
||
|
|
else
|
||
|
|
method_name = "edit_node";
|
||
|
|
|
||
|
|
$c_obj('Sales Browser Control',method_name, docstring(arg2), function(r,rt) {
|
||
|
|
me.main_dialog.widgets[me.lbl_rec].value='';
|
||
|
|
me.main_dialog.hide();
|
||
|
|
/*if(me.btn_name == "Create"){
|
||
|
|
me.cls_obj.cur_node.clear_child_nodes();
|
||
|
|
me.cls_obj.dtl.innerHTML = '';
|
||
|
|
me.cls_obj.cur_node.expand();
|
||
|
|
}
|
||
|
|
else{
|
||
|
|
me.cls_obj.refresh_tree();
|
||
|
|
}*/
|
||
|
|
me.cls_obj.refresh_tree();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var arg1 = {'node_title':me.cls_obj.sel,'is_group':sel_val(me.main_dialog.widgets['Has Child Node']),'lft':0,'rgt':0,'nm':me.main_dialog.widgets[me.lbl_rec].value,'parent_nm':sel_val(me.main_dialog.widgets['Parent']),'action':me.btn_name};
|
||
|
|
$c_obj('Sales Browser Control','mvalidate',docstring(arg1),callback);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//=================================================================================================================================
|
||
|
|
|
||
|
|
MakeDialog.prototype.make_args = function(){
|
||
|
|
var args ={}; //args making
|
||
|
|
var nt = this.cls_obj.sel;
|
||
|
|
var nm = this.main_dialog.widgets[this.lbl_rec].value;
|
||
|
|
var pnm = sel_val(this.main_dialog.widgets['Parent']);
|
||
|
|
var grp = sel_val(this.main_dialog.widgets['Has Child Node']);
|
||
|
|
|
||
|
|
if(this.n==1)
|
||
|
|
var old_prt ='';
|
||
|
|
else if(this.n==2){
|
||
|
|
if(this.old_value == sel_val(this.main_dialog.widgets['Parent']))
|
||
|
|
var old_prt = '';
|
||
|
|
else
|
||
|
|
var old_prt = this.old_value;
|
||
|
|
}
|
||
|
|
|
||
|
|
if(this.cls_obj.sel == 'Territory')
|
||
|
|
return {'node_title':nt,'territory_name':nm,'parent_territory':pnm,'is_group':grp,'old_parent':old_prt}
|
||
|
|
|
||
|
|
else if(this.cls_obj.sel == 'Customer Group')
|
||
|
|
return {'node_title':nt,'customer_group_name':nm,'parent_customer_group':pnm,'is_group':grp,'old_parent':old_prt}
|
||
|
|
|
||
|
|
else if(this.cls_obj.sel == 'Item Group')
|
||
|
|
return {'node_title':nt,'item_group_name':nm,'parent_item_group':pnm,'is_group':grp,'old_parent':old_prt}
|
||
|
|
|
||
|
|
else if(this.cls_obj.sel == 'Sales Person')
|
||
|
|
return {'node_title':nt,'sales_person_name':nm,'parent_sales_person':pnm,'is_group':grp,'old_parent':old_prt}
|
||
|
|
|
||
|
|
}
|