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

   1
   2 <div class="navbar-wrapper">
   3   <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
   4     <div class="container">
   5       <div class="navbar-header page-scroll">
   6         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
   7           aria-controls="navbar">
   8                         <span class="sr-only">Toggle navigation</span>
   9                         <span class="icon-bar"></span>
  10                         <span class="icon-bar"></span>
  11                         <span class="icon-bar"></span>
  12                     </button>
  13         <a class="navbar-brand" href="index.html">OPNFV-DASHBOARD</a>
  14       </div>
  15       <div id="navbar" class="navbar-collapse collapse">
  16         <ul class="nav navbar-nav navbar-right">
  17           <li><a href="#page-top">Home</a></li>
  18           <li><a href="#DashBoard">DashBoard</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         <!--<div class="carousel-image wow zoomIn">
  48                     <img src="img/landing/laptop.png" alt="laptop"/>
  49                 </div>-->
  50       </div>
  51       <!-- Set background for slide in css -->
  52       <div class="header-back one" style="background: url('images/header_one.jpg') 50% 0 no-repeat;"></div>
  53
  54     </div>
  55     <!--<div class="item">
  56             <div class="container">
  57                 <div class="carousel-caption blank">
  58                     <h1>We create meaningful <br/> interfaces that inspire.</h1>
  59                     <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
  60                     <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
  61                 </div>
  62             </div>-->
  63     <!-- Set background for slide in css -->
  64     <!--<div class="header-back two"></div>
  65         </div>-->
  66   </div>
  67   <!--<a class="left carousel-control" href="#inSlider" role="button" data-slide="prev">
  68         <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  69         <span class="sr-only">Previous</span>
  70     </a>
  71     <a class="right carousel-control" href="#inSlider" role="button" data-slide="next">
  72         <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  73         <span class="sr-only">Next</span>
  74     </a>-->
  75 </div>
  76
  77   <section id="DashBoard" class="container services">
  78         <div class="row">
  79
  80             <h1>
  81                 OPNFV’s goals are to:
  82             </h1>
  83             <div class="col-sm-3">
  84
  85                 <p>Develop an integrated and tested open source platform that can be used to build NFV functionality--accelerating
  86                     the introduction of new products and services</p>
  87                 <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
  88             </div>
  89             <div class="col-sm-3">
  90
  91                 <p>Include participation of leading end users to validate that OPNFV meets the needs of user community</p>
  92                 <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
  93             </div>
  94             <div class="col-sm-3">
  95
  96                 <p>Contribute to and participate in relevant open source projects that will be leveraged in the OPNFV platform;
  97                     ensuring consistency, performance and interoperability among open source components</p>
  98                 <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
  99             </div>
 100             <div class="col-sm-3">
 101
 102                 <p>Establish an ecosystem for NFV solutions based on open standards and software to meet the needs of end users</p>
 103                 <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
 104             </div>
 105             <div class="col-sm-3">
 106
 107                 <p>Promote OPNFV as the preferred platform and community for open source NFV</p>
 108                 <p><a class="navy-link" href="#" role="button">Details &raquo;</a></p>
 109             </div>
 110         </div>
 111     </section>
 112
 113
 114 <div ui-view></div>
 115
 116 <section id="contact" class="gray-section contact" style="background-image: url(images/word_map.png)">
 117   <div class="container">
 118     <div class="row m-b-lg">
 119       <div class="col-lg-12 text-center">
 120         <div class="navy-line"></div>
 121         <h1>Contact Us</h1>
 122       </div>
 123     </div>
 124     <div class="row m-b-lg">
 125       <div class="col-lg-3 col-lg-offset-3">
 126         <address>
 127           <strong><span class="navy">Press, Analyst, or Speaking Inquiries</span></strong><br/> pr@opnfv.org
 128           <br/>
 129         </address>
 130         <address>
 131           <strong><span class="navy">OPNFV Events</span></strong><br/> events@opnfv.org
 132           <br/>
 133         </address>
 134         <address>
 135           <strong><span class="navy">IT Support</span></strong><br/>opnfv-helpdesk@rt.linuxfoundation.org
 136           <br/>
 137         </address>
 138       </div>
 139
 140       <div class="col-lg-4">
 141         <address>
 142           <strong><span class="navy">To submit and track bugs related to OPNFV</span></strong><br/>Please visit https://jira.opnfv.org
 143           <br/>
 144         </address>
 145         <address>
 146           <strong><span class="navy">Newsletter</span></strong><br/>Sign up for the OPNFV newsletter
 147           <br/>
 148         </address>
 149         <address>
 150           <strong><span class="navy">Membership</span></strong><br/>Please visit the Join as a Member page
 151           <br/>
 152         </address>
 153
 154       </div>
 155     </div>
 156     <div class="row">
 157       <div class="col-lg-12 text-center">
 158         <img src="images/logo.png" />
 159
 160       </div>
 161     </div>
 162     <div class="row">
 163       <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
 164         <p><strong>&copy; 2016 Open Platform for NFV Project, Inc</strong><br/> A Linux Foundation Collaborative Project. All
 165           Rights Reserved. Open Platform for NFV and OPNFV are trademarks of the Open Platform for NFV Project, Inc. Linux
 166           Foundation is a registered trademark of The Linux Foundation. Linux is a registered trademark of Linus Torvalds.
 167           Please see our terms of use, trademark policy, and privacy policy.
 168         </p>
 169       </div>
 170     </div>
 171   </div>
 172 </section>
 173
 174 <script>
 175
 176     $(document).ready(function () {
 177
 178         $('body').scrollspy({
 179             target: '.navbar-fixed-top',
 180             offset: 80
 181         });
 182
 183         // Page scrolling feature
 184         $('a.page-scroll').bind('click', function(event) {
 185             var link = $(this);
 186             $('html, body').stop().animate({
 187                 scrollTop: $(link.attr('href')).offset().top - 50
 188             }, 500);
 189             event.preventDefault();
 190             $("#navbar").collapse('hide');
 191         });
 192
 193
 194           console.log(  $("selectVersion").val());
 195
 196     });
 197
 198             // $(".select2_demo_1").select2();
 199             // $(".select2_demo_2").select2();
 200             // $(".select2_demo_3").select2({
 201             //     placeholder: "Version",
 202             //     allowClear: true
 203             // });
 204             //   $(".select2_demo_4").select2({
 205             //     placeholder: "Period",
 206             //     allowClear: true
 207             // });
 208
 209
 210     var config = {
 211                 '.chosen-select'           : {},
 212                 '.chosen-select-deselect'  : {allow_single_deselect:true},
 213                 '.chosen-select-no-single' : {disable_search_threshold:10},
 214                 '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
 215                 '.chosen-select-width'     : {width:"95%"}
 216                 }
 217             for (var selector in config) {
 218                 $(selector).chosen(config[selector]);
 219             }
 220
 221     var cbpAnimatedHeader = (function() {
 222         var docElem = document.documentElement,
 223                 header = document.querySelector( '.navbar-default' ),
 224                 didScroll = false,
 225                 changeHeaderOn = 200;
 226         function init() {
 227             window.addEventListener( 'scroll', function( event ) {
 228                 if( !didScroll ) {
 229                     didScroll = true;
 230                     setTimeout( scrollPage, 250 );
 231                 }
 232             }, false );
 233         }
 234         function scrollPage() {
 235             var sy = scrollY();
 236             if ( sy >= changeHeaderOn ) {
 237                 $(header).addClass('navbar-scroll')
 238             }
 239             else {
 240                 $(header).removeClass('navbar-scroll')
 241             }
 242             didScroll = false;
 243         }
 244         function scrollY() {
 245             return window.pageYOffset || docElem.scrollTop;
 246         }
 247         init();
 248
 249     })();
 250
 251
 252 </script>