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