wazuh-kibana-app/public/templates/manager-status.html

<md-content flex layout="column" ng-if="!load && submenuNavItem == 'status'" ng-controller="managerStatusController"> 
    <div class='uil-ring-css' ng-show="load"><div></div></div>
	<div flex layout="column" ng-show="!load" layout-align="start stretch">
		<md-content class="joinCardsRow" layout="row" layout-align="start start">
			<md-card flex layout-align="start stretch" ng-repeat="(k,v) in daemons">
				<md-card-content layout="column" flex layout-align="start center">
					<p layout="row" style="" ng-class="getDaemonStatusClass(v)" class="round"></p>
					<p layout="row" style="text-align: center">{{k}}</p>
				</md-card-content>
			</md-card>
		</md-content>		
		
		<div class="joinCardsRow" layout="row" layout-align="start start">
			<md-card flex layout="column">
				<md-card-content style="text-align: center;">
					<div class="metric-value ng-binding" style="font-size: 19pt;">{{agentsCountTotal}}</div>
					<div class="ng-binding">Total agents</div>
				</md-card-content>
			</md-card>
			<md-card flex layout="column">
				<md-card-content style="text-align: center;">
					<div class="metric-value ng-binding" style="font-size: 19pt;">{{agentsCountActive}}</div>
					<div class="ng-binding">Active</div>
				</md-card-content>
			</md-card>
			<md-card flex layout="column">
				<md-card-content style="text-align: center;">
					<div class="metric-value ng-binding" style="font-size: 19pt;">{{agentsCountDisconnected}}</div>
					<div class="ng-binding">Disconnected</div>
				</md-card-content>
			</md-card>
			<md-card flex layout="column">
				<md-card-content style="text-align: center;">
					<div class="metric-value ng-binding" style="font-size: 19pt;">{{agentsCountNeverConnected}}</div>
					<div class="ng-binding">Never connected</div>
				</md-card-content>
			</md-card>
			<md-card flex layout="column" >
				<md-card-content style="text-align: center;">
					<div class="metric-value ng-binding" style="font-size: 19pt;text-align: center;">{{(agentsCoverity | number:2)}}%</div>
					<div class="ng-binding">Agents coverage</div>
				</md-card-content>
			</md-card>
		</div>
			
		<div layout="row" layout-align="start start">
			<md-card layout="column" flex="50">
				<md-card-content>
					<h3 class="wazuh-h3">Manager information</h3>
					<div layout="column">
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Version</p>
							<p class="right-text">{{managerInfo.version ? managerInfo.version : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Installation date</p>
							<p class="right-text">{{managerInfo.installation_date ? managerInfo.installation_date : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Installation path</p>
							<p class="right-text">{{managerInfo.path ? managerInfo.path : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Installation type</p>
							<p class="right-text">{{managerInfo.type ? managerInfo.type : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Agents limit</p>
							<p class="right-text">{{managerInfo.max_agents ? managerInfo.max_agents : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >OpenSSL Support</p>
							<p class="right-text">{{managerInfo.openssl_support ? managerInfo.openssl_support : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Total rules</p>
							<p class="right-text">{{totalRules ? totalRules : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Total decoders</p>
							<p class="right-text">{{totalDecoders ? totalDecoders : '-'}}</p>
						</span>
					</div>
				</md-card-content>
			</md-card>
			
			<md-card layout="column" flex="50">
				<md-card-content>
					<h3 class="wazuh-h3">Last registered agent</h3>
					<div layout="column" flex>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Name</p>
							<p class="right-text">{{agentInfo.name ? agentInfo.name : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >ID</p>
							<p class="right-text">{{agentInfo.id ? agentInfo.id : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Status</p>
							<p class="right-text">{{agentInfo.status ? agentInfo.status : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >IP Address</p>
							<p class="right-text">{{agentInfo.ip ? agentInfo.ip : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Date add</p>
							<p class="right-text">{{agentInfo.dateAdd ? agentInfo.dateAdd : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Version</p>
							<p class="right-text">{{agentInfo.version ? agentInfo.version : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Last keep alive</p>
							<p class="right-text">{{agentInfo.lastKeepAlive ? agentInfo.lastKeepAlive : '-'}}</p>
						</span>
						<span layout="row">
							<p style="font-weight: bold; min-width: 150px" >Operating system</p>
							<p class="right-text">{{agentInfo.os.name ? agentInfo.os.name + agentInfo.os.version : agentInfo.os.uname ? agentInfo.os.uname : '-'}}</p>
						</span>	
					</div>
				</md-card-content>
			</md-card>
		</div>
	</div>
</md-content>