Skip to content

Commit d485671

Browse files
AdamJAdamJ
committed
feat: update nav and create about modal
1 parent 721eff1 commit d485671

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+2116
-1198
lines changed

‎docs/_partials/about_modal/index.html‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!-- remove show -->
2+
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!-- remove display: block -->
3+
<div class="modal-dialog modal-xl">
4+
<div class="modal-content about-modal-background">
5+
<div class="position-absolute top-0 end-0 p-2">
6+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
7+
</div>
8+
<div class="container-fluid">
9+
<div class="row about-modal-content">
10+
<div class="col-6 d-flex flex-column align-items-start gap-2">
11+
<img src="/casWOW/img/CAS_logo.svg" height="32px" alt="CASWOW logo" style="height: 32px;" />
12+
<h2>CASim Online</h2>
13+
<div class="modal-content__details">
14+
<dl class="row mb-1">
15+
<dt class="col-sm-5">Version</dt>
16+
<dd class="col-sm-7">6.0.4.24</dd>
17+
</dl>
18+
<dl class="row mb-1">
19+
<dt class="col-sm-5">Last Updated</dt>
20+
<dd class="col-sm-7">November 5, 2025</dd>
21+
</dl>
22+
<dl class="row mb-1">
23+
<dt class="col-sm-5">Browser Build</dt>
24+
<dd class="col-sm-7">Microsoft Edge for Business<br/>131.0.2903.86 (Official Build)</dd>
25+
</dl>
26+
<dl class="row mb-1">
27+
<dt class="col-sm-5">Operating System</dt>
28+
<dd class="col-sm-7">macOS 15.1.0 (arm64)</dd>
29+
</dl>
30+
</div>
31+
</div>
32+
</div>
33+
</div>
34+
</div>
35+
</div>
36+
</div>

‎docs/chatbot/chatbot/index.html‎

Lines changed: 142 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,6 @@
2626
<link href="/casWOW/css/solid.css" rel="stylesheet" />
2727
<link href="/casWOW/css/brands.css" rel="stylesheet" />
2828
<link href="/casWOW/css/site.css" rel="stylesheet" />
29-
<link rel="stylesheet" href="/casWOW/css/caswow.css" />
3029

3130

3231

@@ -48,10 +47,10 @@
4847

4948
<ul class="nav navbar-top col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0 d-none d-sm-flex">
5049
<li>
51-
<a href="/casWOW/xpress" class="nav-link px-2 link-secondary ">XPress</a>
50+
<a href="/casWOW/costs/xpress" class="nav-link px-2 link-secondary ">XPress</a>
5251
</li>
5352
<li>
54-
<a href="/casWOW/project-costs" class="nav-link px-2 link-secondary ">Project Costs</a>
53+
<a href="/casWOW/costs/project-costs" class="nav-link px-2 link-secondary ">Project Costs</a>
5554
</li>
5655
<li class="d-none d-lg-block">
5756
<a href="/casWOW/reports" class="nav-link px-2 link-secondary ">Reports</a>
@@ -116,118 +115,178 @@
116115
</div>
117116
</div>
118117
</header>
118+
<!-- remove show -->
119+
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!-- remove display: block -->
120+
<div class="modal-dialog modal-xl">
121+
<div class="modal-content about-modal-background">
122+
<div class="position-absolute top-0 end-0 p-2">
123+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
124+
</div>
125+
<div class="container-fluid">
126+
<div class="row about-modal-content">
127+
<div class="col-6 d-flex flex-column align-items-start gap-2">
128+
<img src="/casWOW/img/CAS_logo.svg" height="32px" alt="CASWOW logo" style="height: 32px;" />
129+
<h2>CASim Online</h2>
130+
<div class="modal-content__details">
131+
<dl class="row mb-1">
132+
<dt class="col-sm-5">Version</dt>
133+
<dd class="col-sm-7">6.0.4.24</dd>
134+
</dl>
135+
<dl class="row mb-1">
136+
<dt class="col-sm-5">Last Updated</dt>
137+
<dd class="col-sm-7">November 5, 2025</dd>
138+
</dl>
139+
<dl class="row mb-1">
140+
<dt class="col-sm-5">Browser Build</dt>
141+
<dd class="col-sm-7">Microsoft Edge for Business<br/>131.0.2903.86 (Official Build)</dd>
142+
</dl>
143+
<dl class="row mb-1">
144+
<dt class="col-sm-5">Operating System</dt>
145+
<dd class="col-sm-7">macOS 15.1.0 (arm64)</dd>
146+
</dl>
147+
</div>
148+
</div>
149+
</div>
150+
</div>
151+
</div>
152+
</div>
153+
</div>
154+
119155

120156
<main>
121157
<a id="main-content"></a>
122158
<div class="container-fluid content-wrapper">
123159
<div class="row">
124160

125-
<div class="offcanvas offcanvas-start left-navigation" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
161+
<div class="offcanvas offcanvas-start left-navigation"
162+
tabindex="-1"
163+
id="offcanvasExample"
164+
aria-labelledby="offcanvasExampleLabel"
165+
data-bs-scroll="true"
166+
data-bs-backdrop="false"
167+
>
126168
<div class="offcanvas-header">
127-
<span class="h5 offcanvas-title product-name" id="offcanvasExampleLabel">CASim Online</span>
128-
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
169+
<button type="button" class="btn btn-sm btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
170+
<h5 class="offcanvas-title"
171+
id="sidebarMenuLabel"
172+
style="display: flex; width: 100%; align-items: center;"
173+
>
174+
<div class="sidebar-header-logo">
175+
<img src="/casWOW/img/CAS_logo.svg" height="32px" alt="CASWOW logo" style="height: 32px;" />
176+
<span class="uppercase fs-3 text-wrap">CASim Online</span>
177+
</div>
178+
</h5>
129179
</div>
130-
<div class="">
180+
<div class="offcanvas-body" style="overflow: visible;">
131181

132182
<div class="item-menu-dashboards">
133-
<div class="menu">
134-
<div class="menu-item">
135-
183+
<div class="sidebar-menu">
184+
<div class="sidebar-menu-expandable">
136185
<div class="menu-item__row">
137-
<div class="menu-item__text active">
186+
<div class="menu-item__text fw-medium">
138187
<a href="/casWOW/">Dashboard</a>
139188
</div>
140189

141190
</div>
142191
</div>
143-
<div class="menu-block">
144-
<div class="menu-item">
145-
<div class="menu-item__text-header " data-bs-toggle="collapse" data-bs-target="#applications" aria-expanded="false">
146-
<h4 class="mb-0">Applications</h4>
192+
<div class="sidebar-menu-expandable dropend">
193+
<div class="menu-item__row dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
194+
<div class="menu-item__text fw-medium">
195+
<a href="/casWOW/">Costs</a>
147196
</div>
148-
<div class="menu-item__section collapse" id="applications">
149-
<div class="section-item">
150-
<a class="menu-item__text">CASim</a>
151-
</div>
152-
<div class="section-item compound">
153-
<a class="menu-item__text">Analytics</a>
154-
<div class="section-item">
155-
<a class="menu-item__text">Analytics</a>
156-
</div>
157-
</div>
158-
<div class="section-item">
159-
<a class="menu-item__text">PO Module</a>
160-
</div>
161-
<div class="section-item">
162-
<a class="menu-item__text">EDI Module</a>
163-
</div>
197+
<i class="fa-solid fa-arrow-right"></i>
198+
</div>
199+
<ul class="sidebar-menu-slideout dropdown-menu">
200+
<li><a class="dropdown-item " href="/casWOW/costs/xpress">CASim Xpress</a></li>
201+
<li><a class="dropdown-item " href="/casWOW/project-costs">Project Costs</a></li>
202+
<li><a class="dropdown-item" href="#">Custom List (GC)</a></li>
203+
<li><a class="dropdown-item" href="#">Employee List</a></li>
204+
<li><a class="dropdown-item" href="#">Vendor List</a></li>
205+
<li><a class="dropdown-item" href="#">Comparative Analysis</a></li>
206+
</ul>
207+
</div>
208+
<div class="sidebar-menu-expandable dropend">
209+
<div class="menu-item__row dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
210+
<div class="menu-item__text fw-medium">
211+
<a href="/casWOW/">Analytics</a>
164212
</div>
213+
<i class="fa-solid fa-arrow-right"></i>
165214
</div>
166-
<div class="menu-item">
167-
<div class="menu-item__text-header " data-bs-toggle="collapse" data-bs-target="#rtu" aria-expanded="false">
168-
<h4 class="mb-0">RTU</h4>
215+
<ul class="sidebar-menu-slideout dropdown-menu">
216+
<li><a class="dropdown-item " href="/casWOW/xpress">CASim Xpress</a></li>
217+
<li><a class="dropdown-item " href="/casWOW/project-costs">Project Costs</a></li>
218+
<li><a class="dropdown-item" href="#">Custom List (GC)</a></li>
219+
<li><a class="dropdown-item" href="#">Employee List</a></li>
220+
<li><a class="dropdown-item" href="#">Vendor List</a></li>
221+
<li><a class="dropdown-item" href="#">Comparative Analysis</a></li>
222+
</ul>
223+
</div>
224+
<div class="sidebar-menu-expandable ">
225+
<div class="menu-item__row">
226+
<div class="menu-item__text fw-medium">
227+
<a href="/casWOW/">PO Module</a>
169228
</div>
170-
<div class="menu-item__section collapse" id="rtu">
171-
<div class="section-item">
172-
<a class="menu-item__text">CASim</a>
173-
</div>
174-
<div class="section-item">
175-
<a class="menu-item__text">Analytics</a>
176-
</div>
177-
<div class="section-item">
178-
<a class="menu-item__text">PO Module</a>
179-
</div>
180-
<div class="section-item">
181-
<a class="menu-item__text">EDI Module</a>
182-
</div>
229+
<i class="fa-solid fa-arrow-right"></i>
230+
</div>
231+
</div>
232+
<div class="sidebar-menu-expandable ">
233+
<div class="menu-item__row">
234+
<div class="menu-item__text fw-medium">
235+
<a href="/casWOW/">EDI Module</a>
183236
</div>
237+
<i class="fa-solid fa-arrow-right"></i>
184238
</div>
185-
<div class="divider"></div>
186-
<div class="menu-item">
187-
<div class="menu-item__text-header " data-bs-toggle="collapse" data-bs-target="#administration" aria-expanded="false">
188-
<h4 class="mb-0">Administration</h4>
239+
</div>
240+
<div class="sidebar-menu-expandable ">
241+
<div class="menu-item__row">
242+
<div class="menu-item__text fw-medium">
243+
<a href="/casWOW/">Administration</a>
189244
</div>
190-
<div class="menu-item__section collapse" id="administration">
191-
<div class="section-item">
192-
<a class="menu-item__text">Users</a>
193-
</div>
194-
<div class="section-item">
195-
<a class="menu-item__text">Site</a>
196-
</div>
197-
<div class="section-item">
198-
<a class="menu-item__text">Access</a>
199-
</div>
200-
<div class="section-item">
201-
<a class="menu-item__text">Other</a>
202-
</div>
245+
<i class="fa-solid fa-arrow-right"></i>
246+
</div>
247+
</div>
248+
<div class="sidebar-menu-expandable ">
249+
<div class="menu-item__row">
250+
<div class="menu-item__text fw-medium">
251+
<a href="/casWOW/">Plan Room</a>
252+
</div>
253+
<i class="fa-solid fa-arrow-right"></i>
254+
</div>
255+
</div>
256+
<div class="sidebar-menu-expandable ">
257+
<div class="menu-item__row">
258+
<div class="menu-item__text fw-medium">
259+
<a href="/casWOW/">RTU Module</a>
203260
</div>
261+
<i class="fa-solid fa-arrow-right"></i>
204262
</div>
205-
<div class="divider"></div>
206-
<div class="menu-item">
207-
<div class="menu-item__text-header " data-bs-toggle="collapse" data-bs-target="#integrations" aria-expanded="false">
208-
<h4 class="mb-0">Integrations</h4>
263+
</div>
264+
<div class="sidebar-menu-expandable ">
265+
<div class="menu-item__row">
266+
<div class="menu-item__text fw-medium">
267+
<a href="/casWOW/">Quick View</a>
209268
</div>
210-
<div class="menu-item__section collapse" id="integrations">
211-
<div class="section-item">
212-
<a class="menu-item__text">Users</a>
213-
</div>
214-
<div class="section-item">
215-
<a class="menu-item__text">Site</a>
216-
</div>
217-
<div class="section-item">
218-
<a class="menu-item__text">Access</a>
219-
</div>
220-
<div class="section-item">
221-
<a class="menu-item__text">Other</a>
269+
<i class="fa-solid fa-arrow-right"></i>
270+
</div>
271+
</div>
272+
<div class="sidebar-footer">
273+
<div class="sidebar-menu-expandable ">
274+
<div class="menu-item__row">
275+
<div class="menu-item__text fw-medium">
276+
<a href="/casWOW/developer">Developer</a>
222277
</div>
278+
<i class="fa-solid fa-arrow-right"></i>
223279
</div>
224280
</div>
281+
<div class="footer-details d-grid gap-2">
282+
<button type="button" class="btn btn-sm btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#exampleModal">
283+
About
284+
</button>
285+
<p class="footer-copyright mb-0">© 2025 CASim Online</p>
286+
</div>
225287
</div>
226288
</div>
227289
</div>
228-
<div class="item-menu-footer d-grid gap-2 p-2">
229-
<button class="btn btn-outline-secondary" type="button">6.0.4.24</button>
230-
</div>
231290
</div>
232291
</div>
233292

0 commit comments

Comments
 (0)