445 lines
14 KiB
HTML
445 lines
14 KiB
HTML
<div class="d-flex flex-column wrapper">
|
|
<div class="filter">
|
|
<form class="k-form shadow bg-body rounded" [formGroup]="formFilter">
|
|
<h4>FAIXA DE COMISSÃO PARCEIROS</h4>
|
|
|
|
<div class="row mt-2">
|
|
|
|
<form [formGroup]="formFilter">
|
|
<fieldset class="k-form-fieldset">
|
|
<label>
|
|
<span>Tipo do parceiro</span>
|
|
<ul class="k-radio-list k-list-horizontal">
|
|
<li class="k-radio-item">
|
|
<label>
|
|
<input
|
|
type="radio"
|
|
value="B"
|
|
kendoRadioButton
|
|
formControlName="typeFilter"
|
|
/>
|
|
<span> Bella Obra</span>
|
|
</label>
|
|
</li>
|
|
<li class="k-radio-item">
|
|
<label>
|
|
<input
|
|
type="radio"
|
|
value="P"
|
|
kendoRadioButton
|
|
formControlName="typeFilter"
|
|
/>
|
|
<span> Parceiro</span>
|
|
</label>
|
|
</li>
|
|
|
|
<li class="k-radio-item">
|
|
<label>
|
|
<input
|
|
type="radio"
|
|
kendoRadioButton
|
|
value="M"
|
|
formControlName="typeFilter"
|
|
/>
|
|
<span> Mestre</span>
|
|
</label>
|
|
</li>
|
|
<li class="k-radio-item">
|
|
<label>
|
|
<input
|
|
type="radio"
|
|
kendoRadioButton
|
|
value="T"
|
|
formControlName="typeFilter"
|
|
/>
|
|
<span> Todos</span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</label>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="mt-3 row-buttons">
|
|
<button
|
|
kendoButton
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#modalRange"
|
|
(click)="createPartnerRange()"
|
|
>
|
|
INCLUIR
|
|
</button>
|
|
<button
|
|
kendoButton
|
|
rounded="medium"
|
|
themeColor="waring"
|
|
(click)="searchRange()"
|
|
>
|
|
Pesquisar
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<main class="flex-fill mt-3">
|
|
<div class="mt-3">
|
|
<kendo-grid
|
|
[kendoGridBinding]="gridView"
|
|
class="gridPartnerCategory"
|
|
(edit)="editPartnerRange($event)"
|
|
(remove)="confirmDelete($event)"
|
|
[sortable]="true"
|
|
[reorderable]="true"
|
|
[resizable]="true"
|
|
[columnMenu]="{ filter: true }"
|
|
>
|
|
<kendo-grid-column title="Código" field="id" width="80">
|
|
</kendo-grid-column>
|
|
<kendo-grid-column
|
|
title="Tipo Parceiro"
|
|
field="descriptionType"
|
|
width="100"
|
|
>
|
|
</kendo-grid-column>
|
|
|
|
<kendo-grid-column
|
|
field="rangeIni"
|
|
title="Faixa Inicial"
|
|
[width]="100"
|
|
filter="numeric"
|
|
>
|
|
<ng-template kendoGridCellTemplate let-dataItem>
|
|
<span [ngClass]="{ 'red text-bold': dataItem.rangeIni < 0 }">{{
|
|
dataItem.rangeIni | number : "1.2-2"
|
|
}}</span>
|
|
</ng-template>
|
|
</kendo-grid-column>
|
|
|
|
<kendo-grid-column
|
|
field="rangeFin"
|
|
title="Faixa Inicial"
|
|
[width]="100"
|
|
filter="numeric"
|
|
>
|
|
<ng-template
|
|
kendoGridCellTemplate
|
|
let-dataItem
|
|
style="text-align: right"
|
|
>
|
|
<span [ngClass]="{ 'red text-bold': dataItem.rangeFin < 0 }">{{
|
|
dataItem.rangeFin | number : "1.2-2"
|
|
}}</span>
|
|
</ng-template>
|
|
</kendo-grid-column>
|
|
|
|
<kendo-grid-column title="% Comissão" field="percentComiss" width="150">
|
|
</kendo-grid-column>
|
|
<kendo-grid-column title="Ações" [width]="60">
|
|
<ng-template kendoGridCellTemplate let-dataItem>
|
|
<div class="row g-2 justify-content-start">
|
|
<div class="col-3 me-2" kendoGridEditCommand>
|
|
<i
|
|
class="bi bi-pencil text-success"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#modalRange"
|
|
></i>
|
|
</div>
|
|
<div class="col-3 me-2" kendoGridRemoveCommand>
|
|
<i
|
|
class="bi bi-trash text-error"
|
|
></i>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
</kendo-grid-column>
|
|
<ng-template kendoGridNoRecordsTemplate>
|
|
<div>
|
|
<kendo-badge-container>
|
|
<kendo-icon name="user" size="large"></kendo-icon>
|
|
<kendo-badge position="inside" themeColor="error">
|
|
<kendo-icon name="close"></kendo-icon>
|
|
</kendo-badge>
|
|
</kendo-badge-container>
|
|
</div>
|
|
<p>
|
|
Não foram localizadas categorias com os filtros inforamdos,
|
|
verifique a pesquisa.
|
|
</p>
|
|
</ng-template>
|
|
</kendo-grid>
|
|
|
|
<!-- Modal -->
|
|
<!-- Vertically centered modal -->
|
|
<!-- Modal -->
|
|
<div
|
|
class="modal fade"
|
|
id="modalRange"
|
|
tabindex="-1"
|
|
aria-labelledby="modalRange"
|
|
aria-hidden="true"
|
|
>
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="modalRange">
|
|
Cadastro de faixa de comissão
|
|
</h5>
|
|
|
|
<button
|
|
type="button"
|
|
class="btn-close"
|
|
data-bs-dismiss="modal"
|
|
aria-label="Close"
|
|
></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form class="k-form" [formGroup]="formRange">
|
|
<fieldset class="k-form-fieldset">
|
|
<label>
|
|
<span>Tipo do parceiro</span>
|
|
<ul class="k-radio-list k-list-horizontal">
|
|
<li class="k-radio-item">
|
|
<label>
|
|
<input
|
|
type="radio"
|
|
#mestre
|
|
value="B"
|
|
kendoRadioButton
|
|
formControlName="type"
|
|
/>
|
|
<span> Bella Obra</span>
|
|
</label>
|
|
</li>
|
|
<li class="k-radio-item">
|
|
<label>
|
|
<input
|
|
type="radio"
|
|
#mestre
|
|
value="P"
|
|
kendoRadioButton
|
|
formControlName="type"
|
|
/>
|
|
<span> Parceiro</span>
|
|
</label>
|
|
</li>
|
|
|
|
<li class="k-radio-item">
|
|
<label>
|
|
<input
|
|
type="radio"
|
|
#parceiro
|
|
kendoRadioButton
|
|
value="M"
|
|
formControlName="type"
|
|
/>
|
|
<span> Mestre</span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</label>
|
|
<div class="row mt-3">
|
|
<div class="col-6">
|
|
<label>
|
|
<span>Faixa Inicial</span>
|
|
<input
|
|
class="input-range"
|
|
formControlName="rangeIni"
|
|
type="number"
|
|
[min]="0"
|
|
[max]="90"
|
|
format="n2"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div class="col-6">
|
|
<label>
|
|
<span>Faixa Final</span>
|
|
<input
|
|
class="input-range"
|
|
formControlName="rangeFin"
|
|
type="number"
|
|
[min]="0"
|
|
[max]="90"
|
|
format="n2"
|
|
/>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-3">
|
|
<label>
|
|
<span> % Comissão </span>
|
|
<input
|
|
class="input-range"
|
|
formControlName="percentComiss"
|
|
type="number"
|
|
[min]="0"
|
|
[max]="90"
|
|
format="n2"
|
|
/>
|
|
</label>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button
|
|
type="button"
|
|
class="btn btn-secondary"
|
|
data-bs-dismiss="modal"
|
|
>
|
|
Fechar
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="btn btn-primary"
|
|
data-bs-dismiss="modal"
|
|
(click)="savePartnerRange()"
|
|
>
|
|
Salvar
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--div
|
|
class="modal fade modal-dialog-scrollable"
|
|
id="exampleModal"
|
|
tabindex="-1"
|
|
aria-labelledby="modalRange"
|
|
aria-hidden="true"
|
|
data-bs-backdrop="static" data-bs-keyboard="false"
|
|
-->
|
|
<!--div class="modal-dialog"-->
|
|
<!--div class="modal-dialog">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLabel">
|
|
Cadastro de faixa de comissão
|
|
</h5>
|
|
<button
|
|
type="button"
|
|
class="btn-close"
|
|
data-bs-dismiss="modal"
|
|
aria-label="Close"
|
|
></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form class="k-form" [formGroup]="formRange">
|
|
<fieldset class="k-form-fieldset">
|
|
<label>
|
|
<span>Tipo do parceiro</span>
|
|
<ul class="k-radio-list k-list-horizontal">
|
|
<li class="k-radio-item">
|
|
<label>
|
|
<input
|
|
type="radio"
|
|
#mestre
|
|
value="M"
|
|
kendoRadioButton
|
|
formControlName="type"
|
|
/>
|
|
<span> Parceiro</span>
|
|
</label>
|
|
</li>
|
|
|
|
<li class="k-radio-item">
|
|
<label>
|
|
<input
|
|
type="radio"
|
|
#parceiro
|
|
kendoRadioButton
|
|
value="P"
|
|
formControlName="type"
|
|
/>
|
|
<span> Mestre</span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</label>
|
|
<div class="row mt-3">
|
|
<div class="col-6">
|
|
<label>
|
|
<span>Faixa Inicial</span>
|
|
<input
|
|
class="input-range"
|
|
formControlName="rangeIni"
|
|
type="number"
|
|
[min]="0"
|
|
[max]="90"
|
|
format="n2"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div class="col-6">
|
|
<label>
|
|
<span>Faixa Final</span>
|
|
<input
|
|
class="input-range"
|
|
formControlName="rangeFin"
|
|
type="number"
|
|
[min]="0"
|
|
[max]="90"
|
|
format="n2"
|
|
/>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-3">
|
|
<label>
|
|
<span> % Comissão </span>
|
|
<input
|
|
class="input-range"
|
|
formControlName="percentComiss"
|
|
[min]="0"
|
|
[max]="90"
|
|
format="p"
|
|
/>
|
|
</label>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button
|
|
type="button"
|
|
class="btn btn-secondary"
|
|
data-bs-dismiss="modal"
|
|
>
|
|
Fechar
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="btn btn-primary"
|
|
data-bs-dismiss="modal"
|
|
(click)="savePartnerRange()"
|
|
>
|
|
Salvar
|
|
</button>
|
|
</div>
|
|
</!--div>
|
|
</div>
|
|
</div-->
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
|
|
<kendo-dialog
|
|
title="Exclusão de faixa de comissão"
|
|
*ngIf="opened"
|
|
(close)="resultDelete('cancel')"
|
|
[minWidth]="250"
|
|
[width]="450"
|
|
>
|
|
<p style="margin: 30px; text-align: center;">
|
|
Confirma exclusão da faixa?
|
|
</p>
|
|
<kendo-dialog-actions>
|
|
<button kendoButton (click)="resultDelete('no')">Não</button>
|
|
<button kendoButton (click)="resultDelete('yes')" themeColor="primary">
|
|
Sim
|
|
</button>
|
|
</kendo-dialog-actions>
|
|
</kendo-dialog>
|