troogs/TinyInvoice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Settings Page Styling

Browse Source
This commit is contained in:
Andre Beging
2024-11-14 20:52:52 +01:00
parent 7dc50d51f9
commit 09cb9c88ae
1 changed files with 81 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
Server/Components/Pages/SettingsPage.razor
View File

@@ -1,79 +1,98 @@
@page "/settings" @page "/settings"
@using Server.Data @using Server.Data
@using Server.Model
@rendermode InteractiveServer @rendermode InteractiveServer
<h3>Einstellungen</h3> <h3>Einstellungen</h3>
<button type="button" class="btn btn-primary" @onclick="Save"><i class="fas fa-save"></i> Speichern</button> <button type="button" class="btn btn-primary" @onclick="Save"><i class="fas fa-save"></i> Speichern</button>
<hr /> <div class="row">
<div class="col-md-6 col-xl-4 col-xxl-3">
<div class="mb-3"> <hr/>
<h4><i class="fas fa-address-card"></i> Adressdaten</h4>
<div class="mb-3">
<label class="form-label">Name</label> <label class="form-label">Name</label>
<InputText DisplayName="Name" class="form-control" @bind-Value="@SettingsData.Instance.SellerAddress.Name"></InputText> <InputText DisplayName="Name" class="form-control"
</div> @bind-Value="@SettingsData.Instance.SellerAddress.Name"></InputText>
</div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Name 2</label> <label class="form-label">Name 2</label>
<InputText DisplayName="Name 2" class="form-control" @bind-Value="@SettingsData.Instance.SellerAddress.Name2"></InputText> <InputText DisplayName="Name 2" class="form-control"
</div> @bind-Value="@SettingsData.Instance.SellerAddress.Name2"></InputText>
</div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Street</label> <label class="form-label">Straße</label>
<InputText DisplayName="Street" class="form-control" @bind-Value="@SettingsData.Instance.SellerAddress.Street"></InputText> <InputText DisplayName="Straße" class="form-control"
</div> @bind-Value="@SettingsData.Instance.SellerAddress.Street"></InputText>
</div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Zip</label> <label class="form-label">PLZ</label>
<InputText DisplayName="Zip" class="form-control" @bind-Value="@SettingsData.Instance.SellerAddress.Zip"></InputText> <InputText DisplayName="PLZ" class="form-control"
</div> @bind-Value="@SettingsData.Instance.SellerAddress.Zip"></InputText>
</div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">City</label> <label class="form-label">Stadt</label>
<InputText DisplayName="City" class="form-control" @bind-Value="@SettingsData.Instance.SellerAddress.City"></InputText> <InputText DisplayName="Stadt" class="form-control"
</div> @bind-Value="@SettingsData.Instance.SellerAddress.City"></InputText>
</div>
</div>
<div class="col-md-6 col-xl-4 col-xxl-3">
<hr/>
<h4><i class="fas fa-money-bill-alt"></i> Bankverbindung</h4>
<div class="mb-3">
<label class="form-label">Name der Bank</label>
<InputText DisplayName="Name der Bank" class="form-control"
@bind-Value="@SettingsData.Instance.PaymentData.BankName"></InputText>
</div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Phone</label> <label class="form-label">IBAN</label>
<InputText DisplayName="Phone" class="form-control" @bind-Value="@SettingsData.Instance.SellerAddress.Phone"></InputText> <InputText DisplayName="IBAN" class="form-control"
</div> @bind-Value="@SettingsData.Instance.PaymentData.Iban"></InputText>
</div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">BIC</label>
<InputText DisplayName="BIC" class="form-control"
@bind-Value="@SettingsData.Instance.PaymentData.Bic"></InputText>
</div>
</div>
<div class="col-md-6 col-xl-4 col-xxl-3">
<hr/>
<h4><i class="fas fa-mobile-alt"></i> Kontaktdaten</h4>
<div class="mb-3">
<label class="form-label">Telefon</label>
<InputText DisplayName="Telefon" class="form-control"
@bind-Value="@SettingsData.Instance.SellerAddress.Phone"></InputText>
</div>
<div class="mb-3">
<label class="form-label">Web</label> <label class="form-label">Web</label>
<InputText DisplayName="Web" class="form-control" @bind-Value="@SettingsData.Instance.SellerAddress.Web"></InputText> <InputText DisplayName="Web" class="form-control" @bind-Value="@SettingsData.Instance.SellerAddress.Web"></InputText>
</div> </div>
<hr /> <div class="mb-3">
<label class="form-label">Steuernummer</label>
<div class="mb-3"> <InputText DisplayName="Steuernummer" class="form-control"
<label class="form-label">Comment</label> @bind-Value="@SettingsData.Instance.SellerAddress.TaxId"></InputText>
<InputTextArea DisplayName="Comment" class="form-control" @bind-Value="@SettingsData.Instance.Comment"></InputTextArea> </div>
</div> </div>
<div class="col-md-6 col-xl-4 col-xxl-3">
<hr /> <hr/>
<h4><i class="fas fa-palette"></i> Personalisierung</h4>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">TaxId</label> <label class="form-label">Kommentar</label>
<InputText DisplayName="TaxId" class="form-control" @bind-Value="@SettingsData.Instance.SellerAddress.TaxId"></InputText> <InputTextArea DisplayName="Kommentar" class="form-control" rows="3"
</div> @bind-Value="@SettingsData.Instance.Comment"></InputTextArea>
</div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Bank</label>
<InputText DisplayName="Bank" class="form-control" @bind-Value="@SettingsData.Instance.PaymentData.BankName"></InputText>
</div>
<div class="mb-3">
<label class="form-label">IBAN</label>
<InputText DisplayName="IBAN" class="form-control" @bind-Value="@SettingsData.Instance.PaymentData.Iban"></InputText>
</div>
<div class="mb-3">
<label class="form-label">BIC</label>
<InputText DisplayName="BIC" class="form-control" @bind-Value="@SettingsData.Instance.PaymentData.Bic"></InputText>
</div>
<div class="mb-3">
<label class="form-label">Logo Pfad</label> <label class="form-label">Logo Pfad</label>
<InputText class="form-control" @bind-Value="@SettingsData.Instance.Logo"></InputText> <InputText class="form-control" @bind-Value="@SettingsData.Instance.Logo"></InputText>
</div>
</div>
</div> </div>