Some changes in asset interface

This commit is contained in:
Artur 2024-10-13 19:10:14 +02:00
parent f930af39c1
commit b02119f12b
2 changed files with 93 additions and 98 deletions

View File

@ -6,7 +6,7 @@ import { ChatGPTComponent } from './chat-gpt/chat-gpt.component';
export const routes: Routes = [
{ path: "",
title: "Kalkulator amprtyzacyjny",
title: "Kalkulator amortyzacyjny",
component:AssetCalculatorComponent },
{ path: "about-me",
title:"O mnie",

View File

@ -15,16 +15,13 @@
<div class="container mt-5">
<h1 class="heading text-center">Kalkulator amortyzacyjny</h1>
<div class="row">
<div class="col-6">
<form [formGroup]=assetsDepreciationForm class="frame ">
<div class="form-group row">
<label for="initialValueSet" class="col-7" >Wartość początkowa środka trwałego: </label>
<label for="initialValueSet" class="form-label col-3" >Wartość początkowa środka trwałego: </label>
<div class="col-3">
<input type="text" class="form-control" id="initialValueSet" aria-describedby="initialValueHelpInline" formControlName="initialValueSet" required
[ngModel]="asset.initialValueAsset"
(ngModelChange)="asset.initialValueAsset=$event" />
</div>
<div class="col-auto">
<span>PLN</span>
@ -35,7 +32,7 @@
}
</div>
<div class="form-group row">
<label for="depreciationRate" class="col-7">Stawka amortyzacyjna w procentach :</label>
<label for="depreciationRate" class="form-label col-3" >Stawka amortyzacyjna w procentach :</label>
<div class="col-3">
<input type="text" class="form-control" id="depreciationRate" formControlName="depreciationRate"
[ngModel]="asset.depreciationRate | number:'1.2-2'"
@ -46,13 +43,13 @@
</div>
</div>
<div class="form-group row">
<label class="col-7">Rok i miesiąc rozpoczęcia amortyzacji</label>
<div class="col">
<label class="form-label col-3">Rok i miesiąc rozpoczęcia amortyzacji</label>
<div class="col-1">
<input type="number" class="form-control" formControlName="year"
[ngModel]=asset.year
(ngModelChange)="asset.year=$event;calculate()" />
</div>
<div class="col">
<div class="col-1">
<input type="number" class="form-control" formControlName="month"
[ngModel]=asset.month
(ngModelChange)="asset.month=$event;calculate()" />
@ -60,8 +57,8 @@
</div>
<div class="form-group row">
<label class="col-7">Metoda amortyzacji</label>
<div class="col" >
<label class="form-label col-3">Metoda amortyzacji</label>
<div class="col-3" >
<select class="form-control" formControlName="typeDepreciation"
[ngModel]=asset.type
(ngModelChange)="asset.type=$event;calculate()" >
@ -73,7 +70,7 @@
</div>
@if( TypeDepreciation.digressive === asset.type ){
<div class="form-group row">
<label for="factorValue" class="col-7">Wspólczynnki degresji</label>
<label for="factorValue" class="form-label col-3">Wspólczynnki degresji</label>
<div class="col-auto" >
<input type="text" class="form-control" formControlName="factorValue"
[ngModel]="asset.factorValue | number:'1.2-2' "
@ -86,8 +83,7 @@
[disabled]=assetsDepreciationForm.invalid (click)=calculate() type="button" value="Wylicz ">
</form>
</div>
<div class="col-6">
<div class="mt-5">
<table class="table table-striped frame2">
<thead>
<tr>
@ -115,5 +111,4 @@
</table>
</div>
</div>
</div>