Sandbox

.github/workflows/zip.yml

@@ -6,17 +6,16 @@ on:
     branches: [ production ]
     types: [ closed ]
   workflow_dispatch:
+
 jobs:
   build:
     runs-on: ubuntu-latest
-    env:
-      FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: 'true'
     steps:
       - name: Check out repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
       - name: Use Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: '24'
           cache: 'npm'
@@ -34,7 +33,7 @@ jobs:
           mv dist/01KSU_INST-KSU staging/
 
       - name: Upload artifact
-        uses: actions/upload-artifact@v4
+        uses: actions/upload-artifact@v5
         with:
           name: 01KSU_INST-KSU
           path: staging/

package.json

@@ -37,6 +37,7 @@
     "@ngx-translate/http-loader": "^8.0.0",
     "@webcomponents/custom-elements": "^1.6.0",
     "dotenv": "^16.4.5",
+    "mixpanel-browser": "^2.82.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.4.1",
     "zone.js": "~0.14.10"

src/app/custom1-module/customComponentMappings.ts

@@ -4,6 +4,7 @@ import { NdeProblemReportCustom } from '../nde-problem-report-custom/nde-problem
 import { PayFinesComponent } from '../pay-fines/pay-fines.component';
 import { TrafficResultLimitComponent } from '../traffic-result-limit/traffic-result-limit.component';
 import { PickupFilterComponent } from '../pickup-filter/pickup-filter.component';
+import { NdeViewItReorderComponent } from '../nde-view-it-reorder/nde-view-it-reorder.component';
 
 // Define the map
 export const selectorComponentMap = new Map<string, any>([
@@ -13,4 +14,5 @@ export const selectorComponentMap = new Map<string, any>([
   ['nde-top-bar-after', LibraryAlertsPannelComponent],
   ['nde-search-no-results-before', TrafficResultLimitComponent],
   ['nde-formly-general-wrapper-bottom', PickupFilterComponent],
+  ['nde-full-display-service-container-before', NdeViewItReorderComponent],
 ]);

src/app/library-alerts-pannel/library-alerts-pannel.component.html

@@ -1,55 +1,37 @@
-<div
-  id="alert-box-info"
-  class="alert-box alert-box__normal"
-  *ngIf="showAlertInfo"
->
+<div id="alert-box-info" class="alert-box alert-box__normal" *ngIf="showAlertInfo">
   <div class="alert-icon">
-    <img
-      src="https://lib.k-state.edu/images/svg/bellicon-01.svg"
-      alt=""
-    />
+    <img src="https://lib.k-state.edu/images/svg/bellicon-01.svg" alt="" />
   </div>
 
   <div class="alert-box-text">
     <span style="font-weight: bold;">Information: </span>
     <div [innerHTML]="infoMessage"></div>
   </div>
 
-  <div
-    class="alert-icon alert-icon__close"
-    (click)="closeAlert('info')"
-  >
-    <img
-      src="https://lib.k-state.edu/images/svg/xpurple-01.svg"
-      alt="Close Alert Button"
-    />
+  <div class="alert-icon alert-icon__close" (click)="closeAlert('info')">
+    <img src="https://lib.k-state.edu/images/svg/xpurple-01.svg" alt="Close Alert Button" />
   </div>
 </div>
 
-<div
-  id="alert-box-emergency"
-  class="alert-box alert-box__normal"
-  *ngIf="showAlertEmergency"
->
+<div id="alert-box-emergency" class="alert-box alert-box__normal" *ngIf="showAlertEmergency">
   <div class="alert-icon">
-    <img
-      src="https://lib.k-state.edu/images/svg/bellicon-01.svg"
-      alt=""
-    />
+    <img src="https://lib.k-state.edu/images/svg/bellicon-01.svg" alt="" />
   </div>
 
   <div class="alert-box-text">
     <span style="font-weight: bold;">ALERT: </span>
     <div [innerHTML]="emergencyMessage"></div>
   </div>
 
-  <div
-    class="alert-icon alert-icon__close"
-    (click)="closeAlert('emergency')"
-  >
-    <img
-      src="https://lib.k-state.edu/images/svg/xpurple-01.svg"
-      alt="Close Alert Button"
-    />
+  <div class="alert-icon alert-icon__close" (click)="closeAlert('emergency')">
+    <img src="https://lib.k-state.edu/images/svg/xpurple-01.svg" alt="Close Alert Button" />
+  </div>
+</div>
+
+<div class="info-bar">
+  <div class="info-bar-content">
+    <p><strong>New Search It Interface:</strong> The library catalog interface will be updated at the end of the Fall
+      2026 Academic Semester.  To submit feedback, comments, questions, or concerns, complete <a href="https://kstate.qualtrics.com/jfe/form/SV_4HMOxKQ9VsNxku9">this Qualtrics form</a>.
+    </p>
   </div>
 </div>

src/app/library-alerts-pannel/library-alerts-pannel.component.scss

@@ -1,10 +1,10 @@
-.alerts {
+.alerts .info-bar {
   padding-bottom: 0;
   max-width: 1260px;
   margin: 0 auto;
 }
 
-.alert-box {
+.alert-box, .info-bar {
   font-size: 1.25rem;
   padding: 20px 30px;
   text-align: left;
@@ -28,7 +28,7 @@
   background: #ba1623;
 }
 
-.alert-box__normal {
+.alert-box__normal, .info-bar {
   color: #512888;
   background: #e6e6e6;
   border: 1px solid #512888;