server-man/web/templates/dashboard.html

Web UI dashboard for PM2 admins

<div class=row><div class="col-lg-3 col-md-6 col-xs-12"><rd-widget><rd-widget-body><div class="widget-icon green pull-left"><i class="fa fa-tasks"></i></div><div class=title><span ng-bind=dashboard.totalApps></span></div><div class=comment>Appilcations</div></rd-widget-body></rd-widget></div><div class="col-lg-3 col-md-6 col-xs-12"><rd-widget><rd-widget-body><div class="widget-icon red pull-left"><i class="fa fa-tasks"></i></div><div class=title><span ng-bind=dashboard.topbar.brokenApps></span></div><div class=comment>Applications Down</div></rd-widget-body></rd-widget></div><div class="col-lg-3 col-md-6 col-xs-12"><rd-widget><rd-widget-body><div class="widget-icon orange pull-left"><i class="fa fa-refresh"></i></div><div class=title><span ng-bind=dashboard.topbar.totalUnstableRestarts></span></div><div class=comment>Unstable Restarts</div></rd-widget-body></rd-widget></div><div class="col-lg-3 col-md-6 col-xs-12"><rd-widget><rd-widget-body><div class="widget-icon blue pull-left"><i class="fa fa-clock-o"></i></div><div class=title><span ng-bind=dashboard.hostName></span></div><div class=comment><span ng-bind=dashboard.topbar.uptime|duration></span></div></rd-widget-body></rd-widget></div></div><div class=row><div class=col-lg-6><rd-widget><rd-widget-header icon="fa-cog fa-spin" title="Memory Status"></rd-widget-header><rd-widget-body classes="large no-padding"><area-chart type=memory></area-chart></rd-widget-body></rd-widget></div><div class=col-lg-6><rd-widget><rd-widget-header icon="fa-cog fa-spin" title="Processor Status"></rd-widget-header><rd-widget-body classes="large no-padding"><area-chart type=cpu></area-chart></rd-widget-body></rd-widget></div></div><div class=row><div class=col-lg-12><rd-widget><rd-widget-header icon=fa-tasks title=Applications><div action class=form-inline><div class="dropdown pull-right"><a href=# class=dropdown-toggle><i class="fa fa-cogs"></i></a><ul class="dropdown-menu dropdown-menu-right"><li class=dropdown-header>Operations</li><li class=divider></li><li><a href=# ng-click=restartAll()><i class="fa fa-refresh"></i> Restart All</a></li><li><a href=# ng-click=stopAll()><i class="fa fa-stop"></i> Stop All</a></li><li><a href=# ng-click=killAll()><i class="fa fa-ban"></i> Kill All</a></li></ul></div></div></rd-widget-header><rd-widget-body classes="medium no-padding"><div class=table-responsive><table class=table><thead><tr><th>Application Name</th><th>Mode</th><th>Uptime</th><th>Restarts</th><th>Status</th></tr></thead><tbody><tr ng-repeat="process in dashboard.processes" ng-class="{danger:process.pm2_env.status!=='online',success:process.pm2_env.status==='online'}"><td><a href=#/applicationData/{{process.pm_id}}><span ng-bind=process.name></span></a></td><td><span ng-bind=process.pm2_env.exec_mode></span></td><td><span ng-bind=process.pm2_env.pm_uptime|duration:true></span></td><td><span ng-bind=process.pm2_env.restart_time></span></td><td><span class=text-success ng-if="process.pm2_env.status=='online'"><i class="fa fa-check"></i></span> <span class=text-danger ng-if="process.pm2_env.status!='online'"><i class="fa fa-warning"></i></span></td></tr></tbody></table></div></rd-widget-body></rd-widget></div></div>