How to pass additional data to a partial that uses an {{#each}} helper in express-handlebars?
Using express-handlebars, I have an {{#each}} helper that wraps a partial to display each post from a user. So far, the relevant code for handlebars is:
<div class="container">
<div>
{{#each post}}
{{> posts/post-block}}
{{/each}}
</div>
</div>
and this is the contents of the partial:
<div class="single-post-container">
<p class="d-inline">
<span class="title">{{title}}</span>
<a href="/user/{{User.id}}"><span class="float-right author">Submitted by: {{User.email}}</span></a>
</p>
<hr>
<p class="post-body">
{{body}}
</p>
{{#if_eq reqUserId User.id}}
<button type="button" class="btn btn-warning">Delete</button>
{{/if_eq}}
</div>
The {{#if_eq}} towards the bottom of the partial is a custom helper function that checks if the two given values are equal. In this case, I am checking to see if the current logged in user (reqUserId) is viewing their own post, or a different users post (User.Id). If they are viewing their own (reqUserId == User.Id), display the delete button.
Handlebars is receiving this data through Express, using the following code:
app.get("/home", isAuthenticated, function (req, res) {
db.Post.findAll({
order: [
["id", "DESC"]
],
include: [db.User]
}).then(function (dbPost) {
//console.log(dbPost);
//console.log(req.user.id)
res.render("index", {
post: dbPost,
reqUserId: req.user.id
})
})
});
My problem lies on line 12 of the above code snippet. Since the partial is being called only for {{#each post}}, it never receives the reqUserId data, and the button is never displayed. For clarification, the last code snippet is using sequelize to pull the information from a database, so reqUserId unfortunately can't be pulled from there. Is there any around this?
node.js express handlebars.js sequelize.js express-handlebars
asked Nov 24 '18 at 19:36
RevircsRevircs
8210
add a comment |
Using express-handlebars, I have an {{#each}} helper that wraps a partial to display each post from a user. So far, the relevant code for handlebars is:
<div class="container">
<div>
{{#each post}}
{{> posts/post-block}}
{{/each}}
</div>
</div>
and this is the contents of the partial:
<div class="single-post-container">
<p class="d-inline">
<span class="title">{{title}}</span>
<a href="/user/{{User.id}}"><span class="float-right author">Submitted by: {{User.email}}</span></a>
</p>
<hr>
<p class="post-body">
{{body}}
</p>
{{#if_eq reqUserId User.id}}
<button type="button" class="btn btn-warning">Delete</button>
{{/if_eq}}
</div>
The {{#if_eq}} towards the bottom of the partial is a custom helper function that checks if the two given values are equal. In this case, I am checking to see if the current logged in user (reqUserId) is viewing their own post, or a different users post (User.Id). If they are viewing their own (reqUserId == User.Id), display the delete button.
Handlebars is receiving this data through Express, using the following code:
app.get("/home", isAuthenticated, function (req, res) {
db.Post.findAll({
order: [
["id", "DESC"]
],
include: [db.User]
}).then(function (dbPost) {
//console.log(dbPost);
//console.log(req.user.id)
res.render("index", {
post: dbPost,
reqUserId: req.user.id
})
})
});
My problem lies on line 12 of the above code snippet. Since the partial is being called only for {{#each post}}, it never receives the reqUserId data, and the button is never displayed. For clarification, the last code snippet is using sequelize to pull the information from a database, so reqUserId unfortunately can't be pulled from there. Is there any around this?
node.js express handlebars.js sequelize.js express-handlebars
asked Nov 24 '18 at 19:36
RevircsRevircs
8210
add a comment |
Using express-handlebars, I have an {{#each}} helper that wraps a partial to display each post from a user. So far, the relevant code for handlebars is:
<div class="container">
<div>
{{#each post}}
{{> posts/post-block}}
{{/each}}
</div>
</div>
and this is the contents of the partial:
<div class="single-post-container">
<p class="d-inline">
<span class="title">{{title}}</span>
<a href="/user/{{User.id}}"><span class="float-right author">Submitted by: {{User.email}}</span></a>
</p>
<hr>
<p class="post-body">
{{body}}
</p>
{{#if_eq reqUserId User.id}}
<button type="button" class="btn btn-warning">Delete</button>
{{/if_eq}}
</div>
The {{#if_eq}} towards the bottom of the partial is a custom helper function that checks if the two given values are equal. In this case, I am checking to see if the current logged in user (reqUserId) is viewing their own post, or a different users post (User.Id). If they are viewing their own (reqUserId == User.Id), display the delete button.
Handlebars is receiving this data through Express, using the following code:
app.get("/home", isAuthenticated, function (req, res) {
db.Post.findAll({
order: [
["id", "DESC"]
],
include: [db.User]
}).then(function (dbPost) {
//console.log(dbPost);
//console.log(req.user.id)
res.render("index", {
post: dbPost,
reqUserId: req.user.id
})
})
});
My problem lies on line 12 of the above code snippet. Since the partial is being called only for {{#each post}}, it never receives the reqUserId data, and the button is never displayed. For clarification, the last code snippet is using sequelize to pull the information from a database, so reqUserId unfortunately can't be pulled from there. Is there any around this?
node.js express handlebars.js sequelize.js express-handlebars
asked Nov 24 '18 at 19:36
RevircsRevircs
8210
Using express-handlebars, I have an {{#each}} helper that wraps a partial to display each post from a user. So far, the relevant code for handlebars is:
<div class="container">
<div>
{{#each post}}
{{> posts/post-block}}
{{/each}}
</div>
</div>
and this is the contents of the partial:
<div class="single-post-container">
<p class="d-inline">
<span class="title">{{title}}</span>
<a href="/user/{{User.id}}"><span class="float-right author">Submitted by: {{User.email}}</span></a>
</p>
<hr>
<p class="post-body">
{{body}}
</p>
{{#if_eq reqUserId User.id}}
<button type="button" class="btn btn-warning">Delete</button>
{{/if_eq}}
</div>
The {{#if_eq}} towards the bottom of the partial is a custom helper function that checks if the two given values are equal. In this case, I am checking to see if the current logged in user (reqUserId) is viewing their own post, or a different users post (User.Id). If they are viewing their own (reqUserId == User.Id), display the delete button.
Handlebars is receiving this data through Express, using the following code:
app.get("/home", isAuthenticated, function (req, res) {
db.Post.findAll({
order: [
["id", "DESC"]
],
include: [db.User]
}).then(function (dbPost) {
//console.log(dbPost);
//console.log(req.user.id)
res.render("index", {
post: dbPost,
reqUserId: req.user.id
})
})
});
My problem lies on line 12 of the above code snippet. Since the partial is being called only for {{#each post}}, it never receives the reqUserId data, and the button is never displayed. For clarification, the last code snippet is using sequelize to pull the information from a database, so reqUserId unfortunately can't be pulled from there. Is there any around this?
node.js express handlebars.js sequelize.js express-handlebars
node.js express handlebars.js sequelize.js express-handlebars
asked Nov 24 '18 at 19:36
RevircsRevircs
8210
asked Nov 24 '18 at 19:36
RevircsRevircs
8210
asked Nov 24 '18 at 19:36
RevircsRevircs
8210
asked Nov 24 '18 at 19:36
RevircsRevircs
8210
asked Nov 24 '18 at 19:36
RevircsRevircs
8210
8210
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53461719%2fhow-to-pass-additional-data-to-a-partial-that-uses-an-each-helper-in-expres%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53461719%2fhow-to-pass-additional-data-to-a-partial-that-uses-an-each-helper-in-expres%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
