2014-11-05 10:03:48 -05:00
|
|
|
<div class="lightbox__body" ng-controller="ContactsCtrl">
|
|
|
|
<header class="lightbox__header">
|
2014-03-06 12:19:51 -05:00
|
|
|
<h2>Contacts</h2>
|
2014-11-05 10:03:48 -05:00
|
|
|
<button class="lightbox__close" wo-touch="state.contacts.toggle(false)" data-action="lightbox-close">
|
2014-09-23 09:41:37 -04:00
|
|
|
<svg><use xlink:href="#icon-close" /><title>Close</title></svg>
|
|
|
|
</button>
|
2014-03-06 12:19:51 -05:00
|
|
|
</header>
|
2014-11-05 10:03:48 -05:00
|
|
|
<div class="lightbox__content">
|
2014-11-06 10:24:30 -05:00
|
|
|
<div class="form-input-with-button u-gap-bottom">
|
2015-02-03 07:38:13 -05:00
|
|
|
<input class="input-text" type="text" placeholder="Filter..." ng-model="searchText">
|
2015-01-28 09:01:18 -05:00
|
|
|
<button class="btn" wo-touch="state.contacts.toggle(false); state.publickeyImport.toggle(true)">Import keys</button>
|
2014-11-06 10:24:30 -05:00
|
|
|
</div>
|
2014-03-06 12:19:51 -05:00
|
|
|
|
2014-11-06 10:24:30 -05:00
|
|
|
<p class="typo-paragraph u-text-center" ng-show="!keys.length">
|
|
|
|
There are no contacts, yet.
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<ul class="contacts">
|
2015-01-28 09:01:18 -05:00
|
|
|
<li class="contacts__contact" ng-repeat="key in keys | orderBy:'fullUserId' | filter:searchText"
|
2014-11-06 10:24:30 -05:00
|
|
|
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>
|
2014-06-16 08:20:01 -04:00
|
|
|
</div>
|
2014-03-06 12:19:51 -05:00
|
|
|
|
2015-01-28 09:01:18 -05:00
|
|
|
<h3 class="contacts__title" wo-touch="key.open = !key.open">{{key.fullUserId}}</h3>
|
2014-11-06 10:24:30 -05:00
|
|
|
<p class="contacts__short-description">
|
|
|
|
{{key._id.slice(8)}}
|
|
|
|
</p>
|
|
|
|
<dl class="contacts__long-description">
|
|
|
|
<dt>Fingerprint</dt>
|
2015-01-15 10:19:22 -05:00
|
|
|
<dd wo-fingerprint>{{key.fingerprint}}</dd>
|
2014-04-23 11:45:49 -04:00
|
|
|
|
2014-11-06 10:24:30 -05:00
|
|
|
<dt>Size</dt>
|
|
|
|
<dd>{{key.bitSize}} bit</dd>
|
2014-03-06 12:19:51 -05:00
|
|
|
|
2014-11-06 10:24:30 -05:00
|
|
|
<dt>Created</dt>
|
|
|
|
<dd>{{key.created | date:'mediumDate'}}</dd>
|
2015-01-28 09:01:18 -05:00
|
|
|
|
|
|
|
<dt>Source</dt>
|
|
|
|
<dd>{{key.imported ? 'Imported' : key.source || whiteoutKeyServer}}</dd>
|
2014-11-06 10:24:30 -05:00
|
|
|
</dl>
|
|
|
|
</li>
|
|
|
|
</ul>
|
2014-11-05 10:03:48 -05:00
|
|
|
</div>
|
2014-03-06 12:19:51 -05:00
|
|
|
|
2014-11-05 10:03:48 -05:00
|
|
|
</div>
|