68 lines
1.8 KiB
HTML
68 lines
1.8 KiB
HTML
<div class="modal-body" style="background-color: #FBFBFB !important">
|
|
<h4 style="color: #242222">Input the actual cost of your expenses</h4>
|
|
<p style="color: #242222">Building : {{ buildingName }}</p>
|
|
<p style="color: #242222">Periode : {{ formattedDate }}</p>
|
|
<form [formGroup]="myForm">
|
|
<div class="form-group">
|
|
<div class="input-group">
|
|
<div
|
|
class="input-group-prepend"
|
|
style="background-color: #FBFBFB !important"
|
|
>
|
|
<span
|
|
class="input-group-text"
|
|
id="basic-addon1"
|
|
style="
|
|
background-color: #FBFBFB !important;
|
|
color: #242222;
|
|
height: calc(1.5em + 0.75rem + 2px) !important;
|
|
"
|
|
>Rp</span
|
|
>
|
|
</div>
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
id="real_cost"
|
|
aria-describedby="basic-addon1"
|
|
formControlName="real_cost"
|
|
placeholder="..............."
|
|
mask="separator"
|
|
thousandSeparator="."
|
|
/>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer justify-content-between" style="background-color: #FBFBFB !important; border-style: none !important;">
|
|
<button
|
|
type="button"
|
|
class="btn"
|
|
style="
|
|
color: #242222;
|
|
width: 25%;
|
|
background-color: #FBFBFB !important;
|
|
border-color: #FBFBFB !important;
|
|
border-radius: 10px;
|
|
"
|
|
(click)="activeModal.dismiss('Cross click')"
|
|
>
|
|
Close
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="btn"
|
|
style="
|
|
color: #242222 !important;
|
|
width: 25%;
|
|
background-color: #DDE1E6 !important;
|
|
border-color: #DDE1E6 !important;
|
|
border-radius: 10px;
|
|
"
|
|
(click)="addRow()"
|
|
>
|
|
Add
|
|
</button>
|
|
</div>
|
|
|