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