jyio/vistassh-py
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Fix unintended .gitignore inheritance in frontend/.gitignore

Browse Source
This commit is contained in:
Jiang Yio
2024-03-24 06:32:43 -05:00
parent 12c075ef60
commit ed90f64076
6 changed files with 306 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/src/lib/Navbar.svelte Normal file
View File

@@ -0,0 +1,54 @@
<script>
import { page } from '$app/stores';
import { navlinks } from '$lib/stores.js';
</script>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="container-fluid">
{#if $navlinks.length > 0}
{@const first = $navlinks[0]}
<a class="navbar-brand" href={first.href || '#'} target={first.target}>{first.name || 'VistA-SSH'}</a>
{:else}
<a class="navbar-brand" href="#">VistA-SSH</a>
{/if}
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav me-auto mb-2 mb-md-0">
{#if $navlinks.length > 0}
{@const first = $navlinks[0]}
{#if first.children}
{#each first.children as item}{#if (item.name) && (item.href)}<li class="nav-item"><a class="nav-link" class:active={$page.url.pathname.includes(item.href)} href={item.href} target={item.target}>{item.name}</a></li>{/if}{/each}
{/if}
{#each $navlinks as parent, idx}
{#if (idx > 0) && (parent.name)}
{#if (parent.children) && (parent.children.length > 0)}
<div class="btn-group">
{#if parent.href}
<a class="nav-link" class:active={$page.url.pathname.includes(parent.href)} href={parent.href} target={parent.target}>{parent.name}</a>
<button type="button" class="nav-link btn dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"><span class="visually-hidden">Toggle Dropdown</span></button>
{:else}
<button type="button" class="nav-link btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">{parent.name}</button>
{/if}
<ul class="dropdown-menu dropdown-menu-dark">{#each parent.children as item}{#if (item.name) && (item.href)}<li><a class="dropdown-item" class:active={$page.url.pathname.includes(item.href)} href={item.href} target={item.target}>{item.name}</a></li>{/if}{/each}</ul>
</div>
{:else if parent.href}
<li class="nav-item"><a class="nav-link" class:active={$page.url.pathname.includes(parent.href)} href={parent.href} target={parent.target}>{parent.name}</a></li>
{/if}
{/if}
{/each}
{/if}
</ul>
<form role="search" method="get" action="/lookup" target="_blank">
<input class="form-control me-2" type="search" name="q" placeholder="Patient lookup..." aria-label="Patient lookup">
</form>
</div>
</div>
</nav>
<style>
:global(body) {
padding-top: 4.5rem;
}
</style>