APTrust/dart

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#Dashboard/show"><img src="include/img/dart.png" style="height:32px;width:32px;"></img>DART</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse">
    <ul class="navbar-nav">
      <li class="nav-item {{#if (eq section 'Dashboard') }}active{{/if}}">
        <a class="nav-link" href="#Dashboard/show">Dashboard</span></a>
      </li>
      <li class="nav-item dropdown {{#if (eq section 'Settings')}}active{{/if}}">
        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Settings</a>
        <div class="dropdown-menu" aria-labelledby="navbarSettingsDropdownLink">
          <a class="dropdown-item" href="#AppSetting/list">Application Settings</a>
          <a class="dropdown-item" href="#BagItProfile/list">BagIt Profiles</a>
          <a class="dropdown-item" href="#InternalSetting/list">Internal Settings</a>
          <a class="dropdown-item" href="#RemoteRepository/list">Remote Repositories</a>
          <a class="dropdown-item" href="#StorageService/list">Storage Services</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#Settings/import">Import Settings</a>
          <a class="dropdown-item" href="#Settings/export">Export Settings</a>
        </div>
      </li>
      <li class="nav-item dropdown {{#if (eq section 'Jobs')}}active{{/if}}">
        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Jobs</a>
        <div class="dropdown-menu" aria-labelledby="navbarJobsDropdownLink">
          <a class="dropdown-item" href="#Job/list">List</a>
          <a class="dropdown-item" href="#Job/new">New</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#BagValidation/show">Validate a Bag</a>
        </div>
      </li>
      <li class="nav-item dropdown {{#if (eq section 'Workflows')}}active{{/if}}">
        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Workflows</a>
        <div class="dropdown-menu" aria-labelledby="navbarJobsDropdownLink">
          <a class="dropdown-item" href="#Workflow/list">List</a>
          <a class="dropdown-item" href="#Workflow/new">New</a>
          <a class="dropdown-item" href="#WorkflowBatch/new">Run Batch</a>
          <div class="dropdown-divider"></div>
          {{#each workflows}}
          <a class="dropdown-item" href="#Workflow/createJob?workflowId={{this.id}}">Run {{ this.name }}</a>
          {{/each}}
        </div>
      </li>
      <li class="nav-item dropdown {{#if (eq section 'Help')}}active{{/if}}">
        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Help</a>
        <div class="dropdown-menu" aria-labelledby="navbarHelpDropdownLink">
          <a class="dropdown-item" href="#Help/openExternal?url=https://aptrust.github.io/dart-docs/">Documentation</a>
          <a class="dropdown-item" href="#Plugin/list">List Installed Plugins</a>
          <a class="dropdown-item" href="#Log/show">Logs</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#About/show">About</a>
        </div>
      </li>
    </ul>
  </div>
  <div class="float-right">
    <span id="runningJobsBadge" class="badge badge-pill badge-info">
      <a href="#Dashboard/show" class="text-white"></a>
    </span>
  </div>
</nav>