mongo-express-enhanced
Version:
Web-based admin interface for MongoDB
195 lines (179 loc) • 6.63 kB
HTML
{% extends 'layout.html' %}
{% block title %}Home{% endblock %}
{% block breadcrumb %}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Database<span class="caret"></span></a>
<ul class="dropdown-menu">
{% for db in databases %}
<li><a href="{{ baseHref }}db/{{ db | url_encode }}/">{{ db }}</a></li>
{% endfor %}
</ul>
</li>
{% endblock %}
{% block content %}
<div class="panel panel-default">
<div class="panel-heading">
<div style="display: inline-block;">
<h4 style="font-weight: bold;">Databases</h4>
</div>
{% if !settings.read_only %}
<form class="form-inline" method="POST" style="float:right;">
<div class="input-group">
<input class="form-control" type="text" id="database" name="database" placeholder="Database Name" title="Database Name">
<span class="input-group-btn">
<button type="submit" class="btn btn-primary pull-right">
<span class="glyphicon glyphicon-plus"></span>
Create Database
</button>
</span>
</div>
</form>
{% endif %}
</div>
<div class="panel-body no-padding">
<table class="table table-bordered table-striped table-condensed no-margin">
{% for db in databases %}
<tr>
<td class="col-md-2">
<a href="{{ baseHref }}db/{{ db | url_encode }}/" class="btn btn-success btn-block" >
<span class="glyphicon glyphicon-eye-open"></span><br>View
</a>
</td>
<td><h3><a href="{{ baseHref }}db/{{ db | url_encode }}/">{{ db }}</a></h3></td>
{% if !settings.read_only && !settings.no_delete %}
<td class="col-md-2">
<form method="POST" action="{{ baseHref }}{{ db | url_encode }}" style="margin: 0px;">
<input type="hidden" name="_method" value="delete">
<button type="submit" class="hidden"></button>
<button type="button" class="btn btn-danger btn-block deleteButton" database-name="{{ db }}" >
<span class="glyphicon glyphicon-trash"></span><br>Del
</button>
</form>
</td>
{% endif %}
</tr>
{% endfor %}
</table>
</div>
</div>
{% if !settings.read_only && !settings.no_delete %}
<div id="confirm-deletion" class="modal fade" role="dialog" aria-labelledby="confirmDeletionLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Delete database</h4>
</div>
<div class="modal-body">
<p>
Be careful! You are about to delete whole <strong><span id="modal-database-name"></span></strong> database.
</p>
<p>
<label for="confirmation-input">Type the database name to proceed.</label>
<input type="text" id="confirmation-input" name="confirmation-input" shouldbe="" value="" />
</p>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn btn-danger" id="delete">Delete</button>
<button type="button" data-dismiss="modal" class="btn">Cancel</button>
</div>
</div>
</div>
</div>
<!--h2>Create Database</h2>
<form class="well form-inline" method="POST">
<div class="form-group">
<input class="input-medium" type="text" id="database" name="database" placeholder="Database Name" title="Database Name">
</div>
<button type="submit" class="btn btn-primary pull-right">
<span class="glyphicon glyphicon-plus"></span>
Create Database
</button>
</form-->
{% endif %}
{% if info == false %}
<h2>Server Status</h2>
<p>
Turn on admin in config.js to view server stats!
</p>
{% else %}
<div class="panel panel-default stats">
<div class="panel-heading">
<h4 style="font-weight: bold;">Server Status</h4>
</div>
<table class="table table-bordered table-striped">
<tr>
<td class="span2"><strong>Hostname</strong></td>
<td class="span3" id="dbHost">{{ info.host }}</td>
<td class="span2"><strong>MongoDB Version</strong></td>
<td class="span3" id="dbVersion">{{ info.version }}</td>
</tr>
<tr>
<td><strong>Uptime</strong></td>
<td>{{ info.uptime }} seconds {% if info.uptime > 86400 %} ({{ Math.floor( info.uptime/86400 ) }} days) {% endif %}</td>
<td><strong>Server Time</strong></td>
<td>{{ info.localTime|date('r') }}</td>
</tr>
<tr><td colspan="4"> </td></tr>
<tr>
<td><strong>Current Connections</strong></td>
<td>{{ info.connections.current }}</td>
<td><strong>Available Connections</strong></td>
<td>{{ info.connections.available }}</td>
</tr>
<tr>
<td><strong>Active Clients</strong></td>
<td>{{ info.globalLock.activeClients.total }}</td>
<td><strong>Queued Operations</strong></td>
<td>{{ info.globalLock.currentQueue.total }}</td>
</tr>
<tr>
<td><strong>Clients Reading</strong></td>
<td>{{ info.globalLock.activeClients.readers }}</td>
<td><strong>Clients Writing</strong></td>
<td>{{ info.globalLock.activeClients.writers}}</td>
</tr>
<tr>
<td><strong>Read Lock Queue</strong></td>
<td>{{ info.globalLock.currentQueue.readers }}</td>
<td><strong>Write Lock Queue</strong></td>
<td>{{ info.globalLock.currentQueue.writers}}</td>
</tr>
<tr><td colspan="4"> </td></tr>
<tr>
<td><strong>Disk Flushes</strong></td>
<td>{{ info.backgroundFlushing.flushes }}</td>
<td><strong>Last Flush</strong></td>
<td>{{ info.backgroundFlushing ? info.backgroundFlushing.last_finished|date('r') : '' }}</td>
</tr>
<tr>
<td><strong>Time Spent Flushing</strong></td>
<td>{{ info.backgroundFlushing.total_ms }} ms</td>
<td><strong>Average Flush Time</strong></td>
<td>{{ info.backgroundFlushing.average_ms }} ms</td>
</tr>
<tr><td colspan="4"> </td></tr>
<tr>
<td><strong>Total Inserts</strong></td>
<td>{{ info.opcounters.insert }}</td>
<td><strong>Total Queries</strong></td>
<td>{{ info.opcounters.query}}</td>
</tr>
<tr>
<td><strong>Total Updates</strong></td>
<td>{{ info.opcounters.update}}</td>
<td><strong>Total Deletes</strong></td>
<td>{{ info.opcounters.delete}}</td>
</tr>
</table>
</div>
{% endif %}
{#
# Still need to add global lock time stats and replica set stats
#}
{% endblock %}
{% block scripts %}
{% if !settings.read_only %}
<script src="{{ baseHref }}{{ assets.index.js }}"></script>
{% endif %}
{% endblock %}