app: add recvmail section

part of cloudron/box#804
This commit is contained in:
Girish Ramakrishnan
2021-10-02 03:03:15 -07:00
parent 0c48159244
commit 7b973f88e8
3 changed files with 148 additions and 16 deletions

View File

@@ -949,7 +949,7 @@
</div>
<div class="card" ng-show="view === 'email'">
<div class="row">
<div class="row" ng-show="app.manifest.addons.sendmail">
<div class="col-md-12">
<label class="control-label">{{ 'app.email.from.title' | tr }} <sup><a ng-href="https://docs.cloudron.io/apps/#mail-from-address" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
@@ -962,10 +962,10 @@
<div ng-style="{ 'padding-left': app.manifest.addons.sendmail.optional ? '20px' : '0' }">
<p ng-bind-html="'app.email.from.enableDescription' | tr:{ domain: app.domain, domainConfigLink: ('/#/email/' + app.domain) }"></p>
<form role="form" name="emailForm" ng-submit="email.submit()" autocomplete="off">
<form role="form" name="emailForm" ng-submit="email.submitMailbox()" autocomplete="off">
<fieldset ng-disabled="email.enableMailbox === '0'">
<div class="form-group" ng-class="{ 'has-error': emailForm.$dirty && email.error.mailboxName }">
<div ng-show="email.error.mailboxName">{{ email.error.mailboxName }}</div>
<div class="has-error" ng-show="email.error.mailboxName">{{ email.error.mailboxName }}</div>
<div class="input-group form-inline" ng-class="{ 'has-error': !emailForm.mailboxName.$dirty && email.error.mailboxName }">
<input type="text" class="form-control" name="mailboxName" placeholder="{{ 'app.email.from.mailboxPlaceholder' | tr }}" ng-model="email.mailboxName">
@@ -1000,10 +1000,72 @@
</div>
</div>
</div>
<div class="row">
<div class="row" ng-show="app.manifest.addons.sendmail">
<div class="col-md-12 text-right">
<br/>
<button class="btn btn-outline btn-primary pull-right" ng-click="email.submit()" ng-disabled="(app.enableMailbox === email.enableMailbox && email.currentMailboxDomainName === email.mailboxDomain.domain && email.currentMailboxName === email.mailboxName) || email.busy || app.error || app.taskId" tooltip-enable="app.error || app.taskId" uib-tooltip="{{ app.error ? 'App is in error state' : 'App is busy' }}">
<button class="btn btn-outline btn-primary pull-right" ng-click="email.submitMailbox()" ng-disabled="(app.enableMailbox === email.enableMailbox && email.currentMailboxDomainName === email.mailboxDomain.domain && email.currentMailboxName === email.mailboxName) || email.busy || app.error || app.taskId" tooltip-enable="app.error || app.taskId" uib-tooltip="{{ app.error ? 'App is in error state' : 'App is busy' }}">
<i class="fa fa-circle-notch fa-spin" ng-show="email.busy"></i> {{ 'app.email.from.saveAction' | tr }}
</button>
</div>
</div>
<hr ng-show="app.manifest.addons.sendmail && app.manifest.addons.recvmail"/>
<div class="row" ng-show="app.manifest.addons.recvmail">
<div class="col-md-12">
<label class="control-label">{{ 'app.email.inbox.title' | tr }} <sup><a ng-href="https://docs.cloudron.io/apps/#inbox" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
<div class="radio">
<label>
<input type="radio" ng-model="email.enableInbox" value="1"> {{ 'app.email.inbox.enable' | tr }}
</label>
</div>
<div ng-style="{ 'padding-left': '20px' }">
<p ng-bind-html="'app.email.inbox.enableDescription' | tr:{ domain: app.domain, domainConfigLink: ('/#/email/' + app.domain) }"></p>
<form role="form" name="inboxForm" ng-submit="email.submitInbox()" autocomplete="off">
<fieldset ng-disabled="email.enableInbox === '0'">
<div class="form-group" ng-class="{ 'has-error': inboxForm.$dirty && email.error.inboxName }">
<div class="has-error" ng-show="email.error.inboxName">{{ email.error.inboxName }}</div>
<div class="input-group form-inline" ng-class="{ 'has-error': !inboxForm.inboxName.$dirty && email.error.inboxName }">
<input type="text" class="form-control" name="inboxName" ng-model="email.inboxName">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span>{{ '@' + email.inboxDomain.domain }}</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li ng-repeat="domain in domains">
<a href="" ng-click="email.inboxDomain = domain">{{ domain.domain }}</a>
</li>
</ul>
</div>
</div>
<br/>
</div>
</fieldset>
<input class="ng-hide" type="submit" ng-disabled="(email.currentInboxDomainName === email.inboxDomain.domain && email.currentInboxName === email.inboxName) || email.busy || app.error || app.taskId"/>
</form>
</div>
<div class="radio">
<label>
<input type="radio" ng-model="email.enableInbox" value="0"> {{ 'app.email.inbox.disable' | tr }}
</label>
</div>
<div style="padding-left: 20px;">
<p>{{ 'app.email.inbox.disableDescription' | tr }}</p>
</div>
</div>
</div>
<div class="row" ng-show="app.manifest.addons.recvmail">
<div class="col-md-12 text-right">
<br/>
<button class="btn btn-outline btn-primary pull-right" ng-click="email.submitInbox()" ng-disabled="(app.enableInbox === email.enableInbox && email.currentInboxDomainName === email.inboxDomain.domain && email.currentInboxName === email.inboxName) || email.busy || app.error || app.taskId" tooltip-enable="app.error || app.taskId" uib-tooltip="{{ app.error ? 'App is in error state' : 'App is busy' }}">
<i class="fa fa-circle-notch fa-spin" ng-show="email.busy"></i> {{ 'app.email.from.saveAction' | tr }}
</button>
</div>