1
0
mirror of https://github.com/moparisthebest/mail synced 2024-10-31 15:25:01 -04:00
mail/src/tpl/contacts.html
2014-11-29 12:53:56 +01:00

46 lines
1.7 KiB
HTML

<div class="lightbox__body" ng-controller="ContactsCtrl">
<header class="lightbox__header">
<h2>Contacts</h2>
<button class="lightbox__close" wo-touch="state.contacts.toggle(false)" data-action="lightbox-close">
<svg><use xlink:href="#icon-close" /><title>Close</title></svg>
</button>
</header>
<div class="lightbox__content">
<input class="u-hide-visually" id="keyfile-input" type="file" multiple accept=".asc" keyfile-input>
<div class="form-input-with-button u-gap-bottom">
<input class="input-text" type="text" placeholder="Search..." ng-model="searchText">
<button class="btn" ng-class="{'btn--invalid': sendBtnSecure === false}" wo-click-file-input="#keyfile-input">Import keys</button>
</div>
<p class="typo-paragraph u-text-center" ng-show="!keys.length">
There are no contacts, yet.
</p>
<ul class="contacts">
<li class="contacts__contact" ng-repeat="key in keys | orderBy:'userId' | filter:searchText"
ng-class="{ 'contacts__contact--open': key.open }">
<div class="contacts__delete">
<button class="btn-icon-very-light" wo-touch="removeKey(key)">
<svg><use xlink:href="#icon-close" /><title>Delete</title></svg>
</button>
</div>
<h3 class="contacts__title" wo-touch="key.open = !key.open">{{key.userId}}</h3>
<p class="contacts__short-description">
{{key._id.slice(8)}}
</p>
<dl class="contacts__long-description">
<dt>Fingerprint</dt>
<dd>{{key.fingerprint}}</dd>
<dt>Size</dt>
<dd>{{key.bitSize}} bit</dd>
<dt>Created</dt>
<dd>{{key.created | date:'mediumDate'}}</dd>
</dl>
</li>
</ul>
</div>
</div>