From 2e7d445d62d705da540a9471fefce2eeaaedea7f Mon Sep 17 00:00:00 2001 From: D Shrat <dshrat29@gmail.com> Date: Tue, 9 Nov 2021 10:01:15 +0700 Subject: [PATCH 1/4] change nav notif and payment --- views/pages/notif-pay.ejs | 10 +--------- views/pages/payment.ejs | 11 +---------- views/pages/success-add.ejs | 10 +--------- 3 files changed, 3 insertions(+), 28 deletions(-) diff --git a/views/pages/notif-pay.ejs b/views/pages/notif-pay.ejs index 8b8add9..723f595 100644 --- a/views/pages/notif-pay.ejs +++ b/views/pages/notif-pay.ejs @@ -132,15 +132,7 @@ <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script> </head> <body> - <nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius"> - <a href="/"><img alt="Banner" class="navbar-brand lazyload" src="img/logo_transparent.webp" style="margin-top: 0%;"></a> - <ul class="navbar-nav"> - <li class="nav-item"> - <a style="color: white; font-size: 16pt;">Payment</a> - </li> - </ul> - <div class="collapse navbar-collapse" id="navbarTogglerDemo01"></div> - </nav> + <%- include('../layouts/navbar.ejs', {types: 'v3', title: 'Notification'}); %> <br> diff --git a/views/pages/payment.ejs b/views/pages/payment.ejs index a6b2517..b6a7212 100644 --- a/views/pages/payment.ejs +++ b/views/pages/payment.ejs @@ -142,16 +142,7 @@ <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script> </head> <body> - <nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius"> - <img alt="Banner" class="navbar-brand lazyload" src="img/logo_transparent.webp" style="margin-top: 0%;" - width="5%"> - <ul class="navbar-nav"> - <li class="nav-item"> - <a style="color: white; font-size: 16pt;">Payment</a> - </li> - </ul> - <div class="collapse navbar-collapse" id="navbarTogglerDemo01"></div> - </nav> + <%- include('../layouts/navbar.ejs', {types: 'v3', title: 'Payment'}); %> <br> diff --git a/views/pages/success-add.ejs b/views/pages/success-add.ejs index 51147e6..becf72b 100644 --- a/views/pages/success-add.ejs +++ b/views/pages/success-add.ejs @@ -132,15 +132,7 @@ <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script> </head> <body> - <nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius"> - <a href="/"><img alt="Banner" class="navbar-brand lazyload" src="img/logo_transparent.webp" style="margin-top: 0%;"></a> - <ul class="navbar-nav"> - <li class="nav-item"> - <a style="color: white; font-size: 16pt;">Payment</a> - </li> - </ul> - <div class="collapse navbar-collapse" id="navbarTogglerDemo01"></div> - </nav> + <%- include('../layouts/navbar.ejs', {types: 'v3', title: 'Notification'}); %> <br> From ee6d0050b4e88b72c4aa3fd652d5dd95ce38eab8 Mon Sep 17 00:00:00 2001 From: Matthew Patrick <Matthew.535200018@stu.untar.ac.id> Date: Tue, 9 Nov 2021 10:04:15 +0700 Subject: [PATCH 2/4] Dynamic Navbar for About-Us --- views/pages/about-us.ejs | 32 +------------------------------- 1 file changed, 1 insertion(+), 31 deletions(-) diff --git a/views/pages/about-us.ejs b/views/pages/about-us.ejs index ffc192d..4ec2ada 100644 --- a/views/pages/about-us.ejs +++ b/views/pages/about-us.ejs @@ -19,37 +19,7 @@ </head> <body> - <nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius"> - <img alt="Banner" class="navbar-brand lazyload" src="assets/logo_transparent.webp"> - <button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation" - class="navbar-toggler" data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button"> - <span class="navbar-toggler-icon"></span> - </button> - <div class="collapse navbar-collapse" id="navbarTogglerDemo01"> - <ul class="navbar-nav mx-auto"> - <li class="nav-item"> - <a class="nav-link" href="/">Home</a> - </li> - <li class="nav-item"> - <a class="nav-link" href="/product-list.html">Products</a> - </li> - <li class="nav-item active"> - <a aria-disabled="true" class="nav-link disabled" href="/about-us.html">About Us</a> - </li> - <li class="nav-item"> - <a class="nav-link" href="faq.html">FAQ</a> - </li> - </ul> - <span class="navbar-nav my-2 my-lg-0 text-white"> - <div class="my-4"> - <a href="login.html"><button class="btn btn-outline-success mt-auto mb-auto mr-3" - type="button">Login</button></a> - </div> - <a href="bag.html" class="mt-auto mb-auto" style="color: inherit;"><i class="fas fa-shopping-cart"><span - class="ml-2 mt-auto mb-auto">Rp 999.999</span></i></a> - </span> - </div> - </nav> + <%- include('../layouts/navbar.ejs', {types: 'v1', state: 'home'}); %> <br style="display: block;content: ' '; margin: 1vw 0; line-height: 1vw;"> From b39959e1ccfce1961cd64b993db883647f148389 Mon Sep 17 00:00:00 2001 From: Matthew Patrick <Matthew.535200018@stu.untar.ac.id> Date: Tue, 9 Nov 2021 10:04:34 +0700 Subject: [PATCH 3/4] Fixed Navbar's logo icon --- views/layouts/navbar.ejs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/views/layouts/navbar.ejs b/views/layouts/navbar.ejs index 3aed32a..9b8bf5d 100644 --- a/views/layouts/navbar.ejs +++ b/views/layouts/navbar.ejs @@ -1,6 +1,6 @@ <% if(types == "v1") { %> <nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius"> - <a href="/"><img alt="Banner" class="navbar-brand lazyload" height="80" src="img/logo_transparent.webp" + <a href="/"><img alt="Banner" class="navbar-brand lazyload" src="img/logo_transparent.webp" style="margin-top: 0%;" width="80"></a> <button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button"> From 845af3ce592973da0e12060532caba78d5f75759 Mon Sep 17 00:00:00 2001 From: Matthew Patrick <Matthew.535200018@stu.untar.ac.id> Date: Tue, 9 Nov 2021 10:07:05 +0700 Subject: [PATCH 4/4] Reverted Dynamic Navbar usage --- views/pages/about-us.ejs | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) diff --git a/views/pages/about-us.ejs b/views/pages/about-us.ejs index 4ec2ada..ffc192d 100644 --- a/views/pages/about-us.ejs +++ b/views/pages/about-us.ejs @@ -19,7 +19,37 @@ </head> <body> - <%- include('../layouts/navbar.ejs', {types: 'v1', state: 'home'}); %> + <nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius"> + <img alt="Banner" class="navbar-brand lazyload" src="assets/logo_transparent.webp"> + <button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation" + class="navbar-toggler" data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarTogglerDemo01"> + <ul class="navbar-nav mx-auto"> + <li class="nav-item"> + <a class="nav-link" href="/">Home</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/product-list.html">Products</a> + </li> + <li class="nav-item active"> + <a aria-disabled="true" class="nav-link disabled" href="/about-us.html">About Us</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="faq.html">FAQ</a> + </li> + </ul> + <span class="navbar-nav my-2 my-lg-0 text-white"> + <div class="my-4"> + <a href="login.html"><button class="btn btn-outline-success mt-auto mb-auto mr-3" + type="button">Login</button></a> + </div> + <a href="bag.html" class="mt-auto mb-auto" style="color: inherit;"><i class="fas fa-shopping-cart"><span + class="ml-2 mt-auto mb-auto">Rp 999.999</span></i></a> + </span> + </div> + </nav> <br style="display: block;content: ' '; margin: 1vw 0; line-height: 1vw;">