351 lines
9.6 KiB
JavaScript
351 lines
9.6 KiB
JavaScript
// ====================================================================
|
|
|
|
pscript.startup_make_sidebar = function() {
|
|
$y(page_body.left_sidebar, {width:(100/6)+'%', paddingTop:'8px'});
|
|
|
|
var callback = function(r,rt) {
|
|
// menu
|
|
var ml = r.message;
|
|
|
|
// clear
|
|
page_body.left_sidebar.innerHTML = '';
|
|
|
|
for(var m=0; m<ml.length; m++){
|
|
if(ml[m]) {
|
|
new SidebarItem(ml[m]);
|
|
}
|
|
}
|
|
nav_obj.observers.push({notify:function(t,dt,dn) { pscript.select_sidebar_menu(t, dt, dn); }});
|
|
|
|
// select current
|
|
var no = nav_obj.ol[nav_obj.ol.length-1];
|
|
if(no && menu_item_map[decodeURIComponent(no[0])][decodeURIComponent(no[1])])
|
|
pscript.select_sidebar_menu(decodeURIComponent(no[0]), decodeURIComponent(no[1]));
|
|
}
|
|
$c_obj('Home Control', 'get_modules', '', callback);
|
|
}
|
|
|
|
// ====================================================================
|
|
// Menu observer
|
|
// ====================================================================
|
|
|
|
cur_menu_pointer = null;
|
|
var menu_item_map = {'Form':{}, 'Page':{}, 'Report':{}, 'List':{}}
|
|
|
|
pscript.select_sidebar_menu = function(t, dt, dn) {
|
|
// get menu item
|
|
if(menu_item_map[t][dt]) {
|
|
// select
|
|
menu_item_map[t][dt].select();
|
|
} else {
|
|
// none found :-( Unselect
|
|
if(cur_menu_pointer)
|
|
cur_menu_pointer.deselect();
|
|
}
|
|
}
|
|
|
|
// ====================================================================
|
|
// Menu pointer
|
|
// ====================================================================
|
|
|
|
var body_background = '#e2e2e2';
|
|
|
|
MenuPointer = function(parent, label) {
|
|
var me = this;
|
|
this.wrapper = $a(parent, 'div', '', {padding:'0px', cursor:'pointer', margin:'2px 0px'});
|
|
$br(this.wrapper, '3px');
|
|
|
|
this.tab = make_table($a(this.wrapper, 'div'), 1, 2, '100%', ['', '11px'], {height:'22px',
|
|
verticalAlign:'middle', padding:'0px'}, {borderCollapse:'collapse', tableLayout:'fixed'});
|
|
|
|
$y($td(this.tab, 0, 0), {padding:'0px 4px', color:'#444', whiteSpace:'nowrap'});
|
|
|
|
// triangle border (?)
|
|
this.tab.triangle_div = $a($td(this.tab, 0, 1), 'div','', {
|
|
borderColor: body_background + ' ' + body_background + ' ' + body_background + ' ' + 'transparent',
|
|
borderWidth:'11px', borderStyle:'solid', height:'0px', width:'0px', marginRight:'-11px'});
|
|
|
|
this.label_area = $a($td(this.tab, 0, 0), 'span', '', '', label);
|
|
|
|
$(this.wrapper)
|
|
.hover(
|
|
function() { if(!me.selected)
|
|
$bg(this, '#eee'); } ,
|
|
function() { if(!me.selected)
|
|
$bg(this, body_background); }
|
|
)
|
|
|
|
$y($td(this.tab, 0, 0), {borderBottom:'1px solid #ddd'});
|
|
|
|
}
|
|
|
|
// ====================================================================
|
|
|
|
MenuPointer.prototype.select = function(grey) {
|
|
$y($td(this.tab, 0, 0), {
|
|
color:'#fff', borderBottom:'0px solid #000'
|
|
});
|
|
$(this.wrapper).css('background-color', '#999');
|
|
this.selected = 1;
|
|
|
|
if(cur_menu_pointer && cur_menu_pointer != this)
|
|
cur_menu_pointer.deselect();
|
|
|
|
cur_menu_pointer = this;
|
|
}
|
|
|
|
// ====================================================================
|
|
|
|
MenuPointer.prototype.deselect = function() {
|
|
$y($td(this.tab, 0, 0), {color:'#444', borderBottom:'1px solid #ddd'});
|
|
$(this.wrapper).css('background-color', body_background);
|
|
this.selected = 0;
|
|
}
|
|
|
|
|
|
// ====================================================================
|
|
// Sidebar Item
|
|
// ====================================================================
|
|
|
|
var cur_sidebar_item = null;
|
|
|
|
SidebarItem = function(det) {
|
|
var me = this;
|
|
this.det = det;
|
|
this.wrapper = $a(page_body.left_sidebar, 'div', '', {marginRight:'12px'});
|
|
|
|
this.body = $a(this.wrapper, 'div');
|
|
this.tab = make_table(this.body, 1, 2, '100%', ['24px', null], {verticalAlign:'middle'}, {tableLayout:'fixed'});
|
|
|
|
// icon
|
|
var ic = $a($td(this.tab, 0, 0), 'div', 'module-icons module-icons-' + det.module_label.toLowerCase(), {marginLeft:'3px', marginBottom:'-2px'});
|
|
|
|
// pointer table
|
|
this.pointer = new MenuPointer($td(this.tab, 0, 1), det.module_label);
|
|
$y($td(this.pointer.tab, 0, 0), {fontWeight:'bold'});
|
|
|
|
// for page type
|
|
if(det.module_page) {
|
|
menu_item_map.Page[det.module_page] = this.pointer;
|
|
}
|
|
|
|
// items area
|
|
this.items_area = $a(this.wrapper, 'div');
|
|
|
|
this.body.onclick = function() { me.onclick(); }
|
|
}
|
|
|
|
// ====================================================================
|
|
|
|
SidebarItem.prototype.onclick = function() {
|
|
var me = this;
|
|
|
|
if(this.det.module_page) {
|
|
// page type
|
|
this.pointer.select();
|
|
|
|
$(me.pointer.label_area).set_working();
|
|
loadpage(this.det.module_page, function() {
|
|
$(me.pointer.label_area).done_working();
|
|
});
|
|
|
|
} else {
|
|
// show sub items
|
|
this.toggle();
|
|
}
|
|
}
|
|
|
|
// ====================================================================
|
|
|
|
SidebarItem.prototype.collapse = function() {
|
|
$(this.items_area).slideUp();
|
|
this.is_open = 0;
|
|
$fg(this.pointer.label_area, '#444')
|
|
}
|
|
|
|
// ====================================================================
|
|
|
|
SidebarItem.prototype.toggle = function() {
|
|
if(this.loading) return;
|
|
|
|
if(this.is_open) {
|
|
this.collapse();
|
|
} else {
|
|
if(this.loaded) $(this.items_area).slideDown();
|
|
else this.show_items();
|
|
this.is_open = 1;
|
|
$fg(this.pointer.label_area, '#000')
|
|
//this.pointer.select(1);
|
|
|
|
// close existing open
|
|
if(cur_sidebar_item && cur_sidebar_item != this) {
|
|
cur_sidebar_item.collapse();
|
|
}
|
|
cur_sidebar_item = this;
|
|
}
|
|
}
|
|
|
|
// ====================================================================
|
|
|
|
SidebarItem.prototype.show_items = function() {
|
|
this.loading = 1;
|
|
var me = this;
|
|
|
|
$(this.pointer.label_area).set_working();
|
|
var callback = function(r,rt){
|
|
me.loaded = 1;
|
|
me.loading = 0;
|
|
var smi = null;
|
|
var has_reports = 0;
|
|
var has_tools = 0;
|
|
|
|
// widget code
|
|
$(me.pointer.label_area).done_working();
|
|
|
|
if(r.message.il) {
|
|
me.il = r.message.il;
|
|
|
|
// forms
|
|
for(var i=0; i<me.il.length;i++){
|
|
if(me.il[i].doc_type == 'Forms') {
|
|
if(in_list(profile.can_read, me.il[i].doc_name)) {
|
|
var smi = new SidebarModuleItem(me, me.il[i]);
|
|
|
|
menu_item_map['Form'][me.il[i].doc_name] = smi.pointer;
|
|
menu_item_map['List'][me.il[i].doc_name] = smi.pointer;
|
|
}
|
|
}
|
|
if(me.il[i].doc_type=='Reports') has_reports = 1;
|
|
if(in_list(['Single DocType', 'Pages', 'Setup Forms'], me.il[i].doc_type))
|
|
has_tools = 1;
|
|
}
|
|
// reports
|
|
if(has_reports) {
|
|
var smi = new SidebarModuleItem(me, {doc_name:'Reports', doc_type:'Reports'});
|
|
|
|
// add to menu-item mapper
|
|
menu_item_map['Page'][me.det.module_label + ' Reports'] = smi.pointer;
|
|
}
|
|
|
|
// tools
|
|
if(has_tools) {
|
|
var smi = new SidebarModuleItem(me, {doc_name:'Tools', doc_type:'Tools'});
|
|
|
|
// add to menu-item mapper
|
|
menu_item_map['Page'][me.det.module_label + ' Tools'] = smi.pointer;
|
|
}
|
|
|
|
// custom reports
|
|
if(r.message.custom_reports.length) {
|
|
me.il = add_lists(r.message.il, r.message.custom_reports);
|
|
var smi = new SidebarModuleItem(me, {doc_name:'Custom Reports', doc_type:'Custom Reports'});
|
|
|
|
// add to menu-item mapper
|
|
menu_item_map['Page'][me.det.module_label + ' Custom Reports'] = smi.pointer;
|
|
}
|
|
}
|
|
|
|
|
|
$(me.items_area).slideDown();
|
|
|
|
// high light
|
|
var no = nav_obj.ol[nav_obj.ol.length-1];
|
|
if(no && menu_item_map[decodeURIComponent(no[0])][decodeURIComponent(no[1])])
|
|
pscript.select_sidebar_menu(decodeURIComponent(no[0]), decodeURIComponent(no[1]));
|
|
|
|
}
|
|
|
|
$c_obj('Home Control', 'get_module_details', me.det.name, callback);
|
|
}
|
|
|
|
// ====================================================================
|
|
// Show Reports
|
|
// ====================================================================
|
|
|
|
SidebarItem.prototype.show_section = function(sec_type) {
|
|
var me = this;
|
|
var label = this.det.module_label + ' ' + sec_type;
|
|
var type_map = {'Reports':'Reports', 'Custom Reports':'Custom Reports',
|
|
'Pages':'Tools', 'Single DocType':'Tools', 'Setup Forms':'Tools'}
|
|
|
|
|
|
if(page_body.pages[label]) {
|
|
loadpage(label, null, 1);
|
|
} else {
|
|
|
|
// make the reports page
|
|
var page = page_body.add_page(label);
|
|
this.wrapper = $a(page,'div','layout_wrapper');
|
|
|
|
|
|
// head
|
|
this.head = new PageHeader(this.wrapper, label);
|
|
|
|
// body
|
|
this.body1 = $a(this.wrapper, 'div', '', {marginTop:'16px'});
|
|
|
|
// add a report link
|
|
var add_link = function(det) {
|
|
var div = $a(me.body1, 'div', '', {marginBottom:'6px'});
|
|
var span = $a(div, 'span', 'link_type');
|
|
|
|
// tag the span
|
|
span.innerHTML = det.display_name; span.det = det;
|
|
if(sec_type=='Reports' || sec_type=='Custom Reports') {
|
|
// Reports
|
|
// -------
|
|
span.onclick = function() { loadreport(this.det.doc_name, this.det.display_name); }
|
|
|
|
} else {
|
|
// Tools
|
|
// -----
|
|
|
|
if(det.doc_type=='Pages') {
|
|
// Page
|
|
if(det.click_function) {
|
|
span.onclick = function() { eval(this.det.click_function) }
|
|
span.click_function = det.click_function;
|
|
} else {
|
|
span.onclick = function() { loadpage(this.det.doc_name); }
|
|
}
|
|
} else if(det.doc_type=='Setup Forms') {
|
|
// Doc Browser
|
|
span.onclick = function() { loaddocbrowser(this.det.doc_name); }
|
|
} else {
|
|
// Single
|
|
span.onclick = function() { loaddoc(this.det.doc_name, this.det.doc_name); }
|
|
}
|
|
}
|
|
}
|
|
|
|
// item list
|
|
for(var i=0; i<me.il.length;i++){
|
|
if(type_map[me.il[i].doc_type] == sec_type) {
|
|
add_link(me.il[i]);
|
|
}
|
|
}
|
|
loadpage(label, null, 1);
|
|
}
|
|
}
|
|
|
|
|
|
// ====================================================================
|
|
// Sidebar module item
|
|
// ====================================================================
|
|
|
|
SidebarModuleItem = function(si, det) {
|
|
this.det = det;
|
|
var me= this;
|
|
|
|
this.pointer = new MenuPointer(si.items_area, get_doctype_label(det.doc_name));
|
|
$y(si.items_area, {marginLeft:'32px'})
|
|
$y($td(this.pointer.tab, 0, 0), {fontSize:'11px'});
|
|
|
|
this.pointer.wrapper.onclick = function() {
|
|
if(me.det.doc_type=='Forms')
|
|
loaddocbrowser(det.doc_name);
|
|
else
|
|
si.show_section(me.det.doc_type);
|
|
}
|
|
}
|