doc/_themes/odoodoc/static/bootstrap/js/tests/visual/button.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <title>Button</title>
   5   <link rel="stylesheet" type="text/css" href="../../../dist/css/bootstrap.min.css">
   6 </head>
   7 <body>
   8
   9 <div class="container">
  10
  11   <div class="page-header">
  12     <h1>Button <small>Bootstrap Visual Test</small></h1>
  13   </div>
  14
  15   <button type="button" data-loading-text="Loading for 3 seconds..." class="btn btn-primary js-loading-button">
  16     Loading state
  17   </button>
  18
  19   <button type="button" class="btn btn-primary" data-toggle="button">Single toggle</button>
  20
  21   <div class="btn-group" data-toggle="buttons">
  22     <label class="btn btn-primary">
  23       <input type="checkbox"> checkbox 1
  24     </label>
  25     <label class="btn btn-primary">
  26       <input type="checkbox"> checkbox 2
  27     </label>
  28     <label class="btn btn-primary">
  29       <input type="checkbox"> checkbox 3
  30     </label>
  31   </div>
  32
  33   <div class="btn-group" data-toggle="buttons">
  34     <label class="btn btn-primary">
  35       <input type="radio" name="options" id="option1"> Radio 1
  36     </label>
  37     <label class="btn btn-primary">
  38       <input type="radio" name="options" id="option2"> Radio 2
  39     </label>
  40     <label class="btn btn-primary">
  41       <input type="radio" name="options" id="option3"> Radio 3
  42     </label>
  43   </div>
  44
  45 </div>
  46
  47 <!-- JavaScript Includes -->
  48 <script src="../vendor/jquery.min.js"></script>
  49 <script src="../../transition.js"></script>
  50 <script src="../../button.js"></script>
  51
  52 <!-- JavaScript Test -->
  53 <script>
  54 $(function () {
  55   $('.js-loading-button').on('click', function () {
  56     var btn = $(this).button('loading')
  57     setTimeout(function (){
  58       btn.button('reset')
  59     }, 3000)
  60   })
  61 })
  62 </script>
  63 </body>
  64 </html>