jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add ui bits to add mailboxes

Browse Source
This commit is contained in:
Johannes Zellner
2018-04-05 21:00:33 +02:00
parent bbe351161f
commit a0dbcc9bb3
2 changed files with 82 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
dashboard/src/views/email.html
View File

@@ -11,7 +11,7 @@
</div>
<div class="modal-body" ng-hide="selectedDomain.provider === 'noop' || selectedDomain.provider === 'manual'">
Cloudron will setup Email related DNS records automatically. Status of DNS Records below will show an error
while DNS is propagating (~5 minutes).
while DNS is propagating (~5 minutes).
<br/><br/>
If this domain is already configured to handle email with some other provider, it will overwrite those records.
</div>
@@ -110,35 +110,50 @@
<div class="card" style="margin-bottom: 15px;" ng-show="selectedDomain.mailConfig.enabled">
<div class="row">
<div class="col-md-12">
Enable mailboxes for users on this domain. Each user will get an email address of <b>username@{{ selectedDomain.domain }}</b>
Each mailboxes has an owner, who is able to access the mailbox.
<br/><br/>
<table class="table table-hover">
<thead>
<tr>
<th>&nbsp;</th>
<th>User</th>
<th class="text-left">Aliases</th>
<th>Name</th>
<th>Owner</th>
<th>Aliases</th>
<th class="text-right">Action</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in mailboxes.users">
<td>
<input type="checkbox" ng-model="user.mailboxEnabled" title="Mailbox Enabled">
</td>
<td class="text-left elide-table-cell">
{{ user.username }}
</td>
<td>
<p ng-show="user.aliases !== user.orig.aliases && user.error" class="text-danger"><b>{{ user.error }}</b></p>
<tag-input ng-show="user.mailboxEnabled" placeholder="add alias" taglist="user.aliases" name="aliases"></tag-input>
</td>
<td class="text-right no-wrap">
<button ng-show="user.mailboxEnabled !== user.orig.mailboxEnabled || user.aliases !== user.orig.aliases" class="btn btn-xs btn-primary" ng-disabled="user.busy" ng-click="mailboxes.submit(user)"><i class="fa fa-circle-o-notch fa-spin" ng-show="user.busy"></i> Save</button>
</td>
</tr>
<tr ng-repeat="mailbox in mailboxes.mailboxes">
<td>
{{ mailbox.name }}
</td>
<td class="text-left elide-table-cell">
<select ng-model="mailbox.owner" ng-options="u.display for u in users track by u.id"></select>
</td>
<td>
<p ng-show="mailbox.aliases !== mailbox.orig.aliases && mailbox.error" class="text-danger"><b>{{ mailbox.error }}</b></p>
<tag-input placeholder="add alias" taglist="mailbox.aliases" name="aliases"></tag-input>
</td>
<td class="text-right no-wrap">
<button ng-show="mailbox.owner !== mailbox.orig.owner || mailbox.aliases !== mailbox.orig.aliases" class="btn btn-xs btn-primary" ng-disabled="mailbox.busy" ng-click="mailboxes.submit(mailbox)"><i class="fa fa-circle-o-notch fa-spin" ng-show="mailbox.busy"></i> Save</button>
<button class="btn btn-xs btn-danger" ng-disabled="mailbox.busy" ng-click="mailboxes.remove(mailbox)"><i class="fa" ng-class="{ 'fa-spin': mailbox.busy, 'fa-circle-o-notch': mailbox.busy, 'fa-trash': !mailbox.busy }"></i></button>
</td>
</tr>
<tr>
<td>
<input type="text" class="form-control input-sm" style="height: 25px;" ng-model="mailboxes.add.name" placeholder="new mailbox">
</td>
<td class="text-left elide-table-cell">
<select ng-model="mailboxes.add.owner" ng-options="u.display for u in users track by u.id"></select>
</td>
<td>
&nbsp;
</td>
<td class="text-right no-wrap">
<button class="btn btn-xs btn-primary" ng-disabled="!mailboxes.add.name || !mailboxes.add.owner || mailboxes.add.busy" ng-click="mailboxes.add.submit()"><i class="fa fa-circle-o-notch fa-spin" ng-show="mailboxes.add.busy"></i> Add</button>
</td>
</tr>
</tbody>
</table>
</div>