diff --git a/README.md b/README.md index 8e592942311553c1bfe2a039272ebfbae8a60a28..90595d30a876d3849e92e344a520edb85de6a2a6 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,30 @@ There are 2 options: 2. Use view engine to enable having if-else conditions on 1 page - This is the option I take for this project. - You need to get familiar with the view engine. I use pug (https://pugjs.org/api/getting-started.html) on this project. - - You can convert your existing html page to pug using this website: https://html-to-pug.com/. I have tried it to convert index.html to index.pug and it works. + - You can convert your existing html page to pug using this website: https://html-to-pug.com/. I have tried it to convert index.html(https://gitlab.com/Cholgrrr/m4labplatform/-/blob/sso/vcm/index.html) to index.pug(https://gitlab.com/Cholgrrr/m4labplatform/-/blob/sso/vcm/index.pug) and it works. + - Example on this project: + define the route on server.js: + app.get('/index', function (req, res) { + if (req.isAuthenticated()) { + res.render('index', { + userLogin: true + }) + } else { + res.render('index', { + userLogin: false + }) + } + }) + then use the userLogin parameter in the if-else condition on index.pug: + if userLogin == true + button#tourstart-btn.buttonset.one(onclick='stopStory()') + span.i18n_balloon_startscreen_btn Start + else + button + span.i18n_balloon_startscreen_btn Login ### Preventing user to directly access an html -to be continued \ No newline at end of file +If you choose option 1 and want to prevent users to directly access an html, you can try to redirect them to any page you want just like the following: +app.get('/index.html', function (req, res) { + res.redirect('/index') +})