using css3 border-radius instead of js library when possible

wise-webapp/pom.xml

@@ -391,11 +391,28 @@
                                     <includes>
                                         <include>mootools.js</include>
                                         <include>common.js</include>
-                                        <include>shadedborder.js</include>
-                                        <include>transcorners.js</include>
                                         <include>windoo.js</include>
-                                        <include>menu.js</include>
+                                    </includes>
-                                        <include>slideShow.js</include>
+                                </aggregation>
+                            </aggregations>
+                            <nosuffix>true</nosuffix>
+                            <nomunge>true</nomunge>
+                            <jswarn>false</jswarn>
+                            <statistics>false</statistics>
+                        </configuration>
+                    </execution>
+                    <execution>
+                        <phase>generate-resources</phase>
+                        <goals>
+                            <goal>compress</goal>
+                        </goals>
+                        <configuration>
+                            <aggregations>
+                                <aggregation>
+                                    <output>
+                                        ${project.build.directory}/${project.build.finalName}/js/wiseEditorLibrary.js
+                                    </output>
+                                    <includes>
                                         <include>mooRainbow.js</include>
                                         <include>help.js</include>
                                         <include>helpPanel.js</include>

wise-webapp/src/main/webapp/css/common.css

@@ -259,10 +259,6 @@ div#headerButtons activelink a, div#headerButtons activelink a:hover {
     border-bottom: 0;
 }
 
-#signUpHeader .sb-inner {
-    background-color: white;
-}
-
 #signUpHeader {
     padding-right: 8px;
     padding-top: 4px;
@@ -408,18 +404,6 @@ div#headerActions a:hover, div#headerActions a:active, div#headerActions a:link,
     color: white;
 }
 
-#join .sb-inner {
-    background: #9a8fc3;
-}
-
-#join .sb-shadow {
-    background: white;
-}
-
-#join .sb-border {
-    background: #A29BBF;
-}
-
 div.header_languages {
     position: absolute;
     right: 0;

wise-webapp/src/main/webapp/css/commonOldIE.css

@@ -0,0 +1,15 @@
+#signUpHeader .sb-inner {
+    background-color: white;
+}
+
+#join .sb-inner {
+    background: #9a8fc3;
+}
+
+#join .sb-shadow {
+    background: white;
+}
+
+#join .sb-border {
+    background: #A29BBF;
+}

wise-webapp/src/main/webapp/css/embedded.css

@@ -1,6 +1,3 @@
-@import "common.css";
-@import "thirdparty.css";
-
 html {
     overflow: hidden;
 }

wise-webapp/src/main/webapp/css/mymaps.css

@@ -224,46 +224,27 @@
     padding: 10px;
 }
 
-#mapListContainer .sb-inner {
+#recentFiles.sb {
-    background: white;
-}
-
-#mapListContainer .sb-shadow {
-    background: white;
-}
-
-#mapListContainer .sb-border {
-    background: #A29BBF;
-}
-
-#recentFiles .sb-inner {
     background: #EEEEEE;
+    border:1px solid #E5E5E5;
+    -moz-border-radius: 16px;
+    -khtml-border-radius: 16px;
+    -webkit-border-radius: 16px;
+    border-radius:16px;
 }
 
-#recentFiles .sb-border {
+#recentItems.sb {
-    background: #E5E5E5;
-}
-
-#toolbar .sb-border {
-    background: #A7C6DF;
-}
-
-#toolbar .sb-inner {
-    background: #C3DEF5;
-}
-
-#mydocs .sb-inner {
-    background: #C3DEF5;
-}
-
-#mydocs .sb-border {
-    background: #A7C6DF;
-}
-
-#recentItems .sb-inner {
     background: white;
+    border:1px solid #E5E5E5;
+    -moz-border-radius: 16px;
+    -khtml-border-radius: 16px;
+    -webkit-border-radius: 16px;
+    border-radius:16px;
 }
 
-#recentItems .sb-border {
+#mydocs {
-    background: #E5E5E5;
+    -moz-border-radius: 16px;
-}
+    -khtml-border-radius: 16px;
+    -webkit-border-radius: 16px;
+    border-radius:16px;
+}

wise-webapp/src/main/webapp/css/mymapsOldIE.css

@@ -0,0 +1,71 @@
+@import "commonOldIE.css";
+
+#mapListContainer .sb-inner {
+    background: white;
+}
+
+#mapListContainer .sb-shadow {
+    background: white;
+}
+
+#mapListContainer .sb-border {
+    background: #A29BBF;
+}
+
+#recentFiles .sb-inner {
+    background: #EEEEEE;
+}
+
+#recentFiles .sb-border {
+    background: #E5E5E5;
+}
+
+#toolbar .sb-border {
+    background: #A7C6DF;
+}
+
+#toolbar .sb-inner {
+    background: #C3DEF5;
+}
+
+#mydocs .sb-inner {
+    background: #C3DEF5;
+}
+
+#mydocs .sb-border {
+    background: #A7C6DF;
+}
+
+#recentItems .sb-inner {
+    background: white;
+}
+
+#recentItems .sb-border {
+    background: #E5E5E5;
+}
+
+#recentFiles.sb {
+    background: transparent;
+    border:0 solid #A7C6DF;
+    -moz-border-radius: 0px;
+    -khtml-border-radius: 0px;
+    -webkit-border-radius: 0px;
+    border-radius:0px;
+}
+
+#recentItems.sb {
+    background: transparent;
+    border:0 solid #A7C6DF;
+    -moz-border-radius: 0px;
+    -khtml-border-radius: 0px;
+    -webkit-border-radius: 0px;
+    border-radius:0px;
+}
+
+#mydocs {
+    -moz-border-radius: 0px;
+    -khtml-border-radius: 0px;
+    -webkit-border-radius: 0px;
+    border-radius:0px;
+}
+

wise-webapp/src/main/webapp/css/wisehome.css

@@ -133,14 +133,6 @@
     color: black;
 }
 
-#searchResult .sb-inner {
-    background: #C3DEF5;
-}
-
-#searchResult .sb-border {
-    background: #A7C6DF;
-}
-
 #search {
     clear: both;
     width: 200px;
@@ -464,42 +456,10 @@ div#news {
     font-size: medium;
 }
 
-#join .sb-inner {
-    background: #9a8fc3;
-}
-
-#join .sb-shadow {
-    background: white;
-}
-
-#join .sb-border {
-    background: #A29BBF;
-}
-
-#newsAndArticles .sb-inner, #recentMaps .sb-inner {
-    background: #c3def5;
-}
-
-#newsAndArticles .sb-shadow, #recentMaps .sb-shadow {
-    background: white;
-}
-
-#newsAndArticles .sb-border, #recentMaps .sb-border {
-    background: #A7C6DF;
-}
-
 #recentMapsContent, #newsContent, #joinContent {
     padding: 5px 10px;
 }
 
-#recentMapsContent .sb-inner, #newsContent .sb-inner {
-    background: white;
-}
-
-#recentMapsContent .sb-border, #newsContent .sb-border {
-    background: #A7C6DF;
-}
-
 #search dl {
     padding-bottom: 10px;
 }
@@ -517,18 +477,6 @@ div#news {
     font-size: medium;
 }
 
-#search .sb-inner {
-    background: white;
-}
-
-#search .sb-shadow {
-    background: white;
-}
-
-#search .sb-border {
-    background: #6186CB;
-}
-
 /* Finish homepage styles  */
 
 div#mainBody {
@@ -560,19 +508,11 @@ div#login {
     padding: 10px;
 }
 
-div#login .sb-inner, div#forgotPasswordContainer .sb-inner, div#userRegistration .sb-inner {
-    background-color: #eeeeee;
-}
-
 #forgotPasswordContainer {
     width: 500px;
     padding: 10px;
 }
 
-div#login .sb-border, div#forgotPasswordContainer .sb-border, div#userRegistration .sb-border {
-    background-color: #cfcfcf;
-}
-
 /* This is used to fix IE explorer bug rendering rounded corners*/
 div#loginContent {
     width: 100%;
@@ -622,14 +562,6 @@ div#register a {
     padding: 10px;
 }
 
-#detailContent .sb-inner {
-    background: #C3DEF5;
-}
-
-#detailContent .sb-border {
-    background: #A7C6DF;
-}
-
 #detail {
     margin: 10px auto;
     height: 100%;
@@ -646,14 +578,6 @@ div#register a {
     vertical-align: top;
 }
 
-#detail .sb-inner {
-    background: white;
-}
-
-#detail .sb-border {
-    background: #E5E5E5;
-}
-
 #detailTitle {
     color: #093A9D;
     font-weight: bold;
@@ -705,4 +629,50 @@ div.newsContainer {
 div.newsContainer h2 {
     padding:10px;
     color:#6B628F;
-}
+}
+
+#login.sb, #userRegistration.sb, #forgotPasswordContainer.sb {
+    background: #eeeeee;
+    border:1px solid #cfcfcf;
+    -moz-border-radius: 8px;
+    -khtml-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    border-radius:8px;
+}
+
+#detailContent.sb {
+    background: #C3DEF5;
+    border:1px solid #A7C6DF;
+    -moz-border-radius: 16px;
+    -khtml-border-radius: 16px;
+    -webkit-border-radius: 16px;
+    border-radius:16px;
+}
+
+#detail.sb {
+    background: white;
+    border:1px solid #E5E5E5;
+    -moz-border-radius: 16px;
+    -khtml-border-radius: 16px;
+    -webkit-border-radius: 16px;
+    border-radius:16px;
+}
+
+#userRegistration.sb {
+    background: #eeeeee;
+    border:1px solid #cfcfcf;
+    -moz-border-radius: 8px;
+    -khtml-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    border-radius:16px;
+}
+
+#searchResult.sb {
+    background: #C3DEF5;
+    border:1px solid #A7C6DF;
+    -moz-border-radius: 16px;
+    -khtml-border-radius: 16px;
+    -webkit-border-radius: 16px;
+    border-radius:16px;
+}
+

wise-webapp/src/main/webapp/css/wisehomeOldIE.css

@@ -0,0 +1,86 @@
+@import "commonOldIE.css";
+
+#searchResult .sb-inner {
+    background: #C3DEF5;
+}
+
+#searchResult .sb-border {
+    background: #A7C6DF;
+}
+
+#join .sb-inner {
+    background: #9a8fc3;
+}
+
+#join .sb-shadow {
+    background: white;
+}
+
+#join .sb-border {
+    background: #A29BBF;
+}
+
+#newsAndArticles .sb-inner, #recentMaps .sb-inner {
+    background: #c3def5;
+}
+
+#newsAndArticles .sb-shadow, #recentMaps .sb-shadow {
+    background: white;
+}
+
+#newsAndArticles .sb-border, #recentMaps .sb-border {
+    background: #A7C6DF;
+}
+
+#recentMapsContent .sb-inner, #newsContent .sb-inner {
+    background: white;
+}
+
+#recentMapsContent .sb-border, #newsContent .sb-border {
+    background: #A7C6DF;
+}
+
+#search .sb-inner {
+    background: white;
+}
+
+#search .sb-shadow {
+    background: white;
+}
+
+#search .sb-border {
+    background: #6186CB;
+}
+
+div#login .sb-inner, div#forgotPasswordContainer .sb-inner, div#userRegistration .sb-inner {
+    background-color: #eeeeee;
+}
+
+div#login .sb-border, div#forgotPasswordContainer .sb-border, div#userRegistration .sb-border {
+    background-color: #cfcfcf;
+}
+
+#detailContent .sb-inner {
+    background: #C3DEF5;
+}
+
+#detailContent .sb-border {
+    background: #A7C6DF;
+}
+
+#detail .sb-inner {
+    background: white;
+}
+
+#detail .sb-border {
+    background: #E5E5E5;
+}
+
+#login.sb, #forgotPasswordContainer.sb, #userRegistration.sb, #detailContent.sb, #detail.sb, #searchResult.sb{
+    background: transparent;
+    border:0 solid #A7C6DF;
+    -moz-border-radius: 0px;
+    -khtml-border-radius: 0px;
+    -webkit-border-radius: 0px;
+    border-radius:0px;
+}

wise-webapp/src/main/webapp/jsp/embeddedViewError.jsp

@@ -10,6 +10,9 @@
     <link rel="stylesheet" type="text/css" href="../css/embedded.css">
     <link rel="icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon">
     <link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon">
+    <!--[if lt IE 9]>
+    <link rel="stylesheet" type="text/css" href="../css/wisehomeOldIE.css"/>
+    <![endif]-->
 </head>
 <body>
 

wise-webapp/src/main/webapp/jsp/forgotPassword.jsp

@@ -1,12 +1,14 @@
 <%@ include file="/jsp/init.jsp" %>
 
 <script type="text/javascript">
-    window.onload = function() {
+    if(typeof isOldIE != "undefined"){
-        var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8,  border:1 });
+        window.onload = function() {
-        simpleButtonGenerator.render('forgotPasswordContainer');
+            var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8,  border:1 });
+            simpleButtonGenerator.render('forgotPasswordContainer');
 
-        $('submitButton').onclick = displayLoading;
+            $('submitButton').onclick = displayLoading;
-    };
+        };
+    }
 </script>
 
 <div id="forgotPasswordContent">

wise-webapp/src/main/webapp/jsp/login.jsp

@@ -1,11 +1,13 @@
 <%@ include file="/jsp/init.jsp" %>
 <script type="text/javascript">
-    window.onload = function() {
+    if(typeof isOldIE != "undefined"){
-        var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8,  border:1 });
+        window.onload = function() {
-        simpleButtonGenerator.render('login');
+            var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8,  border:1 });
+            simpleButtonGenerator.render('login');
 
-        $('submitButton').onclick = displayLoading;
+            $('submitButton').onclick = displayLoading;
-    };
+        };
+    }
 </script>
 
 <div id="loginContent">

wise-webapp/src/main/webapp/jsp/mindmapDetail.jsp

@@ -2,11 +2,13 @@
 <%--@elvariable id="wisemapDetail" type="com.wisemapping.view.MindMapBean"--%>
 
 <script type="text/javascript">
-    window.onload = function() {
+    if(typeof isOldIE != "undefined"){
-        var boxGenerator = RUZEE.ShadedBorder.create({ corner:16,  border:1 });
+        window.onload = function() {
-        boxGenerator.render('detailContent');
+            var boxGenerator = RUZEE.ShadedBorder.create({ corner:16,  border:1 });
-        boxGenerator.render('detail');
+            boxGenerator.render('detailContent');
-    };
+            boxGenerator.render('detail');
+        };
+    }
 
     MOOdalBox.reloadRequered = true;
 

wise-webapp/src/main/webapp/jsp/mindmapEditor.jsp

@@ -25,6 +25,7 @@
     <script type="text/javascript" src="../dwr/interface/LoggerService.js"></script>
 
     <script type='text/javascript' src='../js/wiseLibrary.js'></script>
+    <script type='text/javascript' src='../js/wiseEditorLibrary.js'></script>
     <script type='text/javascript' src='../js/core.js'></script>
 
     <link rel="icon" href="../images/favicon.ico" type="image/x-icon">

wise-webapp/src/main/webapp/jsp/mindmapList.jsp

@@ -12,12 +12,13 @@
     </title>
     <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
     <link rel="stylesheet" type="text/css" href="../css/mymaps.css"/>
-    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/commonLibs.css"/>
-    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/thirdparty.css"/>
     <link rel="icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon"/>
     <script type="text/javascript" src="${pageContext.request.contextPath}/js/wiseLibrary.js"></script>
-
+    <!--[if lt IE 9]>
+    <link rel="stylesheet" type="text/css" href="../css/mymapsOldIE.css"/>
+    <script type="text/javascript" src="${pageContext.request.contextPath}/js/shadedborder.js"></script>    
+    <script type="text/javascript" src="${pageContext.request.contextPath}/js/transcorners.js"></script>    
     <script type="text/javascript">
         window.onload = function() {
             var boxGenerator = RUZEE.ShadedBorder.create({ corner:16,  border:1 });
@@ -27,6 +28,7 @@
         };
 
     </script>
+    <![endif]-->
 
 </head>
 <body>

wise-webapp/src/main/webapp/jsp/mindmapViewer.jsp

@@ -6,6 +6,9 @@
         <spring:message code="SITE.TITLE"/>
         -</title>
     <link rel="stylesheet" type="text/css" href="../css/wisehome.css">
+    !--[if lt IE 9]>
+    <link rel="stylesheet" type="text/css" href="../css/wisehomeOldIE.css"/>
+    <![endif]-->
 
     <script type="text/javascript">
         function removeViewer(viewerEmail)

wise-webapp/src/main/webapp/jsp/search.jsp

@@ -1,9 +1,11 @@
 <%@ include file="/jsp/init.jsp" %>
 <script type="text/javascript">
-    window.onload = function() {
+    if(typeof isOldIE != "undefined"){
-        var boxGenerator = RUZEE.ShadedBorder.create({ corner:16,  border:1 });
+        window.onload = function() {
-        boxGenerator.render('userRegistration');
+            var boxGenerator = RUZEE.ShadedBorder.create({ corner:16,  border:1 });
-    };
+            boxGenerator.render('userRegistration');
+        };
+    }
 </script>
 <div id="userRegistrationBody">
 <div id="userRegistrationContent">

wise-webapp/src/main/webapp/jsp/searchResult.jsp

@@ -1,13 +1,15 @@
 <%@ include file="/jsp/init.jsp" %>
 <script type="text/javascript">
-    window.onload = function() {
+    if(typeof isOldIE != "undefined"){
-        var boxGenerator = RUZEE.ShadedBorder.create({ corner:16,  border:1 });
+        window.onload = function() {
-        boxGenerator.render('searchResult');
+            var boxGenerator = RUZEE.ShadedBorder.create({ corner:16,  border:1 });
+            boxGenerator.render('searchResult');
 
-        $("broweButton").addEvent('click', function() {
+            $("broweButton").addEvent('click', function() {
-            window.location = "${pageContext.request.contextPath}/c/search.htm?action=showAll";
+                window.location = "${pageContext.request.contextPath}/c/search.htm?action=showAll";
-        });
+            });
-    };
+        };
+    }
 
     function toogleAdvanceSearch() {
         var searchDiv = document.getElementById("searchAdvance");

wise-webapp/src/main/webapp/jsp/template.jsp

@@ -24,6 +24,13 @@
     <link rel="icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon"/>
     <script type="text/javascript" src="${pageContext.request.contextPath}/js/wiseLibrary.js"></script>
+    <!--[if lt IE 9]>
+    <link rel="stylesheet" type="text/css" href="../css/wisehomeOldIE.css"/>
+    <script type="text/javascript" src="${pageContext.request.contextPath}/js/shadedborder.js"></script>
+    <script type="text/javascript">
+        var isOldIE = true;
+    </script>
+    <![endif]-->
 </head>
 <body>
 

wise-webapp/src/main/webapp/jsp/userRegistration.jsp

@@ -1,13 +1,15 @@
 <%@ include file="/jsp/init.jsp" %>
 
 <script type="text/javascript">
-    window.onload = function() {
+    if(typeof isOldIE != "undefined"){
-        var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8,  border:1 });
+        window.onload = function() {
-        simpleButtonGenerator.render('userRegistration');
+            var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8,  border:1 });
+            simpleButtonGenerator.render('userRegistration');
 
-        $('submitButton').addEvent('click', displayLoading);
+            $('submitButton').addEvent('click', displayLoading);
 
-    };
+        };
+    }
 </script>
 
 <div id="userRegistrationContent">