Skip to content

Update jQuery / Bootstrap, replace Fluid Infusion#660

Open
Naenyn wants to merge 1 commit intouPortal-Project:masterfrom
Naenyn:update_jquery_bootstrap
Open

Update jQuery / Bootstrap, replace Fluid Infusion#660
Naenyn wants to merge 1 commit intouPortal-Project:masterfrom
Naenyn:update_jquery_bootstrap

Conversation

@Naenyn
Copy link
Copy Markdown
Contributor

@Naenyn Naenyn commented Apr 10, 2026

No description provided.

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR modernizes the notification portlet front-end by moving away from bundled legacy JS/CSS (older jQuery/Bootstrap + jQueryUI-style effects) toward portal-provided libraries and Bootstrap 5-compatible markup/JS.

Changes:

  • Switch multiple JSP views from locally bundled jQuery to portal-provided jQuery/underscore patterns.
  • Update Bootstrap modal/alert integrations to Bootstrap 5 APIs/attributes and remove jQueryUI-dependent animations.
  • Migrate Job Postings from legacy DataTables API to DataTables 2-style initialization and filtering, plus Bootstrap 5 class updates.

Reviewed changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 8 comments.

Show a summary per file
File Description
notification-portlet-webapp/src/main/webapp/WEB-INF/jsp/simple-list.jsp Removes embedded jQuery include; uses portal/global jQuery reference.
notification-portlet-webapp/src/main/webapp/WEB-INF/jsp/show-alerts.jsp Drops conditional library loading; updates paging logic to avoid jQueryUI effects; swaps notice script include.
notification-portlet-webapp/src/main/webapp/WEB-INF/jsp/modal.jsp Updates Bootstrap modal markup for v5 and replaces hidden template class.
notification-portlet-webapp/src/main/webapp/WEB-INF/jsp/jobPostings.jsp Updates markup/classes for Bootstrap 5 and removes CDN/inline library-loading logic.
notification-portlet-webapp/src/main/webapp/WEB-INF/jsp/icon.jsp Removes conditional resource loading and standardizes on portal jQuery namespace.
notification-portlet-webapp/src/main/webapp/WEB-INF/jsp/accordion.jsp Removes conditional resource loading and uses portal/global jQuery + underscore.
notification-portlet-webapp/src/main/webapp/scripts/modal-notice.js Migrates modal show/hide/event wiring to Bootstrap 5 Modal API.
notification-portlet-webapp/src/main/webapp/scripts/jquery.notifications.js Updates underscore templating calls and adjusts animations/Bootstrap dismiss attribute.
notification-portlet-webapp/src/main/webapp/scripts/job-postings.js Migrates DataTables usage to DataTables 2 patterns and Bootstrap 5 modal usage; changes filtering logic.
notification-portlet-webapp/src/main/webapp/less/job-postings.less Minor styling updates for Bootstrap 5 layout and list formatting.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines +109 to +110
<c:set var="ns"><c:if test="${ not empty portalJsNamespace }">${ portalJsNamespace }.</c:if></c:set>
${n}.jQuery = ${ ns }jQuery;
Comment on lines 50 to 54
<script type="text/javascript">
var ${n} = ${n} || {};
<c:choose>
<c:when test="${!usePortalJsLibs}">
${n}.jQuery = jQuery.noConflict(true);
</c:when>
<c:otherwise>
<c:set var="ns"><c:if test="${ not empty portalJsNamespace }">${ portalJsNamespace }.</c:if></c:set>
${n}.jQuery = ${ ns }jQuery;
</c:otherwise>
</c:choose>
<c:set var="ns"><c:if test="${ not empty portalJsNamespace }">${ portalJsNamespace }.</c:if></c:set>
${n}.jQuery = ${ ns }jQuery;

Comment on lines 35 to 39
<portlet:param name="actionId" value="ACTIONID"/>
</portlet:actionURL>

<c:if test="${portletPreferencesValues['usePortalJsLibs'][0] != 'true'}">
<rs:aggregatedResources path="/accordianResources.xml"/>
</c:if>
<rs:aggregatedResources path="/accordianLocalResources.xml"/>

<div class="alert alert-danger alert-dismissible" role="alert" errorkey="{{ error.key }}"> \
{{ error.source }}: {{ error.error }} \
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> \
<button type="button" class="close" data-bs-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> \
},
"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
createdCell: function (nTd, sData, oData, iRow, iCol) {
if (oData.attributes.status !== 'open') {
targets: [ 4 ],
width: "15%",
data: "id",
className: "d-none d-sm-table-cell d-md-table-cell",
$.ajax({
type: 'POST',
url: settings.urls.invokeNotificationServiceUrl,
complete: function() { getJobs(); }
Comment on lines +62 to 69
<nav class="navbar navbar-expand-md" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#bs-example-navbar-collapse-1">
<span class="visually-hidden">Toggle navigation</span>
<span class="navbar-toggler-icon"></span>
</button>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants