git.roojs.org Git - roojs1/blob - examples/bootstrap/dashboard3.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Html editor for bootstrap test</title>
   5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   6
   7     <!-- Bootstrap -->
   8     <link rel="stylesheet" href="../../css-bootstrap/bootstrap.css">
   9
  10     <link href="../../../bootswatch/AdminLTE-master/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  11     <link href="../../../bootswatch/AdminLTE-master/css/AdminLTE.css" rel="stylesheet" type="text/css" />
  12
  13     <link href="../../css-bootstrap/sidebar-nav.css" rel="stylesheet" type="text/css" />
  14     <link href="../../css-bootstrap/tweaks.css" rel="stylesheet" type="text/css" />
  15     <link href="../../css-bootstrap/checkbox.css" rel="stylesheet" type="text/css" />
  16     <link href="../../css-bootstrap/select2.css" rel="stylesheet" type="text/css" />
  17
  18     <link href="../../css-bootstrap/combobox.css" rel="stylesheet" type="text/css" />
  19
  20    <style>
  21     /* for testing carosell navigation */
  22      .carousel-control
  23      {
  24         left: -18px;
  25         top:30px;
  26         width:5%;
  27         color: #000;
  28
  29      }
  30     .carousel-control.left
  31     {
  32         background-image: none;
  33     }
  34     .carousel-control.right
  35     {
  36         right: -30px;
  37         background-image : none;
  38     }
  39
  40
  41     .carousel-inner > .item {
  42         position: relative;
  43         display: none;
  44         -webkit-transition: 5s ease-in-out left;
  45              -o-transition: 5s ease-in-out left;
  46                 transition: 5s ease-in-out left;
  47       }
  48     .carousel-inner > .active,
  49 .carousel-inner > .next,
  50 .carousel-inner > .prev {
  51   display: block;
  52 }
  53    </style>
  54
  55
  56     <script type="text/javascript" src="../../roojs-core-debug.js"></script>
  57     <!-- bootstrap js.. needs to compile it later.. -->
  58     <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
  59     <script type="text/javascript" src="../../Roo/bootstrap/Input.js"></script>
  60     <script type="text/javascript" src="../../Roo/bootstrap/Button.js"></script>
  61     <script type="text/javascript" src="../../Roo/bootstrap/CheckBox.js"></script>
  62     <script type="text/javascript" src="../../Roo/bootstrap/Radio.js"></script>
  63     <script type="text/javascript" src="../../Roo/bootstrap/NavGroup.js"></script>
  64     <script type="text/javascript" src="../../Roo/bootstrap/TabGroup.js"></script>
  65     <script type="text/javascript" src="../../Roo/bootstrap/TabPanel.js"></script>
  66
  67
  68      <script type="text/javascript">
  69         Dashboard = {};
  70      </script>
  71
  72     <!-- test code -->
  73     <script type="text/javascript" src="Dashboard.Header1.js"></script>
  74     <script type="text/javascript" src="Dashboard.Sidebar2.js"></script>
  75     <script type="text/javascript" src="dashboard3.js"></script>
  76     <script type="text/javascript" src="dashboard3.slidetest.js"></script>
  77   </head>
  78   <body id="body">
  79     <script type="text/javascript">
  80       Roo.onReady(function() {
  81           Roo.XComponent.build();
  82       });
  83     </script>
  84   </body>
  85 </html>