我試圖實現與TelescopeJS類似的東西,但更容易。所以我只想知道是否有辦法檢查作者的ID。用於返回isAuthor函數的流星幫助函數
我想要做的是僅顯示文章作者的刪除按鈕。我的文章有這些字段的集合:
Articles.insert({description:description,name:name,hashtag:hashtag,src:url,author:Meteor.userId()});
我希望刪除按鈕僅顯示給帖子的作者。所以我需要一個輔助函數來返回布爾值。 該功能應該遵循:如果當前用戶ID等於作者的用戶ID,則返回true
,否則返回false
。現在這是一個相當簡單的功能,但我不知道如何在集合中調用作者字段。
在此先感謝!
JS代碼:
Template.pinterest.helpers({
articles: function() {
var search = {};
return Articles.find(search, {
limit: 20
});
},
adding_interest: function() {
return Session.get('adding_interest');
},
numlikes: function() {
return Likes.find({
article: this._id
}).count();
},
likethis: function() {
var curUserlike = Likes.findOne({
muser: Meteor.userId(),
article: this._id
});
if (curUserlike) {
return "You Like This";
} else {
return "Thumbs up!";
}
},
updated: function() {
return Session.get('updated');
},
isAuthor: function() {
if (this.author === Meteor.userId()) { //this.author is author in doc
console.log(this.author);
}
}
});
Template.article.helpers({
numlikes: function() {
return Likes.find({
article: this._id
}).count();
},
userName: function() {
return Meteor.user().username || Meteor.user().profile.name || Meteor.userId()
},
userimage: function() {
if (Meteor.user().services.facebook) {
return "http://graph.facebook.com/" + Meteor.user().services.facebook.id + "/picture/?type=large";
}
},
timestamp: function() {
return new Date();
},
likethis: function() {
var curlike = Likes.findOne({
muser: Meteor.userId(),
article: this._id
});
if (curlike) {
return "You Like This";
}
}
});
Template.pinterest.rendered = function() {
setTimeout(function() {
masonize(function() {});
}, 1000)
$('.search-query input').focus();
}
HTML模板
<template name="article">
<div class="item">
<div class="ui special cards">
<div class="card">
<div class="dimmable image">
<div class="ui dimmer">
<div class="content">
<div class="center">
{{#if currentUser}}
<div class="ui inverted button">
<a href="#" class="like">
<i class="heart icon"></i> Like
</a>
</div>
{{/if}}
</div>
</div>
</div>
<img src="{{src}}"/>
<script>$('.special.cards .image').dimmer({
on: 'hover'
});</script>
</div>
<div class="content">
<a class="header">{{name}}</a>
<div class="meta">
<span class="date">{{timestamp}}</span><br><a href="#">{{hashtag}}</a>
</div>
</div>
<div class="extra content">
<a>
{{#if currentUser}}
<p>
<a href="#" class="like">
<i style="color:#564f8a;" class="heart icon"></i>
</a>
<a class="ui purple circular label">
{{numlikes}} likes
</a>
<div class="ui red horizontal label">{{likethis}}</div><br>
**{{#if isAuthor}}
<a class="remove"><i style="color:#d95c5c;" class="remove icon">{{removeArticle}}</i></a>
{{/if}}**
</p><br>
{{/if}}
</a>
<div class="description">
<p>{{description}}</p>
</div>
{{#if currentUser}}
<hr>
<div class="extra content">
<div class="right floated author">
<img class="ui avatar image" src="{{userimage}}"> {{author}}
</div>
</div>
{{/if}}
</div>
</div>
</div>
</div>
</template>
夥計,你是個天才! :D感謝一百萬! :D:D –
我真的不能非常感謝你! :d –