http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/dashboards/ms.html ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/dashboards/ms.html b/products/stratos-manager/modules/features-dashboard/WebContent/dashboards/ms.html new file mode 100644 index 0000000..e031a74 --- /dev/null +++ b/products/stratos-manager/modules/features-dashboard/WebContent/dashboards/ms.html @@ -0,0 +1,102 @@ +<!-- + + Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you under the Apache License, Version 2.0 (the + "License"); you may not use this file except in compliance + with the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, + software distributed under the License is distributed on an + "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + KIND, either express or implied. See the License for the + specific language governing permissions and limitations + under the License. + +--> + + +<link type="text/css" href="../../../../features-dashboard/dashboards/css/features-dashboard.css" rel="stylesheet"/><div class="story col1"> + <div class="story-title">Scrape the Web</div> + <div class="story-content">Scrape legacy web pages, expose as SOAP/REST services quickly using Scraping + Assistant. + </div> + <div class="story-links"><a href="javascript:generateMsFeatureUrl(0)" + >Go + to Services...</a><a href="javascript:generateMsFeatureUrl(1)" + >Read + more (docs)...</a></div> +</div> + +<div class="story col2"> + <div class="story-title">Compose and Expose</div> + <div class="story-content"> Compose Enterprise level mashups quickly using Javascript and expose as SOAP/REST + Web Services with ease. + </div> + <div class="story-links"><a href="javascript:generateMsFeatureUrl(2)" + >Go + to Web Applications...</a><a href="javascript:generateMsFeatureUrl(3)" + >Read + more (docs)...</a></div> + + +</div> +<div class="story col3"> + <div class="story-title">Schedule Tasks</div> + <div class="story-content">Schedule recurring tasks, get updated via Emails and IMs using Email/IM Hostobjects. + </div> + <div class="story-links"><a href="javascript:generateMsFeatureUrl(4)" + >Go + to Web Applications...</a><a href="javascript:generateMsFeatureUrl(5)" + >Read + more (docs)...</a></div> + +</div> + + +<div class="story col1"> + <div class="story-title">Javascript Stubs</div> + <div class="story-content"> Create Javascript stubs from a WSDL and invoke SOAP/REST services easily from a mashup + or + even from the browser. + </div> + <div class="story-links"> + <a href="javascript:generateMsFeatureUrl(6)" + >Go + to Web Applications...</a><a href="javascript:generateMsFeatureUrl(7)" + >Read + more (docs)...</a> + </div> + +</div> + +<div class="story col2"> + <div class="story-title">Modules</div> + <div class="story-content">The WSO2 SOA platform has the capabilities of Axis2 to add modules to extend its + capabilities. The global modules will affect all the services deployed within the + server. + </div> + <div class="story-links"><a href="javascript:generateMsFeatureUrl(8)" + >Go + to Web Applications...</a><a href="javascript:generateMsFeatureUrl(9)" + >Read + more (docs)...</a></div> + +</div> +<div class="story col3"> + <div class="story-title">Message Tracing</div> + <div class="story-content">Trace the request and responses to your service. Message Tracing is a vital debugging + tool + when you have clients from heterogeneous platforms. + </div> + <div class="story-links"><a href="javascript:generateMsFeatureUrl(10)" + >Go + to Web Applications...</a><a href="javascript:generateMsFeatureUrl(11)" + >Read + more (docs)...</a></div> + +</div>
http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/dashboards/server.jsp ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/dashboards/server.jsp b/products/stratos-manager/modules/features-dashboard/WebContent/dashboards/server.jsp new file mode 100755 index 0000000..61f1f53 --- /dev/null +++ b/products/stratos-manager/modules/features-dashboard/WebContent/dashboards/server.jsp @@ -0,0 +1,152 @@ +<%-- + ~ Licensed to the Apache Software Foundation (ASF) under one + ~ or more contributor license agreements. See the NOTICE file + ~ distributed with this work for additional information + ~ regarding copyright ownership. The ASF licenses this file + ~ to you under the Apache License, Version 2.0 (the + ~ "License"); you may not use this file except in compliance + ~ with the License. You may obtain a copy of the License at + ~ + ~ http://www.apache.org/licenses/LICENSE-2.0 + ~ + ~ Unless required by applicable law or agreed to in writing, + ~ software distributed under the License is distributed on an + ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + ~ KIND, either express or implied. See the License for the + ~ specific language governing permissions and limitations + ~ under the License. + --%> +<%@ page import="org.apache.stratos.manager.feature.dashbord.ui.beans.Data"%> +<%@ page import="org.apache.stratos.manager.feature.dashbord.ui.beans.Service"%> +<%@ page import="org.apache.stratos.manager.feature.dashbord.ui.beans.Link"%> +<%@ page import="org.apache.stratos.manager.feature.dashbord.ui.beans.Story"%> +<%@ page import="org.apache.stratos.manager.feature.dashbord.ui.utils.Utils"%> +<%@ page import="java.util.HashMap"%> +<%@ page import="java.util.Iterator"%> +<%@ page import="java.util.Map"%> + +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<jsp:useBean id="serviceData" class="org.apache.stratos.manager.feature.dashbord.ui.beans.Data" + scope="session"></jsp:useBean> +<link type="text/css" + href="../../../../features-dashboard/dashboards/css/features-dashboard.css" + rel="stylesheet" /> + <% + + %> +<script type="text/javascript"> + function goToFunction(url,serverUrl) { + var serverUrl = serverUrl+linkSuffix+url; + window.open(serverUrl); + } +</script> +<% + String serviceName = request.getParameter("name"); + Service service = serviceData.getService(serviceName); + String name1 = service.getName(); + String link = service.getLink(); + Map<String, Story> stories = service.getStories(); + int index = 1; + for (Map.Entry<String, Story> entry : stories.entrySet()) { + Story tempStory = entry.getValue(); + String storyName = tempStory.getTitle(); + String storyContent = tempStory.getContent(); + Map<String, Link> links = tempStory.getLinks(); + String divClassName; + if (index%2 == 0) { + divClassName = "story col" + 1; + } else { + divClassName = "story col" + 2; + } + index++; + +%> +<div class="<%=divClassName%>"> + <div class="story-title"><%=storyName%></div> + <div class="story-content"><%=storyContent%></div> + <div class="story-links"> + <% + for (Map.Entry<String, Link> linksEntry : links.entrySet()) { + Link tempLink = linksEntry.getValue(); + String linkUrl = tempLink.getUrl(); + String value = tempLink.getDescription(); + %> + <a href="javascript:goToFunction('<%=linkUrl%>','<%=link%>')" class="blocklink"><%=value%></a> + <% + } + %> + </div> +</div> +<% + } +%> + +<!-- <div class="story col1"> --> + +<!-- <div class="story-title">Service Hosting</div> --> + + +<!-- <div class="story-content">Different types of Web Services such --> +<!-- as Axis2 Services, JAXWS Services, Jar Services or Spring Services --> +<!-- can be deployed in Application Server. All configurations such as --> +<!-- QoS can be easily configured here.</div> --> +<!-- <div class="story-links"> --> +<!-- <a href="javascript:generateAsFeatureUrl(0)" class="blocklink">Got --> +<!-- to services...</a> <a href="javascript:generateAsFeatureUrl(1)">Read --> +<!-- more (docs)...</a> --> +<!-- </div> --> +<!-- </div> --> + +<!-- <div class="story col2"> --> +<!-- <div class="story-title">Web Applications</div> --> + + +<!-- <div class="story-content">Web Application hosting features in --> +<!-- AppServer supports deployment of Tomcat compliant Webapps. Deployed --> +<!-- Webapps can be easily managed using the Webapp management facilities --> +<!-- available in the management console.</div> --> +<!-- <div class="story-links"> --> +<!-- <a href="javascript:generateAsFeatureUrl(2)" target="_blank">Go --> +<!-- to Web Applications...</a> <a href="javascript:generateAsFeatureUrl(3)" --> +<!-- target="_blank">Read more (docs)...</a> --> +<!-- </div> --> +<!-- </div> --> + + +<!-- <div class="story col1"> --> +<!-- <div class="story-title">Message Tracing</div> --> +<!-- <div class="story-content">Trace the request and responses to --> +<!-- your service. Message Tracing is a vital debugging tool when you --> +<!-- have clients from heterogeneous platforms.</div> --> +<!-- <div class="story-links"> --> +<!-- <a href="javascript:generateAsFeatureUrl(4)">Go to Message --> +<!-- Tracing...</a> <a href="javascript:generateAsFeatureUrl(5)">Read --> +<!-- more (docs)...</a> --> +<!-- </div> --> + +<!-- </div> --> + +<!-- <div class="story col2"> --> +<!-- <div class="story-title">WSDL2Java Tool</div> --> +<!-- <div class="story-content">Use WSDL2Java tool in Web --> +<!-- Application Server to convert Web Service WSDL to a set of Java --> +<!-- objects.</div> --> +<!-- <div class="story-links"> --> +<!-- <a href="javascript:generateAsFeatureUrl(6)">Go to WSDL2Java --> +<!-- Tool...</a> <a href="javascript:generateAsFeatureUrl(7)">Read more --> +<!-- (docs)...</a> --> +<!-- </div> --> +<!-- </div> --> + +<!-- <div class="story col1"> --> +<!-- <div class="story-title">Java2WSDL Tool</div> --> + +<!-- <div class="story-content">Use Java2WSDL tool in Web --> +<!-- Application Server make it easy to develop a new web service.</div> --> +<!-- <div class="story-links"> --> +<!-- <a href="javascript:generateAsFeatureUrl(8)">Go to Java2WSDL --> +<!-- Tool...</a> <a href="javascript:generateAsFeatureUrl(9)">Read more --> +<!-- (docs)...</a> --> +<!-- </div> --> +<!-- </div> --> http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/css/features-dashboard-new.css ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/css/features-dashboard-new.css b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/css/features-dashboard-new.css new file mode 100644 index 0000000..dc5de78 --- /dev/null +++ b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/css/features-dashboard-new.css @@ -0,0 +1,176 @@ +/* + * + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. + * +*/ + +body{ + background-color:#F2F2F2; +} +.db_menu { + width: 240px; + padding-top:20px; + line-height:20px; +} + +.db_menu ul{ + margin:0; + padding:0; + background: url("../images/back.jpg") repeat scroll left top transparent; +} +.db_menu li{ + list-style-type:none; + margin-bottom:2px; + + border-bottom: 1px solid #4BA5C6; + border-left: 6px solid #000; + padding: 10px; + width: auto; +} +.db_menu li a{ + color: #48707E; + cursor:pointer; + width:100%; + font-size:13px; + white-space: nowrap; +overflow: hidden; +text-overflow: ellipsis; +} +.db_menu li.selected a{ + font-weight:bold; +} +.db_table{ + width:100%; + opacity:1; +} +.db_table td{ + vertical-align:top; +} + +.db_content{ + padding:0px 10px 10px 0px; +} +#db_content_title{ + color:#fff; + font-size:20px; + text-indent:10px; + height:40px; + padding:15px 5px; +} +.main-title{ + color:#131313; + font-size:28px; + margin:10px; +} +/*Blue theme styles*/ +.page-picture{ + padding:10px; +} + +div.page-popup{ + /*Rounded corners */ + -moz-border-radius: 10px; + border-radius: 10px; + + +} +.page-popup div.popup-circle{ + height:100%; +} +#popup-close{ + display:none !important; +} +table#main-table td#middle-content { + background: url("../images/workAreaBack.png") repeat-x scroll left top transparent; +} +div#middle { + background: none repeat scroll 0 0 transparent; + margin-top:-24px; +} + +div#middle h2 { + font-size: 22px; +} +div#middle div#workArea { + background-color: transparent; +} + + +#middle .page-background { + background-image: none; +} +#middle .page-picture, #middle div.page-popup { + background-image: none; + border: medium none; +} +div#middle div#workArea, #middle #dashboard, #middle .page-background, #middle .page-picture { + padding: 0; +} +div#middle .main-title { + color: #727272; + font-size: 22px; +} +.goto-link1-wrapper{ + float:right; + margin-bottom:10px; +} + +.db_menu li a.goto-link1{ + background:transparent url("../images/arrow-blue.png") no-repeat left top; + width:23px; + height:23px; + display:block; +} +.goto-link2{ + background:transparent url("../images/arrow-white.png") no-repeat left top; + width:23px; + height:23px; + display:block; + float:left; +} +.goto-link2-prev{ + float:left; + margin:5px 10px 0 0; +} +.service-menu-left-wrapper{ + float:left; + width:185px; + + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.green-note { + white-space:nowrap; + height:15px; +} +.db_menu li.manager-leftBar{ border-left-color:#0499cc;} +.db_menu li.esb-leftBar{ border-left-color:#552988;} +.db_menu li.as-leftBar{ border-left-color:#0067b1;} +.db_menu li.dss-leftBar{ border-left-color:#00447c;} +.db_menu li.greg-leftBar{ border-left-color:#794400;} +.db_menu li.is-leftBar{ border-left-color:#e86d1f;} +.db_menu li.bam-leftBar{ border-left-color:#8a2529;} +.db_menu li.bam-leftBar{ border-left-color:#8a2529;} +.db_menu li.bps-leftBar{ border-left-color:#ee3124;} +.db_menu li.brs-leftBar{ border-left-color:#f1645d;} +.db_menu li.cg-leftBar{ border-left-color:#0499cc;} +.db_menu li.cep-leftBar{ border-left-color:#a70063;} +.db_menu li.mb-leftBar{ border-left-color:#767395;} +.db_menu li.ss-leftBar{ border-left-color:#5a1a0d;} http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/css/ie7.css ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/css/ie7.css b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/css/ie7.css new file mode 100644 index 0000000..a392ccb --- /dev/null +++ b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/css/ie7.css @@ -0,0 +1,29 @@ +/* + * + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. + * +*/ + +div#middle h2{ + margin-top:15px; +} + +table#main-table td#middle-content{ + background-position:left 30px; + background-color:#fff; +} http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/arrow-blue.png ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/arrow-blue.png b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/arrow-blue.png new file mode 100755 index 0000000..040d789 Binary files /dev/null and b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/arrow-blue.png differ http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/arrow-white.png ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/arrow-white.png b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/arrow-white.png new file mode 100755 index 0000000..4293aec Binary files /dev/null and b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/arrow-white.png differ http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/back.jpg ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/back.jpg b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/back.jpg new file mode 100755 index 0000000..dda1588 Binary files /dev/null and b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/back.jpg differ http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/boxes.png ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/boxes.png b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/boxes.png new file mode 100755 index 0000000..aaf9473 Binary files /dev/null and b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/boxes.png differ http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/dashboard-back-repeat.png ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/dashboard-back-repeat.png b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/dashboard-back-repeat.png new file mode 100755 index 0000000..e5058e7 Binary files /dev/null and b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/dashboard-back-repeat.png differ http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/workAreaBack.png ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/workAreaBack.png b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/workAreaBack.png new file mode 100755 index 0000000..1999420 Binary files /dev/null and b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/images/workAreaBack.png differ http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/index.html ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/index.html b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/index.html new file mode 100644 index 0000000..78a743e --- /dev/null +++ b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/index.html @@ -0,0 +1,194 @@ +<!-- + + Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you under the Apache License, Version 2.0 (the + "License"); you may not use this file except in compliance + with the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, + software distributed under the License is distributed on an + "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + KIND, either express or implied. See the License for the + specific language governing permissions and limitations + under the License. + +--> + +<!DOCTYPE HTML> +<html> +<head> + <title>Dashboard</title> + <link type="text/css" href="../../../../features-dashboard/tenant-dashboard/css/features-dashboard-new.css" rel="stylesheet"/> + <script type="text/javascript" src="../../../../features-dashboard/tenant-dashboard/js/jquery-1.7.1.min.js"></script> + <script type="text/javascript" src="../../../../features-dashboard/tenant-dashboard/js/jquery.masonry.min.js"></script> + + <script type="text/javascript"> + var def = 'manager'; //This is the default section to display images + var hideOnMouseLeave = false; //Set this to true if you want to hide the popup on mouse out from the popup + var nameObj = { + manager:'Cloud Services', + as:'Application Services', + dss:'Data Services', + ms:'Mashup Services', + is:'Identity Services', + greg:'Governance Services', + gs:'Gadget Services', + bam:'Business Activity Monitor', + bps:'Business Process Services', + brs:'Business Rules Services', + esb:'Enterprise Service Bus', + cep:'Complex Event Processing Services', + mb:'Message Broker Services', + csg:'Cloud Gateway' + }; + $(document).ready(function() { + for (var name in nameObj) { + var newDiv = document.createElement('div'); + newDiv.id = name + "_content"; + newDiv.style.display = "none"; + jQuery(newDiv).load('../../../../features-dashboard/dashboards/' + name + '.html'); + document.getElementById('container').appendChild(newDiv); + } + //Close button event register + $('#popup-close').click( + function(){ + $(this).hide(); + $('#db_content_title').hide(); + $('#container > div').hide('slow'); + $('#page-popup').removeClass("page-popup"); + $('.db_menu li').removeClass("selected"); + loadDefalut(); + } + ); + + + //Showing title and content for the default manager div + $('#db_content_title').html(nameObj[def]); + $('#' + def + '_info').addClass("selected"); +// $('#page-popup').addClass("page-popup"); + var loadDefalut = function() { + $('#db_content_title').show(); + var container = $('#' + def + '_content'); + container.show(function() { + container.imagesLoaded(function() { + container.masonry({ + itemSelector : '.story', + columnWidth : 250, + isAnimated: true, + animationOptions: { + duration: 750, + easing: 'linear', + queue: false + } + }); + }); + }); + }; + loadDefalut(); + + //Handle mouse over event + $('.db_menu li a').mouseover( + function() { + //Handle the menu styles + $('.db_menu li').removeClass("selected"); + + if(hideOnMouseLeave){ + $('#page-popup').mouseleave( + function(){ + $('#page-popup').removeClass("page-popup"); + $('#container > div').hide('slow'); + $('#db_content_title').hide(); + $('#popup-close').hide(); + } + ); + } + + + //Get the relevent catagory from the id of the link that has been mouse overred. + var cat = this.id.split('_')[0]; + + //hide all content and show and init the mansonry for the relevent one + $('#container > div').hide(); + $('#db_content_title').show(); + $('#db_content_title').html(nameObj[cat]); + if(cat == def){ + $('#page-popup').removeClass("page-popup"); + $('#popup-close').hide(); + }else{ + + //Show the gray box and register an event handler to remove it when the mouse is ouside + $('#page-popup').addClass("page-popup"); + $('#popup-close').show(); + $(this.parentNode).addClass("selected"); + + } + var container = $('#' + cat + "_content"); + $('#' + cat + '_content').show( + function() { + container.imagesLoaded(function() { + container.masonry({ + itemSelector : '.story', + columnWidth : 250, + isAnimated: true, + animationOptions: { + duration: 750, + easing: 'linear', + queue: false + } + }); + }); + } + ); + } + ); + }); + + + </script> +</head> +<body> +<div class="page-background"> +<div class="page-picture"> +<div id="page-popup"> + <a id="popup-close" style="display:none;">close</a> + <table class="db_table"> + <tr> + <div class="main-title">Services</div> + <td class="db_menu"> + <ul> + <li><a id="manager_info">Cloud Services</a></li> + <li><a id="as_info" onclick="gotoAppServer();">Application Services </a></li> + <li><a id="dss_info" onclick="gotoDss();">Data Services </a></li> + <li><a id="ms_info" onclick="gotoMs();">Mashup Services </a></li> + <li><a id="is_info" onclick="gotoIs();">Identity Services </a></li> + <li><a id="greg_info" onclick="gotoGreg();">Governance Services </a></li> + <li><a id="gs_info" onclick="gotoGs();">Gadget Services </a></li> + <li><a id="bam_info" onclick="gotoBam();">Business Activity Monitor </a></li> + <li><a id="bps_info" onclick="gotoBps();">Business Process Services </a></li> + <li><a id="brs_info" onclick="gotoBrs();">Business Rules Services </a></li> + <li><a id="esb_info" onclick="gotoEsb();">Enterprise Service Bus </a></li> + <li><a id="cep_info" onclick="gotoCep();">Complex Event Processing Services </a></li> + <li><a id="mb_info" onclick="gotoMb();">Message Broker </a></li> + <li><a id="csg_info" onclick="gotoCsg();">Cloud Gateway </a></li> + </ul> + + </td> + <td class="db_content"> + <div class="popup-circle"> + <div id="db_content_title"></div> + <div id="container"></div> + </div> + </td> + </tr> + </table> +</div> +</div> +</div> + +</body> +</html> http://git-wip-us.apache.org/repos/asf/incubator-stratos/blob/249e1290/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/index.jsp ---------------------------------------------------------------------- diff --git a/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/index.jsp b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/index.jsp new file mode 100755 index 0000000..262ae59 --- /dev/null +++ b/products/stratos-manager/modules/features-dashboard/WebContent/tenant-dashboard/index.jsp @@ -0,0 +1,205 @@ +<%-- + ~ Licensed to the Apache Software Foundation (ASF) under one + ~ or more contributor license agreements. See the NOTICE file + ~ distributed with this work for additional information + ~ regarding copyright ownership. The ASF licenses this file + ~ to you under the Apache License, Version 2.0 (the + ~ "License"); you may not use this file except in compliance + ~ with the License. You may obtain a copy of the License at + ~ + ~ http://www.apache.org/licenses/LICENSE-2.0 + ~ + ~ Unless required by applicable law or agreed to in writing, + ~ software distributed under the License is distributed on an + ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + ~ KIND, either express or implied. See the License for the + ~ specific language governing permissions and limitations + ~ under the License. + --%> +<%@ page import="org.apache.stratos.manager.feature.dashbord.ui.beans.Data"%> +<%@ page import="org.apache.stratos.manager.feature.dashbord.ui.beans.Service"%> +<%@ page import="org.apache.stratos.manager.feature.dashbord.ui.beans.Link"%> +<%@ page import="org.apache.stratos.manager.feature.dashbord.ui.beans.Story"%> +<%@ page import="org.apache.stratos.manager.feature.dashbord.ui.utils.Utils"%> + +<%@ page import="java.util.HashMap"%> +<%@ page import="java.util.Iterator"%> +<%@ page import="java.util.Map"%> + +<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> +<jsp:useBean id="serviceData" class="org.apache.stratos.manager.feature.dashbord.ui.beans.Data" + scope="session"></jsp:useBean> +<% + serviceData = Utils.pupulateDashboardFeatures(); + request.getSession().setAttribute("serviceData", serviceData); + + // Data data = Utils.pupulateDashboardFeatures(); + Map<String, Service> allServices = serviceData.getServices(); + String serviceNames[] = serviceData.getServiceNames(); + String keys[] = serviceData.getKeys(); +%> +<script type="text/javascript"> + function openServer(url) { + window.open(url,'_newtab') ; + } +</script> + + +<!DOCTYPE HTML> +<html> +<head> + <title>Dashboard</title> + <link type="text/css" href="../../../../features-dashboard/tenant-dashboard/css/features-dashboard-new.css" rel="stylesheet"/> + <!--[if IE 7]> + <link rel="stylesheet" type="text/css" href="../../../../features-dashboard/tenant-dashboard/css/ie7.css"> + <![endif]--> + <script type="text/javascript" src="../../../../features-dashboard/tenant-dashboard/js/jquery-1.7.1.min.js"></script> + <script type="text/javascript" src="../../../../features-dashboard/tenant-dashboard/js/jquery.masonry.min.js"></script> + + <script type="text/javascript"> + var def = 'manager'; //This is the default section to display images + var hideOnMouseLeave = false; //Set this to true if you want to hide the popup on mouse out from the popup + + var nameObj = { + <%for (int i = 0; i < serviceNames.length; i++) { + String name = serviceNames[i]; + String key = keys[i]; + if (i == serviceNames.length - 1) {%><%=key%>:'<%=name%>' + <%} else {%><%=key%>:'<%=name%>', + <%}%> + <%}%> + }; + + + + $(document).ready(function() { + for (var name in nameObj) { + $.ajax({ + url:'../../../../features-dashboard/dashboards/server.jsp?name='+name, + async:false, + success:function(data){ + $('#container').append($('<div id="'+name + '_content"'+'>'+data+'</div>').hide()); + } + }); + } + + //Showing title and content for the default manager div + $('#db_content_title').html(nameObj[def]); + $('#' + def + '_info').parent().addClass("selected"); +// $('#page-popup').addClass("page-popup"); + var loadDefalut = function() { + $('#db_content_title').show(); + var container = $('#' + def + '_content'); + container.show(function() { + container.imagesLoaded(function() { + container.masonry({ + itemSelector : '.story', + columnWidth : 250, + isAnimated: true, + animationOptions: { + duration: 750, + easing: 'linear', + queue: false + } + }); + }); + }); + }; + loadDefalut(); + + //Handle mouse over event + $('.db_menu li a.service-menu-left').click( + function() { + //Handle the menu styles + $('.db_menu li').removeClass("selected"); + + + //Get the relevent catagory from the id of the link that has been mouse overred. + var cat = this.id.split('_')[0]; + + var href = $('a.goto-link1',$(this).parent().parent()).attr('href'); + + //hide all content and show and init the mansonry for the relevent one + $('#container > div').hide(); + $('#db_content_title').show(); + + if(cat == "manager"){ + $('#db_content_title').html('<div class="goto-link2-prev">'+nameObj[cat]+'</div>'); + }else{ + $('#db_content_title').html('<div class="goto-link2-prev">'+nameObj[cat]+'</div><a class="goto-link2" href="'+href+'" target="_blank"></a>'); + } + + + if(cat == def){ + $('#page-popup').removeClass("page-popup"); + $(this.parentNode).addClass("selected"); + }else{ + + //Show the gray box and register an event handler to remove it when the mouse is ouside + $('#page-popup').addClass("page-popup"); + $(this.parentNode.parentNode).addClass("selected"); + + } + + var container = $('#' + cat + "_content"); + $('#' + cat + '_content').show(); + $('#' + cat + '_content div.story').die(); + $('#' + cat + '_content').masonry({ + itemSelector: '.story', + columnWidth: 250, + isAnimated: true, + animationOptions: { + duration: 750, + easing: 'linear', + queue: false + } + }); + } + ); + }); + + + </script> +</head> +<body> + +<div class="page-background"> +<div class="page-picture"> +<div id="page-popup"> + <table class="db_table"> + <tr> + <div class="main-title">Services</div> + <td class="db_menu"> + <ul> + <li class="manager-leftBar"><a class="service-menu-left" id="manager_info">Cloud Services</a></li> + <% + + for (Map.Entry<String, Service> entry : allServices.entrySet()) { + Service myservice = entry.getValue(); + String name = myservice.getName(); + String link = myservice.getLink(); + String id = myservice.getKey()+"_info"; + if (!id.equals("manager_info")) { + %> + <li class="<%=myservice.getKey()%>-leftBar"><div class="service-menu-left-wrapper"><a class="service-menu-left" id="<%=id%>"><%=name%></a></div><div class="goto-link1-wrapper"><a href="<%=link%>" target="_blank" class="goto-link1"></a></div><div style="clear:both"></div> </li> + + <% + }} + %> + </ul> + + </td> + <td class="db_content"> + <div class="popup-circle"> + <div id="db_content_title"></div> + <div id="container"></div> + </div> + </td> + </tr> + </table> +</div> +</div> +</div> + + +</html>
