Universal nav initial implementation

jmgasper · jmgasper · commit e51ce0819226 · 2022-12-01T16:44:20.000+11:00
diff --git a/src/main/com/topcoder/web/tc/view/pacts/client/PaymentHistory.jsp b/src/main/com/topcoder/web/tc/view/pacts/client/PaymentHistory.jsp
@@ -38,6 +38,10 @@
 <c:set var="cr" value="<%= request.getAttribute(PaymentHistory.CODER) %>"/>
 <c:set var="paymentConfirmationTemplate" value="<%= request.getAttribute(PaymentHistory.PAYMENT_CONFIRMATION_TEMPLATE) %>"/>
 <c:set var="userPaymentMethod" value="<%= request.getAttribute(PaymentHistory.USER_PAYMENT_METHOD) %>"/>
+<c:set var="userHandle" value="<%= sessionInfo.getHandle() %>"/>
+<c:set var="userId" value="<%= sessionInfo.getUserId() %>"/>
+<c:set var="userImagePath" value="<%= sessionInfo.getImagePath() %>"/>
+<c:set var="userInitials" value="<%= sessionInfo.getHandle() %>"/>
 
 <c:set value="<%=PaymentHistory.DEFAULTS_KEY%>" var="defaults"/>
 <c:set value="<%=PaymentHistory.PAYMENT_ID%>" var="PAYMENT_ID"/>
@@ -77,6 +81,47 @@
   <jsp:param name="key" value="tc_stats"/>
   <jsp:param name="reskin" value="${isReskin ? 'paymentHistory' : ''}"/>
 </jsp:include>
+    <div id="headerNav"></div>
+    <script>
+        var currEnv = '<%=ApplicationServer.ENVIRONMENT%>';
+        var prodEnv = '<%=ApplicationServer.PROD%>'
+        var scriptURL = '//uni-nav.topcoder-dev.com/v1/tc-universal-nav.js';
+
+        if (currEnv === prodEnv) {
+            scriptURL = '//uni-nav.topcoder.com/v1/tc-universal-nav-1.js';
+        }
+
+        !function(n,t,e,a,c,i,o){n['TcUnivNavConfig']=c,n[c]=n[c]||function(){
+        (n[c].q=n[c].q??[]).push(arguments)},n[c].l=1*new Date();i=t.createElement(e),
+        o=t.getElementsByTagName(e)[0];i.async=1;i.type="module";i.src=a;o.parentNode.insertBefore(i,o)
+        }(window,document,"script",scriptURL,"tcUniNav");
+
+        var photoUrl = 'https://<%=ApplicationServer.SERVER_NAME%>' + '${userImagePath}';
+        var userId = ${userId};
+        var handle = '${userHandle}';
+        var initials = handle ? handle.substr(0, 2).toUpperCase() : '';
+
+        var user = {
+            photoUrl,
+            userId,
+            initials,
+            handle
+        };
+
+        tcUniNav('init', 'headerNav', {
+            type: 'tool',
+            toolName: 'Topcoder Payments',
+            user,
+            signOut() {
+                window.location.replace("http://<%=ApplicationServer.SERVER_NAME%>/tc?module=Logout")
+            }
+        });
+
+        tcUniNav('init', 'footerNav', {
+            type: 'footer',
+        })
+
+    </script>
 
     <script type="text/javascript">
         USER_PAYMENT_METHOD = ${userPaymentMethod eq null ? 'null' : userPaymentMethod};
@@ -186,11 +231,6 @@
 </head>
 <body>
 
-<jsp:include page="../../top.jsp" >
-    <jsp:param name="level1" value=""/>
-    <jsp:param name="isReskin" value="${isReskin}"/>
-</jsp:include>
-
 <c:if test="${isReskin}">
 <div class="page">
 </c:if>
@@ -836,9 +876,7 @@
 </div><!-- // end .page -->
 </c:if>
 
-<jsp:include page="/foot.jsp" >
-    <jsp:param name="isReskin" value="${isReskin}"/>
-</jsp:include>
+<div id="footerNav"></div>
 
 <c:if test="${isReskin}">
 <div class="modal payment-confirm-modal" id="payment-confirm-modal-id">
