main.html 9.6 KB
<style>
   .hours{
      color: #ca5c6a;
      font-size: 23px;
    font-weight: bold;
    font-family: sans-serif;
   }
</style>
<nav class="navbar navbar-inverse" role="navigation">
   <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
         <span class="sr-only">Toggle navigation</span>
         <i class="icon-cog"></i>
         </button>
         <a class="navbar-brand" ui-sref="app.dashboard">
            <img src="./img/FBOinsights-logo.png" class="img-logo">
         </a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-ex1-collapse">
         <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
               <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown" style="color: #000000; background-color: #eeeeef;" >
               <i class="icon-plane"></i> <font color="black">
               <!--{{currentUserName}} -->
                {{companyName}} </font>
               <b class="caret"></b>
               </a>
               <ul class="dropdown-menu">
                  <li ng-if="!isAuthenticated"><a href="javascript:;">My Profile</a></li>
                  <li ng-if="isAuthenticated"><a ui-sref="app.accountSetting">Account Settings</a></li>
                  <li class="divider"></li>
                  <li><a ng-click="logout();">Logout</a></li>
               </ul>
            </li>
         </ul>
      </div>
      <!-- /.navbar-collapse -->
   </div>
   <!-- /.container -->
</nav>
<div class="subnavbar">
   <div class="subnavbar-inner">
      <div class="container">
         <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse">
         <span class="sr-only">Toggle navigation</span>
         <i class="icon-reorder"></i>
         </a>
         <div class="collapse subnav-collapse">
            <ul class="mainnav">
               <li ng-if="isAuthenticated">
                  <a ui-sref="app.dashboard">
                  <i class="fa fa-home"></i>
                  <span>Home</span>
                  </a>              
               </li>
               
               <li class="dropdown" ng-if="isAuthenticated">
                  <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-user"></i>
                  <span>Accounts</span>
                  <b class="caret"></b>
                  </a>      
                  <ul class="dropdown-menu">
                    <!--  <li><a  ui-sref="app.viewCompany">View Companies</a></li> -->
                     <li><a  ui-sref="app.customers">View Customers</a></li>
                     <li><a  ui-sref="app.account">View Fuel Vendors</a></li>
                     <!-- <li><a  ui-sref="app.analytics">Lookup Flight Dept</a></li> -->
                  </ul>
               </li>
               

               <li class="dropdown" ng-if="isAuthenticated">
                  <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-book"></i>
                  <span>Fuel Manager</span>
                  <b class="caret"></b>
                  </a>  
                  <ul class="dropdown-menu">
                     <li ng-show = 'isShowFMA'><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Pricing</a></li>
                     <li><a ui-sref="app.fuelManager" href="#/fuelManager">Update Ramp Fees</a></li>
                     <!-- <li class="dropdown-submenu">
                        <a tabindex="-1" >Tax Manager</a>
                        <ul class="dropdown-menu">
                           <li><a tabindex="-1" ui-sref="app.taxes" href="#/taxes">Federal Taxes</a></li>
                           <li><a ui-sref="app.taxes" href="#/taxes">State & Country Taxes</a></li>
                           <li><a ui-sref="app.taxes" href="#/taxes">Airport Taxes</a></li>
                        </ul>
                     </li> -->
                  </ul>
               </li>

               <li class="dropdown" ng-if="isAuthenticated">
                  <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-tint"></i>
                  <span>Fuel Orders</span>
                  <b class="caret"></b>
                  </a>  
                  <ul class="dropdown-menu">
                     <li ng-show = 'isShowFMA'><a ui-sref="app.enterFuelOrder" href="#/fuelOrders">Create Fuel Order</a></li>
                     <li>
                        <a ui-sref="app.fuelOrders">Fuel Transactions</a>
                     </li>
                  </ul>
               </li>

               <li ng-if="isAuthenticated">
                  <a  ui-sref="app.scheduler">
                  <i class="fa fa-calendar"></i>
                  <span>Scheduler</span>
                  </a>              
               </li>
               <li ng-if="isAuthenticated">
                  <a  ui-sref="app.analytics">
                  <i class="fa fa-signal"></i>
                  <span>Analytics</span>
                  </a>              
               </li>
               <li ng-if="isAuthenticated">
                 <!--  <a  ui-sref="app.flightTracking()" ng-click="reloadPage()" data-ui-sref-opts="{reload:false}">  -->
                  <a ui-sref="app.flightTracking">
                  <i class="fa fa-plane"></i>
                  <span>Flight Tracking</span>
                  </a>              
               </li>
               <li>
               <div style="text-align: center;padding-top: 15px;padding-left: 15px;padding-right: 15px;" >
                  <label style="font-weight: bold;font-size: 15px;color: #ca5c6a;">Time(Local)</label>
                  <ds-widget-clock gmt-offset="userTimeZone" data-show-digital digital-format="'HH:mm'" style="width: 15px"></ds-widget-clock> 
               </div>
               </li>
               <li>
                   <div style="text-align: center;padding-top: 15px;padding-left: 15px;padding-right: 15px;" >
                  <label style="font-weight: bold;font-size: 15px;color: #ca5c6a;">Time(UTC)</label>
                  <ds-widget-clock gmt-offset="0" data-show-digital digital-format="'HH:mm'" style="width: 15px"></ds-widget-clock> 
               </div>
               </li>
               <li ng-if="!isAuthenticated">
                  <a ui-sref="app.flightDepDashboard">
                  <i class="fa fa-search"></i>
                  <span>Search Fuel</span>
                  </a>              
               </li>
               <li class="dropdown" ng-if="!isAuthenticated">
                  <a ui-sref="app.flightDepOrders" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-tint"></i>
                  <span>Fuel Orders</span>
                  </a>
               </li>
            </ul>
         </div>
         <!-- /.subnav-collapse -->
      </div>
      <!-- /container -->
   </div>
   <!-- /subnavbar-inner -->
</div>
<!-- /subnavbar -->
<div ui-view></div>
<!-- </body> -->
<!-- footer -->
<div class="extra" style="display: none;">
   <div class="container">
      <div class="row">
         <div class="col-md-3">
            <h4>About</h4>
            <ul>
               <li><a href="javascript:;">About Us</a></li>
               <li><a href="javascript:;">Twitter</a></li>
               <li><a href="javascript:;">Facebook</a></li>
               <li><a href="javascript:;">Google+</a></li>
            </ul>
         </div>
         <!-- /span3 -->
         <div class="col-md-3">
            <h4>Support</h4>
            <ul>
               <li><a href="javascript:;">Frequently Asked Questions</a></li>
               <li><a href="javascript:;">Ask a Question</a></li>
               <li><a href="javascript:;">Video Tutorial</a></li>
               <li><a href="javascript:;">Feedback</a></li>
            </ul>
         </div>
         <!-- /span3 -->
         <div class="col-md-3">
            <h4>Legal</h4>
            <ul>
               <li><a href="javascript:;">License</a></li>
               <li><a href="javascript:;">Terms of Use</a></li>
               <li><a href="javascript:;">Privacy Policy</a></li>
               <li><a href="javascript:;">Security</a></li>
            </ul>
         </div>
         <!-- /span3 -->
         <div class="col-md-3">
            <h4>Settings</h4>
            <ul>
               <li><a href="javascript:;">Consectetur adipisicing</a></li>
               <li><a href="javascript:;">Eiusmod tempor </a></li>
               <li><a href="javascript:;">Fugiat nulla pariatur</a></li>
               <li><a href="javascript:;">Officia deserunt</a></li>
            </ul>
         </div>
         <!-- /span3 -->
      </div>
      <!-- /row -->
   </div>
   <!-- /container -->
</div>
<!-- /extra -->
<div class="footer">
   <div class="container">
      <div class="row">
           <div id="footer-copyright" class="col-md-6">
            &copy; 2018-19 FBOinsights.
         </div>  
         <!-- /span6 -->
         <!-- <div id="footer-terms" class="col-md-6">
            Theme by <a href="#" target="_blank">FBOinsights</a>
         </div> -->
         <!-- /.span6 -->
      </div>
      <!-- /row -->
   </div>
   <!-- /container -->
</div>


<!--automatic logout session--> 
<!-- <div class="alert alert-warning warning-message" style="display: none; z-index: 99999; position: fixed; top: 50px; right: 50px;">
  <strong>Warning!</strong> Indicates a warning that might need attention.
</div> -->