This commit is contained in:
Senta Mandutz 2019-07-23 21:41:27 +02:00
parent 499f0764da
commit 9f9d3c1480
5 changed files with 22 additions and 8 deletions

View File

@ -6,6 +6,7 @@ const BookmarkRouter = {
v-for="id in msgDisplay" v-for="id in msgDisplay"
:key="id" :key="id"
:msg="messages[id] || {}" :msg="messages[id] || {}"
:isBookmark="bookmarkArray[id]"
></MsgCard> ></MsgCard>
</div> </div>
@ -21,6 +22,7 @@ const BookmarkRouter = {
messages: _messages, messages: _messages,
isActive: true, isActive: true,
messageId: '', messageId: '',
bookmarkArray: auth.bookmarks,
} }
}, },
computed:{ computed:{
@ -50,6 +52,7 @@ const BookmarkRouter = {
/*var _usrid = auth.user; /*var _usrid = auth.user;
$.ajax({ $.ajax({
url: "api/usr/id/" + _usrid, url: "api/usr/id/" + _usrid,
@ -75,8 +78,12 @@ const BookmarkRouter = {
console.log(err); console.log(err);
}*/ }*/
} }
},
beforeMount: function(){
}, },
mounted: function (){ mounted: function (){
this.getMessages(); this.getMessages();
} },
}; };

View File

@ -3,7 +3,7 @@ const HomeRouter = {
<div> <div>
<div id="om-msg-cards" class="column pull-right-sm is-four-fifths-desktop"> <div id="om-msg-cards" class="column pull-right-sm is-four-fifths-desktop">
<a id="escape-search-link" @click="goBackToDashboard">< zurück zu allen Einträgen</a> <a id="escape-search-link" @click="goBackToDashboard">< zurück zu allen Einträgen</a>
<b-button id="subscribe-btn" type="is-primary" @click="changeSubscribtion"><div id="btn-text"></div></b-button> <b-button id="subscribe-btn" type="is-primary" @click="changeSubscribtion"><div id="btn-text"></div></b-button><br><br>
<MsgCard <MsgCard
v-for="id in messagelist.slice().reverse()" v-for="id in messagelist.slice().reverse()"
:key="id" :key="id"

View File

@ -8,7 +8,7 @@ var auth = {},
_messages = {}, _messages = {},
// Tag // Tag
_taglist = ["efi","wichtig"], _taglist = [],
_tags = [], _tags = [],
tagArray = [], tagArray = [],

View File

@ -14,8 +14,8 @@ Vue.component('MsgCard', {
<i class="material-icons">account_circle</i> <i class="material-icons">account_circle</i>
Erstellt von {{ msg.user }} Erstellt von {{ msg.user }}
</div> </div>
<i id="bockmark-not-active" class="material-icons" :key="isActive" @click="myFilter(msg._id)" v-if="!isActive">bookmark_border</i> <i id="bockmark-not-active" class="material-icons" :key="vueRender.key" @click="myFilter(msg._id)" v-if="!isActive">bookmark_border</i>
<i id="bockmark-active" class="material-icons" :key="isActive" @click="myFilter(msg._id)" v-else>bookmark</i> <i id="bockmark-active" class="material-icons" :key="vueRender.key" @click="myFilter(msg._id)" v-else>bookmark</i>
</div> </div>
</div>`, </div>`,
props: ['msg', 'isBookmark'], props: ['msg', 'isBookmark'],
@ -23,9 +23,9 @@ Vue.component('MsgCard', {
data: function () { data: function () {
return { return {
isActive: this.isBookmark, isActive: this.isBookmark,
isActive_: 0,
msgid: this.msg._id, msgid: this.msg._id,
bookmarkArray: auth.bookmarks, bookmarkArray: auth.bookmarks,
vueRender: vueRender,
}; };
}, },
@ -68,8 +68,12 @@ Vue.component('MsgCard', {
}*/ }*/
}, },
filterForTag: function (tag) { filterForTag: function (tag) {
console.log("link: " + tag);
//console.log("link: " + tag);
searching(tag); searching(tag);
var btnString = "#" + tag + " abonnieren";
$("#btn-text").text(btnString);
$("#subscribe-btn").css("visibility", "visible");
}, },
isBookmarkActive: function (msgid) { isBookmarkActive: function (msgid) {
//console.log("isBookmarkActive(): " + msgid); //console.log("isBookmarkActive(): " + msgid);

View File

@ -99,7 +99,10 @@ function get_insert_tag(id) {
function searching(searchtext) { function searching(searchtext) {
_isSearchActiv = true; _isSearchActiv = true;
$("#escape-search-link").css("visibility", "visible"); $("#escape-search-link").css("visibility", "visible");
if(_taglist.indexOf(searchtext.replace(/#/g, '')) > -1){ //console.log(_tags);
console.log(data);
if(data.indexOf(searchtext) > -1){
var btnString = "#" + searchtext.replace(/#/g, '') + " abonnieren"; var btnString = "#" + searchtext.replace(/#/g, '') + " abonnieren";
$("#btn-text").text(btnString); $("#btn-text").text(btnString);
$("#subscribe-btn").css("visibility", "visible"); $("#subscribe-btn").css("visibility", "visible");