salix/modules/client/front/credit-insurance/index/index.html

<div compact>
    <vn-card pad-large>
        <vn-horizontal ng-repeat="classification in $ctrl.classifications track by classification.id" class="pad-medium-top" style="align-items: center;">
            <vn-one border-radius class="pad-small border-solid" ng-class="{'bg-main': !classification.finished,'bg-opacity-item': classification.finished}">
                <vn-horizontal style="align-items: center;">
                    <vn-none pad-medium-h orange>
                        <vn-icon-button icon="lock" orange
                            ng-if="!classification.finished" 
                            vn-tooltip="Close contract"
                            ng-click="$ctrl.closeContract(classification)">
                        </vn-icon-button>
                    </vn-none>
                    <vn-one border-solid-right>
                        <div><vn-label translate>Since</vn-label> {{::classification.started | date:'dd/MM/yyyy'}}</div>
                        <div><vn-label translate>To</vn-label> {{classification.finished | date:'dd/MM/yyyy'}}</div>
                    </vn-one>
                    <vn-vertical vn-one pad-medium-h>
                        <vn-horizontal ng-repeat="insurance in classification.insurances track by insurance.id">
                            <vn-one>
                                <vn-label-value label="Credit" 
                                    value="{{::insurance.credit}}">
                                </vn-label-value>
                            </vn-one>
                            <vn-one>
                                <vn-label-value label="Grade" 
                                    value="{{::insurance.grade}}">
                                </vn-label-value>
                            </vn-one>
                            <vn-one>
                                <vn-label-value label="Date" 
                                    value="{{::insurance.created | date:'dd/MM/yyyy' }}">
                                </vn-label-value>
                            </vn-one>
                        </vn-horizontal>
                    </vn-vertical>
                    <a vn-auto ui-sref="client.card.creditInsurance.insurance.index({classificationId: {{classification.id}}})">
                        <vn-icon-button icon="desktop_windows" vn-tooltip="View credits"></vn-icon-button>
                    </a>
                </vn-horizontal>
            </vn-one>
        </vn-horizontal>
        <vn-horizontal ng-if="model.data.length == 0">
            <vn-one ad-small translate>
                No results
            </vn-one>
        </vn-horizontal>
    </vn-card>
    <vn-float-button
        ng-if="$ctrl.canCreateNew()"
        vn-tooltip="New contract"
        fixed-bottom-right
        ui-sref="client.card.creditInsurance.create"
        icon="add"
        vn-bind="+"
        label="Add">
    </vn-float-button>
</div>
<vn-confirm
    vn-id="close-contract"
    on-response="$ctrl.returnDialog(response)"
    question="Close contract"
    message="Are you sure you want to close this contract?">
</vn-confirm>