Added close button

modules/activiti-webapp-explorer2/editor/scripts/Core/main.js

@@ -410,7 +410,7 @@ ORYX.Editor = {
 			height		: 30,
 			autoHeight	: false,
 			border		: false,
-			html		: "<div id='oryx_editor_header'><a href=\""+ORYX.CONFIG.WEB_URL+"\" target=\"_self\"><img src='"+ORYX.PATH+"images/oryx.small.gif' border=\"0\" /></a><div style='clear: both;'></div></div>" 
+			html : "<div id='oryx_editor_header'><a href=\""+ORYX.CONFIG.WEB_URL+"\" target=\"_self\"><img src='"+ORYX.PATH+"images/oryx.small.gif' border=\"0\" /></a><div style='clear: both;'></div><div id='close_editor'></div></div>" 
 		});
 
 		var maActive 	= ORYX.MashupAPI && ORYX.MashupAPI.isUsed;
@@ -432,16 +432,21 @@ ORYX.Editor = {
 				user 	= 	publicText;
 			}
 			
-			var content = 	"<div id='oryx_editor_header'>" +
-								"<a href=\""+ORYX.CONFIG.WEB_URL+"\" target=\"_self\">" +
-									"<img src='"+ORYX.PATH+"images/oryx.small.gif' border=\"0\" />" + 
-								"</a>" + 
-								"<span class='openid " + (publicText == user ? "not" : "") + "'>" + 
-									(unescape(user)) + 
-									maModelAuthI + 
-								"</span>" + 
-								"<div style='clear: both;'/>" + 
-							"</div>";
+			var content =  "<div id='editor_header'>" +
+                "<div id='header_logo_image'>" +                
+                    "<img src='../explorer/src/img/signavio/smoky/logo2.png' border=\"0\" usemap=\"#kisbpmmap\"/>" + 
+                    "<map id=\"kisbpmmap\" name=\"kisbpmmap\"><area shape=\"rect\" alt=\"kisbpm.com\" title=\"kisbpm.com\" coords=\"15,2,322,44\" href=\"http://kisbpm.com\" target=\"_blank\" /></map>" +
+                "</div>" +
+                "<span class='openid " + (publicText == user ? "not" : "") + "'>" + 
+                  (unescape(user)) + 
+                  maModelAuthI + 
+                "</span>" + 
+                "<div id='header_close_image'>" +
+                  "<a href=\""+ORYX.CONFIG.WEB_URL+"\" target=\"_self\" title=\"close modeler\">" +
+                    "<img src='../editor/images/close_button.png' border=\"0\" />" + 
+                  "</a>" +
+                "</div>" + 
+              "</div>";
 			
 			if( headerPanel.body ){
 				headerPanel.body.dom.innerHTML = content;

modules/activiti-webapp-explorer2/src/main/webapp/editor/oryx.debug.js

@@ -11541,7 +11541,7 @@ ORYX.Editor = {
 			height		: 30,
 			autoHeight	: false,
 			border		: false,
-			html		: "<div id='oryx_editor_header'><a href=\""+ORYX.CONFIG.WEB_URL+"\" target=\"_self\"><img src='"+ORYX.PATH+"images/oryx.small.gif' border=\"0\" /></a><div style='clear: both;'></div></div>" 
+			html : "<div id='oryx_editor_header'><a href=\""+ORYX.CONFIG.WEB_URL+"\" target=\"_self\"><img src='"+ORYX.PATH+"images/oryx.small.gif' border=\"0\" /></a><div style='clear: both;'></div><div id='close_editor'></div></div>" 
 		});
 
 		var maActive 	= ORYX.MashupAPI && ORYX.MashupAPI.isUsed;
@@ -11563,16 +11563,21 @@ ORYX.Editor = {
 				user 	= 	publicText;
 			}
 			
-			var content = 	"<div id='oryx_editor_header'>" +
-								"<a href=\""+ORYX.CONFIG.WEB_URL+"\" target=\"_self\">" +
-									"<img src='"+ORYX.PATH+"images/oryx.small.gif' border=\"0\" />" + 
-								"</a>" + 
-								"<span class='openid " + (publicText == user ? "not" : "") + "'>" + 
-									(unescape(user)) + 
-									maModelAuthI + 
-								"</span>" + 
-								"<div style='clear: both;'/>" + 
-							"</div>";
+			var content =  "<div id='editor_header'>" +
+                "<div id='header_logo_image'>" +                
+                    "<img src='../explorer/src/img/signavio/smoky/logo2.png' border=\"0\" usemap=\"#kisbpmmap\"/>" + 
+                    "<map id=\"kisbpmmap\" name=\"kisbpmmap\"><area shape=\"rect\" alt=\"kisbpm.com\" title=\"kisbpm.com\" coords=\"15,2,322,44\" href=\"http://kisbpm.com\" target=\"_blank\" /></map>" +
+                "</div>" +
+                "<span class='openid " + (publicText == user ? "not" : "") + "'>" + 
+                  (unescape(user)) + 
+                  maModelAuthI + 
+                "</span>" + 
+                "<div id='header_close_image'>" +
+                  "<a href=\""+ORYX.CONFIG.WEB_URL+"\" target=\"_self\" title=\"close modeler\">" +
+                    "<img src='../editor/images/close_button.png' border=\"0\" />" + 
+                  "</a>" +
+                "</div>" + 
+              "</div>";
 			
 			if( headerPanel.body ){
 				headerPanel.body.dom.innerHTML = content;

modules/activiti-webapp-explorer2/src/main/webapp/explorer/src/css/custom-style.css

@@ -17,7 +17,8 @@
 }
 
 #oryx_editor_header {
-	height: 40px !important;	
+	height: 40px !important;
+	overflow: hidden;	
 }
 
 .signavio_repository_header_shadow, .x-panel-editor-north #oryx_editor_header div {
@@ -75,3 +76,26 @@
 	display: none;
 }
 
+#editor_header {
+  background:url("../img/signavio/smoky/header_background2.png") repeat-x scroll center -4px transparent !important;
+  width: 100%;
+  overflow:hidden; 
+  position: relative;
+  height: 40px;
+}
+
+#header_logo_image {
+  position: absolute;
+    top: -4px;
+    left: 0px;
+    height: 40px;
+    width: 150px;
+}
+
+#header_close_image {
+  position: absolute;
+  width: 25px;
+  top: 10px;
+    right: 17px;
+    height: 40px;
+}