Your IP : 216.73.216.79

Current Path : /var/www/html/jppmportal/backend/views/layouts/
Upload File :
Current File : /var/www/html/jppmportal/backend/views/layouts/_navigation.php

<?php

use common\widgets\inspinia\Nav;
use backend\modules\menu\components\MenuHelper;

$menus = (new MenuHelper)->getAssignedMenu();

/* @var $this yii\base\View*/

if(empty($menus)) {
$this->registerCss(
<<<CSS
    #page-wrapper {
        margin:0;
    }
    .navbar-default {
        display:none;
    }
CSS
);
}

$this->registerJs(
<<<JS
    //sliding text for long menu name
    $('#side-menu li > a span').each( (i,e) => { 
        if (e.innerText.length > 15) {
            let span = document.createElement('span')
                span.innerText = e.innerText
                span.classList.add('sliding-text')
                e.innerHTML = ''
                e.classList.add('sliding-wrapper')
                e.appendChild(span)
        }
    })
JS
)
?>


<style>
    .nav-second-level li span {
        display: inline-block !important;
    }

    .mini-navbar .metismenu .collapse.in a {
        min-width: 180px;
    }
    
    .nav-second-level li, .nav-third-level li {
      overflow: hidden;
      white-space: nowrap;
      width: 100%;
    }
    
    .sliding-text{
        display: inline-block;
        animation-duration: 10s;
        vertical-align:bottom;
        white-space: nowrap;
        text-overflow:ellipsis;
        overflow: hidden;
        width: 120px;
    }

    .sliding-text:hover {
      animation-name: slidein;
      animation-iteration-count: infinite;
    }
    
    .sliding-wrapper {
      overflow: hidden;
      vertical-align:bottom;
      white-space: nowrap;
    }
    
    @keyframes slidein {
      0% {
        margin-left: 0%;
        width: 100%; 
      }
    
      50% {
        margin-left: -70%;
        width: 300%;
      }
      
      100% {
        margin-left: 0%;
        width: 100%; 
      }
    }
</style>



<nav class="navbar-default navbar-static-side" role="navigation">
    <div class="sidebar-collapse">
        <?=
        Nav::widget([
            'top' => $this->render('_navigation_header'),
            'items' => $menus,
        ])
        ?>
    </div>
</nav>