<mvc:View
	controllerName="dsb.datasourcebrowser"
	xmlns="sap.m"
	xmlns:t="sap.ui.table"
	xmlns:c="sap.ui.core"
	xmlns:l="sap.ui.layout"
	xmlns:mvc="sap.ui.core.mvc">
	<Dialog
		id="dialog"
		initialFocus="searchPattern"
		title="{/title}"
		resizable="true"
		draggable="true"
		contentWidth="50%"
		contentHeight="60%"
		afterClose="dialogClosed">
		<buttons>
			<Button
				id="okButton"
				class="dsbButton"
				text="{i18n>OK}"
				enabled="false"
				press="okClicked" />
			<Button
				id="cancelButton"
				class="dsbButton"
				text="{i18n>CANCEL}"
				press="cancelClicked" />
		</buttons>
		<content>
			<IconTabBar
				id="tabStrip"
				class="dsbTabStripM"
				expandable="false"
				selectedKey="searchTab"
				stretchContentHeight="true"
				select="tabSelected">
				<items>
					<IconTabFilter
						id="searchTab"
						text="{i18n>SEARCHTAB}">
						<content>
							<SearchField
								id="searchPattern"
								placeholder="Search"
								search="searchClicked"
								busyIndicatorDelay="0" />
							<t:Table
								id="resultTable"
								selectionMode="Single"
								selectionBehavior="RowOnly"
								visibleRowCountMode="Auto"
								noDataText=" "
								rowSelectionChange="tableRowSelected">
								<t:title>
									<Label
										id="searchResultsLabel"
										text="{i18n>RESULTS}" />
								</t:title>
								<t:columns>
									<t:Column
										width="36px"
										resizable="false"
										sortProperty="type">
										<t:template>
											<Image
												src="{icon}"
												tooltip="{tooltip}"
												class="dsbIconM" />
										</t:template>
									</t:Column>
									<t:Column
										sortProperty="description"
										filterProperty="description">
										<t:label>
											<Label text="{i18n>DESCRIPTION}" />
										</t:label>
										<t:template>
											<Label text="{description}" />
										</t:template>
									</t:Column>
									<t:Column
										sortProperty="name"
										filterProperty="name">
										<t:label>
											<Label text="{i18n>TECHNAME}" />
										</t:label>
										<t:template>
											<Label text="{name}" />
										</t:template>
									</t:Column>
								</t:columns>
							</t:Table>
						</content>
					</IconTabFilter>
					<IconTabFilter
						id="rolesTab"
						text="{i18n>ROLES}">
						<content>
							<t:TreeTable
								id="rolesTree"
								selectionMode="Single"
								selectionBehavior="RowOnly"
								visibleRowCountMode="Auto"
								rowSelectionChange="treeNodeSelected"
								toggleOpenState="toggleExpandedState">
								<t:columns>
									<t:Column>
										<t:label>
											<Label text="{i18n>DESCRIPTION}" />
										</t:label>
										<t:template>
											<l:HorizontalLayout>
												<l:content>
													<Image
														src="{icon}"
														class="dsbIconM" />
													<Label text="{description}" />
												</l:content>
											</l:HorizontalLayout>
										</t:template>
									</t:Column>
									<t:Column>
										<t:label>
											<Label text="{i18n>TECHNAME}" />
										</t:label>
										<t:template>
											<Label text="{name}" />
										</t:template>
									</t:Column>
								</t:columns>
							</t:TreeTable>
						</content>
					</IconTabFilter>
					<IconTabFilter
						id="workspacesTab"
						text="{i18n>WORKSPACES}">
						<content>
							<t:TreeTable
								id="workspacesTree"
								selectionMode="Single"
								selectionBehavior="RowOnly"
								visibleRowCountMode="Auto"
								rowSelectionChange="treeNodeSelected"
								toggleOpenState="toggleExpandedState">
								<t:columns>
									<t:Column>
										<t:label>
											<Label text="{i18n>DESCRIPTION}" />
										</t:label>
										<t:template>
											<l:HorizontalLayout>
												<l:content>
													<Image
														src="{icon}"
														class="dsbIconM" />
													<Label text="{description}" />
												</l:content>
											</l:HorizontalLayout>
										</t:template>
									</t:Column>
									<t:Column>
										<t:label>
											<Label text="{i18n>TECHNAME}" />
										</t:label>
										<t:template>
											<Label text="{name}" />
										</t:template>
									</t:Column>
								</t:columns>
							</t:TreeTable>
						</content>
					</IconTabFilter>
					<IconTabFilter
						id="foldersTab"
						text="{i18n>INFO_AREAS}">
						<content>
							<t:TreeTable
								id="foldersTree"
								selectionMode="Single"
								selectionBehavior="RowOnly"
								visibleRowCountMode="Auto"
								rowSelectionChange="treeNodeSelected"
								toggleOpenState="toggleExpandedState">
								<t:columns>
									<t:Column>
										<t:label>
											<Label text="{i18n>DESCRIPTION}" />
										</t:label>
										<t:template>
											<l:HorizontalLayout>
												<l:content>
													<Image
														src="{icon}"
														class="dsbIconM" />
													<Label text="{description}" />
												</l:content>
											</l:HorizontalLayout>
										</t:template>
									</t:Column>
									<t:Column>
										<t:label>
											<Label text="{i18n>TECHNAME}" />
										</t:label>
										<t:template>
											<Label text="{name}" />
										</t:template>
									</t:Column>
								</t:columns>
							</t:TreeTable>
						</content>
					</IconTabFilter>
				</items>
			</IconTabBar>
		</content>
	</Dialog>
</mvc:View>