cobuild-angular-stack/modules/cashout/views/cashout.main.html

Base stack angular sass jade gulp

<div class="container-fluid">
    <div class="row">
        <div id="kitchen" ng-include="'partials/uniko-aside-profile.html'"></div>
        <div class="col-md-9 col-md-offset-3 col-sm-9 col-sm-offset-3">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <div class="header-gray">{{'withdrawals' | translate}}</div>
                </div>
            </div>
            <div class="body-checkout">
                <div class="row">
                    <div class="col-md-12 text-center">

                        <div ng-class="{'has-error': account.cashOutInformationList.length>=2}">
                            <p class="col-md-12 text-center help-block">{{'message-3-withdrawals' | translate}}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <form name="form_message" ng-submit="coCtrl.send()">
                            <div class="row">
                                <div class="col-md-6 form-group" ng-class="{'has-warning': (form_message.$submitted || form_message.bank.$touched) && form_message.bank.$invalid}">
                                    <label class="control-label" for="inputWarning">{{'bank-name' | translate}}</label>
                                    <input name="bank" type="text" required="" ng-disabled="disabled" ng-model="cashout.bank" class="form-control">
                                    <p ng-show="(form_message.$submitted || form_message.bank.$touched) && form_message.bank.$invalid" class="help-block">{{'field-required' | translate}}</p>
                                </div>
                                <div class="col-md-6 form-group" ng-class="{'has-warning': (form_message.$submitted || form_message.account.$touched) && form_message.account.$invalid}">
                                    <label class="control-label" for="inputWarning">{{'key-account' | translate}}</label>
                                    <input name="account" type="text" required="" ng-disabled="disabled" ng-model="cashout.clabe" class="form-control" pattern="\d{18}" maxlength="18">
                                    <p ng-show="(form_message.$submitted || form_message.account.$touched) && form_message.account.$invalid && form_message.account.$error.required" class="help-block">{{'field-required' | translate}}</p>
                                    <p ng-show="(form_message.$submitted || form_message.account.$touched) && form_message.account.$invalid && form_message.account.$error.pattern" class="help-block">{{'restriction-key' | translate}}</p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group" ng-show="!account.payInformationData.isPremium && validCashout >= 2" ng-controller="GiftReceivedController">
                                    <label class="control-label text-capitalize">{{'required-amount' | translate}}</label>
                                    <input class="form-control" disabled="disabled" type="text" ng-value="disabled ? 0 : cantReceived.toFixed(2)">
                                </div>
                                <div class="col-md-6 form-group" ng-show="account.payInformationData.isPremium || validCashout < 2" ng-class="{'has-warning': (form_message.$submitted || form_message.target.$touched) && form_message.requiredAmount.$invalid}">
                                    <label class="control-label text-capitalize" for="inputWarning">{{'required-amount' | translate}}</label>
                                    <input class="form-control" ng-required="validCashout < 2" ng-disabled="disabled" type="number" name="requiredAmount" ng-model="cashout.requiredAmount">
                                    <p ng-show="(form_message.$submitted || form_message.requiredAmount.$touched) && form_message.requiredAmount.$invalid" class="help-block">{{'field-required' | translate}}</p>
                                </div>
                                <div class="col-md-6 form-group" ng-class="{'has-warning': (form_message.$submitted || form_message.target.$touched) && form_message.target.$invalid}">
                                    <label class="control-label" for="inputWarning">{{'to-name' | translate}}</label>

                                    <input class="form-control" required ng-disabled="disabled" type="text" name="target" ng-model="cashout.target">

                                    <p ng-show="(form_message.$submitted || form_message.target.$touched) && form_message.target.$invalid" class="help-block">{{'field-required' | translate}}</p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 text-center">
                                    <button ng-disabled="btnDisabled" type="submit" class="btn btn-inverse">{{'withdrawal-request' | translate}}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row body-checkout" ng-show="account.cashOutInformationList.length > 0">
                <div class="col-md-12">
                    <div class="header-gray text-center">{{'retirement-requests' | translate}}</div>
                    <table class="table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{'bank' | translate}}</th>
                                <th>Cuenta CLABE</th>
                                <th>{{'to-name' | translate}}</th>
                                <th>{{'required-amount' | translate}}</th>
                                <th>{{'retained-amount' | translate}}</th>
                                <th>{{'amount' | translate}}</th>
                                <th>{{'state' | translate}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-class="{success:cashout.isPaid, active:!cashout.isPaid}" ng-repeat="cashout in account.cashOutInformationList">
                                <td>{{cashout.id}}</td>
                                <td>{{cashout.bank}}</td>
                                <td>{{cashout.clabe}}</td>
                                <td>{{cashout.target}}</td>
                                <td>{{cashout.requiredAmount|currency:'MXN ':2}}</td>
                                <td>{{cashout.retainedAmount|currency:'MXN ':2}}</td>
                                <td>{{cashout.approvedAmount|currency:'MXN ':2}}</td>
                                <td>{{cashout.date|date:'dd MMM yyyy'}}</td>
                                <td>{{cashout.isPaid?'Completado':'Pendiente'}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>