diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-09-25 10:41:57 +0200 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-09-25 14:53:28 +0200 |
commit | 6e4c413aef45f681805a587938096c45e049eae2 (patch) | |
tree | dcd15b1b721d27822f43d2ec4df21dad32e30779 /src | |
parent | 563b1868a5552e04e7a8b91fab14525429f107d3 (diff) |
Css pulse and warning on unsaved vcards
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/ContactDetails.vue | 12 | ||||
-rw-r--r-- | src/components/ContactDetails/ContactDetailsProperty.vue | 2 |
2 files changed, 11 insertions, 3 deletions
diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue index 889dc973..1a371a7c 100644 --- a/src/components/ContactDetails.vue +++ b/src/components/ContactDetails.vue @@ -71,7 +71,7 @@ <!-- actions --> <div id="contact-header-actions"> - <div :class="{'icon-loading-small': loadingUpdate}" class="menu-icon" /> + <div v-tooltip.auto="warning" :class="{'icon-loading-small': loadingUpdate, 'icon-error-white menu-icon--pulse': warning}" class="menu-icon" /> <div class="menu-icon"> <div v-click-outside="closeMenu" class="icon-more-white" @click="toggleMenu" /> <div :class="{ 'open': openedMenu }" class="popovermenu"> @@ -163,6 +163,16 @@ export default { }, computed: { + + /** + * + */ + warning() { + if (!this.contact.dav) { + return t('contacts', 'This contact is not yet synced. Edit it to trigger a change.') + } + }, + /** * Contact color based on uid */ diff --git a/src/components/ContactDetails/ContactDetailsProperty.vue b/src/components/ContactDetails/ContactDetailsProperty.vue index 3be03f70..ac8374aa 100644 --- a/src/components/ContactDetails/ContactDetailsProperty.vue +++ b/src/components/ContactDetails/ContactDetailsProperty.vue @@ -147,8 +147,6 @@ export default { } }) - console.log(matchingTypes) - // Sort by score, filtering out the null score and selecting the first match let matchingType = matchingTypes .sort((a, b) => b.score - a.score) |