Formatting

This commit is contained in:
shamoon 2023-12-31 11:02:28 -08:00 committed by Moritz Pflanzer
parent f57cd79932
commit 4c8f067c1e

View File

@ -50,34 +50,35 @@
<div class="form-text text-muted text-end fst-italic" i18n>Warning: changing the token cannot be undone</div> <div class="form-text text-muted text-end fst-italic" i18n>Warning: changing the token cannot be undone</div>
</div> </div>
@if (socialAccounts?.length > 0) { @if (socialAccounts?.length > 0) {
<div class="mb-3"> <div class="mb-3">
<p i18n>Connected social accounts</p> <p i18n>Connected social accounts</p>
<div class="position-relative"> <div class="position-relative">
<ul> <ul>
@for (account of socialAccounts; track account.id) { @for (account of socialAccounts; track account.id) {
<li>{{account.name}}<button type="button" class="btn btn-outline-secondary btn-sm ms-2 align-baseline" (click)="disconnectSocialAccount(account.id)" i18n-title title="Disconnect {{ account.name }} social account"> <li>{{account.name}}<button type="button" class="btn btn-outline-secondary btn-sm ms-2 align-baseline" (click)="disconnectSocialAccount(account.id)" i18n-title title="Disconnect {{ account.name }} social account">
<svg class="buttonicon" fill="currentColor"> <svg class="buttonicon" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#trash" /> <use xlink:href="assets/bootstrap-icons.svg#trash" />
</svg> </svg>
</button></li> </button>
} </li>
</ul> }
<div class="form-text text-muted text-end fst-italic" i18n>Warning: changing the social accounts cannot be undone</div> </ul>
<div class="form-text text-muted text-end fst-italic" i18n>Warning: changing the social accounts cannot be undone</div>
</div>
</div> </div>
</div> }
} @if (socialAccountProviders?.length > 0) {
@if (socialAccountProviders?.length > 0) { <div class="mb-3">
<div class="mb-3"> <p i18n>Available social account providers</p>
<p i18n>Available social account providers</p> <div class="position-relative">
<div class="position-relative"> <ul>
<ul> @for (provider of socialAccountProviders; track provider.name) {
@for (provider of socialAccountProviders; track provider.name) { <li><a href="{{ provider.login_url }}">{{provider.name}}</a></li>
<li><a href="{{ provider.login_url }}">{{provider.name}}</a></li> }
} </ul>
</ul> <div class="form-text text-muted text-end fst-italic" i18n>Warning: changing the social account providers cannot be undone</div>
<div class="form-text text-muted text-end fst-italic" i18n>Warning: changing the social account providers cannot be undone</div> </div>
</div> </div>
</div>
} }
</div> </div>
<div class="modal-footer"> <div class="modal-footer">