<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.1">
<link href="./public/css/user.css" type="text/css"/>
</head>
<div id="page-wrapper">
<%="Hello " + getProfile%>
</div>
</html>Тут велосипед изобретать не надо уже все сделано за вас:
res.render('signin', {
errorMessage: info.message,
user: req.user
});if user
button(type="submit") signin
button(type="submit") signup
else
h1 Hello #{user.name}
Я бы при рендеринге модалкам и кнопкам задавал связывающие классы + общий класс(чтобы можно было закрывать не парясь
var show = function(state){
document.getElementById('modal-window').style.display = state;
document.getElementById('modal-filter').style.display = state;
}
$('.open-modal').click(function(){
var id = $(this).attr('open');
$('#' + id).show();
});<div id="modal-filter" id="<%=result[i].dataValues.username%>" onclick="show('none')"></div><button class="open-modal" onclick="show('block')">View Usernames</button>var show = function(state){
document.getElementById('modal-window').style.display = state;
document.getElementById('modal-filter').style.display = state;
}
$('.open-modal').click(function(){
var id = $(this).attr('open');
$('#' + id).show();
});
вот, без начинки, но суть то не в ней, блок допустим на index странице инклюдится а на user нет(((((