File: //usr/local/CyberCP/emailPremium/templates/emailPremium/emailPage.html
{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}{{ emailAddress }} Limits - CyberPanel{% endblock %}
{% block content %}
{% load static %}
{% get_current_language as LANGUAGE_CODE %}
<!-- Current language: {{ LANGUAGE_CODE }} -->
<div ng-controller="emailPage" class="container">
<div id="page-title">
<h2 ><span id="emailAddress">{{ emailAddress }}</span> - <a target="_blank" href="http://go.cyberpanel.net/emailLimits" style="height: 23px;line-height: 21px;" class="btn btn-border btn-alt border-red btn-link font-red" title=""><span>{% trans "Emai Limits Docs" %}</span></a></h2>
<p>{% trans "View and change limits for an Email Address." %}</p>
</div>
{% if not error %}
<div class="example-box-wrapper">
<div style="border-radius: 25px;border-color:#3498db" class="content-box">
<h3 class="content-box-header bg-blue">
{% trans "Email Resource Usage" %} <img ng-hide="emailLimitsLoading" src="/static/images/loading.gif">
</h3>
<div class="content-box-wrapper">
<div class="row">
<div class="col-md-12">
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="datatable-example">
<thead>
<tr>
<th>Email</th>
<th>Monthly Limit</th>
<th>Monthly Used</th>
<th>Hourly Limit</th>
<th>Hourly Used</th>
<th style="width: 15%;">Limit Status</th>
<th style="width: 15%;">Logs</th>
<th>Operations</th>
</tr>
</thead>
<tbody>
<tr>
<td ><code ng-model="email">{{ emailAddress }}</code></td>
<td><code>{$ monthlyLimit $}</code></td>
<td><code>{$ monthlyUsed $}</code></td>
<td><code>{$ hourlyLimit $}</code></td>
<td><code>{$ hourlyUsed $}</code></td>
<td>
<img style="margin-right: 4%;" ng-hide="limitsOn" title="{% trans 'Limits are being Applied!' %}" src="{% static 'mailServer/vpsON.png' %}">
<button ng-click="enableDisableIndividualEmailLimits(0, '{{ emailAddress }}')" ng-hide="limitsOn" class="btn ra-100 btn-danger">{% trans 'Disable' %}</button>
<img style="margin-right: 4%;" ng-hide="limitsOff" title="{% trans 'Limits are not being applied!' %}" src="{% static 'mailServer/vpsOff.png' %}">
<button ng-click="enableDisableIndividualEmailLimits(1, '{{ emailAddress }}')" ng-hide="limitsOff" class="btn ra-100 btn-success">{% trans 'Enable' %}</button>
</td>
<td>
<img style="margin-right: 4%;" ng-hide="loggingOn" title="{% trans 'Logging in ON!' %}" src="{% static 'mailServer/vpsON.png' %}">
<button ng-click="enableDisableIndividualEmailLogs(0, '{{ emailAddress }}')" ng-hide="loggingOn" class="btn ra-100 btn-danger">{% trans 'Disable' %}</button>
<img style="margin-right: 4%;" ng-hide="loggingOff" title="{% trans 'Logging is Off' %}" src="{% static 'mailServer/vpsOff.png' %}">
<button ng-click="enableDisableIndividualEmailLogs(1, '{{ emailAddress }}')" ng-hide="loggingOff" class="btn ra-100 btn-success">{% trans 'Enable' %}</button>
</td>
<td>
<button ng-click="showLimitsForm()" class="btn ra-100 btn-blue-alt">{% trans 'Edit' %}</button>
</td>
</tr>
</tbody>
</table>
</div>
<div ng-hide="changeLimitsForm" class="col-md-12">
<form action="/" class="form-horizontal bordered-row">
<div class="form-group">
<label class="col-sm-3 control-label">{% trans "Monthly Limit" %}</label>
<div class="col-sm-6">
<input name="dom" type="number" class="form-control" ng-model="monthlyLimitForm" required>
</div>
<div style="margin-bottom: 1%;" class=" col-sm-1">
<a title="{% trans 'Cancel' %}" ng-click="hideLimitsForm()" href=""><img src="/static/images/close-32.png"></a>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">{% trans "Hourly Limit" %}</label>
<div class="col-sm-6">
<input name="dom" type="number" class="form-control" ng-model="hourlyLimitForm" required>
</div>
<div style="margin-bottom: 1%;" class=" col-sm-1">
<a title="{% trans 'Cancel' %}" ng-click="hideLimitsForm()" href=""></a>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"></label>
<div class="col-sm-4">
<button type="button" ng-click="changeDomainEmailLimitsIndividual()" class="btn btn-primary btn-lg btn-block">{% trans "Change Limits" %}</button>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"></label>
<div class="col-sm-4">
<div ng-hide="changeLimitsFail" class="alert alert-danger">
<p>{% trans "Can not change limits. Error message:" %} {$ errorMessage $}</p>
</div>
<div ng-hide="changeLimitsSuccess" class="alert alert-success">
<p>{% trans "Limits successfully changed." %}</p>
</div>
<div ng-hide="couldNotConnect" class="alert alert-danger">
<p>{% trans "Could not connect to server. Please refresh this page." %}</p>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="example-box-wrapper">
<div style="border-radius: 25px;border-color:#3498db" class="content-box">
<h3 class="content-box-header bg-blue">
{% trans "Email Logs" %} <img ng-hide="emailLimitsLoading" src="/static/images/loading.gif">
</h3>
<div class="content-box-wrapper">
<div class="row">
<div style="margin-bottom: 1%" class="col-md-10">
<input type="text" ng-model="logSearch" placeholder="{% trans 'Search Emails Logs..' %}" class="form-control autocomplete-input">
</div>
<div style="margin-bottom: 1%" class="col-md-2">
<button ng-click="flushLogs('{{ emailAddress }}')" ng-hide="loggingOn" class="btn ra-100 btn-danger">{% trans 'Flush Logs' %}</button>
</div>
<div class="col-md-12">
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="datatable-example">
<thead>
<tr>
<th>ID</th>
<th>Source</th>
<th>Destination</th>
<th>Time</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="log in logs | filter:logSearch">
<td ><code ng-bind="log.id"></code></td>
<td><code ng-bind="log.source"></code></td>
<td><code ng-bind="log.destination"></code></td>
<td><code ng-bind="log.time"></code></td>
</tbody>
</table>
<div ng-hide="listFail" class="alert alert-danger">
<p>{% trans "Cannot list websites. Error message:" %} {$ errorMessage $}</p>
</div>
<div class="row">
<div class="col-sm-4 col-sm-offset-8">
<nav aria-label="Page navigation">
<ul class="pagination">
{% for items in pagination %}
<li ng-click="getLogEntries({{ forloop.counter }})" id="webPages"><a href="">{{ forloop.counter }}</a></li>
{% endfor %}
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% else %}
<div class="alert alert-danger">
<p>{{ domain }}</p>
</div>
{% endif %}
</div>
{% endblock %}