src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/starter.html

   1 <!DOCTYPE html>
   2 <!--
   3 This is a starter template page. Use this page to start your new project from
   4 scratch. This page gets rid of all links and provides the needed markup only.
   5 -->
   6 <html>
   7 <head>
   8   <meta charset="utf-8">
   9   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10   <title>AdminLTE 2 | Starter</title>
  11   <!-- Tell the browser to be responsive to screen width -->
  12   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  13   <!-- Bootstrap 3.3.6 -->
  14   <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  15   <!-- Font Awesome -->
  16   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  17   <!-- Ionicons -->
  18   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  19   <!-- Theme style -->
  20   <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
  21   <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
  22         page. However, you can choose any other skin. Make sure you
  23         apply the skin class to the body tag so the changes take effect.
  24   -->
  25   <link rel="stylesheet" href="dist/css/skins/skin-blue.min.css">
  26
  27   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  28   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  29   <!--[if lt IE 9]>
  30   <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  31   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  32   <![endif]-->
  33 </head>
  34 <!--
  35 BODY TAG OPTIONS:
  36 =================
  37 Apply one or more of the following classes to get the
  38 desired effect
  39 |---------------------------------------------------------|
  40 | SKINS         | skin-blue                               |
  41 |               | skin-black                              |
  42 |               | skin-purple                             |
  43 |               | skin-yellow                             |
  44 |               | skin-red                                |
  45 |               | skin-green                              |
  46 |---------------------------------------------------------|
  47 |LAYOUT OPTIONS | fixed                                   |
  48 |               | layout-boxed                            |
  49 |               | layout-top-nav                          |
  50 |               | sidebar-collapse                        |
  51 |               | sidebar-mini                            |
  52 |---------------------------------------------------------|
  53 -->
  54 <body class="hold-transition skin-blue sidebar-mini">
  55 <div class="wrapper">
  56
  57   <!-- Main Header -->
  58   <header class="main-header">
  59
  60     <!-- Logo -->
  61     <a href="index2.html" class="logo">
  62       <!-- mini logo for sidebar mini 50x50 pixels -->
  63       <span class="logo-mini"><b>A</b>LT</span>
  64       <!-- logo for regular state and mobile devices -->
  65       <span class="logo-lg"><b>Admin</b>LTE</span>
  66     </a>
  67
  68     <!-- Header Navbar -->
  69     <nav class="navbar navbar-static-top" role="navigation">
  70       <!-- Sidebar toggle button-->
  71       <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
  72         <span class="sr-only">Toggle navigation</span>
  73       </a>
  74       <!-- Navbar Right Menu -->
  75       <div class="navbar-custom-menu">
  76         <ul class="nav navbar-nav">
  77           <!-- Messages: style can be found in dropdown.less-->
  78           <li class="dropdown messages-menu">
  79             <!-- Menu toggle button -->
  80             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  81               <i class="fa fa-envelope-o"></i>
  82               <span class="label label-success">4</span>
  83             </a>
  84             <ul class="dropdown-menu">
  85               <li class="header">You have 4 messages</li>
  86               <li>
  87                 <!-- inner menu: contains the messages -->
  88                 <ul class="menu">
  89                   <li><!-- start message -->
  90                     <a href="#">
  91                       <div class="pull-left">
  92                         <!-- User Image -->
  93                         <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  94                       </div>
  95                       <!-- Message title and timestamp -->
  96                       <h4>
  97                         Support Team
  98                         <small><i class="fa fa-clock-o"></i> 5 mins</small>
  99                       </h4>
 100                       <!-- The message -->
 101                       <p>Why not buy a new awesome theme?</p>
 102                     </a>
 103                   </li>
 104                   <!-- end message -->
 105                 </ul>
 106                 <!-- /.menu -->
 107               </li>
 108               <li class="footer"><a href="#">See All Messages</a></li>
 109             </ul>
 110           </li>
 111           <!-- /.messages-menu -->
 112
 113           <!-- Notifications Menu -->
 114           <li class="dropdown notifications-menu">
 115             <!-- Menu toggle button -->
 116             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 117               <i class="fa fa-bell-o"></i>
 118               <span class="label label-warning">10</span>
 119             </a>
 120             <ul class="dropdown-menu">
 121               <li class="header">You have 10 notifications</li>
 122               <li>
 123                 <!-- Inner Menu: contains the notifications -->
 124                 <ul class="menu">
 125                   <li><!-- start notification -->
 126                     <a href="#">
 127                       <i class="fa fa-users text-aqua"></i> 5 new members joined today
 128                     </a>
 129                   </li>
 130                   <!-- end notification -->
 131                 </ul>
 132               </li>
 133               <li class="footer"><a href="#">View all</a></li>
 134             </ul>
 135           </li>
 136           <!-- Tasks Menu -->
 137           <li class="dropdown tasks-menu">
 138             <!-- Menu Toggle Button -->
 139             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 140               <i class="fa fa-flag-o"></i>
 141               <span class="label label-danger">9</span>
 142             </a>
 143             <ul class="dropdown-menu">
 144               <li class="header">You have 9 tasks</li>
 145               <li>
 146                 <!-- Inner menu: contains the tasks -->
 147                 <ul class="menu">
 148                   <li><!-- Task item -->
 149                     <a href="#">
 150                       <!-- Task title and progress text -->
 151                       <h3>
 152                         Design some buttons
 153                         <small class="pull-right">20%</small>
 154                       </h3>
 155                       <!-- The progress bar -->
 156                       <div class="progress xs">
 157                         <!-- Change the css width attribute to simulate progress -->
 158                         <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
 159                           <span class="sr-only">20% Complete</span>
 160                         </div>
 161                       </div>
 162                     </a>
 163                   </li>
 164                   <!-- end task item -->
 165                 </ul>
 166               </li>
 167               <li class="footer">
 168                 <a href="#">View all tasks</a>
 169               </li>
 170             </ul>
 171           </li>
 172           <!-- User Account Menu -->
 173           <li class="dropdown user user-menu">
 174             <!-- Menu Toggle Button -->
 175             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 176               <!-- The user image in the navbar-->
 177               <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
 178               <!-- hidden-xs hides the username on small devices so only the image appears. -->
 179               <span class="hidden-xs">Alexander Pierce</span>
 180             </a>
 181             <ul class="dropdown-menu">
 182               <!-- The user image in the menu -->
 183               <li class="user-header">
 184                 <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
 185
 186                 <p>
 187                   Alexander Pierce - Web Developer
 188                   <small>Member since Nov. 2012</small>
 189                 </p>
 190               </li>
 191               <!-- Menu Body -->
 192               <li class="user-body">
 193                 <div class="row">
 194                   <div class="col-xs-4 text-center">
 195                     <a href="#">Followers</a>
 196                   </div>
 197                   <div class="col-xs-4 text-center">
 198                     <a href="#">Sales</a>
 199                   </div>
 200                   <div class="col-xs-4 text-center">
 201                     <a href="#">Friends</a>
 202                   </div>
 203                 </div>
 204                 <!-- /.row -->
 205               </li>
 206               <!-- Menu Footer-->
 207               <li class="user-footer">
 208                 <div class="pull-left">
 209                   <a href="#" class="btn btn-default btn-flat">Profile</a>
 210                 </div>
 211                 <div class="pull-right">
 212                   <a href="#" class="btn btn-default btn-flat">Sign out</a>
 213                 </div>
 214               </li>
 215             </ul>
 216           </li>
 217           <!-- Control Sidebar Toggle Button -->
 218           <li>
 219             <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
 220           </li>
 221         </ul>
 222       </div>
 223     </nav>
 224   </header>
 225   <!-- Left side column. contains the logo and sidebar -->
 226   <aside class="main-sidebar">
 227
 228     <!-- sidebar: style can be found in sidebar.less -->
 229     <section class="sidebar">
 230
 231       <!-- Sidebar user panel (optional) -->
 232       <div class="user-panel">
 233         <div class="pull-left image">
 234           <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
 235         </div>
 236         <div class="pull-left info">
 237           <p>Alexander Pierce</p>
 238           <!-- Status -->
 239           <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
 240         </div>
 241       </div>
 242
 243       <!-- search form (Optional) -->
 244       <form action="#" method="get" class="sidebar-form">
 245         <div class="input-group">
 246           <input type="text" name="q" class="form-control" placeholder="Search...">
 247               <span class="input-group-btn">
 248                 <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
 249                 </button>
 250               </span>
 251         </div>
 252       </form>
 253       <!-- /.search form -->
 254
 255       <!-- Sidebar Menu -->
 256       <ul class="sidebar-menu">
 257         <li class="header">HEADER</li>
 258         <!-- Optionally, you can add icons to the links -->
 259         <li class="active"><a href="#"><i class="fa fa-link"></i> <span>Link</span></a></li>
 260         <li><a href="#"><i class="fa fa-link"></i> <span>Another Link</span></a></li>
 261         <li class="treeview">
 262           <a href="#"><i class="fa fa-link"></i> <span>Multilevel</span>
 263             <span class="pull-right-container">
 264               <i class="fa fa-angle-left pull-right"></i>
 265             </span>
 266           </a>
 267           <ul class="treeview-menu">
 268             <li><a href="#">Link in level 2</a></li>
 269             <li><a href="#">Link in level 2</a></li>
 270           </ul>
 271         </li>
 272       </ul>
 273       <!-- /.sidebar-menu -->
 274     </section>
 275     <!-- /.sidebar -->
 276   </aside>
 277
 278   <!-- Content Wrapper. Contains page content -->
 279   <div class="content-wrapper">
 280     <!-- Content Header (Page header) -->
 281     <section class="content-header">
 282       <h1>
 283         Page Header
 284         <small>Optional description</small>
 285       </h1>
 286       <ol class="breadcrumb">
 287         <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
 288         <li class="active">Here</li>
 289       </ol>
 290     </section>
 291
 292     <!-- Main content -->
 293     <section class="content">
 294
 295       <!-- Your Page Content Here -->
 296
 297     </section>
 298     <!-- /.content -->
 299   </div>
 300   <!-- /.content-wrapper -->
 301
 302   <!-- Main Footer -->
 303   <footer class="main-footer">
 304     <!-- To the right -->
 305     <div class="pull-right hidden-xs">
 306       Anything you want
 307     </div>
 308     <!-- Default to the left -->
 309     <strong>Copyright &copy; 2016 <a href="#">Company</a>.</strong> All rights reserved.
 310   </footer>
 311
 312   <!-- Control Sidebar -->
 313   <aside class="control-sidebar control-sidebar-dark">
 314     <!-- Create the tabs -->
 315     <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
 316       <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
 317       <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
 318     </ul>
 319     <!-- Tab panes -->
 320     <div class="tab-content">
 321       <!-- Home tab content -->
 322       <div class="tab-pane active" id="control-sidebar-home-tab">
 323         <h3 class="control-sidebar-heading">Recent Activity</h3>
 324         <ul class="control-sidebar-menu">
 325           <li>
 326             <a href="javascript::;">
 327               <i class="menu-icon fa fa-birthday-cake bg-red"></i>
 328
 329               <div class="menu-info">
 330                 <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
 331
 332                 <p>Will be 23 on April 24th</p>
 333               </div>
 334             </a>
 335           </li>
 336         </ul>
 337         <!-- /.control-sidebar-menu -->
 338
 339         <h3 class="control-sidebar-heading">Tasks Progress</h3>
 340         <ul class="control-sidebar-menu">
 341           <li>
 342             <a href="javascript::;">
 343               <h4 class="control-sidebar-subheading">
 344                 Custom Template Design
 345                 <span class="pull-right-container">
 346                   <span class="label label-danger pull-right">70%</span>
 347                 </span>
 348               </h4>
 349
 350               <div class="progress progress-xxs">
 351                 <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
 352               </div>
 353             </a>
 354           </li>
 355         </ul>
 356         <!-- /.control-sidebar-menu -->
 357
 358       </div>
 359       <!-- /.tab-pane -->
 360       <!-- Stats tab content -->
 361       <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
 362       <!-- /.tab-pane -->
 363       <!-- Settings tab content -->
 364       <div class="tab-pane" id="control-sidebar-settings-tab">
 365         <form method="post">
 366           <h3 class="control-sidebar-heading">General Settings</h3>
 367
 368           <div class="form-group">
 369             <label class="control-sidebar-subheading">
 370               Report panel usage
 371               <input type="checkbox" class="pull-right" checked>
 372             </label>
 373
 374             <p>
 375               Some information about this general settings option
 376             </p>
 377           </div>
 378           <!-- /.form-group -->
 379         </form>
 380       </div>
 381       <!-- /.tab-pane -->
 382     </div>
 383   </aside>
 384   <!-- /.control-sidebar -->
 385   <!-- Add the sidebar's background. This div must be placed
 386        immediately after the control sidebar -->
 387   <div class="control-sidebar-bg"></div>
 388 </div>
 389 <!-- ./wrapper -->
 390
 391 <!-- REQUIRED JS SCRIPTS -->
 392
 393 <!-- jQuery 2.2.3 -->
 394 <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
 395 <!-- Bootstrap 3.3.6 -->
 396 <script src="bootstrap/js/bootstrap.min.js"></script>
 397 <!-- AdminLTE App -->
 398 <script src="dist/js/app.min.js"></script>
 399
 400 <!-- Optionally, you can add Slimscroll and FastClick plugins.
 401      Both of these plugins are recommended to enhance the
 402      user experience. Slimscroll is required when using the
 403      fixed layout. -->
 404 </body>
 405 </html>