Newer
Older
<nav class="navbar navbar-dark navbar-expand-md bg-primary">
<a class="navbar-brand logo" routerLink="/" (click)="collapseNavbar()">
<span class="logo-img"></span>
<span jhiTranslate="global.title" class="navbar-title">PluginDemo</span> <span class="navbar-version">{{ version }}</span>
</a>
<a class="navbar-toggler d-lg-none" href="javascript:void(0);" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" (click)="toggleNavbar()">
<fa-icon icon="bars"></fa-icon>
</a>
<div class="navbar-collapse collapse" id="navbarResponsive" [ngbCollapse]="isNavbarCollapsed" [ngSwitch]="isAuthenticated()">
<ul class="navbar-nav ml-auto">
<li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">
<a class="nav-link" routerLink="/" (click)="collapseNavbar()">
<span>
<fa-icon icon="home"></fa-icon>
<span jhiTranslate="global.menu.home">Home</span>
</a>
</li>
<!-- jhipster-needle-add-element-to-menu - JHipster will add new menu items here -->
<li *ngSwitchCase="true" 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="entity-menu">
<span>
<fa-icon icon="th-list"></fa-icon>
<span jhiTranslate="global.menu.entities.main">
Entities
</span>
</a>
<ul class="dropdown-menu" ngbDropdownMenu aria-labelledby="entity-menu">
<!-- jhipster-needle-add-entity-to-menu - JHipster will add entities to the menu here -->
</ul>
</li>
<!-- Search -->
<li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">
<a class="nav-link" routerLink="/" (click)="collapseNavbar()" routerLink="/search">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-search" viewBox="0 0 16 16">
<path
d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
</svg>
<span jhiTranslate="global.menu.search"></span>
</a>
<li *jhiHasAnyAuthority="'ROLE_ADMIN'" ngbDropdown class="nav-item dropdown pointer" display="dynamic" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">
<a class="nav-link dropdown-toggle" routerLink="/search" id="search-menu">
<span>
<fa-icon icon="user-plus"></fa-icon>
<span jhiTranslate="global.menu.admin.main">Administration</span>
</span>
</a>
<ul class="dropdown-menu" ngbDropdownMenu aria-labelledby="admin-menu">
<li>
<a class="dropdown-item" routerLink="admin/user-management" routerLinkActive="active" (click)="collapseNavbar()">
<fa-icon icon="user" [fixedWidth]="true"></fa-icon>
<span jhiTranslate="global.menu.admin.userManagement">User management</span>
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
</li>
<li>
<a class="dropdown-item" routerLink="admin/metrics" routerLinkActive="active" (click)="collapseNavbar()">
<fa-icon icon="tachometer-alt" [fixedWidth]="true"></fa-icon>
<span jhiTranslate="global.menu.admin.metrics">Metrics</span>
</a>
</li>
<li>
<a class="dropdown-item" routerLink="admin/health" routerLinkActive="active" (click)="collapseNavbar()">
<fa-icon icon="heart" [fixedWidth]="true"></fa-icon>
<span jhiTranslate="global.menu.admin.health">Health</span>
</a>
</li>
<li>
<a class="dropdown-item" routerLink="admin/configuration" routerLinkActive="active" (click)="collapseNavbar()">
<fa-icon icon="list" [fixedWidth]="true"></fa-icon>
<span jhiTranslate="global.menu.admin.configuration">Configuration</span>
</a>
</li>
<li>
<a class="dropdown-item" routerLink="admin/audits" routerLinkActive="active" (click)="collapseNavbar()">
<fa-icon icon="bell" [fixedWidth]="true"></fa-icon>
<span jhiTranslate="global.menu.admin.audits">Audits</span>
</a>
</li>
<li>
<a class="dropdown-item" routerLink="admin/logs" routerLinkActive="active" (click)="collapseNavbar()">
<fa-icon icon="tasks" [fixedWidth]="true"></fa-icon>
<span jhiTranslate="global.menu.admin.logs">Logs</span>
</a>
</li>
<li *ngIf="swaggerEnabled">
<a class="dropdown-item" routerLink="admin/docs" routerLinkActive="active" (click)="collapseNavbar()">
<fa-icon icon="book" [fixedWidth]="true"></fa-icon>
<span jhiTranslate="global.menu.admin.apidocs">API</span>
</a>
</li>
<!-- jhipster-needle-add-element-to-admin-menu - JHipster will add entities to the admin menu here -->
<li *ngIf="!inProduction">
<a class="dropdown-item" href='./h2-console' target="_tab" (click)="collapseNavbar()">
<fa-icon icon="hdd" [fixedWidth]="true"></fa-icon>
<span jhiTranslate="global.menu.admin.database">Database</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>
<fa-icon icon="flag"></fa-icon>
<span jhiTranslate="global.menu.language">Language</span>
</a>
<ul class="dropdown-menu" ngbDropdownMenu aria-labelledby="languagesnavBarDropdown">
<li *ngFor="let language of languages">
<a class="dropdown-item" [jhiActiveMenu]="language" href="javascript:void(0);" (click)="changeLanguage(language);collapseNavbar();">{{ language | findLanguageFromKey }}</a>
</li>
</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="account-menu">
<span *ngIf="!getImageUrl()">
<fa-icon icon="user"></fa-icon>
<span jhiTranslate="global.menu.account.main">
Account
</span>
<span *ngIf="getImageUrl()">
<img [src]="getImageUrl()" class="profile-image rounded-circle" alt="Avatar">
</span>
</a>
<ul class="dropdown-menu" ngbDropdownMenu aria-labelledby="account-menu">
<ng-container *ngSwitchCase="false">
<li *ngFor="let config of configs">
<img src="{{'oauth2.'+config.registrationId + '.icon'| translate}}"
alt="oAuth2Login" style="width: 50px;" />
<button [disabled]="!contentEditable" type="submit" class="btn btn-outline-secondary" *ngSwitchCase="false"
(click)="loginWithGitLab(config.registrationId)"
jhiTranslate="oauth2.{{config.registrationId}}.text">Sign in with GitLab
Account
</button>
<li *ngSwitchCase="true">
<a class="dropdown-item" (click)="logout()" id="logout">
<fa-icon icon="sign-out-alt" [fixedWidth]="true"></fa-icon>
<span jhiTranslate="global.menu.account.logout">Sign out</span>
</a>
</li>
<li *ngSwitchCase="false">
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<form class="form" role="form" (ngSubmit)="login()" [formGroup]="loginForm">
<h5 style="color: #b3b3b3; margin-bottom: 25px;">Sign in locally</h5>
<div class="input-group mb-3">
<input type="text" class="form-control" name="username" id="username"
formControlName="username"
placeholder="{{ 'global.form.username.placeholder' | translate }}"
#username>
</div>
<div class="input-group mb-3">
<input type="password" class="form-control" formControlName="password"
name="password" id="password"
placeholder="{{ 'login.form.password.placeholder' | translate }}">
</div>
<div class="alert alert-danger" *ngIf="authenticationError"
jhiTranslate="login.messages.error.authentication">
<strong>Failed to sign in!</strong> Please check your credentials and try
again.
</div>
<button [disabled]="!contentEditable" type="submit" class="btn btn-outline-secondary" (click)="login()"
style="border-color: #d0d0d0" jhiTranslate="login.form.button">Sign in
</button>
<br>
<div class="" style="padding-top: 10pt;">
<label for="acceptTerms" class="form-check-label">
<input type="checkbox" (change)="toggleEditable($event)">
<a jhitranslate="login.form.acceptTerms" href="/datapolicy">{{'login.form.acceptTerms'| translate}}</a>
</label>
<div class="alert alert-danger" *ngIf="!contentEditable"
jhiTranslate="login.messages.error.terms">
Please accept the datapolicy terms to be able to log in.
</div>
</div>
</form>
<li *ngSwitchCase="true" >
<a class="dropdown-item" routerLink="account/settings" routerLinkActive="active"
*ngSwitchCase="true" (click)="collapseNavbar()">
<fa-icon icon="wrench" [fixedWidth]="true"></fa-icon>
<span jhiTranslate="global.menu.account.settings">Settings</span>
</a>
