analytics/webcontent/bi/pat/dialogs/_iqc.xml

<resources>
	<dialog id="_iqc" helpId="dlgVisGalleryNew" idsDialogTitle="IDS_VIZ_TITLE" visualParentRelation="center" borderStyle="sizable" startupWidth="1100" startupHeight="800">
		<dialogHtml><![CDATA[
<div onkeypress="_iqc._wph(event)">
<style>
#_iqc .clsInvisibleSplitterVertical_normal,
#_iqc .clsInvisibleSplitterVertical_hover,
#_iqc .clsInvisibleSplitterVertical_select
{
	width: 7px;
	border-left: 1px solid var(--G2);
}

.clsVizDialog_normal,
.clsVizDialog_hover,
.clsVizDialog_selected
{
	cursor: default;
	text-align: left;
	padding: 4px 0 4px 4px;
	color: var(--text-01);
}
.clsVizDialog_hover
{
	background-color: var(--hover-ui);
}
.clsVizDialog_selected
{
	background-color: var(--selected-ui);
}

div[hal_paneid=_iqc_VizIconRowPane]
{
	overflow: auto !important;
}

#_iqc #_iqc_divVizGalleryIconView
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: auto !important;
	overflow: unset !important;
}

</style>
	<div HAL_paneId="_iqc_DlgPane" HAL_dlgItemId="divRootPane" style="min-height: 375px;"></div>
	<div HAL_paneId="_iqc_MainColPane"></div>
	<div HAL_paneId="_iqc_MainRowPane"></div>
	<div HAL_paneId="_iqc_WrapperColPane"></div>
	<div HAL_paneId="_iqc_ToolbarRowPane">
		<table role="presentation" style="width:100%">
		<tr>
			<td style="width:300px;">
				<div HAL_dlgItemId="SearchBoxContainer" class="clsSearchBoxContainer">
					<svg class="clsSvgIcon16x16 clsSearchIcon"><use xlink:href="#def_hal_search_16x16"/></svg>
					<input HAL_dlgItemId="SearchInput" class="clsSearchBox" HAL_isSelectable="true" HAL_idsPlaceholder="IDS_SEARCH_PLACEHOLDER"/>
					<button HAL_dlgItemId="btnClearSearch" class="clsSearchBtnClear"><svg class="clsSvgIcon16x16"><use xlink:href="#def_clearSearchTextBtn"/></svg></button>
				</div>
			</td>	
			<td>
				<table HAL_dlgItemId="cboVizEngine" style="width:220px; margin-left:auto;" class="clsComboBox"></table>
			</td>
		</tr>
		</table>
	</div>

    <div HAL_paneId="_iqc_CreateCustomRowPane">
		<table role="presentation" style="width:100%; padding-top:5px">
			<tr>
				<td></td>
				<td style="width: 160px;" onclick="_iqc._gv9()"><div HAL_dlgItemId="divAddCustomViz"><svg class="clsSvgIcon16x16" style="margin-right: 5px;"><use xlink:href="#def_hal_add_16x16"/></svg><span HAL_ids="IDS_LBL_VIZ_GALLERY_ADD_CUSTOMVISUAL"></span></div></td>
			</tr>
		</table>
		<hr/>
	</div>

	<div HAL_paneId="_iqc_DetailsWrapperRowPane"></div>
	<div HAL_paneId="_iqc_DetailsWrapperColPane"></div>
	<div HAL_paneId="_iqc_DetailsRowPane"></div>
	<div HAL_paneId="_iqc_VizListColPane"></div>
	<div HAL_paneId="_iqc_VizListRowPane">
		<div class="clsListView" HAL_dlgItemId="divVizGalleryListView" style="width:100%; overflow:auto; border:0px; vertical-align:top;"></div>
	</div>
	<div HAL_paneId="_iqc_VizIconColPane"></div>
	<div HAL_paneId="_iqc_VizIconRowPane">
		<div class="clsListView" HAL_dlgItemId="divVizGalleryIconView" style="border:0px; overflow:auto; width:100%; vertical-align:top;"></div>
		<div HAL_dlgItemId="divVizGalleryNoCustom" style="display:none; flex-direction:column; justify-content:center; text-align:center; height:100%; padding-bottom:64px;">
			<div>	
				<svg viewBox="0 0 128 128" style="height:128px; width:128px;">
					<circle fill="var(--ui-03)" cx="44" cy="54" r="36"/>
					<path fill="var(--G2)" d="M35 102V42h-2v62h83v-2z"/>
					<path fill="var(--ui-01)" d="M68 54h14v40H68z"/>
					<path fill="var(--secondary1)" d="M42 74h18v22H42V74zm24-22h18v44H66V52zm2 42h14V54H68v40zm23-31v3h18v-3H91zm0 9h18v-3H91v3zm0 6h18v-3H91v3zm0 6h18v-3H91v3zm0 6h18v-3H91v3zm0 6h18v-3H91v3z"/>
				</svg>
				<div style="font-weight:bold; padding:40px 50px 5px 50px;" HAL_ids="IDS_NOCUSTOM_VISUAL_MSG"></div>
				<div id="idCustomVisuals_NoCustomVisualsMsg" style="padding:0 50px 5px 50px;" HAL_ids="IDS_NOCUSTOM_VISUAL_DETAILED_MSG"></div><style>#idCustomVisuals_btnAddCustomViz{background-color: var(--primary2);color: var(--ui-01);}#idCustomVisuals_btnAddCustomViz:hover{background-color: var(--primary1);}</style>
				<div HAL_dlgItemId="btnAddCustomViz"><button id="idCustomVisuals_btnAddCustomViz" class="clsDlgButton" style="border:none; height:40px; margin-top:20px; margin-left: 0px; min-width:120px; padding:0 24px" onclick="_iqc._gv9()" HAL_ids="IDS_LBL_VIZ_GALLERY_ADD_CUSTOMVISUAL"></button></div>
			</div>
		</div>
	</div>
	<div HAL_paneId="_iqc_PreviewColPane"></div>
	<div HAL_paneId="_iqc_VisDetailsPane" ondblclick="_iqc._9b7(event)">
		<div HAL_dlgItemId="divDeck" style="height:300px">
			<!--Card 0-->
			<div HAL_dlgItemId="divVisGalleryDetails" style="padding:20px; overflow:auto">
				<table border="0" cellpadding="0" cellspacing="0" width="100%">
					<tr>
						<td align="center">
							
							<!-- Preview and loading image -->
							<div HAL_dlgItemId="divDetailImageWrapper" style="width:270px;height:200px;">
								<div HAL_dlgItemId="divPreviewLoading" style="padding-top:100px;display:none;"></div>
								<img HAL_dlgItemId="imgDetailImage" src="images/1pixel.png" width="270" height="200"/>
							</div>

							<!-- Update and Delete Custom Viz -->
							<div HAL_dlgItemId="divUpdateDeleteCustomViz" style="text-align:right; padding-top:20px; display:none">
								<button HAL_dlgItemId="btnDeleteCustomViz" onclick="_iqc._co9()" style="border:none;">
									<svg class="clsSvgIcon16x16"><use xlink:href="#def_hal_delete_16x16"/></svg>
								</button>
							</div>
							
							<!-- Detail text -->
							<div HAL_dlgItemId="divDetailText" style="text-align:left;visibility:hidden;">
								<div style="width:10px;height:10px"></div>
								<div HAL_dlgItemId="divChartTitle" class="clsDialogText" style="font-size:13px;font-weight:bold;"></div>
								<div HAL_dlgItemId="divChartDesc" class="clsDialogText"></div>
								<div style="width:10px;height:10px"></div>
								<table class="clsDialogText" cellpadding="5" cellspacing="0" width="100%">
									<tr style="vertical-align:top" HAL_dlgItemId="trPreviewAuthor">
										<td style="white-space:nowrap;">
											<div HAL_ids="IDS_LBL_VIS_GALLERY_CHART_AUTHOR" style="font-weight:bold;">
											</div>
										</td>
										<td>
											<div HAL_dlgItemId="divChartAuthor">
											</div>
										</td>
									</tr>
									<tr style="vertical-align:top;">
										<td style="white-space:nowrap;">
											<div HAL_ids="IDS_LBL_VIS_GALLERY_DATASETS" style="font-weight:bold;">
											</div>
										</td>
										<td>
											<div HAL_dlgItemId="divChartDataSets">
											</div>
										</td>
									</tr>
									<tr style="vertical-align:top" HAL_dlgItemId="trPreviewId">
										<td style="white-space:nowrap;">
											<div HAL_ids="IDS_LBL_VIS_GALLERY_ID" style="font-weight:bold;">
											</div>
										</td>
										<td>
											<div HAL_dlgItemId="divChartId">
											</div>
										</td>
									</tr>
									<tr style="vertical-align:top" HAL_dlgItemId="trUpdated">
										<td style="white-space:nowrap;">
											<div HAL_ids="IDS_LBL_VIS_GALLERY_LAST_UPDATED" style="font-weight:bold;">
											</div>
										</td>
										<td>
											<div HAL_dlgItemId="divChartLastUpdated">
											</div>
										</td>
									</tr>
									<tr style="vertical-align:top" HAL_dlgItemId="trTags">
										<td style="white-space:nowrap;">
											<div HAL_dlgItemId="lblTags" HAL_ids="IDS_LBL_VIS_GALLERY_TAGS" style="font-weight:bold;">
											</div>
										</td>
										<td>
											<div HAL_dlgItemId="divChartTags">
											</div>
										</td>
									</tr>
								</table>
								<div HAL_dlgItemId="divServerWarning" style="padding-top:10px;">
									<svg class="clsSvgIcon16x16 clsGeoWarningIcon"><use xlink:href="#def_hal_icon_warning_16x16"/></svg>
									<span HAL_ids="IDS_MSG_VIS_GALLERY_SERVER_WARNING"></span>
									<span HAL_dlgItemId="spanWarningCheckbox" HAL_ids="IDS_MSG_VIS_GALLERY_SERVER_WARNING_CHECKBOX"></span>
								</div>
								<div HAL_dlgItemId="divUseRave2Equivalent" style="display:flex; justify-content:flex-end; padding-top:var(--8XS);">
									<label HAL_dlgItemFor="chkUseRave2Equivalent" class="clsToggle">
										<input HAL_dlgItemId="chkUseRave2Equivalent" type="checkbox"/><span HAL_ids="IDS_LBL_VIS_GALLERY_USE_RAVE2"></span>
									</label>
								</div>
							</div>
						</td>
					</tr>
				</table>
			</div>
			<!--Card 1 Empty div -->				
			<div style="width:100%; height:100%; white-space: normal; padding: 4px" class="clsListView" HAL_dlgItemId="EmptyPreview"></div>
		<!--end deck-->
		</div>
	</div>
	<div HAL_paneId="_iqc_ConvertPropertiesPane">
		<div HAL_ids="IDS_LBL_CONVERTPROPERTIES" class="clsLabel" style="margin-top:10px;"></div>		
		<div style="margin-bottom:8px">
			<label HAL_dlgItemFor="radProperties_preserve" class="clsRadioButton">
				<input HAL_dlgItemId="radProperties_preserve" HAL_dlgItemName="radProperties" type="radio" checked="true"/><span HAL_ids="IDS_VIS_GALLERY_PRESERVEPROPS"></span>
			</label>
		</div>
		<div>
			<label HAL_dlgItemFor="radProperties_useNew" class="clsRadioButton">
				<input HAL_dlgItemId="radProperties_useNew" HAL_dlgItemName="radProperties" type="radio"/><span HAL_ids="IDS_VIS_GALLERY_USENEWPROPS"></span>
			</label>
		</div>
	</div>
	<div HAL_paneId="_iqc_BtnBarPane" style="border-top:1px solid var(--G2);">
		<div class="clsDlgButtonBar">
			<button HAL_dlgItemId="btnCancel" isAppProfileId="true" class="clsDlgButton" onclick="_iqc._9jk();" HAL_isDefault="true" HAL_ids="IDS_HAL_BTN_CANCEL"></button>
			<button HAL_dlgItemId="btnOK" class="clsDlgButton" onclick="_iqc._bgn()" HAL_ids="IDS_HAL_BTN_OK" HAL_isPrimary="true"></button>
		</div>
	</div>
</div>
	]]></dialogHtml>
		<externalScripts>
			<externalScript src="hal/_uzf.js"/>
			<externalScript src="hal/_14b.js"/>
			<externalScript src="hal/_jgk.js"/>
			<!-- need to load these in order to use _7qn -->
			<externalScript src="cchl/_o0n.js"/>
			<externalScript src="VizProperties.js"/>
			<externalScript src="_7qn.js"/>
			<externalScript src="_aaj.js"/>			
		</externalScripts>
		<externalResources>
			<externalResource src="res/ChartGroupsLegacy.xml"/>
			<externalResource src="res/ChartGroups.xml"/>
			<externalResource src="res/ChartTemplates.xml"/>
			<externalResource src="res/ReportPresets.xml"/>
		</externalResources>
		<requireFiles>
			<requireFile src="halsvg!images/visualizations/viz_icons.svg"/>
		</requireFiles>
	</dialog>

	<panes id="DlgPane">
		<columnPane id="_iqc_MainColPane" parentResizeBehaviour="resize" defaultWidth="*" minWidth="200px">
			<rowPane id="_iqc_MainRowPane" defaultHeight="*" parentResizeBehaviour="resize" minHeight="100px">
				<columnPane id="_iqc_WrapperColPane" parentResizeBehaviour="resize" defaultWidth="*">
					<rowPane id="_iqc_ToolbarRowPane" defaultHeight="25px" overflow="hidden" minHeight="autoFromContents" parentResizeBehaviour="fixed"/>
					<rowPane id="_iqc_CreateCustomRowPane" overflow="hidden" defaultHeight="autoFromContents" parentResizeBehaviour="fixed"/>
					<rowPane id="_iqc_DetailsWrapperRowPane" parentResizeBehaviour="resize" defaultHeight="*">
						<columnPane id="_iqc_DetailsWrapperColPane" parentResizeBehaviour="resize" defaultWidth="*">
							<rowPane id="_iqc_DetailsRowPane" parentResizeBehaviour="resize" defaultHeight="*">
								<columnPane id="_iqc_VizListColPane" defaultWidth="15%" minWidth="10%" overflow="auto" parentResizeBehaviour="resize" splitterResizeBehaviour="resize">
									<rowPane id="_iqc_VizListRowPane" defaultHeight="*" minHeight="95%" overflow="hidden" fillPaneWith="_iqc_divVizGalleryListView" parentResizeBehaviour="resize"/>
								</columnPane>
								<columnSplitter classPrefix="clsInvisibleSplitterVertical"/>
								<columnPane id="_iqc_VizIconColPane" defaultWidth="50%" minWidth="40%" overflow="auto" parentResizeBehaviour="resize" splitterResizeBehaviour="resize">
									<rowPane id="_iqc_VizIconRowPane" defaultHeight="*" minHeight="95%" overflow="hidden" fillPaneWith="_iqc_divVizGalleryNoCustom _iqc_divVizGalleryIconView" parentResizeBehaviour="resize"/>
								</columnPane>
								<columnSplitter reserveSpace="true" classPrefix="clsExpandCollapseSplitterVertical" resizeOnMouseMove="true" allowExpandCollapse="true" collapsed="true" collapseDirection="right"/>
								<columnPane id="_iqc_PreviewColPane" defaultWidth="35%" minWidth="30%" overflow="auto" parentResizeBehaviour="resize" collapsed="true" splitterResizeBehaviour="resize">
									<rowPane id="_iqc_VisDetailsPane" defaultHeight="*" minHeight="95%" overflow="hidden" fillPaneWith="_iqc_divVisGalleryDetails" collapsed="true" parentResizeBehaviour="resize"/>
								</columnPane>
							</rowPane>
						</columnPane>
					</rowPane>
				</columnPane>
			</rowPane>
			<rowPane id="_iqc_ConvertPropertiesPane" defaultHeight="autoFromContents" minHeight="autoFromContents" parentResizeBehaviour="fixed"/>
			<rowPane id="_iqc_BtnBarPane" defaultHeight="autoFromContents" minHeight="autoFromContents" parentResizeBehaviour="fixed" isFlexContainer="true"/>
		</columnPane>
	</panes>

	<listView id="VizGalleryIconView" classPrefix="clsTemplateTheme" view="icon" allowCtrlDeselect="false" clipLabels="true" iconHeight="64px" iconWidth="64px" iconLabelWidth="120px">
		<listItems/>
	</listView>

	<listView id="VizGalleryListView" classPrefix="clsVizDialog" view="report">
		<listItems/>
	</listView>

	<comboBox id="VizEngineComboBox" type="dropDownList">
		<listView id="VizEngineListView">
			<listItems>
				<listItem id="_iqc_Vida" idsLabel="IDS_LBL_VIDA">vida</listItem>
				<listItem idsLabel="IDS_LBL_RAVE2">v2</listItem>
				<listItem idsLabel="IDS_LBL_RAVE1">v1</listItem>
				<listItem idsLabel="IDS_LBL_CHARTS">charts</listItem>
			</listItems>
		</listView>
	</comboBox>
</resources>