feat(simulator-ui): add documentation links

citrusframework · Nov 6, 2023 · bd70698 · bd70698
1 parent 5777ef0
commit bd70698
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 0 deletions.
diff --git a/simulator-ui/src/main/webapp/app/layouts/navbar/navbar.component.html b/simulator-ui/src/main/webapp/app/layouts/navbar/navbar.component.html
@@ -137,6 +137,34 @@
             <!-- jhipster-needle-add-entity-to-menu - JHipster will add entities to the menu here -->
           </ul>
         </li>
+        <li
+          ngbDropdown
+          class="nav-item dropdown pointer"
+          display="dynamic"
+          routerLinkActive="active"
+          [routerLinkActiveOptions]="{ exact: true }"
+        >
+          <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="resources-menu" data-cy="entity">
+            <span>
+              <fa-icon icon="circle-info"></fa-icon>
+              <span jhiTranslate="global.menu.resources.main">Resources</span>
+            </span>
+          </a>
+          <ul class="dropdown-menu" ngbDropdownMenu aria-labelledby="entity-menu">
+            <li>
+              <a class="dropdown-item" href="http://citrusframework.org/citrus-simulator/" target="_blank">
+                <fa-icon icon="book" [fixedWidth]="true"></fa-icon>
+                <span jhiTranslate="global.menu.resources.documentation">Documentation</span>
+              </a>
+            </li>
+            <li>
+              <a class="dropdown-item" href="/swagger-ui/index.html">
+                <div class="img-svg img-svg-openapi svg-inline--fa"></div>
+                <span jhiTranslate="global.menu.resources.swagger">Swagger UI</span>
+              </a>
+            </li>
+          </ul>
+        </li>
         <li ngbDropdown class="nav-item dropdown pointer" display="dynamic" *ngIf="languages && languages.length > 1">
           <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="languagesnavBarDropdown">
             <span>

diff --git a/simulator-ui/src/main/webapp/app/layouts/navbar/navbar.component.scss b/simulator-ui/src/main/webapp/app/layouts/navbar/navbar.component.scss
@@ -18,6 +18,7 @@ Navbar
 
 .navbar {
   padding: 0.2rem 1rem;
+
   .dropdown-item.active,
   .dropdown-item.active:focus,
   .dropdown-item.active:hover {
@@ -35,6 +36,25 @@ Navbar
   }
 }
 
+.img-svg {
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+
+  height: 1em;
+  width: 1em;
+
+  background-color: $navbar-dark-color;
+
+  :hover > & {
+    background-color: $navbar-dark-hover-color;
+  }
+}
+
+.img-svg-openapi {
+  -webkit-mask: url('../../../content/images/openapi.svg') no-repeat center / contain;
+  mask: url('../../../content/images/openapi.svg') no-repeat center / contain;
+}
+
 /* ==========================================================================
 Logo styles
 ========================================================================== */