File: //usr/local/CyberCP/emailPremium/templates/emailPremium/emailLimits.html
{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}{{ domain }} Email Limits - CyberPanel{% endblock %}
{% block content %}
{% load static %}
{% get_current_language as LANGUAGE_CODE %}
<!-- Current language: {{ LANGUAGE_CODE }} -->
<div ng-controller="emailDomainPage" class="container">
<div id="page-title">
<h2 ><span id="domainNamePage">{{ domain }}</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 "Email Limits Docs" %}</span></a></h2>
<p>{% trans "View and change email limits for a domain name." %}</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 "Domain 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>Domain</th>
<th>Emails Accounts</th>
<th>Monthly Limit</th>
<th>Monthly Used</th>
<th>Limit Status</th>
<th>Operations</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>{{ domain }}</code></td>
<td><code>{{ emailAccounts }}</code></td>
<td><code>{{ monthlyLimit }}</code></td>
<td><code>{{ monthlyUsed }}</code></td>
<td>
<img style="margin-right: 4%;" ng-show="{{ limitsOn }}" title="{% trans 'Limits are being Applied!' %}" src="{% static 'mailServer/vpsON.png' %}">
<button ng-click="enableDisableEmailLimits(0, '{{ domain }}')" ng-show="{{ limitsOn }}" class="btn ra-100 btn-danger">{% trans 'Disable' %}</button>
<img style="margin-right: 4%;" ng-show="{{ limitsOff }}" title="{% trans 'Limits are not being applied!' %}" src="{% static 'mailServer/vpsOff.png' %}">
<button ng-click="enableDisableEmailLimits(1, '{{ domain }}')" ng-show="{{ limitsOff }}" class="btn ra-100 btn-success">{% trans 'Enable' %}</button>
</td>
<td>
<a ng-click="showLimitsForm()"><button class="btn ra-100 btn-blue-alt">{% trans 'Edit' %}</button></a>
</td>
</tr>
</tbody>
</table>
</div>
<div ng-hide="changeLimitsForm" class="col-md-12">
<form name="websiteCreationForm" 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="monthlyLimit" 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"></label>
<div class="col-sm-4">
<button type="button" ng-click="changeDomainEmailLimits('{{ domain }}')" 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, refreshing in 3 seconds." %}</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 Resource Usage" %} <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-12">
<input type="text" ng-model="emailSearch" placeholder="{% trans 'Search Emails..' %}" class="form-control autocomplete-input">
</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>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>Operations</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="email in emailList | filter:emailSearch">
<td ><code ng-bind="email.email"></code></td>
<td><code ng-bind="email.monthlyLimit"></code></td>
<td><code ng-bind="email.monthlyUsed"></code></td>
<td><code ng-bind="email.hourlyLimit"></code></td>
<td><code ng-bind="email.hourlyUsed"></code></td>
<td>
<img style="margin-right: 4%;" ng-show="email.status==1" title="{% trans 'Limits are being Applied!' %}" src="{% static 'mailServer/vpsON.png' %}">
<button ng-click="enableDisableIndividualEmailLimits(0, email.email)" ng-show="email.status==1" class="btn ra-100 btn-danger">{% trans 'Disable' %}</button>
<img style="margin-right: 4%;" ng-show="email.status==0" title="{% trans 'Limits are not being applied!' %}" src="{% static 'mailServer/vpsOff.png' %}">
<button ng-click="enableDisableIndividualEmailLimits(1, email.email)" ng-show="email.status==0" class="btn ra-100 btn-success">{% trans 'Enable' %}</button>
</td>
<td>
<a href="/emailPremium/{$ email.email $}"><button class="btn ra-100 btn-blue-alt">{% trans 'Manage' %}</button></a>
</td>
</tr>
</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="getFurtherEmailsFromDB({{ 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 %}