mirror of
https://github.com/moparisthebest/mail
synced 2024-10-31 15:25:01 -04:00
46 lines
1.7 KiB
HTML
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> |