# HG changeset patch # User Nikola Nikov # Date 1276552726 -10800 # Node ID b9279d8aaa76d37c88e62f340cf4e486ddb24a25 # Parent fa572caf2edc39c5b0253be31fe1e768bb45d81b Some cleaning diff -r fa572caf2edc -r b9279d8aaa76 interface/img/ico-arrow-right.png Binary file interface/img/ico-arrow-right.png has changed diff -r fa572caf2edc -r b9279d8aaa76 interface/img/tabs/active-gradient.jpg Binary file interface/img/tabs/active-gradient.jpg has changed diff -r fa572caf2edc -r b9279d8aaa76 interface/img/tabs/border.png Binary file interface/img/tabs/border.png has changed diff -r fa572caf2edc -r b9279d8aaa76 interface/img/tabs/ico-close.jpg Binary file interface/img/tabs/ico-close.jpg has changed diff -r fa572caf2edc -r b9279d8aaa76 interface/img/tabs/unactive-gradient-hover.jpg Binary file interface/img/tabs/unactive-gradient-hover.jpg has changed diff -r fa572caf2edc -r b9279d8aaa76 interface/img/tabs/unactive-gradient.jpg Binary file interface/img/tabs/unactive-gradient.jpg has changed diff -r fa572caf2edc -r b9279d8aaa76 interface/menu.html --- a/interface/menu.html Tue Jun 15 00:35:25 2010 +0300 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,35 +0,0 @@ - - - - -XCP web interface submenu test - - - - - - -teeeest menu -
- - - \ No newline at end of file diff -r fa572caf2edc -r b9279d8aaa76 interface/menu_tmpl.html --- a/interface/menu_tmpl.html Tue Jun 15 00:35:25 2010 +0300 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,35 +0,0 @@ - - - - -XCP web interface submenu test - - - - - - -test menu -
- - - \ No newline at end of file diff -r fa572caf2edc -r b9279d8aaa76 interface/rightmenu.css --- a/interface/rightmenu.css Tue Jun 15 00:35:25 2010 +0300 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,117 +0,0 @@ -.rightmenu { - margin: 0px; - padding: 0px; - background-color: #f2f2f2; - font-size: 11px; - width: 160px; - font-family: Arial, Helvetica, sans-serif; - border-top-width: 1px; - border-right-width: 2px; - border-bottom-width: 2px; - border-left-width: 1px; - border-top-style: solid; - border-right-style: solid; - border-bottom-style: solid; - border-left-style: solid; - border-top-color: #CCCCCC; - border-right-color: #666666; - border-bottom-color: #666666; - border-left-color: #CCCCCC; - position: fixed; - _position:absolute; - z-index: 30!important; - z-index:30; - left: 0px; - top: 0px; - display: none; -} -.rightmenu li.sub { - background-color: #f2f2f2; - background-image: url(ico-arrow-right.png); - background-repeat: no-repeat; - background-position: 145px center; -} - -.rightmenu ul { - width:160px; - height:auto; - overflow:visible; - padding:0; - margin:0; -} -.rightmenu ul li { - list-style-image:none; - list-style:none; - list-style-type:none; - width:160px; - height:21px; - text-align:left; - margin:0; - padding:0; - margin-top:-1px; - clear:both; - overflow:visible; - position:relative; - padding-top:5px; - border-top-width: 1px; - border-top-style: solid; - border-top-color: #CCCCCC; - cursor:pointer; -} -.rightmenu ul li a { - text-decoration:none; - color:#000000; -} -.rightmenu ul li:hover { - color:#000000; - background-color: #9dd4fc; -} -.rightmenu ul li ul { - position:absolute; - top:-30px; - left:145px; - padding:30px 50px 40px 0px; - display:none; - z-index:30; -} -.rightmenu ul li ul li { - border-top-width: 1px; - border-right-width: 2px; - border-bottom-width: 2px; - border-left-width: 1px; - border-top-style: solid; - border-right-style: solid; - border-bottom-style: solid; - border-left-style: solid; - border-top-color: #CCCCCC; - border-right-color: #666666; - border-bottom-color: #666666; - border-left-color: #CCCCCC; - background-color: #f2f2f2; - margin-top:-2px; -} -.rightmenu ul li:hover > ul { - display:block; -} -.menu-ico { - padding:0; - float: left; - width: 16px; - margin-right: 6px; - padding-right:0; - padding-left:6px; - margin-top:-2px; -} -.menu-ico input { - float:left; - margin:0; - margin-top:2px; -} -.menu-ico-sub { - padding:0; - float: left; - width: 16px; - margin-right: 3px; - padding-right:3px; - padding-left:6px; -} diff -r fa572caf2edc -r b9279d8aaa76 interface/rightmenu.js --- a/interface/rightmenu.js Tue Jun 15 00:35:25 2010 +0300 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,458 +0,0 @@ -function xcp_Menu() { - var bw=document.getElementById&&!document.all; - var winm; - var prgm; - var param; - var attr; - var oname; - var fobj; - var self = this; - this.openedForFiles = new Array(); - this.openedForObjects = false; - this.menuopen = new Array(); - this.menubeforeopen = new Array(); - this.winm = false; - this.mousedown = function(e) { - fobj = bw ? e.target : event.srcElement; - self.checkforopenmenu(e,fobj); - } - this.checkforopenmenu = function(e,fobj) { - if (self.winm && typeof(self.winm) == 'object') { - if (!fobj.getAttribute('submenu')) { - var menuid; - if (menuid = self.getMainMenuId(fobj)) { - self.dropMenu(menuid.substr(5)); - } - else if (menuid = self.getMainMenuId(self.winm)) { - self.dropMenu(menuid.substr(5)); - } - - } - else { - var menuid = self.getMainMenuId(fobj); - if (document.getElementById(menuid)) { - var menuObj = document.getElementById(menuid); - var menuObjLeft = tplf.findPosX(menuObj); - if (menuObjLeft > menuObj.offsetWidth) { - var mx = bw ? e.clientX : event.clientX; - menuObj.style.left = (menuObjLeft-(menuObj.offsetWidth - 15))+'px'; - } - } - } - } - if (fobj.getAttribute('menuclick') && self.isEnabled(fobj)) { - if (fobj.tagName == 'INPUT' && fobj.type == 'checkbox') { - fobj.checked = !fobj.checked; - } - else { - var obj = self.getMenuId(fobj); - if (typeof(obj) == 'string' && document.getElementById(obj)) { - self.changeCheckBox(obj); - } - } - eval(fobj.getAttribute('menuclick')); - } - } - this.openRightMenu = function(winm,e,param) { - if (!document.getElementById(winm)) { return false; } - var mx = bw ? e.clientX : event.clientX; - var my = bw ? e.clientY : event.clientY; - self.winm = document.getElementById(winm); - if (!param) { - self.winm.style.left=mx+"px"; - self.winm.style.top=my+"px"; - } - self.winm.style.display="block"; - if (!param) { - if (parseInt(navigator.appVersion)>3) { - if (navigator.appName=="Netscape") { - var winW = window.innerWidth; - var winH = window.innerHeight; - } - if (navigator.appName.indexOf("Microsoft")!=-1) { - var winW = document.body.scrollWidth; - var winH = document.body.scrollHeight; - } - } - if ((Number(self.winm.offsetLeft) + Number(self.winm.offsetWidth)) >= winW) { - self.winm.style.left = Number(self.winm.offsetLeft) - Number(self.winm.offsetWidth)+'px'; - } - if ((Number(self.winm.offsetTop) + Number(self.winm.offsetHeight)) >= winH) { - self.winm.style.top = Number(winH) - Number(self.winm.offsetHeight)+'px'; - } - } - } - - - var menuobj; - var menupos; - var menuname; - var menuclick; - var menuicon; - this.isMenu = function(param) { - if (document.getElementById('menu_'+param)) { return true; } - else { return false; } - } - this.getMenu = function(param) { - if (self.isMenu(param)) { return document.getElementById('menu_'+param); } - else { return false; } - } - this.isInMenu = function(menuobj,param) { - if (!menuobj) { return false; } - if (typeof(menuobj) == 'object') { - var mname = self.getMainMenuId(menuobj); - if (!mname) { return false; } - if (document.getElementById(mname+'_'+param)) { return true; } - else { return false; } - } - return false; - } - this.getInMenu = function(menuobj,param) { - if (!menuobj) { return false; } - if (typeof(menuobj) == 'object') { - var mname = self.getMainMenuId(menuobj); - if (!mname) { return false; } - if ((menuobj.className && menuobj.className == 'sub') || menuobj.tagName == 'DIV') { - menuobj = menuobj.getElementsByTagName('UL'); - if (menuobj.length) { menuobj = menuobj[0]; } - else { return false; } - } - for (i=0;i -1) { - return fobj.offsetLeft; - } - var curleft = 0; - if(fobj.offsetParent) - while(1) { - curleft += fobj.offsetLeft; - if(!fobj.offsetParent) - break; - fobj = fobj.offsetParent; - } - else if(fobj.x) - curleft += fobj.x; - return curleft; - } - this.findPosY = function(fobj) { - if (typeof(fobj) != 'object') { return 0; } - if (navigator.appName == 'Microsoft Internet Explorer' || navigator.appName == 'Opera' || navigator.appName == 'Netscape') { - return fobj.offsetTop; - } - if (navigator.userAgent.indexOf('Chrome') > -1) { - return fobj.offsetTop; - } - var curtop = 0; - if(fobj.offsetParent) - while(1) { - curtop += fobj.offsetTop; - if(!fobj.offsetParent) - break; - fobj = fobj.offsetParent; - } - else if(fobj.y) - curtop += fobj.y; - return curtop; - } -} -var tplf = new xcp_Functions(); -document.onmousedown = xcp_menu.mousedown; \ No newline at end of file diff -r fa572caf2edc -r b9279d8aaa76 interface/tabs.css --- a/interface/tabs.css Tue Jun 15 00:35:25 2010 +0300 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,105 +0,0 @@ -table.tabs { - height:24px; - padding:0; - border:0; -} -table.tabs td { - min-width:30px; - border:0; - padding:0; - padding-top:0px; - width:auto; -} -table.tabs td .tabBg { - float:left; - margin-top:5px; - border:1px solid #867878; - min-width:30px; - font-size:12px; - border-right:0; - height:15px; - padding:0; - padding-top:3px; - padding-left:5px; - padding-right:5px; - background-color:#EEEAEB; - background-image:url('img/tabs/unactive-gradient.jpg'); - background-repeat:repeat-x; - background-position:left top; - color:#8B7F7F; - border-left:1px solid #000000; - overflow:hidden; - position:relative; -} -table.tabs td .tabBg span.tabClose { - position:absolute; - top:0px; - right:0px; - display:none; -} -table.tabs td .tabBg:hover span.tabClose { - display:block; - position:absolute; - top:0px; - right:0px; -} -table.tabs td .tabBg a { - height:100%; - text-decoration:none; - cursor:pointer; -} -table.tabs td.activeTab { - background-image:url('img/tabs/border.png'); - background-repeat:no-repeat; - background-position:bottom right; - padding-right:4px; -} -table.tabs td.activeTab .tabBg { - border:1px solid #867878; - min-width:30px; - font-size:12px; - height:16px; - padding:0; - padding-top:7px; - padding-left:12px; - padding-right:12px; - font-weight:bold; - background-color:#f3f3f3; - background-image:url('img/tabs/active-gradient.jpg'); - background-repeat:repeat-x; - background-position:left top; - border-bottom:1px solid #f3f3f3; - margin-top:0px; - text-align:center; - color:#4E4747; - border-left:1px solid #000000; -} -table.tabs td.singleTab .active { - padding-right:13px; -} -table.tabs td.singleTab:hover .tabBg { - color: #5c5e5d; - background-color:#EEEAEB; - background-image:url('img/tabs/unactive-gradient-hover.jpg'); - background-repeat:repeat-x; - background-position:left top; -} -.tabs .singleTab:last-child .tabBg { - border-right:1px solid #867878; -} -.tabs .activeTab:first-child .tabBg { - border-left:1px solid #867878; -} -.tabs .singleTab:first-child .tabBg { - border-left:1px solid #867878; -} -.tabs div { cursor:pointer; } -.tabContent { - border:1px solid #867878; - background-color:#f3f3f3; - min-width:400px; - min-height:100px; - height:auto; - float:left; - margin-top:-1px; -} \ No newline at end of file diff -r fa572caf2edc -r b9279d8aaa76 interface/tabs.js --- a/interface/tabs.js Tue Jun 15 00:35:25 2010 +0300 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,56 +0,0 @@ -function FileTabs() { - var self = this; - var tempTab = false; - this.clear = function() { tempTab = true; } - this.construct = function(tabId) { - var tbl = document.createElement('TABLE'); - tbl.className = 'tabs'; - tbl.setAttribute('tabList','yes'); - tbl.setAttribute('id',tabId); - tbl.setAttribute('cellpadding',0); - tbl.setAttribute('cellspacing',0); - tbl.insertRow(0); - tempTab = tbl; - return tempTab; - } - this.getTr = function(param) { return param ? param.rows[0] : false; } - this.getDom = function() { return tempTab; } - this.append = function(tabAlias,tabName,onclickEvent,temp) { - if (!temp) { temp = tempTab; } - var tr = self.getTr(temp); - var cl = tr.insertCell(tr.cells.length); - var div = document.createElement('DIV'); - div.className = 'tabBg'; - cl.appendChild(div); - cl.setAttribute('nowrap','nowrap'); - cl.setAttribute('tabAlias',tabAlias); - var a = document.createElement('A'); - a.onclick = function() { - tabs.activate(this.parentNode.parentNode); - onclickEvent(); - } - a.appendChild(document.createTextNode(tabName)); - div.appendChild(a); - tempTab = temp; - return tempTab; - } - this.activate = function(param) { - var tr = param; - while (tr = tr.parentNode) { - if (tr.tagName == 'TR') { break; } - } - for (var i=0,len=tr.cells.length;i - - - -XCP web interface tabs test - - - - - - -
- - \ No newline at end of file