{
	"component": "nc-form",
	"children": [
		{
			"component": "nc-popup",
			"attribute": {
				"position": "bottom left",
				"flowing": "flowing",
				"hoverable": "hoverable"
			},
			"children": [
				{
					"component": "span",
					"attribute": {
						"id": "nc-grid-popup",
						"slot": "trigger",
						"style": "margin-top: 3em; margin-left: -1em;"
					}
				},
				{
					"component": "nc-popup-content",
					"children": [
						{
							"component": "nc-label",
							"attribute": {
								"model": "hdr.rows"
							},
							"content": "Rows {{ (selectedRowRecord && selectedRowRecord.order_id + ', ' + selectedRowRecord.company_id) || '' }}"
						},
						{
							"component": "nc-row",
							"attribute": {
								"width": "calc(98vw - 7em)"
							},
							"children": [
								{
									"component": "nc-grid",
									"attribute": {
										":doesExternalFilterPass": "doesExternalFilterPass",
										":isExternalFilterPresent": "isExternalFilterPresent",
										"height": "11.5em",
										"id": "row_area",
										"model": "grid.row_area",
										"v-on:gridRowClicked": "gridRowClicked",
										"v-on:gridSortChanged": "gridSortChanged"
									}
								}
							]
						}
					]
				}
			]
		},
		{
			"component": "nc-row",
			"children": [
				{
					"component": "nc-col",
					"attribute": {
						"width": "1/12"
					},
					"children": [
						{
							"component": "nc-label",
							"attribute": {
								"model": "hdr.connection"
							},
							"content": "Connection"
						}
					]
				},
				{
					"component": "nc-col",
					"attribute": {
						"width": "auto"
					},
					"children": [
						{
							"component": "nc-dropdown",
							"attribute": {
								"model": "rec.connection",
								"v-on:change": "changeConnection(\"update-data\")"
							}
						}
					]
				}
			]
		},
		{
			"component": "nc-divider"
		},
		{
			"component": "nc-row",
			"children": [
				{
					"component": "nc-tab",
					"attribute": {
						":active-index": "tabIndex.local",
						"v-if": "tabLocal && tabLocal.length > 0",
						"v-on:change": "tabChanged"
					},
					"children": [
						{
							"component": "nc-tab-pane",
							"attribute": {
								":icon": "item.icon",
								":key": "item.show",
								":title": "item.show",
								"v-for": "item in tabLocal"
							},
							"children": [
								{
									"children": [
										{
											"attribute": {
												"width": "1/5"
											},
											"children": [
												{
													"attribute": {
														"class": ["store_logo"],
														":src": "rec.logo_path_local",
														"height": "30",
														"width": "190"
													},
													"component": "nc-image"
												}
											],
											"component": "nc-col"
										},
										{
											"attribute": {
												"class": ["nc-end-h"],
												"width": "4/5"
											},
											"children": [
												{
													"attribute": {
														"primary": "primary",
														"v-on:click": "loadRows(\"local\")"
													},
													"children": [
														{
															"component": "nc-translate",
															"attribute": {
																"model": "hdr.external.load"
															},
															"content": "Load"
														}
													],
													"component": "nc-button"
												}
											],
											"component": "nc-col"
										}
									],
									"component": "nc-row"
								},
								{
									"component": "nc-row",
									"children": [
										{
											"component": "nc-grid",
											"attribute": {
												":doesExternalFilterPass": "doesExternalFilterPass",
												":isExternalFilterPresent": "isExternalFilterPresent",
												"height": "11.5em",
												"id": "local",
												"model": "grid.local",
												"v-on:gridRowClicked": "gridRowClicked",
												"v-on:gridSortChanged": "gridSortChanged"
											}
										}
									]
								},
								{
									"children": [
										{
											"attribute": {
												"width": "1/9"
											},
											"children": [
												{
													"attribute": {
														"class": ["store_logo"],
														":src": "rec.logo_path_external",
														"height": "30",
														"width": "190"
													},
													"component": "nc-image"
												}
											],
											"component": "nc-col"
										},
										{
											"attribute": {
												"width": "2/9"
											},
											"component": "nc-col"
										},
										{
											"attribute": {
												"class": ["nc-space-evenly"],
												"width": "3/9"
											},
											"children": [
												{
													"attribute": {
														"model": "rec.show_new",
														"v-on:click.native": "showRows()"
													},
													"children": [
														{
															"attribute": {
																"model": "hdr.external.show_new"
															},
															"component": "nc-translate",
															"content": "Show new"
														}
													],
													"component": "nc-checkbox"
												},
												{
													"attribute": {
														"model": "rec.show_changed",
														"v-on:click.native": "showRows()"
													},
													"children": [
														{
															"attribute": {
																"model": "hdr.external.show_changed"
															},
															"component": "nc-translate",
															"content": "Show changed"
														}
													],
													"component": "nc-checkbox"
												},
												{
													"attribute": {
														"model": "rec.show_equal",
														"v-on:click.native": "showRows()"
													},
													"children": [
														{
															"attribute": {
																"model": "hdr.external.show_equal"
															},
															"component": "nc-translate",
															"content": "Show equal"
														}
													],
													"component": "nc-checkbox"
												}
											],
											"component": "nc-col"
										},
										{
											"attribute": {
												"class": ["nc-end-h"],
												"width": "3/9"
											},
											"children": [
												{
													"attribute": {
														":disabled": "!buttonEnabled(\"import\")",
														"v-on:click": "saveRows(\"external\", \"import\")"
													},
													"children": [
														{
															"attribute": {
																"class": ["far", "fa-arrow-circle-up"]
															},
															"component": "i"
														},
														{
															"attribute": {
																"model": "hdr.external.import"
															},
															"component": "nc-translate",
															"content": "Import"
														}
													],
													"component": "nc-button"
												},
												{
													"attribute": {
														":disabled": "!buttonEnabled(\"export\")",
														"v-on:click": "saveRows(\"local\", \"export\")"
													},
													"children": [
														{
															"attribute": {
																"class": ["far", "fa-arrow-circle-down"]
															},
															"component": "i"
														},
														{
															"attribute": {
																"model": "hdr.external.export"
															},
															"component": "nc-translate",
															"content": "Export"
														}
													],
													"component": "nc-button"
												},
												{
													"attribute": {
														"primary": "primary",
														"v-on:click": "loadRows(\"external\")"
													},
													"children": [
														{
															"attribute": {
																"model": "hdr.external.load"
															},
															"component": "nc-translate",
															"content": "Load"
														}
													],
													"component": "nc-button"
												}
											],
											"component": "nc-col"
										}
									],
									"component": "nc-row"
								},
								{
									"children": [
										{
											"attribute": {
												":doesExternalFilterPass": "doesExternalFilterPass",
												":isExternalFilterPresent": "isExternalFilterPresent",
												"height": "calc(100vh - 34em)",
												"id": "external",
												"model": "grid.external",
												"v-on:gridRowClicked": "gridRowClicked",
												"v-on:gridSortChanged": "gridSortChanged"
											},
											"component": "nc-grid"
										}
									],
									"component": "nc-row"
								}
							]
						}
					]
				}
			]
		}
	]
}
