app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());
app.use(express.static(__dirname + '/views/'));
app.set('views', __dirname + '/views/');
app.set('view engine', 'pug');
app.get('/', function(req, res) {
conn.query("SELECT * FROM posts ORDER BY id DESC", function(err, rows) {
if(err) throw err;
res.render('index', { data : rows });
});
});
app.get('/q', function(req, res) {
conn.query("SELECT title FROM posts ORDER BY id DESC", function(err, rows) {
if(err) throw err;
res.render('q', { q : rows });
});
});
app.get('/schedule', function(req, res) {
conn.query("SELECT fulltxt FROM posts ORDER BY id DESC", function(err, rows) {
if(err) throw err;
res.render('schedule', { s : rows });
});
});.container.main
div
each row in q
p= row.title.container
nav
.nav-wrapper
a.brand-logo(href='/') Dashboard
ul#nav-mobile.right.hide-on-med-and-down
li
a(href='/schedule') Расписание
li
a(href='/q') Вопросы
<!DOCTYPE html>
<html>
<head>
<title>NAV</title>
<meta charset="utf-8">
<style>
ul li {
display: inline-block;
cursor: pointer;
}
#one,
#two,
#three {
width: 80%;
height: 500px;
}
#one {
border: 5px solid red;
}
#two {
border: 5px solid green;
}
#three {
border: 5px solid blue;
}
</style>
</head>
<body>
<div>
<ul>
<li>Красный</li>
<li>Зелёный</li>
<li>Синий</li>
</ul>
</div>
<div id="one" style="display:block"></div>
<div id="two" style="display:none"></div>
<div id="three" style="display:none"></div>
<script>
var red = document.getElementById('one');
var green = document.getElementById('two');
var blue = document.getElementById('three');
var ul = document.querySelector('ul');
ul.children[0].onclick = function() {
green.style.display = 'none';
blue.style.display = 'none';
red.style.display = 'block';
}
ul.children[1].onclick = function() {
red.style.display = 'none';
blue.style.display = 'none';
green.style.display = 'block';
}
ul.children[2].onclick = function() {
red.style.display = 'none';
green.style.display = 'none';
blue.style.display = 'block';
}
</script>
</body>
</html>
Средний
Простой