egroupware/phpgwapi/templates/idots2/js/x-desktop/x-desktop_skin_IDOTS2.js

/* ================================== */
/* Idots 2 Based on SKIN && DESKTOP Linux KDE Standard */
/* ================================== */


function skin_IDOTS2(wName) {
	//c85050//
	var frame_bgcolor = "#CCCCCC"; //"#66A9C8";
	var frame_titleclass = "xDT_wTitle";
	var frame_borderwidth = 1;
	var taskbar_style = 2;
	var frame_topheight = 20;
	var frame_bottomheight = 10;
	var frame_contentbgcolor = '#CCCCCC';
	var frame_dummypic = xDT.resPath() + 'images/blank.gif';
	var iconpath = xDT.resPath() + 'skins/IDOTS2';
	var frame_stylecolor = '#fff';
	var frame_border = 1;
	var frame_bordertype = "outset"; // solid, outset, inset
	var frame_style =         'border-top: ' + frame_border + 'px ' + frame_stylecolor + ' ' + frame_bordertype + '; ' +
		'border-bottom: ' + frame_border + 'px ' + frame_stylecolor + ' ' + frame_bordertype + '; ' +
		'border-left: ' + frame_border + 'px ' + frame_stylecolor + ' ' + frame_bordertype + '; ' +
		'border-right: ' + frame_border + 'px ' + frame_stylecolor + ' ' + frame_bordertype + '; ';
	return (
			'<table cellpadding="0" cellspacing="0" border="0" height="100%" width="100%"><tr>' +
			'<td align="left" valign="top" height="100%" width="100%" style="' + frame_style + '">' +
			'<table cellpadding="0" cellspacing="0" border="0" height="100% width="100%" bgcolor="' + frame_bgcolor + '" >' +
			'<tr><td><img src="' + frame_dummypic + '" width="' + frame_borderwidth + '" height="' + frame_topheight + '" border="0"></td>' + 
			'<td width="100%" align="left" valign="middle" class="' + frame_titleclass + '" background="' + iconpath + '/wintitlebgr.png">' + 
			'<table cellpadding="0" cellspacing="0" border="0"><tr>' +
			'<td width="100%" align="left" valign="middle" class="' + frame_titleclass + '" style="cursor: move;"><div class="title"><img src=\"' + iconpath + '/btn_white_left.png\" class="titleleft"><span class="titlemiddle">' + xDT.prop(wName,"wTitle") + '</span><img src=\"' + iconpath + '/btn_white_right.png\" class="titleright"><div></td>' +
			'<td class="' + frame_titleclass + '"><a class="" href="javascript: void(0)" onmouseover="' + "SwapImg('winmin_" + wName + "','" + iconpath + "/winmin_over.png'); " + 'xDT.prop(' + "'" + wName + "','wIcon','M1'" +')" ' +  'onmouseout="' + "SwapImg('winmin_" + wName + "','" + iconpath + "/winmin.png'); " + 'xDT.prop(' + "'" + wName + "','wIcon','M0'" + ')"'+ '><img name="winmin_' + wName + '" border="0" src="' + iconpath + '/winmin.png"></a></td>' +
			'<td><img src="' + frame_dummypic + '" width="2" border="0"></td>' + 
			'<td class="' + frame_titleclass + '"><a class="" href="javascript: void(0)" onmouseover="' + "SwapImg('winmax_" + wName + "','" + iconpath + "/winmax_over.png'); " + 'xDT.prop(' + "'" + wName + "','wIcon','X1'" +')" ' +  'onmouseout="' + "SwapImg('winmax_" + wName + "','" + iconpath + "/winmax.png'); " + 'xDT.prop(' + "'" + wName + "','wIcon','X0'" + ')"'+ '><img name="winmax_' + wName + '" border="0" src="' + iconpath + '/winmax.png"></a></td>' +
			'<td><img src="' + frame_dummypic + '" width="2" border="0"></td>' + 
			'<td class="' + frame_titleclass + '"><a class="" href="javascript: void(0)" onmouseover="' + "SwapImg('winclose_" + wName + "','" + iconpath + "/winclose_over.png'); " + 'xDT.prop(' + "'" + wName + "','wIcon','C1'" +')" ' +  'onmouseout="' + "SwapImg('winclose_" + wName + "','" + iconpath + "/winclose.png'); " + 'xDT.prop(' + "'" + wName + "','wIcon','C0'" + ')"'+ '><img name="winclose_' + wName + '" border="0" src="' + iconpath + '/winclose.png"></a></td>' +
			'</tr></table>' +
			'</td>' + 
			'<td style="cursor: se-resize;"><img src="' + frame_dummypic + '" width="' + frame_borderwidth + '" height="' + frame_topheight + ' border="0"></td></tr>' +
			'<tr><td style="cursor: move;"><img src="' + frame_dummypic + '" width="' + frame_borderwidth + '" border="0"></td><td align="left" valign="top" width="100%" height="100%" style="background: ' + frame_contentbgcolor +'; " id="' + wName + 'iTD' + '"></td><td style="cursor: se-resize;"><img src="' + frame_dummypic + '" width="' + frame_borderwidth + '" border="0"></td></tr>' +
			'<tr><td style="cursor: move;"><img src="' + frame_dummypic + '" width="' + frame_borderwidth + '" height="' + frame_bottomheight + '" border="0"></td><td width="100%" style="cursor: move;"><div style="width: 20px; float: right; height: 100%;cursor: se-resize;"></div>' + 
			'</td><td style="cursor: se-resize;"><img src="' + frame_dummypic + '" width="' + frame_borderwidth + '" height="' + frame_bottomheight + '" border="0"></td>' + 
			'</tr></table>' +
			'</td></tr></table>'
		   );
}

var sd = true;
function desktop_IDOTS2() {
	var iconpath = xDT.resPath() + 'skins/IDOTS2';
	xDT.addSkin('IDOTS2',0,31);

	xDT.taskbarColor("#D4D4D4","#000","#000");
	xDT.cbe("dDesktop").resizeTo(document.cbe.width(),document.cbe.height());
	/*if (clock_show == 'yes')
	  {
	  xDT.cbe("dDesktop").innerHtml('<div id="taskbar"><IMG SRC="' + iconpath + '/launch.png" onClick="displayLaunch();" id="launch"><div id="tb" OnClick="sdt();"><img src="' + iconpath + '/show_desktop.png"/></div><div id="tasks"></div><div id="clock" onclick="openX(\'Calendar\', \'../calendar/index.php\');"></div></div><img src="' + iconpath + '/x-desktop.png"/ id="xdesktoplogo"><img src="' + iconpath + '/egroupware.png"/ id="egroupwarelogo">');
	  }
	  else
	  {
	  xDT.cbe("dDesktop").innerHtml('<div id="taskbar"><IMG SRC="' + iconpath + '/launch.png" onClick="displayLaunch();" id="launch"><div id="tb" OnClick="sdt();"><img src="' + iconpath + '/show_desktop.png"></div></div><img src="' + iconpath + '/x-desktop.png"/ id="xdesktoplogo"><div id="tasks"></div><img src="' + iconpath + '/egroupware.png"/ id="egroupwarelogo">');
	  }

	  xDT.cbe("dDesktop").innerHtml('<table cellpadding="0" cellspacing="0" border="0" height="100%" width="100%">' +
	  '<tr><td height="100%"></td></tr>' +
	  '</table>');
	 */
	xDT.cbe("dDesktop").zIndex(0);
	xDT.show("dDesktop");
	correctPNG();
	if (clock_show =='yes')
	{
		makeTime();
	}
	notify();
}

function taskbar_IDOTS2() {
	var iconpath = xDT.resPath() + 'skins/IDOTS2';

	imgbegin = new Image();
	imgend = new Image();
	a = document.createElement('a');
	span = document.createElement('span');

	imgbegin.className = "taskbegin";
	imgend.className = "taskend";


	//tasks = document.getElementById("tasks");
	if(document.getElementById("tasks")) {

		var tasks = document.getElementById("tasks");

		removeAllChilds(tasks);
		//while(tasks.hasChildNodes() == true)
		//       {
		//                tasks.removeChild(tasks.childNodes[0]);
		//        }



		var str = "";
		var str2 = "";
		var winName = "";
		var winTitle = "";
		for (var i=0;i<=xDT.maxWindow();i++) {
			winName = xDT.wName(i);
			str2 += winName;
			if (typeof(winName) != "undefined" && i >= xDTwin.syswin && winName != "")
			{

				if (str == "") {
					str = winName;
				}
				else
				{
					str += "," + winName;
				}
			}
		}
		if(str != "") {
			var wins = str.split(",");

			xDT.p_taskbar = true;
			var lostSpace = 500;
			var buttonWidth = (document.cbe.width() - lostSpace) / wins.length; // this needs to be corrected to the sizes of the clock
			if(buttonWidth > 250) {
				buttonWidth = 250;
			}
			var marginLeft = 50 / wins.length;
			if(marginLeft > 10) {
				marginLeft = 10;
			}
			var charSize = 12;         //number of pixels one char prob. will fill
			var charCount = (buttonWidth - 34) / charSize;

			a.style.width = buttonWidth - 10 + "px";
			a.style.marginLeft = marginLeft;
			span.style.width = buttonWidth - 34 + "px";
			for (var i=0;i<wins.length;i++) {
				//if (_property(winName,"wStat") != "min") continue;

				stat = xDT.prop(wins[i],"wStat");
				imgbegin.src = iconpath + "/btn_white_left.png" ;
				imgend.src = iconpath + "/btn_white_right.png" ;
				a.className = 'taskNode';
				winName = wins[i];
				winTitle = xDT.prop(winName,"wTitle");
				if (winTitle.length > charCount) {
					winTitle = winTitle.substr(0,charCount-3) + "...";
				}

				a.innerHTML = "";
				a.href = "javascript:xDT.taskbar('" + winName + "');";
				span.innerHTML = winTitle;

				a.appendChild(imgbegin.cloneNode(true));
				a.appendChild(span.cloneNode(true));
				a.appendChild(imgend.cloneNode(true));
				tasks.appendChild(a.cloneNode(true));


			}
		}
	}
}