aboutsummaryrefslogtreecommitdiffstats
path: root/ecomp-sdk-app/src/main/webapp/static/fusion/raptor/js/rounded-corners.js
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-sdk-app/src/main/webapp/static/fusion/raptor/js/rounded-corners.js')
-rw-r--r--ecomp-sdk-app/src/main/webapp/static/fusion/raptor/js/rounded-corners.js353
1 files changed, 353 insertions, 0 deletions
diff --git a/ecomp-sdk-app/src/main/webapp/static/fusion/raptor/js/rounded-corners.js b/ecomp-sdk-app/src/main/webapp/static/fusion/raptor/js/rounded-corners.js
new file mode 100644
index 000000000..f5df01ce0
--- /dev/null
+++ b/ecomp-sdk-app/src/main/webapp/static/fusion/raptor/js/rounded-corners.js
@@ -0,0 +1,353 @@
+/************************************************************************************************************<br>
+<br>
+ @fileoverview
+ Rounded corners class<br>
+ (C) www.dhtmlgoodies.com, September 2006<br>
+ <br>
+ This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. <br>
+ <br>
+ Terms of use:<br>
+ Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse<br>
+ <br>
+ Thank you!<br>
+ <br>
+ www.dhtmlgoodies.com<br>
+ Alf Magne Kalleland<br>
+<br>
+************************************************************************************************************/
+
+// {{{ Constructor
+function DHTMLgoodies_roundedCorners()
+{
+ var roundedCornerTargets;
+
+ this.roundedCornerTargets = new Array();
+
+}
+ var string = '';
+// }}}
+DHTMLgoodies_roundedCorners.prototype = {
+
+ // {{{ addTarget()
+ /**
+ *
+ *
+ * Add rounded corners to an element
+ *
+ * @param String divId = Id of element on page. Example "leftColumn" for &lt;div id="leftColumn">
+ * @param Int xRadius = Y radius of rounded corners, example 10
+ * @param Int yRadius = Y radius of rounded corners, example 10
+ * @param String color = Background color of element, example #FFF or #AABBCC
+ * @param String color = backgroundColor color of element "behind", example #FFF or #AABBCC
+ * @param Int padding = Padding of content - This will be added as left and right padding(not top and bottom)
+ * @param String heightOfContent = Optional argument. You can specify a fixed height of your content. example "15" which means pixels, or "50%".
+ * @param String whichCorners = Optional argument. Commaseparated list of corners, example "top_left,top_right,bottom_left"
+ *
+ * @public
+ */
+ addTarget : function(divId,xRadius,yRadius,color,backgroundColor,padding,heightOfContent,whichCorners)
+ {
+ var index = this.roundedCornerTargets.length;
+ this.roundedCornerTargets[index] = new Array();
+ this.roundedCornerTargets[index]['divId'] = divId;
+ this.roundedCornerTargets[index]['xRadius'] = xRadius;
+ this.roundedCornerTargets[index]['yRadius'] = yRadius;
+ this.roundedCornerTargets[index]['color'] = color;
+ this.roundedCornerTargets[index]['backgroundColor'] = backgroundColor;
+ this.roundedCornerTargets[index]['padding'] = padding;
+ this.roundedCornerTargets[index]['heightOfContent'] = heightOfContent;
+ this.roundedCornerTargets[index]['whichCorners'] = whichCorners;
+
+ }
+ // }}}
+ ,
+ // {{{ init()
+ /**
+ *
+ *
+ * Initializes the script
+ *
+ *
+ * @public
+ */
+ init : function()
+ {
+
+ for(var targetCounter=0;targetCounter < this.roundedCornerTargets.length;targetCounter++){
+
+ // Creating local variables of each option
+ whichCorners = this.roundedCornerTargets[targetCounter]['whichCorners'];
+ divId = this.roundedCornerTargets[targetCounter]['divId'];
+ xRadius = this.roundedCornerTargets[targetCounter]['xRadius'];
+ yRadius = this.roundedCornerTargets[targetCounter]['yRadius'];
+ color = this.roundedCornerTargets[targetCounter]['color'];
+ backgroundColor = this.roundedCornerTargets[targetCounter]['backgroundColor'];
+ padding = this.roundedCornerTargets[targetCounter]['padding'];
+ heightOfContent = this.roundedCornerTargets[targetCounter]['heightOfContent'];
+ whichCorners = this.roundedCornerTargets[targetCounter]['whichCorners'];
+
+ // Which corners should we add rounded corners to?
+ var cornerArray = new Array();
+ if(!whichCorners || whichCorners=='all'){
+ cornerArray['top_left'] = true;
+ cornerArray['top_right'] = true;
+ cornerArray['bottom_left'] = true;
+ cornerArray['bottom_right'] = true;
+ }else{
+ cornerArray = whichCorners.split(/,/gi);
+ for(var prop in cornerArray)cornerArray[cornerArray[prop]] = true;
+ }
+
+
+ var factorX = xRadius/yRadius; // How big is x radius compared to y radius
+
+ var obj = document.getElementById(divId); // Creating reference to element
+ obj.style.backgroundColor=null; // Setting background color blank
+ obj.style.backgroundColor='transparent';
+ var content = obj.innerHTML; // Saving HTML content of this element
+ obj.innerHTML = ''; // Setting HTML content of element blank-
+
+
+
+
+ // Adding top corner div.
+
+ if(cornerArray['top_left'] || cornerArray['top_right']){
+ var topBar_container = document.createElement('DIV');
+ topBar_container.style.height = yRadius + 'px';
+ topBar_container.style.overflow = 'hidden';
+
+ obj.appendChild(topBar_container);
+ var currentAntialiasSize = 0;
+ var savedRestValue = 0;
+
+ for(no=1;no<=yRadius;no++){
+ var marginSize = (xRadius - (this.getY((yRadius - no),yRadius,factorX)));
+ var marginSize_decimals = (xRadius - (this.getY_withDecimals((yRadius - no),yRadius,factorX)));
+ var restValue = xRadius - marginSize_decimals;
+ var antialiasSize = xRadius - marginSize - Math.floor(savedRestValue)
+ var foregroundSize = xRadius - (marginSize + antialiasSize);
+
+ var el = document.createElement('DIV');
+ el.style.overflow='hidden';
+ el.style.height = '1px';
+ if(cornerArray['top_left'])el.style.marginLeft = marginSize + 'px';
+ if(cornerArray['top_right'])el.style.marginRight = marginSize + 'px';
+ topBar_container.appendChild(el);
+ var y = topBar_container;
+
+ for(var no2=1;no2<=antialiasSize;no2++){
+ switch(no2){
+ case 1:
+ if (no2 == antialiasSize)
+ blendMode = ((restValue + savedRestValue) /2) - foregroundSize;
+ else {
+ var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2),xRadius,1/factorX);
+ blendMode = (restValue - foregroundSize - antialiasSize + 1) * (tmpValue - (yRadius - no)) /2;
+ }
+ break;
+ case antialiasSize:
+ var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2 + 1),xRadius,1/factorX);
+ blendMode = 1 - (1 - (tmpValue - (yRadius - no))) * (1 - (savedRestValue - foregroundSize)) /2;
+ break;
+ default:
+ var tmpValue2 = this.getY_withDecimals((xRadius - marginSize - no2),xRadius,1/factorX);
+ var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2 + 1),xRadius,1/factorX);
+ blendMode = ((tmpValue + tmpValue2) / 2) - (yRadius - no);
+ }
+
+ el.style.backgroundColor = this.__blendColors(backgroundColor,color,blendMode);
+ y.appendChild(el);
+ y = el;
+ var el = document.createElement('DIV');
+ el.style.height = '1px';
+ el.style.overflow='hidden';
+ if(cornerArray['top_left'])el.style.marginLeft = '1px';
+ if(cornerArray['top_right'])el.style.marginRight = '1px';
+ el.style.backgroundColor=color;
+ }
+
+ y.appendChild(el);
+ savedRestValue = restValue;
+ }
+ }
+
+ // Add content
+ var contentDiv = document.createElement('DIV');
+ contentDiv.className = obj.className;
+ contentDiv.style.border='1px solid ' + color;
+ contentDiv.innerHTML = content;
+ contentDiv.style.backgroundColor=color;
+ contentDiv.style.paddingLeft = padding + 'px';
+ contentDiv.style.paddingRight = padding + 'px';
+
+ if(!heightOfContent)heightOfContent = '';
+ heightOfContent = heightOfContent + '';
+ if(heightOfContent.length>0 && heightOfContent.indexOf('%')==-1)heightOfContent = heightOfContent + 'px';
+ if(heightOfContent.length>0)contentDiv.style.height = heightOfContent;
+
+ obj.appendChild(contentDiv);
+
+
+ if(cornerArray['bottom_left'] || cornerArray['bottom_right']){
+ var bottomBar_container = document.createElement('DIV');
+ bottomBar_container.style.height = yRadius + 'px';
+ bottomBar_container.style.overflow = 'hidden';
+
+ obj.appendChild(bottomBar_container);
+ var currentAntialiasSize = 0;
+ var savedRestValue = 0;
+
+ var errorOccured = false;
+ var arrayOfDivs = new Array();
+ for(no=1;no<=yRadius;no++){
+
+ var marginSize = (xRadius - (this.getY((yRadius - no),yRadius,factorX)));
+ var marginSize_decimals = (xRadius - (this.getY_withDecimals((yRadius - no),yRadius,factorX)));
+
+ var restValue = (xRadius - marginSize_decimals);
+ var antialiasSize = xRadius - marginSize - Math.floor(savedRestValue)
+ var foregroundSize = xRadius - (marginSize + antialiasSize);
+
+ var el = document.createElement('DIV');
+ el.style.overflow='hidden';
+ el.style.height = '1px';
+ if(cornerArray['bottom_left'])el.style.marginLeft = marginSize + 'px';
+ if(cornerArray['bottom_right'])el.style.marginRight = marginSize + 'px';
+ bottomBar_container.insertBefore(el,bottomBar_container.firstChild);
+
+ var y = bottomBar_container;
+
+ for(var no2=1;no2<=antialiasSize;no2++){
+ switch(no2){
+ case 1:
+ if (no2 == antialiasSize)
+ blendMode = ((restValue + savedRestValue) /2) - foregroundSize;
+ else {
+ var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2),xRadius,1/factorX);
+ blendMode = (restValue - foregroundSize - antialiasSize + 1) * (tmpValue - (yRadius - no)) /2;
+ }
+ break;
+ case antialiasSize:
+ var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2 + 1),xRadius,1/factorX);
+ blendMode = 1 - (1 - (tmpValue - (yRadius - no))) * (1 - (savedRestValue - foregroundSize)) /2;
+ break;
+ default:
+ var tmpValue2 = this.getY_withDecimals((xRadius - marginSize - no2),xRadius,1/factorX);
+ var tmpValue = this.getY_withDecimals((xRadius - marginSize - no2 + 1),xRadius,1/factorX);
+ blendMode = ((tmpValue + tmpValue2) / 2) - (yRadius - no);
+ }
+
+ el.style.backgroundColor = this.__blendColors(backgroundColor,color,blendMode);
+
+ if(y==bottomBar_container)arrayOfDivs[arrayOfDivs.length] = el;
+
+ try{ // Need to look closer at this problem which occures in Opera.
+ var firstChild = y.getElementsByTagName('DIV')[0];
+ y.insertBefore(el,y.firstChild);
+ }catch(e){
+ y.appendChild(el);
+ errorOccured = true;
+ }
+ y = el;
+
+ var el = document.createElement('DIV');
+ el.style.height = '1px';
+ el.style.overflow='hidden';
+ if(cornerArray['bottom_left'])el.style.marginLeft = '1px';
+ if(cornerArray['bottom_right'])el.style.marginRight = '1px';
+
+ }
+
+ if(errorOccured){ // Opera fix
+ for(var divCounter=arrayOfDivs.length-1;divCounter>=0;divCounter--){
+ bottomBar_container.appendChild(arrayOfDivs[divCounter]);
+ }
+ }
+
+ el.style.backgroundColor=color;
+ y.appendChild(el);
+ savedRestValue = restValue;
+ }
+
+ }
+ }
+ }
+ // }}}
+ ,
+ // {{{ getY()
+ /**
+ *
+ *
+ * Add rounded corners to an element
+ *
+ * @param Int x = x Coordinate
+ * @param Int maxX = Size of rounded corners
+ *
+ *
+ * @private
+ */
+ getY : function(x,maxX,factorX){
+ // y = sqrt(100 - x^2)
+ // Y = 0.5 * ((100 - x^2)^0.5);
+ return Math.max(0,Math.ceil(factorX * Math.sqrt( (maxX * maxX) - (x*x)) ));
+
+ }
+ // }}}
+ ,
+ // {{{ getY_withDecimals()
+ /**
+ *
+ *
+ * Add rounded corners to an element
+ *
+ * @param Int x = x Coordinate
+ * @param Int maxX = Size of rounded corners
+ *
+ *
+ * @private
+ */
+ getY_withDecimals : function(x,maxX,factorX){
+ // y = sqrt(100 - x^2)
+ // Y = 0.5 * ((100 - x^2)^0.5);
+ return Math.max(0,factorX * Math.sqrt( (maxX * maxX) - (x*x)) );
+
+ }
+
+
+ ,
+
+ // {{{ __blendColors()
+ /**
+ *
+ *
+ * Simply blending two colors by extracting red, green and blue and subtracting difference between colors from them.
+ * Finally, we multiply it with the blendMode value
+ *
+ * @param String colorA = RGB color
+ * @param String colorB = RGB color
+ * @param Float blendMode
+ *
+ *
+ * @private
+ */
+ __blendColors : function (colorA, colorB, blendMode) {
+ if(colorA.length=='4'){ // In case we are dealing with colors like #FFF
+ colorA = '#' + colorA.substring(1,1) + colorA.substring(1,1) + colorA.substring(2,1) + colorA.substring(2,1) + colorA.substring(3,1) + colorA.substring(3,1);
+ }
+ if(colorB.length=='4'){ // In case we are dealing with colors like #FFF
+ colorB = '#' + colorB.substring(1,1) + colorB.substring(1,1) + colorB.substring(2,1) + colorB.substring(2,1) + colorB.substring(3,1) + colorB.substring(3,1);
+ }
+ var colorArrayA = [parseInt('0x' + colorA.substring(1,3)), parseInt('0x' + colorA.substring(3, 5)), parseInt('0x' + colorA.substring(5, 7))]; // Create array of Red, Green and Blue ( 0-255)
+ var colorArrayB = [parseInt('0x' + colorB.substring(1,3)), parseInt('0x' + colorB.substring(3, 5)), parseInt('0x' + colorB.substring(5, 7))]; // Create array of Red, Green and Blue ( 0-255)
+ var red = Math.round(colorArrayA[0] + (colorArrayB[0] - colorArrayA[0])*blendMode).toString(16); // Create new Red color ( Hex )
+ var green = Math.round(colorArrayA[1] + (colorArrayB[1] - colorArrayA[1])*blendMode).toString(16); // Create new Green color ( Hex )
+ var blue = Math.round(colorArrayA[2] + (colorArrayB[2] - colorArrayA[2])*blendMode).toString(16); // Create new Blue color ( Hex )
+
+ if(red.length==1)red = '0' + red;
+ if(green.length==1)green = '0' + green;
+ if(blue.length==1)blue = '0' + blue;
+
+ return '#' + red + green+ blue; // Return new RGB color
+ }
+}