Various fixes to mailbox sharing ui

src/views/emails.html

@@ -215,7 +215,7 @@
   </div>
 </div>
 
-<div class="content content-large">
+<div class="content">
   <div class="text-left">
     <h1>
       {{ 'emails.title' | tr }}
@@ -232,7 +232,7 @@
     <h3>{{ 'emails.domains.title' | tr }}</h3>
   </div>
 
-  <div class="card card-large" style="margin-bottom: 15px;">
+  <div class="card" style="margin-bottom: 15px;">
     <div class="row ng-hide" ng-hide="ready">
       <div class="col-lg-12 text-center">
         <h2><i class="fa fa-circle-notch fa-spin"></i></h2>
@@ -278,11 +278,26 @@
 
   <br/>
 
+  <div class="text-left" ng-show="user.isAtLeastOwner">
+    <h3>{{ 'emails.mailboxSharing.title' | tr }}</h3>
+  </div>
+
+  <div class="card" ng-show="user.isAtLeastOwner" style="margin-bottom: 15px;">
+    <div class="row">
+      <div class="col-md-12">
+        <p>{{ 'emails.mailboxSharing.description' | tr }}</p>
+        <p ng-show="mailboxSharing.enabled !== null && mailboxSharing.enabled">{{ 'emails.mailboxSharing.enabled' | tr }}</p>
+        <p ng-show="mailboxSharing.enabled !== null && !mailboxSharing.enabled">{{ 'emails.mailboxSharing.disabled' | tr }}</p>
+        <button ng-class="mailboxSharing.enabled ? 'btn btn-danger pull-right' : 'btn btn-primary pull-right'" ng-click="mailboxSharing.submit()" ng-disabled="mailboxSharing.enable === mailboxSharing.enabled"><i class="fa fa-circle-notch fa-spin" ng-show="mailboxSharing.busy"></i> {{ mailboxSharing.enabled ? ('main.disableAction' | tr) : ('main.enableAction' | tr) }} </button>
+      </div>
+    </div>
+  </div>
+
   <div class="text-left" ng-show="user.isAtLeastOwner">
     <h3>{{ 'emails.settings.title' | tr }}</h3>
   </div>
 
-  <div class="card card-large" ng-show="user.isAtLeastOwner" style="margin-bottom: 15px;">
+  <div class="card" ng-show="user.isAtLeastOwner" style="margin-bottom: 15px;">
     <p ng-bind-html=" 'emails.settings.info' | tr "></p>
 
     <div class="row">