RubyGems - patternfly-sass - Versions diffs - 3.23.2 → 3.31.1 - Mend

patternfly-sass 3.23.2 → 3.31.1

Files changed (369) hide show

data/spec/html/list-view-compound-expansion.html DELETED Viewed

@@ -1,1720 +0,0 @@
-<!DOCTYPE html>
-<!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
-<!--[if gt IE 9]><!-->
-<html lang="en-us">
-<!--<![endif]-->
-  <head>
-    <title>List View - Compound Expansion - PatternFly</title>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="shortcut icon" href="../../dist/img/favicon.ico">
-    <!-- iPad retina icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
-    <!-- iPad retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
-    <!-- iPad non-retina icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
-    <!-- iPad non-retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
-    <!-- iPhone 6 Plus icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
-    <!-- iPhone retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
-    <!-- iPhone non-retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/img/apple-touch-icon-precomposed-57.png">
-    <link rel="stylesheet" href="../../dist/css/patternfly.min.css" >
-    <link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
-      <link href="tests.css" rel="stylesheet" media="screen, print">
-    <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
-    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
-    <script src="./../../dist/js/patternfly.min.js"></script>
-  </head>
-  <div class="toast-notifications-list-pf">
-    <div class="toast-pf alert alert-warning alert-dismissable">
-      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
-        <span class="pficon pficon-close"></span>
-      </button>
-      <span class="pficon pficon-warning-triangle-o"></span>
-      These examples are included for development testing purposes.  For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
-    </div>
-  </div>
-  <body>
-    <nav class="navbar navbar-default navbar-pf" role="navigation">
-      <div class="navbar-header">
-        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
-          <span class="sr-only">Toggle navigation</span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-        </button>
-        <a class="navbar-brand" href="/">
-          <img src="./../../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
-        </a>
-      </div>
-      <div class="collapse navbar-collapse navbar-collapse-1">
-        <ul class="nav navbar-nav navbar-utility">
-          <li>
-            <a href="#">Status</a>
-          </li>
-          <li class="dropdown">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <span class="pficon pficon-user"></span>
-              Brian Johnson <b class="caret"></b>
-            </a>
-            <ul class="dropdown-menu">
-              <li>
-                <a href="#">Link</a>
-              </li>
-              <li>
-                <a href="#">Another link</a>
-              </li>
-              <li>
-                <a href="#">Something else here</a>
-              </li>
-              <li class="divider"></li>
-              <li class="dropdown-submenu">
-                <a tabindex="-1" href="#">More options</a>
-                <ul class="dropdown-menu">
-                  <li>
-                    <a href="#">Link</a>
-                  </li>
-                  <li>
-                    <a href="#">Another link</a>
-                  </li>
-                  <li>
-                    <a href="#">Something else here</a>
-                  </li>
-                  <li class="divider"></li>
-                  <li class="dropdown-header">Nav header</li>
-                  <li>
-                    <a href="#">Separated link</a>
-                  </li>
-                  <li class="divider"></li>
-                  <li>
-                    <a href="#">One more separated link</a>
-                  </li>
-                </ul>
-              </li>
-              <li class="divider"></li>
-              <li>
-                <a href="#">One more separated link</a>
-              </li>
-            </ul>
-          </li>
-        </ul>
-        <ul class="nav navbar-nav navbar-primary">
-          <li>
-            <a href="basic.html">Basic</a>
-          </li>
-          <li>
-            <a href="bootstrap-treeview-2.html">Tree View</a>
-          </li>
-          <li>
-            <a href="dashboard.html">Dashboard</a>
-          </li>
-          <li>
-            <a href="form.html">Form</a>
-          </li>
-          <li>
-            <a href="tab.html">Tab</a>
-          </li>
-          <li>
-            <a href="typography-2.html">Typography</a>
-          </li>
-          <li>
-            <a href="card-view-multi-select.html">Card View - Multi Select</a>
-          </li>
-          <li>
-            <a href="card-view-single-select.html">Card View - Single Select</a>
-          </li>
-          <li>
-            <a href="cards.html">Cards</a>
-          </li>
-          <li>
-            <a href="pagination-card-view.html">Pagination - Card View</a>
-          </li>
-        </ul>
-      </div>
-    </nav>
-      <div class="container-fluid">
-        <div class="row toolbar-pf">
-          <div class="col-sm-12">
-            <form class="toolbar-pf-actions">
-              <div class="form-group toolbar-pf-filter">
-                <label class="sr-only" for="filter">Name</label>
-                <div class="input-group">
-                  <div class="input-group-btn">
-                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Name <span class="caret"></span></button>
-                    <ul class="dropdown-menu">
-                      <li class="selected"><a href="#">Name</a></li>
-                      <li><a href="#">Type</a></li>
-                      <li><a href="#">Color</a></li>
-                    </ul>
-                  </div><!-- /btn-group -->
-                  <input type="text" class="form-control" id="filter" placeholder="Filter By Name...">
-                </div><!-- /input-group -->
-              </div>
-              <div class="form-group">
-                <div class="dropdown btn-group">
-                  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Name <span class="caret"></span></button>
-                  <ul class="dropdown-menu">
-                    <li class="selected"><a href="#">Name</a></li>
-                    <li><a href="#">Type</a></li>
-                    <li><a href="#">Last Modified</a></li>
-                  </ul>
-                </div>
-                <button class="btn btn-link" type="button">
-                  <span class="fa fa-sort-alpha-asc"></span>
-                </button>
-              </div>
-              <div class="form-group">
-                <button class="btn btn-default" type="button">Action</button>
-                <button class="btn btn-default" type="button">Action</button>
-                <div class="dropdown btn-group  dropdown-kebab-pf">
-  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebab" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-    <span class="fa fa-ellipsis-v"></span>
-  </button>
-  <ul class="dropdown-menu " aria-labelledby="dropdownKebab">
-    <li><a href="#">Action</a></li>
-    <li><a href="#">Another action</a></li>
-    <li><a href="#">Something else here</a></li>
-    <li role="separator" class="divider"></li>
-    <li><a href="#">Separated link</a></li>
-  </ul>
-</div>
-              </div>
-              <div class="toolbar-pf-action-right">
-                <div class="form-group toolbar-pf-find">
-                  <button class="btn btn-link btn-find" type="button">
-                    <span class="fa fa-search"></span>
-                  </button>
-                  <div class="find-pf-dropdown-container">
-                    <input type="text" class="form-control" id="find" placeholder="Find By Keyword...">
-                    <div class="find-pf-buttons">
-                      <span class="find-pf-nums">1 of 3</span>
-                      <button class="btn btn-link" type="button">
-                        <span class="fa fa-angle-up"></span>
-                      </button>
-                      <button class="btn btn-link" type="button">
-                        <span class="fa fa-angle-down"></span>
-                      </button>
-                      <button class="btn btn-link btn-find-close" type="button">
-                        <span class="pficon pficon-close"></span>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-                <div class="form-group toolbar-pf-view-selector">
-                  <button class="btn btn-link "><i class="fa fa-th"></i></button>
-                  <button class="btn btn-link "><i class="fa fa-th-large"></i></button>
-                  <button class="btn btn-link active"><i class="fa fa-th-list"></i></button>
-                </div>
-              </div>
-            </form>
-            <div class="row toolbar-pf-results">
-              <div class="col-sm-12">
-                <h5>40 Results</h5>
-                <p>Active filters:</p>
-                <ul class="list-inline">
-                  <li>
-                    <span class="label label-info">
-                      Name: nameofthething
-                      <a href="#"><span class="pficon pficon-close"></span></a>
-                    </span>
-                  </li>
-                  <li>
-                    <span class="label label-info">
-                      Name: nameofthething
-                      <a href="#"><span class="pficon pficon-close"></span></a>
-                    </span>
-                  </li>
-                  <li>
-                    <span class="label label-info">
-                      Name: nameofthething
-                      <a href="#"><span class="pficon pficon-close"></span></a>
-                    </span>
-                  </li>
-                </ul>
-                <p><a href="#">Clear All Filters</a></p>
-              </div><!-- /col -->
-            </div><!-- /row -->
-          </div><!-- /col -->
-        </div><!-- /row -->
-      </div><!-- /container -->
-<div class="container-fluid">
-<div class="list-group list-view-pf list-view-pf-view">
-  <div class="list-group-item">
-    <div class="list-view-pf-checkbox">
-      <input type="checkbox">
-    </div>
-    <div class="list-view-pf-actions">
-      <button class="btn btn-default">Action</button>
-      <div class="dropdown pull-right dropdown-kebab-pf">
-  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-    <span class="fa fa-ellipsis-v"></span>
-  </button>
-  <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight1">
-    <li><a href="#">Action</a></li>
-    <li><a href="#">Another action</a></li>
-    <li><a href="#">Something else here</a></li>
-    <li role="separator" class="divider"></li>
-    <li><a href="#">Separated link</a></li>
-  </ul>
-</div>
-    </div>
-    <div class="list-view-pf-main-info">
-      <div class="list-view-pf-left">
-        <span class="fa fa-plane list-view-pf-icon-sm"></span>
-      </div>
-      <div class="list-view-pf-body">
-        <div class="list-view-pf-description">
-          <div class="list-group-item-heading">
-            Event One
-          </div>
-          <div class="list-group-item-text">
-            The following snippet of text is <a href="#">rendered as link text</a>.
-          </div>
-        </div>
-        <div class="list-view-pf-additional-info">
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-screen"></span>
-              <strong>8</strong> Hosts
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-cluster"></span>
-              <strong>6</strong> Clusters
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-container-node"></span>
-              <strong>10</strong> Nodes
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-image"></span>
-              <strong>8</strong> Images
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Host 1</li>
-            <li>Host 2</li>
-            <li>Host 3</li>
-            <li>Host 4</li>
-            <li>Host 5</li>
-            <li>Host 6</li>
-            <li>Host 7</li>
-            <li>Host 8</li>
-            <li>Host 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Host Name</dt>
-            <dd>file1.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Cluster 1</li>
-            <li>Cluster 2</li>
-            <li>Cluster 3</li>
-            <li>Cluster 4</li>
-            <li>Cluster 5</li>
-            <li>Cluster 6</li>
-            <li>Cluster 7</li>
-            <li>Cluster 8</li>
-            <li>Cluster 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Cluster Name</dt>
-            <dd>file2.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Nodes 1</li>
-            <li>Nodes 2</li>
-            <li>Nodes 3</li>
-            <li>Nodes 4</li>
-            <li>Nodes 5</li>
-            <li>Nodes 6</li>
-            <li>Nodes 7</li>
-            <li>Nodes 8</li>
-            <li>Nodes 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Node Name</dt>
-            <dd>file3.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Image 1</li>
-            <li>Image 2</li>
-            <li>Image 3</li>
-            <li>Image 4</li>
-            <li>Image 5</li>
-            <li>Image 6</li>
-            <li>Image 7</li>
-            <li>Image 8</li>
-            <li>Image 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Image Name</dt>
-            <dd>file4.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="list-group-item">
-    <div class="list-view-pf-checkbox">
-      <input type="checkbox">
-    </div>
-    <div class="list-view-pf-actions">
-      <button class="btn btn-default">Action</button>
-      <div class="dropdown pull-right dropdown-kebab-pf">
-  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-    <span class="fa fa-ellipsis-v"></span>
-  </button>
-  <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight2">
-    <li><a href="#">Action</a></li>
-    <li><a href="#">Another action</a></li>
-    <li><a href="#">Something else here</a></li>
-    <li role="separator" class="divider"></li>
-    <li><a href="#">Separated link</a></li>
-  </ul>
-</div>
-    </div>
-    <div class="list-view-pf-main-info">
-      <div class="list-view-pf-left">
-        <span class="fa fa-magic list-view-pf-icon-sm"></span>
-      </div>
-      <div class="list-view-pf-body">
-        <div class="list-view-pf-description">
-          <div class="list-group-item-heading">
-            Event Two
-          </div>
-          <div class="list-group-item-text">
-            The following snippet of text is <a href="#">rendered as link text</a>.
-          </div>
-        </div>
-        <div class="list-view-pf-additional-info">
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-screen"></span>
-              <strong>8</strong> Hosts
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-cluster"></span>
-              <strong>6</strong> Clusters
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-container-node"></span>
-              <strong>10</strong> Nodes
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-image"></span>
-              <strong>8</strong> Images
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Host 1</li>
-            <li>Host 2</li>
-            <li>Host 3</li>
-            <li>Host 4</li>
-            <li>Host 5</li>
-            <li>Host 6</li>
-            <li>Host 7</li>
-            <li>Host 8</li>
-            <li>Host 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Host Name</dt>
-            <dd>file1.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Cluster 1</li>
-            <li>Cluster 2</li>
-            <li>Cluster 3</li>
-            <li>Cluster 4</li>
-            <li>Cluster 5</li>
-            <li>Cluster 6</li>
-            <li>Cluster 7</li>
-            <li>Cluster 8</li>
-            <li>Cluster 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Cluster Name</dt>
-            <dd>file2.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Nodes 1</li>
-            <li>Nodes 2</li>
-            <li>Nodes 3</li>
-            <li>Nodes 4</li>
-            <li>Nodes 5</li>
-            <li>Nodes 6</li>
-            <li>Nodes 7</li>
-            <li>Nodes 8</li>
-            <li>Nodes 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Node Name</dt>
-            <dd>file3.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Image 1</li>
-            <li>Image 2</li>
-            <li>Image 3</li>
-            <li>Image 4</li>
-            <li>Image 5</li>
-            <li>Image 6</li>
-            <li>Image 7</li>
-            <li>Image 8</li>
-            <li>Image 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Image Name</dt>
-            <dd>file4.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="list-group-item">
-    <div class="list-view-pf-checkbox">
-      <input type="checkbox">
-    </div>
-    <div class="list-view-pf-actions">
-      <button class="btn btn-default">Action</button>
-      <div class="dropdown pull-right dropdown-kebab-pf">
-  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-    <span class="fa fa-ellipsis-v"></span>
-  </button>
-  <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight3">
-    <li><a href="#">Action</a></li>
-    <li><a href="#">Another action</a></li>
-    <li><a href="#">Something else here</a></li>
-    <li role="separator" class="divider"></li>
-    <li><a href="#">Separated link</a></li>
-  </ul>
-</div>
-    </div>
-    <div class="list-view-pf-main-info">
-      <div class="list-view-pf-left">
-        <span class="fa fa-gamepad list-view-pf-icon-sm"></span>
-      </div>
-      <div class="list-view-pf-body">
-        <div class="list-view-pf-description">
-          <div class="list-group-item-heading">
-            Event Three
-          </div>
-          <div class="list-group-item-text">
-            The following snippet of text is <a href="#">rendered as link text</a>.
-          </div>
-        </div>
-        <div class="list-view-pf-additional-info">
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-screen"></span>
-              <strong>8</strong> Hosts
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-cluster"></span>
-              <strong>6</strong> Clusters
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-container-node"></span>
-              <strong>10</strong> Nodes
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-image"></span>
-              <strong>8</strong> Images
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Host 1</li>
-            <li>Host 2</li>
-            <li>Host 3</li>
-            <li>Host 4</li>
-            <li>Host 5</li>
-            <li>Host 6</li>
-            <li>Host 7</li>
-            <li>Host 8</li>
-            <li>Host 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Host Name</dt>
-            <dd>file1.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Cluster 1</li>
-            <li>Cluster 2</li>
-            <li>Cluster 3</li>
-            <li>Cluster 4</li>
-            <li>Cluster 5</li>
-            <li>Cluster 6</li>
-            <li>Cluster 7</li>
-            <li>Cluster 8</li>
-            <li>Cluster 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Cluster Name</dt>
-            <dd>file2.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Nodes 1</li>
-            <li>Nodes 2</li>
-            <li>Nodes 3</li>
-            <li>Nodes 4</li>
-            <li>Nodes 5</li>
-            <li>Nodes 6</li>
-            <li>Nodes 7</li>
-            <li>Nodes 8</li>
-            <li>Nodes 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Node Name</dt>
-            <dd>file3.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Image 1</li>
-            <li>Image 2</li>
-            <li>Image 3</li>
-            <li>Image 4</li>
-            <li>Image 5</li>
-            <li>Image 6</li>
-            <li>Image 7</li>
-            <li>Image 8</li>
-            <li>Image 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Image Name</dt>
-            <dd>file4.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="list-group-item">
-    <div class="list-view-pf-checkbox">
-      <input type="checkbox">
-    </div>
-    <div class="list-view-pf-actions">
-      <button class="btn btn-default">Action</button>
-      <div class="dropdown pull-right dropdown-kebab-pf">
-  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-    <span class="fa fa-ellipsis-v"></span>
-  </button>
-  <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight4">
-    <li><a href="#">Action</a></li>
-    <li><a href="#">Another action</a></li>
-    <li><a href="#">Something else here</a></li>
-    <li role="separator" class="divider"></li>
-    <li><a href="#">Separated link</a></li>
-  </ul>
-</div>
-    </div>
-    <div class="list-view-pf-main-info">
-      <div class="list-view-pf-left">
-        <span class="fa fa-linux list-view-pf-icon-sm"></span>
-      </div>
-      <div class="list-view-pf-body">
-        <div class="list-view-pf-description">
-          <div class="list-group-item-heading">
-            Event Four
-          </div>
-          <div class="list-group-item-text">
-            The following snippet of text is <a href="#">rendered as link text</a>.
-          </div>
-        </div>
-        <div class="list-view-pf-additional-info">
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-screen"></span>
-              <strong>8</strong> Hosts
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-cluster"></span>
-              <strong>6</strong> Clusters
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-container-node"></span>
-              <strong>10</strong> Nodes
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-image"></span>
-              <strong>8</strong> Images
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Host 1</li>
-            <li>Host 2</li>
-            <li>Host 3</li>
-            <li>Host 4</li>
-            <li>Host 5</li>
-            <li>Host 6</li>
-            <li>Host 7</li>
-            <li>Host 8</li>
-            <li>Host 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Host Name</dt>
-            <dd>file1.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Cluster 1</li>
-            <li>Cluster 2</li>
-            <li>Cluster 3</li>
-            <li>Cluster 4</li>
-            <li>Cluster 5</li>
-            <li>Cluster 6</li>
-            <li>Cluster 7</li>
-            <li>Cluster 8</li>
-            <li>Cluster 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Cluster Name</dt>
-            <dd>file2.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Nodes 1</li>
-            <li>Nodes 2</li>
-            <li>Nodes 3</li>
-            <li>Nodes 4</li>
-            <li>Nodes 5</li>
-            <li>Nodes 6</li>
-            <li>Nodes 7</li>
-            <li>Nodes 8</li>
-            <li>Nodes 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Node Name</dt>
-            <dd>file3.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Image 1</li>
-            <li>Image 2</li>
-            <li>Image 3</li>
-            <li>Image 4</li>
-            <li>Image 5</li>
-            <li>Image 6</li>
-            <li>Image 7</li>
-            <li>Image 8</li>
-            <li>Image 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Image Name</dt>
-            <dd>file4.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="list-group-item">
-    <div class="list-view-pf-checkbox">
-      <input type="checkbox">
-    </div>
-    <div class="list-view-pf-actions">
-      <button class="btn btn-default">Action</button>
-      <div class="dropdown pull-right dropdown-kebab-pf">
-  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-    <span class="fa fa-ellipsis-v"></span>
-  </button>
-  <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight5">
-    <li><a href="#">Action</a></li>
-    <li><a href="#">Another action</a></li>
-    <li><a href="#">Something else here</a></li>
-    <li role="separator" class="divider"></li>
-    <li><a href="#">Separated link</a></li>
-  </ul>
-</div>
-    </div>
-    <div class="list-view-pf-main-info">
-      <div class="list-view-pf-left">
-        <span class="fa fa-briefcase list-view-pf-icon-sm"></span>
-      </div>
-      <div class="list-view-pf-body">
-        <div class="list-view-pf-description">
-          <div class="list-group-item-heading">
-            Event Five
-          </div>
-          <div class="list-group-item-text">
-            The following snippet of text is <a href="#">rendered as link text</a>.
-          </div>
-        </div>
-        <div class="list-view-pf-additional-info">
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-screen"></span>
-              <strong>8</strong> Hosts
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-cluster"></span>
-              <strong>6</strong> Clusters
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-container-node"></span>
-              <strong>10</strong> Nodes
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-image"></span>
-              <strong>8</strong> Images
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Host 1</li>
-            <li>Host 2</li>
-            <li>Host 3</li>
-            <li>Host 4</li>
-            <li>Host 5</li>
-            <li>Host 6</li>
-            <li>Host 7</li>
-            <li>Host 8</li>
-            <li>Host 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Host Name</dt>
-            <dd>file1.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Cluster 1</li>
-            <li>Cluster 2</li>
-            <li>Cluster 3</li>
-            <li>Cluster 4</li>
-            <li>Cluster 5</li>
-            <li>Cluster 6</li>
-            <li>Cluster 7</li>
-            <li>Cluster 8</li>
-            <li>Cluster 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Cluster Name</dt>
-            <dd>file2.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Nodes 1</li>
-            <li>Nodes 2</li>
-            <li>Nodes 3</li>
-            <li>Nodes 4</li>
-            <li>Nodes 5</li>
-            <li>Nodes 6</li>
-            <li>Nodes 7</li>
-            <li>Nodes 8</li>
-            <li>Nodes 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Node Name</dt>
-            <dd>file3.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Image 1</li>
-            <li>Image 2</li>
-            <li>Image 3</li>
-            <li>Image 4</li>
-            <li>Image 5</li>
-            <li>Image 6</li>
-            <li>Image 7</li>
-            <li>Image 8</li>
-            <li>Image 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Image Name</dt>
-            <dd>file4.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="list-group-item">
-    <div class="list-view-pf-checkbox">
-      <input type="checkbox">
-    </div>
-    <div class="list-view-pf-actions">
-      <button class="btn btn-default">Action</button>
-      <div class="dropdown pull-right dropdown-kebab-pf">
-  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight6" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-    <span class="fa fa-ellipsis-v"></span>
-  </button>
-  <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight6">
-    <li><a href="#">Action</a></li>
-    <li><a href="#">Another action</a></li>
-    <li><a href="#">Something else here</a></li>
-    <li role="separator" class="divider"></li>
-    <li><a href="#">Separated link</a></li>
-  </ul>
-</div>
-    </div>
-    <div class="list-view-pf-main-info">
-      <div class="list-view-pf-left">
-        <span class="fa fa-coffee list-view-pf-icon-sm"></span>
-      </div>
-      <div class="list-view-pf-body">
-        <div class="list-view-pf-description">
-          <div class="list-group-item-heading">
-            Event Six
-          </div>
-          <div class="list-group-item-text">
-            The following snippet of text is <a href="#">rendered as link text</a>.
-          </div>
-        </div>
-        <div class="list-view-pf-additional-info">
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-screen"></span>
-              <strong>8</strong> Hosts
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-cluster"></span>
-              <strong>6</strong> Clusters
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-container-node"></span>
-              <strong>10</strong> Nodes
-            </div>
-          </div>
-          <div class="list-view-pf-additional-info-item">
-            <div class="list-view-pf-expand">
-              <span class="fa fa-angle-right"></span>
-              <span class="pficon pficon-image"></span>
-              <strong>8</strong> Images
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Host 1</li>
-            <li>Host 2</li>
-            <li>Host 3</li>
-            <li>Host 4</li>
-            <li>Host 5</li>
-            <li>Host 6</li>
-            <li>Host 7</li>
-            <li>Host 8</li>
-            <li>Host 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Host Name</dt>
-            <dd>file1.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Cluster 1</li>
-            <li>Cluster 2</li>
-            <li>Cluster 3</li>
-            <li>Cluster 4</li>
-            <li>Cluster 5</li>
-            <li>Cluster 6</li>
-            <li>Cluster 7</li>
-            <li>Cluster 8</li>
-            <li>Cluster 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Cluster Name</dt>
-            <dd>file2.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Nodes 1</li>
-            <li>Nodes 2</li>
-            <li>Nodes 3</li>
-            <li>Nodes 4</li>
-            <li>Nodes 5</li>
-            <li>Nodes 6</li>
-            <li>Nodes 7</li>
-            <li>Nodes 8</li>
-            <li>Nodes 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Node Name</dt>
-            <dd>file3.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="list-group-item-container container-fluid hidden">
-      <div class="close">
-        <span class="pficon pficon-close"></span>
-      </div>
-      <div class="row">
-        <div class="col-md-3">
-          <ul>
-            <li>Image 1</li>
-            <li>Image 2</li>
-            <li>Image 3</li>
-            <li>Image 4</li>
-            <li>Image 5</li>
-            <li>Image 6</li>
-            <li>Image 7</li>
-            <li>Image 8</li>
-            <li>Image 9</li>
-          </ul>
-        </div>
-        <div class="col-md-9">
-          <dl class="dl-horizontal">
-            <dt>Image Name</dt>
-            <dd>file4.nay.redhat.com</dd>
-            <dt>Device Path</dt>
-            <dd>/dev/disk/pci-0000.05:00-sas-0.2-part1</dd>
-            <dt>Time</dt>
-            <dd>January 15, 2016 10:45:11 AM</dd>
-            <dt>Severity</dt>
-            <dd>Warning</dd>
-            <dt>Cluster</dt>
-            <dd>Cluster 1</dd>
-          </dl>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<script>
-  $(document).ready(function () {
-    // Row Checkbox Selection
-    $("input[type='checkbox']").change(function (e) {
-      if ($(this).is(":checked")) {
-        $(this).closest('.list-group-item').addClass("active");
-      } else {
-        $(this).closest('.list-group-item').removeClass("active");
-      }
-    });
-    // toggle dropdown menu
-    $(".list-view-pf-actions").on("show.bs.dropdown", function () {
-      var $this = $(this);
-      var $dropdown = $this.find(".dropdown");
-      var space = $(window).height() - $dropdown[0].getBoundingClientRect().top - $this.find(".dropdown-menu").outerHeight(true);
-      $dropdown.toggleClass("dropup", space < 10);
-    });
-    // compound expansion
-    $(".list-view-pf-expand").on("click", function () {
-      var $this = $(this);
-      var $heading = $(this).parents(".list-group-item");
-      //var $row = $heading.parent();
-      var $subPanels = $heading.find(".list-group-item-container");
-      var index = $heading.find(".list-view-pf-expand").index(this);
-      //Remove all active status
-      $heading.find(".list-view-pf-expand.active").find(".fa-angle-right").removeClass("fa-angle-down")
-        .end().removeClass("active")
-          .end().removeClass("list-view-pf-expand-active");
-      // Add active to the clicked item
-      $(this).addClass("active")
-        .parents(".list-group-item").addClass("list-view-pf-expand-active")
-          .end().find(".fa-angle-right").addClass("fa-angle-down");
-      // check if it needs to hide
-      if($subPanels.eq(index).hasClass("hidden")){
-        $heading.find(".list-group-item-container:visible").addClass("hidden");
-        $subPanels.eq(index).removeClass("hidden");
-      } else {
-        $subPanels.eq(index).addClass("hidden");
-        $heading.find(".list-view-pf-expand.active").find(".fa-angle-right").removeClass("fa-angle-down")
-         .end().removeClass("active")
-          .end().removeClass("list-view-pf-expand-active");
-      }
-    });
-    // click close button to close the panel
-    $(".list-group-item-container .close").on("click", function (){
-      var $this = $(this);
-      var $panel = $this.parent();
-      // close the container and remove the active status
-      $panel.addClass("hidden")
-        .parent().removeClass("list-view-pf-expand-active")
-          .find(".list-view-pf-expand.active").removeClass("active")
-            .find(".fa-angle-right").removeClass("fa-angle-down")
-    });
-  });
-</script>
-</div>
-  </body>
-</html>