><div class="fourpanel"> > <div data-sm:collapse="$parent.showForm" id="hideFrm" class="pull-left col-sm-3 sm-search-list"> > <form name="form" id="editForm" novalidate role="form" data-sm:dirty-check data-server:error > ng-show="$parent.showForm" > class="ng-cloak"> > <div id="accountForm" class="widget" data-resize:container> > <div class="widget-head"> > Head content here not important > </div> > <div class="widget-content"> > <div class="scrollable widget-resize"> > <div class="padd"> > @Html.Partial("_EditFormAlerts") > </div> > <div class="col-sm-2 panel-container"> > <tabset vertical="true" type="pills"> > <tab heading="@Labels.general" select="selectView('general')"> > > </tab> > > <tab heading="@Labels.contact" select="selectView('contact')"> > > </tab> > > <tab heading="@Labels.invoices" ng-show="!isNew" select="selectView('invoices')"> > > </tab> > <tab heading="{{' ' + '@Labels.payInvoices'}}" > ng-show="!isNew" select="selectView('invoicesToBePaid')"> > </tab> > <tab heading="{{' '+ '@Labels.applyFees'}}" > ng-show="!isNew" select="selectView('applyFees')"> > </tab> > <tab heading="@Labels.userDefined" > ng-show="!isNew" select="selectView('userDefined')"> > </tab> > <tab heading="@Labels.securityRestrictions" > ng-show="!isNew" select="selectView('security')"> > </tab> > <tab heading="@Labels.web" > ng-show="!isNew" select="selectView('web')"> > </tab> > > </tabset> > </div> > > <div class="col-sm-10 panel-container"> > <div data-ui-view data-autoscroll="false"></div> > <div data-ui-view="invoices" data-autoscroll="false"></div> > </div> > </div> > <div class="widget-foot"> > Buttons here - not important > </div> > </div> > </div> > </form> > </div> > > <div id="showFrm" class="sm-form-expand-button text-center col-sm-1" > ng-show="!$parent.showForm" > ng-click="test()"> > <i class="fa fa-angle-double-right"></i> > <div class="panel2Label">@Labels.account : {{ currentAccount.fullName }} {{ !isNew ? '(' + currentAccount.acctName + ')' : '' }} {{ currentAccount.isSystemAccount? '(System Account)' :''}}</div> > </div> > > <div class="col-sm-9 panel-container"> > <div data-ui-view="detail" data-autoscroll="false"></div> > </div> > >>
> .state('edit.invoices', { > url: '/invoices:invoiceId?accountNameHash?isNew', > views: { > 'invoices': { > templateUrl: '/CustomerAccounts/accounts/EditAccountInvoices', > controller: 'invoicesSearchController' > }, > 'detail': { > templateUrl: '/CustomerAccounts/invoices/editForm', > controller: 'invoicesCrudController' > } > } > })>
>$scope.selectView = function (viewName) { > if (viewName === 'invoices') { > $scope.invoicesViewActivated = true; > } > else > $scope.invoicesViewActivated = false; > > window.console && console.log('SelectView called with the ' + viewName + ' view...'); > > if ($scope.isNew) { > $state.go('new.' + viewName); > } > else { > $state.go('edit.' + viewName); > } > };>