173 lines
6.6 KiB
HTML
173 lines
6.6 KiB
HTML
<div class="mail-container">
|
|
<div class="row letter-layout">
|
|
<div class="mail-navigation-container">
|
|
<div class="compose-button">
|
|
<button type="button" class="btn compose-button" ng-click="showCompose()">
|
|
Compose
|
|
</button>
|
|
</div>
|
|
<div ng-repeat="t in tabs" class="mail-navigation {{tab == $index ? 'active' : ''}}" ng-click="selectTab($index)">
|
|
{{t.name}}<span class="new-mails" ng-show="t.newMails">{{t.newMails}}</span>
|
|
</div>
|
|
<div class="labels">
|
|
<div class="labels-title">
|
|
<h5 class="label-header">
|
|
Labels
|
|
</h5>
|
|
</div>
|
|
<div class="label-item">
|
|
<span class="tag label work">Work</span>
|
|
</div>
|
|
<div class="label-item">
|
|
<span class="tag label family">Family</span>
|
|
</div>
|
|
<div class="label-item">
|
|
<span class="tag label friend">Friend</span>
|
|
</div>
|
|
<div class="label-item">
|
|
<span class="tag label study">Study</span>
|
|
</div>
|
|
</div>
|
|
<div class="add-label-container">
|
|
<i class="ion-plus-round"></i><span class="label-input-stub">Add new label</span>
|
|
</div>
|
|
</div>
|
|
<div ng-show="!showMail" class="side-message-navigation">
|
|
<div class="messages-control side-message-navigation-item">
|
|
<label class="checkbox-inline custom-checkbox nowrap margin-left">
|
|
<span class="select-all-label">Select All</span>
|
|
<input type="checkbox">
|
|
</label>
|
|
<button type="button" class="btn btn-icon margin-left"><i class="ion-refresh"></i></button>
|
|
<div class="btn-group margin-left">
|
|
<button type="button" class="btn btn-icon dropdown-toggle more-button" data-toggle="dropdown"
|
|
aria-haspopup="true"
|
|
aria-expanded="false">More<span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><a href>Action</a></li>
|
|
<li><a href>Another action</a></li>
|
|
<li><a href>Something else here</a></li>
|
|
<li role="separator" class="divider"></li>
|
|
<li><a href>Separated link</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="messages">
|
|
<table>
|
|
<tr ng-repeat="m in currentMessages | orderBy:'-date'"
|
|
class="side-message-navigation-item little-human {{m == mail ? 'active' : ''}} {{m.tag}}"
|
|
ng-click="selectMail(m)">
|
|
<td>
|
|
<div class="mail-checkbox">
|
|
<label class="checkbox-inline custom-checkbox nowrap margin-left">
|
|
<span></span>
|
|
<input type="checkbox">
|
|
</label>
|
|
</div>
|
|
</td>
|
|
<td><img ng-src="{{m.name.split(' ')[0] | profilePicture}}" class="little-human-picture"></td>
|
|
<td >
|
|
<div class="margin-left">
|
|
<div><span class="name">{{m.name.split(' ')[0] + ' ' + m.name.split(' ')[1][0]}}.</span></div>
|
|
<div><span class="tag label label-primary {{m.tag}}">{{m.tag}}</span></div>
|
|
</div>
|
|
</td>
|
|
<td >
|
|
<div class="margin-left additional-info">
|
|
<span class="subject"> {{m.subject}}</span>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="mail-body-part">{{m.body | plainText}}</div>
|
|
</td>
|
|
<td class="date">
|
|
<span>{{m.date | date : 'MMM d HH:mm'}}</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-show="showMail" class="message-container with-scroll">
|
|
<div class="message" ng-show="mail">
|
|
<div class="row">
|
|
<button ng-click="showMail=false" type="button" class="back-button btn btn-default btn-with-icon"><i
|
|
class="ion-chevron-left"></i>Back
|
|
</button>
|
|
</div>
|
|
<div class="person-info row">
|
|
<div class="col-lg-4 col-md-12 no-padding">
|
|
<img ng-src="{{mail.name.split(' ')[0] | profilePicture}}" class="human-picture">
|
|
|
|
<div class="name">
|
|
<h2 class="name-h">{{mail.name.split(' ')[0]}}</h2>
|
|
|
|
<h2 class="name-h second-name">{{mail.name.split(' ')[1]}}</h2>
|
|
|
|
<div>
|
|
<span class="mail-tag tag label {{mail.tag}}">{{mail.tag}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-xs-12 no-padding">
|
|
<div class="contact-info phone-email">
|
|
<div>
|
|
<i class="ion-iphone"></i>
|
|
<span class="phone">777-777-7777</span>
|
|
</div>
|
|
<div>
|
|
<i class="ion-email"></i>
|
|
<span class="email">{{mail.email}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 col-xs-12 no-padding">
|
|
<div class="contact-info position-address">
|
|
<div>
|
|
<span class="position">{{mail.position}}</span>
|
|
</div>
|
|
<div>
|
|
<span class="address">12 Nezavisimosti st. Vilnius, Lithuania</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="message-details">
|
|
<span class="subject">{{mail.subject}} </span>
|
|
<span class="date">• {{mail.date | date : 'h:mm a MMMM d '}}</span>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div ng-bind-html="mail.body" class="message-body">
|
|
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="attachment" ng-show="mail.attachment">
|
|
<span class="file-links">1 Attachment - <a href>View</a> | <a href>Download</a></span>
|
|
<div>
|
|
<i class="file-icon ion-document"></i>
|
|
<span class="file-name">{{mail.attachment}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="line" ng-show="mail.attachment"></div>
|
|
<div class="answer-container">
|
|
<button type="button" class="btn btn-with-icon"><i class="ion-reply"></i>Reply</button>
|
|
<button type="button" class="btn btn-with-icon"><i class="ion-forward"></i>Forward</button>
|
|
<button type="button" class="btn btn-with-icon"><i class="ion-printer"></i>Print</button>
|
|
<button type="button" class="btn btn-with-icon"><i class="ion-android-remove-circle"></i>Spam</button>
|
|
<button type="button" class="btn btn-with-icon"><i class="ion-android-delete"></i>Delete</button>
|
|
</div>
|
|
|
|
</div>
|
|
<div ng-show="!mail">
|
|
<h5 ng-class="text-center">Nothing to show</h5>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|