Your IP : 216.73.216.79
<?php
/*** CONTENT_ID-226***/
echo '<style>
#pre-loader {height:auto;}
#pre-loader img {top:25%;}
.centertitle {
position: absolute;
top: 50%;
transform: translate(0, -50%);
margin-left:20%;
margin-right:20%;
width: 60%;
padding: 10px;
}
.center {
position: absolute;
top: 80%;
transform: translate(0, -50%);
margin-left:20%;
margin-right:20%;
width: 60%;
padding: 10px;
}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
.topbar-social{display:none;}
}
@media only screen and (max-height: 575.98px) and (orientation: landscape) {
.topbar-social{display:none;}
}
@media only screen and (min-width: 768px) and (orientation:portrait) and (min-height:1024px){
.topbar-social{display:none;}
}
.select1{
top:2em;
left:0;
display:none;
position: absolute;
z-index: 999999;
width: 100px;
box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 25%);
padding:5px;
}
.mega-menu *,.mega-menu .drop-down{
font-weight : 300;
font-size : 14px;
}
.mega-menu .drop-down .menu_link{
font-weight : 300;
font-size : 14px;
padding:0;
margin-bottom:5px;
padding-left:20px;
text-transform:none;
}
.mega-menu .drop-down .menu_link h3{
padding :0;
margin-top : 10px;
margin-bottom : 5px;
}
.mega-menu .menu-links > li { padding: 0; }
.mega-menu .menu-links > li > a {
color:white;
text-shadow: -3px 4px 2px rgba(0,0,0,0.6);
}
.mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li:hover > a{
color:#edcb00 !important;
}
.footer a:hover, #footer2 a:hover, #header a:hover{
color:black;
}
.mega-menu .drop-down{
/*box-shadow: 0 1px 4px rgb(0 0 0 / 20%) !important;*/
box-shadow: 0px 7px 10px 0px rgb(0 0 0 / 29%);
border-top : 10px solid #edcb00;
}
.mega-menu .menu-links > li > a{
text-transform:none;
font-weight : 300;
}
.mega-menu .drop-down:after{
content:"";
position: absolute;
top:0px;
left: 0px;
width:100%;
height:100%;
z-index:-1;
opacity: 1;
background-image:url(/assets/img/background/menubg3.png);
background-repeat:no-repeat;
background-size:auto 100%;
background-position: right center !important;
}
.new-text{
font-size : 10px !important;
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
@media (max-width: 991px){
.mega-menu .menu-logo img {
margin: 0;
}
.mega-menu .menu-links > li > a, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li:hover > a{
color:black !important;
}
}
@media (min-width: 1201px){
.gridlimit {
max-width: 1200px;
}
}
@media (max-width: 991px){
.mega-menu .menu-logo img {
height:40px;
}
}
@media (min-width: 992px){
.mega-menu .menu-logo img {
height:60px;
}
}
.menu-mobile-collapse-trigger {
display:none;
}
@media screen and (max-width: 991px) {
.mega-menu .menu-mobile-collapse-trigger {
display: none;
}
}
.mega-menu .menu-mobile-side-panel {
margin: 0;
padding: 0;
height: 50px;
width: 35px;
background: transparent;
display: none;
position: absolute;
top: 0;
right: -10px;
z-index: 100;
float: right;
cursor: pointer;
text-align:center;
font-size:20px;
-webkit-transition: background 200ms ease;
transition: background 200ms ease;
}
@media screen and (max-width: 991px) {
.mega-menu .menu-mobile-side-panel {
display: block;
height: 40px;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
background: white;
border-radius: 50%;
padding: 3px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
}
.hide{
margin-left:-300px;
transition: all 0.8s ease;
}
.side-menu{
position:absolute;
top:0px;
color:white;
width: 299px;
height:350px;
background: transparent;
transition: all 0.8s ease;
}
.side-menu > div > ul li a {
background-color: #ffffff;
}
.side-menu:last-child > div > ul li a {
background-color: #ffffff;
}
.show-menu{
margin-left:0 !important;
transition: all 0.8s ease;
}
.side-menu-items {
border-bottom: 1px solid #02536A;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
}
@-moz-keyframes scroll {
from { -moz-transform: translateX(100%); }
to { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll {
from { -webkit-transform: translateX(100%); }
to { -webkit-transform: translateX(-100%); }
}
@keyframes scroll {
from {
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.blink_me {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.menu-bar > .menu-links > li > a{
font-weight: 500;
}
.mega-menu .menu-links > li > a, .mega-menu .drop-down .menu_link{
font-size: 16px;
}
.mega-menu .drop-down h3, .mega-menu .drop-down-tab-bar h3{
line-height:1.1;
}
.mega-menu .drop-down a:hover, .mega-menu .drop-down a h3:hover{
color: #008e63 !important;
}
.top-option{
float : right;
height : 36px;
margin-left : 0.7em;
}
.top-option img {
margin-top : 5px;
}
.mega-menu > section.menu-list-items .menu-bar > ul > li{
vertical-align: top;
padding-top : 5px !important;
}
@media only screen and (min-width: 768px) {
.searchcontainer:hover {
background:#f0f0f0;
}
}
@media (min-width: 992px) {
.mega-menu > section.menu-list-items {
height:auto !important;
}
}
.header {
padding-top:20px;
}
.marquee p {display:inline-block !important;color:white;margin-left:3em;}
@media screen and (max-width: 991px) {
.main-header-section {
padding-top: 10px;
background:#fff;
border-bottom: 2px solid #15818d;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.header {
padding-top:0px;
}
#logo_img_dark, #logo_img {
height: 50px !important;
margin-top:10px;
margin-bottom:10px;
}
.form-control-search {
background:#f4f4f4;
}
}
@media screen and (min-width: 992px) and (max-width: 1246px) {
#logo_img_dark, #logo_img_dark {
height: 70px;
}
}
.mega-menu .drop-down.grid-col-12, .mega-menu .drop-down-tab-bar.grid-col-12 {
width: 90%;
/* left: 0; */
left: 5%;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
@media screen and (max-width: 991px) {
.form-control-search {
width: 100% !important;
border: 2px solid #000!important;
color:#000 !important;
background: #00000022 !important;
}
.top-option-search {
margin-left:0;
margin-right:0;
width:100%;
}
}
@media screen and (min-width: 992px) {
.form-control-search {
width: 200px !important;
border: 2px solid #fff !important;
color:#fff;
background: #ffffff44;!important
}
.top-option-search {
margin-left:2em;
}
}
.logodark {
display:none;
}
@media screen and (max-width: 991px) {
#logo_img_dark {
display:block !important;
}
#logo_img {
display:none !important;
}
.main-header-section {
border-radius: 20px;
margin-top: 15px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
}
@media screen and (min-width: 992px) {
#logo_img_dark {
display:none !important;
}
#logo_img {
display:block !important;
}
}
@media (max-width: 767px) {
.main-header-section {
max-width: 94%;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
}
.top-option-img {
opacity: 0.7;
}
.top-option-img:hover {
opacity: 1;
}
@media (max-width: 991px){
#content{
padding-top:70px;
}
}
@media (min-width: 992px){
#content{
padding-top:0px;
}
}
</style>';
/* mobile menu start */
echo '
<div class="st-pusher">
<div class="st-menu st-effect-6 scrollbar" id="menu-1">
<center>
<img src="'.$baseUrl.'/'.$site_login_logo.'" alt="" style="max-width:100%;padding:1em;">
</center>
<div class="nav-title" style="padding: 30px;">
<p style="font-size:1.2em;font-weight:bold;">Main Menu<a href="javascript:void(0)" class="closex" style="float:right;color:black;"><i class="fa fa-close"></i></a></p>
<!-- <a href="#" class="nav-link" id="layer1">← back</a> -->
<ul style="">';
$menu_column_name = 'menu_name';
if(Yii::$app->language != 'English')
$menu_column_name = 'menu_name2';
$menuarraycount = 2;
$menuarray = [];
$queryMenuTop = new \yii\db\Query();
$queryMenuTop->select(['frontend_menu.menu_name','frontend_menu.menu_link','frontend_role_mapping.id AS role_id'])
->from('frontend_role_mapping')
->innerJoin('frontend_menu','frontend_role_mapping.menu_id=frontend_menu.menu_id')
->where(['=','frontend_role_mapping.role_code','public'])
->andwhere(['=','frontend_role_mapping.menu_set','DEFAULT'])
->andwhere(['=','frontend_role_mapping.parent_id','0'])
->andwhere(['=','frontend_role_mapping.status','1'])
->orderBy(['frontend_role_mapping.sort' => SORT_ASC]);
$modelMenuTop = $queryMenuTop->all();
if(!empty($modelMenuTop)){
foreach($modelMenuTop as $rowMenuTop){
$queryMenuTop2 = new \yii\db\Query();
$queryMenuTop2->select(['frontend_menu.menu_name','frontend_menu.menu_class','frontend_menu.menu_link','frontend_role_mapping.id AS role_id'])
->from('frontend_role_mapping')
->innerJoin('frontend_menu','frontend_role_mapping.menu_id=frontend_menu.menu_id')
->where(['=','frontend_role_mapping.role_code','public'])
->andwhere(['=','frontend_role_mapping.menu_set','DEFAULT'])
->andwhere(['=','frontend_role_mapping.parent_id',$rowMenuTop['role_id']])
->andwhere(['=','frontend_role_mapping.status','1'])
->orderBy(['frontend_role_mapping.sort' => SORT_ASC]);
$modelMenuTop2 = $queryMenuTop2->all();
$menu1link = 'javascript:void(0)';
if (($rowMenuTop['menu_link']!=null)&&($rowMenuTop['menu_link']!='')) {
$menu1link = $baseUrl.''.str_replace('[siteslug]',$site_slug,$rowMenuTop['menu_link']);
}
if(!empty($modelMenuTop2)){
echo '<li class="side-menu-items">
<a href="'.$menu1link.'" class="l1" value="'.$menuarraycount.'" >'.$rowMenuTop['menu_name'].'<span> ›</span></a>
</li>';
$menuarray[$menuarraycount] = '<div class="layer1 side-menu hide" id="layer'.$menuarraycount.'" style="height:100%;padding:30px;padding-top:100px;" >
<div style="background:#ffffff;margin:0;padding:0;width:100%;height:calc(100% - 170px);">
<p style="font-size:1.2em;font-weight:bold;color:black;">'.$rowMenuTop['menu_name'].'
<a href="javascript:void(0)" class="closex" style="float:right;color:black;">
<i class="fa fa-close"></i>
</a>
</p>
<ul data-value="'.$menuarraycount.'" style="overflow-y:auto;">
<li class="side-menu-items" style="border: none;margin-bottom: 15px;">
<a href="#a" class="nav-link l1" value="'.$menuarraycount.'" id="l'.$menuarraycount.'" style="padding:0;">
<span style="background-color: #02536A;color: #fff;padding: 2px;padding-left: 10px;padding-right: 10px;border-radius: 15px;">← back</span>
</a>
</li>';
foreach($modelMenuTop2 as $rowMenuTop2){
$menu2link = 'javascript:void(0)';
if (($rowMenuTop2['menu_link']!=null)&&($rowMenuTop2['menu_link']!='')) {
$menu2link = $baseUrl.''.str_replace('[siteslug]',$site_slug,$rowMenuTop2['menu_link']);
}
$menuarray[$menuarraycount] .= '<li class="side-menu-items" style="font-weight:bold;"><a href="'.$menu2link.'" class="l1" style="font-size: 0.8em;">'.$rowMenuTop2['menu_name'].'</a></li>';
$queryMenuTop3 = new \yii\db\Query();
$queryMenuTop3->select(['frontend_menu.*','frontend_role_mapping.id AS role_id'])
->from('frontend_role_mapping')
->innerJoin('frontend_menu','frontend_role_mapping.menu_id=frontend_menu.menu_id')
->where(['=','frontend_role_mapping.role_code','public'])
->andwhere(['=','frontend_role_mapping.menu_set','DEFAULT'])
->andwhere(['=','frontend_role_mapping.parent_id',$rowMenuTop2['role_id']])
->andwhere(['=','frontend_role_mapping.status','1'])
->orderBy(['frontend_role_mapping.sort' => SORT_ASC]);
$modelMenuTop3 = $queryMenuTop3->all();
if(!empty($modelMenuTop3)){
foreach($modelMenuTop3 as $rowMenuTop3){
$queryMenuTop4 = new \yii\db\Query();
$queryMenuTop4->select(['frontend_menu.*','frontend_role_mapping.id AS role_id'])
->from('frontend_role_mapping')
->innerJoin('frontend_menu','frontend_role_mapping.menu_id=frontend_menu.menu_id')
->where(['=','frontend_role_mapping.role_code','public'])
->andwhere(['=','frontend_role_mapping.menu_set','DEFAULT'])
->andwhere(['=','frontend_role_mapping.parent_id',$rowMenuTop3['role_id']])
->andwhere(['=','frontend_role_mapping.status','1'])
->orderBy(['frontend_role_mapping.sort' => SORT_ASC]);
$modelMenuTop4 = $queryMenuTop4->all();
$menu3link = 'javascript:void(0)';
if (($rowMenuTop3['menu_link']!=null)&&($rowMenuTop3['menu_link']!='')) {
$menu3link = $baseUrl.''.str_replace('[siteslug]',$site_slug,$rowMenuTop3['menu_link']);
}
$menuarray[$menuarraycount] .= '<li class="side-menu-items" style="margin-left:15px;"><a href="'.$menu3link.'" class="l1" style="font-size: 0.8em;">'.$rowMenuTop3['menu_name'].'</a></li>';
//if(!empty($modelMenuTop4)){
//if($rowMenuTop3['menu_type']=='menu_title') {
//$menuarray[$menuarraycount] .= '<li class="side-menu-items"><a href="'.$menu3link.'" class="l1" style="font-weight:bold;">'.$rowMenuTop3['menu_name'].'</a></li>';
//} else if($rowMenuTop3['menu_type']=='menu_link') {
//$menuarray[$menuarraycount] .= '<li class="side-menu-items" style="margin-left:15px;"><a href="'.$menu3link.'" class="l1" style="font-size: 0.8em;">'.$rowMenuTop3['menu_name'].'</a></li>';
//}
//} else {
//if($rowMenuTop3['menu_type']=='menu_title') {
//$menuarray[$menuarraycount] .= '<li class="side-menu-items"><a target="'.$menuNewTab3.'" href="'.$menu3link.'" class="l1" style="font-weight:bold;">'.$rowMenuTop3[$menu_column_name].'</a></li>';
//} else if($rowMenuTop3['menu_type']=='menu_link') {
//$menuarray[$menuarraycount] .= '<li class="side-menu-items" style="margin-left:15px;"><a href="'.$menu3link.'" class="l1" style="font-size: 0.8em;">'.$rowMenuTop3['menu_name'].'</a></li>';
//}
//}
}
}
}
$menuarray[$menuarraycount] .= '</ul></div></div>';
$menuarraycount++;
} else {
echo '<li class="side-menu-items"><a href="'.$menu1link.'" class="l1" >'.$rowMenuTop['menu_name'].'</a></li>';
}
}
}
echo '</ul></div>';
for ($i=2;$i<$menuarraycount;$i++) {
echo $menuarray[$i];
}
echo '<div class="slide-footer">
<div class="copy-right">
<p class="mt-15"style="font-size:0.8em;">
©Copyright
<span id="copyright"> <script>document.getElementById("copyright").appendChild(document.createTextNode(new Date().getFullYear()))</script></span>
<a href="#"> Kementerian Peralihan Tenaga Dan Transformasi Air </a> All Rights Reserved
</p>
</div>
</div>
</div>';
/* mobile menu end */
echo '<nav id="navbar" class="fixed-top" style="position:relative">
<header id="header" class="header default" style="background-color:transparent;">
<div class="menu" style="">
<nav id="menu" class="mega-menu">
<section class="menu-list-items" style="min-height:80px;background: transparent">
<div class="container main-header-section">
<div class="row">
<div class="col-lg-12 col-md-12" style="position:static;">
<ul class="menu-logo" style="padding:0;">
<li>
<a href="'.$baseUrl.'/portal-main/home">
<img id="logo_img" src="'.$site_topbar_logo.'" alt="logo">
</a>
<a href="'.$baseUrl.'/portal-main/home">
<img id="logo_img_dark" src="'.$site_login_logo.'" alt="logo">
</a>
<div class="menu-mobile-side-panel"><i class="fa fa-bars side-panel-trigger" style="font-size:25px;margin-top:5px;"></i> </div>
</li>
</ul>
<div class="menu-bar">
<div>
<span class="top-option top-option-search" style="">
<form method="get" action="'.$baseUrl.'/portal-main/search">
<input class="form-control-search mr-sm-2" name="keyword" style=" border-radius: 20px; height: 33px;" type="search" placeholder="Carian" aria-label="Carian">
</form>
</span>
<span class="top-option">
<a href="#" data-toggle="modal" data-target="#modalW3C">
<img class="top-option-img" src="/assets/img/icons/wheelchair2.png"
height="25" title="W3C" style="background:white;border-radius:50%;height: 25px;border: 2px solid #fff;border-radius: 50%;">
</a>
</span>
<span class="top-option">
<a href="'.$baseUrl.'/portal-main/article?id=lokasi-pejabat" style="padding:5px;">
<img class="top-option-img" src="/assets/img/icons/icon-phone.png" height="25" title="Hubungi Kami"
style="background:white;border-radius:50%;height: 25px;border: 2px solid #fff;border-radius: 50%;">
</a>
</span>
<span class="top-option">
<a href="'.$baseUrl.'/portal-main/faq">
<img class="top-option-img" src="/assets/img/icons/icon-faq.png" height="25" title="Soalan Lazim"
style="background:white;border-radius:50%;height: 25px;border: 2px solid #fff;border-radius: 50%;">
</a>
</span>
<span class="top-option">
<a href="'.$baseUrl.'/portal-main/feedback">
<img class="top-option-img" src="/assets/img/icons/icon-feedback.png" height="25" title="Maklum Balas"
style="background:white;border-radius:50%;height: 25px;border: 2px solid #fff; border-radius: 50%;">
</a>
</span>
<span class="top-option">
<a href="'.$baseUrl.'/portal-main/article?id=sitemap">
<img class="top-option-img" src="/assets/img/icons/icon-sitemap.png" height="25" title="Peta Laman"
style="background:white;border-radius:50%;height: 25px; border: 2px solid #fff; border-radius: 50%;">
</a>
</span>
</div>
<ul class="menu-links">';
$queryMenuTop = new \yii\db\Query();
$queryMenuTop->select(['frontend_menu.menu_name','frontend_menu.menu_link','frontend_role_mapping.id AS role_id'])
->from('frontend_role_mapping')
->innerJoin('frontend_menu','frontend_role_mapping.menu_id=frontend_menu.menu_id')
->where(['=','frontend_role_mapping.role_code','public'])
->andwhere(['=','frontend_role_mapping.menu_set','DEFAULT'])
->andwhere(['=','frontend_role_mapping.parent_id','0'])
->andwhere(['=','frontend_role_mapping.status','1'])
->orderBy(['frontend_role_mapping.sort' => SORT_ASC]);
$modelMenuTop = $queryMenuTop->all();
if(!empty($modelMenuTop)){
foreach($modelMenuTop as $rowMenuTop){
$queryMenuTop2 = new \yii\db\Query();
$queryMenuTop2->select(['frontend_menu.menu_name','frontend_menu.menu_class','frontend_menu.menu_link','frontend_role_mapping.id AS role_id'])
->from('frontend_role_mapping')
->innerJoin('frontend_menu','frontend_role_mapping.menu_id=frontend_menu.menu_id')
->where(['=','frontend_role_mapping.role_code','public'])
->andwhere(['=','frontend_role_mapping.menu_set','DEFAULT'])
->andwhere(['=','frontend_role_mapping.parent_id',$rowMenuTop['role_id']])
->andwhere(['=','frontend_role_mapping.status','1'])
->orderBy(['frontend_role_mapping.sort' => SORT_ASC]);
$modelMenuTop2 = $queryMenuTop2->all();
if(!empty($modelMenuTop2)){
echo '<li>
<a href="javascript:void(0)">'.$rowMenuTop['menu_name'].' <i class="fa fa-angle-down fa-indicator"></i></a>
<div class="drop-down grid-col-12" style="box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;">
<div class="grid-row container" style="margin:0 auto !important;float:none;">
<div class="row" style="display: block;">';
foreach($modelMenuTop2 as $rowMenuTop2){
echo '';
//$menuLink2 = $baseUrl.'/'.$rowMenuTop2['menu_link'];
$menuLink2 = $baseUrl.'/'.str_replace('[siteslug]',$site_slug,$rowMenuTop2['menu_link']);
$menuOpenNewTab2 = '';
if ($rowMenuTop2['menu_class']!='menu-info') {
if(empty($rowMenuTop2['menu_link'])){
echo '<div class="'.$rowMenuTop2['menu_class'].'" style="float:left;">
<ul>
<li>
<div class="menu_title" style="padding-left:15px;">
<h3><i class="fa fa-angle-right"></i> '.$rowMenuTop2['menu_name'].'</h3>
</div>
</li>';
} else {
echo '<div class="'.$rowMenuTop2['menu_class'].'" style="float:left;">
<ul>
<li>
<a href="'.$menuLink2.'" target="'.$menuOpenNewTab2.'">
<div class="menu_title" style="padding-left:15px;">
<h3><i class="fa fa-angle-right"></i> '.$rowMenuTop2['menu_name'].'</h3>
</div>
</a>
</li>';
}
$queryMenuTop3 = new \yii\db\Query();
$queryMenuTop3->select(['frontend_menu.*','frontend_role_mapping.id AS role_id'])
->from('frontend_role_mapping')
->innerJoin('frontend_menu','frontend_role_mapping.menu_id=frontend_menu.menu_id')
->where(['=','frontend_role_mapping.role_code','public'])
->andwhere(['=','frontend_role_mapping.menu_set','DEFAULT'])
->andwhere(['=','frontend_role_mapping.parent_id',$rowMenuTop2['role_id']])
->andwhere(['=','frontend_role_mapping.status','1'])
->orderBy(['frontend_role_mapping.sort' => SORT_ASC]);
$modelMenuTop3 = $queryMenuTop3->all();
if(!empty($modelMenuTop3)){
foreach($modelMenuTop3 as $rowMenuTop3){
$menu_label3 = $rowMenuTop3['menu_name'];
$menuLink3 = $baseUrl.''.str_replace('[siteslug]',$site_slug,$rowMenuTop3['menu_link']);
//$menuLink3 = $baseUrl.'/'.$rowMenuTop3['menu_link'];
$menuOpenNewTab3 = '';
echo '<li><a href="'.$menuLink3 .'" class="menu_link" target="'.$menuOpenNewTab3.'" style="padding-left:30px;"><i class="fa fa-angle-right"></i> '.$menu_label3.' </a></li>';
$queryMenuTop4 = new \yii\db\Query();
$queryMenuTop4->select(['frontend_menu.*','frontend_role_mapping.id AS role_id'])
->from('frontend_role_mapping')
->innerJoin('frontend_menu','frontend_role_mapping.menu_id=frontend_menu.menu_id')
->where(['=','frontend_role_mapping.role_code','public'])
->andwhere(['=','frontend_role_mapping.menu_set','DEFAULT'])
->andwhere(['=','frontend_role_mapping.parent_id',$rowMenuTop3['role_id']])
->andwhere(['=','frontend_role_mapping.status','1'])
->orderBy(['frontend_role_mapping.sort' => SORT_ASC]);
$modelMenuTop4 = $queryMenuTop4->all();
if(!empty($modelMenuTop4)){
echo '<ul>';
foreach($modelMenuTop4 as $rowMenuTop4){
$menu_label4 = $rowMenuTop4['menu_name'];
$menuLink4 = $baseUrl.'/'.str_replace('[siteslug]',$site_slug,$rowMenuTop4['menu_link']);
//$menuLink4 = $baseUrl.'/'.$rowMenuTop4['menu_link'];
$menuOpenNewTab4 = '';
echo '<li><a href="'.$menuLink4.'" class="menu_link" target="'.$menuOpenNewTab4.'" style="padding-left:45px;"><i class="fa fa-angle-right"></i> '.$menu_label4.' </a></li>';
$queryMenuTop5 = new \yii\db\Query();
$queryMenuTop5->select(['frontend_menu.*','frontend_role_mapping.id AS role_id'])
->from('frontend_role_mapping')
->innerJoin('frontend_menu','frontend_role_mapping.menu_id=frontend_menu.menu_id')
->where(['=','frontend_role_mapping.role_code','public'])
->andwhere(['=','frontend_role_mapping.menu_set','DEFAULT'])
->andwhere(['=','frontend_role_mapping.parent_id',$rowMenuTop4['role_id']])
->andwhere(['=','frontend_role_mapping.status','1'])
->orderBy(['frontend_role_mapping.sort' => SORT_ASC]);
$modelMenuTop5 = $queryMenuTop5->all();
if(!empty($modelMenuTop5)){
echo '<ul>';
foreach($modelMenuTop5 as $rowMenuTop5){
$menu_label5 = $rowMenuTop5['menu_name'];
$menuLink5 = $baseUrl.'/'.str_replace('[siteslug]',$site_slug,$rowMenuTop5['menu_link']);
//$menuLink5 = $baseUrl.'/'.$rowMenuTop5['menu_link'];
$menuOpenNewTab5 = '';
echo '<li><a href="'.$menuLink5.'" class="menu_link" target="'.$menuOpenNewTab5.'" style="padding-left:55px;"><i class="fa fa-angle-right"></i> '.$menu_label5.' </a></li>';
}
echo '</ul>';
}
}
echo '</ul>';
}
}
}
echo '</ul></div>';
} else{
echo '<div class="col-xs-12"><ul><li><a href="'.$menuLink2.'" class="menu_title" target="'.$menuOpenNewTab2.'"><h3 style="font-style:italic;">'.$rowMenuTop2['menu_name'].'</h3></a></li></ul></div>';
}
}
echo '</div></div>
</div>
</li>';
} else{
$menuLink1 = $baseUrl.''.str_replace('[siteslug]',$site_slug,$rowMenuTop['menu_link']);
$menuOpenNewTab1 = '';
echo '<li><a href="'.$menuLink1.'" target="'.$menuOpenNewTab1.'">'.$rowMenuTop['menu_name'].'</a></li>';
}
}
}
echo '</ul>
</div>
</div>
</div>
</div>
</section>
</nav>
</div>
</header>
</nav>
<div class="content" id="content" style="">
<script>
$(".l1").on("click",function(){
var tag = $(this).attr("value");
var tag1 = $(this).text();
var back_link="#layer"+tag;
$(".nav-link").attr("href",back_link);
//$(".nav-link").text(tag1);
$(".nav-link").attr("value",tag);
$("#layer"+tag).removeClass("hide-menu");
$("#layer"+tag).toggleClass("show-menu");
});
$(".nav-link").on("click",function(){
var tag = $(this).attr("href");
var val= $(this).attr("value");
$(tag).removeClass("show-menu");
var back_link="#layer"+(val-1);
$(".nav-link").attr("href",back_link);
$(".nav-link").attr("value",val-1);
});
$(".closex").on("click",function(){
$(".st-container").removeClass("st-menu-open");
$(".st-container").removeClass("st-effect-6");
});
$(".side-panel-trigger").on("click",function(){
$(".st-container").addClass("st-effect-6");
});
</script>';
?>