pug

I have a jade template file for my header and uses bootstrap markup. Depending on what page the user is on, the navigation bar needs to add class .active to that nav item. What is the best way to do this avoiding long code like this. header.jade if nav=='home' li.active a(href="/") Home else li a(href='/') Home if nav=='about' li.active a(href='/about') About else li a(href='/about') About route router.get('/about', function(req, res) { res.render('about', { nav:'about' }); }); Notice how if there are many more links in the header, it will get much longer. Is there a better method to add class

The problem is I render a view and send some data console.log(products); // shows an array res.render('seller/sell',{'shop_id':req.user.shop_id ,'products':products}); and I save the data like this in jade input(id='shop_id',type='hidden',name='shop_id',value='#{shop_id}') input(id='pd',type='hidden',name='pd',value='#{products}') if(products !='') each val , key in products a(href!='home/sell/edit?id=#{val.id} ',class='product') img(class='product_thum',src!='#{ val.product_thum}',alt!='#{ val.product_name}',title!='#{ val.product_name}') p.product_name #{ val.product_name} and then I try to

I need to use template for rendering of each ItemView: var ItemView = Backbone.View.extend({ className: 'item', template: _.template($('#itemTemplate').html()), initialize: function () { } }); So I need to define html template at first: <script id="itemTemplate" type="text/template"> <img src="<%= photo %>" alt="<%= name %>" /> <h1><%= name %><span><%= type %></span></h1> <div><%= address %></div> <dl> <dt>Tel:</dt><dd><%= tel %></dd> <dt>Email:</dt><dd><a href="mailto:<%= email %>"><%= email %></a></dd> </dl> But I use Nodejs Jade Template Engine and I don't understand how shuold I define in

i was wondering how to execute js before rendering? This fails -#{somejs} // Outputs just the js-code p #{somejs()} // Executes the js-code, but doenst render the html // In EJS I just write. But how can i do this with node? <%- somejs() %> // I try to use express-messasges (https://github.com/visionmedia/express-messages) with Jade instead of ejs The following both work for me: - var test = Math.sqrt(16); div #{test} or div #{Math.sqrt(25)} If possible, would you please post your somejs() ? Are you certain that it is producing a HTML string? To use express-messages with jade use this code in

I have a list of products and I want to show an ad in the product feed. I want something like: <div id="container"> <div id="product">Bla..</div> <div id="product">Bla..</div> <div id="product">Bla..</div> </div> <div id="add"> Adsense Stuff </div> <div id="container"> <div id="product">Bla..</div> <div id="product">Bla..</div> <div id="product">Bla..</div> <div id="product">Bla..</div> <div id="product">Bla..</div> </div> In ERB, I would have: <div id="container"> <% productes.each_with_index do |product,index| %> <div id="product"><%= product %></div> <% if index == 2 %> </div> <div id="add"

I'm trying to compile all my .jade templates into a single js file, I'm using Gulpjs and gulp-jade, gulp-concat.. I can get the single file but the problem is that all the functions rendered there have the same name, they are all called "template". foo.jade: .fooDiv h1 Foo here foo2.jade: .foo2Div h1 Foo2 here Gulp file: gulp.src("templates/**/*.jade") .pipe(jade({client: true})) .pipe(concat("templates.js")) .pipe(gulp.dest("../website/templates")) That would output a file like this: function template(locals) { var buf = []; var jade_mixins = {}; buf.push("<div class=\"fooDiv\"><h1>Foo here<