analytics/webcontent/bi/js/dashboard-analytics/drill-through/templates/DrillThroughDefinitionView.html

<div class="dtEditContent">

		<div class="dtEditTitle">
			<div class="dtEditMainTitle">
				<div class="dtHeadingLeft">
					<div title="{{!it.StringResources.get('dlg_back')}}" class="dtIcon dtBackIcon" tabindex="0" aria-label="{{!it.StringResources.get('dlg_back')}}">
						<svg class="svgIcon" role="presentation">
							<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#{{!it.previousIcon}}"></use>
						</svg>
					</div>
					<div class="badg-title" tabindex="0" aria-label="{{!it.title}}" title="{{!it.title}}">{{!it.title}}</div>
				</div>

				<div title="{{!it.StringResources.get('dlg_close')}}" class="dtIcon dtCloseBtnIcon wfg_shape_x" tabindex="0" aria-label="{{!it.StringResources.get('dlg_close')}}"></div>
			</div>

			<div tabindex="0" title="{{!it.subTitle}}" class="dtEditSubTitle">{{!it.subTitle}}</div>
		</div>

		<div class="dtTitleInput"></div>

		{{? it.isReportPerspective }}
		<div role="table" class="dtEditTable">

			<div role="row" class="dtEditTableHeader">
				<div role="columnheader" class="dtEditTableCol">
					<span class="dtIcon">
						<svg class="svgIcon" role="presentation">
							<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#{{!it.reportIcon}}"></use>
						</svg>
					</span>
						<span tabindex="0" aria-label="{{!it.parametersTitle}}" title="{{!it.parametersTitle}}" class="dtTableHeaderTitle">
							{{!it.parametersTitle}}
						</span>
				</div>
				<div role="columnheader" class="dtEditTableCol">
					<span class="dtIcon">
						<svg class="svgIcon" role="presentation">
							<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#{{!it.dashboardIcon}}"></use>
						</svg>
					</span>
					<span tabindex="0" aria-label="{{!it.metadataTitle}}" title="{{!it.metadataTitle}}" class="dtTableHeaderTitle">
						{{!it.metadataTitle}}
					</span>
				</div>
			</div>

			<div role="rowgroup" class="dtEditTableRows">

				{{ for (var i = 0; i < it.rowSize; i++) { }}
					<div role="row" class="dtEditTableRowsItem {{? it.getRow(i).state.selectedIndex >= 0 }} mapped {{?}}">
						<div role="cell" class="dtEditTableCol">
							<div  tabindex="0" aria-label="{{!it.getRow(i).caption}}"></div>
							<span class="dtIcon dt-checkbox-icon row_checkIcon row_checkIcon_{{=i}}">
								{{? it.getRow(i).state.selectedIndex >= 0 }}
								<label class="dt-checked" ></label>
								{{??}}
									<label class="dt-checked hidden" ></label>
								{{?}}
							</span>
							<span title="{{!it.getRow(i).caption}}" class="dtTableHeaderTitle">
								{{!it.getRow(i).caption}}
							</span>
						</div>
						<div role="cell" class="dtEditTableCol selectColoumns">
							<div class="dtSelect">

								<div aria-activedescendant="dt-activedescendant" role="button" tabindex="0" class="dtColDropdown" data-rowId="{{=i}}"  aria-expanded="false">
									<span class="dtColDropdownLabel"
										aria-label="
										{{? it.getRow(i).state.selectedIndex >= 0 }}
											{{!it.getRow(i).state.values[it.getRow(i).state.selectedIndex]}}
										{{??}}
											{{!it.noMappingText}}
										{{?}}"
									>
										{{? it.getRow(i).state.selectedIndex >= 0 }}
											{{!it.getRow(i).state.values[it.getRow(i).state.selectedIndex]}}
										{{??}}
											{{!it.noMappingText}}
										{{?}}
									</span>
									<span class="dtDropDownIcon dtIcon ">
										<svg class="svgIcon" role="presentation">
											<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#{{!it.chevronLeftIcon}}"></use>
										</svg>
									</span>
								</div>
							</div>
						</div>
					</div>
				{{ } }}
			</div>
		</div>
		 {{?}}
		<div class="dtEditFooter"></div>
	</div>