|
@ -110,48 +110,50 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="ContactActions" class="flex gap-1.5 mt-2"> |
|
|
<div id="ContactActions" class="flex gap-1.5 mt-2"> |
|
|
<button |
|
|
<div v-if="activeDid"> |
|
|
v-if="contact.seesMe" |
|
|
<button |
|
|
class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md" |
|
|
v-if="contact.seesMe" |
|
|
@click="setVisibility(contact, false, true)" |
|
|
class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md" |
|
|
title="They can see you" |
|
|
@click="setVisibility(contact, false, true)" |
|
|
> |
|
|
title="They can see you" |
|
|
<fa icon="eye" class="fa-fw" /> |
|
|
> |
|
|
</button> |
|
|
<fa icon="eye" class="fa-fw" /> |
|
|
<button |
|
|
</button> |
|
|
v-else |
|
|
<button |
|
|
class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md" |
|
|
|
|
|
@click="setVisibility(contact, true, true)" |
|
|
|
|
|
title="They cannot see you" |
|
|
|
|
|
> |
|
|
|
|
|
<fa icon="eye-slash" class="fa-fw" /> |
|
|
|
|
|
</button> |
|
|
|
|
|
|
|
|
|
|
|
<button |
|
|
|
|
|
class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md" |
|
|
|
|
|
@click="checkVisibility(contact)" |
|
|
|
|
|
title="Check Visibility" |
|
|
|
|
|
> |
|
|
|
|
|
<fa icon="rotate" class="fa-fw" /> |
|
|
|
|
|
</button> |
|
|
|
|
|
|
|
|
|
|
|
<button |
|
|
|
|
|
@click="register(contact)" |
|
|
|
|
|
class="text-sm uppercase bg-slate-500 text-white ml-6 px-2 py-1.5 rounded-md" |
|
|
|
|
|
> |
|
|
|
|
|
<fa |
|
|
|
|
|
v-if="contact.registered" |
|
|
|
|
|
icon="person-circle-check" |
|
|
|
|
|
class="fa-fw" |
|
|
|
|
|
title="Registered" |
|
|
|
|
|
/> |
|
|
|
|
|
<fa |
|
|
|
|
|
v-else |
|
|
v-else |
|
|
icon="person-circle-question" |
|
|
class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md" |
|
|
class="fa-fw" |
|
|
@click="setVisibility(contact, true, true)" |
|
|
title="Registration Unknown" |
|
|
title="They cannot see you" |
|
|
/> |
|
|
> |
|
|
</button> |
|
|
<fa icon="eye-slash" class="fa-fw" /> |
|
|
|
|
|
</button> |
|
|
|
|
|
<button |
|
|
|
|
|
class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md" |
|
|
|
|
|
@click="checkVisibility(contact)" |
|
|
|
|
|
title="Check Visibility" |
|
|
|
|
|
v-if="activeDid" |
|
|
|
|
|
> |
|
|
|
|
|
<fa icon="rotate" class="fa-fw" /> |
|
|
|
|
|
</button> |
|
|
|
|
|
<button |
|
|
|
|
|
@click="register(contact)" |
|
|
|
|
|
class="text-sm uppercase bg-slate-500 text-white ml-6 px-2 py-1.5 rounded-md" |
|
|
|
|
|
v-if="activeDid" |
|
|
|
|
|
> |
|
|
|
|
|
<fa |
|
|
|
|
|
v-if="contact.registered" |
|
|
|
|
|
icon="person-circle-check" |
|
|
|
|
|
class="fa-fw" |
|
|
|
|
|
title="Registered" |
|
|
|
|
|
/> |
|
|
|
|
|
<fa |
|
|
|
|
|
v-else |
|
|
|
|
|
icon="person-circle-question" |
|
|
|
|
|
class="fa-fw" |
|
|
|
|
|
title="Registration Unknown" |
|
|
|
|
|
/> |
|
|
|
|
|
</button> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<button |
|
|
<button |
|
|
@click="deleteContact(contact)" |
|
|
@click="deleteContact(contact)" |
|
@ -540,17 +542,23 @@ export default class ContactsView extends Vue { |
|
|
(a: Contact, b) => (a.name || "").localeCompare(b.name || ""), |
|
|
(a: Contact, b) => (a.name || "").localeCompare(b.name || ""), |
|
|
allContacts, |
|
|
allContacts, |
|
|
); |
|
|
); |
|
|
this.setVisibility(newContact, true, false); |
|
|
let addedMessage; |
|
|
|
|
|
if (this.activeDid) { |
|
|
|
|
|
this.setVisibility(newContact, true, false); |
|
|
|
|
|
addedMessage = |
|
|
|
|
|
newContact.name + |
|
|
|
|
|
" was added, and your activity is visible to them."; |
|
|
|
|
|
} else { |
|
|
|
|
|
addedMessage = newContact.name + " was added."; |
|
|
|
|
|
} |
|
|
this.$notify( |
|
|
this.$notify( |
|
|
{ |
|
|
{ |
|
|
group: "alert", |
|
|
group: "alert", |
|
|
type: "success", |
|
|
type: "success", |
|
|
title: "Contact Added", |
|
|
title: "Contact Added", |
|
|
text: |
|
|
text: addedMessage, |
|
|
newContact.name + |
|
|
|
|
|
" was added, and your activity is visible to them.", |
|
|
|
|
|
}, |
|
|
}, |
|
|
-1, |
|
|
5000, |
|
|
); |
|
|
); |
|
|
// putting this last so that it shows on the top |
|
|
// putting this last so that it shows on the top |
|
|
this.$notify( |
|
|
this.$notify( |
|
|