<div class="tab-content job-tabpanel__panels" id="job-tabpanel__panels">
	<span class="job-tabpanel__krutilka"><span class="krutilka fa fa-circle-o-notch fa-spin"></span>&ensp;Loading... </span>
</div>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="tabTemplate">
	<li class="nav-item job-tabpanel__tab" id="job-tabpanel__tab__<%= tab %>" data-tab="<%= tab %>">
			<% if (tab.split('__')[0] == "custom") { %>
				<a class="nav-link" href="#job-tabpanel__panel__<%= tab %>" data-toggle="tab" data-tab="<%= tab %>" style="padding-right: 32px;">
					<%= title %>
				</a>
				<span class="fa fa-times-circle-o delete-custom-report" data-id=<%= tab.split('__')[1] %> data-title=<%= title %>></span>
			<% } else { %>
				<a class="nav-link" href="#job-tabpanel__panel__<%= tab %>" data-toggle="tab" data-tab="<%= tab %>">
					<%= title %>
				</a>
			<% } %>
	</li>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="panelTemplate">
	<div role="tabpanel" class="tab-pane job-tabpanel__panel b-overload-offline-panel" id="job-tabpanel__panel__<%= tab %>"></div>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="controlsTemplate">
    <div class="btn-group job-controls__group" data-toggle="buttons" id="job-controls__group__<%= tab %>__<%= name %>" role="group">
	</div>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="buttonTemplate">
    <button class="btn btn-sm btn-secondary job-controls__<%= tab %>__button" data-control="<%= controls_name %>" data-val="<%= button_name %>" >
		<%= button_title %>
	</button>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="plotsContainerTemplate">
	<div class="row b-overload-onlinepage__charts" id="b-overload-onlinepage__charts__<%= tab %>">
	</div>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="plotTemplate">
	<div class="col-lg-6 job-plots__container" id="job-plots__<%= tab %>__<%= plot_type %><%= host %>" data-host="<%= host %>">
		<span class="job-plots__krutilka" id="job-plots__krutilka__<%= plot_type %><%= host %>"><span class="krutilka fa fa-circle-o-notch fa-spin"></span><%= plot_type %>@<%= host %></span>
    </div>
</script>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/html" id="noDataTemplate">
	<div style="text-align: center; padding-top: 10px; color: #3E576F; font-size: 16px;"><%= plotType %>@<%= host %></div>
	<div style="padding: 2em 0; text-align: center; color: #3E576F; font-size: 300%;">No Data</div>
</script>

<script  type="text/html" id="customToggleTemplate">
	<li role="presentation" class="dropdown" id="cur-toggle-tab"> 
		<a aria-expanded="false" href="#" id="cur-toggle" class="dropdown-toggle" data-toggle="dropdown" aria-controls="cur-contents" style="padding: 12px 11px 6px; border-bottom: none;">
			<i style="cursor: pointer; color: #A0A0A0; font-size: 18px;" class="fa fa-plus"></i>
		</a> 
		<div class="dropdown-menu" aria-labelledby="cur-toggle" id="cur-contents" style="border-color: #91AF59; font-size:12px; background-color: #fafafa;">
		</div>
	</li>
</script>

<link href="/media/css/onlinepage.css?version=37" type="text/css" rel="stylesheet" />
<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type='text/javascript' src='/media/js/onlinepage/tabpanel.js?version=37.1'></script>