"use strict";(self.webpackChunktimetrex=self.webpackChunktimetrex||[]).push([["invoice-invoice-InvoiceViewController"],{4585:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"InvoiceViewController\": () => (/* binding */ InvoiceViewController)\n/* harmony export */ });\n/* provided dependency */ var _ = __webpack_require__(9050);\n/* provided dependency */ var $ = __webpack_require__(9755);\nclass InvoiceViewController extends BaseViewController {\n\tconstructor( options = {} ) {\n\t\t_.defaults( options, {\n\t\t\tstatus_array: null,\n\n\t\t\tclient_group_array: null,\n\t\t\tclient_group_api: null,\n\t\t\tclient_api: null,\n\t\t\tclient_contact_api: null,\n\t\t\tproduct_api: null,\n\t\t\ttransaction_api: null,\n\n\t\t\tel: '#invoice_view_container',\n\n\t\t\tsub_client_contact_view_controller: null,\n\t\t\tsub_client_payment_view_controller: null,\n\t\t\tsub_transaction_view_controller: null,\n\n\t\t\ttotal_data_render: null,\n\t\t\ttotal_data_row_render: null,\n\n\t\t\towing_amount: null,\n\n\t\t\ttransaction_paid_data: null,\n\n\t\t\thistory: null,\n\n\t\t\teditor: null\n\t\t} );\n\n\t\tsuper( options );\n\t}\n\n\tinit( options ) {\n\n\t\t//this._super('initialize', options );\n\t\tthis.edit_view_tpl = 'InvoiceEditView.html';\n\t\tthis.permission_id = 'invoice';\n\t\tthis.viewId = 'Invoice';\n\t\tthis.script_name = 'InvoiceView';\n\t\tthis.table_name_key = 'invoice';\n\t\tthis.context_menu_name = $.i18n._( 'Invoices' );\n\t\tthis.navigation_label = $.i18n._( 'Invoice' );\n\t\tthis.api = TTAPI.APIInvoice;\n\t\tthis.client_group_api = TTAPI.APIClientGroup;\n\t\tthis.client_api = TTAPI.APIClient;\n\t\tthis.product_api = TTAPI.APIProduct;\n\t\tthis.transaction_api = TTAPI.APITransaction;\n\t\tthis.client_contact_api = TTAPI.APIClientContact;\n\n\t\tthis.render();\n\n\t\tthis.buildContextMenu();\n\n\t\tif ( !this.sub_view_mode ) {\n\t\t\tthis.initData();\n\t\t}\n\t}\n\n\tgetCustomContextMenuModel() {\n\t\tvar context_menu_model = {\n\t\t\texclude: ['mass_edit'],\n\t\t\tinclude: [\n\t\t\t\t{\n\t\t\t\t\tlabel: $.i18n._( 'View: Invoice' ),\n\t\t\t\t\tid: 'view',\n\t\t\t\t\taction_group: 'view',\n\t\t\t\t\tvue_icon: 'tticon tticon-visibility_black_24dp',\n\t\t\t\t\tsort_order: 1010\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: $.i18n._( 'View: Packing Slip' ),\n\t\t\t\t\tid: 'packing_slip',\n\t\t\t\t\taction_group: 'view',\n\t\t\t\t\tvue_icon: 'tticon tticon-visibility_black_24dp',\n\t\t\t\t\tsort_order: 1012, //After View icon.\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: $.i18n._( 'Payment' ),\n\t\t\t\t\tid: 'payment',\n\t\t\t\t\tvue_icon: 'tticon tticon-attach_money_black_24dp',\n\t\t\t\t\tmenu_align: 'right'\n\t\t\t\t}\n\t\t\t]\n\t\t};\n\n\t\tif ( !this.sub_view_mode ) {\n\t\t\tcontext_menu_model['include'].push( {\n\t\t\t\tlabel: $.i18n._( 'Jump To' ),\n\t\t\t\tid: 'jump_to_header',\n\t\t\t\tmenu_align: 'right',\n\t\t\t\taction_group: 'jump_to',\n\t\t\t\taction_group_header: true,\n\t\t\t\tpermission_result: false, // to hide it in legacy context menu and avoid errors in legacy parsers.\n\t\t\t\tsort_order: 9050,\n\t\t\t} );\n\n\t\t\tcontext_menu_model['include'].push( {\n\t\t\t\tlabel: $.i18n._( 'Edit Client' ),\n\t\t\t\tid: 'edit_client',\n\t\t\t\tmenu_align: 'right',\n\t\t\t\taction_group: 'jump_to',\n\t\t\t\tgroup: 'navigation',\n\t\t\t\tsort_order: 9050,\n\t\t\t\t} );\n\n\t\t\tcontext_menu_model['include'].push( {\n\t\t\t\tlabel: $.i18n._( 'Clients' ),\n\t\t\t\tid: 'client',\n\t\t\t\tmenu_align: 'right',\n\t\t\t\taction_group: 'jump_to',\n\t\t\t\tgroup: 'navigation',\n\t\t\t\ticon: 'client_groups-35x35.png',\n\t\t\t\tsort_order: 9050,\n\t\t\t} );\n\n\t\t\tcontext_menu_model['include'].push( {\n\t\t\t\tlabel: $.i18n._( 'Client Contacts' ),\n\t\t\t\tid: 'client_contact',\n\t\t\t\tmenu_align: 'right',\n\t\t\t\taction_group: 'jump_to',\n\t\t\t\tgroup: 'navigation',\n\t\t\t\tsort_order: 9050,\n\t\t\t\t} );\n\n\t\t\tcontext_menu_model['include'].push( {\n\t\t\t\tlabel: $.i18n._( 'Transactions' ),\n\t\t\t\tid: 'transaction',\n\t\t\t\tmenu_align: 'right',\n\t\t\t\taction_group: 'jump_to',\n\t\t\t\tgroup: 'navigation',\n\t\t\t\tsort_order: 9050,\n\t\t\t\t} );\n\n\t\t\tcontext_menu_model['include'].push( {\n\t\t\t\tlabel: $.i18n._( 'Payment Methods' ),\n\t\t\t\tid: 'payment_method',\n\t\t\t\tmenu_align: 'right',\n\t\t\t\taction_group: 'jump_to',\n\t\t\t\tgroup: 'navigation',\n\t\t\t\tsort_order: 9050,\n\t\t\t\t} );\n\t\t}\n\n\t\treturn context_menu_model;\n\t}\n\n\tsetCustomDefaultMenuIcon( id, context_btn, grid_selected_length ) {\n\t\tswitch ( id ) {\n\t\t\tcase 'packing_slip':\n\t\t\t\tthis.setDefaultMenuPackingSlipIcon( context_btn, grid_selected_length );\n\t\t\t\tbreak;\n\t\t\tcase 'payment':\n\t\t\t\tthis.setDefaultMenuPaymentIcon( context_btn, grid_selected_length );\n\t\t\t\tbreak;\n\t\t\tcase 'edit_client':\n\t\t\t\tthis.setDefaultMenuEditClientIcon( context_btn, grid_selected_length );\n\t\t\t\tbreak;\n\t\t\tcase 'client':\n\t\t\t\tthis.setDefaultMenuClientIcon( context_btn, grid_selected_length );\n\t\t\t\tbreak;\n\t\t\tcase 'client_contact':\n\t\t\t\tthis.setDefaultMenuClientContactIcon( context_btn, grid_selected_length );\n\t\t\t\tbreak;\n\t\t\tcase 'transaction':\n\t\t\t\tthis.setDefaultMenuTransactionIcon( context_btn, grid_selected_length );\n\t\t\t\tbreak;\n\t\t\tcase 'payment_method':\n\t\t\t\tthis.setDefaultMenuPaymentMethodIcon( context_btn, grid_selected_length );\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tsetCustomEditMenuIcon( id, context_btn ) {\n\t\tswitch ( id ) {\n\t\t\tcase 'packing_slip':\n\t\t\t\tthis.setEditMenuPackingSlipIcon( context_btn );\n\t\t\t\tbreak;\n\t\t\tcase 'payment':\n\t\t\t\tthis.setEditMenuPaymentIcon( context_btn );\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tsetEditMenuPackingSlipIcon( context_btn, pId ) {\n\n\t\tif ( !this.current_edit_record || !this.current_edit_record.id ) {\n\t\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );\n\t\t}\n\t}\n\n\tsetEditMenuPaymentIcon( context_btn, pId ) {\n\t\tif ( !this.current_edit_record || !this.current_edit_record.id ) {\n\t\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );\n\t\t}\n\t}\n\n\tsetDefaultMenuViewIcon( context_btn, grid_selected_length, pId ) {\n\t\tif ( !this.viewPermissionValidate( pId ) || this.edit_only_mode ) {\n\t\t\tContextMenuManager.hideMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false )\n\t\t}\n\n\t\tif ( grid_selected_length > 0 && this.viewOwnerOrChildPermissionValidate() ) {\n\t\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );\n\t\t} else {\n\t\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );\n\t\t}\n\t}\n\n\tsetDefaultMenuPackingSlipIcon( context_btn, grid_selected_length, pId ) {\n\n\t\tif ( grid_selected_length > 0 ) {\n\t\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );\n\t\t} else {\n\t\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );\n\t\t}\n\t}\n\n\tsetDefaultMenuPaymentIcon( context_btn, grid_selected_length, pId ) {\n\n\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );\n\t\tContextMenuManager.hideMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );\n\t}\n\n\tsetDefaultMenuEditClientIcon( context_btn, grid_selected_length, pId ) {\n\t\tif ( grid_selected_length > 0 ) {\n\t\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );\n\t\t} else {\n\t\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, false );\n\t\t}\n\t}\n\n\tsetDefaultMenuClientIcon( context_btn, grid_selected_length, pId ) {\n\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );\n\t}\n\n\tsetDefaultMenuClientContactIcon( context_btn, grid_selected_length, pId ) {\n\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );\n\t}\n\n\tsetDefaultMenuTransactionIcon( context_btn, grid_selected_length, pId ) {\n\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );\n\t}\n\n\tsetDefaultMenuPaymentMethodIcon( context_btn, grid_selected_length, pId ) {\n\t\tContextMenuManager.disableMenuItem( this.determineContextMenuMountAttributes().id, context_btn.id, true );\n\t}\n\n\tgetFilterColumnsFromDisplayColumns() {\n\t\tvar column_filter = {};\n\t\tcolumn_filter.is_owner = true;\n\t\tcolumn_filter.id = true;\n\t\tcolumn_filter.is_child = true;\n\t\tcolumn_filter.in_use = true;\n\t\tcolumn_filter.first_name = true;\n\t\tcolumn_filter.last_name = true;\n\t\tcolumn_filter.client_id = true;\n\n\t\t// Error: Unable to get property 'getGridParam' of undefined or null reference\n\t\tvar display_columns = [];\n\t\tif ( this.grid ) {\n\t\t\tdisplay_columns = this.grid.getGridParam( 'colModel' );\n\t\t}\n\n\t\tif ( display_columns ) {\n\t\t\tvar len = display_columns.length;\n\n\t\t\tfor ( var i = 0; i < len; i++ ) {\n\t\t\t\tvar column_info = display_columns[i];\n\t\t\t\tcolumn_filter[column_info.name] = true;\n\t\t\t}\n\t\t}\n\n\t\treturn column_filter;\n\t}\n\n\tonCustomContextClick( id ) {\n\t\tswitch ( id ) {\n\t\t\tcase 'edit_client':\n\t\t\tcase 'client':\n\t\t\tcase 'client_contact':\n\t\t\tcase 'transaction':\n\t\t\tcase 'payment_method':\n\t\t\tcase 'payment':\n\t\t\tcase 'view':\n\t\t\tcase 'packing_slip':\n\t\t\t\tthis.onNavigationClick( id );\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tonViewClick() {\n\t\treturn this.onNavigationClick( 'view' );\n\t}\n\n\tonNavigationClick( iconName ) {\n\t\tvar $this = this;\n\t\tvar grid_selected_id_array;\n\t\tvar filter = { filter_data: {} };\n\t\tvar ids = [];\n\t\tvar client_ids = [];\n\t\tvar invoice_id;\n\t\tvar currency_id;\n\t\tif ( $this.edit_view ) {\n\t\t\tif ( $this.current_edit_record.client_id ) {\n\t\t\t\tclient_ids.push( $this.current_edit_record.client_id );\n\t\t\t}\n\t\t\tcurrency_id = $this.current_edit_record.currency_id;\n\t\t\tif ( $this.current_edit_record.id ) {\n\t\t\t\tinvoice_id = $this.current_edit_record.id;\n\t\t\t\tids.push( $this.current_edit_record.id );\n\t\t\t}\n\t\t} else {\n\t\t\tgrid_selected_id_array = this.getGridSelectIdArray();\n\t\t\t$.each( grid_selected_id_array, function( index, value ) {\n\t\t\t\tvar grid_selected_row = $this.getRecordFromGridById( value );\n\t\t\t\tids.push( grid_selected_row.id );\n\t\t\t\tclient_ids.push( grid_selected_row.client_id );\n\t\t\t} );\n\t\t}\n\t\tfilter.filter_data.client_id = client_ids;\n\t\tvar args = { filter_data: { id: ids } };\n\t\tvar post_data;\n\t\tswitch ( iconName ) {\n\t\t\tcase 'edit_client':\n\t\t\t\tif ( client_ids.length > 0 ) {\n\t\t\t\t\tIndexViewController.openEditView( this, 'Client', client_ids[0] );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'payment':\n\t\t\t\tif ( invoice_id ) {\n\t\t\t\t\tIndexViewController.openEditView( this, 'InvoiceTransaction', {\n\t\t\t\t\t\ttype_id: 20,\n\t\t\t\t\t\tinvoice_id: invoice_id,\n\t\t\t\t\t\tclient_id: client_ids[0],\n\t\t\t\t\t\tcurrency_id: currency_id,\n\t\t\t\t\t\tis_add: true,\n\t\t\t\t\t\towing_amount: this.owing_amount\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'client':\n\t\t\t\tfilter.filter_data.id = filter.filter_data.client_id;\n\t\t\t\tdelete filter.filter_data.client_id;\n\t\t\t\tGlobal.addViewTab( $this.viewId, $.i18n._( 'Invoices' ), window.location.href );\n\t\t\t\tIndexViewController.goToView( 'Client', filter );\n\t\t\t\tbreak;\n\t\t\tcase 'client_contact':\n\t\t\t\tGlobal.addViewTab( $this.viewId, $.i18n._( 'Invoices' ), window.location.href );\n\t\t\t\tIndexViewController.goToView( 'ClientContact', filter );\n\t\t\t\tbreak;\n\t\t\tcase 'transaction':\n\t\t\t\tGlobal.addViewTab( $this.viewId, $.i18n._( 'Invoices' ), window.location.href );\n\t\t\t\tIndexViewController.goToView( 'InvoiceTransaction', filter );\n\t\t\t\tbreak;\n\t\t\tcase 'payment_method':\n\t\t\t\tGlobal.addViewTab( $this.viewId, $.i18n._( 'Invoices' ), window.location.href );\n\t\t\t\tIndexViewController.goToView( 'ClientPayment', filter );\n\t\t\t\tbreak;\n\t\t\tcase 'view':\n\t\t\t\tpost_data = { 0: args, 1: false, 2: 'pdf' };\n\t\t\t\tthis.doFormIFrameCall( post_data );\n\t\t\t\tbreak;\n\t\t\tcase 'packing_slip':\n\t\t\t\tpost_data = { 0: args, 1: false, 2: 'pdf_packing_slip' };\n\t\t\t\tthis.doFormIFrameCall( post_data );\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tdoFormIFrameCall( postData ) {\n\t\tGlobal.APIFileDownload( this.api.className, 'get' + this.api.key_name, postData );\n\t}\n\n\tinitOptions() {\n\t\tvar $this = this;\n\n\t\tthis.initDropDownOption( 'status' );\n\t\tthis.client_group_api.getClientGroup( '', false, false, {\n\t\t\tonResult: function( res ) {\n\t\t\t\tres = res.getResult();\n\t\t\t\tres = Global.buildTreeRecord( res );\n\t\t\t\tif ( !$this.edit_only_mode && !$this.sub_view_mode ) {\n\t\t\t\t\t$this.basic_search_field_ui_dic['client_group_id'].setSourceData( res );\n\t\t\t\t\t$this.adv_search_field_ui_dic['client_group_id'].setSourceData( res );\n\t\t\t\t}\n\n\t\t\t\t$this.client_group_array = res;\n\n\t\t\t}\n\t\t} );\n\t}\n\n\tbuildEditViewUI() {\n\n\t\tsuper.buildEditViewUI();\n\n\t\tvar $this = this;\n\n\t\tthis.edit_view.children().eq( 0 ).css( 'min-width', 1050 );\n\n\t\tvar tab_model = {\n\t\t\t'tab_invoice': {\n\t\t\t\t'label': $.i18n._( 'Invoice' ),\n\t\t\t\t'html_template': this.getInvoiceTabHtml(),\n\t\t\t\t'is_multi_column': true\n\t\t\t},\n\t\t\t'tab_client_contacts': {\n\t\t\t\t'label': $.i18n._( 'Client Contacts' ),\n\t\t\t\t'init_callback': 'initSubClientContactView',\n\t\t\t\t'display_on_mass_edit': false\n\t\t\t},\n\t\t\t'tab_payment_methods': {\n\t\t\t\t'label': $.i18n._( 'Payment Methods' ),\n\t\t\t\t'init_callback': 'initSubClientPaymentView',\n\t\t\t\t'display_on_mass_edit': false\n\t\t\t},\n\t\t\t'tab_transactions': {\n\t\t\t\t'label': $.i18n._( 'Transactions' ),\n\t\t\t\t'init_callback': 'initSubTransactionView',\n\t\t\t\t'display_on_mass_edit': false\n\t\t\t},\n\t\t\t'tab_audit': true,\n\t\t};\n\t\tthis.setTabModel( tab_model );\n\n\t\tthis.navigation.AComboBox( {\n\t\t\tapi_class: TTAPI.APIInvoice,\n\t\t\tid: this.script_name + '_navigation',\n\t\t\tallow_multiple_selection: false,\n\t\t\tlayout_name: 'global_invoice',\n\t\t\tnavigation_mode: true,\n\t\t\tshow_search_inputs: true\n\t\t} );\n\n\t\tthis.setNavigation();\n\n\t\t//Tab 0 start\n\n\t\tvar tab_invoice = this.edit_view_tab.find( '#tab_invoice' );\n\n\t\tvar tab_invoice_column1 = tab_invoice.find( '.first-column' );\n\t\tvar tab_invoice_column2 = tab_invoice.find( '.second-column' );\n\t\tvar tab_invoice_column3 = tab_invoice.find( '.third-column' );\n\n\t\tthis.edit_view_tabs[0] = [];\n\n\t\tthis.edit_view_tabs[0].push( tab_invoice_column1 );\n\t\tthis.edit_view_tabs[0].push( tab_invoice_column2 );\n\t\tthis.edit_view_tabs[0].push( tab_invoice_column3 );\n\n\t\tvar form_item_input;\n\t\tvar widgetContainer;\n\t\tvar label;\n\n\t\t// Client\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );\n\n\t\tform_item_input.AComboBox( {\n\t\t\tapi_class: TTAPI.APIClient,\n\t\t\tallow_multiple_selection: false,\n\t\t\tlayout_name: 'global_client',\n\t\t\tshow_search_inputs: true,\n\t\t\tset_empty: true,\n\t\t\tfield: 'client_id'\n\t\t} );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Client' ), form_item_input, tab_invoice_column1, '', null, true );\n\n\t\t// Client\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT );\n\t\tform_item_input.TText( { field: 'client' } );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Client' ), form_item_input, tab_invoice_column1, '', null, true );\n\n\t\t// Status\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );\n\t\tform_item_input.TComboBox( { field: 'status_id' } );\n\t\tform_item_input.setSourceData( $this.status_array );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Status' ), form_item_input, tab_invoice_column1 );\n\n\t\t// Billing Contact\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );\n\n\t\tform_item_input.AComboBox( {\n\t\t\tapi_class: TTAPI.APIClientContact,\n\t\t\tallow_multiple_selection: false,\n\t\t\tlayout_name: 'global_client_contact',\n\t\t\tshow_search_inputs: true,\n\t\t\tset_empty: true,\n\t\t\tfield: 'billing_contact_id'\n\t\t} );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Billing Contact' ), form_item_input, tab_invoice_column1 );\n\n\t\t// Shipping Contact\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );\n\n\t\tform_item_input.AComboBox( {\n\t\t\tapi_class: TTAPI.APIClientContact,\n\t\t\tallow_multiple_selection: false,\n\t\t\tlayout_name: 'global_client_contact',\n\t\t\tshow_search_inputs: true,\n\t\t\tset_empty: true,\n\t\t\tfield: 'shipping_contact_id'\n\t\t} );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Shipping Contact' ), form_item_input, tab_invoice_column1 );\n\n\t\t// Other Contact\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );\n\n\t\tform_item_input.AComboBox( {\n\t\t\tapi_class: TTAPI.APIClientContact,\n\t\t\tallow_multiple_selection: false,\n\t\t\tlayout_name: 'global_client_contact',\n\t\t\tshow_search_inputs: true,\n\t\t\tset_empty: true,\n\t\t\tfield: 'other_contact_id'\n\t\t} );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Other Contact' ), form_item_input, tab_invoice_column1 );\n\n\t\t// Currency\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );\n\n\t\tform_item_input.AComboBox( {\n\t\t\tapi_class: TTAPI.APICurrency,\n\t\t\tallow_multiple_selection: false,\n\t\t\tlayout_name: 'global_currency',\n\t\t\tshow_search_inputs: true,\n\t\t\tfield: 'currency_id'\n\t\t} );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Currency' ), form_item_input, tab_invoice_column1 );\n\n\t\t// PO Number\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );\n\n\t\tform_item_input.TTextInput( { field: 'po_number', width: 100 } );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'PO Number' ), form_item_input, tab_invoice_column1 );\n\n\t\t// Tags\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.TAG_INPUT );\n\n\t\tform_item_input.TTagInput( { field: 'tag', object_type_id: 910 } );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Tags' ), form_item_input, tab_invoice_column1, '', null, null, true );\n\n\t\t// Invoice #\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT );\n\t\tform_item_input.TText( { field: 'invoice_number' } );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Invoice #' ), form_item_input, tab_invoice_column2, '' );\n\n\t\t// Invoice Date\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );\n\n\t\tform_item_input.TDatePicker( { field: 'invoice_date' } );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Invoice Date' ), form_item_input, tab_invoice_column2 );\n\n\t\t// Order Date\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );\n\n\t\tform_item_input.TDatePicker( { field: 'order_date' } );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Order Date' ), form_item_input, tab_invoice_column2 );\n\n\t\t// Payment Required\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );\n\n\t\tform_item_input.TDatePicker( { field: 'required_date' } );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Payment Required' ), form_item_input, tab_invoice_column2 );\n\n\t\t// Shipped Date\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.DATE_PICKER );\n\n\t\tform_item_input.TDatePicker( { field: 'shipped_date' } );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Shipped Date' ), form_item_input, tab_invoice_column2 );\n\n\t\t// Sales Rep\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );\n\n\t\tform_item_input.AComboBox( {\n\t\t\tapi_class: TTAPI.APIUser,\n\t\t\tallow_multiple_selection: false,\n\t\t\tlayout_name: 'global_user',\n\t\t\tshow_search_inputs: true,\n\t\t\tset_empty: true,\n\t\t\tfield: 'sales_contact_id'\n\t\t} );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Sales Rep' ), form_item_input, tab_invoice_column2 );\n\n\t\t// Tracking Number\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );\n\n\t\tform_item_input.TTextInput( { field: 'tracking_number' } );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Tracking Number' ), form_item_input, tab_invoice_column2 );\n\n\t\t// Shipping Policy\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.COMBO_BOX );\n\t\tform_item_input.TComboBox( { field: 'combined_shipping_policy_id' } );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Shipping Policy' ), form_item_input, tab_invoice_column2, '' );\n\n\t\t//Inside editor\n\n\t\tvar inside_editor_div = tab_invoice.find( '.inside-editor-div' );\n\n\t\tvar args = {\n\t\t\tproduct: $.i18n._( 'Product' ),\n\t\t\tdescription: $.i18n._( 'Description' ),\n\t\t\tqty: $.i18n._( 'QTY' ),\n\t\t\tprice: $.i18n._( 'Price' ),\n\t\t\tprorate: $.i18n._( 'ProRate' ),\n\t\t\ttotal: $.i18n._( 'Total' )\n\t\t};\n\n\t\tthis.editor = Global.loadWidgetByName( FormItemType.INSIDE_EDITOR );\n\n\t\tthis.editor.InsideEditor( {\n\t\t\taddRow: this.insideEditorAddRow,\n\t\t\tremoveRow: this.insideEditorRemoveRow,\n\t\t\tgetValue: this.insideEditorGetValue,\n\t\t\tsetValue: this.insideEditorSetValue,\n\t\t\tparent_controller: this,\n\t\t\tapi: this.transaction_api,\n\t\t\trender: getRender(),\n\t\t\trender_args: args,\n\t\t\trender_inline_html: true,\n\t\t\trow_render: getRowRender(),\n\n\t\t} );\n\n\t\tfunction getRender() {\n\t\t\treturn `\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t| <%= product %> | \n\t\t\t\t\t<%= description %> | \n\t\t\t\t\t<%= qty %> | \n\t\t\t\t\t<%= price %> | \n\t\t\t\t\t<%= prorate %> | \n\t\t\t\t\t<%= total %> | \n\t\t\t\t
\n\t\t\t
`;\n\t\t}\n\n\t\tfunction getRowRender() {\n\t\t\treturn `\n\t\t\t\n\t\t\t\t | \n\t\t\t\t | \n\t\t\t\t | \n\t\t\t\t | \n\t\t\t\t | \n\t\t\t\t | \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t | \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t | \n\t\t\t
`;\n\t\t}\n\n\t\tinside_editor_div.append( this.editor );\n\n\t\t// Note(private)\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT_AREA );\n\n\t\tform_item_input.TTextArea( { field: 'private_note', width: 800, height: 50 } );\n\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Note(private)' ), form_item_input, tab_invoice_column3, '', null, null, true );\n\n\t\t// Note(public)\n\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT_AREA );\n\n\t\tform_item_input.TTextArea( { field: 'public_note', width: 500, height: 50 } );\n\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Note(public)' ), form_item_input, tab_invoice_column3, '', null, null, true );\n\n\t\t// Email Invoice To Contact(s)\n\t\twidgetContainer = $( '' );\n\t\tvar email_invoice = Global.loadWidgetByName( FormItemType.CHECKBOX );\n\t\temail_invoice.TCheckbox( { field: 'email_invoice' } );\n\t\twidgetContainer.append( email_invoice );\n\t\tlabel = $( ' ' + $.i18n._( 'CC' ) + '' );\n\t\twidgetContainer.append( label );\n\t\tvar email_cc = Global.loadWidgetByName( FormItemType.TEXT_INPUT );\n\t\temail_cc.TTextInput( { field: 'email_other_cc', width: 200 } );\n\t\twidgetContainer.append( email_cc );\n\t\tthis.addEditFieldToColumn( $.i18n._( 'Email Invoice To Contact(s)' ), [email_invoice, email_cc], tab_invoice_column3, '', widgetContainer );\n\t}\n\n\tbuildSearchFields() {\n\n\t\tsuper.buildSearchFields();\n\t\tthis.search_fields = [\n\n\t\t\tnew SearchField( {\n\t\t\t\tlabel: $.i18n._( 'Status' ),\n\t\t\t\tin_column: 1,\n\t\t\t\tfield: 'status_id',\n\t\t\t\tmultiple: true,\n\t\t\t\tbasic_search: true,\n\t\t\t\tadv_search: true,\n\t\t\t\tlayout_name: 'global_option_column',\n\t\t\t\tform_item_type: FormItemType.AWESOME_BOX\n\t\t\t} ),\n\n\t\t\tnew SearchField( {\n\t\t\t\tlabel: $.i18n._( 'Client' ),\n\t\t\t\tin_column: 1,\n\t\t\t\tfield: 'client_id',\n\t\t\t\tlayout_name: 'global_client',\n\t\t\t\tapi_class: TTAPI.APIClient,\n\t\t\t\tmultiple: true,\n\t\t\t\tbasic_search: true,\n\t\t\t\tadv_search: true,\n\t\t\t\tform_item_type: FormItemType.AWESOME_BOX\n\t\t\t} ),\n\n\t\t\tnew SearchField( {\n\t\t\t\tlabel: $.i18n._( 'Client Group' ),\n\t\t\t\tin_column: 1,\n\t\t\t\tmultiple: true,\n\t\t\t\tfield: 'client_group_id',\n\t\t\t\tlayout_name: 'global_tree_column',\n\t\t\t\ttree_mode: true,\n\t\t\t\tbasic_search: true,\n\t\t\t\tadv_search: true,\n\t\t\t\tform_item_type: FormItemType.AWESOME_BOX\n\t\t\t} ),\n\n\t\t\tnew SearchField( {\n\t\t\t\tlabel: $.i18n._( 'Invoice Number' ),\n\t\t\t\tin_column: 1,\n\t\t\t\tfield: 'invoice_number',\n\t\t\t\tmultiple: true,\n\t\t\t\tbasic_search: true,\n\t\t\t\tadv_search: true,\n\t\t\t\tform_item_type: FormItemType.TEXT_INPUT\n\t\t\t} ),\n\n\t\t\tnew SearchField( {\n\t\t\t\tlabel: $.i18n._( 'PO Number' ),\n\t\t\t\tin_column: 1,\n\t\t\t\tfield: 'po_number',\n\t\t\t\tmultiple: true,\n\t\t\t\tbasic_search: false,\n\t\t\t\tadv_search: true,\n\t\t\t\tform_item_type: FormItemType.TEXT_INPUT\n\t\t\t} ),\n\n\t\t\tnew SearchField( {\n\t\t\t\tlabel: $.i18n._( 'Sales Rep' ),\n\t\t\t\tin_column: 2,\n\t\t\t\tfield: 'sales_contact_id',\n\t\t\t\tlayout_name: 'global_user',\n\t\t\t\tapi_class: TTAPI.APIUser,\n\t\t\t\tmultiple: true,\n\t\t\t\tbasic_search: true,\n\t\t\t\tadv_search: true,\n\t\t\t\tform_item_type: FormItemType.AWESOME_BOX\n\t\t\t} ),\n\n\t\t\tnew SearchField( {\n\t\t\t\tlabel: $.i18n._( 'Billing Contact' ),\n\t\t\t\tin_column: 2,\n\t\t\t\tfield: 'billing_contact_id',\n\t\t\t\tlayout_name: 'global_client_contact',\n\t\t\t\tapi_class: TTAPI.APIClientContact,\n\t\t\t\tmultiple: true,\n\t\t\t\tbasic_search: false,\n\t\t\t\tadv_search: true,\n\t\t\t\tform_item_type: FormItemType.AWESOME_BOX\n\t\t\t} ),\n\n\t\t\tnew SearchField( {\n\t\t\t\tlabel: $.i18n._( 'Shipping Contact' ),\n\t\t\t\tin_column: 2,\n\t\t\t\tfield: 'shipping_contact_id',\n\t\t\t\tlayout_name: 'global_client_contact',\n\t\t\t\tapi_class: TTAPI.APIClientContact,\n\t\t\t\tmultiple: true,\n\t\t\t\tbasic_search: false,\n\t\t\t\tadv_search: true,\n\t\t\t\tform_item_type: FormItemType.AWESOME_BOX\n\t\t\t} ),\n\n\t\t\tnew SearchField( {\n\t\t\t\tlabel: $.i18n._( 'Other Contact' ),\n\t\t\t\tin_column: 2,\n\t\t\t\tfield: 'other_contact_id',\n\t\t\t\tlayout_name: 'global_client_contact',\n\t\t\t\tapi_class: TTAPI.APIClientContact,\n\t\t\t\tmultiple: true,\n\t\t\t\tbasic_search: false,\n\t\t\t\tadv_search: true,\n\t\t\t\tform_item_type: FormItemType.AWESOME_BOX\n\t\t\t} ),\n\n\t\t\tnew SearchField( {\n\t\t\t\tlabel: $.i18n._( 'Tags' ),\n\t\t\t\tfield: 'tag',\n\t\t\t\tbasic_search: true,\n\t\t\t\tadv_search: true,\n\t\t\t\tin_column: 2,\n\t\t\t\tobject_type_id: 910,\n\t\t\t\tform_item_type: FormItemType.TAG_INPUT\n\t\t\t} )\n\n\t\t];\n\t}\n\n\tsetSelectLayout() {\n\t\tif ( this.sub_view_mode ) {\n\t\t\tsuper.setSelectLayout( ['client'] );\n\t\t} else {\n\t\t\tsuper.setSelectLayout();\n\t\t}\n\t}\n\n\t_continueDoCopyAsNew() {\n\n\t\tvar $this = this;\n\n\t\tthis.setCurrentEditViewState( 'new' );\n\t\tLocalCacheData.current_doing_context_action = 'copy_as_new';\n\t\tif ( Global.isSet( this.edit_view ) ) {\n\n\t\t\tthis.current_edit_record.id = '';\n\t\t\tvar navigation_div = this.edit_view.find( '.navigation-div' );\n\t\t\tnavigation_div.css( 'display', 'none' );\n\t\t\tthis.setEditMenu();\n\t\t\tthis.setTabStatus();\n\n\t\t\tthis.detachElement( 'client' );\n\t\t\tthis.attachElement( 'client_id' );\n\t\t\tthis.edit_view_ui_dic['invoice_number'].setValue( $.i18n._( 'N/A' ) );\n\t\t\tthis.is_changed = false;\n\t\t\tProgressBar.closeOverlay();\n\n\t\t} else {\n\t\t\tsuper._continueDoCopyAsNew();\n\t\t}\n\t}\n\n\tsetCurrentEditRecordData() {\n\t\t//Set current edit record data to all widgets\n\t\tfor ( var key in this.current_edit_record ) {\n\t\t\tif ( !this.current_edit_record.hasOwnProperty( key ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tvar widget = this.edit_view_ui_dic[key];\n\t\t\tif ( Global.isSet( widget ) ) {\n\t\t\t\tswitch ( key ) {\n\t\t\t\t\tcase 'client_id':\n\t\t\t\t\t\twidget.setValue( this.current_edit_record[key] );\n\t\t\t\t\t\tthis.edit_view_ui_dic['billing_contact_id'].setSourceData( null );\n\t\t\t\t\t\tthis.edit_view_ui_dic['shipping_contact_id'].setSourceData( null );\n\t\t\t\t\t\tthis.edit_view_ui_dic['other_contact_id'].setSourceData( null );\n\n\t\t\t\t\t\tif ( !this.current_edit_record || !this.current_edit_record.id ) { //New in sub view, the client_id is set\n\t\t\t\t\t\t\tthis.getClient( this.current_edit_record[key] );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.getClient( this.current_edit_record[key], true );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'combined_shipping_policy_id':\n\t\t\t\t\t\t//set when get shipping options;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'currency_id':\n\t\t\t\t\t\tif ( !this.current_edit_record[key] ) {\n\t\t\t\t\t\t\tthis.current_edit_record[key] = LocalCacheData.getLoginUser().currency_id;\n\t\t\t\t\t\t}\n\t\t\t\t\t\twidget.setValue( this.current_edit_record[key] );\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'invoice_number':\n\t\t\t\t\t\tif ( !this.current_edit_record[key] || this.copied_record_id ) {\n\t\t\t\t\t\t\twidget.setValue( $.i18n._( 'N/A' ) );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\twidget.setValue( this.current_edit_record[key] );\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\twidget.setValue( this.current_edit_record[key] );\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t}\n\t\t}\n\n\t\tthis.collectUIDataToCurrentEditRecord();\n\t\tthis.setEditViewDataDone();\n\t}\n\n\tshowClientColumn() {\n\t\tif ( this.is_edit ) {\n\t\t\tthis.attachElement( 'client' );\n\t\t\tthis.detachElement( 'client_id' );\n\t\t} else if ( this.is_add ) {\n\t\t\tthis.detachElement( 'client' );\n\t\t\tthis.attachElement( 'client_id' );\n\n\t\t}\n\t}\n\n\tsetPaymentIconDisabled() {\n\t\tlet context_btn = ContextMenuManager.getMenuModelByMenuId( this.determineContextMenuMountAttributes().id ).find( context_icon => context_icon.id === 'payment' );\n\t\tthis.setDefaultMenuPaymentIcon( context_btn );\n\t}\n\n\tonFormItemChange( target, doNotValidate ) {\n\t\tthis.setPaymentIconDisabled();\n\t\tthis.setMassEditingFieldsWhenFormChange( target );\n\t\tthis.setIsChanged( target );\n\t\tvar $this = this;\n\t\tvar key = target.getField();\n\t\tvar c_value = target.getValue();\n\t\tthis.current_edit_record[key] = target.getValue();\n\n\t\tswitch ( key ) {\n\t\t\tcase 'client_id':\n\t\t\t\tthis.edit_view_ui_dic['billing_contact_id'].setSourceData( null );\n\t\t\t\tthis.edit_view_ui_dic['shipping_contact_id'].setSourceData( null );\n\t\t\t\tthis.edit_view_ui_dic['other_contact_id'].setSourceData( null );\n\t\t\t\tthis.edit_view_ui_dic['billing_contact_id'].setValue( false );\n\t\t\t\tthis.edit_view_ui_dic['shipping_contact_id'].setValue( false );\n\t\t\t\tthis.edit_view_ui_dic['other_contact_id'].setValue( false );\n\n\t\t\t\tthis.current_edit_record['billing_contact_id'] = false;\n\t\t\t\tthis.current_edit_record['shipping_contact_id'] = false;\n\t\t\t\tthis.current_edit_record['other_contact_id'] = false;\n\t\t\t\tthis.getClient( c_value );\n\t\t\t\tbreak;\n\t\t\tcase 'billing_contact_id':\n\n\t\t\t\tif ( this.current_edit_record['billing_contact_id'] ) {\n\t\t\t\t\tthis.setDefaultCurrency();\n\t\t\t\t} else {\n\t\t\t\t\tthis.getInvoiceTotalData();\n\t\t\t\t}\n\n\t\t}\n\n\t\tswitch ( key ) {\n\t\t\tcase 'currency_id':\n\t\t\tcase 'shipping_contact_id':\n\t\t\t\tthis.getInvoiceTotalData();\n\t\t\t\tthis.getShippingOptions();\n\t\t\t\tbreak;\n\t\t\tcase 'combined_shipping_policy_id':\n\t\t\t\tthis.getInvoiceTotalData();\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif ( !doNotValidate ) {\n\t\t\tthis.validate();\n\t\t}\n\t}\n\n\tsetDefaultCurrency() {\n\t\tvar $this = this;\n\t\tvar args = {};\n\t\targs.filter_data = {};\n\t\targs.filter_data.id = this.current_edit_record['billing_contact_id'];\n\t\tthis.client_contact_api['get' + this.client_contact_api.key_name]( args, {\n\t\t\tonResult: function( res ) {\n\t\t\t\tvar result = res.getResult()[0];\n\t\t\t\t// FIXED JS EXCEPTION: Cannot set property 'currency_id' of null\n\t\t\t\tif ( $this.edit_view_ui_dic && $this.current_edit_record ) {\n\t\t\t\t\t//Fixed possible exception -- Error: Unable to get property 'currency_id' of undefined or null reference in /interface/html5/ line 1246\n\t\t\t\t\tif ( result ) {\n\t\t\t\t\t\t$this.current_edit_record['currency_id'] = result.currency_id;\n\t\t\t\t\t\t$this.edit_view_ui_dic['currency_id'].setValue( result.currency_id );\n\t\t\t\t\t} else {\n\t\t\t\t\t\t$this.current_edit_record['currency_id'] = LocalCacheData.getLoginUser().currency_id;\n\t\t\t\t\t\t$this.edit_view_ui_dic['currency_id'].setValue( LocalCacheData.getLoginUser().currency_id );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t$this.getInvoiceTotalData();\n\t\t\t}\n\t\t} );\n\t}\n\n\tgetClient( client_id, filter_only ) {\n\t\tvar $this = this;\n\t\tvar filter = {};\n\t\tfilter.filter_data = { 'id': client_id };\n\t\tfilter.filter_columns = {\n\t\t\t'invoice_number': true,\n\t\t\t'default_other_contact_id': true,\n\t\t\t'client': true,\n\t\t\t'default_billing_contact_id': true,\n\t\t\t'invoice_date': true,\n\t\t\t'status': true,\n\t\t\t'default_shipping_contact_id': true\n\t\t};\n\t\tif ( client_id ) {\n\t\t\tthis.client_api['get' + this.client_api.key_name]( filter, {\n\t\t\t\tonResult: function( res ) {\n\t\t\t\t\tif ( !$this.edit_view ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tvar result_data = res.getResult();\n\t\t\t\t\tif ( Global.isArray( result_data ) ) {\n\t\t\t\t\t\tvar result = result_data[0];\n\n\t\t\t\t\t\t//When set it first time in setCurrentEditRecord, don't use default value\n\t\t\t\t\t\tif ( !filter_only ) {\n\n\t\t\t\t\t\t\tvar default_billing_contact_id = result.default_billing_contact_id;\n\t\t\t\t\t\t\tvar default_shipping_contact_id = result.default_shipping_contact_id;\n\t\t\t\t\t\t\tvar default_other_contact_id = result.default_other_contact_id;\n\n\t\t\t\t\t\t\t$this.edit_view_ui_dic['billing_contact_id'].setValue( default_billing_contact_id );\n\t\t\t\t\t\t\t$this.edit_view_ui_dic['shipping_contact_id'].setValue( default_shipping_contact_id );\n\t\t\t\t\t\t\t$this.edit_view_ui_dic['other_contact_id'].setValue( default_other_contact_id );\n\n\t\t\t\t\t\t\t$this.current_edit_record['billing_contact_id'] = default_billing_contact_id;\n\t\t\t\t\t\t\t$this.current_edit_record['shipping_contact_id'] = default_shipping_contact_id;\n\t\t\t\t\t\t\t$this.current_edit_record['other_contact_id'] = default_other_contact_id;\n\n\t\t\t\t\t\t\t$this.setDefaultCurrency();\n\t\t\t\t\t\t\t$this.getShippingOptions();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t$this.edit_view_ui_dic['billing_contact_id'].setDefaultArgs( { 'filter_data': { 'client_id': client_id } } );\n\t\t\t\t\t\t$this.edit_view_ui_dic['shipping_contact_id'].setDefaultArgs( { 'filter_data': { 'client_id': client_id } } );\n\t\t\t\t\t\t$this.edit_view_ui_dic['other_contact_id'].setDefaultArgs( { 'filter_data': { 'client_id': client_id } } );\n\n\t\t\t\t\t}\n\n\t\t\t\t}\n\t\t\t} );\n\t\t} else {\n\n\t\t\tif ( !filter_only ) {\n\t\t\t\tthis.getInvoiceTotalData();\n\t\t\t\tthis.getShippingOptions();\n\t\t\t}\n\n\t\t}\n\t}\n\n\tsetEditViewDataDone() {\n\t\tsuper.setEditViewDataDone();\n\t\tthis.showClientColumn();\n\t\tthis.initInsideEditorData();\n\t}\n\n\tinitInsideEditorData( update_status ) {\n\n\t\tvar $this = this;\n\n\t\tvar transaction_id = this.current_edit_record.id ? this.current_edit_record.id : this.copied_record_id;\n\t\tthis.copied_record_id = '';\n\n\t\tif ( !transaction_id ) {\n\n\t\t\tthis.transaction_paid_data = null;\n\n\t\t\t$this.editor.removeAllRows();\n\t\t\t$this.editor.getDefaultData();\n\n\t\t\tif ( this.total_data_render ) {\n\t\t\t\tthis.total_data_render.remove();\n\t\t\t\tthis.total_data_render = null;\n\t\t\t\tthis.total_data_row_render = null;\n\t\t\t}\n\n\t\t\tif ( this.history ) {\n\t\t\t\tthis.history.remove();\n\t\t\t\tthis.history = null;\n\t\t\t}\n\n\t\t\t$this.getInvoiceTotalData();\n\t\t\t$this.getShippingOptions();\n\n\t\t} else {\n\n\t\t\tvar filter = {};\n\t\t\tfilter.filter_data = {};\n\t\t\tfilter.filter_data.invoice_id = transaction_id;\n\t\t\tfilter.filter_data.type_id = 10;\n\t\t\tfilter.filter_data.product_type_id = [10, 20];\n\n\t\t\tthis.transaction_api['get' + this.transaction_api.key_name]( filter, true, {\n\t\t\t\tonResult: function( res ) {\n\n\t\t\t\t\tvar result = res.getResult();\n\n\t\t\t\t\t// get the paid data.\n\t\t\t\t\tfilter.filter_data = {};\n\t\t\t\t\tfilter.filter_columns = {\n\t\t\t\t\t\ttype_id: true,\n\t\t\t\t\t\tstatus_id: true,\n\t\t\t\t\t\tpayment_type: true,\n\t\t\t\t\t\tconfirm_number: true,\n\t\t\t\t\t\tid: true,\n\t\t\t\t\t\tclient_id: true,\n\t\t\t\t\t\tinvoice_id: true,\n\t\t\t\t\t\tamount: true,\n\t\t\t\t\t\tstatus: true,\n\t\t\t\t\t\tclient_payment: true\n\t\t\t\t\t};\n\t\t\t\t\tfilter.filter_data.type_id = 20;\n\t\t\t\t\tfilter.filter_data.invoice_id = transaction_id;\n\n\t\t\t\t\t$this.transaction_api['get' + $this.transaction_api.key_name]( filter, true, {\n\t\t\t\t\t\tonResult: function( paid_res ) {\n\n\t\t\t\t\t\t\tif ( !$this.edit_view ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif ( Global.isSet( update_status ) ) {\n\t\t\t\t\t\t\t\t$this.updateStatus();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tvar paid = paid_res.getResult();\n\t\t\t\t\t\t\tif ( paid === true ) {\n\t\t\t\t\t\t\t\t$this.transaction_paid_data = null;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t$this.transaction_paid_data = paid;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t$this.editor.setValue( result );\n\t\t\t\t\t\t\t$this.getInvoiceTotalData( result );\n\t\t\t\t\t\t\t$this.getShippingOptions( result );\n\t\t\t\t\t\t\t$this.setTransactionHistoryData();\n\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\n\t\t\t\t}\n\t\t\t} );\n\n\t\t}\n\t}\n\n\tinsideEditorSetValue( val ) {\n\t\tvar len = val.length;\n\t\tthis.removeAllRows();\n\n\t\tif ( len > 0 ) {\n\t\t\tfor ( var i = 0; i < val.length; i++ ) {\n\t\t\t\tif ( Global.isSet( val[i] ) ) {\n\t\t\t\t\tvar row = val[i];\n\t\t\t\t\tthis.addRow( row );\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tthis.getDefaultData();\n\t\t}\n\t}\n\n\tgetInvoiceTotalData( transaction_data ) {\n\n\t\tvar $this = this;\n\t\tvar transaction_record;\n\n\t\tif ( !$this.edit_view ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( Global.isSet( transaction_data ) ) {\n\t\t\ttransaction_record = transaction_data;\n\t\t} else {\n\t\t\ttransaction_record = this.editor.getValue();\n\t\t}\n\n\t\tif ( this.transaction_paid_data ) {\n\t\t\tvar temp_transaction_record = [];\n\t\t\t$.each( transaction_record, function( key, item ) {\n\t\t\t\ttemp_transaction_record.push( item );\n\t\t\t} );\n\t\t\t$.each( this.transaction_paid_data, function( key, item ) {\n\t\t\t\ttemp_transaction_record.push( item );\n\t\t\t} );\n\n\t\t\ttransaction_record = temp_transaction_record;\n\t\t}\n\n\t\tthis.api.getInvoiceTotalData( transaction_record, this.current_edit_record, false, {\n\t\t\tonResult: function( res ) {\n\n\t\t\t\tvar result = res.getResult();\n\t\t\t\t$this.setInvoiceTotalData( result );\n\t\t\t}\n\t\t} );\n\t}\n\n\tsetTransactionHistoryData() {\n\n\t\tif ( this.transaction_paid_data ) {\n\n\t\t\tif ( this.history ) {\n\t\t\t\tthis.history.remove();\n\t\t\t}\n\n\t\t\tvar tab_invoice = this.edit_view_tab.find( '#tab_invoice' );\n\t\t\tvar inside_editor_div = tab_invoice.find( '.inside-transaction-history-div' );\n\n\t\t\tvar render = `\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t| <%= status %> | \n\t\t\t\t\t<%= payment_type %> | \n\t\t\t\t\t<%= client_payment %> | \n\t\t\t\t\t<%= confirm_number %> | \n\t\t\t\t\t<%= amount %> | \n\t\t\t\t
\n\t\t\t
`;\n\t\t\tvar row_render = `\n\t\t\t\n\t\t\t\t| <%= status %> | \n\t\t\t\t<%= payment_type %> | \n\t\t\t\t<%= client_payment %> | \n\t\t\t\t<%= confirm_number %> | \n\t\t\t\t<%= amount %> | \n\t\t\t
`;\n\n\t\t\tvar title = {\n\t\t\t\tstatus: $.i18n._( 'Status' ),\n\t\t\t\tpayment_type: $.i18n._( 'Payment Type' ),\n\t\t\t\tclient_payment: $.i18n._( 'Payment Method' ),\n\t\t\t\tconfirm_number: $.i18n._( 'Confirmation Number' ),\n\t\t\t\tamount: $.i18n._( 'Amount' )\n\t\t\t};\n\n\t\t\tvar history = Global.loadWidgetByName( FormItemType.INSIDE_EDITOR );\n\n\t\t\tvar template = _.template( render );\n\n\t\t\tvar render_div = history.children().eq( 1 );\n\t\t\trender_div.append( template( title ) );\n\n\t\t\trender = $( render_div.find( '.inside-editor-render' ) );\n\t\t\t/* jshint ignore:start */\n\t\t\tfor ( var key in this.transaction_paid_data ) {\n\t\t\t\tvar row = this.transaction_paid_data[key];\n\t\t\t\t$.each( row, function( i, v ) {\n\t\t\t\t\trow[i] = v ? v : '--';\n\t\t\t\t} );\n\n\t\t\t\tvar tmp_template = _.template( row_render );\n\t\t\t\trender.append( tmp_template( row ) );\n\t\t\t}\n\t\t\t/* jshint ignore:end */\n\t\t\tinside_editor_div.append( render );\n\n\t\t\tthis.history = $( render );\n\t\t}\n\t}\n\n\tsetInvoiceTotalData( total_data ) {\n\n\t\tif ( !this.edit_view ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( Global.isSet( this.total_data_render ) ) {\n\t\t\tthis.total_data_render.remove();\n\t\t\tthis.total_data_render = null;\n\t\t}\n\n\t\tvar tab_invoice = this.edit_view_tab.find( '#tab_invoice' );\n\t\tvar inside_editor_div = tab_invoice.find( '.inside-total-data-editor-div' );\n\t\tthis.total_data_row_render = `\n\t\t\n\t\t\t- <%= label %>
\n\t\t\t- <%= value %>
\n\t\t
`;\n\t\tthis.total_data_render = $( '' );\n\n\t\tvar render_args = this.viewTotalDataUI( Global.removeSortPrefixFromArray( total_data ) );\n\n\t\tif ( Global.isSet( render_args ) ) {\n\t\t\tinside_editor_div.append( this.total_data_render );\n\t\t}\n\t}\n\n\tviewTotalDataUI( total_data ) {\n\n\t\tvar render_args = null;\n\n\t\tfor ( var key in total_data ) {\n\t\t\tvar row = total_data[key];\n\n\t\t\tif ( typeof row === 'object' ) {\n\t\t\t\tif ( key === 'owing' ) {\n\t\t\t\t\tthis.owing_amount = row.amount;\n\t\t\t\t}\n\t\t\t\tif ( Global.isSet( row.amount ) && ( parseFloat( row.amount ) !== 0 || ( key === 'owing' && parseFloat( total_data.paid.amount ) === 0 && parseFloat( total_data.previous_balance.amount ) !== 0 ) ) ) {\n\t\t\t\t\trender_args = { label: row.name, value: row.amount };\n\t\t\t\t\tvar template = _.template( this.total_data_row_render );\n\t\t\t\t\tthis.total_data_render.append( template( render_args ) );\n\t\t\t\t} else {\n\t\t\t\t\tthis.viewTotalDataUI( row );\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t\treturn render_args;\n\t}\n\n\tgetShippingOptions( transaction_data ) {\n\t\tvar $this = this;\n\t\tvar transaction_record;\n\t\tif ( Global.isSet( transaction_data ) ) {\n\t\t\ttransaction_record = transaction_data;\n\t\t} else {\n\t\t\ttransaction_record = this.editor.getValue();\n\t\t}\n\n\t\tif ( this.transaction_paid_data ) {\n\t\t\tvar temp_transaction_record = [];\n\t\t\t$.each( transaction_record, function( key, item ) {\n\t\t\t\ttemp_transaction_record.push( item );\n\t\t\t} );\n\t\t\t$.each( this.transaction_paid_data, function( key, item ) {\n\t\t\t\ttemp_transaction_record.push( item );\n\t\t\t} );\n\n\t\t\ttransaction_record = temp_transaction_record;\n\t\t}\n\n\t\tthis.api.getShippingOptions( transaction_record, this.current_edit_record, {\n\t\t\tonResult: function( res ) {\n\n\t\t\t\tif ( !$this.edit_view ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tvar result = res.getResult();\n\t\t\t\tvar combined_shipping_policy_id = $this.current_edit_record.combined_shipping_policy_id;\n\t\t\t\t$this.edit_view_ui_dic['combined_shipping_policy_id'].setSourceData( Global.buildRecordArray( result ) );\n\t\t\t\t$this.edit_view_ui_dic['combined_shipping_policy_id'].setValue( combined_shipping_policy_id );\n\t\t\t}\n\t\t} );\n\t}\n\n\tupdateStatus() {\n\t\tvar $this = this;\n\t\tthis.api['updateStatus']( this.current_edit_record.id, {\n\t\t\tonResult: function( res ) {\n\t\t\t\tif ( res.isValid() ) {\n\t\t\t\t\tvar status_id = res.getResult();\n\t\t\t\t\t$this.edit_view_ui_dic['status_id'].setValue( status_id );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\tinitSubClientContactView() {\n\t\tvar $this = this;\n\n\t\tif ( !this.current_edit_record.id ) {\n\t\t\tTTPromise.resolve( 'BaseViewController', 'onTabShow' ); //Since search() isn't called in this case, and we just display the \"Please Save This Record ...\" message, resolve the promise.\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this.sub_client_contact_view_controller ) {\n\t\t\tthis.sub_client_contact_view_controller.buildContextMenu( true );\n\t\t\tthis.sub_client_contact_view_controller.setDefaultMenu();\n\t\t\t$this.sub_client_contact_view_controller.parent_key = 'client_id';\n\t\t\t$this.sub_client_contact_view_controller.parent_value = $this.current_edit_record.client_id;\n\t\t\t$this.sub_client_contact_view_controller.parent_edit_record = $this.current_edit_record;\n\t\t\t$this.sub_client_contact_view_controller.initData();\n\t\t\treturn;\n\t\t}\n\n\t\tGlobal.loadScript( 'views/invoice/client_contact/ClientContactViewController.js', function() {\n\t\t\tvar tab_client_contacts = $this.edit_view_tab.find( '#tab_client_contacts' );\n\t\t\tvar firstColumn = tab_client_contacts.find( '.first-column-sub-view' );\n\n\t\t\tGlobal.trackView( 'Sub' + 'ClientContact' + 'View' );\n\t\t\tClientContactViewController.loadSubView( firstColumn, beforeLoadView, afterLoadView );\n\n\t\t} );\n\n\t\tfunction beforeLoadView() {\n\n\t\t}\n\n\t\tfunction afterLoadView( subViewController ) {\n\t\t\t$this.sub_client_contact_view_controller = subViewController;\n\t\t\t$this.sub_client_contact_view_controller.parent_key = 'client_id';\n\t\t\t$this.sub_client_contact_view_controller.parent_value = $this.current_edit_record.client_id;\n\t\t\t$this.sub_client_contact_view_controller.parent_edit_record = $this.current_edit_record;\n\t\t\t$this.sub_client_contact_view_controller.parent_view_controller = $this;\n\t\t\t$this.sub_client_contact_view_controller.postInit = function() {\n\t\t\t\tthis.initData();\n\t\t\t};\n\t\t}\n\t}\n\n\tinitSubClientPaymentView() {\n\t\tvar $this = this;\n\n\t\tif ( !this.current_edit_record.id ) {\n\t\t\tTTPromise.resolve( 'BaseViewController', 'onTabShow' ); //Since search() isn't called in this case, and we just display the \"Please Save This Record ...\" message, resolve the promise.\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this.sub_client_payment_view_controller ) {\n\t\t\tthis.sub_client_payment_view_controller.buildContextMenu( true );\n\t\t\tthis.sub_client_payment_view_controller.setDefaultMenu();\n\t\t\t$this.sub_client_payment_view_controller.parent_key = 'client_id';\n\t\t\t$this.sub_client_payment_view_controller.parent_value = $this.current_edit_record.client_id;\n\t\t\t$this.sub_client_payment_view_controller.parent_edit_record = $this.current_edit_record;\n\t\t\t$this.sub_client_payment_view_controller.initData();\n\t\t\treturn;\n\t\t}\n\n\t\tGlobal.loadScript( 'views/invoice/client_payment/ClientPaymentViewController.js', function() {\n\t\t\tvar tab_payment_methods = $this.edit_view_tab.find( '#tab_payment_methods' );\n\t\t\tvar firstColumn = tab_payment_methods.find( '.first-column-sub-view' );\n\n\t\t\tGlobal.trackView( 'Sub' + 'ClientPayment' + 'View' );\n\t\t\tClientPaymentViewController.loadSubView( firstColumn, beforeLoadView, afterLoadView );\n\n\t\t} );\n\n\t\tfunction beforeLoadView() {\n\n\t\t}\n\n\t\tfunction afterLoadView( subViewController ) {\n\t\t\t$this.sub_client_payment_view_controller = subViewController;\n\t\t\t$this.sub_client_payment_view_controller.parent_key = 'client_id';\n\t\t\t$this.sub_client_payment_view_controller.parent_value = $this.current_edit_record.client_id;\n\t\t\t$this.sub_client_payment_view_controller.parent_edit_record = $this.current_edit_record;\n\t\t\t$this.sub_client_payment_view_controller.parent_view_controller = $this;\n\t\t\t$this.sub_client_payment_view_controller.postInit = function() {\n\t\t\t\tthis.initData();\n\t\t\t};\n\t\t}\n\t}\n\n\tinitSubTransactionView() {\n\t\tvar $this = this;\n\n\t\tif ( !this.current_edit_record.id ) {\n\t\t\tTTPromise.resolve( 'BaseViewController', 'onTabShow' ); //Since search() isn't called in this case, and we just display the \"Please Save This Record ...\" message, resolve the promise.\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this.sub_transaction_view_controller ) {\n\t\t\tthis.sub_transaction_view_controller.buildContextMenu( true );\n\t\t\tthis.sub_transaction_view_controller.setDefaultMenu();\n\t\t\t$this.sub_transaction_view_controller.parent_key = 'invoice_id';\n\t\t\t$this.sub_transaction_view_controller.parent_value = $this.current_edit_record.id;\n\t\t\t$this.sub_transaction_view_controller.parent_edit_record = $this.current_edit_record;\n\t\t\t$this.sub_transaction_view_controller.initData();\n\t\t\treturn;\n\t\t}\n\n\t\tGlobal.loadScript( 'views/invoice/invoice_transaction/InvoiceTransactionViewController.js', function() {\n\t\t\tvar tab_transactions = $this.edit_view_tab.find( '#tab_transactions' );\n\t\t\tvar firstColumn = tab_transactions.find( '.first-column-sub-view' );\n\n\t\t\tGlobal.trackView( 'Sub' + 'InvoiceTransaction' + 'View' );\n\t\t\tInvoiceTransactionViewController.loadSubView( firstColumn, beforeLoadView, afterLoadView );\n\n\t\t} );\n\n\t\tfunction beforeLoadView() {\n\n\t\t}\n\n\t\tfunction afterLoadView( subViewController ) {\n\t\t\t$this.sub_transaction_view_controller = subViewController;\n\t\t\t$this.sub_transaction_view_controller.parent_key = 'invoice_id';\n\t\t\t$this.sub_transaction_view_controller.parent_value = $this.current_edit_record.id;\n\t\t\t$this.sub_transaction_view_controller.parent_edit_record = $this.current_edit_record;\n\t\t\t$this.sub_transaction_view_controller.parent_view_controller = $this;\n\t\t\t$this.sub_transaction_view_controller.postInit = function() {\n\t\t\t\tthis.initData();\n\t\t\t};\n\t\t}\n\t}\n\n\tremoveEditView() {\n\t\tsuper.removeEditView();\n\t\tthis.history = null;\n\t\tthis.editor = null;\n\t\tthis.total_data_render = null;\n\t\tthis.total_data_row_render = null;\n\t\tthis.transaction_paid_data = null;\n\t\tthis.sub_client_contact_view_controller = null;\n\t\tthis.sub_client_payment_view_controller = null;\n\t\tthis.sub_transaction_view_controller = null;\n\t}\n\n\tinsideEditorAddRow( data, index ) {\n\t\tvar form_item_input;\n\t\tvar widgetContainer;\n\n\t\tvar row = this.getRowRender(); //Get Row render\n\t\tvar render = this.getRender(); //get render, should be a table\n\t\tvar widgets = {}; //Save each row's widgets\n\n\t\tvar $this = this;\n\t\tif ( !data ) {\n\t\t\tthis.getDefaultData( index );\n\t\t} else {\n\n\t\t\t//Save current set item\n\t\t\twidgets.current_edit_item = data;\n\n\t\t\t//Build row widgets\n\n\t\t\t// Product\n\t\t\tvar args = {};\n\t\t\targs.filter_data = {};\n\t\t\targs.filter_data.type_id = [10, 20];\n\t\t\tform_item_input = Global.loadWidgetByName( FormItemType.AWESOME_BOX );\n\t\t\tform_item_input.AComboBox( {\n\t\t\t\twidth: 203,\n\t\t\t\tis_static_width: true,\n\t\t\t\tapi_class: TTAPI.APIProduct,\n\t\t\t\tallow_multiple_selection: false,\n\t\t\t\tlayout_name: 'global_product',\n\t\t\t\tshow_search_inputs: true,\n\t\t\t\tset_empty: true,\n\t\t\t\tfield: 'product_id'\n\t\t\t} );\n\t\t\tform_item_input.setDefaultArgs( args );\n\t\t\tform_item_input.setValue( data.product_id ? data.product_id : '' );\n\t\t\twidgets[form_item_input.getField()] = form_item_input;\n\t\t\trow.children().eq( 0 ).append( form_item_input );\n\n\t\t\tthis.setWidgetEnableBaseOnParentController( form_item_input );\n\n\t\t\tform_item_input.bind( 'formItemChange', function( e, target ) {\n\t\t\t\t$this.parent_controller.onRowChanges( $( this ).parent().parent().index() - 1, target );\n\t\t\t} );\n\n\t\t\t// Description\n\t\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );\n\t\t\tform_item_input.TTextInput( { field: 'description', width: 500 } );\n\t\t\tform_item_input.setValue( data.description ? data.description : '' );\n\t\t\twidgets[form_item_input.getField()] = form_item_input;\n\t\t\trow.children().eq( 1 ).append( form_item_input );\n\n\t\t\tthis.setWidgetEnableBaseOnParentController( form_item_input );\n\n\t\t\t// QTY\n\t\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );\n\t\t\tform_item_input.TTextInput( { field: 'quantity', width: 50, no_validate_timer_sec: 100 } );\n\t\t\tform_item_input.setValue( data.quantity ? data.quantity : '' );\n\n\t\t\tform_item_input.bind( 'formItemChange', function( e, target, doNotValidate ) {\n\t\t\t\tif ( doNotValidate ) {\n\t\t\t\t\t$this.parent_controller.onRowChanges( $( this ).parent().parent().index() - 1, target );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\twidgets[form_item_input.getField()] = form_item_input;\n\t\t\trow.children().eq( 2 ).append( form_item_input );\n\n\t\t\tthis.setWidgetEnableBaseOnParentController( form_item_input );\n\n\t\t\t// Price\n\t\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );\n\t\t\tform_item_input.TTextInput( { field: 'unit_price', width: 50, no_validate_timer_sec: 100 } );\n\t\t\tform_item_input.setValue( data.unit_price ? data.unit_price : '' );\n\n\t\t\tform_item_input.bind( 'formItemChange', function( e, target, doNotValidate ) {\n\t\t\t\tif ( doNotValidate ) {\n\t\t\t\t\t$this.parent_controller.onRowChanges( $( this ).parent().parent().index() - 1, target );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\twidgets[form_item_input.getField()] = form_item_input;\n\t\t\trow.children().eq( 3 ).append( form_item_input );\n\n\t\t\tthis.setWidgetEnableBaseOnParentController( form_item_input );\n\n\t\t\t// ProRate\n\t\t\twidgetContainer = $( '' );\n\t\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );\n\t\t\tform_item_input.TTextInput( { field: 'pro_rate_numerator', width: 50, no_validate_timer_sec: 100 } );\n\t\t\tform_item_input.setValue( data.pro_rate_numerator ? data.pro_rate_numerator : 1 );\n\t\t\tform_item_input.attr( 'maxlength', 3 );\n\n\t\t\tform_item_input.bind( 'formItemChange', function( e, target, doNotValidate ) {\n\t\t\t\tif ( doNotValidate ) {\n\t\t\t\t\t$this.parent_controller.onRowChanges( $( this ).parent().parent().parent().index() - 1, target );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\twidgets[form_item_input.getField()] = form_item_input;\n\t\t\twidgetContainer.append( form_item_input );\n\n\t\t\tvar label = $( '/' );\n\t\t\twidgetContainer.append( label );\n\n\t\t\tthis.setWidgetEnableBaseOnParentController( form_item_input );\n\n\t\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );\n\t\t\tform_item_input.TTextInput( { field: 'pro_rate_denominator', width: 50, no_validate_timer_sec: 100 } );\n\t\t\tform_item_input.setValue( data.pro_rate_denominator ? data.pro_rate_denominator : 1 );\n\t\t\tform_item_input.attr( 'maxlength', 3 );\n\n\t\t\tform_item_input.bind( 'formItemChange', function( e, target, doNotValidate ) {\n\t\t\t\tif ( doNotValidate ) {\n\t\t\t\t\t$this.parent_controller.onRowChanges( $( this ).parent().parent().parent().index() - 1, target );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\twidgets[form_item_input.getField()] = form_item_input;\n\t\t\twidgetContainer.append( form_item_input );\n\n\t\t\trow.children().eq( 4 ).append( widgetContainer );\n\n\t\t\tthis.setWidgetEnableBaseOnParentController( form_item_input );\n\n\t\t\t// Total\n\t\t\tform_item_input = Global.loadWidgetByName( FormItemType.TEXT_INPUT );\n\t\t\tform_item_input.TTextInput( { field: 'amount', width: 100 } );\n\t\t\tform_item_input.setValue( data.amount ? data.amount : '' );\n\t\t\tform_item_input.setReadOnly( true );\n//\t\t\tform_item_input.attr( 'readonly', 'readonly' );\n\n\t\t\twidgets[form_item_input.getField()] = form_item_input;\n\t\t\trow.children().eq( 5 ).append( form_item_input );\n\n\t\t\tif ( typeof index != 'undefined' ) {\n\n\t\t\t\trow.insertAfter( $( render ).find( 'tr' ).eq( index ) );\n\t\t\t\tthis.rows_widgets_array.splice( ( index ), 0, widgets );\n\n\t\t\t} else {\n\t\t\t\t$( render ).append( row );\n\t\t\t\tthis.rows_widgets_array.push( widgets );\n\t\t\t}\n\t\t\tif ( this.parent_controller.is_viewing ) {\n\t\t\t\trow.find( '.control-icon' ).hide();\n\t\t\t}\n\n\t\t\tthis.setWidgetEnableBaseOnParentController( form_item_input );\n\n\t\t\tvar plus_icon = row.find( '.plus-icon' );\n\t\t\tvar minus_icon = row.find( '.minus-icon' );\n\n\t\t\tplus_icon.click( function() {\n\t\t\t\t$this.parent_controller.setPaymentIconDisabled();\n\t\t\t\t$this.addRow( null, $( this ).parent().parent().index() );\n\t\t\t} );\n\n\t\t\tminus_icon.click( function() {\n\t\t\t\t$this.parent_controller.setPaymentIconDisabled();\n\t\t\t\t$this.removeRow( row );\n\n\t\t\t\tif ( render.find( 'tr' ).length === 1 ) {\n\t\t\t\t\t$this.addRow();\n\t\t\t\t}\n\n\t\t\t} );\n\n//\t\t\tthis.addIconsEvent( row ); //Bind event to add and minus icon\n\t\t\tthis.removeLastRowLine();\n\t\t}\n\n\t\tif ( data && TTUUID.isUUID( data.product_id ) && data.product_id != TTUUID.zero_id ) {\n\t\t\tvar filter = {};\n\t\t\tfilter.filter_data = {};\n\t\t\tfilter.filter_data.id = data.product_id;\n\t\t\tfilter.filter_columns = { id: true, price_locked: true, description_locked: true };\n\t\t\tthis.parent_controller.product_api['get' + this.parent_controller.product_api.key_name]( filter, {\n\t\t\t\tonResult: function( res ) {\n\t\t\t\t\tvar result = res.getResult()[0];\n\t\t\t\t\twidgets['description'].setReadOnly( result.description_locked );\n\t\t\t\t\twidgets['unit_price'].setReadOnly( result.price_locked );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n\n\tinsideEditorRemoveRow( row ) {\n\t\tvar index = row[0].rowIndex - 1;\n\t\tvar remove_id = this.rows_widgets_array[index].current_edit_item.id;\n\t\tif ( TTUUID.isUUID( remove_id ) && remove_id != TTUUID.zero_id && remove_id != TTUUID.not_exist_id ) {\n\t\t\tthis.delete_ids.push( remove_id );\n\t\t}\n\t\trow.remove();\n\t\tthis.rows_widgets_array.splice( index, 1 );\n\t\tthis.parent_controller.getInvoiceTotalData();\n\t\tthis.removeLastRowLine();\n\t}\n\n\tonRowChanges( index, target ) {\n\t\tthis.setPaymentIconDisabled();\n\t\tvar $this = this;\n\t\tvar current_row = this.editor.rows_widgets_array[index];\n\t\tvar key = target.getField();\n\t\tvar value = target.getValue();\n\t\tvar filter = {};\n\t\tfilter.filter_data = {};\n\t\tfilter.filter_columns = {};\n\t\tfilter.filter_columns.description = true;\n\t\tfilter.filter_columns.name = true;\n\t\tfilter.filter_columns.part_number = true;\n\t\tfilter.filter_columns.type_id = true;\n\t\tfilter.filter_columns.currency_id = true;\n\t\tfilter.filter_columns.id = true;\n\t\tfilter.filter_columns.price_locked = true;\n\t\tfilter.filter_columns.description_locked = true;\n\n\t\tswitch ( key ) {\n\t\t\tcase 'quantity':\n\t\t\tcase 'product_id':\n\t\t\t\tvar product_id;\n\t\t\t\tvar quantity;\n\t\t\t\tif ( key === 'product_id' ) {\n\t\t\t\t\tquantity = 1;\n\t\t\t\t\tproduct_id = value;\n\t\t\t\t} else {\n\t\t\t\t\tquantity = value;\n\t\t\t\t\tproduct_id = current_row['product_id'].getValue();\n\t\t\t\t}\n\t\t\t\tif ( TTUUID.isUUID( product_id ) && product_id != TTUUID.zero_id ) {\n\t\t\t\t\tfilter.filter_data.id = product_id;\n\t\t\t\t\tthis.product_api['get' + this.product_api.key_name]( filter, {\n\t\t\t\t\t\tonResult: function( p_res ) {\n\t\t\t\t\t\t\tvar result_data = p_res.getResult()[0];\n\t\t\t\t\t\t\tif ( key === 'product_id' ) {\n\t\t\t\t\t\t\t\tcurrent_row['description'].setValue( result_data['description'] );\n\t\t\t\t\t\t\t\tcurrent_row['description'].setReadOnly( result_data['description_locked'] );\n\t\t\t\t\t\t\t\tcurrent_row['unit_price'].setReadOnly( result_data['price_locked'] );\n\n\t\t\t\t\t\t\t\tcurrent_row['current_edit_item']['product_type_id'] = result_data['type_id'];\n\t\t\t\t\t\t\t\tcurrent_row['current_edit_item']['product_name'] = result_data['name'];\n\t\t\t\t\t\t\t\tcurrent_row['current_edit_item']['product_part_number'] = result_data['part_number'];\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif ( result_data.id && $this.current_edit_record && $this.current_edit_record['currency_id'] ) {\n\t\t\t\t\t\t\t\t$this.product_api['getProductQuantityUnitPrice']( result_data.id, quantity, $this.current_edit_record['currency_id'], {\n\t\t\t\t\t\t\t\t\tonResult: function( u_res ) {\n\t\t\t\t\t\t\t\t\t\tvar unit_price = u_res.getResult();\n\t\t\t\t\t\t\t\t\t\tif ( key === 'product_id' ) {\n\t\t\t\t\t\t\t\t\t\t\tcurrent_row['quantity'].setValue( quantity );\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tcurrent_row['unit_price'].setValue( unit_price );\n\t\t\t\t\t\t\t\t\t\t$this.calcTransactionRowTotal( current_row );\n\t\t\t\t\t\t\t\t\t\tif ( $this.editor && $this.editor.rows_widgets_array ) {\n\t\t\t\t\t\t\t\t\t\t\t$this.editor.rows_widgets_array[index] = current_row;\n\t\t\t\t\t\t\t\t\t\t\tvar transaction_data = $this.editor.getValue();\n\t\t\t\t\t\t\t\t\t\t\t$this.getInvoiceTotalData( transaction_data );\n\t\t\t\t\t\t\t\t\t\t\t$this.getShippingOptions( transaction_data );\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'pro_rate_numerator':\n\t\t\tcase 'pro_rate_denominator':\n\t\t\tcase 'unit_price':\n\t\t\t\tthis.calcTransactionRowTotal( current_row );\n\t\t\t\tvar transaction_data = $this.editor.getValue();\n\t\t\t\tthis.getInvoiceTotalData( transaction_data );\n\t\t\t\tthis.getShippingOptions( transaction_data );\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tcalcTransactionRowTotal( current_row ) {\n\t\tvar total = 0.00;\n\t\tvar pro_rate_numerator = parseFloat( current_row['pro_rate_numerator'].getValue() );\n\t\tvar pro_rate_denominator = parseFloat( current_row['pro_rate_denominator'].getValue() );\n\t\tvar quantity = parseFloat( current_row['quantity'].getValue() );\n\t\tvar unit_price = parseFloat( current_row['unit_price'].getValue() );\n\n\t\tif ( ( !isNaN( quantity ) && isFinite( quantity ) ) && ( !isNaN( unit_price ) && isFinite( unit_price ) ) ) {\n\t\t\ttotal = ( quantity * unit_price );\n\t\t}\n\n\t\tif ( ( !isNaN( pro_rate_numerator ) && isFinite( pro_rate_numerator ) && pro_rate_numerator != 0 ) && ( !isNaN( pro_rate_denominator ) && isFinite( pro_rate_denominator ) && pro_rate_denominator != 0 ) ) {\n\t\t\ttotal = ( total * ( pro_rate_numerator / pro_rate_denominator ) );\n\t\t}\n\n\t\tcurrent_row['amount'].setValue( parseFloat( total ).toFixed( 2 ) );\n\t}\n\n\tinsideEditorGetValue( current_edit_item_id ) {\n\t\tvar len = this.rows_widgets_array.length;\n\n\t\tvar result = [];\n\n\t\tfor ( var i = 0; i < len; i++ ) {\n\n\t\t\tvar row = this.rows_widgets_array[i];\n\t\t\tvar data = {};\n\t\t\tdata['status_id'] = row.current_edit_item['status_id'];\n\t\t\tdata['product_part_number'] = row.current_edit_item['product_part_number'];\n\t\t\tdata['id'] = row.current_edit_item['id'];\n\t\t\tdata['description'] = row.current_edit_item['description'];\n\t\t\tdata['product_name'] = row.current_edit_item['product_name'];\n\t\t\tdata['amount'] = row.current_edit_item['amount'];\n\t\t\tdata['unit_price'] = row.current_edit_item['unit_price'];\n\t\t\tdata['product_type_id'] = row.current_edit_item['product_type_id'];\n\t\t\tdata['type_id'] = row.current_edit_item['type_id'];\n\t\t\tdata['pro_rate_denominator'] = row.current_edit_item['pro_rate_denominator'];\n\t\t\tdata['client_id'] = row.current_edit_item['client_id'];\n\t\t\tdata['quantity'] = row.current_edit_item['quantity'];\n\t\t\tdata['product_id'] = row.current_edit_item['product_id'];\n\t\t\tdata['invoice_id'] = row.current_edit_item['invoice_id'];\n\t\t\tdata['pro_rate_numerator'] = row.current_edit_item['pro_rate_numerator'];\n\t\t\tdata['effective_date'] = row.current_edit_item['effective_date'];\n\n\t\t\tvar product_id = row['product_id'].getValue();\n\n\t\t\tif ( typeof current_edit_item_id !== 'undefined' && ( current_edit_item_id === '' || current_edit_item_id === false ) ) {\n\t\t\t\tdata['id'] = '';\n\t\t\t\tdata['invoice_id'] = '';\n\t\t\t\tdata['type_id'] = 10;\n\t\t\t\tdata['effective_date'] = new Date().format();\n\t\t\t}\n\n\t\t\tif ( typeof data.effective_date === 'undefined' ) {\n\t\t\t\tdata['effective_date'] = new Date().format();\n\t\t\t}\n\n\t\t\tif ( typeof data.type_id === 'undefined' ) {\n\t\t\t\tdata['type_id'] = 10;\n\t\t\t}\n\n\t\t\tif ( TTUUID.isUUID( product_id ) && product_id != TTUUID.zero_id ) {\n\t\t\t\tdata['product_id'] = product_id;\n\t\t\t\tdata['quantity'] = row['quantity'].getValue();\n\t\t\t\tdata['pro_rate_numerator'] = row['pro_rate_numerator'].getValue();\n\t\t\t\tdata['description'] = row['description'].getValue();\n\t\t\t\tdata['pro_rate_denominator'] = row['pro_rate_denominator'].getValue();\n\t\t\t\tdata['amount'] = row['amount'].getValue();\n\t\t\t\tdata['unit_price'] = row['unit_price'].getValue();\n\t\t\t\tdata['client_id'] = this.parent_controller.current_edit_record['client_id'];\n\n\t\t\t\tresult.push( data );\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t}\n\n\tuniformVariable( record ) {\n\n\t\tif ( !Global.isSet( record ) ) {\n\t\t\trecord = {};\n\t\t}\n\t\tvar transaction_data = this.editor.getValue( this.current_edit_record.id );\n\t\tif ( transaction_data.length > 0 ) {\n\t\t\trecord.transactions = transaction_data;\n\t\t}\n\n\t\treturn record;\n\t}\n\n\tonCopyAsNewResult( result ) {\n\t\tvar $this = this;\n\t\tvar result_data = result.getResult();\n\t\tif ( !result_data ) {\n\t\t\tTAlertManager.showAlert( $.i18n._( 'Record does not exist' ) );\n\t\t\t$this.onCancelClick();\n\t\t\treturn;\n\t\t}\n\n\t\t$this.openEditView(); // Put it here is to avoid if the selected one is not existed in data or have deleted by other pragram. in this case, the edit view should not be opend.\n\n\t\tresult_data = result_data[0];\n\t\tthis.copied_record_id = result_data.id;\n\n\t\tresult_data.id = '';\n\n\t\tif ( $this.sub_view_mode && $this.parent_key ) {\n\t\t\tresult_data[$this.parent_key] = $this.parent_value;\n\t\t}\n\n\t\t$this.current_edit_record = result_data;\n\t\t$this.initEditView();\n\t}\n\n\tgetInvoiceTabHtml() {\n\t\treturn `\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t