POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/js/tests/visual/button.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6   <meta name="viewport" content="width=device-width, initial-scale=1">
   7   <title>Button</title>
   8   <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
   9
  10   <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  11   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  12   <!--[if lt IE 9]>
  13     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  14     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  15   <![endif]-->
  16 </head>
  17 <body>
  18
  19 <div class="container">
  20
  21   <div class="page-header">
  22     <h1>Button <small>Bootstrap Visual Test</small></h1>
  23   </div>
  24
  25   <button type="button" data-loading-text="Loading for 3 seconds..." class="btn btn-primary js-loading-button">
  26     Loading state
  27   </button>
  28
  29   <button type="button" class="btn btn-primary" data-toggle="button">Single toggle</button>
  30
  31   <div class="btn-group" data-toggle="buttons">
  32     <label class="btn btn-primary">
  33       <input type="checkbox"> checkbox 1
  34     </label>
  35     <label class="btn btn-primary">
  36       <input type="checkbox"> checkbox 2
  37     </label>
  38     <label class="btn btn-primary">
  39       <input type="checkbox"> checkbox 3
  40     </label>
  41   </div>
  42
  43   <div class="btn-group" data-toggle="buttons">
  44     <label class="btn btn-primary">
  45       <input type="radio" name="options" id="option1"> Radio 1
  46     </label>
  47     <label class="btn btn-primary">
  48       <input type="radio" name="options" id="option2"> Radio 2
  49     </label>
  50     <label class="btn btn-primary">
  51       <input type="radio" name="options" id="option3"> Radio 3
  52     </label>
  53   </div>
  54
  55 </div>
  56
  57 <!-- JavaScript Includes -->
  58 <script src="../vendor/jquery.min.js"></script>
  59 <script src="../../transition.js"></script>
  60 <script src="../../button.js"></script>
  61
  62 <!-- JavaScript Test -->
  63 <script>
  64 $(function () {
  65   $('.js-loading-button').on('click', function () {
  66     var btn = $(this).button('loading')
  67     setTimeout(function (){
  68       btn.button('reset')
  69     }, 3000)
  70   })
  71 })
  72 </script>
  73 </body>
  74 </html>