aodb/app/flight-detail/transactions/transaction-detail.tpl.html

<ion-view view-title="Transaction">
        <ion-content class="padding" style="padding-top: 0px;" scroll="true" has-bouncing="true">
        <ion-refresher class="primary-color" pulling-text="Refresh" on-refresh="vm.update();" spinner="none">
        </ion-refresher>
        <form name="transactionsForm" ng-submit="" >
            <div class="group-list list list-inset" style="padding: 14x;">
                <label ng-repeat="field in vm.fields | filter: vm.fieldFilter" class="item item-input editor-field" ng-hide="field.Invisible === true">
                    <span class="input-label font-thin" ng-class="{invalid: field.Invalid}">{{field.Name}} 
                    </span>

                    <input class="text-right" type="text" placeholder="{{field.Editor === 'readonly' ? 'Readonly' : 'Update'}}"
                        ng-class="{'primary-color': field.Editor !== 'readonly', readonly: field.Editor === 'readonly'}"
                        ng-model="field.Value"
                        on-tap="vm.editorFor(field)"
                        disabled="field.Editor === 'readonly'"
                        ng-required="field.Editor.IsRequired"/>
                </label>
            </div>
            <div ng-if="vm.IsNewAdd === false">
                    <button class="action update-button"
                            style="width: 49%;"
                            ng-if="vm.$stateParams.tranAccess.Update"
                            ng-class="{pending: vm.status === 'P',
                                    success: vm.status === 'S',
                                    error: vm.status === 'E'}"
                            ng-click="vm.confirmTransaction();"
                             ng-hide="vm.model.Confirmed || vm.model.Cancelled">
                        <span ng-if="vm.status === undefined">Confirm</span>
                        <span ng-if="vm.status === 'P'">
                            <ion-spinner icon="spiral" class="primary-color vcenter"></ion-spinner>
                        </span>
                        <span ng-if="vm.status === 'S'">
                            <i class="icon ion-ios-checkmark-outline white"></i>
                        </span>
                        <span ng-if="vm.status === 'E'">
                            <i class="icon ion-ios-close-empty white"></i>
                        </span>
                    </button>
                    <button class="action update-button"
                            style="width: 49%;"
                            ng-class="{pending: vm.status === 'P',
                                    success: vm.status === 'S',
                                    error: vm.status === 'E'}"
                            ng-click="vm.cancelTransaction();"
                            ng-if="vm.$stateParams.tranAccess.Update"
                            ng-hide="vm.model.Cancelled">
                        <span ng-if="vm.status === undefined">Cancel</span>
                        <span ng-if="vm.status === 'P'">
                            <ion-spinner icon="spiral" class="primary-color vcenter"></ion-spinner>
                        </span>
                        <span ng-if="vm.status === 'S'">
                            <i class="icon ion-ios-checkmark-outline white"></i>
                        </span>
                        <span ng-if="vm.status === 'E'">
                            <i class="icon ion-ios-close-empty white"></i>
                        </span>
                    </button>
            </div>

            <div ng-if="vm.IsNewAdd === true">
                        <button type="submit" class="action update-button"
                            style="width: 100%;"
                            ng-class="{pending: vm.status === 'P',
                                    success: vm.status === 'S',
                                    error: vm.status === 'E'}"
                            ng-click="vm.createTransaction();">
                        <span ng-if="vm.status === undefined">Create</span>
                        <span ng-if="vm.status === 'P'">
                            <ion-spinner icon="spiral" class="primary-color vcenter"></ion-spinner>
                        </span>

                        <span ng-if="vm.status === 'S'">
                            <i class="icon ion-ios-checkmark-outline white"></i>
                        </span>
                        <span ng-if="vm.status === 'E'">
                            <i class="icon ion-ios-close-empty white"></i>
                        </span>
                    </button>
            </div>
        </form>

    </ion-content>
</ion-view>