diff --git a/ui/new/jsp/router.jsp b/ui/new/jsp/router.jsp
new file mode 100644
index 00000000000..499fcc855aa
--- /dev/null
+++ b/ui/new/jsp/router.jsp
@@ -0,0 +1,129 @@
+<%@ page import="java.util.*" %>
+<%@ page import="com.cloud.utils.*" %>
+
+<%
+ Locale browserLocale = request.getLocale();
+ CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
+%>
+
+
+
+
+
Router
+
+
+
+
+
+
+ <%=t.t("Details")%>
+
+
+
+
+
+ <%=t.t("Status")%>:
+
+
+
+
+
+
+
+
+ <%=t.t("Public IP")%>:
+
+
+
+
+
+
+ <%=t.t("Private IP")%>:
+
+
+
+
+
+
+ <%=t.t("Guest IP")%>:
+
+
+
+
+
+
+
+ <%=t.t("Network Domain")%>:
+
+
+
+
+
+
+ <%=t.t("Account")%>:
+
+
+
+
+
+
+ <%=t.t("Created")%>:
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ui/new/scripts/cloud.core2.router.js b/ui/new/scripts/cloud.core2.router.js
new file mode 100644
index 00000000000..42b3d836f10
--- /dev/null
+++ b/ui/new/scripts/cloud.core2.router.js
@@ -0,0 +1,33 @@
+function afterLoadRouterJSP() {
+
+}
+
+function routerToMidmenu(jsonObj, $midmenuItem1) {
+ $midmenuItem1.attr("id", ("midmenuItem_"+jsonObj.id));
+ $midmenuItem1.data("jsonObj", jsonObj);
+
+ /*
+ var $iconContainer = $midmenuItem1.find("#icon_container").show();
+ $iconContainer.find("#icon").attr("src", "images/midmenuicon_routers_info.png");
+ */
+
+ $midmenuItem1.find("#first_row").text(jsonObj.name.substring(0,25));
+ $midmenuItem1.find("#second_row").text(jsonObj.publicip.substring(0,25));
+}
+
+function routerToRigntPanel($midmenuItem) {
+ var jsonObj = $midmenuItem.data("jsonObj");
+
+ var $rightPanelContent = $("#right_panel_content");
+
+ $rightPanelContent.find("#state").text(fromdb(jsonObj.state));
+ $rightPanelContent.find("#zonename").text(fromdb(jsonObj.zonename));
+ $rightPanelContent.find("#name").text(fromdb(jsonObj.name));
+ $rightPanelContent.find("#publicip").text(fromdb(jsonObj.publicip));
+ $rightPanelContent.find("#privateip").text(fromdb(jsonObj.privateip));
+ $rightPanelContent.find("#guestipaddress").text(fromdb(jsonObj.guestipaddress));
+ $rightPanelContent.find("#hostname").text(fromdb(jsonObj.hostname));
+ $rightPanelContent.find("#networkdomain").text(fromdb(jsonObj.networkdomain));
+ $rightPanelContent.find("#account").text(fromdb(jsonObj.account));
+ setDateField(jsonObj.created, $rightPanelContent.find("#created"));
+}
\ No newline at end of file