openproject/public/templates/work_packages.html

<div id="work-packages-index">

  <div class="toolbar-container">
    <div toolbar id="toolbar">
      <selectable-title selected-title="selectedTitle"
                        reload-method="reloadQuery"
                        groups="groups">
      </selectable-title>

      <ul id="toolbar-items">
        <li class="toolbar-item">
          <button class="button_highlight" with-dropdown dropdown-id="tasksDropdown">
            <i class="icon-add icon4"></i>
            {{ I18n.t('js.toolbar.unselected_title') }}
            <i class="icon-pulldown-arrow1 icon-dropdown"></i>
          </button>
        </li>
        <li class="toolbar-item">
          <button class="button"
                  ng-click="showFiltersOptions = !showFiltersOptions"
                  ng-class="{active: showFiltersOptions}">
            <i class="icon-filter icon-buttons"></i>{{ I18n.t('js.toolbar.filter') }}
          </button>
        </li>
        <li class="toolbar-item" feature-flag="detailsView">
          <ul id="work-packages-view-mode-selection" class="toolbar-button-group">
            <li>
              <button class="button"
                      ui-sref="work-packages.list"
                      ui-sref-active="active">
                <i class="icon-table-view icon-buttons"></i>
              </button>
            </li>
            <li feature-flag="detailsView">
              <button class="button"
                      ui-sref="work-packages.list.details({})"
                      ui-sref-active="active">
                <i class="icon-table-detail-view icon-buttons"></i>
              </button>
            </li>
          </ul>
        </li>
        <li class="toolbar-item">
          <button class="button last" with-dropdown dropdown-id="settingsDropdown">
            <i class="icon-settings"></i>
            <i class="icon-pulldown-arrow1 icon-dropdown"></i>
          </button>
        </li>
      </ul>
    </div>
  </div>

  <div class="dropdown dropdown-relative dropdown-anchor-right" id="tasksDropdown">
    <ul class="dropdown-menu">
      <li><a ng-href="work_packages/new?work_package[type_id]={{type.id}}" ng-repeat="type in availableTypes">{{type.name}}</a></li>
    </ul>
  </div>

  <div options-dropdown class="dropdown dropdown-relative dropdown-anchor-right" id="settingsDropdown">
    <ul class="dropdown-menu">
      <li><a href ng-click="showColumnsModal()"><i class="icon-action-menu icon-columns"></i>{{ I18n.t('js.toolbar.settings.columns') }}</a></li>
      <li><a href ng-click="showSortingModal()"><i class="icon-action-menu no-icon"></i>{{ I18n.t('js.toolbar.settings.sort_by') }}</a></li>
      <li><a href ng-click="showGroupingModal()"><i class="icon-action-menu no-icon"></i>{{ I18n.t('js.toolbar.settings.group_by') }}</a></li>
      <li><a href ng-click="toggleDisplaySums()"><i ng-if="query.displaySums" class="icon-action-menu icon-yes"></i><i ng-if="!query.displaySums" class="icon-action-menu no-icon"></i>{{ I18n.t('js.toolbar.settings.display_sums') }}</a></li>
      <li class="dropdown-divider"></li>
      <li><a href ng-click="saveQuery()"><i class="icon-action-menu icon-save1"></i>{{ I18n.t('js.toolbar.settings.save') }}</a></li>
      <li><a href ng-click="showSaveAsModal($event)" ng-class="{'inactive': query.isNew()}">
        <i class="icon-action-menu icon-save1"></i>{{ I18n.t('js.toolbar.settings.save_as') }}</a>
      </li>
      <li><a href ng-click="showShareModal($event)" ng-class="{'inactive': query.isNew()}">
        <i class="icon-action-menu icon-publish"></i>{{ I18n.t('js.toolbar.settings.share') }}</a>
      </li>
      <li><a href ng-click="deleteQuery($event)" ng-class="{'inactive': query.isNew()}">
        <i class="icon-action-menu icon-delete"></i>{{ I18n.t('js.toolbar.settings.delete') }}</a>
      </li>
      <li><a href ng-click="showSettingsModal($event)" ng-class="{'inactive': query.isNew()}">
        <i class="icon-action-menu icon-settings"></i>{{ I18n.t('js.toolbar.settings.page_settings') }}</a>
      </li>
    </ul>
  </div>

  <div class="title-bar" ng-show="showFiltersOptions">
    <div class="title-bar-extras">

      <div query-form id="query_form_content" class="hide-when-print">
        <query-filters></query-filters>
      </div>

      <p class="buttons hide-when-print">
        <filter-clear query="query">
      </filter-clear>

      <!-- TODO: serialize permission checks -->
      <!-- User.current.allowed_to?(:save_queries, project, :global => true) -->
    </p>
    </div>
  </div>

  <back-url></back-url>

  <div ui-view></div>

</div>