User Dropdowm

-

Add this into application.html.erb:-

posted by Manish Singh
04 Oct 2019, Friday

<li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <span class="fas fa-user"> <%= current_user.name %></span>
                </a>
               <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                  <a class="dropdown-item" href="/users">Profile</a>
                  <a class="dropdown-item" href="/settings">Setting</a>
                  <a class="dropdown-item" href="/payments">Payments</a>
                  <a class="dropdown-item" href="/transactions">Transaction History</a>
                  <a class="dropdown-item" href="/devices">Devices</a>
                  <a class="dropdown-item" href="/users/sign/out">Exit</a>


                                             Result Will be like this

Comments

Post a Comment

Popular posts from this blog

Check Your ageInDays by Javascript

-
Image
<script type="text/javascript">   function ageInDays() {   var birthYear = prompt('What year were your born ?');   var ageInDayss = (2020 - birthYear)*365;   var h1 = document.createElement('h1');   var textAnswer = document.createTextNode('you are' + " "+ ageInDayss + " " + 'days old.')   h1.setAttribute('id','ageInDays');   h1.appendChild(textAnswer);   document.getElementById('flex-box-result').appendChild(h1); } </script> <style type="text/css">   .flex-box-container-1{     display: flex;     border: 1px solid black;     padding: 10px;     flex-wrap: wrap;     justify-content: space-around;   }   .flex-box-container-1 div{    /* border: 1px solid black;*/     align-items: center;     padding: 10px;   }   .container-1{     border: 1px solid black;   } </style>   ...
Read more