771 lines
20 KiB
JavaScript
771 lines
20 KiB
JavaScript
wn.dom = {
|
|
id_count: 0,
|
|
|
|
// sets a unique id to an element
|
|
set_unique_id: function(ele) {
|
|
var id = 'unique-' + wn.dom.id_count;
|
|
ele.setAttribute('id', id);
|
|
wn.dom.id_count++;
|
|
return id;
|
|
}
|
|
}
|
|
|
|
// short hand functions for setting up
|
|
// rich text editor tinymce
|
|
wn.tinymce = {
|
|
add_simple: function(ele, height) {
|
|
if(ele.myid) {
|
|
tinyMCE.execCommand( 'mceAddControl', true, ele.myid);
|
|
return;
|
|
}
|
|
|
|
// no create
|
|
ele.myid = wn.dom.set_unique_id(ele);
|
|
$(ele).tinymce({
|
|
// Location of TinyMCE script
|
|
script_url : 'js/tiny_mce_33/tiny_mce.js',
|
|
|
|
height: height ? height : '200px',
|
|
|
|
// General options
|
|
theme : "advanced",
|
|
theme_advanced_buttons1 : "bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,outdent,indent,link,unlink,forecolor,backcolor,code,",
|
|
theme_advanced_buttons2 : "",
|
|
theme_advanced_buttons3 : "",
|
|
theme_advanced_toolbar_location : "top",
|
|
theme_advanced_toolbar_align : "left",
|
|
theme_advanced_path : false,
|
|
theme_advanced_resizing : false
|
|
});
|
|
},
|
|
|
|
remove: function(ele) {
|
|
tinyMCE.execCommand( 'mceRemoveControl', true, ele.myid);
|
|
},
|
|
|
|
get_value: function(ele) {
|
|
return tinymce.get(ele.myid).getContent();
|
|
}
|
|
}
|
|
|
|
wn.ele = {
|
|
link: function(args) {
|
|
var span = $a(args.parent, 'span', 'link_type', args.style);
|
|
span.loading_img = $a(args.parent,'img','',{margin:'0px 4px -2px 4px', display:'none'});
|
|
span.loading_img.src= 'images/ui/button-load.gif';
|
|
|
|
span.innerHTML = args.label;
|
|
span.user_onclick = args.onclick;
|
|
span.onclick = function() { if(!this.disabled) this.user_onclick(this); }
|
|
|
|
// working
|
|
span.set_working = function() {
|
|
this.disabled = 1;
|
|
$di(this.loading_img);
|
|
}
|
|
span.done_working = function() {
|
|
this.disabled = 0;
|
|
$dh(this.loading_img);
|
|
}
|
|
|
|
return span;
|
|
},
|
|
|
|
button: function(args) {
|
|
var btn = $a(args.parent, 'button');
|
|
btn.loading_img = $a(args.parent,'img','',{margin:'0px 4px -2px 4px', display:'none'});
|
|
btn.loading_img.src= 'images/ui/button-load.gif';
|
|
$wid_make(btn,color);
|
|
if(args.is_ajax) $y(btn,{marginRight:'24px'});
|
|
|
|
// click
|
|
btn.innerHTML = args.label;
|
|
btn.user_onclick = args.onclick;
|
|
btn.color = args.color;
|
|
btn.onclick = function() { if(!this.disabled) this.user_onclick(this); }
|
|
|
|
// color
|
|
$(btn).hover(
|
|
function() { $wid_active(this); },
|
|
function() { $wid_normal(this); }
|
|
)
|
|
btn.onmousedown = function() { $wid_pressed(this); }
|
|
btn.onmouseup = function() { $wid_active(this); }
|
|
|
|
// disabled
|
|
btn.set_disabled = function() {
|
|
$wid_disabled(this);
|
|
}
|
|
btn.set_enabled = function() {
|
|
this.disabled = 0;
|
|
$wid_normal(this);
|
|
}
|
|
|
|
// working
|
|
btn.set_working = function() {
|
|
this.set_disabled();
|
|
$di(this.loading_img);
|
|
if(args.is_ajax) $y(btn,{marginRight:'0px'});
|
|
}
|
|
btn.done_working = function() {
|
|
this.set_enabled();
|
|
$dh(this.loading_img);
|
|
if(args.is_ajax) $y(btn,{marginRight:'24px'});
|
|
}
|
|
|
|
if(args.style) $y(btn, args.style);
|
|
return btn;
|
|
}
|
|
}
|
|
|
|
function $ln(parent, label, onclick, style) {
|
|
return wn.ele.link({parent:parent, label:label, onclick:onclick, style:style})
|
|
}
|
|
|
|
function $btn(parent, label, onclick, style, color, is_ajax) {
|
|
return wn.ele.button({parent:parent, label:label, onclick:onclick, style:style, is_ajax: is_ajax})
|
|
}
|
|
|
|
|
|
|
|
function addEvent(ev, fn) {
|
|
if(isIE) {
|
|
document.attachEvent('on'+ev, function() {
|
|
fn(window.event, window.event.srcElement);
|
|
});
|
|
} else {
|
|
document.addEventListener(ev, function(e) { fn(e, e.target); }, true);
|
|
}
|
|
}
|
|
|
|
// widget styles
|
|
// ====================================
|
|
|
|
// normal
|
|
// --------------------
|
|
|
|
$wid_normal = function(ele) {
|
|
if(ele.disabled) return;
|
|
$y(ele, {border:'1px solid #AAC', color:'#446'}); $gr(ele,'#FFF','#D8D8E2');
|
|
if(ele.no_left_border) $y(ele, {borderLeft:'0px'})
|
|
if(ele.wid_color=='green') {
|
|
$y(ele, {color:'#FFF', border:'1px solid #4B4'}); $gr(ele,'#9C9','#4A4');
|
|
}
|
|
}
|
|
|
|
$wid_make = function(ele,color) {
|
|
if(ele.disabled) return;
|
|
fsize = ele.style.fontSize ? ele.style.fontSize : '11px';
|
|
|
|
$y(ele, {padding:'2px 8px', cursor:'pointer',fontSize:fsize});
|
|
$br(ele,'2px');
|
|
$bs(ele, '0.5px 0.5px 2px #EEE');
|
|
|
|
ele.wid_color = color ? color : 'normal';
|
|
|
|
$wid_normal(ele);
|
|
}
|
|
|
|
// disabled
|
|
// --------------------
|
|
|
|
$wid_disabled = function(ele) {
|
|
ele.disabled = 1;
|
|
$y(ele, {border:'1px solid #AAA'}); $bg(ele,'#E8E8EA'); $fg(ele,'#AAA');
|
|
}
|
|
|
|
|
|
|
|
// active (mouseover)
|
|
// --------------------
|
|
|
|
$wid_active = function(ele) {
|
|
if(ele.disabled) return;
|
|
$y(ele, {border:'1px solid #446', color:'#446'}); $gr(ele,'#FFF','#EEF');
|
|
if(ele.no_left_border) $y(ele, {borderLeft:'0px'})
|
|
if(ele.wid_color=='green') {
|
|
$y(ele, {color:'#FFF', border:'1px solid #292'}); $gr(ele,'#AFA','#7C7');
|
|
}
|
|
}
|
|
|
|
// pressed
|
|
// --------------------
|
|
|
|
$wid_pressed = function(ele) {
|
|
if(ele.disabled) return;
|
|
$y(ele, {border:'1px solid #444'}); $gr(ele,'#EEF','#DDF');
|
|
if(ele.wid_color=='green') {
|
|
$y(ele, {color:'#FFF', border:'1px solid #292'}); $gr(ele,'#7C7','#2A2');
|
|
}
|
|
}
|
|
|
|
// item (for tabs and triggers)
|
|
// ====================================
|
|
|
|
$item_normal = function(ele) {
|
|
$y(ele, {padding:'6px 8px',cursor:'pointer',marginRight:'8px', whiteSpace:'nowrap',overflow:'hidden',borderBottom:'1px solid #DDD'});
|
|
$bg(ele,'#FFF'); $fg(ele,'#000');
|
|
}
|
|
$item_active = function(ele) {
|
|
$bg(ele,'#FE8'); $fg(ele,'#000');
|
|
}
|
|
$item_selected = function(ele) {
|
|
$bg(ele,'#777'); $fg(ele,'#FFF');
|
|
}
|
|
$item_pressed = function(ele) {
|
|
$bg(ele,'#F90'); $fg(ele,'#FFF');
|
|
}
|
|
$item_set_working = function(ele) {
|
|
if(ele.loading_img) {
|
|
$di(ele.loading_img)
|
|
} else {
|
|
ele.disabled = 1;
|
|
ele.loading_img = $a(ele.parentNode,'img','',{marginLeft:'4px',marginBottom:'-2px',display:'inline'});
|
|
ele.loading_img.src = 'images/ui/button-load.gif';
|
|
}
|
|
}
|
|
$item_done_working = function(ele) {
|
|
ele.disabled = 0;
|
|
if(ele.loading_img) { $dh(ele.loading_img) };
|
|
}
|
|
|
|
// set out of 100
|
|
function set_opacity(ele, ieop) {
|
|
var op = ieop / 100;
|
|
if (ele.filters) { // internet explorer
|
|
try {
|
|
ele.filters.item("DXImageTransform.Microsoft.Alpha").opacity = ieop;
|
|
} catch (e) {
|
|
ele.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity='+ieop+')';
|
|
}
|
|
} else { // other browsers
|
|
ele.style.opacity = op;
|
|
}
|
|
}
|
|
|
|
|
|
// join buttons
|
|
// ------------------------------------
|
|
|
|
function $btn_join(btn1, btn2) {
|
|
$br(btn1, '0px', [0,1,1,0]);
|
|
$br(btn2, '0px', [1,0,0,1]);
|
|
$y(btn1, {marginRight:'0px'});
|
|
$y(btn2, {marginLeft:'0px', borderLeft:'0px'});
|
|
btn2.no_left_border = 1;
|
|
}
|
|
|
|
|
|
// set gradient
|
|
// ====================================
|
|
|
|
function set_gradient(ele, from, to) {
|
|
// gradient
|
|
var no_gradient=0;
|
|
|
|
if(isIE)no_gradient=1;
|
|
if(isFF && ffversion < 3.6)no_gradient=1;
|
|
|
|
if(no_gradient) {
|
|
var rgb_from = get_rgb(from.substr(1)); var rgb_to = get_rgb(to.substr(1));
|
|
$y(ele, {backgroundColor: '#'
|
|
+ d2h(rgb_to[0] + (rgb_from[0]-rgb_to[0])/2)
|
|
+ d2h(rgb_to[1] + (rgb_from[1]-rgb_to[1])/2)
|
|
+ d2h(rgb_to[2] + (rgb_from[2]-rgb_to[2])/2)});
|
|
} else {
|
|
$y(ele, {background: '-webkit-gradient(linear, left top, left bottom, from('+from+'), to('+to+'))'});
|
|
$y(ele, {background: '-moz-linear-gradient(top, '+from+', '+to+')'});
|
|
}
|
|
}
|
|
$gr = set_gradient;
|
|
|
|
// border radius
|
|
// ====================================
|
|
|
|
$br = function(ele, r, corners) {
|
|
if(corners) {
|
|
var cl = ['top-left', 'top-right', 'bottom-right' , 'bottom-left'];
|
|
for(var i=0; i<4; i++) {
|
|
if(corners[i]) {
|
|
$(ele).css('-moz-border-radius-'+cl[i].replace('-',''),r).css('-webkit-'+cl[i]+'-border-radius',r);
|
|
}
|
|
}
|
|
} else {
|
|
$(ele).css('-moz-border-radius',r).css('-webkit-border-radius',r).css('border-radius',r);
|
|
}
|
|
}
|
|
$bs = function(ele, r) { $(ele).css('-moz-box-shadow',r).css('-webkit-box-shadow',r).css('box-shadow',r); }
|
|
|
|
// Button
|
|
// ====================================
|
|
|
|
function $btn(parent, label, onclick, style, color, ajax) {
|
|
var btn = $a(parent, 'button');
|
|
btn.loading_img = $a(parent,'img','',{margin:'0px 4px -2px 4px', display:'none'});
|
|
btn.loading_img.src= 'images/ui/button-load.gif';
|
|
$wid_make(btn,color);
|
|
if(ajax) $y(btn,{marginRight:'24px'});
|
|
|
|
// click
|
|
btn.innerHTML = label;
|
|
btn.user_onclick = onclick; btn.color = color;
|
|
btn.onclick = function() { if(!this.disabled) this.user_onclick(this); }
|
|
|
|
// color
|
|
$(btn).hover(
|
|
function() { $wid_active(this); },
|
|
function() { $wid_normal(this); }
|
|
)
|
|
btn.onmousedown = function() { $wid_pressed(this); }
|
|
btn.onmouseup = function() { $wid_active(this); }
|
|
|
|
// disabled
|
|
btn.set_disabled = function() {
|
|
$wid_disabled(this);
|
|
}
|
|
btn.set_enabled = function() {
|
|
this.disabled = 0;
|
|
$wid_normal(this);
|
|
}
|
|
|
|
// working
|
|
btn.set_working = function() {
|
|
this.set_disabled();
|
|
$di(this.loading_img);
|
|
if(ajax) $y(btn,{marginRight:'0px'});
|
|
}
|
|
btn.done_working = function() {
|
|
this.set_enabled();
|
|
$dh(this.loading_img);
|
|
if(ajax) $y(btn,{marginRight:'24px'});
|
|
}
|
|
|
|
if(style) $y(btn, style);
|
|
return btn;
|
|
}
|
|
|
|
|
|
// standard input pattern
|
|
// has a standard text that clears on change
|
|
// and if onchange the value is empty, shows the text
|
|
|
|
(function($) {
|
|
$.fn.add_default_text = function(txt) {
|
|
return this.each(function() {
|
|
$(this).attr('default_text', txt).bind('focus', function() {
|
|
if(this.value==$(this).attr('default_text')) {
|
|
$(this).val('').css('color', '#000');
|
|
}
|
|
}).bind('blur', function() {
|
|
if(!this.value) {
|
|
$(this).val($(this).attr('default_text')).css('color', '#888');
|
|
}
|
|
}).blur();
|
|
});
|
|
};
|
|
})(jQuery);
|
|
|
|
// Select
|
|
// ====================================
|
|
|
|
function empty_select(s) {
|
|
if(s.custom_select) { s.empty(); return; }
|
|
if(s.inp)s = s.inp;
|
|
if(s) {
|
|
var tmplen = s.length; for(var i=0;i<tmplen; i++) s.options[0] = null;
|
|
}
|
|
}
|
|
|
|
function sel_val(s) {
|
|
if(s.custom_select) {
|
|
return s.inp.value ? s.inp.value : '';
|
|
}
|
|
if(s.inp)s = s.inp;
|
|
try {
|
|
if(s.selectedIndex<s.options.length) return s.options[s.selectedIndex].value;
|
|
else return '';
|
|
} catch(err) { return ''; /* IE fix */ }
|
|
}
|
|
|
|
function add_sel_options(s, list, sel_val, o_style) {
|
|
if(s.custom_select) {
|
|
s.set_options(list)
|
|
if(sel_val) s.inp.value = sel_val;
|
|
return;
|
|
}
|
|
if(s.inp)s = s.inp;
|
|
for(var i=0, len=list.length; i<len; i++) {
|
|
var o = new Option(list[i], list[i], false, (list[i]==sel_val? true : false));
|
|
if(o_style) $y(o, o_style);
|
|
s.options[s.options.length] = o;
|
|
}
|
|
}
|
|
|
|
function cint(v, def) {
|
|
v=v+'';
|
|
v=lstrip(v, ['0']);
|
|
v=parseInt(v);
|
|
if(isNaN(v))v=def?def:0; return v;
|
|
}
|
|
function validate_email(id) { if(strip(id).search("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?")==-1) return 0; else return 1; }
|
|
function validate_spl_chars(txt) { if(txt.search(/^[a-zA-Z0-9_\- ]*$/)==-1) return 1; else return 0; }
|
|
|
|
function d2h(d) {return cint(d).toString(16);}
|
|
function h2d(h) {return parseInt(h,16);}
|
|
|
|
function get_darker_shade(col, factor) {
|
|
if(!factor) factor = 0.5;
|
|
rgb = get_rgb(col)
|
|
return "" + d2h(cint(rgb[0]*factor)) + d2h(cint(rgb[1]*factor)) + d2h(cint(rgb[2]*factor));
|
|
}
|
|
|
|
function get_rgb(col) {
|
|
if(col.length==3) { return [h2d(col[0]), h2d(col[1]), h2d(col[2])] }
|
|
else if(col.length==6) { return [h2d(col.substr(0,2)), h2d(col.substr(2,2)), h2d(col.substr(4,2))] }
|
|
else return [];
|
|
}
|
|
|
|
var $n = '\n';
|
|
var $f_lab = '<div style="padding: 4px; color: #888;">Fetching...</div>';
|
|
|
|
var my_title = 'Home'; var title_prefix = '';
|
|
function set_title(t) {
|
|
document.title = (title_prefix ? (title_prefix + ' - ') : '') + t;
|
|
}
|
|
|
|
function $a(parent, newtag, className, cs, innerHTML, onclick) {
|
|
if(parent && parent.substr)parent = $i(parent);
|
|
var c = document.createElement(newtag);
|
|
if(parent)
|
|
parent.appendChild(c);
|
|
|
|
// if image, 3rd parameter is source
|
|
if(className) {
|
|
if(newtag.toLowerCase()=='img')
|
|
c.src = className
|
|
else
|
|
c.className = className;
|
|
}
|
|
if(cs)$y(c,cs);
|
|
if(innerHTML) c.innerHTML = innerHTML;
|
|
if(onclick) c.onclick = onclick;
|
|
return c;
|
|
}
|
|
function $a_input(p, in_type, attributes, cs) {
|
|
if(!attributes) attributes = {};
|
|
if(in_type) attributes.type = in_type
|
|
if(isIE) {
|
|
var s= '<input ';
|
|
for(key in attributes)
|
|
s+= ' ' + key + '="'+ attributes[key] + '"';
|
|
s+= '>'
|
|
p.innerHTML = s
|
|
var o = p.childNodes[0];
|
|
} else {
|
|
var o = $a(p, 'input');
|
|
for(key in attributes)
|
|
o.setAttribute(key, attributes[key]);
|
|
}
|
|
if(cs)$y(o,cs);
|
|
return o;
|
|
}
|
|
|
|
function $dh(d) {
|
|
if(d && d.substr)d=$i(d);
|
|
if(d && d.style.display.toLowerCase() != 'none') d.style.display = 'none';
|
|
}
|
|
function $ds(d) {
|
|
if(d && d.substr)d=$i(d);
|
|
var t = 'block';
|
|
if(d && in_list(['span','img','button'], d.tagName.toLowerCase()))
|
|
t = 'inline'
|
|
if(d && d.style.display.toLowerCase() != t)
|
|
d.style.display = t;
|
|
}
|
|
function $di(d) { if(d && d.substr)d=$i(d); if(d)d.style.display = 'inline'; }
|
|
function $i(id) {
|
|
if(!id) return null;
|
|
if(id && id.appendChild)return id; // already an element
|
|
return document.getElementById(id);
|
|
}
|
|
function $t(parent, txt) { if(parent.substr)parent = $i(parent); return parent.appendChild(document.createTextNode(txt)); }
|
|
function $w(e,w) { if(e && e.style && w)e.style.width = w; }
|
|
function $h(e,h) { if(e && e.style && h)e.style.height = h; }
|
|
function $bg(e,w) { if(e && e.style && w)e.style.backgroundColor = w; }
|
|
function $fg(e,w) { if(e && e.style && w)e.style.color = w; }
|
|
function $op(e,w) { if(e && e.style && w) { set_opacity(e,w); } }
|
|
|
|
function $y(ele, s) {
|
|
if(ele && s) {
|
|
for(var i in s) ele.style[i]=s[i];
|
|
};
|
|
return ele;
|
|
}
|
|
|
|
function $yt(tab, r, c, s) { /// set style on tables with wildcards
|
|
var rmin = r; var rmax = r;
|
|
if(r=='*') { rmin = 0; rmax = tab.rows.length-1; }
|
|
if(r.search && r.search('-')!= -1) {
|
|
r = r.split('-');
|
|
rmin = cint(r[0]); rmax = cint(r[1]);
|
|
}
|
|
|
|
var cmin = c; var cmax = c;
|
|
if(c=='*') { cmin = 0; cmax = tab.rows[0].cells.length-1; }
|
|
if(c.search && c.search('-')!= -1) {
|
|
c = c.split('-');
|
|
rmin = cint(c[0]); rmax = cint(c[1]);
|
|
}
|
|
|
|
for(var ri = rmin; ri<=rmax; ri++) {
|
|
for(var ci = cmin; ci<=cmax; ci++)
|
|
$y($td(tab,ri,ci),s);
|
|
}
|
|
}
|
|
|
|
// add css classes etc
|
|
|
|
function set_style(txt) {
|
|
var se = document.createElement('style');
|
|
se.type = "text/css";
|
|
if (se.styleSheet) {
|
|
se.styleSheet.cssText = txt;
|
|
} else {
|
|
se.appendChild(document.createTextNode(txt));
|
|
}
|
|
document.getElementsByTagName('head')[0].appendChild(se);
|
|
}
|
|
|
|
// Make table
|
|
|
|
function make_table(parent, nr, nc, table_width, widths, cell_style, table_style) {
|
|
var t = $a(parent, 'table');
|
|
t.style.borderCollapse = 'collapse';
|
|
if(table_width) t.style.width = table_width;
|
|
if(cell_style) t.cell_style=cell_style;
|
|
for(var ri=0;ri<nr;ri++) {
|
|
var r = t.insertRow(ri);
|
|
for(var ci=0;ci<nc;ci++) {
|
|
var c = r.insertCell(ci);
|
|
if(ri==0 && widths && widths[ci]) {
|
|
// set widths
|
|
c.style.width = widths[ci];
|
|
}
|
|
if(cell_style) {
|
|
for(var s in cell_style) c.style[s] = cell_style[s];
|
|
}
|
|
}
|
|
}
|
|
t.append_row = function() { return append_row(this); }
|
|
if(table_style) $y(t, table_style);
|
|
return t;
|
|
}
|
|
|
|
function append_row(t, at, style) {
|
|
var r = t.insertRow(at ? at : t.rows.length);
|
|
if(t.rows.length>1) {
|
|
for(var i=0;i<t.rows[0].cells.length;i++) {
|
|
var c = r.insertCell(i);
|
|
if(style) $y(c, style);
|
|
}
|
|
}
|
|
return r
|
|
}
|
|
|
|
function $td(t,r,c) {
|
|
if(r<0)r=t.rows.length+r;
|
|
if(c<0)c=t.rows[0].cells.length+c;
|
|
return t.rows[r].cells[c];
|
|
}
|
|
// sum of values in a table column
|
|
function $sum(t, cidx) {
|
|
var s = 0;
|
|
if(cidx<1)cidx = t.rows[0].cells.length + cidx;
|
|
for(var ri=0; ri<t.rows.length; ri++) {
|
|
var c = t.rows[ri].cells[cidx];
|
|
if(c.div) s += flt(c.div.innerHTML);
|
|
else if(c.value) s+= flt(c.value);
|
|
else s += flt(c.innerHTML);
|
|
}
|
|
return s;
|
|
}
|
|
|
|
function objpos(obj){
|
|
if(obj.substr)obj = $i(obj);
|
|
var p = $(obj).offset();
|
|
return {x : cint(p.left), y : cint(p.top) }
|
|
}
|
|
|
|
|
|
function get_screen_dims() {
|
|
var d={};
|
|
d.w = 0; d.h = 0;
|
|
if( typeof( window.innerWidth ) == 'number' ) {
|
|
//Non-IE
|
|
d.w = window.innerWidth;
|
|
d.h = window.innerHeight;
|
|
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
|
|
//IE 6+ in 'standards compliant mode'
|
|
d.w = document.documentElement.clientWidth;
|
|
d.h = document.documentElement.clientHeight;
|
|
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
|
|
//IE 4 compatible
|
|
d.w = document.body.clientWidth;
|
|
d.h = document.body.clientHeight;
|
|
}
|
|
return d
|
|
}
|
|
|
|
// get full page size
|
|
function get_page_size(){
|
|
if (window.innerHeight && window.scrollMaxY) {// Firefox
|
|
yh = window.innerHeight + window.scrollMaxY;
|
|
xh = window.innerWidth + window.scrollMaxX;
|
|
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
|
|
yh = document.body.scrollHeight;
|
|
xh = document.body.scrollWidth;
|
|
} else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
|
|
yh = document.body.offsetHeight;
|
|
xh = document.body.offsetWidth;
|
|
}
|
|
r = [xh, yh];
|
|
//alert( 'The height is ' + yh + ' and the width is ' + xh );
|
|
return r;
|
|
}
|
|
|
|
// get scroll top
|
|
function get_scroll_top() {
|
|
var st = 0;
|
|
if(document.documentElement && document.documentElement.scrollTop)
|
|
st = document.documentElement.scrollTop;
|
|
else if(document.body && document.body.scrollTop)
|
|
st = document.body.scrollTop;
|
|
return st;
|
|
}
|
|
|
|
|
|
function get_cookie(c) {
|
|
var t=""+document.cookie;
|
|
var ind=t.indexOf(c);
|
|
if (ind==-1 || c=="") return "";
|
|
var ind1=t.indexOf(';',ind);
|
|
if (ind1==-1) ind1=t.length;
|
|
return unescape(t.substring(ind+c.length+1,ind1));
|
|
}
|
|
|
|
// add space holder
|
|
add_space_holder = function(parent,cs){
|
|
if(!cs) cs = {margin:'170px 0px'}
|
|
$y(space_holder_div,cs);
|
|
parent.appendChild(space_holder_div);
|
|
}
|
|
|
|
// remove space holder
|
|
remove_space_holder = function(){
|
|
if(space_holder_div.parentNode)
|
|
space_holder_div.parentNode.removeChild(space_holder_div);
|
|
};
|
|
|
|
// URL utilities
|
|
|
|
wn.urllib = {
|
|
|
|
// get argument from url
|
|
get_arg: function(name) {
|
|
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
|
|
var regexS = "[\\?&]"+name+"=([^&#]*)";
|
|
var regex = new RegExp( regexS );
|
|
var results = regex.exec( window.location.href );
|
|
if( results == null )
|
|
return "";
|
|
else
|
|
return decodeURIComponent(results[1]);
|
|
},
|
|
|
|
// returns url dictionary
|
|
get_dict: function() {
|
|
var d = {}
|
|
var t = window.location.href.split('?')[1];
|
|
if(!t) return d;
|
|
|
|
if(t.indexOf('#')!=-1) t = t.split('#')[0];
|
|
if(!t) return d;
|
|
|
|
t = t.split('&');
|
|
for(var i=0; i<t.length; i++) {
|
|
var a = t[i].split('=');
|
|
d[decodeURIComponent(a[0])] = decodeURIComponent(a[1]);
|
|
}
|
|
return d;
|
|
},
|
|
|
|
// returns the base url with http + domain + path (-index.cgi or # or ?)
|
|
get_base_url: function() {
|
|
var url= window.location.href.split('#')[0].split('?')[0].split('index.cgi')[0];
|
|
if(url.substr(url.length-1, 1)=='/') url = url.substr(0, url.length-1)
|
|
return url
|
|
},
|
|
|
|
// return the relative http url for
|
|
// a file upload / attachment
|
|
// by file id / name
|
|
get_file_url: function(file_id) {
|
|
//var url = wn.urllib.get_base_url();
|
|
var ac_id = locals['Control Panel']['Control Panel'].account_id;
|
|
return repl('cgi-bin/getfile.cgi?name=%(fn)s&acx=%(ac)s', {fn:file_id, ac:ac_id})
|
|
}
|
|
}
|
|
|
|
get_url_arg = wn.urllib.get_arg;
|
|
get_url_dict = wn.urllib.get_dict;
|
|
|
|
// set user image
|
|
var user_img = {}
|
|
var user_img_queue = {};
|
|
var user_img_loading = [];
|
|
|
|
set_user_img = function(img, username, get_latest, img_id) {
|
|
function set_it(i) {
|
|
if(user_img[username]=='no_img_m')
|
|
i.src = 'images/ui/no_img/no_img_m.gif';
|
|
else if(user_img[username]=='no_img_f')
|
|
i.src = 'images/ui/no_img/no_img_f.gif'; // no image
|
|
else {
|
|
ac_id = locals['Control Panel']['Control Panel'].account_id;
|
|
i.src = repl('cgi-bin/getfile.cgi?ac=%(ac)s&name=%(fn)s', {fn:user_img[username], ac:ac_id});
|
|
}
|
|
}
|
|
|
|
// given
|
|
if(img_id) {
|
|
user_img[username] = img_id;
|
|
set_it(img);
|
|
return;
|
|
}
|
|
|
|
// from dict or load
|
|
if(user_img[username] && !get_latest) {
|
|
set_it(img);
|
|
} else{
|
|
// queue multiple request while loading
|
|
if(in_list(user_img_loading,username)) {
|
|
if(!user_img_queue[username])
|
|
user_img_queue[username] = [];
|
|
user_img_queue[username].push(img);
|
|
return;
|
|
}
|
|
$c('webnotes.profile.get_user_img',{username:username},function(r,rt) {
|
|
delete user_img_loading[user_img_loading.indexOf(username)];
|
|
user_img[username] = r.message;
|
|
|
|
if(user_img_queue[username]) {
|
|
var q=user_img_queue[username];
|
|
for(var i in q) { set_it(q[i]); }
|
|
}
|
|
set_it(img);
|
|
|
|
}, null, 1);
|
|
user_img_loading.push(username);
|
|
}
|
|
|
|
}
|