analytics/webcontent/bi/js/content_apps/common/templates/PolicyDetail.html

<div style="padding: 10px">
	<div class="policyDetailTitle">{{=it.strings.title}}</div>
	<div class="policyHeaderRow">
		<div class="policyHeaderLeft ellipses">{{=_.escape(it.owner)}}</div>
		<div class="policyHeaderRight">
			<div class="policyHeaderSeparator" ></div>
			<div class="simplifiedPermission">{{=it.simpliedPolicy}}</div>
		</div>
	</div>
	<div class="propertyUIControl policyDetail"> 
		<table class="propertyRow" summary="{{=it.strings.title}}" role="grid" tabindex="0">
			<thead>
				<tr style=" position:absolute; left:-9999px">
					<th scope="col">{{=it.strings.columnLabelAccess}}</th>   
					<th scope="col">{{=it.strings.columnLabelPermission}}</th>
					<th scope="col">{{=it.strings.columnLabelAction}}</th>
				</tr>
			</thead>
			<tbody>

			{{ for(var prop in it.permIcons) { }}
				<tr>
					<td class="permission_{{=prop}}">
						<div title="{{=it.permIcons[prop].tooltip}}" alt="{{=it.permIcons[prop].tooltip}}" role="img" aria-label="{{=it.permIcons[prop].tooltip}}" tabindex="0">
							<svg role="presentation" class="svgIcon">
								<text>{{=it.permIcons[prop].tooltip}}</text>
								<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="{{=it.permIcons[prop].icon}}"></use>
							</svg>
						</div>
					</td>
					<td scope="row" class="policyDetailLabel" role="gridcell" aria-label="{{=it.permIcons[prop].label}}" tabindex="0">{{=it.permIcons[prop].label}}</td>
					<td id="{{=prop}}_id">
						{{?it.canModify}}
						<div role="button" class="clickable" aria-haspopup="true" name="{{=prop}}" tabindex="0" id="policyDetailsDropDown" aria-label="{{=it.strings.setAccess}}">
							<svg class="svgIcon">
								<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#common-titan-arrow-down"></use>
							</svg>
						</div>
						{{?}}
					</td>
				</tr>
			{{ } }}
			</tbody>
		</table>
		</div>
</div>