graphdb-workbench/dist/pages/monitor/resources.html

The web application for GraphDB APIs

	<link href="css/jmx.css?v=1.11.3-TR1" rel="stylesheet" />

	<!-- 	nvd3 css and js  starts-->
	<link href="js/lib/nvd3/nv.d3.css?v=1.11.3-TR1" rel="stylesheet" />


	<div class="hiddenVariables" style="display: none;">
		<div class="localUse">${localUse}</div>
		<div class="jmxServer">${jmxServer}</div>
	</div>

	<h1>
		{{title}}
		<span class="btn btn-link"
			uib-popover-template="'js/angular/templates/titlePopoverTemplate.html'"
			popover-trigger="mouseenter"
			popover-placement="bottom-right"
			popover-append-to-body="true"><span class="icon-info"></span></span>
	</h1>

	<div id="wb-monitoringResources" class="ot-owlim-resources">
		<div class="row ng-scope" ng-show="!loader && jolokiaError">
			<p class="alert alert-danger">
				Jolokia error: {{jolokiaError}}.
				<br/>
				Refresh the page to retry.
			</p>
		</div>

		<div>
			<div class="ot-loader ot-main-loader" onto-loader size="50" ng-show="loader"></div>

			<div ng-hide="loader || jolokiaError">
				<div class="container graphics row">
					<div class="tabbable">
					   <ul class="nav nav-tabs">
						  <li class="tab1Li nav-item" ><span class="nav-link" ng-click="activeTab = 'memory'" ng-class="activeTab == 'memory' ? 'active':''">Memory</span></li>
						  <li class="tab2Li nav-item" ><span class="nav-link" ng-click="activeTab = 'threads'" ng-class="activeTab == 'threads' ? 'active':''">Threads</span></li>
						  <li class="tab3Li nav-item" ><span class="nav-link" ng-click="activeTab = 'cpu'" ng-class="activeTab == 'cpu' ? 'active':''">CPU</span></li>
						  <li class="tab4Li nav-item" ><span class="nav-link" ng-click="activeTab = 'classes'" ng-class="activeTab == 'classes' ? 'active':''">Classes</span></li>
					   </ul>
					   <div class="tab-content">
						  <div class="tab-pane fade in" ng-class="activeTab == 'memory' ? 'active':''" id="tab1">
							<div id="heapMemoryGraphic">
								<br>
								<h2 class="pull-left">Heap Memory Usage</h2>

								<div class="pull-right">
									<a id="wb-monitoringQueries-garbadgeCollector" ng-click="garbadgeCollector()" ng-hide="garbadgeCollectorLoader" class="btn btn-sm btn-primary performGC" href>Perform GC</a>
								</div>

								<div onto-loader size="31" ng-show="garbadgeCollectorLoader" class=" ot-loader onto-loader-performGC"></div>

								<div nvd3 options="chartMemoryOptions" data="data.memoryUsage" config="chartConfig" style="height: 500px;"></div>
							</div>
						  </div>
						  <div class="tab-pane fade in" ng-class="activeTab == 'threads' ? 'active':''" id="tab2">
							<div id="threadsGraphic">
								<br>
								<h2>Threads</h2>
								<div nvd3 options="chartOptions" data="data.threadCount" config="chartConfig" style="height: 500px;"></div>
							</div>
						  </div>
						  <div class="tab-pane fade in" ng-class="activeTab == 'cpu' ? 'active':''" id="tab3">
							<div id="CPUUsageGraphic">
								<br>
								<h2>System CPU Load</h2>
								<div nvd3 options="chartCPUOptions" data="data.cpuLoad" config="chartConfig" style="height: 500px;"></div>
							</div>
						  </div>
						  <div class="tab-pane fade in" ng-class="activeTab == 'classes' ? 'active':''" id="tab4">
							<div id="classesGraphic">
								<br>
								<h2>Loaded Classes Count</h2>
								<div nvd3 options="chartOptions" data="data.classCount" config="chartConfig" style="height: 500px;"></div>
							</div>
						  </div>
					   </div>
					</div>
				</div>
			</div>
		</div>
	</div>