spaces-assetlist-alert.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>jBPM Suite</title>

  <link href="css/kie-main.css" rel="stylesheet" media="screen, print">

  <!-- debugging tool -->
  <link rel="stylesheet" href="https://cdn.rawgit.com/srambach/classbxr/5456df40/css/classbxr.css">

  <!-- jQuery -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

  <!-- Bootstrap JS -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script>

</head>
<body>

<div class="kie-page">
  <a class="kie-skiplink" href="#kie-main-content">Skip to main content</a>

  <!-- Masthead -->
  <nav class="kie-page__masthead 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 href="/" class="navbar-brand">
        <img class="kie-brand-icon" src="images/kie-ide.png" alt="JBoss BPM Suite"/>
      </a>
    </div>

    <div class="collapse navbar-collapse navbar-collapse-1">

      <ul class="nav navbar-nav navbar-iconic">
        <li>
          <a class="nav-item-iconic" href="bpm-home-rh.html" title="Home"><i class="pficon pficon-home"></i></a>
        </li>
      </ul>

      <ul class="nav navbar-nav  kie-yamm">
        <li class="dropdown kie-yamm--fw">
          <a class="dropdown-toggle nav-item-iconic" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
             aria-expanded="true" tabindex="0">
            Menu
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu kie-yamm__dropdown-menu" aria-labelledby="dropdownMenu2">

            <!-- mega menu sections -->
            <li class="kie-yamm__section col-xs-12 col-md-3">
              <h3 class="kie-yamm__title">Design</h3>
              <ul class="kie-yamm__subsection">
                <li><a href="#">Projects</a></li>
                <li><a href="#">Dashboards</a></li>
              </ul>
            </li>
            <li class="kie-yamm__section col-xs-12 col-md-3">
              <h3 class="kie-yamm__title">Configure</h3>
              <ul class="kie-yamm__subsection">
                <li><a href="#">Deployments</a></li>
                <li><a href="#">Execution Servers</a></li>
              </ul>
            </li>
            <li class="kie-yamm__section col-xs-12 col-md-3 ">
              <h3 class="kie-yamm__title">Manage</h3>
              <ul class="kie-yamm__subsection">
                <li><a href="#">Process Definitions</a></li>
                <li><a href="#">Process Instances</a></li>
                <li><a href="#">Jobs</a></li>
              </ul>
            </li>
            <li class="kie-yamm__section col-xs-12 col-md-3">
              <h3 class="kie-yamm__title">Track</h3>
              <ul class="kie-yamm__subsection">
                <li><a href="#">Task Lists</a></li>
                <li><a href="#">Task Reports</a></li>
                <li><a href="#">Process Reports</a></li>
                <li><a href="#">Business Dashboards</a></li>
          </ul>
            </li>

          </ul>
        </li>
      </ul>

      <ul class="nav navbar-nav navbar-right navbar-iconic">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle nav-item-iconic" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true">
            <span title="Applications" class="fa fa-th"></span>
          </a>
          <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
            <li><a href="">Application 1</a></li>
            <li><a href="">Application 2</a></li>
            <li><a href="">Application 3</a></li>
          </ul>
        </li>
        <li>
          <a class="nav-item-iconic" href="#help" data-toggle="modal" title="Help"><i class="fa fa-question"></i></a>
        </li>
        <li>
          <a class="nav-item-iconic" href="settings.html" title="Settings"><i class="pficon pficon-equalizer"></i></a>
        </li>
        <li class="dropdown">
          <a class="dropdown-toggle nav-item-iconic" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true"
             aria-expanded="true" tabindex="0">
            <span title="Username" class="pficon pficon-user"></span>
            Brian Johnson
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu" aria-labelledby="dropdownMenu4">
            <li><a href="#about" data-toggle="modal">About</a></li>
            <li><a href="#">Log Out</a></li>
          </ul>
        </li>
      </ul>

    </div>
  </nav>

  <main role="main" id="kie-main-content" tabindex="-1" class="kie-page__content ">

    <div class="container-fluid ">

      <!-- Breadcrumb row -->
      <div class="row">
        <div class="col-xs-12">
          <ol class="breadcrumb">
            <li>
              <a href="#">Spaces</a>
            </li>
            <li>
              <a href="#">Space Name</a>
            </li>
            <li class="active"> <strong>Project Name</strong>
            </li>
          </ol>
        </div>
      </div>

      <!-- Page Title row -->
      <div class="row">
        <div class="col-sm-12 page-header kie-page-header"> <!--       page-header page-header-bleed-right  ------->
          <div class="actions pull-right btn-group">
            <button type="button" class="btn btn-default">Build</button>
            <button type="button" class="btn btn-default">Publish</button>
            <button type="button" class="btn btn-default">Deploy</button>
            <button type="button" class="btn btn-default">Sync</button>
            <button type="button" class="btn btn-default"><span class="fa fa-envelope-o"</button>
            <span class="dropdown  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 dropdown-menu-right " aria-labelledby="dropdownKebab">
                <li><a href="#">Add Asset</a></li>
                <li><a href="#">Import Asset</a></li>
                <li><a href="#">Edit Contributors</a></li>
                <li><a href="#">Fork</a></li>
                <li><a href="#">Duplicate</a></li>
                <li><a href="#">Rename</a></li>
                <li><a href="#">Delete</a></li>
              </ul>
            </span>

          </div>
          <h1>Project Name</h1>
        </div>
      </div>

      <!-- Tab nav row -->
      <div class="row" >
        <div class="col-xs-12">
          <ul class="nav nav-tabs nav-tabs-pf">
            <li class="active"><a href="spaces-assetlist.html">Assets <span class="badge">8</span></a></li>
            <li><a href="spaces-changeRequestList.html">Change Requests <span class="badge">4</span></a></li>
            <li><a href="spaces-contributorlist.html">Contributors <span class="badge">12</span></a></li>
            <li><a href="spaces-metrics.html">Metrics</a></li>
            <li><a href="spaces-settings.html">Settings</a></li>
          </ul>
        </div>
      </div>

      <!-- alert -->
      <br />
      <div class="row">
        <div class="col-xs-12">
          <div class="alert alert-success ">
            <span class="pficon pficon-ok"></span>
            <strong>Great job!</strong> This is really working out <a href="#" class="alert-link">great for us</a>.
          </div>
        </div>
      </div>

      <!-- Content - Asset List -->
      <div class="row kie-row--tabcontent">
        <div class="col-xs-12 list-pf">

          <div class="list-pf-item">
            <div class="list-pf-container">
              <div class="list-pf-content-flex">
                <div class="list-pf-left">
                  <span class="fa fa-file-text list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
                </div>
                <div class="list-pf-content-wrapper">
                  <div class="list-pf-main-content ">

                    <div class="list-pf-title">Asset Name</div>
                    <div class="list-pf-description text-overflow-pf">Form</a></div>
                  </div>
                  <div class="list-pf-additional-content">
                    Modified Today
                  </div>
                  <div class="list-pf-additional-content">
                    Created 2 days ago
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="list-pf-item">
            <div class="list-pf-container">
              <div class="list-pf-content-flex">
                <div class="list-pf-left">
                  <span class="fa fa-file-text list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
                </div>
                <div class="list-pf-content-wrapper">
                  <div class="list-pf-main-content ">

                    <div class="list-pf-title">Asset Name</div>
                    <div class="list-pf-description text-overflow-pf">Business Process</a></div>
                  </div>
                  <div class="list-pf-additional-content">
                    Modified 2 days ago
                  </div>
                  <div class="list-pf-additional-content">
                    Created 4 days ago
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="list-pf-item">
            <div class="list-pf-container">
              <div class="list-pf-content-flex">
                <div class="list-pf-left">
                  <span class="fa fa-file-text list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
                </div>
                <div class="list-pf-content-wrapper">
                  <div class="list-pf-main-content ">

                    <div class="list-pf-title">A Rather Long Asset Name Here</div>
                    <div class="list-pf-description text-overflow-pf">Data Object</a></div>
                  </div>
                  <div class="list-pf-additional-content">
                    Modified 4 days ago
                  </div>
                  <div class="list-pf-additional-content">
                    Created 4 days ago
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="list-pf-item">
            <div class="list-pf-container">
              <div class="list-pf-content-flex">
                <div class="list-pf-left">
                  <span class="fa fa-file-text list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
                </div>
                <div class="list-pf-content-wrapper">
                  <div class="list-pf-main-content ">

                    <div class="list-pf-title">Asset Name</div>
                    <div class="list-pf-description text-overflow-pf">Decision Table</a></div>
                  </div>
                  <div class="list-pf-additional-content">
                    Modified Today
                  </div>
                  <div class="list-pf-additional-content">
                    Created Today
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="list-pf-item">
            <div class="list-pf-container">
              <div class="list-pf-content-flex">
                <div class="list-pf-left">
                  <span class="fa fa-file-text list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
                </div>
                <div class="list-pf-content-wrapper">
                  <div class="list-pf-main-content ">

                    <div class="list-pf-title">Asset Name</div>
                    <div class="list-pf-description text-overflow-pf">Decision Table</a></div>
                  </div>
                  <div class="list-pf-additional-content">
                    Modified Today
                  </div>
                  <div class="list-pf-additional-content">
                    Created Today
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="list-pf-item">
            <div class="list-pf-container">
              <div class="list-pf-content-flex">
                <div class="list-pf-left">
                  <span class="fa fa-file-text list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
                </div>
                <div class="list-pf-content-wrapper">
                  <div class="list-pf-main-content ">

                    <div class="list-pf-title">Asset Name</div>
                    <div class="list-pf-description text-overflow-pf">Decision Table</a></div>
                  </div>
                  <div class="list-pf-additional-content">
                    Modified 2 days ago
                  </div>
                  <div class="list-pf-additional-content">
                    Created 4 days ago
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="list-pf-item">
            <div class="list-pf-container">
              <div class="list-pf-content-flex">
                <div class="list-pf-left">
                  <span class="fa fa-file-text list-pf-icon list-pf-icon-bordered list-pf-icon-small"></span>
                </div>
                <div class="list-pf-content-wrapper">
                  <div class="list-pf-main-content ">

                    <div class="list-pf-title">Asset Name</div>
                    <div class="list-pf-description text-overflow-pf">Decision Table</a></div>
                  </div>
                  <div class="list-pf-additional-content">
                    Modified 3 days ago
                  </div>
                  <div class="list-pf-additional-content">
                    Created 4 days ago
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </main>


</div><!-- kie-page -->

<!-- modals -->
<div class="modal fade" id="help">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
          <span class="pficon pficon-close"></span>
        </button>
        <h4 class="modal-title">Help</h4>
      </div>
      <div class="modal-body">
        <div><img src="img/help.png" alt="" style="width: 568px;"/></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<!-- About Modal -->
<div class="modal fade" id="about" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content about-modal-pf">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
          <span class="pficon pficon-close"></span>
        </button>
      </div>
      <div class="modal-body">
        <h1 id="aboutModalTitle">
          <img class="kie-brand-icon" src="images/jbpm_logo_noshadow_100px.png" alt="JBoss BPM Suite"/>
        </h1>
        <div class="product-versions-pf">
          <ul class="list-unstyled" id="aboutModalVersions">
            <li><strong>Version</strong> 0.0</li>
          </ul>
        </div>
        <div class="trademark-pf">
          jBPM is open source software, released under the <br>
          <strong>Apache Software License 2.0</strong>.
        </div>
      </div>
    </div>
  </div>
</div>
<!-- END About Modal -->

<div class="modal fade" id="preferences">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
          <span class="pficon pficon-close"></span>
        </button>
        <h4 class="modal-title">Preferences</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label class="control-label">Language</label>
          <select class="form-control">
            <option value="default">English</option>
            <option value="de">German</option>
            <option value="es">Spanish</option>
            <option value="fr">French</option>
            <option value="ja">Japanese</option>
            <option value="pt_BR">Portuguese</option>
            <option value="zh_CN">Chinese (Simplified)</option>
          </select>
        </div>
        <div class="form-group">
          <label class="control-label">View Mode</label>
          <div class="radio">
            <label><input type="radio" name="optradio">Basic</label>
          </div>
          <div class="radio">
            <label><input type="radio" name="optradio">Compact</label>
          </div>
          <div class="radio">
            <label><input type="radio" name="optradio">Advanced</label>
          </div>
        </div>
        <div class="form-group">
          <label class="control-label">Layouts</label>
          <p><a href="#">Reset Perspective Layouts</a></p>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
      </div>
    </div>
  </div>
</div>

</body>
</html>