egroupware_official/phpgwapi/templates/idots2/js/x-desktop/x-desktop_skin_IDOTS2.js
Pim Snel daa702d813 cleaned up css file
slightly improved textmenu (still not finished)
made frame border more subtile
made framebottom half as heigh
set framebackground to white
remove unnecesary border in frame
2005-06-29 23:41:36 +00:00

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