skyquake/plugins/launchpad/src/carousel/test.html

   1 <!-- A test for the button component -->
   2 <!doctype html>
   3 <html lang="en" class="viewport">
   4 <head>
   5   <!-- -->
   6   <title>RIFT.ware</title>
   7   <!-- -->
   8   <meta charset="utf-8">
   9   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10   <meta name="description" content="">
  11   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12   <!-- -->
  13 <!--   <link href="../../build/core.css" rel="stylesheet" type="text/css"  />
  14  -->  <!-- -->
  15 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  16 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
  17   <script src="components.js"></script>
  18 </head>
  19 <body class="viewport" style="margin:100px;">
  20 <h2>Button States</h2>
  21     <br/>
  22   <!-- Create A Button -->
  23   <div id="carousel"></div>
  24   <br>
  25 <!-- -->
  26
  27   <script>
  28     $(document).ready(function() {
  29       var React = $rw.component.React;
  30
  31       /*
  32        * Each button this onClick is passed to will run this function when clicked.
  33        */
  34       var onClick = function (e, comp) {
  35         console.log('click');
  36       };
  37
  38       // Renders the normal button.
  39       $rw.ui({
  40         button: {
  41           label: "button",
  42           onClick: onClick
  43         }
  44       }, document.getElementById('carousel'));
  45
  46     });
  47
  48
  49
  50
  51           </script>
  52 </body>
  53 </html>