frappe/js/legacy/utils/dom.js

wn.dom.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 : 'lib/js/legacy/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;
	}
}

function $ln(parent, label, onclick, style) { 
	return wn.ele.link({parent:parent, label:label, onclick:onclick, style:style})
}

function $btn(parent, label, onclick, style, css_class, is_ajax) {
	wn.require('lib/js/wn/ui/button.js');
	if(css_class==='green') css_class='cupid-green';
	return new wn.ui.Button(
		{parent:parent, label:label, onclick:onclick, style:style, is_ajax: is_ajax, css_class: css_class}
	).btn;
}



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);
	}
}

// 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; 
	}
}


// 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); }

// 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(){
	return [$(document).height(), $(document).width()];
}

// 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);
	}

}