topaLE
/
ghostfolio
mirror of https://github.com/ghostfolio/ghostfolio
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

chore(format): fix formatting issues in app and footer components

pull/5702/head
Aditya Pawar 3 months ago
parent
d6d86d6227
commit
be70821b3e
2 changed files with 208 additions and 165 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 57
      apps/client/src/app/app.component.html
  2. 316
      apps/client/src/app/components/footer/footer.component.html

57
apps/client/src/app/app.component.html
View File

@ -1,30 +1,45 @@
<header> <header>
@if (canCreateAccount || user?.systemMessage) { @if (canCreateAccount || user?.systemMessage) {
<div class="info-message-container"> <div class="info-message-container">
<div class="info-message-inner-container position-fixed w-100"> <div class="info-message-inner-container position-fixed w-100">
<div class="align-items-center d-flex h-100 justify-content-center"> <div class="align-items-center d-flex h-100 justify-content-center">
@if (canCreateAccount) { @if (canCreateAccount) {
<a class="text-center" [routerLink]="routerLinkRegister"> <a class="text-center" [routerLink]="routerLinkRegister">
<div class="cursor-pointer d-inline-block info-message" (click)="onCreateAccount()"> <div
<span i18n>You are using the Live Demo.</span> class="cursor-pointer d-inline-block info-message"
<span class="a ml-2 p-1" i18n>Create Account</span> (click)="onCreateAccount()"
</div> >
</a> <span i18n>You are using the Live Demo.</span>
} <span class="a ml-2 p-1" i18n>Create Account</span>
@if (!canCreateAccount && user?.systemMessage) { </div>
<div class="cursor-pointer d-inline-block info-message text-truncate" (click)="onClickSystemMessage()"> </a>
{{ user.systemMessage.message }} }
@if (!canCreateAccount && user?.systemMessage) {
<div
class="cursor-pointer d-inline-block info-message text-truncate"
(click)="onClickSystemMessage()"
>
{{ user.systemMessage.message }}
</div>
}
</div> </div>
}
</div> </div>
</div> </div>
</div>
} }
<gf-header class="position-fixed w-100" [currentRoute]="currentRoute" [deviceType]="deviceType" <gf-header
class="position-fixed w-100"
[currentRoute]="currentRoute"
[deviceType]="deviceType"
[hasPermissionToChangeDateRange]="hasPermissionToChangeDateRange" [hasPermissionToChangeDateRange]="hasPermissionToChangeDateRange"
[hasPermissionToChangeFilters]="hasPermissionToChangeFilters" [hasPromotion]="hasPromotion" [hasTabs]="hasTabs" [hasPermissionToChangeFilters]="hasPermissionToChangeFilters"
[info]="info" [pageTitle]="pageTitle" [user]="user" (signOut)="onSignOut()" /> [hasPromotion]="hasPromotion"
[hasTabs]="hasTabs"
[info]="info"
[pageTitle]="pageTitle"
[user]="user"
(signOut)="onSignOut()"
/>
</header> </header>
<main role="main"> <main role="main">
@ -32,5 +47,5 @@
</main> </main>
@if (showFooter) { @if (showFooter) {
<gf-footer [info]="info" [user]="user" /> <gf-footer [info]="info" [user]="user" />
} }

316
apps/client/src/app/components/footer/footer.component.html
View File

@ -1,155 +1,183 @@
<footer class="justify-content-center overflow-hidden py-4 w-100"> <footer class="justify-content-center overflow-hidden py-4 w-100">
<div class="container"> <div class="container">
<div class="mb-3 row"> <div class="mb-3 row">
<div class="col-sm"> <div class="col-sm">
<a [routerLink]="['/']"><gf-logo /></a> <a [routerLink]="['/']"><gf-logo /></a>
</div> </div>
<div class="col-sm"> <div class="col-sm">
<div class="h6 mt-2" i18n>Personal Finance</div> <div class="h6 mt-2" i18n>Personal Finance</div>
<ul class="list-unstyled"> <ul class="list-unstyled">
@if (hasPermissionToAccessFearAndGreedIndex) { @if (hasPermissionToAccessFearAndGreedIndex) {
<li> <li>
<a i18n [routerLink]="routerLinkMarkets">Markets</a> <a i18n [routerLink]="routerLinkMarkets">Markets</a>
</li> </li>
} }
<li><a i18n [routerLink]="routerLinkResources">Resources</a></li> <li><a i18n [routerLink]="routerLinkResources">Resources</a></li>
</ul> </ul>
</div> </div>
<div class="col-sm"> <div class="col-sm">
<div class="h6 mt-2">Ghostfolio</div> <div class="h6 mt-2">Ghostfolio</div>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><a i18n [routerLink]="routerLinkAbout">About</a></li> <li><a i18n [routerLink]="routerLinkAbout">About</a></li>
@if (hasPermissionForSubscription) { @if (hasPermissionForSubscription) {
<li> <li>
<a i18n [routerLink]="routerLinkBlog">Blog</a> <a i18n [routerLink]="routerLinkBlog">Blog</a>
</li> </li>
} }
<li> <li>
<a i18n [routerLink]="routerLinkAboutChangelog">Changelog</a> <a i18n [routerLink]="routerLinkAboutChangelog">Changelog</a>
</li> </li>
<li><a i18n [routerLink]="routerLinkFeatures">Features</a></li> <li><a i18n [routerLink]="routerLinkFeatures">Features</a></li>
@if (hasPermissionForSubscription) { @if (hasPermissionForSubscription) {
<li> <li>
<a i18n [routerLink]="routerLinkFaq">Frequently Asked Questions (FAQ)</a> <a i18n [routerLink]="routerLinkFaq"
</li> >Frequently Asked Questions (FAQ)</a
} >
@if (!hasPermissionForSubscription) { </li>
<li> }
<a i18n [routerLink]="routerLinkAboutLicense">License</a> @if (!hasPermissionForSubscription) {
</li> <li>
} <a i18n [routerLink]="routerLinkAboutLicense">License</a>
@if (hasPermissionForStatistics) { </li>
<li> }
<a [routerLink]="routerLinkOpenStartup">Open Startup</a> @if (hasPermissionForStatistics) {
</li> <li>
} <a [routerLink]="routerLinkOpenStartup">Open Startup</a>
@if (hasPermissionForSubscription) { </li>
<li> }
<a i18n [routerLink]="routerLinkPricing">Pricing</a> @if (hasPermissionForSubscription) {
</li> <li>
} <a i18n [routerLink]="routerLinkPricing">Pricing</a>
@if (hasPermissionForSubscription) { </li>
<li> }
<a i18n [routerLink]="routerLinkAboutPrivacyPolicy">Privacy Policy</a> @if (hasPermissionForSubscription) {
</li> <li>
} <a i18n [routerLink]="routerLinkAboutPrivacyPolicy"
@if (hasPermissionForSubscription) { >Privacy Policy</a
<li> >
<a i18n [routerLink]="routerLinkAboutTermsOfService">Terms of Service</a> </li>
</li> }
} @if (hasPermissionForSubscription) {
@if (hasPermissionForSubscription) { <li>
<li> <a i18n [routerLink]="routerLinkAboutTermsOfService"
<a class="align-items-baseline d-flex" href="https://status.ghostfol.io" target="_blank" >Terms of Service</a
title="Ghostfolio Status">Status<ion-icon class="ml-1" name="open-outline" /></a> >
</li> </li>
} }
</ul> @if (hasPermissionForSubscription) {
</div> <li>
<div class="col-sm"> <a
<div class="h6 mt-2" i18n>Community</div> class="align-items-baseline d-flex"
<ul class="list-unstyled"> href="https://status.ghostfol.io"
<li> target="_blank"
<a class="align-items-baseline d-flex" href="https://github.com/ghostfolio/ghostfolio" title="Ghostfolio Status"
target="_blank" title="Find Ghostfolio on GitHub">GitHub<ion-icon class="ml-1" >Status<ion-icon class="ml-1" name="open-outline"
name="open-outline" /></a> /></a>
</li> </li>
<li> }
<a class="align-items-baseline d-flex" href="https://linkedin.com/company/ghostfolio" </ul>
target="_blank" title="Follow Ghostfolio on LinkedIn">LinkedIn<ion-icon class="ml-1" </div>
name="open-outline" /></a> <div class="col-sm">
</li> <div class="h6 mt-2" i18n>Community</div>
<li> <ul class="list-unstyled">
<a class="align-items-baseline d-flex" <li>
href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg" <a
target="_blank" title="Join the Ghostfolio Slack community">Slack<ion-icon class="ml-1" class="align-items-baseline d-flex"
name="open-outline" /></a> href="https://github.com/ghostfolio/ghostfolio"
</li> target="_blank"
<li> title="Find Ghostfolio on GitHub"
<a class="align-items-baseline d-flex" href="https://x.com/ghostfolio_" target="_blank" >GitHub<ion-icon class="ml-1" name="open-outline"
title="Follow Ghostfolio on X (formerly Twitter)">X (formerly Twitter)<ion-icon class="ml-1" /></a>
name="open-outline" /></a> </li>
</li> <li>
<li>&nbsp;</li> <a
<!-- class="align-items-baseline d-flex"
href="https://linkedin.com/company/ghostfolio"
target="_blank"
title="Follow Ghostfolio on LinkedIn"
>LinkedIn<ion-icon class="ml-1" name="open-outline"
/></a>
</li>
<li>
<a
class="align-items-baseline d-flex"
href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
target="_blank"
title="Join the Ghostfolio Slack community"
>Slack<ion-icon class="ml-1" name="open-outline"
/></a>
</li>
<li>
<a
class="align-items-baseline d-flex"
href="https://x.com/ghostfolio_"
target="_blank"
title="Follow Ghostfolio on X (formerly Twitter)"
>X (formerly Twitter)<ion-icon class="ml-1" name="open-outline"
/></a>
</li>
<li>&nbsp;</li>
<!--
<li> <li>
<a href="../ca" title="Ghostfolio en català">Català</a> <a href="../ca" title="Ghostfolio en català">Català</a>
</li> </li>
--> -->
<li> <li>
<a href="../zh" title="Ghostfolio in Chinese">Chinese</a> <a href="../zh" title="Ghostfolio in Chinese">Chinese</a>
</li> </li>
<li> <li>
<a href="../de" title="Ghostfolio in Deutsch">Deutsch</a> <a href="../de" title="Ghostfolio in Deutsch">Deutsch</a>
</li> </li>
<li> <li>
<a href="../en" title="Ghostfolio in English">English</a> <a href="../en" title="Ghostfolio in English">English</a>
</li> </li>
<li> <li>
<a href="../es" title="Ghostfolio in Español">Español</a> <a href="../es" title="Ghostfolio in Español">Español</a>
</li> </li>
<li> <li>
<a href="../fr" title="Ghostfolio en Français">Français</a> <a href="../fr" title="Ghostfolio en Français">Français</a>
</li> </li>
<li> <li>
<a href="../it" title="Ghostfolio in Italiano">Italiano</a> <a href="../it" title="Ghostfolio in Italiano">Italiano</a>
</li> </li>
<li> <li>
<a href="../nl" title="Ghostfolio in Nederlands">Nederlands</a> <a href="../nl" title="Ghostfolio in Nederlands">Nederlands</a>
</li> </li>
<li> <li>
<a href="../pl" title="Ghostfolio in Polski">Polski</a> <a href="../pl" title="Ghostfolio in Polski">Polski</a>
</li> </li>
<li> <li>
<a href="../pt" title="Ghostfolio in Português">Português</a> <a href="../pt" title="Ghostfolio in Português">Português</a>
</li> </li>
<li> <li>
<a href="../tr" title="Ghostfolio in Türkçe">Türkçe</a> <a href="../tr" title="Ghostfolio in Türkçe">Türkçe</a>
</li> </li>
<!-- <!--
<li> <li>
<a href="../uk" title="Ghostfolio in Українська">Українська</a> <a href="../uk" title="Ghostfolio in Українська">Українська</a>
</li> </li>
--> -->
</ul> </ul>
</div> </div>
</div> </div>
<div class="mb-2 row text-center"> <div class="mb-2 row text-center">
<div class="col"> <div class="col">
© 2021 - {{ currentYear }} © 2021 - {{ currentYear }}
<a href="https://ghostfol.io">Ghostfolio</a> <a href="https://ghostfol.io">Ghostfolio</a>
</div> </div>
</div> </div>
<div class="row text-center text-muted"> <div class="row text-center text-muted">
<div class="col"> <div class="col">
<small class="d-block" i18n>The risk of loss in trading can be substantial. It is not advisable <small class="d-block" i18n
to invest money you may need in the short term.</small> >The risk of loss in trading can be substantial. It is not advisable
</div> to invest money you may need in the short term.</small
</div> >
</div>
</div> </div>
<div class="container d-none d-md-block mt-5"> </div>
<div class="row justify-content-center"> <div class="container d-none d-md-block mt-5">
<div class="font-weight-bold line-height-1 logotype">Ghostfolio</div> <div class="row justify-content-center">
</div> <div class="font-weight-bold line-height-1 logotype">Ghostfolio</div>
</div> </div>
</footer> </div>
</footer>

Write Preview
Loading…
Cancel
Save