arti24
/
arti-angular-app
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Some changing with display of form

This commit is contained in:
Artur 2024-10-26 14:19:53 +02:00
parent 032fe8bd87
commit 7cab942ce1
1 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/asset-calculator/asset-calculator.component.html
View File

@ -21,14 +21,13 @@
<div class="row">
<form [formGroup]=assetsDepreciationFormGroup class="frame">
<div class="align-items-start" >
<div class="form-group row">
<label for="initialValueAsset" class="form-label col-auto" >Wartość początkowa środka trwałego:</label>
<div class="col">
<div class="form-label col-3 col-form-label">
<label for="initialValueAsset" >Wartość początkowa środka trwałego:</label>
</div>
<div class="col-2">
<input formControlName="initialValueAsset" [(ngModel)]=initialValueAsset
type="number" class="form-control" id="initialValueAsset"
aria-describedby="initialValueHelpInline"
required >
</div>
@ -39,28 +38,30 @@
</div>
<div class="form-group row">
<label for="depreciationRate" class="form-label col-auto" >Stawka amortyzacyjna w procentach:</label>
<div class="col">
<div class="form-label col-3 col-form-label">
<label for="depreciationRate" >Stawka amortyzacyjna w procentach :</label>
</div>
<div class="col-2">
<input formControlName="depreciationRate" [(ngModel)]=depreciationRate
type="number" class="form-control" id="depreciationRate" />
</div>
</div>
<div class="form-group row">
<label class="form-label col-auto">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)]=year
/>
</div>
<div class="col">
<div class="col-1">
<input type="number" class="form-control" formControlName="month"
[(ngModel)]=month />
</div>
</div>
<div class="form-group row">
<label class="form-label col-auto">Metoda amortyzacji</label>
<div class="col-auto" >
<label class="form-label col-3">Metoda amortyzacji:</label>
<div class="col-2" >
<select class="form-control" formControlName="typeDepreciation" [(ngModel)]=typeDepreciation >
<option [ngValue]=TypeDepreciation.linear selected="selected">Liniowa</option>
<option [ngValue]=TypeDepreciation.digressive >Dygresywna</option>
@ -70,8 +71,8 @@
</div>
@if( TypeDepreciation.digressive === typeDepreciation() ){
<div class="form-group row">
<label for="factorValue" class="form-label col-auto">Wspólczynnki degresji</label>
<div class="col-auto" >
<label for="factorValue" class="form-label col-3">Wspólczynnki degresji</label>
<div class="col-2" >
<input type="text" class="form-control" formControlName="factorValue"
[(ngModel)]=factorValue
/>
@ -82,7 +83,7 @@
<!-- <input class="btn btn-secondary col-auto" name="calculate"
[disabled]=assetsDepreciationFormGroup.invalid (click)=calculate() type="button" value="Wylicz "> -->
</div>
</form>
<div class="col-1">
<input class="btn btn-secondary col-auto" name="addChangeValue"