cloudron-box/src/views/emails.html

<div class="content">
  <div class="text-left">
    <h1>
      Mail Server
    </h1>
  </div>

  <div class="text-left">
    <h3>Domains</h3>
  </div>

  <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>
      </div>
    </div>
    <div class="row animateMeOpacity ng-hide" ng-show="ready">
      <div class="col-xs-12">
        <table class="table table-hover" style="margin: 0;">
          <thead>
            <tr>
              <th style="width:  5%"></th>
              <th style="width: 85%">Domain</th>
              <th style="width: 10%">Actions</th>
            </tr>
          </thead>
          <tbody>
            <tr ng-repeat="domain in domains">
              <td>
                <i class="fa fa-circle" ng-style="{ color: domain.statusOk ? '#27CE65' : '#d9534f' }" ng-show="domain.status"></i>
                <i class="fa fa-circle-notch fa-spin" ng-hide="domain.status"></i>
              </td>
              <td class="elide-table-cell no-padding">
                <a href="/#/email/{{ domain.domain }}" class="email-domain-list-item">{{ domain.domain }}</a>
              </td>
              <td class="text-right no-wrap">
                <a href="/#/email/{{ domain.domain }}" class="btn btn-xs btn-default"><i class="fa fa-pencil-alt"></i></a href="/#/email/{{ domain.domain }}">
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>

  <br/>

  <div class="text-left">
    <h3>Event Log</h3>
  </div>

  <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>
      </div>
    </div>
    <div class="row animateMeOpacity ng-hide" ng-show="ready">
      <div class="col-xs-12">
        <table class="table table-hover" style="margin: 0;">
          <thead>
            <tr>
              <th class="col-md-2">Time</th>
              <th class="col-md-3">Type</th>
              <th class="col-md-7">Details</th>
            </tr>
          </thead>
          <tbody>
            <tr ng-repeat="eventlog in activity.eventlogs">
              <tr ng-click="showEventLogDetails(eventLog)" class="hand">
                <td><span uib-tooltip="{{ eventlog.ts }}" class="arrow">{{ eventlog.ts }}</span></td>
                <td>{{ eventlog.type }}</td>
                <td ng-bind-html="eventlog.details"></td>
              </tr>
              <tr ng-show="activeEventLog === eventlog">
                <td colspan="4"><pre class="eventlog-details">{{ eventlog.raw.data | json }}</pre></td>
              </tr>
          </tbody>
        </table>
      </div>

      <br/>
      <a class="btn btn-primary pull-right" href="/logs.html?id=mail" target="_blank">Show Logs</a>

    </div>
  </div>

</div>