Shared notes now share updated times

* Updating a shared note, updates the information for other shared users
* Unread shared notes now have a badge
* Updated shared notes now have a badge
* Shared notes can not be reshared, sharer username appears in interface to stop sharing
fixes #15
This commit is contained in:
Max G
2020-02-24 05:59:13 +00:00
parent ef0a6a44c9
commit 8f5d8049d0
4 changed files with 43 additions and 23 deletions

View File

@@ -11,12 +11,23 @@
<div class="ui grid max-height">
<!-- Show title and snippet below it -->
<div class="top aligned row" @click.self="onClick(note.id)">
<div class="top aligned row" @click.self="cardClicked">
<div class="sixteen wide column overflow-hidden note-card-text" @click="e => onClick(note.id, e)">
<div class="sixteen wide column overflow-hidden note-card-text" @click="cardClicked">
<div class="subtext" v-if="note.shareUsername">Shared by {{ note.shareUsername }}</div>
<div class="subtext" v-if="note.shared == 2">You Shared</div>
<span class="subtext" v-if="note.shareUsername">
Shared by {{ note.shareUsername }}
<span v-if="note.updated > note.opened && !beenClicked" class="ui tiny green compact right floated button">
Unread
</span>
</span>
<span class="subtext" v-if="note.shared == 2">
You Shared
<span v-if="note.updated > note.opened && !beenClicked" class="ui tiny green compact right floated button">
Updated
</span>
</span>
<!-- Title display -->
@@ -46,11 +57,11 @@
<!-- Toolbar on the bottom -->
<div class="bottom aligned row" @click.self="onClick(note.id)">
<div class="bottom aligned row" @click.self="cardClicked">
<div class="sixteen wide column">
<div class="ui grid reduced-padding">
<div class="thirteen wide column clickable icon-bar" @click="onClick(note.id)">
<div class="thirteen wide column clickable icon-bar" @click="cardClicked">
<!-- {{$helpers.timeAgo(note.updated)}} -->
<span v-if="note.tags">
<span v-for="tag in (note.tags.split(','))" class="little-tag">{{ tag }}</span>
@@ -89,6 +100,10 @@
'delete-button': require('@/components/NoteDeleteButtonComponent.vue').default,
},
methods:{
cardClicked(){
this.beenClicked = true
this.onClick(this.note.id)
},
cleanHighlight(text){
//Basically just remove whitespace
let updated = text.replace(/&nbsp;/g, '').replace(/<br>/g,'')
@@ -116,6 +131,7 @@
fontColor: null,
noteIcon: null,
iconColor: null,
beenClicked: false,
}
},
computed: {