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

179 lines
8.1 KiB
JavaScript
Executable File

/* ================================== */
/* 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 = 20;
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 = 2;
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));
}
}
}
}