Make email a separate tab

This allows us to add some additional info that the app is pre-configured
to send email via the relay
This commit is contained in:
Girish Ramakrishnan
2019-09-08 12:52:33 -07:00
parent 1c1171e8a7
commit 729f51b779
2 changed files with 25 additions and 15 deletions

View File

@@ -183,26 +183,35 @@
</div>
</uib-tab>
<uib-tab index="'advanced'" heading="Advanced">
<br/>
<uib-tab index="'email'" heading="Email" ng-if="appConfigure.app.manifest.addons.sendmail || appConfigure.app.manifest.addons.recvmail">
<br/>
<!-- recvmail currently only works with cloudron email -->
<div class="form-group" ng-class="{ 'has-error': !appConfigureForm.mailboxName.$dirty && appConfigure.error.mailboxName }">
<input type="checkbox" id="appConfigureMailboxNameEnabled" ng-model="appConfigure.mailboxNameEnabled">
<label class="control-label" for="appConfigureMailboxNameEnabled">Custom Mail FROM</label>
<div class="has-error" ng-show="appConfigure.error.mailboxName">{{ appConfigure.error.mailboxName }}</div>
<!-- recvmail currently only works with cloudron email -->
<div class="form-group" ng-show="appConfigure.app.manifest.addons.sendmail || appConfigure.app.manifest.addons.recvmail" ng-class="{ 'has-error': !appConfigureForm.mailboxName.$dirty && appConfigure.error.mailboxName }">
<input type="checkbox" id="appConfigureMailboxNameEnabled" ng-model="appConfigure.mailboxNameEnabled">
<label class="control-label" for="appConfigureMailboxNameEnabled">Custom Mailbox Name</label>
<div class="has-error" ng-show="appConfigure.error.mailboxName">{{ appConfigure.error.mailboxName }}</div>
<div class="input-group form-inline">
<input type="text" class="form-control" id="appConfigureMailboxNameInput" ng-required="appConfigure.mailboxNameEnabled" name="mailboxName" ng-model="appConfigure.mailboxName" uib-tooltip="App FROM email address. Addresses ending with '.app' are reserved." tooltip-class="long" ng-disabled="!appConfigure.mailboxNameEnabled">
<div class="input-group form-inline">
<input type="text" class="form-control" id="appConfigureMailboxNameInput" ng-required="appConfigure.mailboxNameEnabled" name="mailboxName" ng-model="appConfigure.mailboxName" uib-tooltip="App FROM email address. Addresses ending with '.app' are reserved." tooltip-class="long" ng-disabled="!appConfigure.mailboxNameEnabled">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" ng-disabled="!appConfigure.mailboxNameEnabled">
@{{ appConfigure.domain.domain }}
</button>
</div>
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" ng-disabled="!appConfigure.mailboxNameEnabled">
@{{ appConfigure.domain.domain }}
</button>
</div>
</div>
<p class="text-small">
<br/>
This app is configured to send mail using <a ng-href="/#/email/{{ appConfigure.app.domain }}">{{appConfigure.app.domain}}'s Outbound Email</a> settings.
</p>
</div>
</uib-tab>
<uib-tab index="'advanced'" heading="Advanced">
<br/>
<div class="form-group">
<label class="control-label" style="width: 100%">Specify robots.txt file content <sup><a ng-href="{{ config.webServerOrigin }}/documentation/apps/#indexing-by-search-engines-robotstxt" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup> <a href="" class="pull-right" style="font-weight: normal;" ng-click="appConfigure.robotsTxt = disableIndexingTemplate">Disable indexing</a></label>
<textarea ng-model="appConfigure.robotsTxt" placeholder="Leave empty to allow all bots to index this app." class="form-control" rows="4"></textarea>