utils/test/reporting/pages/app/views/main.html

   1 <div class="navbar-wrapper">
   2     <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
   3         <div class="container">
   4             <div class="navbar-header page-scroll">
   5                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
   6                         <span class="sr-only">Toggle navigation</span>
   7                         <span class="icon-bar"></span>
   8                         <span class="icon-bar"></span>
   9                         <span class="icon-bar"></span>
  10                     </button>
  11                 <a class="navbar-brand" href="index.html">OPNFV-DASHBOARD</a>
  12             </div>
  13             <div class="navbar-collapse collapse">
  14                 <ul class="nav navbar-nav navbar-right">
  15                     <li><a href="#page-top">Home</a></li>
  16                     <li><a href="#DashBoard">DashBoard</a></li>
  17                     <li><a ui-sref="select.selectTestCase">TestCase</a></li>
  18                     <li><a ui-sref="select.testVisual">catalogue page</a></li>
  19                     <li><a ui-sref="login">Login</a></li>
  20                     <!--<li><a href="#team">Team</a></li>
  21                         <li><a href="#testimonials">Testimonials</a></li>
  22                         <li><a href="#pricing">Pricing</a></li>
  23                         <li><a href="#contact">Contact</a></li>-->
  24                 </ul>
  25             </div>
  26         </div>
  27     </nav>
  28 </div>
  29
  30
  31 <div id="inSlider" class="carousel carousel-fade" data-ride="carousel">
  32     <ol class="carousel-indicators">
  33         <!--<li data-target="#inSlider" data-slide-to="0" class="active"></li>
  34         <li data-target="#inSlider" data-slide-to="1"></li>-->
  35     </ol>
  36     <div class="carousel-inner" role="listbox">
  37         <div class="item active">
  38             <div class="container">
  39                 <div class="carousel-caption">
  40                     <h1>OPNFV<br/> facilitates the development and evolution<br/> of NFV components across<br/> various open source ecosystems<br/>
  41                     </h1>
  42                     <!--<p>Lorem Ipsum is simply dummy text of the printing.</p>
  43                     <p>-->
  44                     <a class="btn btn-lg btn-primary" href="#" role="button">READ MORE</a>
  45                     <!--<a class="caption-link" href="#" role="button">Inspinia Theme</a>-->
  46                     <!--</p>-->
  47                 </div>
  48
  49             </div>
  50             <!-- Set background for slide in css -->
  51             <div class="header-back one" style="background: url('images/header_one.jpg') 50% 0 no-repeat;"></div>
  52
  53         </div>
  54
  55     </div>
  56
  57 </div>
  58
  59 <section id="DashBoard" class="container services">
  60     <div class="row">
  61
  62         <h1>
  63             OPNFV’s goals are to:
  64         </h1>
  65         <div class="col-sm-3">
  66
  67             <p>Develop an integrated and tested open source platform that can be used to build NFV functionality--accelerating the introduction of new products and services</p>
  68             <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
  69         </div>
  70         <div class="col-sm-3">
  71
  72             <p>Include participation of leading end users to validate that OPNFV meets the needs of user community</p>
  73             <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
  74         </div>
  75         <div class="col-sm-3">
  76
  77             <p>Contribute to and participate in relevant open source projects that will be leveraged in the OPNFV platform; ensuring consistency, performance and interoperability among open source components</p>
  78             <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
  79         </div>
  80         <div class="col-sm-3">
  81
  82             <p>Establish an ecosystem for NFV solutions based on open standards and software to meet the needs of end users</p>
  83             <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
  84         </div>
  85         <div class="col-sm-3">
  86
  87             <p>Promote OPNFV as the preferred platform and community for open source NFV</p>
  88             <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
  89         </div>
  90     </div>
  91 </section>
  92
  93
  94 <div ui-view></div>
  95
  96 <section id="contact" class="gray-section contact" style="background-image: url(images/word_map.png)">
  97     <div class="container">
  98         <div class="row m-b-lg">
  99             <div class="col-lg-12 text-center">
 100                 <div class="navy-line"></div>
 101                 <h1>Contact Us</h1>
 102             </div>
 103         </div>
 104         <div class="row m-b-lg">
 105             <div class="col-lg-3 col-lg-offset-3">
 106                 <address>
 107           <strong><span class="navy">Press, Analyst, or Speaking Inquiries</span></strong><br/> pr@opnfv.org
 108           <br/>
 109         </address>
 110                 <address>
 111           <strong><span class="navy">OPNFV Events</span></strong><br/> events@opnfv.org
 112           <br/>
 113         </address>
 114                 <address>
 115           <strong><span class="navy">IT Support</span></strong><br/>opnfv-helpdesk@rt.linuxfoundation.org
 116           <br/>
 117         </address>
 118             </div>
 119
 120             <div class="col-lg-4">
 121                 <address>
 122           <strong><span class="navy">To submit and track bugs related to OPNFV</span></strong><br/>Please visit https://jira.opnfv.org
 123           <br/>
 124         </address>
 125                 <address>
 126           <strong><span class="navy">Newsletter</span></strong><br/>Sign up for the OPNFV newsletter
 127           <br/>
 128         </address>
 129                 <address>
 130           <strong><span class="navy">Membership</span></strong><br/>Please visit the Join as a Member page
 131           <br/>
 132         </address>
 133
 134             </div>
 135         </div>
 136         <div class="row">
 137             <div class="col-lg-12 text-center">
 138                 <img src="images/logo.png" />
 139
 140             </div>
 141         </div>
 142         <div class="row">
 143             <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
 144                 <p><strong>&copy; 2016 Open Platform for NFV Project, Inc</strong><br/> A Linux Foundation Collaborative Project. All Rights Reserved. Open Platform for NFV and OPNFV are trademarks of the Open Platform for NFV Project, Inc. Linux Foundation
 145                     is a registered trademark of The Linux Foundation. Linux is a registered trademark of Linus Torvalds. Please see our terms of use, trademark policy, and privacy policy.
 146                 </p>
 147             </div>
 148         </div>
 149     </div>
 150 </section>
 151
 152 <script>
 153     $(document).ready(function() {
 154
 155         // $('body').scrollspy({
 156         //     target: '.navbar-fixed-top',
 157         //     offset: 80
 158         // });
 159
 160         //Page scrolling feature
 161         $('a.page-scroll').bind('click', function(event) {
 162             var link = $(this);
 163             $('html, body').stop().animate({
 164                 scrollTop: $(link.attr('href')).offset().top - 50
 165             }, 500);
 166             event.preventDefault();
 167             $("#navbar").collapse('hide');
 168         });
 169
 170         $('a.page-scroll').bind('click', function(event) {
 171             var link = $(this);
 172             $('html, body').stop().animate({
 173                 scrollTop: $(link.attr('href')).offset().top - 50
 174             }, 500);
 175             event.preventDefault();
 176             $("#navbar").collapse('hide');
 177         });
 178
 179     });
 180
 181     var config = {
 182         '.chosen-select': {},
 183         '.chosen-select-deselect': {
 184             allow_single_deselect: true
 185         },
 186         '.chosen-select-no-single': {
 187             disable_search_threshold: 10
 188         },
 189         '.chosen-select-no-results': {
 190             no_results_text: 'Oops, nothing found!'
 191         },
 192         '.chosen-select-width': {
 193             width: "95%"
 194         }
 195     }
 196     for (var selector in config) {
 197         $(selector).chosen(config[selector]);
 198     }
 199
 200     var cbpAnimatedHeader = (function() {
 201         var docElem = document.documentElement,
 202             header = document.querySelector('.navbar-default'),
 203             didScroll = false,
 204             changeHeaderOn = 200;
 205
 206         function init() {
 207             window.addEventListener('scroll', function(event) {
 208                 if (!didScroll) {
 209                     didScroll = true;
 210                     setTimeout(scrollPage, 250);
 211                 }
 212             }, false);
 213         }
 214
 215         function scrollPage() {
 216             var sy = scrollY();
 217             if (sy >= changeHeaderOn) {
 218                 $(header).addClass('navbar-scroll')
 219             } else {
 220                 $(header).removeClass('navbar-scroll')
 221             }
 222             didScroll = false;
 223         }
 224
 225         function scrollY() {
 226             return window.pageYOffset || docElem.scrollTop;
 227         }
 228         init();
 229
 230     })();
 231 </script>